@import url(style/advertis.css);/*戶政宣導*/
@import url(style/bilingual.css);/*雙語詞彙*/
@import url(style/board.css);/*留言板*/
@import url(style/bookmark.css);/*網路書籤*/
@import url(style/calendar.css);/*行事曆*/
@import url(style/categorysearch.css);/*分類檢索*/
@import url(style/dailysentence.css);/*每日一句*/
@import url(style/download.css);/*表單下載*/
@import url(style/events.css);/*大事記*/
@import url(style/faq.css);/*常見問題*/
@import url(style/friendly_links.css);/*相關連結*/
@import url(style/mailbox.css);/*意見信箱*/
@import url(style/menu.css);/*選單*/
@import url(style/mycontent.css);/*自訂內容*/
@import url(style/news.css);/*公佈欄*/
@import url(style/photoalbum.css);/*數位相本*/
@import url(style/search.css);/*全站檢索*/
@import url(style/sitemap.css);/*網站導覽*/
@import url(style/vote.css);/*問卷調查*/
body { color: #333333; font-family: Arial, Helvetica, sans-serif; background-image:url(images/bg_g.gif); background-repeat:repeat-x; margin:0; }

/*首頁版型底圖*/
#box {width: 100%; z-index: 103; background-image: url(images/home_04.jpg); background-repeat:repeat-y; overflow-x:hidden;}
#box, #box2 { width: 100%; z-index: 104; background-image: url(images/home_05.jpg); background-repeat:repeat-y; background-position:right top; }
#box .stage_tl, #box .stage_tr, #box .stage_bl, #box .stage_br, #box .stage_tc, #box .stage_bc { width: 100%;}
/*首頁版型底圖_上半部*/
#box .stage_tl, #box .stage_tr, #box .stage_tc {height: 500px; position: absolute;}
/*首頁版型底圖_上左*/
#box .stage_tl { background-repeat: no-repeat; background-image: url(images/home_01.jpg); z-index: 210; text-align:right; }
/*首頁版型底圖_上_延展重複*/
#box .stage_tc { background-repeat: repeat-x; background-image: url(images/home_02.jpg); z-index: 206;}
/*首頁版型底圖_上右*/
#box .stage_tr { background-repeat: no-repeat; background-image:url(images/home_03.jpg); z-index:209; background-position: right top;}
/*首頁版型底圖_下半部*/
#box .stage_bl, #box .stage_br, #box .stage_bc { }
/*首頁版型底圖_下左*/
#box .stage_bl { background-repeat:no-repeat; background-image: url(images/home_06.jpg); background-position:left bottom; z-index: 208;
}
/*首頁版型底圖_下右*/
#box .stage_br { z-index: 207; background-image: url(images/home_08.jpg); background-repeat: no-repeat; background-position: right bottom; }
/*首頁版型底圖_下_延展重複*/
#box .stage_bc {background-position: right bottom;  z-index: 200; margin-right:100px; background-repeat: repeat-x; background-image: url(images/home_07.jpg); }

/*內頁版型底圖*/
#pagebox {width: 100%; z-index: 103; background-image: url(images/page_04.jpg); background-repeat:repeat-y; overflow-x:hidden;}
#pagebox #box2 { width: 100%; z-index: 104; background-image: url(images/page_05.jpg); background-repeat:repeat-y; background-position:right top; }
#pagebox .stage_tl, #pagebox .stage_tr, #pagebox .stage_bl, #pagebox .stage_br, #pagebox .stage_tc, #pagebox .stage_bc { width: 100%;}
/*內頁版型底圖_上半部*/
#pagebox .stage_tl, #pagebox .stage_tr, #pagebox .stage_tc {height: 500px; position: absolute;}
/*內頁版型底圖_上左*/
#pagebox .stage_tl { background-repeat: no-repeat; background-image: url(images/page_01.jpg); z-index: 210; text-align:right; }
/*內頁版型底圖_上_延展重複*/
#pagebox .stage_tc { background-repeat: repeat-x; background-image: url(images/page_02.jpg); z-index: 206;}
/*內頁版型底圖_上右*/
#pagebox .stage_tr { background-repeat: no-repeat; background-image:url(images/page_03.jpg); z-index:209; background-position: right top;}
/*內頁版型底圖_下半部*/
#pagebox .stage_bl, .pagestage_br, .pagestage_bc { }
/*內頁版型底圖_下左*/
#pagebox .stage_bl { background-repeat:no-repeat; background-image: url(images/page_06.jpg); background-position:left bottom; z-index: 208;
}
/*內頁版型底圖_下右*/
#pagebox .stage_br { z-index: 207; background-image: url(images/page_08.jpg); background-repeat: no-repeat; background-position: right bottom; }
/*內頁版型底圖_下_延展重複*/
#pagebox .stage_bc {background-position: right bottom;  z-index: 200; margin-right:100px; background-repeat: repeat-x; background-image: url(images/page_07.jpg); }

a:hover {/* 基本設定， 文字連結滑鼠移上變化 */
	text-decoration: none;
}
a {/* 基本設定， 文字連結設定 */
	text-decoration: none;
	color: #333333;
}

.clear {CLEAR: both;}
.clear2 {CLEAR: both; height:0.1em;}
/*基本設定_開始*/
/*滑鼠事件*/a:hover { text-decoration: none; }
/*連結*/a { text-decoration: none; color: #333333;}
th { font-weight:bold;}
li {
	display: list-item;
	list-style-type: disc;
}
ol  { margin-left: 40px; }
.content span { margin:0 20px ;}
/* 表單外框*/
input { font-size: 11px; margin-top: 2px; }
.input { border: 1px solid #999999; padding: 1px; float: left; }
.input_noborder{ border:0; background: transparent; font-size: 0.95em; color:#FFFFFF; line-height:22px; }

/*回首頁*/.home { background-image:url(images/icon/lightning.gif);  }
/*聯絡我們*/.mail_box { background-image:url(images/icon/on192.gif);  }
/*雙語詞彙*/.bilangue {background-image:url(images/icon/arrow_refresh.gif); }
/*列印本頁*/.print { background-image:url(images/icon/icon_print.gif);  }
/*rss訂閱*/.rss {background-image:url(images/icon/feed.gif); }
/*網站地圖*/.site_map {background-image:url(images/icon/chart_organisation.gif);}
/*相關連結*/.otherlink { background-image:url(images/icon/link.gif); }
/*相關檔案*/.forms { background-image:url(images/icon/attach.gif); }
/*進階搜尋*/.search_advanced { background-image:url(images/icon/magnifier.gif);}
/*共同設定*/a.print, a.rss, a.more, a.otherlink, a.forms, a.search_advanced, a.site_map, a.mailbox, a.bilangue, a.mail_box, a.home {
	color:#006600;
	background-repeat:no-repeat;
	padding: 3px 10px 0 20px;
	background-position:left;
	height:22px;
}
/*最後更新*/.lastrenew {  float:left; color:#666666; background-image:url(images/icon/time_add.gif); padding-left:18px; background-repeat:no-repeat; background-position:left 6px;  line-height:30px;}
.pagelist {  line-height:30px;}
.pagelist a { color:#003366;}
.pagelist a:hover { color:#990000; text-decoration:underline;}
.listindex { float:right; line-height:22px;}
.listindex img { border: 0;}
/*基本設定_結束*/
/*更多資訊*/.more, .more2 { background-repeat:no-repeat; padding-left:9px; height:22px; line-height:22px; background-image:url(images/more.gif); font-size:10px; width: 55px; position:relative; z-index:400;}
.more {float: right;}
.more a { color:#FFFFFF;}
.more2 { float: left; margin-top:12px;}
/* 所有網頁路徑 */.path { font-size: 1em; font-weight:normal; float: left; margin:3px 0 3px 30px; color:#006699; line-height:20px; width:90%;}
/*上區塊導覽列*/

.top_nav { float: right; margin-right:0; z-index: 500;  line-height:28px; position:relative; height:28; width:95% }
.top_nav dd a { font-size:0.9em;}
.top_nav span {background-image:url(images/top_nav0.gif); width:1px; float:right;  height:28px; }
.top_nav dl {
	background-image:url(images/top_nav.gif);
	background-repeat:repeat-x;
	height:24px;
	line-height:24px;
	background-position:left top;
	float:right;
	margin:0;
	padding-right:20px;
	position:relative;
}
.top_nav dd a:hover { text-decoration: underline; color:#990000;  }
.top_nav dd {
	margin:0;
	padding:4px 0 0 4px ;
	float:left;
	position:relative;
	text-align:center;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
}


/*上區塊導覽列*/
/*客戶全銜*/
#sitename {
	width:100%;
	height:174px;
	position:relative;
	left:0px; float:left;
	z-index: 320;
}
.welcome { background: url(images/welcome.gif) no-repeat top center; width:100%; height:56px; display:block; padding-top:12px; }
.welcome dl { margin: 0 30px; color:#6600cc; font-size:1.1em; }

.button001 { background: transparent url(images/button_left.gif) no-repeat top left;
	display: block;
	line-height: 25px;
	height: 25px;
	padding-left: 8px;
	text-decoration: none;
	margin: 0.2em;
	position: relative;
	cursor:auto; float: left;
}
.button001 span { background: transparent url(images/button_right.gif) no-repeat top right; display: block; padding: 6px 5px 4px 0; cursor:default; }

.ovalbutton, .ovalbuttonright { background: transparent url(images/oval-gray-left.gif) no-repeat top left;	display: block;		padding-left: 11px;	text-decoration: none; margin: 3px; position: relative;}
.ovalbutton { float: left; font-size:0.9em; }
.ovalbuttonright {float: right;}
.ovalbutton span, .ovalbuttonright span{ background: transparent url(images/oval-gray-right.gif) no-repeat top right;
display: block; padding: 0 11px 0 0; line-height:26px; font-size:0.9em; }

/* 表單按鈕 */
a.squarebutton{
	display: block;
	float: right;
	font: normal 12px Arial;
	line-height: 15px;
	height: 23px;
	padding-left: 9px;
	text-decoration: none;
	background-image: url(images/square-gray-left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	margin: 0 3px;
}
a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{color: #494949; }
a.squarebutton span{background: transparent url(images/square-gray-right.gif) no-repeat top right; display: block;padding: 4px 9px 4px 0; }
a.squarebutton:hover{ background-position: bottom left;}
a.squarebutton:hover span{ background-position: bottom right; color: black;}

#top, #container, #footer  {z-index: 300; width: 100%; DISPLAY: block;  clear:both; font-size: 0.75em; overflow-x:hidden;}
#top { height: 250px;}/*上區塊*/
table {z-index: 300;}
#print_page { width:640px; font-size: 0.75em; overflow-x:hidden; DISPLAY: block;z-index: 300;}
#container_left { font-size: 0.75em; display:block; width:235px; POSITION: relative; z-index: 320; margin:0 0 100px 7px; }
#container_right {font-size: 0.75em;  z-index: 310; width:97%; margin-left:15px; POSITION: relative; float:left; overflow-x:hidden;}
#container_right_top { width:100%;  z-index: 310; margin:0; POSITION: relative; float:left; overflow-x:hidden;}
#container_right_middle { width:100%; POSITION: relative; overflow-x:hidden;
	float:left;
	z-index: 310;
	margin:0;
}
#container_right_right {
	width:46%;
	POSITION: relative; overflow-x:hidden;
	float:left;
	z-index: 310;
}
#container_right_bottom { width:95%;  POSITION: relative; float:left; z-index: 310; margin:0 auto 0 20px;  overflow-x:hidden;}

#footer { margin-bottom:0;  overflow-x:hidden;
	height:93px;
	width:100%;
	float:right;}
#footer img { border:0;}
#footer_left { width:200px; POSITION: relative; float:left; z-index: 310; text-align:right; padding-right:20px; }
#footer_middle { width:62%; POSITION: relative; float:left; z-index: 310; }
#footer_right { width:135px; POSITION: relative; float:right; z-index: 310; text-align:left;  }

/*共用設定*/
.column_100, 
.column_97, .column_95, .column_92, .column_90, 
.column_88, .column_87, .column_85, .column_82, .column_80, 
.column_77, .column_75, .column_73, .column_72, .column_70, 
.column_67, .column_65, .column_62, .column_60, 
.column_57, .column_55, .column_52, .column_50, 
.column_47, .column_45, .column_42, .column_40,
.column_37, .column_35, .column_33, .column_32, .column_30, 
.column_27, .column_25, .column_24, .column_22, .column_20, 
.column_17, .column_15, .column_12, .column_10, 
.column_7, .column_5, .column_2 {float: left; POSITION: relative; z-index: 400;}

.column_100_align_right, 
.column_97_align_right, .column_95_align_right, .column_92_align_right, .column_90_align_right, 
.column_88_align_right, .column_87_align_right, .column_85_align_right, .column_82_align_right, .column_80_align_right, 
.column_77_align_right, .column_75_align_right, .column_73_align_right, .column_72_align_right, .column_70_align_right, 
.column_67_align_right, .column_65_align_right, .column_62_align_right, .column_60_align_right, 
.column_57_align_right, .column_55_align_right, .column_52_align_right, .column_50_align_right, 
.column_47_align_right, .column_45_align_right, .column_42_align_right, .column_40_align_right,
.column_37_align_right, .column_35_align_right, .column_33_align_right, .column_32_align_right, .column_30_align_right, 
.column_27_align_right, .column_25_align_right, .column_24_align_right, .column_22_align_right, .column_20_align_right, 
.column_17_align_right, .column_15_align_right, .column_12_align_right, .column_10_align_right, 
.column_7_align_right, .column_5_align_right, .column_2_align_right {text-align: right; float: left; POSITION: relative; z-index: 400;}

.column_100_right, 
.column_97_right, .column_95_right, .column_92_right, .column_90_right, 
.column_88_right, .column_87_right, .column_85_right, .column_82_right, .column_80_right, 
.column_77_right, .column_75_right, .column_73_right, .column_72_right, .column_70_right, 
.column_67_right, .column_65_right, .column_62_right, .column_60_right, 
.column_57_right, .column_55_right, .column_52_right, .column_50_right, 
.column_47_right, .column_45_right, .column_42_right, .column_40_right,
.column_37_right, .column_35_right, .column_33_right, .column_32_right, .column_30_right, 
.column_27_right, .column_25_right, .column_24_right, .column_22_right, .column_20_right, 
.column_17_right, .column_15_right, .column_12_right, .column_10_right, 
.column_7_right, .column_5_right, .column_2_right {float: right; POSITION: relative; z-index: 400;}

.column_100, .column_100_align_right, .column_100_right {width: 100%;}
.column_97, .column_97_align_right, .column_97_right {width: 97%;}
.column_95, .column_95_align_right, .column_95_right {width: 95%;}
.column_92, .column_92_align_right, .column_92_right {width: 92%;}
.column_90, .column_90_align_right, .column_90_right {width: 90%;}
.column_88, .column_88_align_right, .column_88_right {width: 88%;}
.column_87, .column_87_align_right, .column_87_right {width: 87%;}
.column_85, .column_85_align_right, .column_85_right {width: 85%;}
.column_82, .column_82_align_right, .column_82_right {width: 85%;}
.column_80, .column_80_align_right, .column_80_right {width: 80%;}
.column_77, .column_77_align_right, .column_77_right {width: 77%;}
.column_75, .column_75_align_right, .column_75_right {width: 75%;}
.column_73, .column_73_align_right, .column_73_right {width: 73%;}
.column_72, .column_72_align_right, .column_72_right {width: 72%;}
.column_70, .column_70_align_right, .column_70_right {width: 70%;}	
.column_67, .column_67_align_right, .column_67_right {width: 67%;}
.column_65, .column_65_align_right, .column_65_right {width: 65%;}
.column_62, .column_62_align_right, .column_62_right {width: 62%;}
.column_60, .column_60_align_right, .column_60_right {width: 60%;}
.column_57, .column_57_align_right, .column_57_right {width: 57%;}
.column_55, .column_55_align_right, .column_55_right {width: 55%;}
.column_52, .column_52_align_right, .column_52_right {width: 52%;}
.column_50, .column_50_align_right, .column_50_right {width: 50%;}
.column_47, .column_47_align_right, .column_47_right {width: 47%;}
.column_45, .column_45_align_right, .column_45_right {width: 45%;}
.column_42, .column_42_align_right, .column_42_right {width: 42%;}
.column_40, .column_40_align_right, .column_40_right {width: 40%;}
.column_37, .column_37_align_right, .column_37_right {width: 37%;}
.column_35, .column_35_align_right, .column_35_right {width: 35%;}
.column_33, .column_33_align_right, .column_33_right {width: 33%;}
.column_32, .column_32_align_right, .column_32_right {width: 32%;}
.column_30, .column_30_align_right, .column_30_right {width: 30%;}
.column_27, .column_27_align_right, .column_27_right {width: 27%;}
.column_25, .column_25_align_right, .column_25_right {width: 25%;}
.column_24, .column_24_align_right, .column_24_right {width: 24%;}
.column_22, .column_22_align_right, .column_22_right {width: 22%;}
.column_20, .column_20_align_right, .column_20_right {width: 20%;}
.column_17, .column_17_align_right, .column_17_right {width: 17%;}
.column_15, .column_15_align_right, .column_15_right {width: 15%;}
.column_12, .column_12_align_right, .column_12_right {width: 12%;}
.column_10, .column_10_align_right, .column_10_right {width: 10%;}
.column_7, .column_7_align_right, .column_7_right {width: 7%;}
.column_5, .column_5_align_right, .column_5_right {width: 5%;}
.column_2, .column_2_align_right, .column_2_right {width: 5%;}

.frame001 { DISPLAY: block; margin: 30px auto; width: 90%; }
.b1,.b2,.b3,.b4,.b1b,.b2b,.b3b,.b4b,.b{display:block;overflow:hidden;}
.b1,.b2,.b3,.b1b,.b2b,.b3b{height:1px;}
.b2,.b3,.b4,.b2b,.b3b,.b4b,.b{border-left:1px solid #A5D5F8;border-right:1px solid #A5D5F8;}
.b1,.b1b{margin:0 5px;background:#A5D5F8;}
.b2,.b2b{margin:0 3px;border-width:2px;}
.b3,.b3b{margin:0 2px;}
.b4,.b4b{height:2px;margin:0 1px;}
.d1{}
.c1,.c2,.c3,.c4,.c1b,.c2b,.c3b,.c4b,.c{display:block;overflow:hidden;}
.c1,.c2,.c3,.c1b,.c2b,.c3b{height:1px;}
.c2,.c3,.c4,.c2b,.c3b,.c4b,.c{ border-left:1px; border-right:1px; }
.c1,.c1b{ margin:0 5px; }

.wraptocenter { display: table-cell;   text-align: center;   vertical-align: middle; }
.wraptocenter  * { vertical-align: middle;}
/*\*//*/
.wraptocenter {
    display: block;
}
.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/
.z1000 { z-index:1000; POSITION: relative;}
.zcenter { text-align:center;}