@charset "utf-8";

.web_user_schedule{box-sizing:border-box;position:relative;background:#4475cb;padding:30px 20px;overflow:hidden;}

.web_user_schedule h2{color:#FFF;font-size:19px;line-height:1;padding-bottom:30px;font-style:italic;font-weight:bold;}
.web_user_schedule h2 i{font-weight:normal;font-style:italic;}

.web_user_schedule .scheduleControl{width:80px;border-right:1px solid rgba(255, 255, 255, .3);float:left;}
.web_user_schedule .scheduleControl .monthDate{}
.web_user_schedule .scheduleControl .monthDate a{box-sizing:border-box;display:block;text-indent:-9999px;width:30px;height:30px;border-radius:100%;position:absolute;top:15px;border:3px solid rgba(255, 255, 255, .3);}
.web_user_schedule .scheduleControl .monthDate a.prev{background:url(/sites/guide/images/arrow_4_l_w.png) no-repeat center;right:100px;}
.web_user_schedule .scheduleControl .monthDate a.next{background:url(/sites/guide/images/arrow_4_r_w.png) no-repeat center;right:60px;}
.web_user_schedule .scheduleControl .monthDate a:hover{border-color:rgba(255, 255, 255, .8);}
.web_user_schedule .scheduleControl .monthDate span{display:block;line-height:1;font-weight:bold;font-size:40px;text-align:center;color:#FFF;}
.web_user_schedule .scheduleControl .monthDate span i{display:block;font-size:16px;text-align:center;padding-bottom:10px;}

.web_user_schedule .scheduleScroll{float:left;width:calc(100% - 110px);margin-left:20px;}
.web_user_schedule .scheduleScroll ul.event{overflow-y:auto;height:125px;}
.web_user_schedule .scheduleScroll ul.event li{position:relative;padding-bottom:10px;}
.web_user_schedule .scheduleScroll ul.event li:nth-child(n+5){display:none;}

.web_user_schedule .scheduleScroll ul.event li dl{color:#FFF;}
.web_user_schedule .scheduleScroll ul.event li dl dt{font-weight:bold;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 30px);}
.web_user_schedule .scheduleScroll ul.event li dl dd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 30px);font-size:15px;}
.web_user_schedule .scheduleScroll ul.event li p.noData{text-align:center;color:#FFF;}

.web_user_schedule a.view_more_schedule{box-sizing:border-box;display:block;width:30px;height:30px;text-indent:-9999px;background:url(/sites/guide/images/plus_2_w.png) no-repeat center;border-radius:100%;position:absolute;top:15px;right:20px;border:3px solid rgba(255, 255, 255, .3);}
.web_user_schedule a.view_more_schedule:hover{border-color:rgba(255, 255, 255, .8);}