@charset "UTF-8";
/* CSS Document for left and right column */

/*----------------------------------------------------- left column , right column*/
.leftbg aside, .rightbg aside { background: url(../images/aside_bg.png) no-repeat 0 0; padding: 0; border-bottom: 1px solid #c9c9c9; width: 210px; line-height: 140%; clear: both; margin-top: 0; margin-right: auto; margin-bottom: 10px; margin-left: auto; }
.leftbg aside h1, .rightbg aside h1 { text-align: left; color: #fff; font-size: 16px; line-height: 110%; margin: 0; padding: 7px 8px 6px 25px; font-weight: bold; letter-spacing: 2px; }
.leftbg aside .button, .rightbg aside .button { line-height: 110%; display: block; box-shadow: rgba(0, 0, 0, .4) 0 1px 3px; background: url(../images/button_bg.gif) repeat-x left center; border-radius: 2px; min-width: 85px; _width: 85px; letter-spacing: 0; }
.leftbg aside .button:hover, .rightbg aside .button:hover { box-shadow: none; background-image: url(../images/button_bg2.gif); }
.leftbg aside .button a, .rightbg aside .button a { text-decoration: none; color: #555; display: block; padding: 8px 5px; padding: 9px 5px 7px \9; text-align: center; }
.leftbg aside .more, .rightbg aside .more { margin: 8px 8px 3px; text-align: right; }
/*-------------------------------------epaper：訂閱電子報 opinion 意見信箱*/
.epaper form, .epaper .formBtn, .opinion form, .opinion .formBtn { text-align: center; padding: 0; margin-top: 15px; margin-right: 10px; margin-bottom: 5px; margin-left: 10px; }
.epaper input[type="text"], .opinion input[type="text"] { font-size: 1em; line-height: 106%; border: none; width: 168px; padding: 3px; margin: 0 0 5px; border: 1px solid #bbb; }
.epaper input[type="submit"], .epaper input[type="button"], .epaper input[type="rest"], .opinion input[type="submit"], .opinion input[type="button"], .opinion input[type="rest"] { color: #000; border: none; border-radius: 5px; letter-spacing: 0; padding: 2px 8px; margin: 0 0 5px; height: 28px; font-size: 1em; background-image: url(../images/button_bg.gif); background-repeat: repeat-x; background-position: 0 center; background-color: #999798; border: 1px solid #cdcdcd; width: 80px; font-weight: bold; }
/*.epaper input[value="訂閱"] {
	background-position: 0 center;
	margin-right: 1px;
	padding-left: 42px;
	letter-spacing: .4em;
	width: 85px;
}
.epaper input[value="取消訂閱"] {
	background-position: -102px center;
	width: 85px;
}
.epaper input[value="訂閱"]:hover, .epaper input[value="取消訂閱"]:hover {
	box-shadow: none;
	margin-top: 1px;
	margin-bottom: 1px;
}*/
/*-------------------------------------ebook：線上電子書*/
.ebook { position: relative; }
aside.ebook h1 { background-position: right -30px; }
.ebook article { margin: 20px auto 10px; }
.ebook article img { display: block; margin: 0 auto 10px; width: 170px; border: 1px solid #aaa; box-shadow: rgba(0, 0, 0, .2) 0 0 3px 1px; }
.ebook figcaption { display: block; width: 170px; margin: 10px 8px 6px; }
.ebook p { color: #888; width: 170px; margin: 6px 8px 0; padding: 0; }
.ebook .more { padding-top: 8px; }
/*-------------------------------------ad 非輪播廣告區*/
.rightbg .ad, .leftbg .ad { border: none; background: none; }
.ad ul { list-style: none; margin: 0; padding: 0; text-align: center; }
.ad ul li { margin: 0; padding: 0; *display:inline;
}
.ad ul li img {  width: 209px; height: 65px; margin: 0 0 5px; border: 1px solid #c2c2c2; border-radius: 5px; }
.ad ul li:hover img { display: block; border: 1px solid #00b7ee; }
/*-------------------------------------links：快速連結*/
.leftbg aside.links { }
.links #alertText { margin: 8px 8px 5px; }
.links ul { list-style: none; margin: 10px 8px 5px; padding: 0 0 5px 0; line-height: 120%; }
aside.links h1 { background-position: right -60px; }
.links ul li { margin: 9px 0 0; padding: 0; }
.links ul li a { display: block; text-decoration: none; color: #444; padding: 0 16px 1px 0; background: url(../images/link_li.png) no-repeat 162px 4px; border-bottom: 1px dotted #b7bdbe; }
.links ul li a:hover { color: #000; border-bottom: 1px solid #b7bdbe; }
.links ul li select { width: 190px; }
/*20120910*/
.links > ul > li > a[id] { float: left; border: none; padding: 0; }
.links ul li div { background: #eee; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin: 0 0 15px; padding: 5px 10px 12px; }
.links ul li div ul { margin: 0; }
.links ul li div li { margin: 3px 0 0; }
/*-------------------------------------video：影音專區*/
/*aside.video {
	background: #000 url(../images/aside_bg2.png) no-repeat 0 0;
	border: none;
	color: #ddd;
}
aside.video h1 {
	background-color: #000;
	margin: 0;
}
aside.video h1 {
	background-position: right -120px;
}
.video {
	position: relative;
}
.video figure {
	margin: 5px auto 0;
	padding: 0;
	width: 180px;
}
.video figure img {
	width: 180px;
	display: block;
	margin: 0 0 5px;
}
.video figcaption {
	margin: 0;
	padding: 0;
	color: #ddd;
}
.video figure a {
	margin: 0 0 5px;
	color: #ddd;
	text-decoration: none;
}
.video figure a:hover {
	color: #fff;
}
.video .from, .video .date {
	margin: 0;
	color: #999;
	display: none;
}
.video .play {
	position: absolute;
	top: 80px;
	left: 80px;
}
.play a {
	display: block;
	width: 38px;
	height: 38px;
	background: url(../images/videoPlay.png) no-repeat 0 0;
}
.play a:hover {
	background-position: 0 -50px;
}*/
/*-------------------------------------photo：新聞照片輪播
的其他樣式設定在 i_adLoop.css
*/
aside.photo h1 { background-position: right -88px; }
/*-------------------------------------population：人口統計*/
aside.population h1 { background-position: right -240px; }
.population table { width: 174px; border-collapse: collapse; margin: 5px auto; line-height: 110%; font-family: Arial, Helvetica, sans-serif; }
.population th { border-bottom: 1px solid #ccc; padding: 8px 2px 1px; font-weight: normal; text-align: left; }
.population td { border-bottom: 1px solid #ccc; padding: 8px 0 1px 5px; text-align: right; }
.population em { margin-right: 3px; font-style: normal; font-weight: bold; }
.population .date { display: block; text-align: right; margin: 5px 8px; }
/*-------------------------------------allPurpose：通用條列*/
.allPurpose { }
.allPurpose ul { list-style: none; margin: 10px 8px 5px; padding: 0; line-height: 120%; }
.allPurpose ul li { margin: 9px 0 0; padding: 0 2px 1px 15px; border-bottom: 1px dotted #b7bdbe; background-image: url(../images/li5.gif); background-repeat: no-repeat; background-position: 0px 6px; }
.allPurpose ul li a { text-decoration: none; }
.allPurpose ul li span { margin-left: .5em; }
/*-------------------------------------QRcode*/
aside.QRcode { text-align: center; background: none; border: none; border: 1px solid #d6d6d6; background-color: #f7f7f7; border-radius: 5px; padding-top: 10px; padding-right: 0; padding-bottom: 10px; padding-left: 0; }
.QRcode img { border: 1px solid #fff; }
.QRcode p { margin-top: 5px; }
/*----------------------------------------------------------------------------------login 會員／憑證登入*/
aside.login { background-image: none; border: none; }
.login form { margin: 0; text-align: center; background-image: url(../images/aside_bg.png); background-repeat: no-repeat; background-position: 0px -30px; padding: 5px 0 0 0; border-bottom: 1px solid #c9c9c9; }
.login form p { font-size: 12px; }
.login form table { margin: 8px 6px; line-height: 110%; }
.login form th, .loginFun form td { vertical-align: top; }
.login form em { color: #C00; }
.login form em a { color: #C00; }
.login form th { padding: 4px 5px 4px 0; text-align: right; background: none; white-space: nowrap; }
.login form td { padding: 0 0 4px; text-align: left; }
.login form td input { width: 125px; margin: 0; }
.login form input:focus { border: 1px solid #333; outline: none; }
.login ul { margin: 7px 0 0 15px; padding: 0; overflow: hidden; }
.login li { float: left; margin-left: 3px; }
.login .loginBtn { width: 100px; height: 20px; padding: 3px 0 2px; margin: 0 auto 1px; color: #fff; border: 1px solid #61a733; font-size: 13px; box-shadow: rgba(0, 0, 0, 1) 0 1px 5px -2px; border-radius: 3px; background-color: #75b843; background-image: url(../images/loginBtn.png); background-repeat: repeat-x; font-weight: bold; }
.login .loginBtn:hover { box-shadow: none; margin: 1px auto 0; }
.login li.button a { }
.login li.button.add { background-color: #ff6a00; background-image: url(../images/loginBtn2.png); background-repeat: repeat-x; background-position: 0px 0px; }
.login li.button.forget { background-color: #ff6a00; background-image: url(../images/loginBtn2.png); background-repeat: repeat-x; background-position: 0px 0px; }
.login li.button.add a, .login li.button.forget a { color: #fff; }
/*20130122*/
.login #tabContainer2 { margin: 0; text-align: center; background-image: url(../images/aside_bg.png); background-repeat: no-repeat; background-position: 0px -30px; padding: 5px; border-bottom: 1px solid #c9c9c9; }
.login #tabContainer2 form { background: none; border: none; background-color: #b3b3b3; background-image: url(../images/login_tabbg_B.png); background-repeat: repeat-x; border-radius: 5px; margin: 5px; padding: 10px 0; }
.login #tabContainer2 label { display: block; margin: 8px 0; }
.login #tabContainer2 label input { width: 120px; padding: 3px 2px; vertical-align: middle; }
.login #tabContainer2 p { margin: .55em 0; padding: 0; text-align: left; line-height: 1.4em; letter-spacing: 0; }
.login #tabContainer2 form~p { padding-left: 14px; background: url(../images/link_li.png) no-repeat 0 3px; color: #666; }
.login #tabContainer2 a.loginBtn { display: block; width: 140px; height: auto; margin: 6px auto 9px; padding: 9px 5px 8px 25px; background: url(../images/loginBtn2.png) no-repeat; text-decoration: none; text-align: center; color: #b6eb1c; }
.login #tabContainer2 a.loginBtn:hover { margin: 7px auto 8px; }
aside.login .tab { padding: 0px 0px 0; background: none; }
.login .tab ul { list-style: none; margin: 0; padding: 0; line-height: 115%; font-size: 13px; }
.login .tab li { float: left; margin: 0 2px 0 0; }
.login .tab li a { text-decoration: none; color: #555; display: block; padding: 5px 10px 3px; margin: 3px 0 0; border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: #b3b3b3; background-image: url(../images/login_tabbg_B.png); border: 1px solid #cdcdcd; font-weight: bold; }
.login .tab li a:hover { color: #555; }
.login .tab li.now a { text-decoration: none; color: #fff; display: block; padding: 5px 10px 3px; margin: 3px 0 0; border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: #6eb440; background-image: url(../images/login_tabbg_A.png); border: 1px solid #58a22f; }
/*-----------------------------------------calamity*/
aside.calamity { background: none; background-image: url(../images/calamity_bg.jpg); background-repeat: no-repeat; background-position: 0px 0px; width: 210px; border-radius: 5px; border: none; padding: 0 0 5px 0; background-color: #e60d00; }
aside.calamity h1 { font-weight: bold; border-bottom: 1px dashed #876058; margin: 0 5px; padding: 20px 5px 15px; font-size: 20px; overflow: hidden; position: relative }
aside.calamity h1 span { position: absolute; top: 5px; right: 5px; }
aside.calamity ul { margin: 8px 10px; padding: 0; clear: both; }
aside.calamity ul li { list-style-type: none; color: #FFF; margin: 0 0 0px 0; padding: 0 0 0 70px; }
aside.calamity ul li span { margin: 0 0 0 -68px }
aside.calamity ul li a { color: #FF0; }

/*-----------------------------------------*/
aside.policy { border: none; border: 1px solid #d6d6d6; background-color: #f7f7f7; border-radius: 5px; padding: 34px 0; padding-right: 0;   background-repeat: no-repeat;  }
aside.policy h3{ margin-top: 5px; font-size: 18px; font-weight: bold; letter-spacing: .3em; margin-left: 30px;}
aside.policy h3 a { text-decoration: none; }