.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;
	}
}