.exLinkWrap { width: 100%; height: auto; margin: 0 auto; }
.exLinkBtn { 
	float: left;
	width: 100%; 
	padding: 10px 0; 
	margin: 10px 0; 
	text-align:center; 
	background:#9CBAC1;
	background: rgb(57,58,71); 
	background: -moz-linear-gradient(top, rgba(57,58,71,1) 0%, rgba(28,33,40,1) 100%);
	background: -webkit-linear-gradient(top, rgba(57,58,71,1) 0%,rgba(28,33,40,1) 100%);
	background: linear-gradient(to bottom, rgba(57,58,71,1) 0%,rgba(28,33,40,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393a47', endColorstr='#1c2128',GradientType=0 );

	-webkit-border-radius: 6px; 
	-khtml-border-radius: 50%; 
	-moz-border-radius: 50%; 
	border-radius: 6px; 
	}
.exLinkBtn.rig { float:right; }
.exLinkIcon { width:35px; height: 35px; display:inline-block; /*margin-right: 10px;*/ }
.exLinkIcon.prof { margin-right: 7px; }
.exLinkTxt { display:inline-block; vertical-align:top; margin-top:10px; font-size:16px; letter-spacing: 5px; color:#D9D7D6; }
.exLinkTxt.eng { letter-spacing: 2px;}
.musListWrap { margin-bottom: 25px; }
@media screen and (max-width: 1000px) {
}
@media screen and (max-width: 825px) {
}
@media screen and (max-width: 760px) {
	.exLinkBtn { padding: 5px 0 8px 0; }
	.exLinkWrap { width: 96%; }
	.exLinkTxt { display:block; font-size:14px; margin-top:0px;}

}
@media screen and (max-width: 625px) {
	.exLinkWrap { width: 88%; }
	.exLinkTxt.eng { font-size:12px; letter-spacing: 1px;}
}
@media screen and (max-width: 425px) {
	.exLinkWrap { width: 90%; }
}	

#mainPG #timeTableSlide .mainPG-overlay {
	background-color: rgba(255,255,255,0.8);
	background-image: url("../../img/archive_loading.gif");
	background-position: center center;
	background-repeat: no-repeat;
	bottom: 0;
	display: none;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 999;
}

#mainPG .scrollbox-wrapper .scrollbox-overflowed {
	background-color: #c6cfd6;
}

.famBlock{margin:0;}
.famBlock.famBlockMargin{margin:0 2%;}

.secTitBlock span{
    color: #2e3e4a;
    font-family: ProximaNova_Light;
}
.secTitBlock .secTitEn span{
	color: #2e3e4a;
    font-family: 'ProximaNova_Thin';
}
.playerWrap .vidScreen .message {
    position: absolute;
    z-index: 11;
    font-weight: bold;
    height: 100%;
    line-height: 100%;
    width: 75%;
    padding-top: 20%;
    color: white;
    font-size: 15px;
    background: url(/img/black_50.png);
    margin: auto;
    vertical-align: middle;
    text-align: center;
}
.playerwrap31 .vidScreen img, .playerwrap32 .vidScreen img, .playerwrap33 .vidScreen img, .playerwrap34 .vidScreen img, .playerwrap35 .vidScreen img {
    width: 100%;
    height: 100%;
}
.vidPlayer img {
    width: 100%;
    height: 100%;
}
/*---------- TV Landing Button Button ----------*/
.famInnerShadow{
	    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    background-image: url(../../img/family_pics_shadow.png);
    z-index: 1;
     }

.tvOthersWrap {
    width: 100%;
    margin: 0 auto 25px auto;
}
.tvOthersItem {
    float:none;
    width: 100%;
    height: auto;
}
.otherButton.right {
    float: none;
}
.otherButton {
    width: 100%;
    text-align: center;
    font-size: 18px;
    letter-spacing: 5px;
    padding: 12px 0 9px 0;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #9CBAC1;
    background: rgb(57,58,71);
    background: -moz-linear-gradient(top, rgba(57,58,71,1) 0%, rgba(28,33,40,1) 100%);
    background: -webkit-linear-gradient(top, rgba(57,58,71,1) 0%,rgba(28,33,40,1) 100%);
    background: linear-gradient(to bottom, rgba(57,58,71,1) 0%,rgba(28,33,40,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393a47', endColorstr='#1c2128',GradientType=0 );
}


	/*.tvOthersWrap { width: 98%; margin: 0 auto 25px auto; }
	  .tvOthersItem { float: left; width: 33.3%; height: auto; }
	.otherButton {
	  width:98%;
	  text-align:center;
	  font-size:18px;
	  letter-spacing: 5px;
	  padding: 12px 0 9px 0;
	  -webkit-border-radius: 5px;
	  -khtml-border-radius: 5px;
	  -moz-border-radius: 5px;
	  border-radius: 5px;
	  background:#9CBAC1;
	  background: rgb(57,58,71);
	  background: -moz-linear-gradient(top, rgba(57,58,71,1) 0%, rgba(28,33,40,1) 100%);
	  background: -webkit-linear-gradient(top, rgba(57,58,71,1) 0%,rgba(28,33,40,1) 100%);
	  background: linear-gradient(to bottom, rgba(57,58,71,1) 0%,rgba(28,33,40,1) 100%);
	  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393a47', endColorstr='#1c2128',GradientType=0 );
	}
*/
	.otherButton.left { float: left; }
	/*.otherButton.right { float: right; }*/
	.otherButton.middle { margin: 0 auto; }
	.otheButTxt {
		padding-left: 0px;
		color:#F2F2F2;
		display: inline-block;
    vertical-align: top;
        line-height: 36px;
    text-align: left;
	}
	.otherIcon { display: inline-block; vertical-align: middle; width:40px; margin-top: -3px;}

  .secTitEn {width: 80%;}

.pgDate ul li{cursor:pointer;}
.pgDate ul li.active{cursor:default;}

.adWrap a.pdf{    z-index: 2;    position: relative;}
.adWrap a.ad_link{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
  .vidRecom {
  	line-height: 1;
  }

	.dramaBlock {
		position: relative;
	}
	.dramaPicsOver {
		background-color: transparent;
		background-image: url(/img/focal_cover.png);
		clip-path: none !important;
		opacity: 1;
		transition: opacity .25s ease-in-out;
	}
	.dramaPicsOver:hover {
		opacity: 0;
	}

	.dramaMes {
	    position: absolute;
	    bottom: 0;
	    font-size: 14px;
	    color: #FFFFFF;
	    line-height: 22px;
	    letter-spacing: 5px;
	    padding: 5px 8px;
	    margin: 15px 20px;
	    text-shadow: 2px 1px 4px rgba(45,44,44,1.00);
	    background: rgba(45,64,74,0.7);
	    -webkit-border-radius: 5px;
	    -khtml-border-radius: 5px;
	    -moz-border-radius: 5px;
	    border-radius: 5px;
	    z-index:999;
	}
	.dramaMes.left {
	    left: 0px;
	}
	.dramaMes.right {
	    right: 0px;
	}

	.fake-clip-path {
	    background: url(/img/tv_main_ad_cover.png) no-repeat right top / auto 100%;
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    max-width: 915px;
	    z-index: 999;
	}
  @media screen and (max-width: 625px) {
  	.otheButTxt {
  		width: calc(100%  - 68px);
  	}
  }

/*---------- TV Landing Button Button ----------*/





.jw-tab-focus:focus {
    outline: none !important;
}
.tt_slider .ttframe ul {
    overflow: hidden;
}
.tt_slider .ttframe ul li {
    height: 100%;
}
#timeTable_31,#timeTable_32,#timeTable_33,#timeTable_34, #timeTable_35 {
    height: 83%;
    overflow: hidden;
}
.timetable {
    height: 100%;
}
.timetable.scrollbar-inner>.scroll-element .scroll-bar, #timeTableSlide .scrollbox-wrapper > .scrollbox-bar {
/*     background-color: #fff; */

}
.timetable .current .showRow, .timetable .current .showRow .showTit a, .timetable .current .showRow .showEpi {
    background: #2E3E4A;
    color: #fff;
}
.dramaBlock {
    float: left;
}
.dramaBlock.right {
    float: left;
    margin-left: 2%;
}

.dramaGis h3 {
	word-wrap: break-word;
}
.adPicWrap {
    background: #fff;
    overflow: hidden;
}
.adTxtWrap {
	z-index: 999;
}
.showEpi {
    width: 100%;
}
a:not([href]), .tt_slider .ttframe ul li {
    cursor: default;
}
#timeTableSlide .showTit:hover a[href^=http],#timeTableSlide .showEpi[href^=http]:hover {
    text-decoration: underline;
}
.tt_slider .ttframe ul li .ttName {
    cursor: pointer;
}
#spec_slides ul li .specGis {
    max-height: 130px;
    overflow: hidden;
}
#spec_slides a {
    color: #FFFFFF;
}
#spec_slides .specDate a {
    color: #CBDCF1;
}
.player-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: #000;
    opacity: 0.4;
}
.player-overlay.active, .vidScreen:hover .player-overlay {
    display: none;
}
.timeCell .scrollbox-wrapper {
    height: 100% !important;
}
.recomBlock .livLabel a, .playTit a {
    color: #fff;
}
.recomBlock .livLabel a {
	max-height: 14px;
	overflow: hidden;
	max-width: 75%;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
}
.playTit.dark a {
    color: #2e3e4a;
}
.playTit {
    height: 38px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.tryBlock {
	position:relative;
	width:50%;
	height:auto;
	border:1px solid #696060;
	margin: 0 auto;
	overflow:hidden;
}
.tryBlock2{
	width:50%;
	height:300px;
	border: 1px solid #B24143;
}
#headBanner {
    overflow: initial;
}

#tvplayer_31.loading,
#tvplayer_32.loading,
#tvplayer_33.loading,
#tvplayer_34.loading,
#tvplayer_35.loading,
#tvplayer_36.loading {
	opacity: 0;
}

.spec_slider .specframe ul li{cursor:default;}


#headBanner .pages_.hbDots.wNum li {
	width: 72px;
	padding-left: 5px;
}
#headBanner .pages_.hbDots.wNum li::before {
	content: 'TV3';
}
.vidPlayer .text {
	    height: 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    /* right: 0; */
    text-align: center;
    width: 100%;
    margin: auto;
}

@media screen and (max-width: 825px) {
	.playerWrap .vidScreen .message{width:100%;}
    .player-overlay { display:none !important;}

    .adPicWrap {
    	width: 100%;
    }
    .adPicWrap img {
    	width: 100%;
    	height: auto;
    }
    .fake-clip-path {
    	display: none;
    }
    .vidScreen {
    	background: none !important;
    	width: 100%;
    	height: 100%;
    }

    #tvPlayer31, #tvPlayer32, #tvPlayer33, #tvPlayer34, #tvPlayer35, #tvPlayer36 {
	    height: 100% !important;
	    width: 100% !important;
	    margin: 0 auto;
	    display: block;
	}
	#tvPlayer32{display:none!important;}
	#tvplayer32-stream > div{height:100%!important;}								 
	.famBlock.famBlockMargin,.famBlock {
	    float: none;
	    width: 100%;
	    height: auto;
	    min-height: 214px;
	    margin: 2% 0;
	    background: #e7e7ef;
	}
	.module-file-downloader-container{margin-left:50%;}
	.vidPlayer{background-color:#000;}
	.vidPlayer img{
		width: auto;
	    max-width: 100%;
	    max-height: 100%;
	    margin: auto;
	    display: block;
	    height: 100%;
	}
}
@media screen and (max-width: 625px) {
    .dramaBlock.right {
        margin-left: 0;
    }
    .module-file-downloader-container{margin-left:10px;position:relative;}

}


.pgTitWrap {
		width: 100%;
		text-align: center;
	}
	.pgTit {
		display: inline-block;
		text-align: center;
		vertical-align:top;

	}
	.pgTxt { font-size: 1em; letter-spacing: 3px;}
	.pgName {
		float: left;
		color:#F1F1F1;
		letter-spacing: 5px;
		padding: 10px 20px 10px 20px;
		background-color: #2E3E4A;
		/*display: inline-block;*/
	}
	.pgName.eng { letter-spacing: 3px; }
	.pgBtnWrap { float: left; width: 100px; text-align: center;
		padding: 0 5px 10px ;
		background-color: #C6CFD6;
	 }
	 .pgBtnWrap.left{
		 -moz-border-radius: 5px 0 0 0;
		-webkit-border-radius: 5px 0 0 0;
		border-radius: 5px 0 0 0;
		-khtml-border-radius: 5px 0 0 0;
	 }
	 .pgBtnWrap.right{
		 -moz-border-radius: 0 5px 0 0;
		-webkit-border-radius: 0 5px 0 0;
		border-radius: 0 5px 0 0;
		-khtml-border-radius: 0 5px 0 0;
	 }
	 .pgBtnWrap.dim{
		 opacity: 0.35;
	    filter: alpha(opacity=35);
	 }
	.pgBtnWrap.eng { width: 170px;  }
	.wkArr {
		/*float: left;*/
		display: inline-block;
		width: 26px;
		vertical-align: top;
		margin: -2px 0 0 0;
		/*padding-top: 2px;	*/
	}
	.pgWK {
		font-size: 1em;
		padding-top: 10px;
		/*background-color: rgba(247,206,154,1.00);*/
	}
	.slider-date-selector-prev,
	.slider-date-selector-next{cursor:pointer;}

	.chLiv .chLivShow {
		display: table;
		width: 100%;
		height: 100%;
	}
	.chLiv .chLivShow .chlivTit {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		width: 100%;
	}
	.chLiv {
		height: 80px;
	}
	.chLiv .chLivLogoWrap {
		height: 60px;
	}
	@media screen and (max-width: 625px) {
		/* .pgName { width:30%; padding: 10px 2%;  }
		.pgBtnWrap { width: 33%;  }
		.pgBtnWrap.eng { width: 33%;  } */
		.tv.timetable.eng .pgTableWrap .pgTitWrap .pgTit {
			display: block;
		}
		.tv.timetable.eng .pgTableWrap .pgTitWrap .pgTit .pgBtnWrap.left,
		.tv.timetable.eng .pgTableWrap .pgTitWrap .pgTit .pgBtnWrap.right {
			padding: 0 0 10px;
			width: 33.33%;
		}

		.tv.timetable.eng .pgTableWrap .pgTitWrap .pgTit .pgName > h3,
		.tv.timetable.eng .pgTableWrap .pgTitWrap .pgTit .pgBtnWrap.left .pgTxt,
		.tv.timetable.eng .pgTableWrap .pgTitWrap .pgTit .pgBtnWrap.right .pgTxt {
			/* font-size: 11px;
			letter-spacing: 0px !important; */
		}

		.tv.timetable.eng .pgTableWrap .pgTitWrap .pgTit .pgName  {
			padding: 10px 0;
			width: 33.33%;
		}

		.pgTxt { font-size: 1em;}
		.pgTxt.eng { font-size: 0.8em; letter-spacing: 1px;}
		.wkArr { width:20px; margin: -1px -4px 0 -4px;  }
		/* .pgTit { padding: 0 2%; width: 96% } */
		.chLivShow::before {
			content: none;
			display: none;
		}
	}
	@media screen and (max-width: 425px) {

		.catMhicon.eye {float:none;}
		.tv.timetable.eng .pgTableWrap .pgTitWrap .pgTit .pgName {
			padding: 12px 0;
		}
		.tv.timetable.eng .pgTableWrap .pgTitWrap .pgTit .pgName > h3,
		.tv.timetable.eng .pgTableWrap .pgTitWrap .pgTit .pgBtnWrap.left .pgTxt,
		.tv.timetable.eng .pgTableWrap .pgTitWrap .pgTit .pgBtnWrap.right .pgTxt {
			font-size: 11px;
			letter-spacing: 0 !important;
		}


		.pgName { /* width:36%; */ width: calc(33.3% - 4%);  padding: 10px 2%;  }
		.pgBtnWrap { /* width: 31%; */ width: calc(33.3% - 10px) }
		.pgBtnWrap.eng { /* width: 31%; */  }
		.pgName h3 { font-size: 1em;}
		.pgName.eng h3 { font-size: 0.8em;}
		.pgTxt { font-size: 0.8em;}
		.pgTxt.eng { font-size: 0.75em; letter-spacing: 0;}
		.pgTit { padding: 0 2%; width: 96% }
	}

	@media screen and (max-width: 425px) {
		.playerWrap .vidScreen .message{
			z-index: 1;
		}
		.vidPlayer img{
			position: absolute;
		    top: 0;
		    bottom: 0;
		    z-index: 0;
		    left:0;right:0;
		    height:auto;
		}
	}



.discm {
	width: 100%;
	height: auto;
	padding: 5px 0 0 0;
	font-size:18px;
	line-height: 22px;
	letter-spacing: 2px;
}
.discm.eng {
	font-size:16px;
}
@media screen and (max-width: 760px) {
	.discm { padding: 5px 0 0 15px;}
}
@media screen and (max-width: 625px) {
	.discm {text-align: center; color: #BFBFBF; }
	.discm { padding:0 0 0 0; font-size:15px;}
	.discm.eng { width:88%; font-size:13px;padding:2px 0 0 30px; text-align: center; letter-spacing: 1px; color: #BFBFBF; }
	.discm.eng p{letter-spacing: 1px!important;}
}

.vidScreen{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	box-shadow: -2px 2px 5px #000000;
}

@media screen and (max-width: 825px) {
	.vidScreen{ width:100%; height:100%;}
}

@media screen and (max-width: 625px) {
.showBtn{ font-size: 16px; width:110px;  margin: 10px 20px 0 0;}
}

.showBtn{ float:right; position:relative; width:150px; height:45px; margin:10px 15px 0 0; font-size: 22px; letter-spacing: 5px; color: #2e3e4a; cursor: pointer; }

@media screen and (max-width: 1600px) {
	#tvplayer_33{ margin: 70px auto 0 auto; width:720px; }
	#tvplayer_34{ margin: 70px auto 0 auto; width:720px; }
	#tvplayer_35{ margin: 70px auto 0 auto; width:720px; }
	#tvplayer_36{ margin: 70px auto 0 auto; width:720px; }												   
}

@media screen and (max-width: 1000px) {
	#tvplayer_33{ margin: 2% auto 0 auto; width:600px; }
	#tvplayer_34{ margin: 2% auto 0 auto; width:600px; }
	#tvplayer_35{ margin: 2% auto 0 auto; width:600px; }
	#tvplayer_36{ margin: 70px auto 0 auto; width:720px; }												   
}

@media screen and (max-width: 825px) {
	#tvplayer_33{ margin: 0 auto; width:auto; height:100%; }
	#tvplayer_34{ margin: 0 auto; width:auto; height:100%; }
	#tvplayer_35{ margin: 0 auto; width:auto; height:100%; }
	#tvplayer_36{ margin: 0 auto; width:auto; height:100%; }													 
}

#tvplayer_35, #tvplayer_36{
	position: relative;
    margin: 100px auto 0 auto;
    width: 920px;
}

@media screen and (max-width: 1600px){
	#tvplayer_35, #tvplayer_36{
		margin: 70px auto 0 auto;
    	width: 720px;
	}
}

@media screen and (max-width: 1000px){
	#tvplayer_35, #tvplayer_36{
		margin: 2% auto 0 auto;
    	width: 600px;
	}
}

@media screen and (max-width: 825px){
	#tvplayer_35, #tvplayer_36{
		margin: 0 auto;
		width: auto;
		height: 100%;
	}
}

@media screen and (max-width:425px){
	#headBanner .pages_.hbDots.wNum li{
		width: 65px;
	}
}







/* New Layout */
 
section.tv.slider{padding:45px 0 10px 0;}  

/* section.tv.slider .secTitBlock{width:30%;} */
.tv_slider_title{padding:20px 0;text-align:center;}
.tv_slider_image img{max-width:100%;}
/* section.tv.slider .slider_item{width:25%;display:inline-block;} */
.slider_container{padding:0px 10px;}
.lSSlideOuter{text-align:center;margin-top:25px;}
.lSSlideWrapper{margin-bottom:25px;}
.lSSlideOuter .specNavPrev, .lSSlideOuter .specNavNext, .lSSlideOuter .lSPager.lSpg{display:inline-block;}
.lSPager.lSpg{margin-top:2px!important;vertical-align: middle;}
.lSPager.lSpg li a{
	border: 2px solid #ACADB0;
	width:11px!important;
	height:11px!important;
	background-color:#fff!important;
}
 .lSPager.lSpg li.active a{
	background-color:#ACADB0!important;
}
.tv_slider_title{  
	border-left:1px solid #7697a7;
}

.banInfoWrap{z-index:10000}
.tvShowTit{min-height:100px;}
/*------------- Footer Top Buttons-------------------*/
.tvOthersWrap { width: 100%; margin: 50px auto 25px auto;  display: table; border-collapse:separate; border-spacing: 5px;}
.tvOthersItem { 
	width: 33.3%; height: auto;
	display: table-cell; 
	background:#B36566; 
	float:none;
	padding: 0 10px;
	-webkit-border-radius: 5px; 
	-khtml-border-radius: 5px; 
	-moz-border-radius: 5px;
	background:#9CBAC1;
	background: rgb(57,58,71); 
	background: -moz-linear-gradient(top, rgba(57,58,71,1) 0%, rgba(28,33,40,1) 100%);
	background: -webkit-linear-gradient(top, rgba(57,58,71,1) 0%,rgba(28,33,40,1) 100%);
	background: linear-gradient(to bottom, rgba(57,58,71,1) 0%,rgba(28,33,40,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393a47', endColorstr='#1c2128',GradientType=0 );
}
.otherButton { 
	width:100%; 
	text-align:center; 
	letter-spacing: 5px;
	padding: 12px 0 9px 0; 
}
.otheButTxt { font-size:15px; padding-left: 10px; color:#F2F2F2; line-height: 22px; display:block; }
.otheButTxt.eng { font-size:13px; line-height: 19px; letter-spacing: 3px;}
.otherIcon { display: inline-block; vertical-align: middle; width:40px; margin-top: -3px;}
.ss_type {  padding: 0px 5px 0px 2px; }
.nonBk { display:inline-block; }
.pushTit b{font-weight:bold;}
@media screen and (max-width: 1000px) {
}
@media screen and (max-width: 825px) {
}
@media screen and (max-width: 760px) {
/*------------- Footer Top Buttons-------------------*/
.otherButton { line-height: 18px; padding: 4px 0 9px 0; }
.otherIcon { display:block; margin: 0 auto; }
.otheButTxt { font-size:13px; letter-spacing:3px; padding-left: 0;  }
.otheButTxt.eng { font-size:12px; line-height: 18px; }

/*---CAT SEARCH---*/
.cateSearchContainer .relBar{font-size: 21px;}
.cateSearchContainer .relDate{font-size:18px;}
.cateSearchContainer .relShow{font-size:16px;}
.cateSearchContainer .relShow .relEpi{font-size:14px;}
.cateSearchContainer .relTimeWrap{font-size:14px;}


}
@media screen and (max-width: 625px) {
.otherButton {  padding: 4px 0 9px 0; }
.otheButTxt { letter-spacing:3px; line-height: 18px; }
.ss_type { padding: 0px 3px 0px 1px;}
}
@media screen and (max-width: 425px) {
.otheButTxt { font-size:12px; }
.otheButTxt.eng { font-size:12px; line-height: 16px; }
}


/* ----- Main Slider ----- */

	.playTit.dark { color: #ffffff; }
	.playerClose{
		text-indent: 9999px;
		position:absolute;
		top:25px;
		right: 25px;
		width: 30px;
		height: 30px;
		font-family: 'ProximaNova_Thin';
		font-size:32px;
		background: rgba(0,12,15,0) url(../../img/close_w.png) no-repeat;
		background-size:30px;
		background-position: center center;
		cursor: pointer;
		z-index: 1;
		-webkit-border-radius: 5px;
		 -khtml-border-radius: 5px;
		   -moz-border-radius: 5px;
		        border-radius: 5px;
	}
/*-----------------------Banner Gist------------------------------*/
.hbOverlay { position: absolute; bottom:0; left:0; width: 100%; height:auto; /*background: rgba(15,225,5,1);*/}
.hbframe .midBlock {
	height: auto;
	margin: 0 auto;
	max-width: 1200px;
	/*position: relative;*/
	/*background:#EAAFB0; */
	z-index: 1500;
}
.bannerGis{
	position:relative;
	float: right;
	margin: 0 1% 12px;
	width:98%;
	height: auto;
	padding: 10px 15px;
	letter-spacing: 5px;
	color:#CACED6; background:rgba(0,0,0,0.8);
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.chnID { position: absolute; /*display: inline-block;*/ width: 50px; /*height:100%;*/ font-size: 28px; color:#FFFFFF; padding: 0 15px 0 0; /*border-right: 1px solid #76777C;*/ }
.banLink{ color:#FFFFFF !important; position:relative;z-index:9999;}
.showGis { float:left; font-size: 16px; line-height: 28px; margin-left: 50px; padding: 2px 0 0 15px; color:#e7e7ef; border-left: 1px solid #76777C; }
.epiTitle { /*font-size: 18px;*/ color:#e7e7ef; }
.showDate { /*font-size: 18px;*/ color:#e7e7ef; /*border-left: 1px solid #76777C;*/color:#91969F; white-space :initial;/* white-space:nowrap; */}
.enDash { }

/*-----------------------------header banner-------------------------------*/
/*-----------------------Banner Gist------------------------------*/
.slide-style-1 .hbOverlay { position: absolute; bottom:0; left:0; width: 100%; height:auto; /*background: rgba(15,225,5,1);*/}
.hbframe .midBlock {
	height: auto;
	margin: 0 auto;
	max-width: 1200px;
	z-index: 1500;
}
.slide-style-1 .bannerGis{ position:relative; float: right; margin: 0 1% 12px; width:98%; height: auto; padding: 10px 15px; letter-spacing: 5px; color:#CACED6; background:rgba(0,0,0,0.8); -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.slide-style-1 .bannerGis.clearfix{display:block;}
.slide-style-1 .chnID { position: absolute; /*display: inline-block;*/ width: 50px; /*height:100%;*/ font-size: 28px; color:#FFFFFF; padding: 0 15px 0 0; /*border-right: 1px solid #76777C;*/ }
.slide-style-1 .banLink{ color:#FFFFFF !important; }
.slide-style-1 .showGis { float:left; font-size: 16px; line-height: 28px; margin-left: 50px; padding: 2px 0 0 15px; color:#e7e7ef; border-left: 1px solid #76777C; }
.slide-style-1 .epiTitle { /*font-size: 18px;*/ color:#e7e7ef; }
.slide-style-1 .showDate { /*font-size: 18px;*/ color:#e7e7ef; /*border-left: 1px solid #76777C;*/color:#91969F; white-space :initial;/* white-space:nowrap; */}
@media screen and (max-width: 1000px) {
	.slide-style-1 .bannerGis{ float: none; margin: 0 1% 10px 1%; width:98%; height: auto; padding: 5px 15px; letter-spacing: 5px; color:#CACED6; background:rgba(0,0,0,0.8); -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	.slide-style-1 .chnID { font-size: 21px; width:35px; padding: 3px 10px 0 0; }
	.slide-style-1 .showGis { font-size: 14px; line-height: 22px; margin-left: 35px; padding: 0 0 0 15px; text-align: left;}
}

/* Default slide template */
.slide-style-1 .chnID ,
.slide-style-1 .showGis  ,
.slide-style-1 .banTit{
	letter-spacing: 3px !important;
}
.style-template-default .banTit h2 a,
.style-template-default .banShow h2 a,
.style-template-default .banDate {
	display: block;
	overflow: hidden;
}

.slide-style-1 .showGis {float: none;}
.slide-style-1 .showGis .showDate {white-space: initial;}

.style-template-default .banTit h2 {max-height: 32px; line-height: 1.2 !important;}
.style-template-default .banShow h2 {max-height: 105px;}
.style-template-default .banDate {max-height: 68px;}
/* Default slide template */


	/* DTT Panel Style */
	.vidTit {
		width: 100%;
		height: 10%;
		padding: 3% 0;
		color: #FFFFFF;
		background: #b83821;
		line-height: 16px;
		cursor: pointer;
	}
	.vidTit .livTri {
	    float: left;
	    width: 0;
	    height: 0;
	    border-style: solid;
	    border-width: 6px 0 6px 14px;
	    border-color: transparent transparent transparent #f5d1cc;
	    margin: 0 8px 0 10%;
	}
	.vidTit .livLabel a {color: #fff;}
	.vidTit .livLabel,
	.chLivWrap .chLivShow .chlivTit .livLabel,
	.chLivWrap .chLivShow .chlivTit .chLivEpi {
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    overflow: hidden;
	    display: block;
	}

	.recomBlock .vidTit .livLabel, .chLivWrap .chLivShow .chlivTit .livLabel, .chLivWrap .chLivShow .chlivTit .chLivEpi {
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    overflow: hidden;
	    display: block;
	}
	/* DTT Panel Style */

#player_pop_up.opened {
	display: block;
}


.playTit {
    /* position: absolute; */
    float: left;
    bottom: 0;
    width: 75%;
    letter-spacing: 5px;
    line-height: 22px;
    color: #FFFFFF;
    padding-top: 15px;
    height: 38px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.playTit a {
	color: #fff;
}
/* ----- Main Slider ----- */



/* ----- TimeSlider ----- */
.dhPhoto {background: none;}

.timeslide .slide .hiteWrap .hiteBlock .hiteTit h2 {max-height: 30px; overflow: hidden;}
.timeslide .slide .hiteWrap .hiteBlock .hiteEpi h3 {height:auto;max-height: 40px; overflow: hidden;}

.simple_carousel .frame {
	z-index: 2;
}
.simple_carousel .frame ul {font-family: 'ProximaNova_Thin','Noto Sans TC','Noto Sans SC';}
.simple_carousel .frame ul li {cursor: pointer;}
.simple_carousel .frame ul li.active {
	font-family: 'ProximaNova_Regular','Noto Sans TC','Noto Sans SC';
}
.simple_carousel .frame ul li.text-two-rows {
	line-height: 15px;
	padding-top: 15px;
}
.simple_carousel .frame ul li.text-two-rows.active {
	line-height: 20px;
	padding-top: 6px;
}
.simple_carousel .chControl {z-index: 1;}

/* .pgTableWrap{
	height: 20px;
} */
.pgTag {
	padding: 10px 25px 4px 25px;
	text-transform: uppercase;
}
.pgTag.eng { padding: 8px 25px 6px 25px; }
.pgDate ul li{cursor:pointer;}
.pgDate ul li.active{
	color:#F3F3F3;
	cursor: default;
}
.tt_slider .ttframe ul {
	font-family: 'ProximaNova_Thin','Noto Sans TC','Noto Sans SC';
}
.tt_slider .ttframe ul li.active {
	font-family: 'ProximaNova_Regular','Noto Sans TC','Noto Sans SC';
}
.tableWrap{
	font-family: 'ProximaNova_Thin','Noto Sans TC','Noto Sans SC';
}

.showRow{
	font-family: Arial, Helvetica, sans-serif,'Noto Sans TC','Noto Sans SC';
}
.showRow.en{ font-family: 'ProximaNova_Regular','Noto Sans TC','Noto Sans SC';}
.extra{min-height: 0;}
.timeFill{
	height: auto;
}
/* .sortCate{ display: inline-block;} */

.relDate{
	font-family: 'ProximaNova_Thin','Noto Sans TC','Noto Sans SC';
}
.relPic{
	background: none;
}
.relStamp {
	cursor: pointer;
}
/* ----- TimeSlider ----- */

/* ----- Hotspot ----- */
.hosWrap { height: auto; }
.hotGis{ bottom:15px;}
.hos_slider .hosframe {height: auto;}
.hos_slider .hosframe ul {
	font-family: 'ProximaNova_Thin','Noto Sans TC','Noto Sans SC';
}
.hos_slider .hosframe ul li {height: auto;}
.hos_slider .hosframe ul li.active {
	font-family: 'ProximaNova_Regular','Noto Sans TC','Noto Sans SC';
}
.hos_slider .hosframe ul li .hotGis h4 {
	height: auto;
}

/* ----- Hotspot ----- */





.jw-tab-focus:focus {
    outline: none !important;
}
.pgTag {
	height: auto;
	padding-bottom: 5px;
}
.tt_slider .ttframe ul {
    overflow: hidden;
}
.tt_slider .ttframe ul li {
    height: 100%;
}
.timetableCell {
    height: 83%;
    overflow: hidden;
}
.scrollbox-wrapper {
    height: 100%;
}
.timetable {
    height: 100%;
}
.timetable.scrollbar-inner>.scroll-element .scroll-bar, #timeTableSlide .scrollbox-wrapper > .scrollbox-bar {
/*     background-color: #fff; */
}
.timetable .current .showRow, .timetable .current .showRow .showTit, .timetable .current .showRow .showEpi {
    background: #2E3E4A;
    color: #fff;
}
#timeTableSlide .showTit[href^=http]:hover, #timeTableSlide .showEpi[href^=http]:hover {
    text-decoration: underline;
}
.tableWrap {
    background: transparent;
}
.showEpi {
    width: 100%;
}
a:not([href]), .tt_slider .ttframe ul li {
    cursor: default;
}
.tt_slider .ttframe ul li .ttName {
    cursor: pointer;
}
.tt_slider .ttframe ul li .ttName[data-name="PTC"]{
	width:155px;
}
.vidScreen{
    position:relative;
    float:left;
    width:100%;
    height:auto;
    box-shadow: -2px 2px 5px #000000;
    line-height:0;
}
.vidPlayer{
    width:75%;
    display:block;
    position:relative;
}
.vidList{
    position: absolute;
    top:0;
    right: 0;
    width: 25%;
    height: 100%;
    letter-spacing: 5px;
    font-size: 13px;
    background: rgba(220,229,232,0.6);
    line-height: normal;
}
.vidList.dark{ background: rgba(88,92,106,0.4);}
.liveBlock{
    position:relative;
    letter-spacing: 5px;
    color:#FFFFFF;
    /*font-size:12px;*/
    width: 100%;
    /*height: auto;*/
    height: 30%;
    background: rgba(40,41,47,0.9);
    overflow:hidden;
}
.liveChn{
    position: relative;
    width:60%;
    /*height:10%;*/
    margin: 0 auto;
    padding: 5% 0;
    display: table;
    vertical-align: middle;
}
.liveChn a {
	color: #fff;
}
.liveTye{
    position: absolute;
    right: -6px;
    bottom: 8%;
    letter-spacing: 5px;
}
.recomBlock {
    position: relative;
    width: 100%;
    height: 70%;
}
.playerwrap31 .vidScreen img, .playerwrap32 .vidScreen img, .playerwrap33 .vidScreen img, .playerwrap34 .vidScreen img, .playerwrap35 .vidScreen img {
    width: 100%;
    height: 100%;
}
.tvList .scrollbox-wrapper {
    height: 100%;
}
.vidList  .scrollbox-wrapper {
    height: 80%;
}
.vidList .listWrap {
    position: relative;
    width: 100%;
    max-height: 100%;
}
.vidReTit {
    text-align: center;
    color: #fff;
}
.vidListBlock {
    width: 80%;
    margin: 5px auto 10px auto;
}
.playerwrap{
    position:absolute;
    width:100%;
    height: 100%;
    background: rgba(29, 48, 54, 0.9);
    z-index:1;
}
.playercon{
	margin: 100px auto 0 auto;
    width: 920px;
    /* margin: 90px auto;
    width:800px;
    height:300px; */
    /*background-color:#8F1D1F;*/
}
.player{
    float:left;
    margin: 0 auto;
    width: 100%;
    height: auto;
    /*background-image:url(img/player.png);*/
}
.playerClose{
    float:right;
    color:#96A6B3;
    font-family: 'ProximaNova_Light','Noto Sans TC','Noto Sans SC';
    font-size:22px;
    cursor: pointer;
}
.vidPlayer img {
    max-width: 100%;
    max-height: 100%;
}
.playerwrap.close {
    width: 1px;
    height: 1px;
    top: -9999px;
    left: -9999px;
}
.cateSearch.active {
    display: block;
}
.pushAud {
    position: relative;
	/* width: 70%; */
}
.pushBlock {
	background-position: left top;
}
.tvShowPicWrap {
    float: left;
    width: 35%;
    height: auto;
    overflow: hidden;
    background: #DBC1C2;
    min-height: 400px;
}
.tvShowPicWrap img{
	height:auto;
}
.tvShowPanel {
    float: left;
    width: 40%;
    height: 100%;
    letter-spacing: 5px;
    line-height: 33px;
}
.panelfill {
    position: absolute;
    width: 40%;
    height: 100%;
    bottom: 0;
    background: #2e3e4a;
    background: rgb(46,62,74);
    background: -moz-linear-gradient(top, rgba(46,62,74,1) 0%, rgba(42,51,71,1) 100%);
    background: -webkit-linear-gradient(top, rgba(46,62,74,1) 0%,rgba(42,51,71,1) 100%);
    background: linear-gradient(to bottom, rgba(46,62,74,1) 0%,rgba(42,51,71,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e3e4a', endColorstr='#2a3347',GradientType=0 );
}
.tvShowTit {
    width: 85%;
    position: relative;
    color: #FFFFFF;
    margin: 8% 0 0 8%;
}
.tvShowTit h1 {
    font-size: 24px;
    line-height: 30px;
    font-family:'ProximaNova_Regular','Noto Sans TC','Noto Sans SC';
}
.tvShowHost {
    width: 85%;
    position: relative;
    color: #B2CBDB;
    margin: 0 0 15px 0;
}
.tvShowHost h3 {
        font-size: 14px;
    line-height: 28px;
    font-family:'ProximaNova_Regular','Noto Sans TC','Noto Sans SC';
}
.tvTime{
    font-family:'ProximaNova_Regular','Noto Sans TC','Noto Sans SC';
}
.player-area {
    position: absolute;
    bottom: 10%;
    width: 100%;
}
.playBtn {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 25px auto 15px auto;
    cursor: pointer;
    background: url(/img/plyBtn.png) no-repeat;
    background-position: center;
    background-size: contain;
}
.playBtn.pause {
    background:url(/img/plyBtn_pause.png) no-repeat;
    background-position: center;
    background-size: contain;
}
.loadPlay {
    position: relative;
    width: 84%;
    height: 35px;
    margin: 0 auto;
}
.tvList {
    position: absolute;
    top: 0;
    right: 0;
    width: 25%;
    height: 100%;
    letter-spacing: 5px;
    font-size: 13px;
    background: rgba(220,229,232,0.3);
}
.tvLogo{
    width: 100%;
    height: 28%;
    padding: 5% 8%;
    background: rgb(239,246,249); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(239,246,249,1) 0%, rgba(220,225,229,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(239,246,249,1) 0%,rgba(220,225,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(239,246,249,1) 0%,rgba(220,225,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff6f9', endColorstr='#dce1e5',GradientType=0 ); /* IE6-9 */
}
.guideBlock {
    position: relative;
    width: 100%;
    height: 72%;
    background: #ffffff;
}
.tvListBlock {
    width: 100%;
    min-height: 60px;
    font-size: 14px;
    line-height: 18px;
    padding: 3% 5% 5% 5%;
    margin: 0 auto 0 auto;
    opacity: 0.8;
    background: #e8e9ed url(/img/radPlyShd.png) no-repeat;
    background-position: center top;
    background-size: contain;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}
.tvListBlock.fir {
    color: #FFFFFF;
    background: rgb(46,62,74);
    background: -moz-linear-gradient(top, rgba(46,62,74,1) 0%, rgba(42,51,71,1) 100%);
    background: -webkit-linear-gradient(top, rgba(46,62,74,1) 0%,rgba(42,51,71,1) 100%);
    background: linear-gradient(to bottom, rgba(46,62,74,1) 0%,rgba(42,51,71,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e3e4a', endColorstr='#2a3347',GradientType=0 );
}
.tvListTit {
    color: #2e3e4a;
    font-weight: 700;
    padding-top: 5px;
	font-family: 'ProximaNova_Regular','Noto Sans TC','Noto Sans SC';
}
.tvListTit.fir {
    color: #FFFAFA;
}
.tvListEx {
    font-weight: 100;
}
.guideBlock .listWrap {
    max-height: 100%;
}
#headBanner.load {
	background: transparent url("/img/archive_loading.gif") no-repeat center center;
}
#headBanner .hbframe .slide_element .slide {
	opacity: 0;
}
#headBanner .headBannerBg, .pgHiteWrap .slide img {
    /*width: 100%;*/
    height: 100%;
}
#player_pop_up {
    z-index: 100;
}
.mightyslider_modern_skin .mSButtons {
    z-index: 1 !important;
}
.pgHiteWrap .slide_element {
    width: 100%;
    height: 100%;
}
.pgHiteWrap .slide_element .slide {
    float: left;
    height: 100%;
    overflow: hidden;
}
#playertelevision1,#playertelevision2,#playertelevision3,#playertelevision4,#playertelevision5,#playertelevision6,#playertelevisioncnrhk,#playertelevisioncmgrgb,#playerpth,#playerdab31,#playerdab33,#playerdab35 {
    position:relative;
    width:84%;
    height:35px;
    margin: 0 auto;
}
.subTit {
    font-size: 18px;
    color: #D3DAE2;
}
.tvShowTit { height: 49%; }
.tvLogoPics.R1 {
    width: 45%;
}
.tvLogoPics.PTH {
    width: 35%;
}
.tvLogoPics.dab31 {
    width: 60%;
}
.tvLogo {
    padding: 0;
    text-align: center;
}
.hotpics {
    width: 74%;
    top: 28%;
    left: 13%;
}
main {
    margin-bottom: 20px;
}
.playerwrap .vidScreen .message {
    position: absolute;
    z-index: 11;
    font-weight: bold;
    height: 100%;
    line-height: 100%;
    width: 100%;
    padding-top: 25%;
    color: white;
    font-size: 15px;
    background: url(/img/black_50.png);
    margin: auto;
    vertical-align: middle;
    text-align: center;
}
/* #headBanner .banChnNum .banNum {
    font-size: 22px;
    font-weight: bold;
    line-height: 36px;
} */
/* #headBanner .slide-style-1 .bannerGis {
	min-height: 50px;
}*/
#headBanner .slide-style-1 .bannerGis .showGis.no-border {
	border: 0 none;
}
#headBanner .slide-style-1 .bannerGis .showGis {
	min-height: 28px;
}

#headBanner .slide-style-1 .hbOverlay .bannerGis {
	display: table;
	max-width: 100%;
}
#headBanner .slide-style-1 .hbOverlay .bannerGis .chnID,
#headBanner .slide-style-1 .hbOverlay .bannerGis .showGis {
	display: table-cell;
	float: none;
	position: static;
	vertical-align: top;
	margin-top: 0;
	padding-top: 0px;
	line-height: 28px;
}
#headBanner .banChnNum .banNum {
	letter-spacing: 1px;
}
#headBanner .chnID.banNum-pth {
	font-size: 16px;
}
#headBanner .chnID.banNum-col2 {
	font-size: 18px;
    line-height: 20px;
}
#headBanner .banChnNum .banNum.banNum-pth {
	font-size: 22px;
	line-height: 34px;
}
#headBanner .banChnNum .banNum.banNum-col2 {
	font-size: 17px;
	padding-top: 3px;
}
#headBanner .banInfoWrap a {
	font-size: inherit;
	color: inherit;
	line-height: inherit;
}
.hotGis {
    overflow: hidden;
}
#hos_slides .hotGis h4 {
    word-wrap: break-word;
/*     word-break: break-all; */
    /* height: 100%; */
    overflow: hidden;
}
#hos_slides .hotGis a.pdf{
	    font-size: 0.6em;
}
.hidden_timetable {
    display: none;
}

.vidRecom {
    width: 100%;
    padding: 3% 0 0 10%;
    color: #ffffff;
    background: url(/img/diviShd_Up.png) no-repeat;
    background-position: center;
    background-size: cover;
    line-height: 1;
    height: 10%;
}

#headBanner .banShow,
#headBanner .banDate {
	/* max-height: 105px; */
	/* overflow: hidden; */
	line-height: 1.4;
}

.glance_masWrap {
	position: relative;
}
.tiWrap.en.gla {
	z-index:1;
}

/* .simple_carousel { width: 100%;} */
 .channelBtnWrap { /*background:#374263;*/ }
 .chCon { /* width: 0; height: 0; */ /* display: none; */ }
/*  .simple_carousel .frame ul li { font-size: 15px; width:60px; height: 60px; width:8.4%; margin: 0 6px 0 0; white-space:nowrap;} */
/*  .simple_carousel .frame ul li.active { font-size: 18px; margin: 3px 6px 0 0; } */
 /*--------------Daily Highlite-------------*/
 .hiteTit h2 { font-size: 1.2em; }
 .vidReTit{
	     color: #2e3e4a;
    font-weight: 700;
    padding-top: 5px;
    line-height: 18px;
    text-align: left;
 }
 
 .playerwrap .vidScreen .message .text {
	    height: 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    margin: auto;
}
@media screen and (min-width: 1200px) {
	.simple_carousel .frame ul{min-width: 776px;}
}
@media screen and (max-width: 1600px) {
    .playercon { margin: 70px auto 0 auto;width:720px; }
    .tvShowPicWrap { min-height: 250px; }
    .playBtn {
        width:60px;
        height:60px;
        margin: 25px auto 0px auto;
    }
    .tvShowTit h1 {
	    font-size: 20px;
	    line-height: 26px;
	}
}
@media screen and (max-width: 1200px) {
    .vidList { font-size: 12px; }
    .playBtn {
        width:60px;
        height:60px;
        margin: 25px auto 0px auto;
    }
}
 @media screen and (max-width: 1200px) {
 .simple_carousel { width: 80%;}
 .chCon { display: block; }
 }

@media screen and (max-width: 1046px) {
/* ----- Main Slider ----- */
	/* Default slide template */
	.style-template-default .mSCaption.banInfoWrap {top: 20%; }
	/* Default slide template */
/* ----- Main Slider ----- */
}

@media screen and (max-width: 1000px) {
	.subTit{font-size:14px;}
	.playerClose { top:18px; right: 25px; width: 20px; height: 20px; }
	/*-----------------------Banner Gist------------------------------*/
	.bannerGis{ float: none; margin: 0 1% 10px 1%; width:98%; height: auto; padding: 5px 15px; letter-spacing: 5px; color:#CACED6; background:rgba(0,0,0,0.8); -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	.chnID { font-size: 21px; width:35px; padding: 3px 10px 0 0; }
	.showGis { font-size: 14px; line-height: 22px; margin-left: 35px; padding: 0 0 0 15px; }

/* ----- Main Slider ----- */
	/* Default slide template */
	.style-template-default .banShow h2 {max-height: 67px;}
	.style-template-default .banDate {max-height:45px; }
	/* Default slide template */
/* ----- Main Slider ----- */


    .playercon { margin: 2% auto 0 auto;width: 600px; }
    .playBtn { width:40px; height:40px; margin: 25px auto 0px auto; }
    .tvShowTit { height: 60%; }
    
    .tvShowTit h1 {
	    font-size: 18px;
	    line-height: 22px;
	}
	.tvShowHost h3 {
	    font-size: 12px;
	    line-height: 22px;
	}
	.tvTime{
		font-size:12px;
		letter-spacing: 2px;
	}
	.tvListTit{
		font-size: 12px;
		letter-spacing: 2px;
	}
}

 @media screen and (max-width: 1000px) {
.simple_carousel .frame ul li { font-size: 12px; width:50px; }
.simple_carousel .frame ul li.active { font-size: 15px; }
 }
@media screen and (max-width: 825px) {
	#headBanner .banChnNum {
		height: 50px;
		width:50px;
		font-size: 36px;
	}
	#headBanner .banChnNum .banNum {
		top: 8px;
	}

    #tvPlayer31_wrapper, #tvPlayer32_wrapper, #tvPlayer33_wrapper, #tvPlayer34_wrapper, #tvPlayer35_wrapper, 
    #tvPlayer31_wrapper object, #tvPlayer32_wrapper object, #tvPlayer33_wrapper object, #tvPlayer34_wrapper object, #tvPlayer35_wrapper object,
    #tvPlayer31,#tvPlayer32,#tvPlayer33,#tvPlayer34,#tvPlayer35,#tvPlayer36, #tvplayer32-stream,
    .playerWrap .vidScreen .message { 
        height:100% !important; width:100% !important; margin: 0 auto; 
    }
	#tvPlayer32{display:none!important;}
	#tvplayer32-stream > div{height:100%!important;}								 
    .player { width: 100%; }
    .playercon{ margin: 0 auto; width:auto; height:100%; }
    .playerClose { display: none;}
    .player, .vidScreen { height: 100%;}
    .vidList { display: none;}
    .tvList { width: 25%; }
    .leftWrap {
        position:absolute;
        top: 0;
        left:0;
        bottom:0;
        width: 75%;
    }
    .panelfill {
        position: absolute;
        width:100%;
        height: 100%;
        bottom: 0;
        background: none;
    }
    .tvShowPicWrap {
        float: none;
        position: relative;
        width:100px;
        height: 100px;
        margin: 6% 0 0 10%;
        border-radius: 50%;
        overflow: hidden;
        z-index: 1;
        min-height: 0;
    }
    .picSpace {
        float:left;
        width:100px;
        height: 100px;
        margin: 15px 25px 0 10%;
    }
    .tvShowPanel {
        position:absolute;
        top:0;
        float:none;
        width: 100%;
        height: 100%;
    }
    .tvShowTit {
        float:left;
        width: 100%;
        padding-right: 5%;
        margin: 8% 0 0 0;
    }
    .tvShowHost {
        width: 100%;
    }
    .player-area {
        position:absolute;
        bottom: 10%;
        width: 100%;
    }
    .playBtn {
        width:60px;
        height:60px;
        margin: 25px auto 0px auto;
    }
    .playTit { display: none;}
    .playerWrap{ background:#000000;}
    .playerWrap.colBack { background:#000000; }
    .hiteWrap { width: 100%; }
    .tvShowTit { height: 35%; }

    .playerClose{
		width: 24px;
		height: 24px;
		right: auto;
		top:10px;
		left:15px;
		background: rgba(0,12,15,0.7) url(../../img/close_w.png) no-repeat;
		background-size:15px;
		background-position: center center;
	}
	.player{
		bottom:0;
	}
	
	.playerwrap31 .vidScreen img, .playerwrap32 .vidScreen img, .playerwrap33 .vidScreen img, .playerwrap34 .vidScreen img, .playerwrap35 .vidScreen img{
		width: auto;
	    max-width: 100%;
	    max-height: 100%;
	    margin: auto;
	    display: block;
	    height: 100%;
	}
	
}

@media screen and (max-width: 625px) {
/* ----- Main Slider ----- */
	/* Default slide template */
	.style-template-default .banTit h2 {max-height: 25px;}
	.style-template-default .banShow h2 {max-height: 53px;}
	.style-template-default .banDate {max-height:45px; }
	/* Default slide template */
/* ----- Main Slider ----- */

.hotGis{bottom:0;}

    .leftWrap { width:65%; }
    .tvList { width:35%; }
    .tvListBlock { /*opacity: 1;*/ width:99%;}
    .tvShowTit { margin: 22px 0 0 0; }
    .tvShowPicWrap {
        width:70px;
        height: 70px;
        min-height: 0;
        margin: 6% 0 35% 8%;
    }
    .picSpace {
        float:left;
        width:70px;
        height: 70px;
        margin: 15px 15px 60% 10%;
    }
/*     .tvShowTit h1 {font-size: 16px; line-height:21px;} */
    .playBtn {
        width:40px;
        height:40px;
        margin: 25px auto 0px auto;
    }
    .pgHiteWrap .slide img { width: 50%; height: auto;}
    .hiteWrap { width: 50%; height: 226px; }
    .tvShowTit { height: 50%; }

    .playerClose{
		width: 24px;
		height: 24px;
		right: auto;
		top: 4px;
		left:5px;
		background: rgba(0,12,15,0.7) url(../../img/close_w.png) no-repeat;
		background-size:15px;
		background-position: center center;
	}
	section.push{padding-top:30px;}

    #hos_slides .hotGis h4{max-height:50px;}
    .timetable.scrollbar-inner>.scroll-element .scroll-bar, #timeTableSlide .scrollbox-wrapper > .scrollbox-bar {
	    width: 12px;
    }
    #timeTableSlide .scrollbox-wrapper > .scrollbox-rail{width:12px;}
}


 @media screen and (max-width: 625px) {
 .simple_carousel .frame ul li { font-size: 14px; width:50px; }
  .simple_carousel .frame ul li.active {margin: 5px 6px 0 0; }
 }
 @media screen and (max-width: 490px){
	 .playerwrap31 .vidScreen img, .playerwrap32 .vidScreen img, .playerwrap33 .vidScreen img, .playerwrap34 .vidScreen img, .playerwrap35 .vidScreen img{
		position: absolute;
	    top: 0;
	    bottom: 0;
	    z-index: 0;
	    height:auto;
	}
 }
@media screen and (max-width: 425px) {
/* ----- Main Slider ----- */
	/* Default slide template */
	.style-template-default .banTit h2 {max-height: 19px;}
	.style-template-default .banShow h2 {max-height: 37px;}
	.style-template-default .banDate {max-height: 37px;}
	#headBanner .banChnNum {
		height: 50px;
		width:50px;
		font-size: 36px;
	}
	#headBanner .banChnNum .banNum {
		top: 8px;
	}
	/* Default slide template */
/* ----- Main Slider ----- */
    .tvShowPicWrap { margin: 7% 0 0 10%; }
    .picSpace { margin: 0 65% 15px 0; }
    .tvShowTit { margin: 15px 0 0 0; padding-left: 10%}
    .tvShowTit h1 {font-size: 14px; line-height:18px;}
    .player-area { bottom: 3%;}
    .playBtn {
        width:30px;
        height:30px;
        margin: 0 auto -10px auto;
    }
    .hiteWrap { height: 183px; }
    .tvShowTit {height: 68%;}
    
    #hos_slides .hotGis h4{max-height:48px;}
    
    .player {
	    bottom: 0;
	}
	
	
}



 .tvShowPanel .panelfill .overlay{display:block;background-color:rgba(0,0,0,0.6);color:#fff;z-index:2;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;}
  .tvShowPanel .panelfill .overlay div{
	 display: inline-block;
    line-height: 1.5em;
/*     font-size: 1.4em; */
    padding: 0 10px;
 }
 .tvShowPanel .panelfill .overlay:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}

#hos_slides .hotGis h4 .hosEpi {
    color: #2e3e4a;
}





/* new main page channel button */


.banPos {position: relative; width:100%; height: 600px; overflow: hidden; background-image: url(../img/HeadBanner_1600_470_29.jpg); background-size: cover; background-position: center; }
#livePlayer { position: relative; width:70%; height: auto; margin: 35px auto 0 auto; overflow: hidden;}

.chBtnWrap { position: relative; width: 100%; height: auto; }
.chBtnBar { position: relative; width:100%; height: 60px; background-color: #DEDFE0; }
.chBarCon { 
    position: relative; 
    max-width: 1178px; 
    margin: 0 auto;  
}

.chLeftCon { 
    position: relative; float: left;
    width: 25%;  
    height:60px;
    margin: 0 0 0 0.1%;  
    text-align: center; 
    vertical-align: middle; 
    background-color: #6D7B95; }
.chLeftBlk { position: relative; width:100%; height: 100%; }
.chLiveIcon { position: relative; float: left; width:60px; box-sizing: border-box; padding: 12px; background-color: #B1BABF; }
.chTxtWrap { 
    position: relative; float: left; 
    width: calc(100% - 60px); height:60px;
    display: flex; align-items: center; justify-content: center; text-align: center;
}
.chTxtBlk { position: relative; display: inline-block; }
.liveTxt {  display: inline; font-family: ProximaNova_Thin, Arial, Helvetica, sans-serif; vertical-align: middle;  font-size: 32px; letter-spacing: 4px; color: aliceblue; }
.liveTxt.en { font-size: 38px; letter-spacing: 4px; }
.chRightCon { 
    position: relative; float: left;  
    display: flex; align-items: center; justify-content: center; 
    width: 74.8%;
    height:60px;
    margin: 0 0.1% 0 0; 
    text-align: center; vertical-align: middle; 
    background-color: #475368; 
}
.timeTxt {  display: inline; font-family: ProximaNova_Thin, Arial, Helvetica, sans-serif; vertical-align: middle; font-size: 38px; letter-spacing: 4px; color: aliceblue; }
.chButtonContainer { 
    position: relative; 
    max-width: 1178px;
    margin: 0 auto;
    height: auto;
    display: flex; 
    flex-flow: row nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.chBx { 
    position: relative;
    width: 8.3%;  
    margin: 0 0.1%; 
    flex: 0 1 auto;
    align-self: auto;
    min-width: 0;
    min-height: auto;
    cursor: pointer;

    display: flex; 
    flex-flow: row nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;

    background-color: #C1CBD2;
    transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.chBx:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}
.chBx:hover {
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.chBx.active {
    background: #b83821;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.chBx.active .chNum{ color: rgb(229, 238, 247); font-size: 28px; }
.chBx:hover .chNum{ 
    font-size: 26px;
}
.chNum {
    font-family: ProximaNova_Thin, Arial, Helvetica, sans-serif;
    color: rgb(37, 44, 51);
    font-size: 24px; text-align: center; letter-spacing: 4px;
    vertical-align: middle;
}
.chNum.tx { font-size: 22px; }

.chButtonControl { 
    position: relative; 
    max-width: 1178px;
    margin: 0 auto;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
}
.chButton {
    position: relative; 
    width:8.8%; 
    background:gold;

    display: flex; 
    flex-flow: row nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.chButton:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}
.chHiBx {
    position: absolute;
    top:0; bottom: 0; right: 0; left:0;
    background-color: #ce381e;
    opacity: 0;
    cursor: pointer;
    color: rgb(37, 44, 51);
    transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);

    display: flex; 
    flex-flow: row nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.chHiBx:hover {
    color: #fff;
    line-height: 52px;
    opacity: 1;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.chHiBx:hover .chNumBx { font-size: 28px; }
.chHiBx:hover .chNumBx { color: #fff; font-weight: 900;}
.chNumBx {
    position: relative; 
    font-family: ProximaNova_Thin, Arial, Helvetica, sans-serif;
    color: rgb(37, 44, 51);
    font-size: 24px; text-align: center; letter-spacing: 4px;
    vertical-align: middle;
    pointer-events: none;
}
.chButtonContainer ul { display: inline;}
@media screen and (max-width: 1200px) {
    .banPos{ height: 450px;}
    .chBtnBar {height: 50px; }
    .chLeftCon { height: 50px; }
    .chRightCon { height: 50px; }
    .chTxtWrap {float: left; width: calc(100% - 50px); height: 50px; }
    .chLiveIcon { width: 50px; }
    .liveTxt { font-size: 28px; }
    .liveTxt.en { font-size: 32px;}
    .timeTxt { font-size: 28px }
}
@media screen and (max-width: 1000px) {
//    .mainWrap.land { margin-top: 1px !important;  }
    .chNum { font-size: 20px; letter-spacing: 1px; }
    .chNum.tx { font-size: 18px; }
    .chBx.active .chNum{ color: rgb(229, 238, 247); font-size: 20px; }
    .chBx:hover .chNum{ 
        font-size: 20px; 
        letter-spacing: 1px;
    }
    .chBx.active .chNum.tx {  font-size: 19px; }
    .chBx:hover .chNum.tx { font-size: 19px; }
}
@media screen and (max-width: 825px) {
    .chNum { font-size: 18px; letter-spacing: 1px;}
    .chNum.tx { font-size: 17px; }
    .chBx:hover .chNum{ 
        font-size: 20px; 
        letter-spacing: 1px;
    }
}
@media screen and (max-width: 760px) {
    .chNum { font-size: 17px; letter-spacing: 1px;}
    .chNum.tx { font-size: 16px; }
    .chBx:hover .chNum{ font-size: 20px; letter-spacing: 1px; }
}
@media screen and (max-width: 625px) {

    .tt_slider .ttNavNext { position: absolute; top: -1px; right: 0px; z-index: 1; }
    .tt_slider .ttNavPrev { position: absolute; top: -1px; left: 0px; z-index: 1; }

    .chBtnBar { height: 40px; }
    .chLeftCon { height: 40px; }
    .chRightCon { height: 40px; }
    .chLiveIcon { width: 40px; padding: 8px; }
    .chTxtWrap { width: calc(100% - 40px); height: 40px; }
    .liveTxt { font-size: 22px; }
    .liveTxt.en { font-size: 26px; }
    .timeTxt { font-size: 22px; }
    .chButtonContainer { 
        flex-flow: wrap;
        justify-content: start;
        background-color: #e7e7ef;
    }
    .chBx { width:16.4%; margin: 0.1% 0.1%; }
    .chBx::after { padding-bottom: 50%; }
    .chBx:hover { -webkit-border-radius: 15px; -khtml-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
    .chBx.active {
    background: #b83821;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    }
    .chBx.active .chNum { font-size: 20px; }
    .chNum { font-size: 18px; letter-spacing: 1px; }
    .chNum.tx { font-size: 16px; }
    .chBx:hover .chNum{ font-size: 20px; }
}
@media screen and (max-width: 425px) {
    .chBtnBar { height: 30px; }
    .chLeftCon { height: 30px; }
    .chRightCon { height: 30px; }
    .chLiveIcon { width: 30px; padding: 6px; }
    .chTxtWrap { width: calc(100% - 30px); height: 30px; }
    .liveTxt { font-size: 18px; letter-spacing: 2px; }
    .liveTxt.en { font-size: 22px; letter-spacing: 2px; }
    .timeTxt { font-size: 18px; letter-spacing: 2px; }

    .chBx { width:16.2%; margin: 0.2% 0.2%; }
    .chBx::after { padding-bottom: 70%; }
    .chBx:hover { -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
    .chNum { font-size: 16px; letter-spacing: 1px;}
    .chNum.tx { font-size: 14px; }
    .chBx:hover .chNum{ font-size: 18px; }
    .chBx.active .chNum{ font-size: 18px; }
    .chBx:hover .chNum.tx{ font-size: 17px; }
    .chBx.active .chNum.tx{ font-size: 17px; }
}

.tvShowTit h2 {
    font-size: 24px;
    line-height: 30px;
    font-family:'ProximaNova_Regular','Noto Sans TC','Noto Sans SC';
}

@media screen and (max-width: 1600px) {
    .tvShowTit h2 {
	    font-size: 20px;
	    line-height: 26px;
	}
}

@media screen and (max-width: 1000px) {
    .tvShowTit h2 {
	    font-size: 18px;
	    line-height: 22px;
	}
}

@media screen and (max-width: 425px) {
    .tvShowTit h2 {font-size: 14px; line-height:18px;}
}

@media screen and (max-width: 825px) {
    .vidScreen{
        width:100%;
        height:100%;
        background:#2e3e4a;
        background: rgb(46,62,74);
        background: -moz-linear-gradient(top, rgba(46,62,74,1) 0%, rgba(42,51,71,1) 100%);
        background: -webkit-linear-gradient(top, rgba(46,62,74,1) 0%,rgba(42,51,71,1) 100%);
        background: linear-gradient(to bottom, rgba(46,62,74,1) 0%,rgba(42,51,71,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e3e4a', endColorstr='#2a3347',GradientType=0 );
    }
    .vidScreen{ width:100%; height:100%;}
}

@media screen and (max-width: 425px) {
    .vidScreen { box-shadow: none;}
}

.eTit{
	display: block;
	font-size: 1em;
}

.fit-parent:focus-visible{
    outline-offset: -10px;
}

.tableBlock .showBlock hr{
    float:left; 
    width:65%;
}

.poLink{
    position: absolute;
    right: 0%;
    top: 50%;
    transform: translate(0%, -50%);
}

@media screen and (max-width: 1200px){
	.chLeftCon{
		height: 50px;
	}
	.chLiveIcon{
		width: 50px;
	}
	.chTxtWrap{
		float: left;
		width: calc(100% - 50px);
		height: 50px;
	}
	.timeTxt{
		font-size: 28px;
	}
	.chRightCon{
		height: 50px;
	}
	.liveTxt{
		font-size: 28px;
	}
	.liveTxt.en{
		font-size: 32px;
	}
}

@media screen and (max-width: 625px){
	.chLeftCon{
		height: 40px;
	}
	.chLiveIcon{
		width: 40px;
		padding: 8px;
	}
	.chTxtWrap{
		width: calc(100% - 40px);
		height: 40px;
	}
	.timeTxt{
		font-size: 18px;
    	letter-spacing: 0px;
	}
	.chRightCon{
		height: 40px;
	}
	.liveTxt{
		font-size: 22px;
	}
	.liveTxt.en{
		font-size: 21px;
	}
}

@media screen and (max-width: 760px){
	.timeTxt{
		font-size: 24px;
    	letter-spacing: 1px;
	}
}

@media screen and (max-width: 425px){
	.chLeftCon{
		height: 30px;
    	width: 28%;
	}
	.chLiveIcon{
		width: 30px;
    	padding: 6px;
	}
	.chTxtWrap{
		width: calc(100% - 30px);
    	height: 30px;
	}
	.timeTxt{
		font-size: 15px;
    	letter-spacing: 0px;
	}
	.chRightCon{
		height: 30px;
    	width: 71.8%;
	}
	.liveTxt{
		font-size: 17px;
    	letter-spacing: 2px;
	}
	.liveTxt.en{
		font-size: 18px;
    	letter-spacing: 1px;
	}
}

/*jwplayer8*/
#playertelevision1.jw-flag-audio-player,
#playertelevision2.jw-flag-audio-player,
#playertelevision3.jw-flag-audio-player,
#playertelevision4.jw-flag-audio-player,
#playertelevision5.jw-flag-audio-player,
#playerpth.jw-flag-audio-player,
#playertelevisioncnrhk.jw-flag-audio-player,
#playertelevisioncmgrgb.jw-flag-audio-player{
    background: transparent!important;
}
#tvplayer32-stream *{line-height:16px;}									   

.hbframe .midBlock{float:unset!important;}

/*------------------Channel Button------------------*/
section.television.tvChn { margin:25px auto; }
.tvBtnWrap{
	position:relative;
/* 	width: 100%; */
	margin-bottom: 25px;
}
.television_carousel {
	width: 65%;
	margin: 0 auto;
}
.television_carousel .tvframe {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: auto;
	text-shadow: none;
}
.television_carousel .tvframe ul {
	font-family: 'ProximaNova_Thin';
	letter-spacing: 2px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: auto;
	z-index:1;
}
.television_carousel .tvframe ul li {
	float: left;
	/*width: 127px;*/
	width: 108px;
	min-height: 120px;
	padding: 0;
	color: #3a3c47;
	text-align: center;
	cursor: pointer;
	line-height: 52px;
	font-size: 20px;
	letter-spacing: 3px;
	
	-webkit-box-shadow: 0px 1px 19px -9px rgba(143,157,181,1);
	   -moz-box-shadow: 0px 1px 19px -9px rgba(143,157,181,1);
			box-shadow: 0px 1px 19px -9px rgba(143,157,181,1);

	-webkit-transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	   -moz-transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
		-ms-transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
			transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
			
	background: rgb(255,255,255); 
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 99%); 
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 99%); 
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 99%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); 
}
.television_carousel .tvframe ul li.active {
	font-family: 'ProximaNova_Regular';
	color: #fff;
	font-size: 22px;
	/* line-height: 52px; */
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(218,239,239,1) 56%, rgba(218,239,239,1) 100%); 
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(218,239,239,1) 56%,rgba(218,239,239,1) 100%); 
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(218,239,239,1) 56%,rgba(218,239,239,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#daefef',GradientType=0 );
}
.television_carousel .tvframe ul li.active .tvNum { background: #2e3e4a;}
.tvNum {
	width: 70px;
	height: 70px;
	line-height:70px;
	font-size:22px;
	margin: 15px auto;
	-webkit-border-radius: 50%;
	 -khtml-border-radius: 50%;
	   -moz-border-radius: 50%;
            border-radius: 50%;
	background: rgb(255,255,255); 
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 35%, rgba(248,248,248,1) 58%, rgba(247,248,249,1) 73%, rgba(230,237,242,1) 94%, rgba(220,230,232,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(248,248,248,1) 58%,rgba(247,248,249,1) 73%,rgba(230,237,242,1) 94%,rgba(220,230,232,1) 100%); 
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(248,248,248,1) 58%,rgba(247,248,249,1) 73%,rgba(230,237,242,1) 94%,rgba(220,230,232,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dce6e8',GradientType=0 ); 
}
.tvNum.pth { font-size: 17px; -webkit-font-smoothing: antialiased; }
.tvNum.dab{ font-size: 18px; line-height: 9px; letter-spacing: 1px; padding-top: 12px;}
.television_carousel .tvframe ul li.active .tvNum.dab { font-size: 18px; line-height: 10px; padding-top: 14px;}
.television_carousel .tvframe ul li.active .tvNum.pth { letter-spacing: 1px;} 
.tvLivShow { font-family: 'ProximaNova_Regular'; width:90%; margin: 0 auto; padding-bottom: 5px; font-size: 13px; line-height: 16px; color: #2e3e4a;height:37px; }
.tvLivShow.en { font-family: 'ProximaNova_Regular'; letter-spacing: 2px;}
.tvChnShw {
	position:relative;
	position:absolute;
	bottom:0px;
	width: 100%; 
	height: 40px;
	pointer-events: none;
	z-index: 1;
	background: url(../img/diviShd_Up.png) no-repeat;
	background-position: center bottom;
	background-size:cover;
	
}
.chDab {line-height: 17px; letter-space:1px; margin-top:10px;}
.television_carousel .tvframe ul li.active .chDab {line-height: 18px; margin-top:7px;}
.chControl{ position:absolute; top:0; left: 0; width:100%; }
.controls { }
.tvNavPrev{ position:absolute; top:0; left:0; width:60px; height: 100%; }
.tvNavNext{ position:absolute; top:0; right:0; width:60px; height: 100%;  }
.btn.btn-default.tvCon{ 
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width:60px; 
	height:60px; 
	border:none; 
	cursor: pointer; 
	 display: inline-block;
	-webkit-border-radius: 50%;
	 -khtml-border-radius: 50%;
	   -moz-border-radius: 50%;
            border-radius: 50%;
}
.btn.btn-default.tvCon.prev{
	background: rgb(255,255,255); 
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 35%, rgba(248,248,248,1) 58%, rgba(247,248,249,1) 73%, rgba(230,237,242,1) 94%, rgba(220,230,232,1) 100%); 
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(248,248,248,1) 58%,rgba(247,248,249,1) 73%,rgba(230,237,242,1) 94%,rgba(220,230,232,1) 100%); 
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(248,248,248,1) 58%,rgba(247,248,249,1) 73%,rgba(230,237,242,1) 94%,rgba(220,230,232,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dce6e8',GradientType=1 ); 
 }
 .btn.btn-default.tvCon.next{
	background: rgb(220,230,232);
	background: -moz-linear-gradient(left, rgba(220,230,232,1) 0%, rgba(230,237,242,1) 10%, rgba(247,248,249,1) 23%, rgba(248,248,248,1) 45%, rgba(255,255,255,1) 82%, rgba(255,255,255,1) 82%, rgba(255,255,255,1) 100%); 
	background: -webkit-linear-gradient(left, rgba(220,230,232,1) 0%,rgba(230,237,242,1) 10%,rgba(247,248,249,1) 23%,rgba(248,248,248,1) 45%,rgba(255,255,255,1) 82%,rgba(255,255,255,1) 82%,rgba(255,255,255,1) 100%); 
	background: linear-gradient(to right, rgba(220,230,232,1) 0%,rgba(230,237,242,1) 10%,rgba(247,248,249,1) 23%,rgba(248,248,248,1) 45%,rgba(255,255,255,1) 82%,rgba(255,255,255,1) 82%,rgba(255,255,255,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dce6e8', endColorstr='#ffffff',GradientType=1 );
 }
 
 /*-----------------------------Channel Button--------------------------*/
.tvBtnWrap{ width: 96%; margin: 0 auto;}
.television_carousel .tvframe { width:93%; }
.television_carousel .tvframe ul { /*height: 50px;*/ }
.television_carousel .tvframe ul li { /*height: 50px;*/ /*width: 50px;*/ line-height: 50px; }

.television_carousel .tvframe ul li.active .chDab {line-height: 16px; margin-top:5px;}
.chCon{ width:50px; height:50px; border:none; cursor: pointer; }
.chNavPrev{float:left; width:50px; height:50px; }
.chNavNext{float:right; width:50px; height:50px; }
/*-----------------------------Channel Button--------------------------*/
.television_carousel .tvframe { width:88%; }

@media screen and (max-width: 760px) {
/*-----------------------------Channel Button--------------------------*/
.television_carousel .tvframe { width:84%; } 
.dramaMes { font-size: 12px; line-height: 20px; letter-spacing: 3px; }
}

/*-----------------------------Channel Button----------------------------*/
section.television.tvChn { margin: 10px auto 25px auto;}
.tvBtnWrap{ float:none; width:100%; margin:5px auto 5px auto;}
.television_carousel .tvframe { width:82%; }
.television_carousel .tvframe ul { /*height: 50px;*/ }
.television_carousel .tvframe ul li { width: 150px!important; font-size: 14px; line-height: 50px; letter-spacing: 1px; }
.television_carousel .tvframe ul li.active { width: 90px; }
.television_carousel .tvframe ul li.active .chDab {line-height: 14px; margin-top:5px;}

/*-------------------------------Channel Button----------------------------*/
section.television.tvChn { margin: 10px auto 15px; }
.tvBtnWrap{ /* width:100%; */  margin:0; }
.television_carousel .tvframe { width:100%; }
.television_carousel .tvframe ul { background: #C6CFD6; }
.television_carousel .tvframe ul li { width: 90px; line-height: 50px; }
.television_carousel .tvframe ul li.active { }
.television_carousel .tvframe ul li.active .chDab {font-size:14px; line-height: 14px; margin-top:5px;}
.tvNavPrev { width: 20px; left: 13%; }
.tvNavNext { width: 20px; right: 15%; }

#tvPlayer32 img {
    display: none;
}
.tvLivBtn img{width:30px;}
.tvLivBtn{margin-bottom:10px;} 

.exLinkBtn {
    float: left;
    width: 49.5%;
    padding: 10px 0;
    margin: 10px 0;
    text-align: center;
    background: #9CBAC1;
    background: rgb(57, 58, 71);
    background: -moz-linear-gradient(top, rgba(57,58,71,1) 0%, rgba(28,33,40,1) 100%);
    background: -webkit-linear-gradient(top, rgba(57, 58, 71, 1) 0%, rgba(28, 33, 40, 1) 100%);
    background: linear-gradient(to bottom, rgba(57, 58, 71, 1) 0%, rgba(28, 33, 40, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393a47', endColorstr='#1c2128',GradientType=0 );
    -webkit-border-radius: 6px;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 6px;
}

section.timetable{margin:0px;}
.tv.slider .secTitEn span{ text-transform: uppercase;}
@media screen and (max-width: 760px) {
	.tv_slider_title{font-size:18px;}
	section.tv.slider{padding-top:0px;}
}

@media screen and (min-width: 1000px) {
	.secTitBottomBlock{width:274px!important;}
	.secTitEn{width:241px;}
	.catBtn{margin-left:4px;} 
}

@media screen and (min-width: 826px) {
	.secTitBottomBlock{width:274px!important;}
	.secTitEn{width:241px;}
	.catBtn{margin-left:4px;} 
	.current_affairs_slider .secTitEn{width:310px!important;}
}
 
@media screen and (max-width: 825px) {
	.secTitBottomBlock{width:250px;margin-left:18px;}
	.drama_slider .secTitTopBlock{width:260px;} 
	.drama_slider .secTitBottomBlock{width:calc(100% - 300px);}
	
	.secTitEn{width:180px;}
	.catchup .secTitEn{width:220px;}
	.current_affairs_slider .secTitEn{width:250px;}
	.secTitBlock{width:450px;}
	.catBtn{margin-left:4px;} 
	.secTitCh, .secTitEn{font-size:24px!important;}
	.secTitBlock{width:100%;}
	.television_carousel{width:85%;}
	.tvNavPrev{left:40px;}
	.tvNavNext{right:40px;}
}

@media screen and (max-width: 425px) {
	.secTitTopBlock{width:125px;}
	.secTitBottomBlock{width: calc(100% - 140px);}
	.catBtn{display:none;}
	.bbot, .bleft{display:none;}
	.secTitCh{padding-left:10px;padding-right:0px;white-space:unset;width: calc(100% - 10px);}
	.secTitBlock{padding-left:0px;}
	.secTitEn.noM{width:100%;}
	.secTitBottomBlock{ margin-left: 10px;}
	.secTitEn{display:block;position:relative;height:unset;}
	/* .midBlock{height:unset;} */
}
@media screen and (max-width: 382px) {
	.current_affairs_slider .secTitEn{top:10px;}
} 

.hbframe .midBlock.clearfix{max-width:100%;width:100%;}
#headBanner .slide-style-1 .hbOverlay .bannerGis{margin:0;}
.slide-style-1 .bannerGis{width:100%;text-align:center;}
#headBanner .slide-style-1 .hbOverlay .bannerGis .chnID, #headBanner .slide-style-1 .hbOverlay .bannerGis .showGis{border-left:0px;}
.slide-style-1 .bannerGis{background: rgba(43, 54, 67, 0.8);}
.controls{z-index:100;}