@charset "UTF-8";
/* CSS Document */

body { 
	background-color: #f3f3f3;
	/* font-family: 微軟正黑體, 'Microsoft JhengHei'; */
	/* font-family: 新細明體;  */
}
.scdNavWrap { 
	position:sticky; 
	top:0; z-index: 1000; 
	/* background-color: #f3f3f3; */
}
.topSpace { 
	width: 100%; 
	/* height: 150px;  */
	height: 100px;
	background-color: #f3f3f3; 
}
.titName { width:100%; height: auto; text-align: center; background-color: #f3f3f3; padding-bottom: 20px; }
.titBlock { 
	display: inline-block; 
	font-size: 18px; 
	letter-spacing: 2px; font-weight: 700; 
	color: #f3f3f3; 
	padding: 8px 18px; 
	background-color: #b83925; 
	border-radius: 5px; 
}
.logoWrap {
	width:100%; height: auto; 
	text-align: center; 
	background-color: #f3f3f3;
}
.chLogo {
	width:100%;
	display: block;
}
.logBlock {
	width:100px;
	display: inline-block;
}
.slideWrap { 
	position: relative; 
	width: 100%; height: auto;
	/* top:-50px; */
	padding: 0 0 30px 0; margin: 0 0 150px 0; 
	background-color: #f3f3f3; 
}
.slideSowUp { 
	position: absolute; top:0; width: 100%; height: 90px; 
	pointer-events: none; z-index: 100; 
}
.slideSowUp img {display: block; width: 100%;}
.slideSowDown { 
	position: absolute; top:0; width: 100%; height: 91px; 
	pointer-events: none; z-index: 101; 
}
.slideSowDown img {display: block; width:100%; height:100%; margin: 0 auto;}
.container { position: relative; max-width: 1200px; margin: 2px auto; box-sizing: border-box; background-color: #f3f3f3; }
.slideBlock { position: relative; width: 100%; height: auto; box-sizing: border-box; }
/* .video-carousel .owl-nav .owl-prev {
	top: -45px;
	right: 35px;
	width: 30px;
	height: 30px;
	background: #fff;
	line-height: 30px;
	text-align: center;
	color: #5374d3;
} */
.video-carousel .owl-nav .owl-next {
	top: -45px;
	width: 30px;
	height: 30px;
	background: #fff;
	line-height: 30px;
	text-align: center;
	color: #5374d3;
}
.owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
}
.owl-dots, .owl-nav {
	display: none; 
	text-align: center;
	-webkit-tap-highlight-color: transparent;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
	background: none;
	color: inherit;
	border: none;
	/* padding: 0 !important; */
	font: inherit; 
}
.owl-prev {
	position: absolute;
	left: 0px;
	top: 20px;
}
.owl-next {
	position: absolute;
	right: 0px;
	top: 20px;
}

.owl-theme .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background: #D6D6D6;
	display: block;
	/* -webkit-backface-visibility: visible; */
	transition: opacity .2s ease;
	border-radius: 30px;
}
.owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background: #D6D6D6;
	display: block;
	/* -webkit-backface-visibility: visible; */
	transition: opacity .2s ease;
	border-radius: 30px;
}
button.owl-dot {
	background: 0 0;
	color: #b83925;
	border: none;
	padding: 25px !important;
	font: inherit;
	width: 10px;
	height: 10px;
}
.sliderNav { position: relative; width: 100%; height: auto; background-color: rgb(161, 152, 142); }
.navArr { position: relative; width: 20px; height: 20px; background-color: #5374d3; border-radius: 50%; }
.sliderDataNav { position: relative; width: 100%; height: auto; text-align: center; background-color: rgb(142, 161, 147); }
.dataNavCon { position: relative; display: inline-block;}
.dataNavDot { position: relative; width: 20px; height: 20px; float: left; margin: 0 20px; background-color: #c853d3; border-radius: 50%; }
.dateBlock { position: relative; width: 100%; height: 90px; box-sizing: border-box; padding: 25px 0 15px 0; text-align: center; background-color: #f7f5f5; display: none;}
.dateBlock.hiLite { background-color: #c6c7cb; }
.dateDOW { font-size: 22px; letter-spacing: 2px; font-weight: 700; padding-bottom: 10px; color: #3b3e42; }
.dateNUM { font-size: 18px; letter-spacing: 2px; }
.navArrow { width: 50px; height: 50px;}
/* ----------Channel Select Button---------- */
.chButWrap { position: relative; width: 100%; height: auto; padding-top: 30px; box-sizing: border-box; text-align: center; background-color: #f3f3f3; }
.chButCon { position: relative; display: inline-block; max-width: 1200px; margin: 0 auto; box-sizing: border-box; padding: 10px; background-color: #f3f3f3; }
.chBut { position: relative; display: inline-block; font-size: 16px; letter-spacing: 1px; padding: 7px 15px 5px 15px; color: #D6D6D6; margin: 0 5px 15px 5px; border-radius: 5px; background-color: #565758; }
.chBut.hiLite { background-color: #b83925; font-weight: 700; }
/* ---------schedule Block------ */
.tableCon { position: relative; width: 100%; height: auto; box-sizing: border-box; }
.shdBlock { 
	position: relative; width:100%; height:auto; box-sizing: border-box; padding: 10px 15px 10px 5% ; background-color: #f3f3f3; 
	display: flex;
}
.shdBlock.hiLite {background-color: #dddad4; }
.shdBlock.hiLite:nth-child(odd) {background-color: #e7e2da; }
.shdBlock:nth-child(odd) {background-color: #e6e6e5;}
.shdBlock.nowShow { background-color: #465268!important;}
.liveBlock {
	position: absolute;
	width:6%;
	height: 100%;
	text-align: center;
	margin-top: -10px;
	margin-left: -5%;
	background-color: #b83925;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	box-sizing: border-box;
}
.liveBlock li {list-style: none;}
.liveTxt { width:80%; text-align: center; font-size: 14px; letter-spacing: 2px; line-height: 16px; display: inline-block; margin: 0 auto; }
.liveTxt.eng{margin:0;}
.liveTxt.eng {
	width:auto;
	margin-top: 5px; 		
	-webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform:rotate(90deg);
    transform: rotate(90deg);
    white-space:nowrap;
	letter-spacing: 1px;
 }
.livePlay { width:40%; height: auto; box-sizing: border-box; display: block;margin: 5px auto 4px auto; }
.livePlay.eng {margin-top: -5px; margin-bottom: 8px;} /*20230725*/
.liveImg { width: 100%; display: block; }
.clickBlock {position: absolute; top:0; bottom: 0; left: 0; right: 0; cursor: pointer; }
.shTimeBlock { 
	position: relative; width:20%; box-sizing: border-box; 
	font-size: 16px; letter-spacing: 1px; color: #3e3e3f; text-align: center; padding: 5px 0 0 0; 
	float: left; 
	/* background-color: antiquewhite;  */
}
.nowShow .shTimeBlock { color: #f3f3f3; }

.shTitleBlock { 
	position: relative; 
	font-size: 22px; letter-spacing: 2px; line-height: 32px; 
	/* font-weight: 900; */
	/* font-weight:bold; */
	/* font-weight: 500; */
	color: #f3f3f3; float: left; box-sizing: border-box; width:80%; 
	/* background-color: #D6D6D6; */
}
.shSubTitle { 
	font-size: 18px; letter-spacing: 2px; line-height: 26px;
	font-weight: normal; 
}
.shTitle a { color: #3e3e3f; }
.nowShow .shTitle a { color: #f3f3f3;}
.shSubTitle a { color: #3e3e3f;}
.nowShow .shSubTitle a { color: #f3f3f3; }
.g_icon {display: inline-block!important; width: 30px!important; margin: -4px 0 0 0; filter: drop-shadow(1px 1px 2px rgb(98, 100, 106, 0.4));}

.iconWrap { 
	position: relative; width: 100%; height: auto; box-sizing: border-box; 
	padding: 25px 0 0 0;
	margin-top: 25px;
	border-top: 1px solid  #c6c7cb; 
	/* background-color: #c6c7cb;  */
}
.iconBlock { position: relative; width:auto; display: inline-block; margin: 0 10px 10px 0; }
.iconImg { position: relative; width:35px; display: inline-block; margin-right: 5px; filter: drop-shadow(1px 1px 2px rgb(98, 100, 106, 0.4)); }
.iconTxt { position: relative; width:auto; display: inline-block; font-size: 16px; letter-spacing: 2px; }
.remarkWrap { width:100%; font-size: 16px; letter-spacing: 2px; line-height: 28px; }
/* ---------Prime Block--------- */
.primeBlock { position: fixed; bottom: 0px; width: 100%; height: auto;  z-index: 100; background-color: #616b7b; animation: hideMe 0.3s forwards; }
@keyframes hideMe{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
.primeBlock a { color: #D6D6D6; }
.primeBlock li {list-style: none;}
.primeMidBlock { 
	position: relative; max-width: 1200px; height:auto; 
	padding: 10px 10px; box-sizing: border-box; margin: 0 auto; background-color: #475368;
}

.thbBlock { position: relative; width: 12%; float: left; }
.thbBlock.rad { width: 10%; }
.thbImg {display: block; width: 100%; }
.primeTimeBlock { 
	position: relative; width: 10%; text-align: center; float: left;
	font-size: 24px; letter-spacing: 2px; line-height: 32px;
	box-sizing: border-box; padding: 2.2% 0 0 0;
	color: #D6D6D6;
	/* display: flex;
	flex-direction: column; 
	justify-content: center; */
	/* background-color: #505672;  */
}
.primeTitleBlock { 
	/* position: relative; width: 62%; float: left; box-sizing: border-box; */
	/* padding: 1% 20px 10px 0; */
	position: relative; width: 70%; float: left; box-sizing: border-box;
	padding: 2% 15px 10px 0;
}



.primeTitle { font-size: 24px; letter-spacing: 2px; line-height: 36px;    height: 36px; padding-bottom: 1.2%; color: #fffcff; min-width: 165px;}
.primeSubTitle { font-size: 18px; /* letter-spacing: 2px; */;letter-spacing: 0px; line-height: 26px; height: 52px;color: #bbbdc3; min-width: 165px;}
.primeLiveBlock { 
	position: absolute; width: 7%; height: 100%;
	top:0;
	right: 0;
	background-color: #b83925;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.primeLivePlay {
	width: 30%; height: auto;
	box-sizing: border-box; display: block;
	margin-top: 5px; margin-bottom: 10px;
}
.primeLiveImg { display: block; width: 100%; }
.primeLiveTxt {
	width: 80%; text-align: center; 
	font-size: 16px; letter-spacing: 2px; line-height: 22px; color: #e9eaee;
	display: inline-block;
	margin: 0 auto;
  }
.sidShadow { 
	position: absolute;
	width: 45px; height: 100%;
	background-color: #b83925;
}
.sidShadow.lft { 
	left: -45px; top: 0;
	background: -moz-linear-gradient(left,  rgba(71,83,104,0) 0%, rgba(43,51,63,1) 100%); 
	background: -webkit-linear-gradient(left,  rgba(71,83,104,0) 0%,rgba(43,51,63,1) 100%);
	background: linear-gradient(to right,  rgba(71,83,104,0) 0%,rgba(43,51,63,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00475368', endColorstr='#2b333f',GradientType=1 );
}
.sidShadow.rig { 
	right: -45px; top: 0; 
	background: -moz-linear-gradient(left,  rgba(43,51,63,1) 0%, rgba(71,83,104,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(43,51,63,1) 0%,rgba(71,83,104,0) 100%); 
	background: linear-gradient(to right,  rgba(43,51,63,1) 0%,rgba(71,83,104,0) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b333f', endColorstr='#00475368',GradientType=1 );
}
.primeShdWrap { 
	position: absolute; 
	width:100%; 
	/* height: 25px;  */
	height: 0;
	top: 0;
	left:0;
	background-color: #7a8494;
	z-index: 2000;
}
.primeShd {
	position: absolute;
	bottom: 0;
	opacity: 0.5;
}
/* ----------Light gallery-------- */
.lg-toolbar {
	z-index: 1082;
	left: 0;
	position: absolute;
	top: 0px !important;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.45);
  }
  .lg-sub-html {
	background-color: rgba(0, 0, 0, 0.45);
	bottom: 50px !important;
	color: #EEE;
	font-size: 16px;
	left: 0;
	padding: 10px 40px;
	position: fixed;
	right: 0;
	text-align: center;
	z-index: 1080;
  }
  .lg-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1540 !important;
	/* background-color: #000000bf; */
	background-color: rgba(0, 0, 0, 0.9) !important;
	opacity: 0;
	-webkit-transition: opacity 0.15s ease 0s;
	-o-transition: opacity 0.15s ease 0s;
	transition: opacity 0.15s ease 0s;
	  transition-duration: 0.15s;
  }
  .lg-outer {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1541 !important;
	text-align: left;
	opacity: 0;
	outline: none;
	-webkit-transition: opacity 0.15s ease 0s;
	-o-transition: opacity 0.15s ease 0s;
	transition: opacity 0.15s ease 0s;
  }
  .lg-toolbar {
	z-index: 1082;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0) !important;
  }
  .lg-sub-html {
	background-color: rgba(0, 0, 0, 0) !important;
	bottom: 0;
	color: #EEE;
	font-size: 16px;
	left: 0;
	padding: 10px 40px;
	position: fixed;
	right: 0;
	text-align: center;
	z-index: 1080;
  }
  .lg-video-cont { max-width: 1200px !important; }
  .lg-sub-html p {
	font-size: 16px !important;
	margin: 5px 0 0;
  }
  /* ---------Nav Button---------- */
.navShadow { 
	position: relative; width: 100%;
	pointer-events: none;
}
.navArw {width:100%; display: block;}
.navWrap {
	position: relative; 
	width:100%; 
	height: 1px; 
	background-color: #d8dadd;
}
.midPos { 
	position: relative; 
	max-width: 1200px; height: 1px; 
	margin: 0 auto;
	box-sizing: border-box; 
}
.aowPre { position: absolute; left: -70px; top: 20px; width: 50px; cursor: pointer;
}
.aowNext {position: absolute; right: -70px; top: 20px; width: 50px; cursor: pointer;
}
.lefPos {position: relative; width: 20%; height: 5px; background-color: #b83925;
}

/* -------------Radio Player---------- */
.radioWrap { 
	position: absolute;
	width: 100%;
	bottom: 50px;
	padding: 10px 10px; 
	background-color: #f3f3f3; 
}
.radProgPic {
	position: relative;
	width: 15%;
	float: left;
	filter: drop-shadow(4px 1px 6px #756c6c);
}
.radPic { width:100%; display: block; }
.radProgDis { position: relative; float: left; width: 85%; padding: 15px 25px 15px 25px; box-sizing: border-box; text-align: left; white-space:normal; color: rgb(68, 66, 66); }
.radProgTitle { 
	width: 100%; 
	font-size: 28px; letter-spacing: 1px; line-height: 36px; padding-bottom: 5px;
	margin-bottom: 5px; 
	border-bottom: 1px solid #bab9b9; 
}
.radProgsubTitle { font-size: 20px; letter-spacing: 1px; line-height: 30px; }
.radioSowUp {position: absolute; bottom: 0; left:0 }

@media screen and (max-width: 1600px) { 
	.container { max-width: 1000px; }
	.midPos { max-width: 1000px; }
	.thbBlock { width: 10%; }
	.primeMidBlock { padding: 10px 10px 4px 10px; max-width: 1100px; }
	.primeTitleBlock {
		width: 62%;
		padding: 1% 20px 10px 0;
	}
	.primeTitle {
		font-size: 21px;
		letter-spacing: 2px;
		line-height: 36px;
		padding-bottom: 1.2%;
		color: #fffcff;
	}
	.primeTimeBlock {
		position: relative;
		width: 10%;
		font-size: 20px;
		letter-spacing: 2px;
		line-height: 32px;
		padding: 1.2% 0 0 0;
	}
}
@media screen and (max-width: 1200px) {
	.topSpace { height: 100px; }
	.container {
		max-width: 840px; 
		/* padding: 0 80px;  */
	}
	.midPos { max-width: 840px; }
	.primeMidBlock { padding: 10px 60px 2px 60px; max-width: 1200px; }
	/* -----Prime Block----- */
	.thbBlock { /*width: 10%;*/ width: 105px; }
	.primeLiveBlock { right: 50px;}
	.sidShadow.rig { right: 5px; }
	.sidShadow.lft { left: 5px; }
	.primeTimeBlock {
		width: 10%;
		font-size: 20px;
		letter-spacing: 1px;
		line-height: 24px;
		padding: 1.8% 0 0 0;
	}
	.primeTitleBlock {
		width: 68%;
		padding: 1.3% 20px 10px 0;
	}
	.primeLiveBlock { width: 6% }
	.primeLivePlay {
		width: 30%;
		margin-top: 0px;
		margin-bottom: 5px;
	}
	.primeLiveTxt { font-size: 14px; }
}
@media screen and (max-width: 1000px) { 
	.topSpace { height: 70px; }
	.titBlock { 
		font-size: 14px; letter-spacing: 2px;
		padding: 8px 14px 8px 14px; 
		font-weight: 700; 
	}
	.chButCon { 
		/* padding: 5px 25px 0px 25px; */
		padding: 5px 40px 0px 40px; 
	}
	.chBut { font-size: 14px; letter-spacing: 1px; padding: 7px 10px 5px 10px; margin: 0 5px 8px 5px; }
	/* ---------schedule Block------ */
	.dateDOW { font-size: 20px; letter-spacing: 2px; padding-bottom: 10px; }
	.dateNUM {font-size: 16px;letter-spacing: 2px; }
	.shTitleBlock { font-size: 20px; letter-spacing: 1px; line-height: 28px; padding-left: 3px; }
	.shTimeBlock { font-size: 14px; letter-spacing: 1px; padding: 5px 0 0 5px; }
	.shSubTitle { font-size: 14px; letter-spacing: 1px; line-height: 24px; }

	.container { max-width: 740px; }
	.midPos { max-width: 740px; }
	.aowNext { right: -50px; top: 20px; width: 40px; }
	.aowPre { left: -50px; top: 20px; width: 40px; }
	/* -------Prime Block------- */
	.primeMidBlock { padding: 10px 60px 10px 60px; max-width: 1000px; }
	.primeLiveBlock {
		width: 7%;
		height: 100%;
		top: 0;
		right: 60px;
	}
	.sidShadow.rig { right: 15px; }
	.sidShadow.lft { left: 5px; }
	.primeTimeBlock {
		width: 12%;
		font-size: 18px;
		letter-spacing: 1px;
		line-height: 20px;
		padding: 2.2% 0 0 0;
	}
	.primeSubTitle {
		font-size: 16px;
		letter-spacing: 2px;
		line-height: 24px;
		    height: 48px;
	}
	.primeTitleBlock {
		/* width: 60%; */
		/* padding: 0.5% 20px 10px 0; */
/* 		width: 98%; */
		padding: 1.5% 20px 10px 0;
	}
	.primeTitle {
		font-size: 20px;
		height:32px;
		letter-spacing: 2px;
		line-height: 32px;
		padding-bottom: 0.8%;
	}
	.primeLiveTxt {
		width: 80%;
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 22px;
	}
	.liveBlock { width: 8%; margin-top: -10px; margin-left: -5%; }
	.livePlay { width: 30%; margin: 5px auto 4px auto; }
	.liveTxt { width: 60%; font-size: 12px; letter-spacing: 2px; line-height: 14.5px;}
}
@media screen and (max-width: 825px) {

	.chBut {
		font-size: 12px;
		letter-spacing: 0px;
		padding: 5px 8px 5px 8px;
		margin: 0 5px 8px 5px;
	}
	.topSpace { 
		/* height: 55px; */
		height: 50px;
	}
	.logBlock {
		width: 80px;
		display: none;
	}
	.chButWrap {
		padding-top: 15px;
	}
	.chButCon {
		padding: 0px 40px 0px 40px;
	  }
	.titName { padding-bottom: 5px; }
	.container { 
		max-width:unset;
		width: 80%;
	}
	.midPos { 
		max-width:unset;
		width: 80%; 
	}
	.aowNext { right: -50px; top: 20px; width: 40px; }
	.aowPre { left: -50px; top: 20px; width: 40px; }
	/* -------Prime Block-------- */
	.primeBlock { 
		bottom: 40px;
		border-bottom: 1px solid #7a8494; 
	}
	.primeLiveBlock { 
		width: 7.5%;
		height: 100%;
		top: 0;
		right: 50px;
	}
	.primeMidBlock {
		padding: 10px 60px 7px 60px;
		max-width: 1200px;
	}
	.primeTitleBlock {
		width: 60%;
		padding: 1.5% 20px 10px 0;
	}
	.primeTitle {
		font-size: 18px;
		letter-spacing: 1px;
		line-height: 30px;
		padding-bottom: 0.8%;
	}
	.primeTimeBlock {
		width: 12%;
		font-size: 15px;
		letter-spacing: 1px;
		line-height: 18px;
		padding: 2.2% 0 0 0;
	}
	.primeLivePlay {
		width: 30%;
		margin-top: 5px;
		margin-bottom: 2px;
	}
	.primeLiveTxt {
		width: 80%;
		font-size: 12px;
		letter-spacing: 1px;
		line-height: 20px;
	}
	.sidShadow.lft { left: 5px; }
	.sidShadow.rig { right: 5px; }
	.liveBlock { width: 8.2%; margin-top: -10px; margin-left: -5%; }
	.thbBlock.rad { width: 13%; }

	/* ----------radio Player---------- */
	.radProgPic { width: 20%; }
	.radProgDis { width: 80%; padding: 15px 25px 15px 25px; }

}
@media screen and (min-width: 768px) { 
	.playTit{width:60%;margin:auto;}
}
@media screen and (max-width: 760px) {
	.topSpace {
		height: 50px;
	  }
	.primeLiveBlock { 
		right: 40px; 
		width: 9%;
		height: 100%;
		top: 0;
		right: 30px;
	}
	.primeMidBlock {
		padding: 7px 60px 2px 60px;
		max-width: 1050px;
	  }
	.thbBlock {width: 75px;}
	.sidShadow.lft { left: 5px; }
	.sidShadow.rig { right: 5px; }
	.primeTimeBlock {
		width: 12%;
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 18px;
		padding: 2% 0 0 0;
	}
	.primeTitleBlock {
		width: 68%;
		padding: 1% 20px 10px 0;
	}

	.primeTitleBlock:not(:first-of-type) {
		display: none;
	}

	.primeTitle {
		font-size: 16px;
		letter-spacing: 1px;
		line-height: 30px;
		    height: 30px;
		padding-bottom: 0.8%;
		min-width: 250px;
	}

	.primeSubTitle {
		font-size: 16px;
		letter-spacing: 2px;
		line-height: 22px;
		    height: 44px;
		min-width: 250px;
	}

	.primeTitleBlock + hr {
		display: none;
	}

	.primeLiveTxt {
		width: 80%;
		font-size: 12px;
		letter-spacing: 1px;
		line-height: 22px;
	}
	.liveBlock { width: 7%; margin-top: -10px; margin-left: -5%; }
	.liveTxt {
		width: 50%;
		font-size: 12px;
		letter-spacing: 2px;
		line-height: 14.5px;
	}
	.thbBlock.rad { width: 15%; }

	/* ----------radio Player---------- */
	.radProgPic { width: 30%; }
	.radProgDis { width: 70%; padding: 15px 25px 15px 25px; }
	.radProgTitle { 
		width: 100%; 
		font-size: 24px; letter-spacing: 1px; line-height: 32px; padding-bottom: 5px;
		margin-bottom: 5px; 
	}
	.radProgsubTitle { font-size: 18px; letter-spacing: 1px; line-height: 26px; }
}
@media screen and (max-width: 625px) {
	.chButCon {
		/* margin-top: -10px; */
		padding: 0px 40px 0px 40px;
	}
	.aowNext { right: -40px; top: 20px; width: 40px; }
	.aowPre { left: -40px; top: 20px; width: 40px; }

	.dateBlock { width: 100%; height: 70px; padding: 15px 0 15px 0; }
	.owl-prev { left: 0px; top: 10px; }
	.owl-next { right: 0px; top: 10px; }

	.slideSowDown {top: 0; width: 100%; height: 71px; }
	/* .primeLiveBlock { 
		width: 11%;
		height: 100%;
		top: 0;
		right: 30px;
	}
	.primeMidBlock {
		padding: 10px 40px;
		max-width: 1050px;
	} */
	.sidShadow.lft { left: -15px; }
	.sidShadow.rig { right: -10px; }
	.thbBlock { width: 70px; }
	.primeMidBlock {
		padding: 8px 40px 4px 38px;
		max-width: 1050px;
	}
	.primeLiveBlock {
		right: 40px; 
		width: 50px;
		height: 100%;
		top: 0;
		right: 30px;
	}
	.primeTimeBlock {
		width: 14%;
		font-size: 14px;
		letter-spacing: 0px;
		line-height: 18px;
		padding: 1.5% 0 0 0;
	}
	.primeTitleBlock {
		width: 63%;
		padding: 1% 15px 10px 0;
	}
	.primeTitle {
		font-size: 15px;
		letter-spacing: 0px;
		line-height: 20px;
		height: 20px;
		padding-bottom: 0.8%;
		min-width: 190px;
	}
	.thbBlock.rad { width: 18%; }
	/* .primeTimeBlock {
		width: 14%;
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 15px;
		padding: 1.2% 0 0 0;
	}
	.primeTitleBlock {
		width: 80%;
		padding: 0.4% 10px 10px 0;
	}
	.primeTitle {
		font-size: 20px;
		letter-spacing: 2px;
		line-height: 26px;
		    height: 26px;
		padding-bottom: 0.8%;
		min-width: 190px;
	}
	.primeSubTitle {
		font-size: 15px;
		letter-spacing: 0px;
		line-height: 22px;
		    height: 44px;
		min-width: 190px;
	}
	.primeLiveTxt {
		width: 90%;
		font-size: 12px;
		letter-spacing: 1px;
		line-height: 18px;
	} */

	/* ----------radio Player---------- */
	.radProgPic { width: 30%; }
	.radProgDis { width: 70%; padding: 15px 25px 15px 25px; }
	.radProgTitle { 
		width: 100%; 
		font-size: 24px; letter-spacing: 1px; line-height: 32px; padding-bottom: 5px;
		margin-bottom: 5px; 
	}
	.radProgsubTitle { font-size: 18px; letter-spacing: 1px; line-height: 26px; }
	

}		

@media screen and (max-width: 425px) {
	.aowNext { right: -32px; top: 20px; width: 32px; }
	.aowPre { left: -32px; top: 20px; width: 32px; }

	#shareBlock {
		bottom: 0;
		left: 0 !important;
		top: auto;
		width: 100% !important;
	}
	.shTimeBlock { font-size: 12px; letter-spacing: 1px; padding: 5px 0 0 10px; }
	.liveBlock {
		width: 9%;
		height: 100%;
		margin-top: -10px;
		margin-left: -5%;
	}
	.liveTxt {
		width: 50%;
		font-size: 10px;
		letter-spacing: 0;
		line-height: 14px;
	}
	.primeMidBlock {
		/* padding: 5px 35px;
		max-width: 1050px; */
		padding: 5px 5px;
		/* max-width: max-content; */
		max-width: none;
		width: 100%;

	}
	
	.primeTimeBlock {
		width: 13.4%;
		font-size: 13px;
		letter-spacing: 0;
		line-height: 15px;
		padding: 2% 0 0 0;
		margin-right: 1%;
	}
	.sidShadow { display: none;}
	.primeLiveBlock { 
		width: 12.5%;
		height: 100%;
		top: 0;
		right: 0px;
	}
	.primeTitleBlock {
		/* width: 52%; */
		/* padding: 0% 15px 10px 0; */
		width: 60%;
		padding: 1.4% 10px 10px 0;
	}
	.primeTitle {
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 22px;
		    height: 22px;
		padding-bottom: 0.8%;
		min-width: 165px;
	}
	.primeSubTitle {
		font-size: 12px;
		letter-spacing: 1px;
		line-height: 16px;
		    height: 32px;
			min-width: 165px;	
	}
	.primeLiveTxt {
		width: 90%;
		font-size: 11.5px;
		letter-spacing: 0px;
		line-height: 16px;
	}
}

/* .liveBlock.dtt33, .liveBlock.dtt34, .primeLiveBlock.dtt33, .primeLiveBlock.dtt34{
	display: none;
} */