@charset "utf-8";
body { background-color: #ececec; margin: 0; padding: 0; font-family: "微軟正黑體"; color: #333; }
ul, ol, dl { 	padding: 0;	margin: 0; }
h1, h2, h3, h4, h5, h6  { margin: 0; padding: 0px; font-weight: normal; }
a img, img  { border: none; }

a:link { color: #006699; text-decoration: none; }
a:visited { color: #663366; text-decoration: none; }
a:hover  { color: #FF6600; }
a:active, a:focus {  text-decoration: none; }

.container { width: 1070px; margin-right: auto; margin-left: auto; display: block; overflow: hidden; clear: both; }
.containleft { float: left; width: 728px; display: block; margin-left: 10px; }
.containright { float: right; width: 300px; display: block; margin-right: 10px; }

.spacer2 { margin-top: 2px; }
.spacer5 { margin-top: 5px; }
.spacer6 { margin-top: 6px; }
.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: #999; line-height: 12px; }
.toplinkdate a:hover{ font-size: 12px; color: #fff; line-height: 12px; }

.toplink2 a:link, .toplink2 a:visited { font-size: 15px; color: #a1a1a1; display: block; float: left; line-height: 25px; height: 25px; margin: 0px; padding: 0px; }
.toplink2a { width: 125px; }
.toplink2b { width: 155px; }
.toplink2 a.toplink2c {color: #FFF; width: 180px; background-color: #F8941D; float:right; }
.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; margin: 8px; float: left; }
.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: #02555D;}
.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 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; }

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

#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: #999999;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 9px;	font-weight: normal;	padding: 0px;	margin-top: 3px;	margin-right: 0px;	margin-bottom: 0px;	margin-left: 0px;}

.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 #810004; margin: 0px; font-size: 16px; color: #999; float: left; clear: left; text-align: center; padding: 0px; background-color: #FFE; }
.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: #F60; }
.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: #F60; }
.article15 .page .on a { color: #F60; }

.article15 h4 { font-size: 30px; line-height: 36px; margin: 0px; padding: 0px; color: #F60; }
.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: #336699; 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: #F30; }
.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 .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; }

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



/* Old Style Hack */
.wordsnap { width:1070px !important; }
#contentContainer { width: 1070px !important; margin-right: auto; margin-left: auto; display: block; overflow: hidden; clear: both; }
#news_main-content { float: left; width: 728px !important; display: block; margin-left: 10px !important; margin:0; background:#fff; padding-top:10px; }
#news_main-content .content-left { padding-left:10px; }
#news_main-content .content-right { width:490px !important; }
#news_main-content .n13content { padding-right:15px; }
#news_side-content { float: right; width: 300px !important; display: block; margin-right: 10px !important; }
.toplink1 a { color: #FFF; display: block; margin-right: auto; margin-left: auto; text-align: center; height: 35px; line-height: 35px; font-size: 15px; }
.sch15 .bgimage { background-repeat: no-repeat; background-position: right; }


/* New Style Hack */
.sch15 .bgimage { background-size:300px 80px; }
.sch15 h1 { width:360px; }
.sch15 h2 { width:360px; }
.date15 a { font-size: 15px; color: #336699; display: block; float: left; line-height: 25px; height: 70px; margin: 0px; padding: 0px; width: 75px; background-color: #C4E8EE; text-align: center; }
.date15 a.off { background-color:#CCC; color:#999; }
.date15 a.off:hover { text-decoration:none; cursor:pointer; }
.calendar15 { display:block; height:160px; }


/* datepicker.css */
.datepickerBorderT {
	position: absolute;
	left: 10px;
	top: 0;
	right: 10px;
	height: 10px;
	background: none;
}
.datepickerBorderB {
	position: absolute;
	left: 10px;
	bottom: 0;
	right: 10px;
	height: 10px;
	background: none;
}
.datepickerBorderL {
	position: absolute;
	left: 0;
	bottom: 10px;
	top: 10px;
	width: 10px;
	background: none;
}
.datepickerBorderR {
	position: absolute;
	right: 0;
	bottom: 10px;
	top: 10px;
	width: 10px;
	background: none;
}
.datepickerBorderTL {
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: none;
}
.datepickerBorderTR {
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: none;
}
.datepickerBorderBL {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: none;
}
.datepickerBorderBR {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: none;
}
.datepicker { width:708px !important; padding:10px; }
.datepickerContainer { position:relative !important; top:0 !important; left:0 !important; margin:0 auto; }
.datepickerContainer > table { width:100% !important; background:#fff; }
.datepickerSpace div { width: 5px; }
.datepickerSpace { background:#ececec; }
.datepickerViewDays { width:100% !important; border:solid 1px #66becc; }
.datepickerMonth, .datepickerMonth a, .datepickerGoPrev, .datepickerGoNext { font-size: 14px; color: #FF9 !important; background-color: #66BECC; }
.datepickerDays a { color:#000 !important; }
.datepickerDays a:hover { color: #FF6600 !important; }
.datepickerDisabled a { color:#c9c9c9 !important; }
.datepickerDoW, .datepickerWeek, .datepickerWeek a { color: #999 !important; background-color: #ECECEC; }
td.datepickerSpecial a, td.datepickerSpecial a:hover { background:#ff6600; color:#fff !important; }
tbody.datepickerDays td.datepickerSelected { background: #ff6600; }