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

caption{display:none}

.con2 .vod_title { background-image: url(/module/common/images/front/ic-vod-schedule.png);}
.con3 .vod_title { background-image: url(/module/common/images/front/ic-vod-live.png);}
.con .inner_video { padding: 20px; background-color: #fff; position: absolute; left:5px; right:5px; top:5px; bottom:0;}
.con1 .inner_video {background-image: url(/module/common/images/front/mainbanner-video.jpg);background-repeat: no-repeat;background-position: right 0; background-size:100% auto}

.calendar{float:left;border:1px solid #ededed;background: #f0f0f0;min-height: 230px;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:20px;margin:0 8px 8px 0;color:#777;font-size:0.833em;color:#777;text-align:center;line-height:20px}
.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: 230px;}
.schedule ul{margin:20px}
.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: 2;}
.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('/module/common/images/front/ic-locationarrow.png') left 10px 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(/module/common/images/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(/module/common/images/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%;}

}


.viewer_content_box {padding:15px; color:#555;}
.view_content_item .content_name .icon_checkbox label {padding:0;}
.assem_big_tit .assem_tit_name strong {font-size:160%;}
.icon_checkbox input[type="checkbox"] + label::before {content:'';}
.view_content_head .view_assem_bill strong {font-size:110%;}


@media only screen and (max-width:1200px){
.viewer_content_box {padding:5px;}
.viewer_content_box *{font-size:13px !important}
.assem_big_tit .assem_tit_name strong {font-size:160% !important;}

}