.sub_top{background-image: url("../img/s_media_bg.jpg");height: 175px;}
.sub_top_txt p{color: #afabac;}
.sub_top_txt h1{color: #fff;}
.video_tag{width: 100%;display: block;}
/* list */
.paging{text-align: center;margin-top: 27px;}
.paging a{cursor: pointer;border: 1px solid #ddd;padding: 0 5px;margin: 0 2px;}
.paging a:hover{opacity:0.5}
.paging .selected{font-weight: bold;border-color: #000;}

.media_div{float: left;width: 50%;}
.media_div li > a{display: block;}
#tv_media_div .inner_div{border-right: 1px solid #ebebeb;padding-right: 55px;}
#news_media_div{padding-left: 55px;}
.media_div .opt_title{height: 70px; color: #fff;line-height: 70px;text-align: center;font-weight: bold;font-size: 20px;}
#tv_media_div .opt_title{background:#326b98; }
#news_media_div .opt_title{background:#58647a; }
.media_div .left_ul{padding-bottom: 45px;border-bottom: 1px solid #3f4656;} 

.media_div .left_ul > li{width: 49%;border: 1px solid #ebebeb;margin-top: 20px;}
.media_div .left_ul > li:nth-child(odd){margin-right: 2%;}
.media_div .left_ul > li .subject_div{display: table;width:100% ;font-weight: bold;}
.media_div .left_ul > li .subject_div span{width:100% ;display: table-cell;vertical-align: middle;height: 80px;text-align: center;}
.iframe_div{text-align: center;margin: 30px auto;max-width: 600px;}

#m_media_btn{display: none;}
#m_media_btn .left_ul > li{width: 50%;background: #cacaca;color: #fff;font-weight: bold;line-height: 70px;height: 70px;text-align: center;}
#m_media_btn .left_ul > .on{background: #326b98;}
/* list */


/* view */
.list_table tr{height: 55px;border-bottom: 1px solid #3f4656;}
.list_table .top_tr{border-top: 4px solid #3f4656;}
.list_table td{width: auto;}
.list_table th{width: 155px;background: #f6f6f6;}
.read_table_div{padding: 0 15px;}

.active_div{-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;}

/* insert, update */
/* insert, update */

.view_tbody a,
.view_tbody img{margin: 0 auto !important;display: block !important;max-width: 100% !important;height: auto !important;}
.view_tbody iframe{margin: 30px auto 0 auto !important;display: block !important;}

/* add 20180727 */
.thum_media{position: relative;}
.thum_media > span{display: block;position: absolute;top: 0;left: 0;width: 39px;height: 18px;font-size: 12px;color: #fff;line-height: 18px;text-align: center;}
.thum_media > .new{
	background:#db2903;
	background: -webkit-linear-gradient( to right, #f55e4b, #db2903 );
	background: -moz-linear-gradient( to right, #f55e4b, #db2903 );
	background: -ms-linear-gradient( to right, #f55e4b, #db2903 );
	background: linear-gradient( to right, #f55e4b, #db2903 );
	}
.thum_media > .best{
	background:#00437a;
	background: -webkit-linear-gradient( to right, #0070da, #00437a );
	background: -moz-linear-gradient( to right, #0070da, #00437a );
	background: -ms-linear-gradient( to right, #0070da, #00437a );
	background: linear-gradient( to right, #0070da, #00437a );
	}
/* add 20180727 */


@media only screen and (max-width: 1023px) {
	.list_table th{width: 100px}
	.center_div{padding: 25px 0;}
	.media_div{display: none;width: 100%;}
	.active_div{display: block;}
	#tv_media_div .inner_div, #news_media_div{padding: 0;}
	#tv_media_div .inner_div, #news_media_div .inner_div{border: none;padding: 0 20px;}
	.iframe_div{padding: 0 10px;}
	.iframe_div iframe{height: 400px;}
	.media_div .opt_title{display: none;}
	#m_media_btn{display: block;}
}

@media only screen and (max-width: 640px) {
	.iframe_div iframe{height: 200px;}
	.view_tbody iframe{height: 300px !important;margin: 10px auto 0 auto !important;}
}

@media all and (min-width:1024px) and (max-width:1199px) {
}