@charset "utf-8";
/*上方節目宣傳輪播圖===================*/
.top-slideshow{
	background: #000;
}
.index-top-slide{
	margin: 0 auto;
}
.index-top-slide .owl-item .item img{
	width:90%;
	height: auto;
	margin: 0 auto;
	max-width: 1340px;
}
.index-top-slide .owl-item .item:before{
  content: "";
    position: absolute;
    
    z-index: -1;
    display: block;
    
    background-size: 100% 100%;
    background-color: #000;
    background-position: 20% 50%;
    width: 120%;
    height: 100%;
    -webkit-filter: blur(5px) brightness(0.5);
    -moz-filter: blur(5px) brightness(0.5);
    -o-filter: blur(5px) brightness(0.5);
    -ms-filter: blur(5px) brightness(0.5);
    filter: blur(5px) brightness(0.5);
    top: 0;
}
.index-top-slide .owl-nav.disabled+.owl-dots {   
    position: absolute;
    bottom: 5%;
    width: 100%;
	height: 16px;	
}
.owl-theme .owl-dots .owl-dot span{
	width: 15px;
	height: 15px;
	margin-right: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background: #8ec6cb;
}
.owl-dots  button{
	outline: none;
}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
	background: #15708f;
}
@media screen and (max-width: 920px) {

	.index-top-slide .owl-nav.disabled+.owl-dots {   
		bottom: 2%;
	}
	.index-top-slide .owl-item .item img{
		width:100%;
	}
	.owl-theme .owl-dots .owl-dot span{
		width: 10px;
		height: 10px;
		margin-right: 8px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
}
/*--------節目表頻道lsit--------*/
.index-proglist{width: 100%;padding: 3px 0 10px 0;  overflow: hidden;}
div.tab_container {	clear: left;width: 100%;}
.btn-channel ul{
    width: 100%;
    height: 33px;
    position: relative;
    border-bottom: 3px solid #428fa9;
}
.btn-channel li{
	width: 200px;
	height: 33px;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
}
.btn-channel .active a{
	background: #428fa9;
	color: #ffffff;
	font-size: 1em;
	font-weight: 400;
}
.btn-channel li a{	line-height: 33px;	display: block;}
.btn-channel-defult a{	color: #727272;	font-size: 1.063em;}
.btn-channel-defult:not(:first-child):after{
	content: "";
	display: block;
	width: 1px;
	height: 17px;
	position: absolute;
	top: 8px;
	background: #727272;	
}
.btn-channel-active a{
	background: #428fa9;
	color: #ffffff;
	font-size: 1em;
	font-weight: 400;
}
.btn-channel{display:block;}	
.m-btn-channel{
	display:none;	
    max-width: 100%;
    position: relative;
    vertical-align: top;
    width: 100%;
}
.m-btn-channel select{
	-moz-appearance: none;
    -webkit-appearance: none;
    align-items: center;
    border-radius: 3px;
    box-shadow: none;
    display: inline-flex;
   
    height: 2.25em;
    justify-content: flex-start;
    line-height: 1.5;
    padding: calc(.375em - 1px) calc(.625em - 1px);
    position: relative;
    vertical-align: top;
    color: #0e6179;
    cursor: pointer;
    display: block;
    font-size: 1em;
    max-width: 100%;
    outline: none;
 
	width: 100%;
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
    border: 0;
    background: #f1f1f1;
    border-bottom: 3px solid #428fa9;
	margin-bottom:5px;
	text-align:center;
	text-align-last: center;
	
	
}
.m-btn-channel:after {
    border: 2px solid #428fa9;
    border-right: 0;
    border-top: 0;
    content: " ";
    display: block;
    height: .5em;
    pointer-events: none;
    position: absolute;
    transform: rotate(-45deg);
    width: .5em;
    margin-top: -.375em;
    right: 1.125em;
    top: 50%;
    z-index: 4;
}
@media screen  and (max-width: 920px) {
	.m-btn-channel{display:inline-block;}	
	.btn-channel{display:none; }
}
/* 節目表 */
.index-proglist-info{	width: 100%;	height: 100px;	position: relative;}
.index-proglist-info .proglist-item{	width: 160px;	height: 100px;	border-right: 1px solid #428fa9;}
.channel-proglist{    border-bottom: 1px solid #428fa9;}
#proglist .owl-item{width:auto !important;}
.proglist-item>.time{
	padding-left: 9px;
	line-height: 1.8;
	font-size: 1.063em;
	font-weight: 400;
	background-color: #d0e4ea;
	border-bottom: 2px solid #428fa9;
	color: #0e6179;	
}
.proglist-item>.proglist-name{
	height:68px;
	box-sizing: border-box;
	padding: 13px 0 0 9px;
	letter-spacing: 0.8px;
	line-height: 1.2;
}
.proglist-item>.live{	background: #428fa9;}
.live>.time , .live>.proglist-name{	background: #428fa9;color: #fff;}
.live>.time{	border-bottom: 2px solid #fff;}
.index-proglist-info .owl-theme .owl-nav {
	margin-top: -100px;
	font-size: 50px;
	-webkit-tap-highlight-color: transparent;
	height: 100;
}
.index-proglist-info .owl-theme .owl-nav [class*=owl-] {
	margin: 0;width: 55px;height: 100px;cursor: pointer;
}
.index-proglist-info .owl-theme .owl-nav .owl-prev{
	left: 0;background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); color: #000;position: absolute;outline: none;
}
.index-proglist-info .owl-theme .owl-nav .owl-next{
	right:0;background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0)); color: #000;position: absolute;outline: none;
}
.index-proglist-info .owl-theme .owl-nav .owl-prev:hover{
	background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); color: #000;
}
.index-proglist-info .owl-theme .owl-nav .owl-next:hover{
	background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0)); color: #000;
}
.index-proglist .index-more a{
	width: 150px;
    height: 40px;
    margin: 13px auto;
    display: block;
    transition: .3s;
    border: 1px solid #ff9d02;
border-radius: 3px;
    font-weight: 400;

}
.index-proglist .index-more a:hover{
	transform: translateY(-2px);
	background:#ff9d02;
	color:#fff;

}
.index-more{line-height: 35px;
    text-align: center;
padding-top: 15px;
}
.list-unstyled  { 
    height: 30px;
    width: 98%;
    margin:10px 1% 10px 1%;
    border-bottom: 1px #000 solid;
    background:#d0d0d0;
    text-align:center;
}
.list-unstyled li { padding: 5px 10px; z-index: 2; }
.list-unstyled li:not(.active) { float: left; width: 100%; display: none;  border-bottom: 1px #000 solid;  background:#d0d0d0;}
list-unstyled .active { cursor: pointer; }
a#submit { z-index: 1; }

@media screen and (max-width: 920px) {
	.index-proglist-info .owl-theme .owl-nav span{display:none;}
}
/*下推直播*/
.index-pushdown-live {
    width: 100%;	
    padding: 10px 0 30px 0;
    background: linear-gradient(rgba(0, 0, 0, .98),rgba(0, 0, 0, .825),rgba(0, 0, 0, .98));
}
.index-pushdown-live-contain{
	max-width:1024px;	
	width:90%;
	margin:0 auto;
}
.live-title {
    width: 1024px;
    display: flex;
    align-items: center;
    margin: 15px auto 0 auto;
    color: white;
    font-size: 1.475em;
}
.live-title:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 16px;
    border-color: transparent transparent transparent #ffffff;
    margin-right: 12px;
}
.fb-video{   text-align: center;    display: block !important;}
@media screen and (max-width: 920px) {
	.index-pushdown-live-contain{
		width:100%;
	}
	.live-title{padding-left:10px;}
}
/*頭條新聞---------------------*/
.index-title{
   border-left: 3px solid #10686e;
    margin-bottom: 10px;
    line-height: 28px;
    color: #032123;

}
.index-headline{	margin-top: 30px;}
.index-wrapper h2 {	height: 25px;	border-left: 3px solid #10686e;}
.owl-one-row{	margin: 10px 0;	justify-content: space-between;}
.owl-one-row-items ,.owl-one-row-items .cover{width: 100%;height: 100%;}
.owl-one-row-items{position: relative; overflow: hidden;}
.owl-one-row-items .cover{position: absolute;top: unset; bottom: 0;	left: 0;}
.owl-one-row-items a{width: 100%;height: 100%;display: block;}
.owl-one-row-items a .cover{ transition: 0.2s ease-out;}
.owl-one-row-items:hover a .cover{ height:50%;}
.owl-one-row-items a img{transition: all .3s ease-out;object-fit: cover;}
.owl-one-row-items:hover a img{transform: scale(1.1); }
.owl-one-row-items h3{
	width: 100%;
    height: 63px;
    padding: 4px 8px 0 8px;
    position: absolute;
    box-sizing: border-box;
    bottom: 6px;
    left: 0;
    line-height: 1.4;
    color: white;
    font-weight: 400;

}

.block-prog h3{
	height: 85px;
}
.block-prog  p {
   margin: 3px 0 0 0;
    line-height: 1.3;
    font-size: 1em;
 
    line-height: 1.5;
    width: 100%;
    height: 50px;
    padding: 0 8px 0 0;
    position: absolute;
    box-sizing: border-box;
    bottom: 6px;
    left: 10px;
    color: white;

}
.block-prog p:before{
	content:'|';
	padding: 0 5px 0 0;
}
.block-prog .newsimg-thumb{
    padding-bottom:67.5%;
}
.shows-block-ad{
	width:33%;
	text-align:center;
	float:left;	
}

@media screen and (max-width: 920px) {
	.index-headline{
		margin-top:0;	
	}
}
/*ad --------*/
@media screen and (min-width: 976px) and (max-width: 1300px){
	.block-ad{ display:block;}
	
}
/*end ad ------*/

/*shows------------*/
.prog-one-row{
	margin: 30px 0 0 0;
    overflow: hidden;
	width:100%;
	clear:both;
}
.prog-one-row > div{
	float:left;	
}
.shows-block-3{
	width:100%;
}
.shows-block-2{
	width:66%;
}
.shows-block-1{
	width:33%;
}
.shows-block-ad1,.shows-block-ad2{
   margin-top: 45px;
    width: 33%;
    text-align: center;
    padding-left: 10px;
	justify-content: center;
    display: flex;
}
@media screen  and (max-width: 800px) {
	.index-headline{
		margin-top:0;	
	}
	.shows-block-2{
		width:100%;
	}
	.shows-block-1{
		width:50%;
	}
	.shows-block-ad2{
		margin: 10px auto 20px auto;
		padding-left: 0;
		float: none !important;
		clear: both;
		width: 336px;
	}
}
@media screen  and (max-width: 600px) {	
	.shows-block-1{
		width:100%;
	}
	.shows-block-ad1{
		margin: 10px auto 20px auto;
		padding-left: 0;
		float: none !important;
		clear: both;
		width: 336px;
	}
}
/*end shows--------------*/

/*-------- 下方區塊 --------*/
.index-bottom{	margin: 60px auto 55px auto;justify-content: space-between; overflow: hidden;width: 100%;}
.index-bottom .list-item a{ display:flex; color:#000; font-weight:500;}
.index-bottom .maxContent{ display: flex;}
.bottom-items{
	flex: 1;
	width: 32.5%;
	position: relative;
	border: 1px solid #d5d5d5;
	overflow: hidden;
}
.bottom-items:not(:first-child){margin:0  0 0 1%;}
/* 市場快訊 */
.tabs{display: flex;flex-wrap: wrap;}
.bottom-items .tab-title , .bottom-items>h2{	width: 100%;	height: 40px;	line-height: 40px;}
.bottom-items>h2{	border-left: none;	padding-left: 25px;	font-size: 1.313em;}
.bottom-items h2 , .marketnews a.active h2{	height: 40px;	color: #fff;	font-size: 1.313em;}

.tabs label {
   order: 1;
	display: block;
	height: 40px;
  	text-align: center;
  	line-height: 40px;
	width:50%;
	cursor: pointer;
  	color: #000;
  	background: #fff; 
	border-bottom:1px solid #d5d5d5;
	  font-size: 1.313em;
}
.tabs .tab {
	order: 99;
	  width: 100%;
	  flex-grow: 1;
	  display: none;
	background: #FFF;
  }
  .tabs input[type="radio"] {
	  display: none;
  }
  .tabs input[type="radio"]:checked +label {
	  background: linear-gradient(to right, #145085, #2c7c99);
	color: #fff;
  }
  .tabs input[type="radio"]:checked + label + .tab {
	  display: block;
  }
.marketnews a h2{	color: #000;}
.marketnews a.active h2{
	background: linear-gradient(to right, #145085, #2c7c99);
}
.cts-event h2{	
	background: linear-gradient(to right, #2c7c9a, #34a0aa);
}
.follow h2,.mobile_follow h2{	
	background: linear-gradient(to right, #34a1aa, #2dc2b9);
}
/* 佈告欄 */
.cts-event{	position: relative;}
.index-bottom .list-item{	border-bottom: 1px dotted #d5d5d5;}
.index-bottom .list-item:last-child{	border-bottom: none;}
.index-bottom .list-item a , .list-item.index-more p{
	 box-sizing: border-box;
       transition: .2s;
    background: white;
	
}
.index-bottom .list-item a{	 padding: 15px 12px 15px 12px;
    line-height: 1.45;
    font-weight: 300;
}
.list-item .index-more {	width: 100%;	text-align: center;	}
.index-more a p{	 color: #14426d;
    font-weight: 400;
    width: 130px;
    line-height: 32px;
    border: 1px solid #14426d;
border-radius: 3px;
    margin: 0 auto;
}
.follow .list-item,.mobile_follow .list-item{	padding: 15px 12px 0 12px;}
.index-bottom .list-item a:hover{
	width: 100%;	
	box-sizing: border-box;
	transform: translateY(-3px);
	box-shadow: 0 1px 10px 3px rgba(0, 0, 0, .2);
	border-bottom: 0px;
	color: #0157A8;
	z-index: 4;
}
.follow-list .list-item  a{
	padding:0;
}
.follow-list .list-item  a:hover{
	box-shadow: 0;
	transform: none;
	box-shadow: none;
}
.noshow1250{display: block;}
/* 標題小圖 */
.list-img{
	min-width: 110px;
	max-width: 110px;
	height: 74px;
	margin-right: 12px;
	border: 1px solid #d5d5d5;
	text-align: center;
	overflow: hidden;
}
/* QRcode */
.follow-list .list-item{	padding-top: 20px ;	padding-bottom: 20px;}
.icon-block{	width: 130px;	text-align: center;	font-size: 0.875em;}
.icon-img{	margin-bottom: 5px;}
.qr-block{
	width: calc(100% - 160px);
	justify-content: space-around;
	margin: 0 auto;
	text-align: center;
}
.qr-item{	flex-direction: column;}
.qr-platform{	margin-bottom: 5px;	font-size: 0.813em;}
.qr-platform img{	margin-right: 3px;}
.part{width: 100%;height: 20px; background:#EEEEEE		;position: relative;display: none; }
.mobile_follow{display: none;}
.dow_block{float: left;}
.dow_block img{width: 95%;height: 50px;margin-top: 5px;}
.line_add{width: 100%;}
.line_add img{width: 100%;margin-top: 5px;}
.index-bottom .ad{justify-content: center; display: flex;align-items: center;}
.index-bottom .list-item:last-child a:hover{	
box-shadow: 0;
	transform: translateY(-2px);
	box-shadow: none;
}

.index-bottom .list-item:last-child a p:hover{		
	background:#1c94b7;
	border:1px solid #1c86b7;
	color:#fff;
	font-weight:400;
}

@media screen and (min-width:921px) and (max-width:1080px){
	.icon-block {
		width: 100px;
	}
	.qr-block {
		width: calc(100% - 100px);
	}
}
@media screen and (max-width:920px){
	.index-bottom .maxContent{ display: block;}
	.bottom-items:not(:first-child){margin:0;}
}
@media screen and (min-width:651px) and (max-width:920px){	
	.bottom-items{
		flex: none;
		width: 49.5%;
		float: left;
		margin-bottom: 10px ;
	}	
	.bottom-items:nth-child(odd){margin-right:1%;}
}
@media screen and (max-width:650px){
	.bottom-items{padding: 0 10px;width:100%;border: 0px;margin: 0px auto 10px auto !important; background: #fff;}
	.part{display: inline-block;}
	.tabs label {border-bottom:	#bebebe 2px solid;}
	.tabs input[type="radio"]:checked +label {background:  #fff;border-bottom: rgb(28, 152, 209) 2px solid;color: #000;}
	.index-bottom{	margin: 10px auto 10px auto; background:#f2f2f2;	}
	.cts-event h2,.follow h2,.mobile_follow h2{	background:  #fff;color: #000;border-bottom:	#bebebe 2px solid;font-weight: bold;    padding-left: 5px;}
	.follow{display: none;}
	.mobile_follow{display: block;}
	.follow-list img{max-width:100%; height: auto;}
}

/*--------end 下方區塊 --------*/