@charset "utf-8";
@import "common2.css";
@import "sub.css";
@import "board.css";
@import "popup.css";

caption{display:none}

.con2 .vod_title { background-image: url(../../img/front/ic-vod-schedule.png);}
.con3 .vod_title { background-image: url(../../img/front/ic-vod-live.png);}
.con .inner_video {width: 100%; height: 100%; padding: 20px; background-color: #fff; position: relative;}
.con1 .inner_video {height:450px; background-image: url(../../img/front/mainbanner-video.jpg);background-repeat: no-repeat;background-position: right 0;}


.calendar{float:left;border:1px solid #ededed;background: #f0f0f0;min-height: 340px;margin-top: 40px;}
.calendar p{padding-top:14px;font-size:1.250em;color:#4d5155;text-align:center}
.calendar p span{margin:0 10px}
.calendar ul{margin:14px 0 14px 14px}
.calendar ul li{float:left;width:24px;height:27px;margin:0 8px 8px 0;color:#777;font-size:0.833em;color:#777;text-align:center;line-height:22px}
.calendar ul li.h15{height:15px}
.calendar ul li strong{font-size:1.100em;color:#555;font-weight:bold}
.calendar ul li.sat{margin:0 0 8px 0}
.calendar ul li a{display:block;background:#fff}
.calendar ul li a:hover{background:#28558c;color:#fff}
.calendar .sat{color:#5589c4}
.calendar .sun{color:#c66060}
.calendar .today{background:#58c455 !important;color:#fff}
.calendar .onAir{background:#ffb400 !important;color:#fff}

.schedule{float: left;position: relative;overflow: hidden;width: 100%;height: 340px;}
.schedule ul{margin:15px}
.schedule ul strong{display:block;padding-bottom:5px;border-bottom:1px solid #ddd;font-size:1.167em;color:#000;font-weight:bold}
.schedule ul li{margin-top:10px;font-size:1.083em;color: #fff;line-height: 24px;}
.schedule ul li.position{position:absolute;bottom:20px;font-size:0.917em;color:#b0b6be;}
.schedule ul li.position dl dd{float:left;margin-right:20px}
.schedule ul li.position dl dd .today{display:inline-block;width:15px;height:15px;margin-right:5px;background:#58c455;vertical-align:middle}
.schedule ul li.position dl dd .duedate{display:inline-block;width:15px;height:15px;margin-right:5px;background:#ffb400;vertical-align:middle}
.schedule ul li p{width:100%;padding-left:8px;background:url('../../img/front/ic-locationarrow.png') left 7px no-repeat;font-size:0.923em;color:#d0d0d0;}
.schedule ul li p a{color:#d0d0d0;overflow: hidden;/* white-space: nowrap;text-overflow: ellipsis; */width: 100%;}
.schedule ul li p a:hover{color:#ffce07;}
/* .schedule ul li p span{position:absolute;right:calc(85% - 130px);top: 100px;}
.schedule ul li p span a{display:block;width:90px;height:25px;background:#fff url(../../img/front/ic-t-video.png) 5px no-repeat;color:#28558c;line-height:25px;text-align:right;padding-right: 5px;border-radius: 2px;}
.schedule ul li p span a:hover{background:#ddeef6 url(../../img/front/ic-t-video.png) 5px no-repeat;} */

@media (max-width: 1180px) {
	.con1 .inner_video {display: none;}
    .schedule ul li p span {right: calc(75% - 130px);}
    .calendar ul li {width: 11.5%;}
}

@media (max-width: 768px) {
	.calendar ul li {width: 11.3%;}
}