@charset "utf-8";
/* 基本設定 */
body{font-family: Arial, Helvetica, sans-serif; background-image: url(../images/bg.gif)}
a{ text-decoration:none; color: #003366}
a:hover{filter:alpha(opacity=50); /* IE */-moz-opacity:0.5; /* Moz + FF */opacity: 0.5; }
/* 最外框 */
#ALL_BODY{ display:block; background-image:url(../images/top_bg_body.gif); background-repeat:repeat-x; width:100%}
#WARPPER{ display:block; background-image:url(../images/main_bg.gif); width:970px; margin:auto; position:relative }

/* 頁首 */
#HEADER{ display:block; width:970px; margin:auto; background-image:url(../images/top_line.gif); background-repeat:no-repeat; padding-top:18px;}
#HEADER h1 a{ display:block; background-image:url(../images/top_logo.gif); width:516px; height:106px; text-indent:-9999px;}
#HEADER ul{ display:block; background-image:url(../images/top_bg.gif); width:970px;height:106px;}
#HEADER li{ float:left}
#HEADER h2{ display:block; background-image:url(../images/top_num.gif); width:122px; height:75px; text-indent:-9999px;}
#HEADER li a{ display:block; color:#333333;text-align:center; font-size:12px; }
#HEADER h3{ display:block; padding:15px 0 0 30px; font-size:13px; color:#666666; font-weight:normal; line-height:20px;}

#PHOTO{ display:block; background-image:url(../images/photo.jpg); width:952px; height:154px; text-indent:-9999px; margin:auto; padding-bottom:1px; background-repeat:no-repeat}

/* 選單 */
#MAIN_NAV{ display:block;width:952px; height:32px; margin:auto;background-image:url(../images/tool_bar_bg.gif);}
#MAIN_NAV ul{ display:block;padding-left:80px;}
#MAIN_NAV li{ float:left; background-image:url(../images/tool_bar_line.gif); background-repeat:no-repeat;}
#MAIN_NAV li a{display:block; line-height:32px; padding:0 20px 0 25px; color:#FFFFFF}
.btn_prv a{ display:block; background-image:url(../images/tool_bar_up.gif); width:50px; height:32px; line-height:32px; padding-left:35px; color:#fff; position:absolute; left:9px;top:0;}
.btn_next a{ display:block; background-image:url(../images/tool_bar_down.gif); width:70px; height:32px; line-height:32px; padding-left:15px; color:#fff; position:absolute; right:9px; top:0;}
.rss a{ display:block;  background-image:url(../images/rss.gif); background-repeat:no-repeat;line-height:32px; background-position:5px 7px; margin-left:10px;}


#LEFT_MAIN{ display:block; width:190px; float:right; padding-right:10px;}
#QUICK_MENU ul{ display:block; padding:0px 0px 10px 0; }
/*#QUICK_MENU li a{ display:block; width:145px; height:20px;font-size:12px; color:#fff; background-image:url(../images/quick_button.gif); line-height:20px; padding-left:12px; background-repeat:no-repeat; background-position:5px;}*/
#QUICK_MENU li {display:inline;font-size:15px;}
#QUICK_MENU li a:hover{ color: #003366;}
.quick_title{ display: block; background-image:url(../images/quick_title.gif); width:180px; height:35px; text-indent:-9999px; background-repeat:no-repeat;}
.quick_button_a a{display:block; width:180px; height:28px; color:#fff; background-image:url(../images/quick_button_2.gif); line-height:25px; padding-left:12px; background-repeat:no-repeat; }
.quick_button_b a{display:block; width:180px; height:28px;color:#fff; background-image:url(../images/quick_button_3.gif); line-height:25px; padding-left:12px; background-repeat:no-repeat;  }

#BANNER ul{ display:block; padding:10px 0 0 0;}
#BANNER li {padding:0 0 5px 0; }
#BANNER li span{ display:block;padding:0; margin:0}
.banner01 a{ display:block; background-image:url(../photo/banner_921.gif); width:180px; height:110px; text-indent:-9999px; border:#FF9900 1px solid}
.banner02 a{ display:block; background-image:url(../photo/banner_power.gif); width:180px; height:150px; text-indent:-9999px;border:#FF9900 1px solid}
.banner03 a{ display:block; background-image:url(../photo/banner_821.gif); width:180px; height:100px; text-indent:-9999px;border:#FF9900 1px solid}
.banner04 a{ display:block; background-image:url(../photo/banner_88.gif); width:180px; height:110px; text-indent:-9999px;border:#FF9900 1px solid}

/* 工具列 */
.POS{ display:block; width:970px;height:32px; margin:auto;position:relative; font-size:13px; padding-bottom:10px;background-image:url(../images/main_bg1.gif)}
*html #POS{ margin:3px 3px 0 0}
#TOOLBAR{display:block;	position:absolute; right:120px;top:5px;line-height:19px;color:#000;}
#TOOLBAR li{ float:left; padding:0 4px 0 4px; color:#fff;}
.tool_mail a{ display:block; background-image:url(../images/icon_mail.gif); padding-left:15px; color:#fff; background-repeat:no-repeat; background-position:left 3px;line-height:19px;}
.tool_print a{ display:block; background-image:url(../images/icon_print.gif); padding-left:15px; color:#fff; background-repeat:no-repeat;background-position:left 3px;line-height:19px;}
.word_size_s a{ display:block; background-image:url(../images/word_size_01.gif); width:17px; height:19px; text-indent:-9999px;}
.word_size_m a{ display:block; background-image:url(../images/word_size_02.gif); width:17px; height:19px; text-indent:-9999px;}
.word_size_b a{ display:block; background-image:url(../images/word_size_03.gif); width:17px; height:19px; text-indent:-9999px;}
.word_size_sb a{ display:block; background-image:url(../images/word_size_04.gif); width:17px; height:19px; text-indent:-9999px;}
#TOOLBAR li a:hover{ color: #006699}


/* 內容 */
#POS_NOW{ display:block;padding:0 0 10px 10px; margin-right:220px; font-size:12px; color:#333333}
#CONTENT{ display:block; padding:0 0 0 10px; margin-right:220px; color:#666; position:relative}

/* 照片輪播 */
#PHOTO_PLAYER{ display:block; width:480px; height:360px;  }
#PHOTO_PLAYER img{ display:block; width:480px; }

/* 莫拉克真情留言 */
#TALK_PLAYER{display:block;	background-image: url(../images/book_1.gif);width:200px;height:250px;margin:auto;padding:60px 30px 40px 30px;position:absolute; left:495px; top:0;}
*html #TALK_PLAYER{left:485px;}


#TALK_PLAYER p{ display: block; padding:10px 0 10px 0; border-bottom:#666666 1px dashed; background-repeat:repeat-x; background-position:bottom; font-size:13px; line-height:1.2em}

/* 首頁內容標題 */
#INDEX_T1{ display:block; background-image:url(../images/index_title_01.gif); width:250px; height:40px; text-indent:-9999px;}
#INDEX_T2{ display:block; background-image:url(../images/index_title_02.gif); width:190px; height:40px; text-indent:-9999px;}
#INDEX_T3{ display:block; background-image:url(../images/index_title_03.gif); width:250px; height:40px; text-indent:-9999px;}
#INDEX_T4{ display:block; background-image:url(../images/index_title_04.gif);  height:31px; text-indent:-9999px;}
#INDEX_T5{ display:block; background-image:url(../images/index_title_05.gif); width:300px; height:40px; text-indent:-9999px;}

/* 首頁活動快訊 */
#HOT_NEWS{display:block; padding:10px 0 0 10px; overflow:auto}
/* 莫拉克復建專欄 */
#COLUMN{display:block; width:400px; background-image:url(../images/line_point.gif); background-repeat:repeat-y; background-position:left; padding:10px 0 20px 10px; position:relative; margin-left:320px;}

/* 其他專欄 */
#BOX1{display:block;right:425px; top:5px;	position:absolute;}
*html #BOX1{right:420px;}
#SPEENCH{ font-size:12px; }
#SPEENCH p{ padding:0 0 0 5px; line-height:1.5em}

/* 內容標題 */
#MAIN_T1{ display:block; width:450px; height:50px; text-indent:-9999px; background-image:url(../images/main_title_01.gif); background-repeat:no-repeat}
#MAIN_T2{ display:block; width:450px; height:50px; text-indent:-9999px; background-image:url(../images/main_title_02.gif);background-repeat:no-repeat}
#MAIN_T3{ display:block; width:450px; height:50px; text-indent:-9999px; background-image:url(../images/main_title_03.gif);background-repeat:no-repeat}
#MAIN_T4{ display:block; width:450px; height:50px; text-indent:-9999px; background-image:url(../images/main_title_04.gif);background-repeat:no-repeat}
#MAIN_T5{ display:block; width:450px; height:50px; text-indent:-9999px; background-image:url(../images/main_title_05.gif)}
#MAIN_T6{ display:block; width:450px; height:50px; text-indent:-9999px; background-image:url(../images/main_title_06.gif)}
#MAIN_T7{ display:block; width:450px; height:50px; text-indent:-9999px; background-image:url(../images/main_title_07.gif)}
#MAIN_T8{ display:block; width:450px; height:50px; text-indent:-9999px; background-image:url(../images/main_title_08.gif)}
#MAIN_T9{ display:block; width:450px; height:50px; text-indent:-9999px; background-image:url(../images/main_title_09.gif)}
#MAIN_T10{ display:block; width:450px; height:50px; text-indent:-9999px; background-image:url(../images/main_title_10.gif)}
#MAIN_T11{ display:block; width:450px; height:50px; text-indent:-9999px; background-image:url(../images/main_title_11.gif)}
#MAIN_T12{ display:block; width:450px; height:50px; text-indent:-9999px; background-image:url(../images/main_title_12.gif)}
#MAIN_T13{ display:block; width:450px; height:50px; text-indent:-9999px; background-image:url(../images/main_title_13.gif)}
#MAIN_T14{ display:block; width:450px; height:50px; text-indent:-9999px; background-image:url(../images/main_title_14.gif)}
#MAIN_T15{ display:block; width:450px; height:50px; text-indent:-9999px; background-image:url(../images/main_title_15.gif)}
/*#MAIN_T16{ display:block; width:450px; height:50px; text-indent:-9999px; background-image:url(../images/main_title_16.gif)}
#MAIN_T17{ display:block; width:450px; height:50px; text-indent:-9999px; background-image:url(../images/main_title_17.gif)}
#MAIN_T18{ display:block; width:450px; height:50px; text-indent:-9999px; background-image:url(../images/main_title_18.gif)}
#MAIN_T19{ display:block; width:450px; height:50px; text-indent:-9999px; background-image:url(../images/main_title_19.gif)}
#MAIN_T20{ display:block; width:450px; height:50px; text-indent:-9999px; background-image:url(../images/main_title_20.gif)}*/

/* 內容標題顏色 */
.t_rad{ display: block; color:#990000; font-weight:bold; font-size:15px; border-bottom:#CCCCCC 1px dotted; margin:10px 0 5px 0; }
.t_green{ color:#006633; font-weight:bolder;}
.t_blue{ display:block; color: #006699; font-weight:bolder;  font-size:15px;}
.t_new{display:block; color: #FF6600;  font-size:15px; margin:10px 0 5px 0;}

/* 內容文字 */
#word{ display:block; width:700px; margin:auto; padding:10px 0 10px 0;}
#word p{ padding-bottom:10px; color: #666666}
#word li{ margin-left:10px;  margin-bottom:5px;}

/* 內容列表 */
#LIST{display:block;  margin:auto; padding:10px 0 30px 0;}
*html #LIST li {display: inline-block}
#LIST li a{ display:block; background-image: url(../images/e1open.gif); background-position:5px 0.5em; line-height:2em; border-bottom:#0066CC 1px dotted; color:#006699; background-repeat:no-repeat; padding-left:20px;}
#LIST li a:hover{ background-color: #99CC66   ; color:#fff;}
#LIST  .box_bgb{ display:block; background-color: #CDDCE2;}
#LIST ol{ padding-left:30px; padding-bottom:10px;}
#LIST ol li a{display:block; background-image: url(../images/4-32.gif); background-position:5px 0.5em; line-height:1.5em; border-bottom:#ccc 1px dotted; color:#006699; background-repeat:no-repeat; padding-left:20px;}
#LIST ol li a:hover{ background-color: #99CCFF ; color:#fff;}


/* 內容列表 */
#LIST_1{display:block;  margin:auto; padding:0 0 0 10px;}

#LIST_1 li a{ display:block; background-image: url(../images/quick_button.gif); background-position:5px ; line-height:20px;  color: #006699; background-repeat:no-repeat; padding-left:15px; font-size:13px; height:20px;}
#LIST_1 li a:hover{ background-color: #99CC66   ; color:#fff;}



/* 其他*/
#MAIN_T_S1{display: block; position:absolute; border-left:#006699 2px solid; padding-left:10px; right:10px; top:20px; color: #333333; font-size:18px; font-family:"微軟正黑體"; }
*html #MAIN_T_S1{ right:230px;}
#BACK a{display: block;	color:#993399;	font-size:12px;	position:absolute;	right:9px;	top:3px;}
*html #BACK a{ right:230px;}
#MAIN_TITLE_ALL{ display:block;  font-family: "微軟正黑體"; font-size:20px;  color: #990000; background-image:url(../images/sicon_011.gif); background-repeat:no-repeat; background-position:left 0.5em; padding:5px 0 10px 20px; margin:auto;}

/* 表格排列 */
.box_td { display:block;  margin:auto; padding-bottom:10px;  }
.box_td table{ margin-bottom:10px;border:#999 3px solid; }
.box_td th{ background-image:url(../images/header_bg1.gif); background-position:bottom; padding:5px; font:bolder 13px Arial, Helvetica, sans-serif;border:#999 1px  solid;}
.box_td td{ border:#999 1px solid; padding:5px;}

/* 照片位置 */
.photo_l{ display:block; padding:0 10px 10px 0;text-align:center; font-size:12px; color:#003366; float:left; }
.photo_l img{ display:block; padding-bottom:10px; background-image:url(../images/sh_01.gif); background-repeat:repeat-x; background-position:bottom; }
.photo_ln{ display:block; padding:0 10px 10px 0;text-align:center; font-size:12px; color:#003366; float:left; }
.photo_ln img{ display:block; }
.photo_r{ display:block; padding:0 0 10px 10px;text-align:center; font-size:12px; color:#003366; float:right;}
.photo_r img{ display:block;padding-bottom:10px;background-image:url(../images/sh_01.gif); background-repeat:repeat-x; background-position:bottom; }
.photo_rn{ display:block; padding:0 0 10px 10px;text-align:center; font-size:12px; color:#003366; float:right;}
.photo_rn img{ display:block; }
.photo_c{ display:block; padding:0 10px 10px 0;text-align:center; font-size:12px; color:#003366;}
.photo_c img{display:block; padding-bottom:10px; background-image:url(../images/sh_01.gif); background-repeat:no-repeat; background-position:bottom}

/* 問答 */
.ans{ display:block; padding-bottom:10px;}
.ans ul{ display:block; border:#CCCCCC 2px dotted; padding:20px 10px 10px 10px;}
.ans_q{ display:block; background-image:url(../images/btn_bg01.gif); background-repeat:no-repeat; padding:0 0 10px 35px; border-bottom:#CCCCCC 1px dotted}
.ans_a{ display:block; background-image:url(../images/btn_bg02.gif); background-repeat:no-repeat; padding:5px 0 15px 35px; border-bottom:#CCCCCC 1px dotted}
.ans_c{ display:block; background-image:url(../images/btn_bg03.gif); background-repeat:no-repeat; padding:0 0 0 35px; }

/* 頁籤 */
#S_MENU{ display:block; background-image:url(../images/smeu_bg.gif); height:35px; padding-left:22px;}
*html #S_MENU{ margin:0 3px 0 0}
#S_MENU li{ float:left; padding:0 2px 0 2px;}
#S_MENU li a{ display:block;color:#333333; line-height:35px; font-size:12px;padding:0 10px 0 12px;background-image:url(../images/smeu_bg_select_bg.gif); background-position:top left;  background-repeat:no-repeat}
#S_MENU li a:hover{ background-position: left bottom ; color:#333;}
#S_MENU li  .link a{ display:block; background-image:url(../images/smeu_bg_select.gif); background-position:bottom; color:#FFFFFF; font-weight:bold;}

.box_td { display:block;  margin:auto; padding-bottom:10px;  }
.box_td table{ margin-bottom:10px;border:#999 3px solid; }
.box_td th{ background-image:url(../images/header_bg1.gif); background-position:bottom; padding:5px; font:bolder 13px Arial, Helvetica, sans-serif;border:#999 1px  solid;}
.box_td td{ border:#999 1px solid; padding:5px;}


/* 頁碼 */
#PAGE_NUM{ display:block; padding:10px; position:relative;  font-size:13px; background-image:url(../images/main_bg1.gif)}
#TOP_ICON ul{ display:block; position:absolute; top:10px; right:10px;}
#TOP_ICON li{ float:left; padding-right:10px;padding-left:10px; background-image:url(../images/line_point.gif); background-repeat:no-repeat;vertical-align:middle;}
#TOP_ICON a{ color:#666; font-size:11px; font-family:Arial, Helvetica, sans-serif}
#TOP_ICON a:hover{ color: #003366}

/* 頁尾 */
#FOOTER{display:block; width:950px; height:76px; margin:auto; background-image: url(../images/down_bg.gif); padding:0 0 0 20px; font-size:11px; color:#666666; line-height:17px; position: relative}
#DOWN_LOGO a{ display:block; width:167px; height:45px; text-indent:-9999px; background-image:url(../images/down_logo.gif); position:absolute; right:10px; top:10px;}

/* 清除float */
.clearfloat{
clear:both;height:0;font-size:1px;line-height:0;}