@charset "UTF-8";
/* CSS Document */
html { background: #ddd; }
body { width: 1000px; background: #fff; margin: 0 auto; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: .81em; /*	border-right:1px solid #ccc;
	border-left:1px solid #ccc;*/
box-shadow: rgba(0,0,0,0.4) 0 0 10px; position: relative; }
h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
header, footer, nav, aside, section, article, figure, figcaption { display: block; }
p { margin: 0 0 1.5em; line-height: 160%; }
img { border: none; }
a { color: #004682; text-decoration: underline; }
a:hover { text-decoration: none; color: #007ce6; }
form { margin: 0; padding: 0; }
h1 a, h2 a { color: #333; }
h1 a:hover, h2 a:hover { color: #000; }
.accesskey { position: absolute; z-index: 1; }
.accesskey a { color: #fff; text-decoration: none; }
.center .accesskey, .leftbg .accesskey { margin-top: -16px; }
.more { text-align: right; font-size: .92em; line-height: 100%; font-weight: bold; }
.more a { display: inline-block; padding: 1px 5px 2px 11px; background: url(../images/more.gif) no-repeat 4px 5px; color: #778; border-radius: 7px; text-decoration: none; }
.more a:hover { text-decoration: none; background-position: 4px -15px; background-color: #eb6106; color: #fff; }
.date { color: #666; font-family: Verdana, Geneva, sans-serif; font-size: .92em; white-space: nowrap; }
td.date { text-align: center; }
figcaption { font-family: "Times New Roman", Times, serif; }
/*-------------------------------------*/
.header { position: relative; padding: 0; margin: 0 0 12px; height: 240px; background: #3787c5 url(../images/header_bg.jpg) no-repeat right 107px; z-index: 3000; }
.header h1 { width: 270px; height: 90px; background: url(../images/h1_day.png) no-repeat 0 0; _background-image: url(../images/h1_day.gif); font-size: 0; font-weight: normal; color: #828c8b; z-index: 9999; position: relative; position: absolute; top: 30px; left: 5px; }

/*-------------------------------------navigation*/
.header nav.navigation { font-size: 12px; line-height: 14px; position: absolute; left: 0; top: 0; width: 100%; height: 25px; background: url(../images/nav_bg.png) repeat-y 0 0; z-index: 100; overflow: hidden }
.header nav.navigation ul { list-style: none; margin: 0; padding: 6px 0 0 20px; float: right; line-height: 100%; }
.header nav.navigation ul li { background: url(../images/nav_li.gif) no-repeat 0 0; margin: 0 11px 0 0; padding: 0 0 0 12px; float: left; }
.header nav.navigation ul li:first-child { background: none; }
.header nav.navigation ul li a { color: #fff; text-decoration: none; }
/*-------------------------------------search*/
.header .search { /*background:#3787c5;*/
position: absolute; top: 25px; left: 665px; width: 330px; border-bottom: 1px dashed #73abd7; border-left: 5px solid #f9c60b; line-height: 100%; }
.header .search form { padding: 6px 0 4px 5px; margin: 0; vertical-align: top; }
.header .search form * { vertical-align: top; }
.header .search label { display: none; }
.header .search input.text { background: url(../images/search_input_bg.png) no-repeat 0 0; border: none; width: 170px; padding: 4px 5px 5px; margin: 1px 0 0; font-size: 13px; line-height: 13px; color: #fff; outline: none; }
.header .search input.btn { border: none; width: 55px; height: 22px; background: url(../images/search_btn.png) no-repeat 0 0; font-size: 0; }
.header .search a { display: inline-block; width: 5em; font-size: 11px; line-height: 12px; margin: 0 0 0 9px; color: #ffdf2c; text-decoration: none; text-align: left; }
/*-------------------------------------fontSize*/
.header .fontSize { position: absolute; right: 8px; top: 78px; overflow: hidden; z-index: 5110; color: #bfe6ff; font-size: 16px; line-height: 100%; }
.header .fontSize h1 { width: auto; height: auto; background: none; font-size: 16px; font-weight: bold; color: #bfe6ff; z-index: auto; position: static; display: inline;  *float:left;
 *line-height:22px;
 *margin-right:3px;
}
.header .fontSize ul { list-style: none; margin: 0; padding: 0; line-height: 20px; color: #fff; display: inline-block; vertical-align: -20%; _float: right; _margin-top: -15px; }
.header .fontSize ul li { margin: 0 0 0 3px; padding: 0; float: left; }
.header .fontSize ul li a { display: block; color: #fff; width: 22px; height: 21px; background-image: url(../images/fontsize.png); background-repeat: no-repeat; _background-image: url(../images/fontsize.gif); }
.header .fontSize ul li.fontSize_S a { background-position: 0 0; }
.header .fontSize ul li.fontSize_M a { background-position: -24px 0; }
.header .fontSize ul li.fontSize_L a { background-position: -48px 0; }
.header .fontSize ul li.fontSize_S a:hover { background-position: 0 -30px; }
.header .fontSize ul li.fontSize_M a:hover { background-position: -24px -30px; }
.header .fontSize ul li.fontSize_L a:hover { background-position: -48px -30px; }
/*-------------------------------------dayDate ＆ weather*/
.rightbg aside.weather, .leftbg aside.weather { font-size: 13px; z-index: 3100; position: absolute; left: 665px; top: 62px; color: #fff; font-weight: bold; padding: 6px 0 6px 55px; margin: 0; background-color: transparent; background-position: 4px 2px; background-repeat: no-repeat; border: none; border-left: 5px solid #f9c60b; width: auto; }
.temperature { padding: 0; }
.weather.sunny { background-image: url(../images/weather/sunny.png); }
.weather.cloudy { background-image: url(../images/weather/cloudy.png); }
.weather.rain { background-image: url(../images/weather/rain.png); }
.weather.sunnyCloudy { background-image: url(../images/weather/sunnyCloudy.png); }
.weather.sunnyCloudyRain { background-image: url(../images/weather/sunnyCloudyRain.png); }
.weather.thundershowers { background-image: url(../images/weather/thundershowers.png); }
.dayDate { font-family: Georgia, "Times New Roman", Times, serif; display: block; margin: 3px 0 0; }
.dayDate em { font-style: normal; font-weight: bold; color: #ffe954; margin-right: 2px; }
/*-------------------------------------adLoop 大圖輪播*/
.adLoop { position: absolute; width: 665px; height: 200px; overflow: hidden; z-index: 99; left: 0; top: 0; }
.adLoop .player {/*圖可顯示的區域*/ height: 280px; }
.adLoop ul.adPlayList {/*要輪播的圖放在這裡*/ padding: 0; margin: 0; list-style: none; position: absolute; width: 665px; font-size: 0; }
.adLoop ul.adPlayList li { padding: 0; margin: 0; }
.adLoop .adPlayList img { border: none; width: 665px; height: 200px; }
/*自動產生的數字*/
.adLoop ul.playerControl { margin: 0; padding: 0; list-style: none; position: absolute; bottom: 8px; left: 8px; overflow: hidden; letter-spacing: 0; }
.adLoop ul.playerControl li { float: left; font-family: Arial; font-size: 15px; font-weight: bold; cursor: pointer; text-align: center; line-height: 100%; line-height: 110% \9; width: 22px; margin: 0 3px 0 0; padding: 3px 0; background: #222; border-radius: 4px; color: #bbb; }
.adLoop ul.playerControl li.current { background: #0055ab; color: #fff; }
.adLoop ul.playerControl li a, .adLoop ul.playerControl li a:hover { color: #fff; }
/*-------------------------------------membLogin 
.membLogin {
	position:relative;
	top:4px;
	left:673px;
	width:200px;
	color:#fcc303;
	z-index:101;
}
.membLogin p {
	display:inline;
	margin:0 5px 0 0;
	vertical-align:middle;
}
.membLogin .btnLogout a {
	display:inline-block;
	width:51px;
	height:20px;
	background:url(../images/btn_logout.png) no-repeat 0 0;
	vertical-align:middle;
}
*/

/*-------------------------------------goTop*/
.goTop { text-align: center; margin: 60px 0 0; }
.goTop a { background: url(../images/gotop.png) no-repeat center top; display: inline-block; width: 48px; height: 70px; }
/*-------------------------------------footer*/
footer { color: #fff; line-height: 130%; padding: 18px 0 0; position: relative; }
footer .sildeCtrl { text-align: right; }
footer .sildeCtrl span { cursor: pointer; color: #fff; /*background:url(../images/footer_nav_arrow.gif) no-repeat 0 4px;*/
background: #000 url(../images/footer_nav_ctrl_bg.gif) no-repeat 0 0; color: #fff; font-size: 13px; line-height: 14px; padding: 3px 10px 3px 20px; margin-right: 10px; width: 70px; display: inline-block; letter-spacing: 2px; }
footer .sildeCtrl.close span { background-position: 0 -30px; }
footer .sildeCtrl span:hover { text-decoration: none; color: #fe0; cursor: pointer; }
footer nav { clear: both; margin: 0; background: #000; padding: 0 0 5px 12px; overflow: hidden; _width: 978px; }
footer nav ul { list-style: none; margin: 0; padding: 0; font-size: 14px; line-height: 100%; overflow: hidden; }
footer nav ul li { float: left; width: 153px; margin: 0 7px 0 0; padding: 9px 0 0 4px; vertical-align: top; font-weight: bold; background: url(../images/footer_nav_h1_bg.gif) no-repeat 0 2px; text-transform: uppercase; }
footer nav ul li a { text-decoration: none; color: #fff; }
footer nav ul ul { font-size: 12px; line-height: 14px; margin: 12px 0 0 2px; display: none; }
footer nav ul ul li { display: block; font-weight: normal; margin: 0 0 7px; padding: 0; background: none; text-transform: none; }
footer nav ul ul li a { color: #bbb; text-decoration: none; }
footer nav ul ul li a:hover { color: #ff3; }
/*-------------------------------------*/
footer section { min-height: 80px; background: #c5e3f5 url(../images/footer_bg.jpg) no-repeat 0 0; padding: 18px 180px 20px 265px; color: #111; border-top: 2px solid #bbb; font-family: "Times New Roman", Times, serif; position: relative; }
footer p { margin: 0 0 2px; padding: 0; line-height: 135%; }
footer em { font-style: normal; }
footer p em { letter-spacing: 1px; margin-left: 1em; }
footer p a img { vertical-align: -30%; margin: 0 5px; }
footer .visitor, footer .update { position: absolute; bottom: 0; background: #000; text-align: center; padding: 5px 0 4px; line-height: 100%; font-size: 12px; color: #fff; font-family: Arial, Helvetica, sans-serif; }
footer .visitor { left: 0; width: 120px; }
footer .update { width: 130px; left: 120px; }
footer .markA, footer .egov { margin: 0; padding: 0; position: absolute; top: 20px; right: 20px; }
footer .egov { right: 120px; }
/*-------------------------------------layout*/
.layout { clear: both; border-collapse: collapse; width: 980px; margin: 10px; background: #fff; font-size: 1em; }
.layout td.center { vertical-align: top; padding: 0; }
.layout td.leftbg { vertical-align: top; padding: 0; width: 250px; }
.layout td.rightbg { width: 325px; vertical-align: top; padding: 0; }
/*-------------------------------------*/

.cp, .lp, .sp, .ap, .forward { margin: 0; }
.cp header, .lp header, .sp header, .ap header { margin: 0 0 10px; overflow: hidden; width: 100%; border-bottom: 2px solid #ccc; }
.sitemap h2 { border-bottom: 2px solid #ccc; margin: 0 0 10px; }
.cp header h1, .lp header h1, .sp header h1, .ap header h1 { font-size: 1.5em; float: left; padding: 0 0 5px; }
/*-------------------------------------*/

.hidden { display: none; visibility: hidden; }