﻿.container { margin: 0 auto; width:100%;  position:relative; }
#main { width:1000px; background-color:#ffffff; border-right:1px solid #AFAFAF;border-left:1px solid #AFAFAF; margin: 0 auto; box-shadow:0px 4px 12px 2px rgba(20%,20%,40%,0.5); }
ul, li { list-style:none; margin:0;	padding:0;}
body { clip: rect(auto,auto,auto,auto);background-image:url(../images/bg1.jpg); margin: 0px; margin-bottom: 0px; font-family:"微軟正黑體","Times New Roman";	color:#000000;	font-size:0.9em; }
#head_box{ width:1000px; background-image:url(../../Images/People/master/head.jpg); background-repeat:repeat-x; height:181px; margin: 0 auto; }


.content { margin:0 auto; width:1000px; }
#index_bg { background-image:url(../../images/index_bg.jpg); width:806px; height:618px; float:left; background-repeat:no-repeat; }
#side_menu { background-image:url(../../images/People/master/menu_bg.jpg); width:194px; height:540px; float:left; }
#side_menu ul { width:184px; height:42px;} 
#side_menu ul li { cursor:pointer; width:184px; height:42px; margin:0px 0 13px 0; }
#side_menu ul li.menu_name { margin-bottom:10px; width:184px; height:73px;}

.article  { width:806px; height:auto; float:left;}
.banner_1 { background-image:url(../../images/People/master/banner1.jpg); width:806px; height:93px;}
.banner_2 { background-image:url(../../images/People/master/banner2.jpg); width:806px; height:93px;}
.banner_3 { background-image:url(../../images/People/master/banner3.jpg); width:806px; height:93px;}
.banner_4 { background-image:url(../../images/People/master/banner4.jpg); width:806px; height:93px;}
.banner_5 { background-image:url(../../images/People/master/banner5.jpg); width:806px; height:93px;}
.banner_6 { background-image:url(../../images/People/master/banner6.jpg); width:806px; height:93px;}
.banner_7 { background-image:url(../../images/People/master/banner7.jpg); width:806px; height:93px;}
.banner_8 { background-image:url(../../images/People/master/banner8.jpg); width:806px; height:93px;}
.banner_9 { background-image:url(../../images/People/master/banner9.jpg); width:806px; height:93px;}
.inner_bg { background-image:url(../../images/People/master/inner_bg.jpg); width:806px; background-repeat:repeat-y;}

.news_box { width:740px; padding:10px 25px; }
.icon_box { width:3%; float:left; margin:15px 10px 0 5px; text-align:center;}
.icon1 { background-image:url(../images/icon1.jpg); width:19px; height:19px; }
.news_title { background-color:#e5e5e5; width:740px; height:35px; padding:5px 0; }
.news_inner { width:740px; height:40px; border-bottom:2px dashed #e5e5e5; padding:5px 0; }
.news_inner_article { width:740px; height:auto;  padding:15px 0; }
.news_inner_font { font-size:1.1em; width:100%; color:#1400C6; margin-bottom:10px;}
.news_font1 { width:80%; text-align:center; color:#838383; font-size:1.3em; font-weight:bold; margin-top:5px; float:left; }
.news_font2 { width:20%; text-align:center; color:#838383; font-size:1.3em; font-weight:bold; margin-top:5px; float:left; }
.news_font3 { cursor:pointer; width:73%; padding-right:10px; color:#5E5E5E; font-size:1.2em; margin-top:14px; float:left; overflow:hidden; }
.news_font3 a { text-decoration:none; color:#5E5E5E; }

.news_font4 { width:20%; text-align:center; color:#888; font-size:1.2em; margin-top:14px; float:left; }

#footer { background-image:url(../images/footer_bg.jpg); width:1000px; height:100px; margin:0 auto;}
#footer .copyright { font-size:0.95em; color:#8F8F8F; text-align:center; }
#footer .copyright_padding1 {  padding:40px 0 10px 0; }
#footer .copyright_padding2 {  padding:0 0 7px 0; }

.clear { clear:both;}


/*css flickr style pagination*/
div.page{padding:3px;margin:45px 0;text-align:center;}
div.page a{border:#dedfde 1px solid;padding:2px 6px;background-position:50% bottom;color:#0061de;margin:0 3px 0 0;text-decoration:none;}
div.page a:hover{border:#000 1px solid;background-image:none;color:#fff;background-color:#0061de;}
div.meneame a:active{border:#000 1px solid;background-image:none;color:#fff;background-color:#0061de}
div.page span.current{padding:2px 6px;font-weight:bold;color:#ff0084;margin:0 3px 0 0;}
div.page span.disabled{padding:2px 6px;color:#adaaad;margin:0 3px 0 0;}

.btn{ padding:7px 8px; text-align:center; margin:0 auto;  -webkit-border-radius: 5px; -moz-borde-radius:5px; border-radius: 5px; cursor:pointer; font-size:0.85em; font-weight:bold; }
.btn_color_1 { background:#c5c5c5; color:#ffffff; width:8%; clear:both; margin-top:30px; }
.btn_color_1 a { background:#c5c5c5; color:#ffffff; text-decoration:none;}

.pic_box { width:740px; margin-bottom:15px;}

table.charge { border-collapse:separate;  }
.charge caption { font-weight:bold; font-size:1.8em; text-align:center; padding:10px 0; }
.charge th { font-weight:bold; font-size:1.2em; width: 15%; text-align:left; padding:7px 0; vertical-align:top; }
.charge td { font-size:1.2em; width:85%; text-align:left; padding:7px 0; line-height:26px;}
.charge td.small { font-size:0.95em; text-align:right; padding:5px 0; line-height:22px; }

table.forms_1 { border-collapse:separate; border:1px solid #A2A2A2; margin-top:50px; }
.forms_1 caption { font-size:1.1em; text-align:left; }
.forms_1 td { font-size:1.1em; text-align:center; padding:5px 0; border:1px solid #A2A2A2;}
.forms_1 th { font-size:1.1em; text-align:center; padding:5px 10px; border:1px solid #A2A2A2;}
.forms_1 td.money { text-align:right; padding-right:10px;}
.forms_1 td.directions  { text-align:left; line-height:22px;} 
.forms_1 td.foot	 { padding-top:15px; text-align:left; }

table.file {  border-collapse:separate; border:none; margin-top:50px;}
.file caption { font-size:1.1em; text-align:left; color:#00008C; padding:5px 0;}
.file td a{ font-size:1.1em; text-decoration:underline; color:#5F5F5F; cursor:pointer;}

/*-----------------導覽頁----------------------*/
#nav_head_box{ width:1000px; background-image:url(../../Images/index/nav_head.jpg); background-repeat:repeat-x; height:182px; margin: 0 auto; }
#nav_map { background-image:url(../../images/index/map.jpg); width:547px; height:618px; float:left; position:relative;} 
.map_area_box { position:absolute;}
#map_area1 { height: 18px; width: 54px;	top: 438px;	left: 118px; } /*---楠梓--*/
#map_area2 { height: 18px; width: 54px;	top: 459px;	left: 88px;} /*---左營--*/
#map_area3 {height: 18px;width: 54px;top: 480px;left: 92px;} /*---鼓山--*/
#map_area4 {height: 18px;width: 54px;top: 486px;left: 272px;} /*---三民--*/
#map_area5 {height: 18px;width: 54px;top: 524px;left: 31px;} /*---苓雅--*/
#map_area6 {height: 18px;width: 54px;top: 503px;left: 31px;} /*---新興--*/
#map_area7 {height: 18px;width: 54px;top: 482px;left: 31px;} /*---前金--*/
#map_area8 {height: 18px;width: 54px;top: 458px;left: 28px;} /*---鹽埕--*/
#map_area9 { height: 18px;width: 54px;top: 515px;left: 124px;} /*---前鎮--*/
#map_area10 {height: 18px;width: 54px;top: 556px;left: 61px;} /*---旗津--*/
#map_area11 {height: 18px;width: 54px;top: 541px;left: 140px;} /*---小港--*/
#map_area12 {height: 18px;width: 54px;top: 506px;left: 266px;} /*---鳳山--*/
#map_area13 {height: 18px;width: 54px;top: 323px;left: 351px;} /*---茂林--*/
#map_area14 {height: 18px;width: 54px;top: 205px;left: 271px;} /*---甲仙--*/
#map_area15 {height: 18px;width: 54px;top: 251px;left: 308px;} /*---六龜--*/
#map_area16 {height: 18px;width: 54px;top: 278px;left: 258px;} /*---杉林--*/
#map_area17 {height: 18px;width: 54px;top: 336px;left: 246px;} /*---美濃--*/
#map_area18 {height: 18px;width: 54px;top: 293px;left: 193px;} /*---內門--*/
#map_area19 {height: 18px;width: 54px;top: 457px;left: 155px;} /*---仁武--*/
#map_area20 {height: 18px;width: 54px;top: 363px;left: 164px;} /*---田寮--*/
#map_area21 {height: 18px;width: 54px;top: 365px;left: 220px;} /*---旗山--*/
#map_area22 {height: 18px;width: 54px;top: 430px;left: 30px;} /*---梓官--*/
#map_area23 {height: 18px;width: 54px;top: 346px;left: 135px;} /*---阿蓮--*/
#map_area24 {height: 18px;width: 54px;top: 330px;left: 86px;} /*---湖內--*/
#map_area25 {height: 18px;width: 54px;top: 394px;left: 114px;} /*---岡山--*/
#map_area26 {height: 18px;width: 54px;top: 339px;left: 30px;} /*---茄萣--*/
#map_area27 {height: 18px;width: 54px;top: 364px;left: 101px;} /*---路竹--*/
#map_area28 {height: 18px;width: 54px;top: 467px;left: 240px;} /*---鳥松--*/
#map_area29 {height: 18px;width: 54px;top: 381px;left: 48px;} /*---永安--*/
#map_area30 {height: 18px;width: 104px;top: 402px;left: 169px;} /*---燕巢--*/
#map_area31 {height: 18px;width: 54px;top: 436px;left: 194px;} /*---大樹--*/
#map_area32 {height: 18px;width: 54px;top: 520px;left: 180px;} /*---大寮--*/
#map_area33 {height: 18px;width: 54px;top: 563px;left: 175px;} /*---林園--*/
#map_area34 {height: 18px;width: 54px;top: 407px;left: 54px;} /*---彌陀--*/
#map_area35 {height: 18px;width: 54px;top: 421px;left: 130px;} /*---橋頭--*/
#map_area36 {height: 18px;width: 54px;top: 425px;left: 274px;} /*---大社--*/
#map_area37 {height: 18px;width: 71px;top: 121px;left: 308px;} /*---那瑪夏--*/
#map_area38 {height: 18px;width: 54px;top: 162px;left: 405px;} /*---桃源--*/

.nav_right_box { width:430px; margin:0 0 20px 23px; float:left; }
.nav_news_banner { background-image:url(../../images/index/nav_newsbanner.jpg); width:426px; height:91px;}
.nav_news_bg { background-image:url(../../images/index/nav_newsbg.jpg); padding-bottom:20px; width:426px; background-repeat:repeat-y; float:left}
.nav_icon_box { width:5%; float:left; margin:15px 10px 0 5px; text-align:center;}
.nav_icon1 { background-image:url(../../images/index/icon1.jpg); width:19px; height:19px; }
.nav_news_title { background-color:#e5e5e5; width:410px; height:35px; margin-top:10px; padding:5px 0 ; }
.nav_news_inner { width:410px; height:40px; border-bottom:2px dashed #e5e5e5; padding:5px 0; }
.nav_news_font1 { width:80%; text-align:center; color:#838383; font-size:1.3em; font-weight:bold; margin-top:5px; float:left; }
.nav_news_font2 { width:20%; text-align:center; color:#838383; font-size:1.3em; font-weight:bold; margin-top:5px; float:left; }
.nav_news_font3 { cursor:pointer; width:68%; padding-right:10px; color:#5E5E5E; font-size:1.2em; margin-top:14px; float:left; overflow:hidden; }
.nav_news_font3 a { text-decoration:none; color:#5E5E5E; }
.nav_news_font4 { width:20%; text-align:center; color:#888; font-size:1.2em; margin-top:14px; float:left; }
.nav_calendar { background-image:url(../../images/index/calendar.jpg); padding:20px 0; width:409px; height:63px; float:left;}
.nav_calendar .calender_font { font-size:1.3em; color:#7B4F1E; letter-spacing:2px; font-weight:bold; margin: 3px 0 0 30px; width:100%;}
