@charset "utf-8";
/* CSS Document */
/*取消 Html 原有樣式  reset.css ---------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{ margin:0; padding:0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size: 12px; }
body { background-color: #000000; font-family: Arial, Helvetica, sans-serif; }
.h1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #f9079d; text-decoration: none; }
.h2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #ebe77c; text-decoration: none; }
.h3 { font-family: "華康中黑體(P)"; font-size: 19px; color: #BDBD00; text-decoration: none; }
.h4 { font-family: "華康中黑體(P)"; font-size: 19px; color: #FFFFFF; text-decoration: none; }
.h5 { font-family: "華康中黑體(P)"; font-size: 19px; color: #FF0000; text-decoration: none; }






/* 共用 */

.contain{ margin-right: auto; margin-left: auto; height: auto; width: 1000px; }
.header{ float: left; width: 177px; }
#header_logo { width: 177px; float: left; height: 139px; }
#header_face { width: 177px; float: left; }
#header_bg1 { float: left; }

.maincontent{ float: left; width: 823px; }
#main_menu  { float: left; }
#main_ { background-image: url(image/index_bg.jpg); background-repeat: no-repeat; width: 823px; height: 302px; float: left; }
#main_webmap { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-decoration: none; float: right; margin-top: 150px; width: 70px; }

#main_2 { background-image: url(image/about_bg2.jpg); height: 490px; background-repeat: no-repeat; float: left; width: 823px; }
#main_3 { background-image: url(image/map_bg.jpg); height: 490px; background-repeat: no-repeat; width: 823px; float: left; }
#main_4 { background-image: url(image/events_bg3.jpg); height: 490px; background-repeat: no-repeat; width: 823px; float: left; }
#main_5 { background-image: url(image/style_bg2.jpg); height: 490px; background-repeat: no-repeat; width: 823px; float: left; }
#main_6 { background-image: url(image/people_bg2.jpg); height: 601px; background-repeat: no-repeat; width: 823px; float: left; }
#main_7 { background-image: url(image/menu_bg2.jpg); height: 466px; background-repeat: no-repeat; width: 823px; float: left; }

#clear{ clear: both;}





#main_bg { float: left; }
#main_2bg { margin-top: 25px; height: 450px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; float: right; margin-right: 5px; }
#main_3bg { width: 700px; margin-top: 35px; height: 400px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; float: right; background-image: url(image/menu_hd.jpg); background-repeat: no-repeat; margin-right: 20px; }

#main_2h1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #FFFFFF; text-decoration: none; margin-top: 10px; line-height: 20px; text-align: justify; float: left; width: 357px; }
#main_2h2 { font-family: Arial, Helvetica, sans-serif; text-decoration: none; margin-top: 10px; float: left; margin-left: 35px; }
#main_2h3 { width: 357px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; margin-top: 15px; text-align: justify; float: left; }
#main_3h1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #FFFFFF; text-decoration: none; margin-top: 10px; line-height: 20px; text-align: justify; float: left; }
#main_4h1 { width: 696px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; margin-top: 10px; float: left; background-image: url(image/events_bg4.jpg); height: 349px; }
#main_4h2 { font-family: Arial, Helvetica, sans-serif; text-decoration: none; margin-top: 20px; float: left; margin-left: 35px; }
#main_4h3 { font-family: Arial, Helvetica, sans-serif; text-decoration: none; margin-top: 10px; font-size: 12px; font-weight: normal; color: #FFFFFF; float: left; line-height: 24px; margin-left: 30px; width: 650px; }

#main_4h3 .h1 a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFF99; text-decoration: none; }
#main_4h4 { font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-size: 12px; font-weight: normal; color: #FFFFFF; line-height: 24px; float: right; width: 650px; margin-top: 5px; text-align: right; }
#main_4h3 a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CCCCCC; text-decoration: none; }

#main_4h4 a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-decoration: none; }


#main_5h1 { font-family: Arial, Helvetica, sans-serif; text-decoration: none; float: left; margin-top: 10px; width: 506px; }
#main_5h2 { font-family: Arial, Helvetica, sans-serif; text-decoration: none; float: left; margin-top: 10px; margin-left: 16px; text-align: left; height: 379px; width: 176px; }
#main_5h3 { font-family: Arial, Helvetica, sans-serif; text-decoration: none; float: left; text-align: left; }
#main_5h4 { font-family: Arial, Helvetica, sans-serif; text-decoration: none; float: left; text-align: left; margin-left: 16px; }
#main_5h5 { font-family: Arial, Helvetica, sans-serif; text-decoration: none; float: left; text-align: left; margin-top: 17px; }
#main_5h6 { font-family: Arial, Helvetica, sans-serif; text-decoration: none; float: left; text-align: left; margin-left: 16px; margin-top: 17px; }
#main_6h1 { font-family: Arial, Helvetica, sans-serif; text-decoration: none; float: left; margin-top: 10px; width: 700px; height: auto; }
#main_6h2 { font-family: Arial, Helvetica, sans-serif; text-decoration: none; float: left; margin-top: 30px; }
#main_6h3 { font-family: Arial, Helvetica, sans-serif; text-decoration: none; float: left; margin-top: 30px; margin-left: 15px; }
#main_6h4 { font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-size: 12px; font-weight: normal; color: #FFFFFF; float: right; }
#main_6h4 a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #FFFFFF; text-decoration: none; }


#main_7h { font-family: Arial, Helvetica, sans-serif; text-decoration: none; float: right; width: 700px; }
#main_7h1_1 { text-decoration: none; font-size: 15px; font-weight: normal; color: #FFFFFF; margin-top: 25px; font-family: Arial, Helvetica, sans-serif; float: left; width: 697px; }
#main_7h1_3 { font-family: Arial, Helvetica, sans-serif; text-decoration: none; float: left; width: 320px; height: auto; font-size: 12px; font-weight: normal; color: #FFFFFF; line-height: 34px; }

#main_7h1_2 { font-family: Arial, Helvetica, sans-serif; text-decoration: none; float: right; width: 280px; font-size: 12px; font-weight: normal; color: #FFFFFF; line-height: 34px; margin-right: 80px; }

#main_7h2 { font-family: Arial, Helvetica, sans-serif; text-decoration: none; float: right; height: auto; margin-right: 80px; margin-top: 10px; }
#main_7h3 { font-family: Arial, Helvetica, sans-serif; text-decoration: none; float: right; height: auto; margin-right: 15px; margin-top: 10px; }
#main_7h4 { font-family: Arial, Helvetica, sans-serif; text-decoration: none; float: right; font-size: 12px; color: #FFFFFF; margin-right: 10px; }





















#main_face { float: left; width: 200px; }

#main_envir { margin-top: 5px; }
#main_food { width: 225px; font-family: Arial, Helvetica, sans-serif; line-height: 20px; text-decoration: none; margin-left: 3px; }
#main_food a { text-decoration: none; color: #555555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; }

#main_about { float: left; font-family: Arial, Helvetica, sans-serif; line-height: 18px; margin-top: 10px; text-align: left; }
#main_news a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #444444; text-decoration: none; }


#main_news { float: left; margin-left: 80px; font-family: Arial, Helvetica, sans-serif; line-height: 16px; text-align: left; width: 220px; }
#main_news li { background-image: url(image/icon_01.jpg); background-repeat: no-repeat; background-position: left 5px; margin-right: 10px; }





.footer{ background-image: url(image/index_bg3.jpg); height: 68px; background-repeat: no-repeat; width: 1000px; font-family: Arial, Helvetica, sans-serif; padding-top: 10px; float: left; }
.footer img { float: right; margin-top: -50px; margin-right: 5px; }


.footer p { font-family: Arial, Helvetica, sans-serif; color: #FFF; text-align: left; margin-left: 160px; line-height: 18px; font-size: 12px; }
.footer p a { color: #F8F6AC; }

.footer_2 p a { color: #FF0; }

.footer_2 { background-image: url(image/about_bg3.jpg); height: 68px; background-repeat: no-repeat; float: left; width: 1000px; font-family: Arial, Helvetica, sans-serif; padding-top: 10px; }
.footer_2 p { font-family: Arial, Helvetica, sans-serif; color: #FFF; text-align: center; line-height: 18px; font-size: 12px; }
.footer_2 img { float: right; margin-top: -52px; margin-right: 5px; }



/* 個別 */
#down { }
#main_7h4 a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #FFFFFF; text-decoration: none; }
#main_8h1 { font-family: Arial, Helvetica, sans-serif; text-decoration: none; float: left; font-size: 12px; font-weight: normal; color: #FFFFFF; line-height: 34px; margin-top: 10px; width: 200px; }
#main_8h1_2 { font-family: Arial, Helvetica, sans-serif; text-decoration: none; float: left; font-size: 12px; font-weight: normal; color: #FFFFFF; line-height: 34px; margin-top: 10px; width: 200px; margin-left: 10px; }
#main_8h1_3 { font-family: Arial, Helvetica, sans-serif; text-decoration: none; float: left; font-size: 12px; font-weight: normal; color: #FFFFFF; line-height: 34px; margin-top: 10px; margin-left: 10px; }
#main_7h1 { font-family: Arial, Helvetica, sans-serif; text-decoration: none; float: left; width: 260px; height: auto; font-size: 12px; font-weight: normal; color: #FFFFFF; line-height: 34px; }
#main_7h1_4 { font-family: Arial, Helvetica, sans-serif; text-decoration: none; float: right; width: 280px; font-size: 12px; font-weight: normal; color: #FFFFFF; line-height: 34px; margin-right: 80px; }
#main_7h1_1_1 { text-decoration: none; font-size: 15px; font-weight: normal; color: #FFFFFF; margin-top: 25px; font-family: Arial, Helvetica, sans-serif; float: left; width: 697px; }
.table1 { }
td { padding-top: 10px; padding-bottom: 10px; padding-left: 5px; }
.contain .maincontent #main_2 #main_2bg #main_2h1 h1 { font-size: 20px; }
