@charset "utf-8";

.schedule-list{margin-left:30px;width:410px;height:520px;background:url('../images/schedule-bg.jpg') no-repeat left top;padding:40px;box-sizing: border-box;position: relative;}
.schedule-list .title{font-size:24px;color:#fff;margin-bottom:30px;font-family: 'Noto Medium';}

.schedule-list .date-area{display: inline-block;vertical-align: top;}
.schedule-list .date{padding:0 5px;}
.schedule-list .date strong{color:#fff;font-size: 60px;display: block;}
.schedule-list .date span{color:#fff;font-size:16px;display: block;text-align: center;}

.schedule-list > ul{display:inline-block;vertical-align: top;width: 60%;margin-left: 30px;}
.schedule-list > ul li{font-size:16px;color:#fff;margin-bottom:10px;letter-spacing: -0.5px;font-family: 'Noto Regular';}
.schedule-list > ul li span{color:#73fffd;display: block;margin-top:5px;font-family: 'Noto Regular';}

.schedule-list .more{content: '';position: absolute;right: 20px;bottom: 20px;width: 40px;height: 40px;background: url(../images/quick-arr.png) no-repeat;display: block;text-indent: -9999px;}

@media all and (max-width:1350px) {
.schedule-list{width:100%;height:430px;padding:30px 25px;box-sizing: border-box;margin-left:0;background-size: cover;}
.schedule-list .title{font-size:18px;}
.schedule-list .date strong{font-size:50px;}
.schedule-list .date span{font-size:13px;}
.schedule-list > ul{width:60%;margin-left:25px;}
.schedule-list > ul li{font-size:14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.schedule-list > ul li span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
}

@media all and (max-width:767px) {
.schedule-list{height:320px;}
.schedule-list .title{margin-bottom:20px;}
.schedule-list > ul {width: 55%;margin-left: 15px;}
.schedule-list > ul li + li + li + li{display: none;}
.schedule-list .more{width:30px;height:30px;background-size:30px;}
}