@charset "utf-8";
/* CSS Document */

body { margin: 0; padding: 0; /*font-size:0.81em;*/
color: #333; letter-spacing: 1px; text-align: center; font-family:"微軟正黑體",Helvetica, Arial, sans-serif; }
.header { }
h1 { padding: 17px 0 8px; margin: 0; font-weight: normal; height: 64px; overflow: hidden;/*修正IE6因為code斷行所產生的多餘高度*/ }
h2 { margin: 2px 0 0 0; padding: 0; font-weight: normal; clear: both; color: #000; overflow: auto; }
.center div h2 {/*內頁單元標題*/ border-bottom: 4px solid #ccc; margin: 2px 0 10px; padding: 0 0 2px; font-size: 1.23em; font-weight: bold; letter-spacing: 2px; margin-top:25px;}
h3 { margin: 0 0 7px; padding: 0; font-size: 1.15em; line-height: 140%; color: #000; overflow: hidden; }
p { line-height: 150%; }
ul, ol, dl { line-height: 140%; }
a { color: #444; text-decoration: none; }
a:hover { color: #0068b8; }
.more { text-align: right; line-height: 110%; letter-spacing: 0; overflow: hidden; _width: 98%; margin: 5px 0 5px 0; }
.rightbg .more { margin-right: 3px; margin-bottom: 0; }
.more a { display: block; float: right; background: url(../images/arrow.gif) no-repeat 0 4px; padding: 2px 10px 3px 8px; color: #006ebf; }
.more a:hover { color: #f08800; }
.video .more { position: absolute; top: 7px; right: 0; font-size: .85em; margin-right: 0; }
.video .more a { color: #fff; }
.video .more a:hover { color: #ffff00; }
img, a img { border: none; }
/*-------------------------*/
.nav { position: absolute; top: 0; right: 0; padding: 5px 5px 4px 160px; line-height: 120%; }
.nav ul { list-style: none; margin: 0; padding: 0; font-size: .92em; }
.nav li { margin: 0 0 0 3px; padding: 0 0 0 9px; display: inline; background: url(../images/nav_li.gif) no-repeat 0 2px; }
.nav li a { color: #444; text-decoration: none; }
.nav li a:hover { color: #000; text-decoration: none; }
.nav .accesskey { margin-left: -1.5em; color: #295c88; }
.nav .accesskey:hover { color: #295c88; }
/*------------------------ search */
.search { no-repeat 0px 0px; width: 300px; position: absolute; top: 42px; right: -50px; margin: 0; padding: 6px 0 5px 0; vertical-align: top; }
.search form { margin: 0; padding: 0; line-height: 110%; vertical-align: top; text-align: left; }
.search input { margin: 0; padding: 0; line-height: 100%; vertical-align: top; }
.search input.text { background: none; background: transparent; font-size: 0.75em; height: 14px; width: 120px; padding: 5px 0 5px; margin: 0 15px 0 25px; border: none; }
.search input.btn { vertical-align: top; margin: 0 4px; }
.search form a { margin: 0 0 0 3px; padding: 0; vertical-align: top; }
/*--------------------------------------fontSize-*/
.fontSize { background: url(../images/fontsize_bg.png) no-repeat left top; padding: 5px 0 0 12px; margin: 0 auto; font-size: 1.23em; line-height: 100%; position: absolute; right: 14px; top: 89px; color: #fff; height: 30px; _height: 35px; }
.fontSize ul { display: inline; list-style: none; margin: 0 0 0 3px; padding: 0 0 0; vertical-align: bottom; }
.fontSize li { margin: 0 0 0 1px; display: inline; }
.fontSize li img { vertical-align: bottom; }
.fontSize li.fontSmall a img { background: url(../images/fontsize_small.png) no-repeat 0 0; width: 17px; height: 17px; }
.fontSize li.fontMedia a img { background: url(../images/fontsize_media.png) no-repeat 0 0; width: 21px; height: 21px; }
.fontSize li.fontLarge a img { background: url(../images/fontsize_large.png) no-repeat 0 0; width: 25px; height: 25px; }
/*============================左欄*/
.service, /*.honest,後來沒用到*/
/*.epaper,後來沒用到*/
.rss, .poll, .ad, .leftbg .links { margin: 0 0 14px; width: 204px; }
/*--------------service 便民服務*/
.service { background: url(../images/sideDiv_bg.png) no-repeat left bottom; padding: 0 0 17px; margin-top: 3px; margin: 0 0 15px; }
.service .mapTW { text-align: center; margin: 7px 0 10px; }
.service h2 { }
.service ul { list-style: none; margin: 0 10px; padding: 0; font-size: 1em; line-height: 120%; }
.service li { display: inline; margin: 0; padding: 0; }
.service li a { display: block; background: url(../images/li_left.gif) no-repeat 1px 8px; padding: 8px 0 3px 20px; margin: 0; border-bottom: 1px dotted #ccc; }
.service li a:hover { border-bottom: 1px solid #bbb; }
/*====================便民資訊的滑出選單*/
/*先清除主選單的樣式影響*/
.service .mlmenu { background: none;/*清除*/ width: auto; height: auto; font-size: 1em; }
.service .mlmenu ul { list-style: none; margin: 0 10px; padding: 0; font-size: 1.09em; line-height: 120%; background: none;/*清除*/ }
.service .mlmenu li { float: none;/*清除*/ display: inline; margin: 0; padding: 0; }
.service .mlmenu li a { display: block; width: 164px;/*這一行可以讓第二層選在 ie 瀏覽器單定位較正常*/ background: url(../images/li_left.gif) no-repeat 1px 8px; padding: 8px 0 8px 20px; margin: 0; border-bottom: 1px dotted #ccc; color: #333; }
.service .mlmenu li a:hover, .service .mlmenu li a:focus { border-bottom: 1px solid #bbb; background: url(../images/li_left.gif) no-repeat 1.09px 8px; color: #0068b8; }
/*第二層選單樣式*/
.service .mlmenu ul ul { font-size: 1.09em; background: #e8f2ff; border: 1px solid #66a5e0; margin: 0; padding: 7px 0 5px; width: 180px; }
.service .mlmenu ul ul li { display: block; padding: 1px 0 1px 0; margin: 0 8px 3px; border: none; }
.service .mlmenu ul ul li a { background: none; margin: 0; padding: 2px 0; color: #194678; border-bottom: 1px dotted #6997c2; }
.service .mlmenu ul ul li a:hover, .service .mlmenu ul ul li a:focus { background: none; color: #1970db; border-bottom: 1px solid #1c7cf1; }
/*第三層選單樣式*/
.service .mlmenu ul ul ul { font-size: 1.09em; background-image: none; margin: 0; padding: 6px 0 5px; }
/*第二層選單定位*/
.service .menubg li { position: relative; z-index: 999; }
.service .menubg li ul { position: absolute; left: 184px; top: -1.8em;  *top:3px;
top: 3px \9; height: auto; z-index: 999; display: none;       /*------預設選單先關掉,再由js控制load完所有資料再出再----------*/ }
/*第三層選單定位*/
.service .menubg li li ul { position: absolute; z-index: 1000; left: 164px; top: 0; display: none; }
/*====================便民資訊滑出選單設定結束*/
/*------------------------廉政窗口
.honest {
	background:url(../images/sideDiv_bg.png) no-repeat left bottom;
	padding: 0 0 10px;
	margin: 0 0 12px;
}
.honest ul {
	list-style: none;
	margin:0;
	padding:0;
	overflow: hidden;
	_width:100%;
	background:url(../images/honest_ul_bg.png) no-repeat center center;
}
.honest li {
	float:left;
	margin: 0 6px;
	_margin: 0 4px;
}
.honest li a {
	display:block;
	width:90px;
	height:71px;
}
.honest li a img {
	margin: 5px;
}
.honest li a:hover {
	background:url(../images/honest_li_bg.png) no-repeat 0 0;
}
*/

/*------------------------民意調查*/
.poll { background: url(../images/sideDiv_bg.png) no-repeat left bottom; padding: 0 0 10px; }
.poll ul { list-style: none; margin: 0 16px; padding: 0; line-height: 110%; border-top: 1px dotted #ccc; }
.poll li { margin: 0 12px 0 0; padding: 0; display: inline; }
.poll li a { background: url(../images/arrow.gif) no-repeat 0 4px; padding-left: 10px; color: #006ebf; }
.poll .question { margin: 0 17px 0; padding: 5px 0 0; text-align: left; }
.poll p { line-height: 125%; height: 3.8em;  *height: 3.72em;
height: 3.72em \9; overflow: hidden; margin: 0 0 5px; padding: 0; }
.poll form { margin: 0; padding: 0; }
.poll label { display: block; text-align: left; padding: 0; margin-bottom: 4px; }
.poll .btnDiv { text-align: left; margin-top: 8px; }
/*---------------------ad 左右欄樣式相同*/
.leftbg .ad, .rightbg .ad { background: url(../images/sideDiv_bg.png) no-repeat left bottom; padding: 0 0 7px; }
.leftbg .ad ul, .rightbg .ad ul { background: url(../images/sideDiv_bg.png) no-repeat 0 0; padding: 12px 0 0; }
.ad ul { list-style: none; margin: 0 auto; text-align: center; }
.ad li { margin: 0 auto 3px; padding: 0; }
.ad li img { width: 160px; height: 50px; }
/*--------------------首頁形象大圖*/
.bigBanner { clear: both; margin: 9px auto 0; overflow: hidden; _width: 100%; }
.bigBanner .image { float: left; }
.bigBanner .image img { width: 980px; height: 200px; }
/* ---- 118 、線上申辦*/
.bigBanner ul { width: 276px; margin: 0 0 0 2px; padding: 0; list-style: none; float: left; line-height: 100%; }
.bigBanner li { margin: 0 0 2px; padding: 0; }
.bigBanner li img { /*  width:266px;  */
}
/*-------------------------footer */
.footer { background: #f0f0f0; line-height: 130%; width: 100%; overflow: hidden; padding: 0; color: #666; border-top: 4px solid #ddd; position: relative; }
.footer {clear:both;position: relative; background: #f0f0f0; line-height: 130%; width: 100%; overflow: hidden; padding: 0; color: #666; border-top: 4px solid #bdc5ca;  }

.footer .footSide { padding: 5px 0 20px 0; margin: 0 20px 0 0; width: 210px; float: left; }
.footer .aaa { text-align: center; padding: 12px 0 5px; margin: 0; }
.footer .update { margin: 6px 0 0 30px; }
.footer .visitor { margin: 6px 0 0 30px; }
.footer .update em, .footer .visitor em { font-style: normal; color: #111; margin-left: .6em; }
.footer ul { list-style: none; margin: 0 110px 10px 0; padding: 16px 0 0 0; }
.footer ul li { display: inline; margin: 0 .5em 0 0; padding: 0 0 0 .7em; border-left: 1px solid #999; }
.footer ul li:first-child { border: none; padding: 0; }
.footer p { margin: 0 110px 0 230px; padding: 0 0 4px; line-height: 150%; }

.footer .egov { position: absolute; right:20px; bottom:69px; }

.sildeCtrl {position:absolute; right:0; top:0; }
.sildeCtrl input { font-size:13px; padding:4px 5px; margin:0; border:none; background:#bdc5ca; color:#fff;cursor:pointer; border-bottom-left-radius:5px;}
.sildeCtrl input:hover{background:#89a;}
.fatfoot { clear:both; padding:8px 14px 5px; margin:0; background:#e6e8e9;}
.fatfoot ul { list-style:none; margin:0; padding:0; line-height:135%;}
.fatfoot ul li {margin:0; padding:0; border:none;}
.fatfoot ul li a { color:#555; display:block;}
.fatfoot>ul>li>a { color:#000;padding:0 5px;}
.fatfoot>ul>li>a:hover { color:#0083c5;}
.fatfoot li li a { padding:4px 5px 3px; border-radius:4px;}
.fatfoot li li a:hover { color:#0083c5; background-color:#fff; box-shadow:rgba(0,0,0,0.35) 0 0 4px;}
.fatfoot>ul { font-size:1.15em; overflow:hidden; }
.fatfoot>ul>li { display:inline-block; vertical-align:top; width:142px; margin:5px 11px 10px 0; *float:left; }
.fatfoot>ul>li>ul { font-size:.86em; margin:7px 0 0; padding:5px 0 0; border-top:1px solid #bbb; *padding-bottom:2em; }
.fatfoot li li { margin:0 0 4px;}
.fatfoot ul ul ul { display:none;}
.footer .image { margin:0 -14px 15px; padding:0;}
.footer .image img { display:block; margin:0 auto; width:980px;}
.footer .image:empty { display:none;}

/*人才招募用*/

.Hierarchicalone 
{
	margin-left:2.7em!important;
	text-indent:-1.97em!important;
	
}
.Hierarchicaltwo 
{
	margin-left:4.1em!important;
	text-indent:-2.05em!important;
	
}
.Hierarchicaltwothree
 {
 	margin-left:5.3em!important;
 	text-indent:-1.54em!important;
 	
 }
 .Hierarchicalfour
 {
 	margin-left:7em!important;
 	text-indent:-1.58em!important;
 	
 }
 .Hierarchicalfive
 {
 	margin-left:5.3em!important;
 	text-indent:-1.97em!important;
 	
 }
 .Hierarchicalsix
{
	margin-left:5.3em!important;
 	text-indent:-3.04em!important;
}
.Hierarchicalseven
{
	margin-left:3.7em!important;
 	text-indent:-3em!important;
}

