@charset "utf-8";
/* body { background-color: #ffffff; margin: 0; padding: 0; font-family: "微軟正黑體" ; color: #333; } */
html,body{
    font-family:'Noto Sans TC', Microsoft JhengHei, "微軟正黑體", sans-serif !important;
    font-weight:300;
    /* overflow-x:hidden; */
}
body{
    font-size:16px;
    line-height:1.4;
    color:#231F20;
    padding-top:140px;
	background-color: #ffffff;
	margin: 0; padding: 0;
}

p {margin:0; }
ul, ol, dl { }
h1, h2, h3, h4, h5, h6  { margin: 0; padding: 0px; font-weight: normal; }
a img, img  { border: none; }
br { height:5px}
a:link { color: black; text-decoration: none; }
a:visited { color: black; text-decoration: none; }
a:hover  { color: #008b98; }
a:active, a:focus {
	text-decoration: none;
	/*font-family: 微軟正黑體;*/
	font-family:'Noto Sans TC', Microsoft JhengHei, "微軟正黑體", sans-serif;
}

.container { width: 1220px; margin-right: auto; margin-left: auto; display: block;  clear: both; background-color:none; }
.containleft { float: left; width: 750px; display: block; margin-left: 0px;margin-top:10px;  }
.containright { float: right; width: 300px; display: block; margin-right: 0px;margin-top:10px; }

.spacer2 { margin-top: 2px; }
.spacer5 { margin-top: 5px; }
.spacer6 { margin-top: 6px; }
.spacer10 { margin-top: 10px; }
.spacer20 { margin-top: 20px; }
.spacer2b { margin-bottom: 2px; }
.spacer20b { margin-bottom: 20px; }

.toplink1 a:link { color: #FFF; display: block; margin-right: auto; margin-left: auto; text-align: center; height: 35px; line-height: 35px; font-size: 15px; }
.toplink1 a:visited { color: #FFF; }
.toplink1 a:hover {color: #FF6; }

.toplink1ss a:link, .toplink1ss a:visited { height: 21px; width: 21px; padding-right: 3px; padding-left: 3px; display: block; float: left; }
.ss1 { background-image: url(../images/icon_ss_01.gif); background-repeat: no-repeat; background-position: 3px 0px; }
.ss2 { background-image: url(../images/icon_ss_02.gif); background-repeat: no-repeat; background-position: 3px 0px; }
.ss3 { background-image: url(../images/icon_ss_03.gif); background-repeat: no-repeat; background-position: 3px 0px; }
.ss4 { background-image: url(../images/icon_ss_04.gif); background-repeat: no-repeat; background-position: 3px 0px; }
.ss1:hover, .ss2:hover, .ss3:hover, .ss4:hover { background-position: 3px -21px; }

.toplinkdate a:link, .toplinkdate a:visited { font-size: 12px; color: #bcbcbc; }
.toplinkdate a:hover{ color: #fff; }
.toplinkdate img { vertical-align: middle; }


.toplink2 a:link, .toplink2 a:visited { font-size: 15px; color: #ff9900; display: block; float: left; line-height: 25px; height: 25px; margin: 0px; padding: 0px; }
.toplink2a { width: 102px; }
.toplink2b { width: 131px; }
.toplink2 a.toplink2c {color: #FFF; width: 180px; background-color: #F8941D; }
.toplink2 a.toplink2c:hover {color: #930; }
.toplink2 a:hover {color: #FFF; }
.toplink2 a.on104 { background-color: #008b98; color: #FFF; }
.toplink2 a.on997 { background-color: #FFDE00; color: #003A7D; }
.toplink2 a.onmfd { background-color: #B7305E; color: #FFFFFF; }
.toplink2 a.onmld { background-color: #25A9E1; color: #FFFFFF; }
.toplink2 a.onmmd { background-color: #71A041; color: #FFFFFF; }


.cblogo { padding-right: 30px; }
.cbmenu { display: block; float: left; margin-top: 8px; margin-right: 7px; margin-bottom: 8px; margin-left: 7px; }
.cbmenu:hover { border-top-width: 1px; border-top-style: solid; border-top-color: #FFF; padding-bottom: 4px; padding-top: 4px; }

.live15 { border-radius: 5px 5px 0px 0px; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.35); height: 80px; width: 300px; display: block; }
.live15 h1 { font-size: 15px; line-height: 15px; color: #FFF; display: block; clear: both; margin-top: 2px; margin-left: 10px; }
.live15 h2 { font-size: 13px; color: #FFF; display: block; clear: both; float: left; margin-right: 100px; margin-left: 10px; margin-top: 4px; line-height: 13px; }
.live15 h3 { font-size: 12px; line-height: 12px; color: #FFF; display: block; float: left; clear: both; margin-top: 5px; margin-left: 10px; }
.live15c104 { background-color: #6d2147;}
.live15c997 { background-color: #f08200; }
.live15cmfd { background-color: #5f0077; }
.live15cmld { background-color: #0064a8; }
.live15cmmd { background-color: #1c380b; }


.interaction15 { font-size: 15px; border-radius: 0px 0px 5px 5px; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.35); width: 300px; display: block; padding-top: 7px; padding-bottom: 7px;   display: block; }
.i15c104 { color: #02555D; background-color: #7ACDC8; }
.i15c997 { color: #993300; background-color: #FFDE00; }
.i15cmfd { color: #FFFFFF; background-color: #b7305e; }
.i15cmld { color: #FFFFFF; background-color: #25A9E1; }
.i15cmmd { color: #FFFFFF; background-color: #71A041; }

.tableline { border: 1px solid #FFF; }

.link15_finnews a.header { font-size: 21px; line-height: 24px; color: #a3620a; display: block; }
.link15_finnews a.header:hover { font-size: 21px; line-height: 24px; color: #f60; }
.link15_finnews .content { font-size: 14px; line-height: 18px; padding-bottom: 5px; padding-top: 3px; display: block; }
.link15_finnews .time { font-size: 12px; color: #999; float: right; }

.link15_livenews a.header { font-size: 21px; line-height: 24px; color: #9e0039; display: block; }
.link15_livenews a.header:hover { font-size: 21px; line-height: 24px; color: #f60; }
.link15_livenews .content { font-size: 14px; line-height: 18px; padding-bottom: 5px; padding-top: 3px; display: block; }
.link15_livenews .time { font-size: 12px; color: #999; float: right; }

.weartht1 { font-size: 14px; line-height: 18px; color: #004477; }
.weartht2 { font-size: 36px; color: #2e3192; line-height: 36px; }
.weartht2b { font-size: 26px; color: #2e3192; }
.weartht3a { font-size: 12px; line-height: 20px; color: #C00; }
.weartht3b { font-size: 12px; line-height: 20px; color: #006; }
.weartht4 { font-size: 21px; line-height: 24px; color: #2E3192; }

.link15_one a.header { font-size: 21px; line-height: 24px; color: #FF9; display: block; }
.link15_one a.header:hover { font-size: 21px; line-height: 24px; color: #FC6; display: block; }
.link15_one .content { font-size: 14px; line-height: 18px; padding-top: 3px; color: #FFF; display: block; }

.header15_1 { font-size: 30px; color: #FFF; line-height: 30px; }
.header15_1b { font-size: 14px; color: #FFF; }
.header15_2 { font-size: 30px; color: #005B7F; line-height: 30px; }
.header15_2b { font-size: 14px; color: #005B7F; }

.pdmenu15_1 { font-size: 14px; margin: 0px; width: 160px; height: 23px; border: 1px solid #CCC; font-family: "微軟正黑體"; line-height: 23px; }

.form15_1 { margin: 0px; padding: 0px; }
.form15_1 .inputbox { height: 31px; width: 198px; border: 1px solid #C90; margin: 0px; font-size: 16px; color: #999; background-color: #FFC; float: left; clear: left; text-align: center; padding: 0px; }

.d15 { height: 178px; width: 360px;}
.d15 .tab { float: left; width: 360px; }
.d15 #hks1, .d15 #hks2, .d15 #hks3, .d15 #hks4 { float: left; position: absolute; width: 360px; }
.d15 #ccbc1, .d15 #ccbc2, .d15 #ccbc3, .d15 #ccbc4 { float: left; position: absolute; width: 360px; }
.d15 #wrt1, .d15 #wrt2, .d15 #wrt3, .d15 #wrt4 { float: left; position: absolute; width: 360px; }
.d15 a { background-color: #f6f6f6; float: left; height: 29px; width: 89px; border-right-width: 1px; border-right-style: solid; border-right-color: #ECECEC; display: inline-block; font-size: 14px; line-height: 29px; text-align: center; }
.d15 .tab .on{ background-color: #99D0E4; color: #FFF; }
.d15 iframe { background-color: #CCC; border: 1px solid #99D0E4; float: left; line-height: 1px; }
ac60b7

.home_cow .d15 a { background-color: #f6f6f6; float: left; height: 29px; width: 89px; border-right-width: 1px; border-right-style: solid; border-right-color: #ac60b7; display: inline-block; font-size: 13px; line-height: 29px; text-align: center; }
.home_cow .d15 .tab .on{ background-color: #7253a5; color: #FFF; }
.home_cow .d15  iframe { background-color: #CCC; border: 1px solid #7253a5; float: left; line-height: 1px; }
.home_cow .d15  a:link { color: #7253a5; text-decoration: none; }
.home_cow .d15  a:visited { color: #7253a5; text-decoration: none; }
.home_cow .d15  a:hover  { color: #FF6600; }

.home_finance2 .d15 a { background-color: #f6f6f6; float: left; height: 29px; width: 89px; border-right-width: 1px; border-right-style: solid; border-right-color: #e0bf90; display: inline-block; font-size: 13px; line-height: 29px; text-align: center; }
.home_finance2 .d15 .tab .on{ background-color: #d65b00; color: #FFF; }
.home_finance2 .d15  iframe { background-color: #CCC; border: 1px solid #d65b00; float: left; line-height: 1px; }
.home_finance2 .d15  a:link { color: #d65b00; text-decoration: none; }
.home_finance2.d15  a:visited { color: #d65b00; text-decoration: none; }
.home_finance2 .d15  a:hover  { color: #FF6600; }


.t15_1 { font-size: 12px; }
.t15_1 td { padding-right: 3px; padding-left: 3px; }
.t15_1 .no { font-size: 16px; font-weight: bold; color: #F60; }

.d15_2 iframe { float: left; line-height: 1px; }

.activitytext { font-size: 14px; color: #FFF; line-height: 18px; }

.h15ac { padding-top: 155px; padding-right: 12px; padding-left: 12px; }
.h15ac a.header { font-size: 18px; color: #FF9; display: block; line-height: 18px; }
.h15ac a.header:hover { color: #FC6; }
.h15ac .content { font-size: 14px; color: #FFF; display: block; margin-top: 5px; line-height: 18px; }

.fatat15 { padding-left: 12px; padding-right: 85px; background-repeat: no-repeat; background-position: right bottom; }
.fatat15b { padding-left: 12px; padding-right: 12px; background-repeat: no-repeat; background-position: right bottom; }

.fatat15 a.name { font-size: 16px; line-height: 16px; padding-bottom: 5px; display: block; color: #909; }
.fatat15 a.name:hover { color: #F60; }
.fatat15 a.header { font-size: 18px; display: block; line-height: 18px; }
.fatat15 .content { font-size: 14px; display: block; margin-top: 3px; line-height: 18px; }

#foot01 { clear: both; margin-top: 0; margin-right: auto; margin-left: auto; width: 1050px; margin-bottom: 0px; }
#foot01 h2 { margin: 0px; padding: 0px; color: #999999; font-size: 12px; line-height: 12px; }
#foot01 a {	color: #666666;}
#foot01 a:hover { color: #FF3300; }
#foot01  h1 { color: #777777; font-family: "微軟正黑體", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; padding: 0px; margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; text-align: center;}

.article15 .search { float: left; }
.article15 .searchdate { float: left; margin-top: 1px; clear: both; background-color: #CCCCCC; font-size: 14px; line-height: 28px; height: 30px; width: 200px; }
.article15 .aform { margin: 0px; padding: 0px; line-height: 1px; }
.article15 .ainput { height: 31px; width: 118px; border: 1px solid #d7d7d7; margin: 0px; font-size: 16px; color: #999; float: left; clear: left; text-align: center; padding: 0px; background-color: #FFF; }
.article15 .aselect { background: transparent; padding: 0px; font-size: 12px; line-height: 17; border: 0; height: 17px; margin: 0px; font-family: Verdana, Geneva, sans-serif; }
.article15 .list { clear: both; float: left; width: 200px; }
.article15 .pagenext { font-size: 13px; line-height: 13px; color: #666; }
.article15 .links { font-size: 15px; line-height: 18px; background-color: #FFF; }
.article15 .links td{ font-size: 15px; line-height: 18px; border-top-width: 2px; border-top-style: solid; border-top-color: #ECECEC; }
.article15 .links .on { color: #008b98; }
.article15 .time { font-size: 12px; color: #999; }

.article15 .page  { font-size: 12px; font-family: Verdana, Geneva, sans-serif; margin-top: 7px; }
.article15 .page a { color: #666; }
.article15 .page a:hover { color: #008b98; }
.article15 .page .on a { color: #F60; }

.article15 h4 { font-size: 30px; line-height: 36px; margin: 0px; padding: 0px; color: #008b98; }
.article15 h5 { font-size: 16px; line-height: 24px; padding: 0px; margin-top: 30px; margin-right: 0px; margin-bottom: 40px; margin-left: 0px; }
.article15 h6 { font-size: 12px; padding: 0px; color: #999; margin-top: 10px; }

.chart15 { background-color: #FFF; font-size: 13px; line-height: 13px; }
.chart15 .no1 { color: #F26522; font-size: 16px; line-height: 18px; }
.chart15 .no2 { color: #990099; }
.chart15 .no3 { color: #333399; }
.chart15 .no { font-size: 14px; line-height: 14px; width: 16px; margin: 0px; padding: 0px; display: block; }
.chart15 .song { font-size: 16px; line-height: 16px; width: 160px; margin: 0px; padding: 0px; display: block; }
.chart15 .spacer_l16 { font-size: 13px; line-height: 13px; color: #666; padding-left: 16px; }
.chart15 .name { font-size: 13px; line-height: 13px; color: #666; }
.chart15 .date { font-size: 12px; line-height: 12px; color: #F26522; }

.music15 { background-color: #F26522; }
.music15 .song { font-size: 16px; color: #FFF; line-height: 18px; }
.music15 .name { font-size: 13px; line-height: 13px; color: #FFF; }

.link15_mfd a.header { font-size: 21px; line-height: 24px; display: block; }
.link15_mfd a.header:hover { font-size: 21px; line-height: 24px; }
.link15_mfd .program { font-size: 18px; line-height: 18px; padding-bottom: 5px; display: block; color: #909; }
.link15_mfd .name { font-size: 16px; line-height: 16px; padding-bottom: 5px; display: block; color: #909; }

.link15_mfd .content { font-size: 14px; line-height: 18px; padding-bottom: 5px; padding-top: 3px; display: block; }
.link15_mfd .time { font-size: 12px; color: #999; float: right; }
.link15_mfd img { float: right; margin-left: 5px; }

.calendar15 { width: 728px; float: left; display: none; font-size: 13px; line-height: 20px; color: #999; }
.calendar15 td { text-align: center; }
.calendar15 .month { font-size: 14px; color: #FF9; background-color: #66BECC; }
.calendar15 .week { color: #999; background-color: #ECECEC; font-size: 10px; line-height: 13px; }
.calendar15 .on  { color: #F30; }

.date15 a:link, .date15 a:visited { font-size: 15px; color: #6d6d6d; display: block; float: left; line-height: 25px; height: 70px; margin: 0px; padding: 0px; width: 75px; background-color: #C4E8EE; text-align: center; }
.date15 a.sat  { margin-left: 5px; background-color: #B1E0E9; }
.date15 a.sun  { margin-left: 5px; background-color: #9AD8E2; }
.date15 a:hover { color: #00889B; }
.date15 h1 { font-size: 36px; padding-top: 15px; font-family: Arial, Helvetica, sans-serif; }
.date15 h2 { font-size: 12px; }
.date15 h1 .month{ font-size: 12px; line-height: 1px; }
.date15 a.on { background-color: #F30; color: #FFF; }

.sch15 { background-color: #FFF; border: 1px solid #DDD; clear: both; }
.sch15 .bgimage { background-repeat: no-repeat; background-position: right; }
.sch15 .highlight { background-color: #FFC; }
.sch15 a h1:hover { color: #606; }
.sch15 h1 { font-size: 24px; color: #F30; }
.sch15 h2 { font-size: 14px; }
.arch15 { width: 728px; float: left; display: none; color: #999; }
.arch15 .section { border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #DDD; border-bottom-color: #DDD; border-left-color: #DDD; font-size: 14px; line-height: 15px; }
.arch15 a { display: inline-block; padding-top: 3px; padding-right: 15px; padding-bottom: 3px; padding-left: 15px; margin-right: 10px; margin-left: 10px; margin-top: 2px; margin-bottom: 2px; white-space: nowrap; }
input#ContentPlaceHolder1_cmdSearch { filter: grayscale(1); }

#weather15 { height: 371px; width: 728px; position: relative; }
#weather15 #apDiv1 { position:absolute; left:164px; top:76px; z-index:1; }
#weather15 #apDiv2 { position:absolute; left:276px; top:76px; z-index:1; }
#weather15 #apDiv3 { position:absolute; left:424px; top:34px; z-index:1; }
#weather15 #apDiv4 { position:absolute; left:58px; top:205px; z-index:1; }
#weather15 #apDiv5 { position:absolute; left:214px; top:254px; z-index:1; }
#weather15 #apDiv6 { position:absolute; left:373px; top:153px; z-index:1; }
#weather15 #apDiv7 { position:absolute; left:453px; top:153px; z-index:1; }
#weather15 #apDiv8 { position:absolute; left:625px; top:104px; z-index:1; }
#weather15 #apDiv9 { position:absolute; left:534px; top:129px; z-index:1; }
#weather15 #apDiv10 { position:absolute; left:390px; top:222px; z-index:1; }
#weather15 #apDiv11 { position:absolute; left:488px; top:222px; z-index:1; }
#weather15 #apDiv12 { position:absolute; left:603px; top:305px; z-index:1; }
#weather15 .mapname { font-size: 14px; color: #99DEF9; line-height: 20px; }
#weather15 .maptemp { font-size: 14px; color: #FFFF00; line-height: 20px; }
.weather15 .tempnow { font-size: 52px; font-family: Arial, Helvetica, sans-serif; line-height: 46px; color: #FFF; }
.weather15 .datanow { font-size: 30px; font-family: Arial, Helvetica, sans-serif; color: #FFF; }
.weather15 .weatext { font-size: 15px; line-height: 20px; color: #FFF; }
.weather15 .header { font-size: 16px; color: #6dcff6; }
.weather15 .tempday { font-size: 18px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; }
.weather15 .date { font-size: 13px; line-height: 13px; color: #FFF; }
.weather15 .temp { font-size: 13px; line-height: 13px; color: #F60; }
.weather15 .wet { font-size: 13px; line-height: 13px; color: #3FF; }
.shoppingcart15 a { color: #FFF; font-size: 14px; line-height: 30px; }
.shoppingcart15 a:hover { color: #FF0; }
.mbuyd1 h1    { font-size: 36px; color: #F09; }
.mbuyd1 h5 { font-size: 12px; color: #666; }
.mbuyd1 h4 { font-size: 14px; color: #666; }

.mbuyd1 img { line-height: 0px; display: block; margin-right: auto; margin-left: auto; }
.mbuyd1 .leftimg { line-height: 0px; display: block; margin-right: 10px; }

.mbuyd2 .price1 { text-decoration: line-through; color: #06C; }
.mbuyd2 .price2 { color: #C00; font-size: 24px; }


.mbuyd2 .discount { color: #F09; font-size: 30px; font-style: italic; }
.mbuyd2 .aselect { padding: 0px; font-size: 16px; line-height: 30; border: 1 solid #CCC; height: 30px; font-family: Verdana, Geneva, sans-serif; width: 100px; text-align: center; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
.mbuybuy a { display: block; height: 50px; width: 150px; margin-right: auto; margin-left: auto; font-size: 18px; line-height: 50px; text-align: center; border-radius: 5px; color: #FFF; background-color: #F09; }
.mbuyshare { margin-right: auto; margin-left: auto; text-align: center; border-radius: 5px; margin-top: 30px; }
.ubuytd { font-size: 14px; color: #666; }
.ubuytd .header { color: #F09; }
.ubuydiscription .header { color: #F09; font-size: 24px; line-height: 37px; }
.mbutton a { display: block; height: 50px; width: 150px; margin-right: auto; margin-left: auto; font-size: 18px; line-height: 50px; text-align: center; border-radius: 5px; color: #FFF; background-color: #F09; }
.nonmbutton a { display: block; height: 50px; width: 150px; margin-right: auto; margin-left: auto; font-size: 18px; line-height: 50px; text-align: center; border-radius: 5px; color: #FFF; background-color: #069; }

.tcbutton a , .bbutton a{ display: block; height: 40px; width: 148px; margin-right: auto; margin-left: auto; font-size: 16px; line-height: 40px; text-align: center; border-radius: 5px; color: #333; background-color: #CCC; border: 1px solid #999; }
.mbuylist td{ border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; font-size: 24px; }
.mbuylist .top { background-color: #EEE; }
.mshare-home-container { border-top-width: 1px; border-top-style: solid; border-top-color: #FFF; text-align: center; background-color: #603; clear: both; background-image: url(../images/bg_mshare_main.jpg); background-position: center top; }
.mshare-topimage { margin-right: auto; margin-left: auto; display: block; width: 1050px; clear: both; line-height: 1px; }
.mshare-4images { background-color: #FFF; width: 1050px; position: relative; margin-right: auto; margin-left: auto; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.35); height: 711px; }
.mshare-i1 { position: absolute; left: 27px; top: 25px; height: 330px; width: 495px; }
.mshare-i2 { position: absolute; left: 528px; top: 25px; height: 330px; width: 495px; }
.mshare-i3 { position: absolute; left: 27px; top: 361px; height: 330px; width: 495px; }
.mshare-i4 { position: absolute; left: 528px; top: 361px; height: 330px; width: 495px; }
.mshare-icon1 { position: absolute; left: -30px; top: 100px; height: 101px; width: 105px; }
.mshare-icon2 { position: absolute; left: 970px; top: 50px; height: 101px; width: 101px; }
.mshare-icon3 { position: absolute; left: -30px; top: 450px; height: 101px; width: 105px; }
.mshare-icon4 { position: absolute; left: 972px; top: 390px; height: 101px; width: 105px; }
.mshare-home-mbuy { width: 1050px; margin-right: auto; margin-left: auto; margin-top: 25px; clear: both; overflow: hidden; padding-bottom: 15px; background-color: #003FD3; background-image: url(../images/bg_mshare_buy.jpg); }
.mbuy-plist { }
.mbuy-plist a { height: 300px; width: 240px; float: left; display: block; margin-left: 2px; margin-bottom: 2px; padding: 10px; background-color: #FFF; }
.mbuy-plist a img { display: block; }


.mbuy-plist h1 { font-size: 24px; line-height: 36px; color: #F60; }
.mbuy-plist a:hover h1 { color: #F09; }
.mbuy-plist h2 { font-size: 14px; line-height: 18px; color: #666; }
.mbuy-plist h3 { font-size: 18px; line-height: 30px; color: #C00; float: left; }
.mbuy-plist h4 { font-size: 15px; line-height: 30px; color: #06C; text-decoration: line-through; float: left; margin-left: 10px; }

.productimg { position: relative; display: block; height: 470px; width: 600px; }
#productimg01 { visibility: visible; position: absolute; }
#productimg02 { visibility: hidden; position: absolute; }
#productimg03 { visibility: hidden; position: absolute;  }
#productimg04 { visibility: hidden; position: absolute;  }
#productimg05 { visibility: hidden; position: absolute;  }
#productimg06 { visibility: hidden;  position: absolute; }
#productimg07 { visibility: hidden; position: absolute;  }
#productimg08 { visibility: hidden; position: absolute;  }
#productimg09 { visibility: hidden; position: absolute;  }
#productimg10 { visibility: hidden; position: absolute;  }

.maintop17_wrap {background-color:#ffffff;}
.maintop17 {height:60px;margin-top:20px;}
.maintop17_logo {float:left;}
.maintop17_menu {float:left;color:#0770e5;font-weight:bold;font-size:12px;margin-bottom:16px;margin-top:25px;letter-spacing: -0.5px;}
.maintop17_menu a:hover{color:#87e7f5;}
.maintop17_menu a:link, .maintop17_menu a:visited{color:#0770e5;}
.maintop17_menu ul{margin:0;padding:4px 6px 0px 6px;}
.maintop17_menu li{display:inline;padding:0 4px;}
.maintop17_date {float:right;padding:8px 0px 0px 0px;color:#bababa;font-size:12px;margin-top:25px;}

.nav17{width:100%;}
.nav17_btnwrap{height:32px;overflow:hidden;}
.nav17_btnwrap ul {margin:0;}
.nav17_btnwrap li{display:inline;}

.nav17_btn{padding: 12px 0 15px;font-size:18px;color:#000;font-weight:bold;}
.nav17_btn a:link, .nav17_btn a:visited {color:#000;min-width: 40px;margin-right: 2%;height: 32px; padding-left: 0px; display: block; float: left;}
.nav17_btn a:hover{color:#00889B!important;}
.navmain { background-image: url(../images/2017/navbtn_main.gif); background-repeat: no-repeat; background-position: -10px 0px; }
.nav104 { background-image: url(../images/2017/navbtn_104.gif); background-repeat: no-repeat; background-position: -10px 0px; }
.nav997 { background-image: url(../images/2017/navbtn_997.gif); background-repeat: no-repeat; background-position: -10px 0px; }
.nav1044 { background-image: url(../images/2017/navbtn_1044.gif); background-repeat: no-repeat; background-position: -10px 0px; }
.navmbo { background-image: url(../images/2017/navbtn_mbo.gif); background-repeat: no-repeat; background-position: -10px 0px; }
.navmfplus { background-image: url(../images/2017/navbtn_mfplus.gif); background-repeat: no-repeat; background-position: -10px 0px; }
.navEdu { background-image: url(../images/2017/navbtn_edu.gif); background-repeat: no-repeat; background-position: -10px 0px; }
.navms { background-image: url(../images/2017/navbtn_ms.gif); background-repeat: no-repeat; background-position: -10px 0px; }
.navHitPicks { background-image: url(../images/2017/navbtn_HitPicks.gif); background-repeat: no-repeat; background-position: -10px 0px; }
.navHealth {background-image: url(../images/2017/navbtn_health.gif); background-repeat: no-repeat; background-position: -10px 0px; }
.navplay {background-image: url(../images/2017/navbtn_play.gif); background-repeat: no-repeat; background-position: -10px 0px; }
.navInsurance {background-image: url("../images/2017/navbtn_insurance.gif"); background-repeat: no-repeat; background-position: -10px 0px; }
.navmmetro { background-image: url(../images/2017/navbtn_mmetro.gif); background-repeat: no-repeat; background-position: -10px 0px; }
.navbig8 { background-image: url(../images/2017/navbtn_big8.gif); background-repeat: no-repeat; background-position: -10px 0px; }
.navmprod { background-image: url(../images/2017/navbtn_mprod.gif); background-repeat: no-repeat; background-position: -10px 0px; }
.navmmc {background-image: url("../images/2017/navbtn_mmc.gif"); background-repeat: no-repeat; background-position: 0px 0px;width:160px!important; }
.navmain:hover, .nav104:hover, .nav997:hover, .nav1044:hover, .navms:hover ,.navplay:hover, .navEdu:hover,.navHitPicks:hover, .navHealth:hover, .navInsurance:hover, .navmfplus:hover, .navmmetro:hover, .navbig8:hover, .navmprod:hover,.navmbo:hover  { background-position: -10px -32px; }
.navmmc:hover { background-position: 0px -32px; }

.nav17_membtn {float: left;font-size: 18px;}
.nav17_membtn a:link, .nav17_membtn a:visited { height: 32px;min-width: 45px;text-align: center;padding-right: 0px; padding-left: 0px; display: block; float: left; font-size: 18px;color:#000;font-weight: bold;}
.nav17_membtn a:hover {color:#00889B!important;}
.nav_mem { background-image: url(../images/2017/nav_05.gif); background-repeat: no-repeat; background-position: 0px 0px; }
.nav_login { background-image: url(../images/2017/nav_06.gif); background-repeat: no-repeat; background-position: 0px 0px; }
.nav_logout { background-image: url(../images/2017/nav_07.gif); background-repeat: no-repeat; background-position: 0px 0px; }
.nav_mem:hover, .nav_login:hover, .nav_logout:hover{ background-position: 0px -32px; }


.nav17_scbtn a:link, .nav17_scbtn a:visited { height: 32px; width: 32px; padding-right: 0px; padding-left: 0px; display: block; float: left; }
.nav_fb { background-image: url(../images/2017/navbtn_fb.gif); background-repeat: no-repeat; background-position: 0px 0px; }
.nav_weibo { background-image: url(../images/2017/navbtn_weibo.gif); background-repeat: no-repeat; background-position: 0px 0px; }
.nav_wechat { background-image: url(../images/2017/navbtn_wechat.gif); background-repeat: no-repeat; background-position: 0px 0px; }
.nav_twitter { background-image: url(../images/2017/navbtn_twitter.gif); background-repeat: no-repeat; background-position: 0px 0px; }
.nav_google { background-image: url(../images/2017/navbtn_google.gif); background-repeat: no-repeat; background-position: 0px 0px; }
.nav_fb:hover, .nav_weibo:hover, .nav_twitter, .nav_google:hover { background-position: 0px -32px; }

.nav17_listen {background-color:#00889B;width:120px;height: 32px; float: right;display: block;padding:3px 0 0 10px;color:#ffffff;}
.nav17_listen a:link, .nav17_listen a:visited {color:#ffffff;}
.nav17_listen a:hover{color:#fff;}
.nav17_listen .nav_text2 {font-size:15px;}
.nav17_listen .nav_text2 img{padding-top:0px;}


.submenu17 {width:100%;}
.submenu17 .mf104 {background-color:#a5005e; color:#ffffff; font-size:14px;font-weight:bold;}
.submenu17 .mf104 a:link,  .submenu17 .mf104 a:visited {color:#ffffff;}
.submenu17 .mf104 a:hover {color:#f1cbd9;}
.submenu17 .mf104_box td {padding-right:3px;height:22px;}

.submenu17 .mf997 {background-color:#f6c90b; color:#7d1405; font-size:14px;font-weight:bold;}
.submenu17 .mf997 a:link,  .submenu17 .mf997 a:visited  {color:#7d1405;}
.submenu17 .mf997 a:hover {color:#a62c07;}
.submenu17 .mf997_box td {padding-right:3px;height:22px;}

.submenu17 .mplay {background-color:#008a9c; color:#ffffff; font-size:14px;font-weight:bold;}
.submenu17 .mplay a:link,  .submenu17 .mf997 a:visited  {color:#ffffff;}
.submenu17 .mplay a:hover {color:#a62c07;}
.submenu17 .mplay_box td {padding-right:3px;height:22px;}


.zone_mfresult17 {width:1070px;background-color:#7ae5ec;}
.zone_mfresult17 .left {width:285px;height:100px;background-image:url(../images/2017/zone17_conclude.gif);position:relative;}
.zone_mfresult17 .left .date {position: absolute;margin-top: 20px;background-color: #ffffff;width: 70px;padding:2px 2px 2px 8px;font-size:14px;}
.zone_mfresult17 .right {float:left;padding:10px;width:765px;}
.zone_mfresult17 .right h3 {font-weight:bold;color:#04335f;font-size:21px;}
.zone_mfresult17 .right p {font-size:14px;margin:5px auto;color:#181818;}

.weather17_wrap {margin:10px 0 0 0;overflow:hidden;}
.weather17 {width:330px;height:90px;margin:0 0px 0 0;display:block;background-image:url(../images/2017/weather_bgs.png);float:left;}
.banner728 {width:740px;height:90px;float:right;text-align:right;}
.clearfix {clear:both;}


.programbanner {width:680px;height:235px;margin-top:10px;float:left;}
.programbanner img {width:680px;height:235px;}

.home_programbanner {width:680px;height:235px;margin-top:10px;float:left;z-index: 1;}
.home_programbanner .slider {position: relative;}
.home_programbanner .slider ul {margin: 0;padding: 0;list-style: none;width: 680px;height: 235px;overflow: hidden;position: relative;}
.home_programbanner .slider ul li {}
.home_programbannerr .slider .dots:after {display: table;clear: both;;}
.home_programbanner .slider .dots {position: absolute;bottom: 8px;right: 10px;z-index: 40; *zoom: 1;}
.home_programbanner .slider .dots a {display: block;float: left;width: 8px;height: 8px;margin-right: 6px;text-indent: -9999em;background:rgba(0,0,0,0.7);border-radius: 10px;}
.home_programbanner .slider .dots .cur {background: #ffffff;}


.home_video {width:370px;height:235px;float:left;display:inline-block;margin-top:10px;margin-left:20px;}
.home_video .title {height:30px;}
.home_video .content {height:208px;background-color:#FFFFFF;}

.home_event{margin-top:10px;}
.home_event .title {height:30px;}
.home_event .content {}
.home_event .content img {margin-bottom:5px;}

.home_banner{margin:5px auto;}

.home_hsi {float:left;width:360px;margin:5px 5px;}
.home_hsi .title {height:30px;}
.home_hsi .content{background-color:#e7ecf5;height:300px;}

.home_uni {float:left;width:360px;margin:5px 5px;}
.home_uni .title {height:30px;}
.home_uni .content{background-color:#e7ecf5;height:300px;}

.home_news {width:740px;height:260px;margin:20px 0px;padding:0 5px;}
.home_news .title {height:30px;}
.home_news .content {}
.home_news .newsbox1 {width:200px;min-height:230px;float:left;margin-right:10px;}
.home_news .newsbox1 img {width:200px;height:150px;}
.home_news .newsbox2 {width:320px;min-height:230px;float:left;margin-right:0px;}
.home_news .newsbox3 {width:340px;height:230px;}
.home_news .newsbox3 .photo {text-align:center;}
.home_news .newsbox3 img {width:200px;height:150px;text-align:center;}
.home_news h4{ font-size: 16px; line-height: 19px; font-weight: bold; padding:5px auto; }
.home_news h6{ font-size: 12px; line-height: 17px; color: #999; padding-top: 2px; float:right; }
.home_news2 {width:360px;height:auto;margin:0px 5px;float:left;}

.home_newsheader { display: block; border-top-width: 1px; border-top-style: dotted; border-top-color: #CCC; float: left; width: 320px;padding:1px 0;min-height:25px;  }
.home_news .last { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; }


.home_newsfinance { width: 360px; float: left;margin:5px 5px; }
.home_newsfinance .title {  }
.home_newsfinance a:link { color: #2d95ab; text-decoration: none; }
.home_newsfinance a:visited { color: #2d95ab; text-decoration: none; }
.home_newsfinance a:hover, .home_newsfinance a:active, .home_newsfinance a:focus { text-decoration: none; color: #909; }

.newsfin_text { float: left; }
.newsfin_text .last { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; }
.newsfin_text h3 { font-size: 14px; line-height: 19px; font-weight: bold; padding-top: 5px; }
.newsfin_text h4 { font-size: 16px; line-height: 19px; font-weight: bold; padding-top: 5px;; }
.newsfin_text h5 { font-size: 14px; line-height: 17px; color: #666; padding-top: 1px; }
.newsfin_text h6 { font-size: 12px; line-height: 17px; color: #999; padding-top: 5px; float: right; }
.newsfin_header1 { display: block; border-top-width: 1px; border-top-style: dotted; border-top-color: #CCC; float: left; width: 340px; padding:5px 0;min-height:30px; }
.newsfin_header2 { display: block; border-top-width: 1px; border-top-style: dotted; border-top-color: #CCC; float: left; width: 340px; height: auto;padding:5px 0;}
.newsfin_header2 img {padding:0px 0;width:200px;height:150px;text-align:center;margin:0 auto }
.newsfin_text .photo{text-align:center;}

.home_finance_wrap {min-height:300px;width:740px;background-color:#ffffff;background-image:url(../images/2017/bg2.png);background-position:bottom;background-repeat:repeat-x;margin:10px 5px;}
.home_finance {}
.home_finance .content {margin:10px auto;height:270px;}
.home_finance .title {height:30px;}
.home_finance_box {margin-bottom:10px;}
.home_finance_box .subheader {color:#0076a3;font-weight:bold;font-size:20px;}
.home_finance_box .subheader2 {color:#ffffff;font-weight:bold;font-size:28px;}
.home_financetnc {font-size:12px;text-align:right;padding:3px;}

.catsubmenubar {width:100%; background-color:#04a5d3;color:#ffffff;padding:0px 0px; font-size:14px;min-height:3px;}
.catsubmenubar ul {margin:0;padding:5px 0;}
.catsubmenubar li{display:inline;padding:3px;margin:0 2px;font-weight:bold;border:1px solid #04a5d3;}
.catsubmenubar a:link, .home_finance .submenubar a:visited, .home_finance .submenubar a:active {color:#b3eef3;}
.catsubmenubar a:hover {color:#ffffff;}

.catsub_financehk {background-color:#04a5d3;color:#ffffff;padding:5px 0px;}
.catsub_financehk li{border:1px solid #04a5d3;}
.catsub_financehk a:link, .catsubmenubar a:visited, .catsubmenubar a:active {color:#b3eef3;}
.catsub_financehk a:hover {color:#ffffff;}

.catsub_management {background-color:#df52d7;color:#ffffff;padding:0px 0px;}
.catsub_management li{border:1px solid #df52d7;}
.catsub_management a:link, .catsub_management a:visited, .catsub_management a:active {color:#ffccfa;}
.catsub_managementa:hover {color:#ffffff;}

.catsub_music {background-color:#fcd915;color:#d65e15;padding:5px 0px;}
.catsub_music li{border:1px solid #fcd915;}
.catsub_music a:link, .catsub_music a:visited, .catsub_music a:active {color:#e66e16;}
.catsub_music a:hover {color:#b01900;}


.home_box_l {width:1070px;background-color:#ffffff;margin:10px 5px;}
.home_box_m {width:750px;background-color:#ffffff;margin:10px 5px;}
.home_box_l .title, .home_box_m .title{height:30px;}
.home_box_l .programebox {width:350px;float:left;margin:5px 3px;}
.home_box_m .programebox {width:350px;float:left;margin:5px 3px;}


.home_guide {margin:10px 5px;}
.home_guide .title {height:30px;}

.home_suggest {margin:10px 5px;}

.home_interative{float:left;width:360px;margin:20px 5px; font-size:14px;}
.home_interative .title {height:30px;}
.text1 {color:#0a8393;}

.home_cow {margin:10px 5px;background-color:#ffffff;background-image:url(../images/2017/bg_yellow.png);background-position:bottom;background-repeat:repeat-x;}
.home_cow .title {height:30px;}
.home_cow .subheader {color:#7253a5;font-weight:bold;font-size:20px;}

.weatherpic {background-color:#0076a3;}
.weatherpic img {width:87px;height:auto;text-align:center;margin:0 auto;}
.weatherpict td {padding-left:5px;}
.weatherpict .text1{font-size:23px;color:#231a00;font-weight:bold;}
.weatherpict .text2{font-size:13px;color:#ec0000;font-weight:bold;}
.weatherpict .text3{font-size:13px;color:#0a85e4;font-weight:bold;}
.weatherpict .text4{font-size:13px;color:#231a00;}
.weatherpict .text5{font-size:16px;color:#0076a3;font-weight:bold;}


.home_finance2 {margin:10px 5px;background-color:#ffffff;background-image:url(../images/2017/bg_yellow.png);background-position:bottom;background-repeat:repeat-x;}
.home_finance2 .title {height:30px;}
.home_finance2 .subheader {color:#683b00;font-weight:bold;font-size:20px;}

.home_programme {width:1050px;margin:10px 5px;}
.home_programme .title {height:30px;}
.home_programme .banners {text-align:center;}
.home_programme .banners img {text-align:center;width:190px;height:66px;margin:2px 0;}
.home_programme .bannersb {text-align:center;}
.home_programme .bannersb td{width:33.3%;padding:10px 0px;}
.home_programme .bannersb .box td{padding:2px 8px;}
.home_programme .bannersb .box h4{font-size:14px;}
.home_programme .bannersb .box img {text-align:center;width:328px;height:113px;margin:2px 0;}



.home17_half_left {width:370px;float:left;}
.home17_half_right {width:370px;float:right;}

.sphome17_channel {width:730px;height:auto;margin:20px 0px;padding:12px 8px;}
.sphome17_channel .channelcontent {background-color:#ffffff;min-height:235px;padding:0px;}
.sphome17_channel .left {width:370px;float:left;margin-right:8px;}
.sphome17_channel .right {width:350px;float:left;}
.sphome17_channel .video {width:370px;height:235px;background-color:#000000;}
.mainmf {background-color:#B7305E;}
.mainmi {background-color:#fadd1f;}
.main1044 {background-color:#f84937;}

.home_finance_box td iframe {background-color:#ffffff;margin:2px;border:solid 1px #99d0e4;}
.btneffect img {opacity: 1;-webkit-transition: .2s ease-in-out;transition: .2s ease-in-out;}
.btneffect :hover img {opacity: .7;}

.cattitle17_wrap {padding:15px;}
.cattitle17_wrap img {}
.cattitle17_wrap .titlelogo {width:300px;}

.cat17_mkt {background-color:#e114df;}
.cat17_health {background-color:#94cd0d;}
.cat17_family {background-color:#22d599;}
.cat17_travel {background-color:#f82d04;}
.cat17_metroshare_eshop{background-color:#d6127c;}
.cat17_metroshare {background-color:#b1c30b;}


/**Iframe買賣沽空**/
.scroll-wrapper-buynsell { -webkit-overflow-scrolling: touch; overflow-y: scroll; width:330px;height:320px;border:solid 0px #99d0e4;overflow-x:scroll; }  
.scroll-wrapper-buynsell iframe {width:100%;height:15150px;  border:0; overflow-x:hidden;overflow-y:hidden;}  



.mplay_content {height:355px;padding:0px 5px 5px 5px;margin:0;margin-top:-5px;}
.mplay_finance {background-image:url(../images/2017/playbg_finance.png);background-repeat:no-repeat;}
.mplay_management {background-image:url(../images/2017/playbg_management.png);background-repeat:no-repeat;}
.mplay_health {background-image:url(../images/2017/playbg_health.png);background-repeat:no-repeat;}
.mplay_family {background-image:url(../images/2017/playbg_family.png);background-repeat:no-repeat;}
.mplay_music{background-image:url(../images/2017/playbg_music.png);background-repeat:no-repeat;}
.mplay_travel{background-image:url(../images/2017/playbg_travel.png);background-repeat:no-repeat;}
.mplay_more{background-image:url(../images/2017/playbg_more.png);background-repeat:no-repeat;}
.mplay_title {}
.mplay_videozone {background-color:#000000;height:305px;width:730px;border:5px #000000 solid;}


/**2025-10-08/
/**new styling**/
.contentcontainer {
	width: 100% !important;
	display: flex;
	margin: 0 auto;
	padding: 20px;
	max-width: 1340px;
	position: relative;
	z-index: 22;
}

.containcontent {
	.search,
	.searchdate,
	.list	{
		width: 100%;
		float:none;
		clear:both;
	}
	
	/* .search, 
	.searchdate {
		display: none;
	} */
	
	.search {
		display:flex;
		
		.ainput {
			flex: 1;
		}
	}
	
	.search.aform {
		margin-bottom: 20px;
		width: 50%;
	}
	
	@media only screen and (max-width: 1120px){
		.search.aform {
			width: 100%;
		}
	}
}

.containleft {
	float: none;
	min-width: calc(100% - 300px - 20px);
	flex: 1;
	margin-right: 20px;
	overflow-x: hidden;
	overflow-x: clip;
}

.containright {
	float: none;
	min-width: 300px;
	display: flex;
	justify-content: center;
	
	> div {
		> div {
			margin-bottom: 20px;
		}
	}
}

.slideshow .description {
	margin-top: 0px;
}

.slideshow .description div{
		margin: 0 auto;
		width: fit-content;
	}

.catcontainer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 25px;
}

.catcontainer .ads {
	display:none;
}

#foot01 {
	width: 100% !important;
}

.section_news_title {
	margin-bottom: 1.5rem !important;
}
.section__title{
    position:relative;
    display:inline-block;
    font-size:215%;
    font-weight:bold;
    padding-right:25px;
    padding-left:30px;
    transition:color 0.25s ease, background-image 0.25s ease;
}
.section__title.pad-left{
    padding-left:30px
}
.section__title:before{
    position:absolute;
    content:'';
    left:0;
    top:7px;
    width:6px;
    height:calc(100% - 16px);
    background-color:#ff7400
}
.section__title:after{
    position:absolute;
    content:'';
    right:0;
    top:2px;
    width:13px;
    height:100%;
    background:url(../images/icon/img_arrow_right.svg) no-repeat center;
    background-size:contain;
    transition:color 0.25s ease, background-image 0.25s ease
}
.section__title.no-arrow::after{
    display:none;
}
.section__title.purple-line:before{
    background-color:#c9c9c9;
}
.section_date_n_share {
	display: flex;
	justify-content: space-between;
	color: #666666;
	margin: 9px 0;
}

.pagenext a{
	color: #6d6d6d !important;
}

.links {
	width: 100%;
}

.news {
	a {
		width: calc(100% - 100px);
		margin-right: -7px;
		font-size: 16px;
		line-height: 1.4;
		font-weight: normal;
		color: black;
	}
	
	a:hover {
		color: #008b98;
		text-decoration: none;
	}
	
	a,.time{
		display:inline-block;
		vertical-align:top
	}
	.time{
		width:100px;
		text-align:right;
		font-size:12px;
		color:#666;
		font-weight:300;
		padding-top:5px
	}
}

.sub-nav-container {
	width: 100%;
	height: 120px;
	background: #efefef;
	display: flex;
	position: relative;
	z-index: 22;
	
	.content {
		display: flex;
		justify-content: space-between;
		align-items: center;
		max-width: 1340px;
		width: 100%;
		margin: 0 auto;
		padding: 0 20px;
        position: static;
		
		.sub-nav {
			display: flex;
			flex-direction: row;
			align-items: flex-end;
			overflow:auto;
			scrollbar-width: none;
			margin-bottom: -7px;
			align-self: flex-end;
			
			a {
				color: #5d5d5d;
				font-weight: normal;
				height: 18px;
				line-height: 18px;
				font-size: 18px;
				margin: 8px 15px;
				display: inline-block;
				position:relative;
				padding-bottom:32px;
				flex-shrink:0;
			}
			
			a:first-child {
				margin-left: 0px;
			}
			
			a:hover, a:active, a.active {
				color: #008b98;
				text-decoration: none;
				font-weight: 600;
			}
			
			a:hover:after,a:active:after,a.active:after{
				bottom:-1px;
				opacity: 1;
			}
			
			a.active:after{
				bottom:-1px;
				background-color:#008b98;
				opacity: 1;
			}
			
			a:last-child {
				margin-right:0;
			}
			a:after {
				content:"";
				position:absolute;
				bottom:-6px;
				left:0;
				width:99%;
				height:5px;
				background-color:#008b98;
				transition:bottom 0.25s ease;	
				
				opacity: 0;
			}
		}
	}
}

.nav-tabs.nav-category{
	display: flex;
	list-style: none;
    border:none;
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
    flex-wrap:nowrap;
    margin-left:-20px;
    padding-left:20px;
	/* margin-right: -20px; */
	gap: 12px;
	scrollbar-width:none;
	
	.nav-link {
		border:none;
		background-color:#6d6d6d;
		color:white !important;
		border-radius:4px;
		padding:4px 15px;
		margin:5px 0;
	}
	
	.nav-item {
		display: flex;
	}
	
	.nav-link:active, .nav-link:hover, .nav-link.active {
		background-color: #008b98;
	}
}

.footer{
    background-color:#5C4E53;
    color:rgba(255,255,255,0.85);
	font-weight: 300;
	line-height:1.4;
	font-family: "Noto Sans TC", "Microsoft JhengHei", 微軟正黑體, sans-serif;
	
	/* .wrapper{
		position:relative;
		max-width:1340px;
		padding:35px 30px;
		margin:0 auto;
	} */
	
	/* .row {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		
		> div {
			width: calc(100% / 4);
		}
	} */
	
	a:hover {
		color:inherit;
		text-decoration: underline !important;
	}
}
.footer a{
    color:rgba(255,255,255,0.8)
}
.footer__menu__item{
    margin-bottom:8px;
	font-size:16px;
}
.footer__menu__item .footer__menu__item
{
	margin-top:8px;
	padding-left: 10px;
}
.footer__menu__item a:first-child:not(:only-child)::after
{
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}
.footer__link{
    font-size:85%
}
.footer__link__item{
    margin-bottom:4px
}
.footer__link__item a{
    color:rgba(255,255,255,0.6)
}
.footer__app{
    font-weight:bold;
    width:calc(100% + 15px);
	
	p {
		margin-bottom: 10px;
	}
}
.footer__app__icon{
    margin-right:15px;
    transition:filter 0.3s ease
}
.footer__app__icon:last-child{
    margin-right:0
}
.footer__app__icon:hover{
    text-decoration:none;
    filter:drop-shadow(3px 6px 6px rgba(0,0,0,0.55))
}
.footer__copyright{
    font-size:12px;
    text-align:right;
    color:rgba(255,255,255,0.5)
}
@media only screen and (max-width: 1120px){
	.sub-nav-container {
		height: 70px;
	}
	.contentcontainer {
		flex-direction: column;
		margin: 0;
	}
	.containleft {
		width: 100%;
		min-width: auto;
	}
	.containright {
		width: 100%;
	}
	.catcontainer {
		flex-direction: column;
		align-items: flex-start !important;
		.pagenext {
			margin: 0 auto;
		}
		
		.ads {
			display: block !important;
		}
	}
	.section_date_n_share {
		flex-direction: column;
	}
	.pagenext {
		padding-top: 10px;
	}
	.news {
		a,.time {
			display:block !important;
			width: 100% !important;
			text-align: left !important;
		}
		
		a {
			font-size: 15px;
		}
	}
	
	.nav-tabs.nav-category {
		gap: 8px
	}
	
	.nav-tabs.nav-category .nav-link {
		margin: 0 0 5px;
	}
    .footer__logo{
        max-width:180px;
        margin-bottom:30px
    }
    .footer__menu{
        margin-bottom:30px
    }
    .footer__menu__item{
        margin-bottom:6px
    }
    .footer__copyright{
        text-align:left;
        margin-top:30px
    }
    .footer__app{
        width:100%
    }
	.wrapper{
        padding:5px 16px 30px;
    }
	.footer {
		.row {
			
			> div:first-child, > div:last-child {
				flex: 0 0 100%;
				max-width: 100%;
			}
			
			> div:nth-child(2), > div:nth-child(3) {
				flex: 0 0 50%;	
				max-width: 50%;
			}
		}
	}
}

@media only screen and (max-width: 479px) {
	.footer {
		margin-bottom: 100px;
	}
}

@media only screen and (max-width: 560px) {
	.only-bottom-ads {
		display: flex !important;
	}
}

.only-bottom-ads {
	width: auto;
	display:flex;
	padding:20px;
	max-width:1340px;
	justify-content: center;
	
	display: none;
}

.wrapper{
    position:relative;
    max-width:1340px;
    padding:35px 30px;
    margin:0 auto
}

.header{
    position:fixed;
    top:0;
    left:0;
    z-index:999;
    width:100%;
    height:140px;
    background-color:#fff;
    box-shadow:0 4px 10px 0 rgba(0,0,0,0.1)
}
.header__top{
    /* padding:15px 0; */
    height: 83px;
    align-content: center;
    border-bottom:1px solid rgba(198,199,201,0.3)
}
.header__logo{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    padding:0 30px
}
.header__logo a{
    display:inline-block
}
.header__logo:before{
    content:'';
    display:block;
    position:absolute;
    top:3px;
    left:0;
    width:1px;
    height:90%;
    background-color:rgba(151,151,151,0.3)
}
.header__logo:first-child{
    padding-left:0
}
.header__logo:first-child:before{
    display:none
}
.header__logo:last-child{
    padding-right:0
}
.header__btn-holder{
    display:inline-flex
}
.header__btn-holder .btn{
    font-weight:bold
}
.header__btn-holder .btn:last-child{
    margin-right:0
}
.header .btn{
    min-width:0;
    padding:9px 20px;
    margin:5px 3px
}
.header .header__top .btn-ytsub{
    height: 42px;
    width: 135px;
    background-image: url("/SuperHome/2022/images/icon/add_youtube_btn_black.svg");
    background-position: 0 -2px;
    border: 0px solid #EF4123;
}
.header .header__top .btn-ytsub-sm
    {
        padding:10px;
    }
    .header .header__top .btn-ytsub-sm img
    {
        width: 40px;
    }
.header__menu{
    font-size:18px;
    font-weight:bold
}
.header__menu__item{
	color: black;
    display:inline-block;
    position:relative;
    padding:15px 0 18px;
    transition:color 0.3s ease;
    margin-right:3.2%
}
.header__menu__item:after{
    content:'';
    display:block;
    position:absolute;
    bottom:-6px;
    left:0;
    width:100%;
    height:5px;
    opacity:0;
    background-color:#ffffff00;
}
.header__menu__item:hover{
    color:#008b98;
    text-decoration:none
}
.header__menu__item.active:after{
    opacity:1;
    bottom:0
}
.header__menu__item.has-sub-menu:before
{
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    right: -16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.sub-menu 
{
	margin-top: 0px;
    min-width: 200px !important;   
}
.sub-menu.active 
{
   display: block !important;
}
.sub-item 
{
    font-size: 16px !important;
}
.header__mb-top{
    display:none
}
.header__dropdown{
    display:inline-block
}
.header__dropdown .dropdown-toggle:after{
    display:none
}
.dropdown-menu{
    min-width:320px;
    margin-top:5px;
    padding:0 0 3px;
    border:none;
    border-radius:10px;
    background-color:#FFFFFF;
    box-shadow:0 2px 14px 0 rgba(0,0,0,0.1)
}
.dropdown-menu .icon-title{
    padding:0 15px;
    margin-bottom:0;
    margin-top:20px
}
.dropdown-menu .icon-title:before{
    /* background:url(../images/icon/img_pattern-orange.svg) no-repeat center left; */
    background-size:contain
}
.dropdown__group{
    font-size:14px;
    padding:8px 15px;
    border-bottom:1px solid rgba(198,199,201,0.3)
}
.dropdown__group:last-child{
    border-bottom:none
}
.dropdown__group__icon,.dropdown__group__content{
    display:inline-block;
    vertical-align:top
}
.dropdown__group__icon{
    width:22px;
    margin-right:-7px;
    padding-top:4px
}
.dropdown__group__content{
    width:calc(100%-22px);
    padding-left:11px
}
.dropdown__item{
    display:block;
    padding:6px 0
}
.dropdown__item:hover{
    text-decoration: none;
    color: #008b98;
}
/* @media only screen and (max-width: 1400px){
    .header__logo{
        max-width:220px;
        padding:0 18px;
        margin-top:10px
    }
    .header__logo.anni-logo{
        max-width:90px
    }
    .header__logo img{
        width:100%;
        height:auto
    }
    .header__menu{
        font-size:16px
    }
    .header__menu__item{
        margin-right:2.5%;
        padding:12px 0 15px
    }
    .header__btn-holder,.header .weather{
        display:block;
        padding:0
    }
    .header__top{
        padding:8px 0 4px
    }
    .header__btn-holder .btn{
        font-size:88%
    }
} */

@media only screen and (max-width: 1280px){
    .header__logo{
        max-width:220px;
        padding:0 18px;
        margin-top:10px
    }
    .header__logo.anni-logo{
        max-width:90px
    }
    .header__logo img{
        width:100%;
        height:auto
    }
    .header__menu{
        font-size:16px
    }
    .header__menu__item{
        margin-right:2.1%;
        padding:12px 0 15px
    }
    .header__btn-holder,.header .weather{
        display:block;
        padding:0
    }
    .header__top{
        padding:8px 0 4px
    }
    .header__btn-holder .btn{
        font-size:88%
    }
}

@media only screen and (max-width: 1120px){
    .header{
        height:65px
    }
    .header__menu,.header__top{
        display:none
    }
    .header__logo{
        position:relative;
		max-width: 165px;
    }
    .header__logo::before{
        display:none
    }
    .header__logo.anni-logo{
        top:3px;
        max-width:75px
    }
    .header__logo.anni-logo::before{
        display:block
    }
    .header__logo:first-child{
        padding-left:0
    }
    .header__logo:last-child{
        padding-right:0
    }
    .header__menu{
        display: none;
    }
    .header__mb-top{
        display:block;
        position:relative;
        padding-top:5px;
        text-align:center;
        height:65px
    }
    .header__mb-top .btn-listen,.header__mb-top .btn-menu{
        position:absolute;
        top:9px;
        padding:10px;
        width:40px;
        height:40px
    }
    .header__mb-top .btn-listen img,.header__mb-top .btn-menu img{
        width:24px
    }
    .header__mb-top .btn-listen{
        right:5px
    }
    .header__mb-top .btn-menu{
        left:5px
    }
    .header__mb-top .btn-menu img{
        width:20px
    }
    .header__mb-top .btn-ytsub
    {
        position:absolute;
        top:9px;
        right:45px;
        padding:10px;
        width:40px;
        height:40px;
        display: none;
    }
    .header__mb-top .btn-ytsub img
    {
        width:30px;
    }
	
	.submenu__live-holder {
		display: none;
	}
}

.mobile-menu{
    position:fixed;
    height:100%;
    width:100%;
    overflow-x:hidden;
    overflow-y:auto;
    max-width:290px;
    top:0;
    left:-320px;
    z-index:9999;
    background-color:#fff;
    padding:10px 15px 35px;
    transition:left 0.3s ease
}
.mobile-menu.active{
    left:0
}
.mobile-menu .header__logo{
    max-width:160px;
    padding:0 12px
}
.mobile-menu .header__logo.anni-logo{
    top:3px;
    max-width:73px
}
.mobile-menu .header__logo:first-child{
    padding-left:0
}
.mobile-menu .header__logo:last-child{
    padding-right:0
}
.mobile-menu .header__logo img{
    width:100%
}
.mobile-menu .weather{
    display:block;
    padding-top:35px;
    font-size:14px;
    font-weight:bold
}
.mobile-menu .mobile-menu-link{
    padding:20px 0 30px
}
.mobile-menu .mobile-menu-link ul.mobile-menu-link__submenu
{
	padding-left:20px;
}
.mobile-menu .mobile-menu-link .mobile-menu-link__item.subtitle::after
{
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}
.mobile-menu .mobile-menu-link__item{
    display:block;
    font-size:18px;
    font-weight:bold;
    padding:12px 0
}
.mobile-menu .mobile-menu-link__item:hover{
    text-decoration:none;
    color:#231f20;
}
.mobile-menu .btn{
    width:100%;
    margin:5px 0
}
.modal-backdrop.show{
    opacity:0.35
}
.modal-backdrop.dark.show{
    opacity:0.85
}
.darkBackdrop .modal-backdrop.show{
    opacity:0.85
}
#socialModal .modal-content{
    padding:0;
    border:none;
    border-radius:10px;
    background-color:#FFFFFF;
    box-shadow:0 2px 14px 0 rgba(0,0,0,0.1)
}
#socialModal .modal-content .close{
    float:none;
    position:absolute;
    z-index:999;
    right:15px;
    top:16px;
    color:#000
}
#socialModal .icon-title{
    margin:20px 0 3px;
    padding:0 20px
}
#socialModal .icon-title:before{
    background:url(../images/icon/img_pattern-orange.svg) no-repeat center left;
    background-size:contain
}
#socialModal .dropdown__group{
    padding:10px 15px
}
#socialModal .modal-body{
    padding:0
}
.btn-listen-now__wrapper{
    padding:0 20px
}
.btn-listen-now{
    display:block;
    min-height:68px;
    font-size:14px;
    background-color:#37272D;
    background:#37272D,linear-gradient(180deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
    background-image:url(../images/icon/img_player_bg.svg),linear-gradient(180deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
    background-position:center bottom;
    background-repeat:no-repeat;
    background-size:100%;
    color:#fff !important;
    padding:15px 12px;
    box-shadow:0 2px 10px 0 rgba(0,0,0,0.3);
    border-radius:6px;
    margin:15px 0
}
.btn-listen-now__title,.btn-listen-now__logo{
    display:inline-block;
    vertical-align:middle
}
.btn-listen-now__title{
    width:66%
}
.btn-listen-now__name,.btn-listen-now__freq{
    display:block
}
.btn-listen-now__freq{
    margin-top:3px;
    font-size:12px
}
.btn-listen-now__logo{
    width:34%;
    margin-left:-7px;
    text-align:center
}
.btn-listen-now:hover{
    color:#fff;
    text-decoration:none;
	background-color: #636363;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%), linear-gradient(329.3deg, #636363 0%, #1e1e1e 100%);
	background-image: url(../images/icon/img_player_bg.svg), linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%), linear-gradient(329.3deg, #636363 0%, #1e1e1e 100%);
    background-position:center bottom;
    background-repeat:no-repeat;
    background-size:100%
}
.btn-listen-close{
    display:none;
    top:15px;
    right:5px
}
.header__mb-listen{
    display:none;
    position:absolute;
    left:0;
    top:65px;
    width:100%;
    z-index:1;
    padding-bottom:6px;
    background-color:#fff;
    overflow:hidden;
    text-align:left
}
.header__mb-listen::before{
    content:"";
    display:block;
    width:100%;
    height:15px;
    margin-top:-15px;
    box-shadow:0px 0px 15px 0px rgba(0,0,0,0.1)
}
.header__mb-listen .icon-title{
    margin:20px 0
}
.header__mb-listen .icon-title:before{
    background:url(../images/icon/img_pattern-grey.svg) no-repeat center left;
    background-size:contain
}
.header__mb-listen .icon-title,.header__mb-listen .btn-listen-now__wrapper{
    padding:0 15px
}
.header__mb-listen .btn-listen-now{
    min-height:80px;
    padding:20px 12px
}
.header__mb-listen .btn-listen-now__logo img{
    max-width:110px
}

.mask{
    display:none;
    position:fixed;
    top:0;
    left:0;
    z-index:9000;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.25);
    cursor:pointer
}

html.has-top-banner body{
    padding-top:425px
}

@media only screen and (max-width: 1120px)
{
     html.has-top-banner body{
        padding-top:350px
    }
}

html.has-top-banner.ad-holder-90 body{
    padding-top:283px
}

html.has-top-banner.ad-holder-250 body{
    padding-top: 445px
}
html.top-banner-bar-opened .top-banner-bar{
    opacity:1;
    pointer-events:initial
}
html.top-banner-bar-opened .header{
    position:absolute;
    top:285px
}

html.scrolling-down:not(.top-banner-bar-opened) .header
{
    position: absolute;
}

html.top-banner-bar-opened.ad-holder-90 .header {
    top: 145px;
}

html.top-banner-bar-opened.ad-holder-250 .header {
    top: 305px;
}
@media only screen and (max-width: 1120px){
    html.has-top-banner body{
        padding-top:245px
    }
    html.has-top-banner.ad-holder-90 body{
        padding-top:210px
    }
    html.has-top-banner.ad-holder-250 body{
        padding-top:368px
    }
    html.top-banner-bar-opened .header{
        top:180px
    }
    html.top-banner-bar-opened.ad-holder-90 .header {
        top: 145px;
    }
    html.top-banner-bar-opened.ad-holder-250 .header {
        top: 305px;
    }
}
.top-banner-bar{
    position:fixed;
    z-index:1;
    opacity:0;
    pointer-events:none;
    width:100%;
    height:285px;
    top:0;
    left:0;
    background-color:#EEEFF1
}
.top-banner-bar__title{
    margin:0
}
.top-banner-bar__title:before{
    width:16px;
    margin-right:-3px
}
.top-banner-bar__content{
    padding:15px 0
}
@media only screen and (max-width: 1120px){
    .top-banner-bar{
        height:180px
    }
    .top-banner-bar .wrapper{
        padding-top:25px
    }
}
html.modal-show{
    overflow:hidden !important
}
#liveShowModal .modal-dialog{
    max-width:350px;
    margin:0 auto
}
#liveShowModal .modal-content{
    color:#fff;
    background:#37272D linear-gradient(180deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%)
}
#liveShowModal .link-card__content{
    padding-top:15px;
    font-weight:normal
}
#liveShowModal .link-card__date{
    color:#fff
}
#liveShowModal .link-card__tag{
    float:right
}
#liveShowModal .link-card__tag img{
    width:45px
}
#liveShowModal .link-card:hover{
    color:#fff
}
.modal-body{
    padding:20px 0
}
.modal-dialog{
    padding:10px
}
.modal-content{
    padding:15px
}
.modal-content .close{
    text-shadow:none;
    color:#fff;
    opacity:1
}
.modal-content .btn.btn-white:hover{
    color:#EF4123;
    background-color:transparent;
    border-color:#EF4123
}
.modal-header{
    padding:0;
    border-bottom:none
}
.modal-header .icon-title{
    margin:0;
    font-weight:normal
}
.modal-header .icon-title:before{
    margin-right:-5px;
    top:2px
}
.modal-footer{
    padding:0;
    border-top:none
}

.submenu__live-holder {
	width: 370px;
}
.submenu__live {
	position: relative;
	display: inline-table;
	padding: 8px;
	width: 100%;
	background: #37272d url("../images/img_bg_player.png") no-repeat right bottom;
	background-size: 230px;
	color: #fff !important;
	border-radius: 6px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
}
.submenu__live__img,
.submenu__live__desc,
.submenu__live__icon {
	display: table-cell;
	vertical-align: top;
}
.submenu__live__img {
	width: 105px;
}
.submenu__live__img img {
	width: 100%;
	height: auto;
	border-radius: 6px;
}
.submenu__live__desc {
	vertical-align: middle;
	width: 175px;
	padding-left: 12px;
}
.submenu__live__time,
.submenu__live__title {
	display: block;
}
.submenu__live__time {
	padding-top: 3px;
	font-size: 12px;
}
.submenu__live__name {
	padding-right: 10px;
}
.submenu__live__icon {
	padding-top: 8px;
}
.submenu__live:hover {
	color: #fff;
	text-decoration: none;
}
.submenu__live-btn {
	display: none;
}
@media only screen and (max-width: 1120px) {
	.submenu__menu {
		display: block;
		width: 100%;
	}
	.submenu__live-holder {
		display: none;
	}
	.submenu__live-btn {
		display: block;
	}
}

.weather-container {
	overflow: auto;
	width: 100%;
}

.containleft-bottomads {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}

.videoplayer {
	display: flex;
	flex-direction: column;
	align-items: center;
	
	@media only screen and (max-width: 568px) {
		> div {
			width: 100%;
		}
	}
}

.slideshow {
	margin-bottom: 20px;
	
	@media only screen and (max-width: 568px) {
		.newsimg_big img {
			width: 100%;
		}
	}
}

.zoomable-container {
	@media only screen and (max-width: 900px) {
		img {
			width: 100%;
		}
	}
}

.icon{
    position:relative;
    top:2px;
    display:inline-block;
    width:16px;
    height:16px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
    margin-right:1px;
    transition:background-image 0.2s ease
}
.icon.icon-plus{
    background-image:url(../images/icon/icn_follow.svg)
}
.icon.icon-login{
    background-image:url(../images/icon/icn_member.svg)
}
.btn-second .icon.icon-listen{
    background-image:url(../images/icon/icn_listen-orange.svg)
}
.btn-orange .icon.icon-listen
{
    background-image:url(../images/icon/icn_listen-white.svg)
}
.btn:hover .icon.icon-plus,.btn[aria-expanded="true"] .icon.icon-plus{
    background-image:url(../images/icon/icn_follow-green.svg)
}
.btn:hover .icon.icon-login,.btn[aria-expanded="true"] .icon.icon-login{
    background-image:url(../images/icon/icn_member-green.svg)
}
.btn:hover .icon.icon-listen,.btn[aria-expanded="true"] .icon.icon-listen{
    background-image:url(../images/icon/icn_listen-green.svg)
}
.btn-second .icon.icon-listen{
    background-image:url(../images/icon/icn_listen-orange.svg)
}
.btn-orange .icon.icon-listen
{
    background-image:url(../images/icon/icn_listen-white.svg)
}
.btn-orange-gradient .icon-listen
{
    background-image:url(../images/icon/icn_listen-black.svg)
}
.btn-orange-gradient:hover .icon-listen
{
    background-image:url(../images/icon/icn_listen-dark-black.svg)
}

.desktopweather {
	@media only screen and (max-width: 1120px) {
		display: none;
	}
}

.mobileweather{
	display: none;
	
	> * {
		margin: 20px auto;
	}
	
	@media only screen and (max-width: 1120px) {
		display: block;
	}
}

.container.weather {
	display: block;
}

.icon-title{
    font-weight:bold;
    margin:15px 0
}
.icon-title::before{
    content:'';
    display:inline-block;
    position:relative;
    top:1px;
    margin-top:1px;
    width:14px;
    height:16px;
    background:url("../images/icon/img_pattern-grey.svg") no-repeat center left;
    background-size:contain
}

.page table td {
	padding: 0 5px;
}

.sub-nav .cbmenu-n {
	padding-bottom: 50px !important;
	span {
		font-size: 12px;
	}
}

.catname {
	span:not([id]) {
		font-size: 60%;
		display: block;
	}
}

.no-result-message:has(span) {
	min-height:250px;
	
	span {
		font-size: 110%;
		padding: 20px 0;
		display: inline-block;
	}
}