/* before 的 height 不可以 100%，在 safari 沒有作用，必須給高度才行 */
.daily-remind:before { position: absolute; background: url(https://d1r4509tniam8v.cloudfront.net/img/homeDailyRemindBg.jpg) no-repeat center; background-size: cover; width: calc(50% - 150px); height: 540px; z-index: -1;} 
.daily-remind { position: relative; display: block; overflow: hidden; }
.daily-remind-inner { padding: 40px 10px; }

.daily-remind .progress-group { height: 330px; overflow:hidden; overflow-y:auto; }
.daily-remind .progress-group article {padding: 11px 0 12px;}
.daily-remind .progress-linear { position: relative; text-align: left; }
.daily-remind .progress-linear+ .daily-remind .progress-linear { margin-top: 0px; }
.daily-remind .progress-linear .progress-header { font-size:0.85em; display: flex; align-items: center; justify-content: space-between; transform: translate3d(0,-10px,0); }
/* .daily-remind .progress-linear .progress-header>* { margin-top: 10px; padding-left: 5px; padding-right: 5px; } */
.daily-remind .progress-linear .progress-bar-linear-wrap { height: 5px; background: #e9e9e9; }
.daily-remind  *+.progress-bar-linear-wrap { margin-top: -8px; }
.daily-remind  .progress-linear .progress-bar-linear { width: 0; height: inherit; background: #648420; transition: .5s all ease-in-out; }

.daily-remind .content { margin-top: 15px; }
.daily-remind .content .remind { border:1px solid #eee; overflow: auto; height: 320px; }
.daily-remind .content .remind > .record {  position: relative; font-size: 0.85em; background:#fff; border:1px solid #eee; margin: 10px 0; padding: 10px 10px 5px;  border-top-left-radius: 20px; border-bottom-right-radius: 20px; }
.daily-remind .content .remind > .record > p {position: relative; margin: 0; padding:0; margin-bottom: 5px}
.daily-remind .content .remind > .record a>span {border-bottom: 1px solid #FFE100; padding-bottom: 2px;  }
.daily-remind .content .remind > .record a>span:hover { border-bottom: 3px solid #FFE100 }
.daily-remind .content .remind > .record .emphasize { font-weight: bold; padding: 0 2px; font-size: 1.2em; }
.daily-remind .no-login {padding: 30px 0;  font-size: 16px; }

@media (max-width: 991px) { 
	.daily-remind:before { width: calc(50% - 250px); }
	.daily-remind .progress-group article {margin-right: 10px;} 
	.daily-remind .no-login { padding: 10px 0 }
}
@media (max-width: 767px) { 
	.daily-remind:before { width: 100%; } 
	.daily-remind-inner { background:rgba(255,255,255,0.8); margin: 15px; padding-top: 20px; padding-bottom: 40px; } 
}