@import url("subSilver.css");
@import url("DeepBlue.css");
html {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}

body {
	margin: 0px auto;
	padding: 0px;
	width: 950px;
	height: 100%;
	background-image: url(/images/templates/mold_01_01/body_bg.jpg);
}

body, body{
	color: #686666;
	font-size: 83%;			/* 文字大小 */
	line-height: 1.5;		/* 行高 */
	letter-spacing: 0.5pt;	/* 文字間距 */
}

img {
	border: 0px;
	/*vertical-align: bottom;*/
}

a {
	text-decoration: none;
    color: #686666;
}
caption{
	color:#e45e04;
}

/* ========================================================================================
 *                                    網頁上方區塊
 * ======================================================================================== */
.top_box {
}
	.top_box td {
		background-repeat: repeat-y;
	}

.menu {
	margin: 0px 0px 0px 607px;
	padding: 0;
	list-style-type: none;
	height: 31px;
}
	.menu li {
/*		padding-top: 8px; */
		display: inline;
		padding: 0;
		float: left;
		list-style-type: none;
		text-align: center;
		height: 31px;
	}
	.menu li a {
		font-weight: bold;
		color: #FFFFFF;
	}
	.menu li.item1 {
	}
	.menu li.item2 {
	}
	.menu li.item3 {
	}
	.menu li.item4 {
	}
	.menu li.item5 {
	}
	.menu li.item6 {
	}
.menu * a {
	display: block;
}

#form_search {
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	vertical-align: middle;
}

/* ========================================================================================
 *                                    網頁左側選單
 * ======================================================================================== */
.dropdownmenu, .dropdownmenu ul, .dropdownmenu li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
	.dropdownmenu li {
		display: inline;
	}
		.dropdownmenu .head_item .sub_menu {
			position: absolute;
			margin-left: 180px;
			margin-top: -38px;
		}
.dropdownmenu  * img {
	vertical-align: bottom;
}
.dropdownmenu * a {
	display: block;
}

/* ========================================================================================
 *                                    網頁右側選單
 * ======================================================================================== */

.right_list1 {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
	.right_list1 li {
		list-style-type: none;
	}

.right_list2 {
	margin: 0px 15px 0px 15px;
	padding: 0px;
	list-style-type: none;
}
	.right_list2 li {
		text-align: left;
		padding: 0px 0px 0px 25px;
		background:url("/images/templates/mold_01_01/arrow_01.gif") no-repeat 0px 5px;
		list-style-type: none;
	}
/* ========================================================================================
 *                                    網頁底部資訊區塊
 * ======================================================================================== */
 .policy {
	padding: 5px;
	background-color: #724e02;
	color: #FFFFFF;
	text-align: center;
	font-size: 90%;
 }
 	.policy a {
		color: #FFFFFF;
	}
 
.webinfo {
	background-color: #FFFFFF;
	text-align: center;
	font-size: 95%;
}


/* ========================================================================================
 *                                    網頁主要內容區
 * ======================================================================================== */

/*
 * 全文檢索清單、分類檢所結果清單
 */
.search_list, .category_rlist {
	margin: 0px 15px 0px 15px;
	padding: 0px;
	list-style-type: none;
}
	.search_list li , .category_rlist li {
		text-align: left;
		padding: 3px 0px 3px 25px;
		background:url("/images/templates/mold_01_01/arrow_01.gif") no-repeat 0px 8px;
		list-style-type: none;
		border-bottom: 1px dotted #9999FF;
	}

.online_service, .online_service_5 {
	border: thin 3px #FFCCFF;
}
.online_service {
	padding: 10px;
}
	.online_service th, .online_service_5 th {
		white-space: nowrap;
		text-align: right;
	}
	.online_service td, .online_service_5 th {
		line-height: 2;
	}

.online_service_search {
}
	.online_service_search th {
		background-color: #C8CFD3;
		padding: 5px;
		text-align: right;
	}
	.online_service_search td {
		background-color: #ECE9D8;
		padding: 5px;
	}

.kunis_search {
}
	.kunis_search th {
		background-color: #C8CFD3;
		padding: 5px;
		text-align: right;
	}
	.kunis_search td {
		background-color: #ECE9D8;
		padding: 5px;
	}


/*
 * 最新消息、影音宣導
 */
.news_list {
}
	.news_list .date, .media_list .date {
		color: #993300;
	}

/*
 * 便民服務、主動公開資訊、問卷統計、員工專區、戶政問答、影音宣導、網網相連、申辦須知、民俗厘語、性別主流化專區
 */
.ufile_list td, .toout_list td, .tickdown_list td, .workdown_list td, .qa_list td, .media_list td, .siteurl_list td, .hygiene_list td, .lukang_style5_list td,
.gender_list td {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #9999FF;
}

/*
 * 申辦須知、戶政問答、民俗厘語
 */
.hygiene_detail {
}
	.hygiene_detail th, .qa_detail th, .lukang_style5_detail th, .photo_detail th {
		padding: 5px 0px 5px 0px;
		color: #13648d;
		text-align: right;
		white-space: nowrap;
	}
	.hygiene_detail .title, .qa_detail .title , .lukang_style5_detail .title , .photo_detail .title {
		border-bottom: 1px dotted #FFB300;
	}
/*
 * 活動剪影
 */
.photo_category, .photo_m_list {
	margin: 29px 15px 0px 15px;
	padding: 0px;
	width: 540px;
	list-style-type: none;
	text-align: center;
}
	.photo_category li, .photo_m_list li {
		float: left;
		width: 180px;
		line-height: 2;
		text-align: center;
	}
	
	.photo_category li a img.thumb, .photo_m_list li a img.thumb {
		max-width: 170px;
		max-height: 128px;
		#width: expression( width > 170 ? "170px":width);
		#height: expression( height > 128 ? "128px":height);
	}

.photo_list {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 100%;
}
	.photo_list li.photo {
		padding: 5px;
		float: left;
		width: 45%;
		text-align: center;
	}
	.photo_list li.photo img.thumb {
		max-width: 200px;
		max-height: 150px;
		#width: expression( width > 200 ? "200px":width);
		#height: expression( height > 150 ? "150px":height);
	}
	.photo_list div.note {
		padding-left: 15px;
		color: #0000FF;
		text-align: left;
	}

/*
 * 聯絡資訊
 */
.coninfo_list {
}
	.coninfo_list th {
		background-color: #C8CFD3;
		padding: 5px;
		text-align: left;
	}
	.coninfo_list td {
		background-color: #ECE9D8;
		padding: 5px;
		text-align: left;
	}
	#cimg{
		text-align: center;
	}

.p_active_list {
	border-top: 1px solid #828282;
	border-right: 1px solid #828282;
}
	.p_active_list td {
		border-left: 1px solid #828282;
		border-bottom: 1px solid #828282;
	}
	.p_active_list th {
		border-left: 1px solid #828282;
		border-bottom: 1px solid #828282;
	}

.media_detail {
}
	.media_detail th.title {
		padding: 10px;
		background-color: #F5CA25;
		color: #FFFFFF;
	}
	.media_detail td.title {
		background-color: #EEEEEE;
	}
	.media_detail th.file {
		padding: 10px;
		background-color: #bbbbbb;
		color: #FFFFFF;
	}
	.media_detail td.file {
		background-color: #EEEEEE;
	}

.sigoto_list {
}
	.sigoto_list th {
		padding: 2px 5px 2px 5px;
	}
	.sigoto_list td {
		padding: 2px 5px 2px 5px;
	}
	
.sendmail {
}
	.sendmail th {
		background-color: #E6CCE4;
		text-align: right;
	}
	.sendmail td {
		background-color: #FFFFFF;
	}

/*
 * 討論區
 */
.gbook_post {
}
	.gbook_post th {
		padding: 5px 0px 5px 10px;
		background-color: #D0DCE0;
		white-space: nowrap;
		text-align: right;
	}
	.gbook_post td {
		background-color: #E6E6FA;
		vertical-align: middle;
	}
	.gbook_post #user_name, .gbook_post #user_email, .gbook_post #topic, .gbook_post #memoirs {
		width: 450px;
	}

/*
 * 戶政問答分類、鹿港節慶、鹿港人文
 */
.qa_category, .lukang_style1_list, .lukang_style4_list {
	margin: 29px 15px 0px 15px;
	padding: 0px;
	width: 540px;
	list-style-type: none;
	text-align: center;
}
	.qa_category li, .lukang_style1_list li, .lukang_style4_list li {
		float: left;
		width: 180px;
		line-height: 2;
		text-align: center;
	}

/*
 * 鹿港景點
 */
.lukang_style2_list {
	margin: 29px 0px 0px 0px;
	padding: 0px;
	width: 600px;
	list-style-type: none;
}
	.lukang_style2_list li {
		float: left;
		width: 200px;
		text-align: center;
	}

/*******************************************************************
 *                      人口統計查詢 start
 *******************************************************************/

.people_count_list {
	padding: 20px 0px 0px 140px;
}
	.people_count_list li {
		padding: 0px 0px 0px 25px;
		background:url("/images/templates/mold_01_01/arrow_01.gif") no-repeat 0 5px;
		list-style-type: none;
		line-height: 2;
	}
	.people_count_list ul li a {
		font-size: 130%;
	}
	
.people_count_months {
}

	.people_count_months th {
		background-color: #C8CFD3;
		text-align: center;
	}
	.people_count_months td {
		text-align: center;
	}
	.people_count_months td.month {
		background-color: #ECE9D8;
	}
	
.people_count_village {
}

	.people_count_village th {
		background-color: #C8CFD3;
		text-align: center;
	}
	.people_count_village td {
		text-align: center;
	}
	.people_count_village td.village {
		background-color: #ECE9D8;
	}
	
.people_count_year_village {
}

	.people_count_year_village th {
		background-color: #C8CFD3;
		text-align: center;
	}
	.people_count_year_village td {
		text-align: center;
	}
	.people_count_year_village td.village {
		background-color: #ECE9D8;
	}
	
.people_count_years {
}

	.people_count_years th {
		background-color: #C8CFD3;
		text-align: center;
	}
	.people_count_years td {
		text-align: center;
	}
	.people_count_years td.year_month {
		background-color: #ECE9D8;
	}

/*******************************************************************
 *                      人口統計查詢鏈結 close
 *******************************************************************/


/* for accesskey */

.white:link {
	text-decoration: none;
	color: #ffffff
}
.white:visited {
	text-decoration: none;
	color: #ffffff
}
.white:hover {
	text-decoration: none;
	color: #ff0000
}
.gray:link {
	text-decoration: none;
	color: #cccccc
}
.gray:visited {
	text-decoration: none;
	color: #cccccc
}
.gray:hover {
	text-decoration: none;
	color: #ff0000
}
.blue:link {
	text-decoration: none;
	color: #B5D9FB
}
.blue:visited {
	text-decoration: none;
	color: #B5D9FB
}
.blue:hover {
	text-decoration: none;
	color: #ff0000
}

#centerht{
    width: 580px;
	text-align: left;
}
