@charset "big5";
@import url("footer.css");
@import url("top.css");
@import url("festivalbg.css");/*節日背景*/
@import url("page.css");

#main_center,#main_left,#footer,#sitemap,#info{	margin: 0;padding: 0;border: 0;/*outline: inherit;*/vertical-align: top;}

.clean01{clear: both;}
.left{ float:left;}
.right{float:right;}
.padd01{padding-bottom:5px;}
.padd02{padding-bottom:20px;}
.padd03{padding:20px 0px;}

.line01{border-bottom: 1px dashed #bbbdca;padding:5px 0px; margin-bottom:15px;}
/*灰色條紋背景*/
#topnav {	
    background: #393939 url(../images/topnav_bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	height: 47px;outline: inherit;
	
	
}
#topnav	.topnav{
	height: 47px;z-index:10; position: relative;
	width: 980px;
	/*background-color: #999;*/
	margin-right: auto;
	margin-left: auto;outline: inherit;}	

/*分眾導覽---------------*/
#topnav	.focus{
	height: 47px;
	width: 207px;
	float: left;
	padding-right: 17px;
}

#topnav	.focusbtnA{height: 40px;width:100px;float:left;display:inline-block; line-height:40px;margin-right: 3px;margin-top: 7px; background-color:#FC0; border-radius:6px 6px 0px 0px;color:#000; font-weight:bold;}
#topnav	.focusbtnA:hover{background-color:#fff;color:#ffba00;font-weight:bold;}
#topnav a.on{background-color:#fff;color:#ffba00;height: 40px;width:100px;float:left;display:inline-block; line-height:40px;margin-right: 3px;margin-top: 7px; border-radius:6px 6px 0px 0px; font-weight:bold;}
#topnav	.focusbtnL{ display:none;}

/*全文檢索---------------*/
#topnav	#search{
	width: 370px;
	height: 47px;
	float: left;
	/*padding-right: 17px;*/
	color: #fff;
	font-size: 80%;
}
#search .fonta{	color: #fff;float: left;padding-top: 22px;}
#search .fontb{	color: #fff;float: left;padding-top: 22px;}
#search	.searchbg{
	/*background-image: url(../images/search_bg.png);
	
	background-position: left center;
	background-repeat: no-repeat;*/
	text-align: center;
	float: left;
	padding-top: 15px;
	color: #939393;
	width: 180px !important;
	height: 27px;
}
#search	.searchbg .searchbar{height: 16px;width: 182px;float: left;}
#search	.searchbg>.btns{height: 16px;width: 19px;float: left;margin-top: 4px;margin-right: 0px; padding:0;}
#search  .search{
	margin: 0;
	padding: 0px;
	/*padding-left: 10px;*/
	width: 140px !important;
	background-color: #FFF;
	color: #939393;
	padding-top: 3px;
	/*padding-left: 6px !important;*/
	border: 1px solid #FFF;
}


/*---tool---字級設定區---------------*/
#topnav	.tool{
	height: 27px;
	width: 350px;
	.width: 360px;
	float: right;
	color: #fff;
	font-size: 80%;
	}

#topnav	.tool{ padding-top:20px;}
#topnav .tool_a{width: 195px;float: left;}
#topnav .tool_font{	width: 150px;.width: 160px;float: right;color: #fff;}
#topnav	.tool_font td{ padding-right:5px;color: #fff; .padding-right:5px;}		
/*內頁-訪客人數*/
#topnav	.tool #people{width: 193px; float:right; color:#fff;}
#topnav	.tool #people td{color:#fff;padding-top:2px;}

#topnav	.tool .btn_email {
	height: 25px;
	width: 128px;
	margin-top:-4px;
	float:left;
}

/*主內容---------------*/	
#main{
	min-height: 400px;
}
.main{
	min-height: 400px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	}

/*首頁-3欄 左中右*/		
#main_left{	min-height: 400px;width: 207px;float: left; margin-top:17px;}
#main_center{min-height: 400px;width: 753px;/*width: 546px;*/float: left; margin-left:17px; margin-top:17px;}
#main_right{min-height: 400px;width: 193px;float: right; margin-top:17px;}
/*右欄*/
#right{min-height: 400px;width: 756px;float: left; margin-left:17px; margin-top:17px;}

/*左側主選單*/
#main_left .menubg{
	width: 207px;
	min-height: 913px;
	.height: 963px;
	background:#fff195 url(../images/menubg.png) no-repeat center top;
	cursor: pointer;
}
#main_left .menubg_page{
	width: 207px;
	min-height: 700px;
	background:/*#fff195*/ url(../images/menubg.png) no-repeat center top;
}
#main_left #menu{
	width: 177px;
    margin-left:15px;
	margin-right:15px;
	padding-bottom: 15px;
	color:#000;
	overflow:hidden;
	margin-top: -5px;
}
#main_left #menu .icon{
	background-image: url(../images/menu_icon3.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
	margin-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffd223;
	padding-bottom: 8px;
	font-size: 110%;
	font-weight: bold;
	color: #000;
}
#main_left #menu .en{
	font-size: 70%;
	color: #a54200;
	line-height:10px;
} 
/*#main_left #menu a .icon{
	font-size: 123%;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}*/

#main_left #menu a .en{
	font-size: 70%;
	color: #a54200;
	line-height:10px;
	text-decoration: none;
}
#main_left  #menu ul li ul li{
	font-size: 90%;
	margin-left: 10px;
	padding-left: 10px;
	line-height: 16px;
	padding-bottom: 8px;
	color: #260000;
	background-image: url(../images/menu_icon2.png);
	background-repeat: no-repeat;
	background-position: left center;
	
}
#menu a{color: #260000;	font-size: 90%;}
#menu a:hover{
	color: #260000;
	text-decoration: none;
}
#menu ul li ul li a{color: #260000;	font-size: 90%;}
#menu ul li ul li a:hover{
	color: #260000;
	text-decoration: underline;
}
#main_left #menu .on{ text-decoration:underline; .text-decoration:none;}
/*#mu {margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    width: 278px;
    height: 100%;
    border: 4px solid #fc0;
    background-color: #ff6;
    font: 12px Arial, Helvetica, sans-serif;}
#mu li a{ display: block;
    overflow:hidden;
    padding-left: 10px;
    height: 30px;
    width: 268px;
    text-decoration: none;
    color: #600;}
#mu li a:hover{
	    background-color: #fc0;
    height: 100%;
    color: #000;}*/
	
#main_left .leftshow{font-size: 90%; padding:10px 0px;}
	
	
/*最新消息news*/
#news{margin-bottom:5px;}
#news .newsbox2{
	width: 100%;
	float: left;
	overflow: hidden;
	margin: 0px;
	background-image: url(../images/boxbg_news.jpg);
	background-repeat: repeat-x;
	background-position: center 35px;
	border: 1px solid #e6e6e6;
	margin-bottom:8px;
}
.news_title{
	background-image: url(../images/icon_news.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 150%;
	padding-left: 40px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #434343;
	}
.news_title .en{font-size: 80%;color: #e5e5e5;font-weight: bold;}
.newsbox2 .newstitlebg{
	background-image: url(../images/newstopbg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 35px;
	width: 753px;
	padding-left: 4px;
	padding-right: 0px;
	margin: 0px;
}
.newsbox2 .div_1 { padding-top: 7px;padding-left:5px;}
.newsbox2 .div_1 table td {
	height: 28px;
	width: 90px;
	font-size: 100%;
}
.newsbox2 .div_1 table td:hover  {
	height: 28px;
	width: 90px;
	background-image: url(../images/newsmenu_h.png);
	background-repeat: no-repeat;
	background-position: center -2px;
	margin: 0px;
	padding:0px;
	padding-top: 4px;
}
.newsbox2 .newsfocus  {
	height: 29px;
	width: 72px;
	background-image: url(../images/menu_h2.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding:0px;
	color:#FFF;
}
.newsbox2 .div_2{
	font-weight: bold;
	padding: 0px;
	margin:0;
	padding-top: 3px;
}
.newsbox2 .div_2 a:link,.newsbox2 .div_2 a:visited,.newsbox2 .div_2 a:active {color: #FFF;padding: 0px;	margin:0;font-weight: bold; }
.newsbox2 .div_2 a:hover{	color: #FFF;font-weight: bold;}
.newsbox2 .padd01{margin: 8px;}

.newsbox2 .news_list {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	width: 605px;
	height: 166px;
	color: #FFF;
	float:left;
	/*text-align:justify; */
}
.newsbox2 .news_item {
    padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #a2a2a2;
}
.newsbox2 .news_item a {color: #444;}
.newsbox2 .news_item a:hover {	color: #e87624;	text-decoration: none;}

.newsbox2 .news_message2{
	padding: 0px;
	height: 20px;
	overflow: hidden;
	color: #444444;
	/*margin-top: 6px;*/
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding-top: 3px;
	padding-left: 22px;
	font-size: 95%;
	background-image: url(../images/arrow_1.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	line-height: 14px;
	text-align:left;
	white-space:nowrap; 
	width:75%;
	text-overflow:ellipsis; /*省略符號*/
}
.newsbox2 .news_date {
margin-left: 8px; float: right;color: #919191;font-size: 95%;padding-top: 3px;
}

.newsbox2 .news_img {
	float: left;
	width: 121px;
	height:156px;
	padding-right: 5px;
	overflow:hidden;
    margin-right: 5px;
}
.newsbox2 .news_img img {
	padding: 0px;
	border: 3px solid #e6e6e6;
}

.newsbox2 .more{
	float: right;
	color: #fff;
	background-color: #000;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	font-size: 80%;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	font-weight: bold;
}
.newsbox2 .more a {color: #fff;}
.newsbox2 .more a:hover{color: #ffad2c;text-decoration: none;}


/*地政問答Q&A*/
#qa{
	clear: both;
}
.qabox2{
	width: 753px;
	float: left;
	overflow: hidden;
	margin: 0px;
	background-image: url(../images/boxbg_news.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	border: 1px solid #e6e6e6;
	margin-bottom:5px;
}
.qa_title{
	background-image: url(../images/icon_qa.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 150%;
	padding-left: 40px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #434343;
	}
.qa_title .en{font-size: 80%;color: #e5e5e5;font-weight: bold;}
/*.qabox2 .qatitlebg{
	background-image: url(../images/newstopbg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 35px;
	width: 546px;
	padding-left: 4px;
	padding-right: 0px;
	margin: 0px;
}*/
.qabox2 .div_1 { padding-top: 7px;padding-left:5px;}

.qabox2 .div_2{
	font-weight: bold;
	padding: 0px;
	margin:0;
	padding-top: 3px;
}
.qabox2 .div_2 a:link,.qabox2 .div_2 a:visited,.qabox2 .div_2 a:active {color: #FFF;padding: 0px;	margin:0;}
.qabox2 .div_2 a:hover{	color: #FFF;}
/*.qabox2 .padd01{margin: 10px 0px;}*/

.qabox2 .qa_list {
	margin: 0px;
	padding: 10px 10px;
    overflow: hidden;
	/*width: 523px;*/
	/*height: 256px;*/
	color: #FFF;
	float:left;
	/*text-align:justify; */
}
.qabox2 .qa_item {
	width: 100%;
	min-width:734px;
    padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #a2a2a2;
}
.qabox2 .qa_item a {color: #444;}
.qabox2 .qa_item a:hover {	color: #925492;	text-decoration: none;}

.qabox2 .qa_message2{
	padding: 0px;
/*	height: 20px;*/
	/*overflow: hidden;*/
	color: #444444;
	/*margin-top: 6px;*/
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 22px;
	font-size: 95%;
	background-image: url(../images/arrow_2.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
	line-height: 14px;
	text-align:left;
}
.qabox2 .qa_date {padding-left: 8px;color: #afafaf;font-size: 95%;margin-top: 5px;}
.qabox2 .more{
	float: right;
	color: #fff;
	background-color: #000;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	font-size: 80%;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	font-weight: bold;
}
.qabox2 .more a {color: #fff;}
.qabox2 .more a:hover{color: #ffad2c;text-decoration: none;}


/*------------------------------------------------*/
#online{clear: both;}
#online .bid{ float:left; width:200px; margin-right:12px;}
#online .bid .titlebg{
	background-image: url(../images/online_bid.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 38px;
	font-size: 150%;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	margin:0;
	padding:0;
	padding-left: 10px;
}
#online .bid .color{ color:#e38de3;font-weight: bold;}
#online .bid .box{	
    margin: 0px;
	/*background-image: url(../images/boxbg_online.jpg);
	background-repeat: repeat-x;
	background-position: center top;*/
	border: 1px solid #e6e6e6;
	min-height:205px;
	padding:15px 10px;
	text-align:left;
	}
#online .box img{margin-bottom:5px;width:100%; height:auto;}
#online .quiry{ float:left; width:200px;}
#online .quiry .titlebg{
	background-image: url(../images/online_quiry.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 38px;
	font-size: 150%;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	margin:0;
	padding:0;
	padding-left: 10px;
}
#online .quiry .color{ color:#77b554;font-weight: bold;}
#online .quiry .box{	
    margin: 0px;
	/*background-image: url(../images/boxbg_online.jpg);
	background-repeat: repeat-x;
	background-position: center top;*/
	border: 1px solid #e6e6e6;
	min-height:205px;
	padding:15px 10px;
	text-align:left;
	}
#online .quiry img{margin-bottom:5px; width:100%; height:auto;}

#online .statistics{ float:right; width:330px;}
#online .statistics .titlebg{
	background-image: url(../images/online_statistics.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 38px;
	font-size: 150%;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	margin:0;
	padding:0;
	padding-left: 15px;
}
#online .statistics .color{ color: #20aff5;font-weight: bold;}
#online .statistics .box{	
    margin: 0px;
	border: 1px solid #e6e6e6;
	min-height:200px;
	padding:10px 10px;
	text-align:left;
	}
#online .statistics img{width:100%; height:auto;}
.statistics #myPic{
	position:relative;
	width:308px;
	height:215px;
	margin:0 auto;	
}
#myPic #prev{
	cursor:pointer;
	
	width:25px;
	height:25px;
	top:49%;
	bottom:auto;
	left:0px;
	z-index:88888;position:absolute;
	opacity:0.4;
}

#myPic #next{
	cursor:pointer;
	
	width:25px;
	height:25px;
	top:49%;
	bottom:auto;
	left: auto; right: 0px;
	z-index:88888;position:absolute;
	opacity:0.4;
}

#myPic img{
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:100%;
	height: auto;
}
/*link*/
#link{
	min-height: 60px;
	width: 980px;
	/*background-color: #f4f4f4;*/
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	.margin-bottom: 0px;
	position: relative;
	clear:both;
	.padding-bottom:10px;
}
#link .link_left{
	background: url(../images/link_left.png) no-repeat 0px 0px; 
	width: 17px;
	height: 18px;
	float: left;
	top: 25px;
	position: absolute;
	left: -20px;text-indent: -9999px;
}	
#link .link_right{
	background: url(../images/link_right.png) no-repeat 0px 0px; 
	width: 17px;
	height: 18px;
	float: right;
	top: 25px;
	position: absolute;
	right: -20px;text-indent: -9999px;
}
/*#link .linkbanner{width: 153px; height:58px; float:left;margin-right: 10px;}
#link .linkbanner_6{width: 153px; height:58px; float:left;border: 1px solid #3c3c3c;}*/

/*#main_right---------------*/
#main_right #people{ margin-bottom:10px;width: 193px; float:left;}
#main_right #hotbanner{ margin-bottom:10px;width: 193px;}
#main_right #hotbanner img{ margin-bottom:5px;width: 193px;}
#main_right #login{width: 193px;margin-bottom:15px;}
#main_right #login .box{
	width: 181px;
	.width: 188px;
	padding: 5px;
	border: 1px solid #bccd00;
	/*background-color: #FFF;*/
	font-size: 12px;
	 margin-bottom:15px;
}
#main_right #login .box table{margin-right:5px;}
#main_right #login .box .in{border: 0px solid #d2d2d2; height:19px; color:#666;background-color: #f2f2f2; font-size:100%; }
#main_right #email{width: 193px;margin-bottom:5px;}
#main_right #email .font{font-size: 90%;}
#main_right #email .box{
	width: 175px;
	.width: 190px;
	padding: 8px;
	.padding: 6px;
	border: 1px solid #ae6eae;
	background-color: #FFF;
	font-size: 14px;
	margin-bottom:8px;
}
#main_right #email .box table{margin-bottom:0px;}
#main_right #email .box .in{border: 0px solid #d2d2d2; height:19px; color:#ae6eae;}
#login .font{font-size: 90%;}
#login .btn{
	color: #fff;
	background-color: #000;
	padding: 5px 12px;
	font-size: 85%;
	.font-size: 95%;
	margin-left: 3px;
	/*font-weight: bold;*/
	float:left;
}
#login .btn a {color: #fff;}
#login .btn a:hover{color: #ffad2c;text-decoration: none;}


.btnb{
	float: right;
	color: #fff;
	background-color: #000;
	padding: 4px 10px;
	font-size: 100%;
	margin: 2px;
	font-weight: bold;
	text-decoration: none;
}
.btnb a {color: #fff;text-decoration: none;}
.btnb a:hover{color: #ffad2c;text-decoration: none;}



/*下載專區*/
#main_right #download{ width:193px;margin-bottom:10px;}
#main_right #download .titlebg{
	background-image: url(../images/right_download.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 31px;
	font-size: 110%;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	margin:0;
	padding:0;
	padding-left: 25px;
	padding-top: 3px;
}
#main_right #download .box{
	margin: 0px;
	background-color: #faf9f9;
	border: 0px solid #bccd00;
	/*min-height: 195px;*/
	padding: 15px 20px;/*上右下左*/
	font-size: 90%;
	width:153px;
	.width:193px;
	}
#main_right #download .box ul li{margin-bottom: 5px;}	
#main_right #download .box a{color: #888786;}	
#main_right #download .box a:hover{color: #000;text-decoration: underline;}	
#main_right #download img{margin-bottom:5px;}

/*網站評鑑*/
#main_right #goodweb{ float:right; width:193px;}
#main_right #goodweb .titlebg{
	background-image: url(../images/right_goodweb.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 31px;
	font-size: 110%;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	margin:0;
	padding:0;
	padding-left: 25px;
	padding-top: 3px;
}
#main_right #goodweb .box{
	margin: 0px;
	background-color: #faf9f9;
	border: 0px solid #bccd00;
	padding: 15px 20px 0px 20px;
	font-size: 90%;
    width:153px;
	.width:193px;
	margin-bottom:0px;
	padding-bottom:10px;
	/*min-height:250px;*/
	height:100%;
	}
#main_right #goodweb img{margin-bottom:5px;}
/*#main_right---end------------*/

.sp {
    FONT-SIZE: 6px;
COLOR: #c0c0c0;
	text-decoration: none;
}
