﻿/* 整體 */

#all {
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 1002px;
}

body {
	behavior: url("css/csshover.htc"); /* ie6 hack:hover */
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bg.gif);
    background-attachment: fixed;
}

img {
	margin: 0px;
	padding: 0px;
}

/* 上方主圖區 */

#mycounter {
	position: absolute;
	left: 460px;
	top: 237px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
        color: #ff6000;
        
}

#logo {
	position: absolute;
	left: 40px;
	top: 15px;
}
#color {
	position: absolute;
	right: 30px;
	float: left;
}

#color img {
	margin: 0px;
	padding: 0px;
	float: left;
}

#color ul {
	margin: 0px;
	padding: 0px;
}
#color li {
	float: left;
	list-style-type: none;
}

#picture {
	position: relative;
	float: left;
	height: 287px;
	width: 1002px;
}
#language {
	float: left;
	right: 140px;
	position: absolute;
	width: 315px;
	top: 22px;
}

#language img {
	margin: 0px;
	padding: 0px;
	float: left;
}

#language ul {
	margin: 0px;
	padding: 0px;
}
#language li {
	float: left;
	list-style-type: none;
}

#main_image {
	float: left;

}

#fontsize {
	float: left;
	right: 20px;
	position: absolute;
	top: 23px;
	width: 120px;
}

#fontsize img {
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
}

#fontsize ul {
	margin: 0px;
	padding: 0px;
}
#fontsize li {
	float: left;
	list-style-type: none;
}

#main_image {
	float: left;

}

#topmenu {
	float: left;
	right: 22px;
	position: absolute;
	top: 55px;
	width: 350px;
}
#topmenu img {
	margin: 0px;
	padding: 0px;
	float: left;
}

#topmenu ul {
	margin: 0px;
	padding: 0px;
}
#topmenu li {
	float: left;
	list-style-type: none;
}

#menu_icon {
	float: left;
	right: 30px;
	position: absolute;
	top: 90px;
	width: 200px;
}
#menu_icon img {
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
}

#menu_icon ul {
	margin: 0px;
	padding: 0px;
}
#menu_icon li {
	float: left;
	list-style-type: none;
}

#main_image {
	float: left;

}

/* 主要選項區 */
#main_menu {
	position: relative;
	float: left;
	width: 1002px;
}

#main_menu img {
	margin: 0px;
	padding: 0px;
	float: left;
}

#main_menu ul {
	margin: 0px;
	padding: 0px;
}
#main_menu li {
	float: left;
	list-style-type: none;
}
#weather {
	float: left;
	position: absolute;
	width: 205px;
	left: 25px;
	top: 8px;
}
#weather img {
	padding-right: 5px;
}

#main_menu {
	position: relative;
	float: left;
	width: 1002px;
}

#menu_tile {
	float: left;
	position: absolute;
	left: 8px;
	top: 8px;
	width: 15px;
}

#search{
	float: left;
	position: absolute;
	width: 300px;
	left: 180px;
	top: 10px;
	height: 19px;
}

#search img {
	float: left;
	margin: 0px;
	padding: 0px;
}

#search ul {
	margin: 0px;
	padding: 0px;
}
#search li {
	float: left;
	list-style-type: none;
	padding-left: 7px;
}


/* 左邊content區 */
#content {
	float: left;
	width: 1002px;
	background-color: #FFFFFF;
	position: relative;
}

#content_left {
	float: left;
	padding-top: 25px;
	padding-left: 25px;
	width: 215px;
	position: relative;
	padding-bottom: 30px;
}

#menu_lefttile {
	float: left;
	position: absolute;
	left: 8px;
	top: 25px;
	width: 15px;
}

#focus {
	float: left;
	width: 215px;
}

#focus_title {
	float: left;
	width: 220px;
}

#focus_title img {
	float: left;
	padding-right: 5px;
}

#focus_title ul {
	margin: 0px;
	padding: 0px;
}
#focus_title li {
	float: left;
	list-style-type: none;
}


#focus_list {
	float: left;
	width: 215px;
}

#focus_list ul {
	margin: 0px;
	padding: 0px;
}
#focus_list li {
	padding-top: 5px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-image: url(../images/icon_01.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	background-position: 7px 11px;
	padding-left: 15px;
	width: 85%;
}
#photo {
	float: left;
	width: 214px;
	margin-top: 8px;
	background-image: url(../images/index_42.gif);
	height: 198px;
	position: relative;
}

#photo_title01 {
	float: left;
	position: absolute;
	top: 20px;
	left: 45px;
}

#photo_more {
	float: left;
	position: absolute;
	top: 20px;
	left: 170px;
}
#photo_01 {
	float: left;
	position: absolute;
	top: 45px;
	left: 15px;
}

#photo_word {
	float: left;
	position: absolute;
	top: 152px;
	left: 15px;
	right: 20px;
}

#place01 {
	float: left;
	margin-top: 5px;
}

#place02 {
	float: left;
	margin-top: 7px;
}

#sun {
	float: left;
	margin-top: 7px;
}

/* 中間content區 */
#content_center {
	float: left;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
	width: 498px;
	position: relative;
}

#homestyle_content_center {
	float: left;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
	width:  710px;
	position: relative;
}

#menu_maintile {
	float: left;
	position: absolute;
	left: 8px;
	top: 25px;
	width: 15px;
}

#content_center01 {
	float: left;
	width: 498px;
}

#center01_1 {
	float: left;
}

#center01_1 img {
	margin: 0px;
	padding: 0px;
}

#center01_1 ul {
	margin: 0px;
	padding: 0px;
}
#center01_1 li {
	float: left;
	list-style-type: none;
}

.newsmore2 {
	position: relative;
}
.newsmore {
	position: absolute;
}

.more01
{	
	right: 32px;
	position: absolute;
	top: 115px;	
	}
.more02 {
	right: 32px;
	position: absolute;
	top: 234px;	
}

.newslist {
	float: left;
	height: 149px;
	width: 476px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 0px;
}
.newslist   ul {
	margin: 0px;
	padding: 0px;
}
.newslist   li{
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C9C9C9;
	padding-top: 4px;
	padding-bottom: 4px;
}


#center01_1_main {
	float: left;
	height: 149px;
	width: 476px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
}

#center01_1_main ul {
	margin: 0px;
	padding: 0px;
}
#center01_1_main li {
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C9C9C9;
	padding-top: 4px;
	padding-bottom: 4px;
}

#content_center02 {
	float: left;
	width: 498px;
	padding-top: 20px;
}

#center02_1 {
	float: left;
}

#center02_1 img {
	margin: 0px;
	padding: 0px;
}

#center02_1 ul {
	margin: 0px;
	padding: 0px;
}
#center02_1 li {
	float: left;
	list-style-type: none;
}

#center02_1_main {
	float: left;
	height: 149px;
	width: 476px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
}

#center02_1_main ul {
	margin: 0px;
	padding: 0px;
}
#center02_1_main li {
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C9C9C9;
	padding-top: 4px;
	padding-bottom: 4px;
}

#content_center03 {
	float: left;
	padding-top: 15px;
}

#content_center03 img {
	margin: 0px;
	padding-right: 4px;
}
#content_center03  ul {
	margin: 0px;
	padding: 0px;
}
#content_center03  li {
	float: left;
	list-style-type: none;
}

#content_link {
	float: left;
	/*	background-image: url(../images/index_61.gif);
	background-repeat: no-repeat;*/
	height: 220px;
	width: 492px;
	position: relative;
	border: 1px solid #c6c6c6;
}
#content_link_more {
	position: absolute;
	top: 12px;
	right: 12px;
}
#content_link_left {
	position: absolute;
	top: 40px;
	left: 9px;
}
#content_link_right {
	position: absolute;
	top: 39px;
	right: 9px;
}

#content_link_title {
	position: absolute;
	left: 10px;
	top: 12px;
}
#content_link_01 {
	position: absolute;
	left: 16px;
	top: 35px;
	width:470px;
}

#content_link_01 img {
	float: left;
	width:143px;
	height:46px;
	padding: 5px;
}
#content_link_01 ul {
	margin: 0px;
	padding: 0px;
}
#content_link_01 li {
	float: left;
	list-style-type: none;
}


/* 右邊content區 */
#content_right {
	float: right;
	right: 25px;
	position: relative;
	width: 194px;
}
#content_right_up {
	float: left;
	position: absolute;
	top: 152px;
	left: 170px;
}
#content_right_down {
	float: left;
	position: absolute;
	left: 170px;
	top: 173px;
}

#content_txt {
	float: left;
	width: 100%;
	position: relative;
	padding-top: 10px;
}
#content_right01 {
	float: left;
}
#content_right02 {
	float: left;
	width: 194px;
	margin-top: 5px;
}
#content_right02 img {
	margin: 0px;
	padding: 0px;
	float: left;
}
#content_right02 ul {
	margin: 0px;
	padding: 0px;
}
#content_right02 li {
	float: left;
	list-style-type: none;
}


/* 落款區 */
#footer {
	position: relative;
	float: left;
	width: 1002px;
	height: 100px;
	background-color: #5E5E5E;
}

#aplus {
	position: absolute;
	left: 30px;
	top: 35px;
}

#adds {
	position: absolute;
	left: 140px;
	top: 20px;
	width: 550px;
}


#footer_icon01 {
	position: absolute;
	top: 33px;
	right: 190px;
}

#footer_icon02 {
	position: absolute;
	top: 33px;
	right: 105px;
}

#footer_icon03 {
	position: absolute;
	top: 55px;
	right: 143px;
}


#gov {
	position: absolute;
/*	float: left;*/
	top: 30px;
	right: 30px;
}

/* 網站地圖 */
#sitemap_all
{
	float: left;
	width: 100%;
}
#sitemap_title
{
	background-image: url(../images/sutemapline.gif);
	background-repeat: repeat-x;
	height: 33px;
}
#sitemap_content
{
	width: 100%;
}
#sitemap_content ul
{
	margin: 0px;
	padding: 0px;
}
#sitemap_content li
{
	background-image: url(../images/roadicon01.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	background-position: 1px 10px;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
}

#content_01
{
	padding-left:20px;
}

#content_01 ul
{
	margin: 0px;
	padding: 0px;
}
#content_01 li
{
	background-image: url(../images/roadicon01.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	background-position: 1px 10px;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
}


#content_02
{
	margin-top: 0px;
	margin-left:40px;	
	margin-right: 0px;
	margin-bottom: 0px;

	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;	
	
	background-image: url(../images/roadicon01.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	background-position: 1px 10px;
}

#menu_03 {
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 5px;
}
#menu_03 ul {
	margin: 0px;
	padding: 0px;
}
#menu_03  ul li {
	list-style-type: none;
	background-image: url(../images/icon_04.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	line-height: 110%;
}

.inputbutton {
	color: #FFFFFF;
	font-size: 9pt;
	text-align: center;
	vertical-align: middle;
	display: inline;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.inputcolor1 {
	background-color: #000000;
	background-image: url(../images/btn_bg00.gif);
	background-repeat: repeat-x;
	cursor: pointer;
}

.inputcolor1:hover {
	background: #cc0000;
	background-image: url(../images/btn_bg03.gif);
	background-repeat: repeat-x;	
}

/* 表格 */

.customers table
{
FONT-SIZE: 80%; 	
width:100%;
border-collapse:collapse;
}

.customers th 
{
text-align:center;
background-color:#5eafe0;
background-image: url(../images/btnn_bg00.gif);
background-repeat: repeat-x;
color:#fff;
}

.customers td, .customers th 
{
 border:1px solid #5194e4;
 padding:5px 5px 5px 5px;
}

.customers1 table
{
 FONT-SIZE: 75%;
 width:100%;
 border-collapse:collapse;
}

.customers1 td
{
	border:1px solid #5194e4;
	padding:10px;
	background-color:#e8f1fc;
	color:#424242;
	line-height:150%
}

.customers2 table
{
	width:100%;
	border-collapse:collapse;
	font-size: 75%;
}

.customers2 th
{
	text-align:right;
	color: #484848;
}

.customers2 td
{
	color: #484848;
}

.customers2 td, .customers2 th
{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #cbcbcb;
	color: #484848;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}

.customers3 table
{
	width:100%;
	border-collapse:collapse;
	border: 5px solid #c7d5e6;
}

.customers3 table table
{
	width:100%;
	border-collapse:collapse;
	border: 20px solid #ffffff;
}

.inputform1 {
	background-color: #eff4fa;
	border: 1px solid #6796ce;
	height: 18px;
	width: 210px;
}

.inputform2 {
	background-color: #eff4fa;
	border: 1px solid #6796ce;
	height: 18px;
	width: 524px;
}

/* 跑馬燈 */

#center05 {
	float: left;
	width: 490px;
	height: 80px;
	position: relative;
	margin-top: 0px;
	margin-bottom: 10px;
	background-image: url(../images/hotnews.gif);
	background-repeat: no-repeat;
}

.hotnewes {
	width: 360px;
	height: 34px;
	top: 19px;
	left: 85px;
	overflow: hidden;
	position: absolute;
	color: #0150bb;
	font-weight: bold;
	FONT-SIZE: 80%;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-align: left;
	display: table-cell;

}

.hotnewes:link {
	COLOR: #0150bb; TEXT-DECORATION: none
}
.hotnewes:visited {
	COLOR: #0150bb; TEXT-DECORATION: none
}
.hotnewes:hover {
	COLOR: #0150bb; TEXT-DECORATION: underline
}

/* 圖片輪播 */

.banner {
	width: 100%;
	padding-bottom: 0px;
	height: 34px;
	float: left;
}

#right02 {
	padding-top: 10px;
	float: left;
	width: 100%;
}
#right02 ul {
	margin: 0px;
	padding: 0px;
	float: right;
}

#right02 li {
	margin: 0px;
	padding: 0px 1px;
	list-style-type: none;
	float: left;
}

#right02 img {
	float: left;
	margin: 0px;
	padding: 0px;
}
