@charset "big5";



/* 基本樣式
----------------- */
body {
   font-family:Arial, Helvetica, sans-serif;
   font: 11pt/24pt Arial;
   margin:0;
   padding:0;
   }


/* 版型區 
----------------- */
#all {
   width:100%;
   }

#all-c-down {
   width:100%;
   margin-top:5px;
   }

#c-center{
   width:63%;
   float:left;
   margin:0; 
   }


/* 版型區-上
----------------- */
#top {
   width:100%;
   height:175pt;
   background:url(../images/top/title.gif) no-repeat;
   }


#top-link {
   float:left;
   height:28pt;
   width:750pt;
   text-align:right;
   }

/* 版型區-左
----------------- */
#left{
   width:185px;
   height:600px;
   float:left;
   margin:0; 
   }

#left-top{
   width:185px;
   height:380px;
   float:left;
   margin:0; 
   background:url(../images/left-menu/menu_mid.gif) no-repeat;
   }

#menu {margin-top:-2px;}
#menu li{list-style-type:none; margin-left:-15px;}
#menu li a {width:129px; height:39px; display:block;}

#menu li.menu01 a {background:url(../images/left-menu/menu01_1.gif) no-repeat;}
#menu li.menu01 a:hover{background:url(../images/left-menu/menu01_2.gif) no-repeat;}
#menu li.menu02 a {background:url(../images/left-menu/menu02_1.gif) no-repeat;}
#menu li.menu02 a:hover{background:url(../images/left-menu/menu02_2.gif) no-repeat;}
#menu li.menu03 a {background:url(../images/left-menu/menu03_1.gif) no-repeat;}
#menu li.menu03 a:hover{background:url(../images/left-menu/menu03_2.gif) no-repeat;}
#menu li.menu04 a {background:url(../images/left-menu/menu04_1.gif) no-repeat;}
#menu li.menu04 a:hover{background:url(../images/left-menu/menu04_2.gif) no-repeat;}
#menu li.menu05 a {background:url(../images/left-menu/menu05_1.gif) no-repeat;}
#menu li.menu05 a:hover{background:url(../images/left-menu/menu05_2.gif) no-repeat;}
#menu li.menu06 a {background:url(../images/left-menu/menu06_1.gif) no-repeat;}
#menu li.menu06 a:hover{background:url(../images/left-menu/menu06_2.gif) no-repeat;}
#menu li.menu07 a {background:url(../images/left-menu/menu07_1.gif) no-repeat;}
#menu li.menu07 a:hover{background:url(../images/left-menu/menu07_2.gif) no-repeat;}
#menu li.menup a {background:url(../images/left-menu/p-word.gif) no-repeat; margin-left:22px}

#left-down{
   width:185px;
   height:245px;
   margin-top:3pt;
   float:left;
   background:url(../images/left-menu/left-down.gif) no-repeat;
   font: 10pt/24pt Arial;
   font-family:Arial, Helvetica, sans-serif;
   color:#015353;
   text-align:center;
   }

#pic{
   margin-top:55px;
   margin-bottom:10px;
   }

#left-down img {
   margin-top:10px;
   }

/* 版型區-右
----------------- */
#right{
   width:175px;
   height:630px;
   float:right;
   margin:0; 
   background:url(../images/right-link/link_bg.gif) no-repeat;
   }

#r-link ul{}
#r-link li{list-style-type:none; margin-bottom:7px; position:relative; right:26px;}
#r-link li a {width:150px; height:50px; display:block;}

#r-link li.link01 a {background:url(../00_index/links-pic/re-lib.jpg);}
#r-link li.link02 a {background:url(../00_index/links-pic/link-job-0311-b.jpg);}
#r-link li.link03 a {background:pink url(../00_index/links-pic/link0308.jpg) no-repeat;}
#r-link li.link04 a {background:url(../00_index/links-pic/100.gif);}
#r-link li.link05 a {background:url(../00_index/links-pic/link-981015-1.gif);}
#r-link li.link06 a {background:url(../00_index/links-pic/link_pic13.gif);}
#r-link li.link07 a {background:url(../00_index/links-pic/link_pic07.gif);}
#r-link li.link08 a {background:url(../00_index/links-pic/link_pic08.gif);}
#r-link li.link09 a {background:url(../00_index/links-pic/link_pic12.gif);}


#r-linkmore{
   float:right;
   position:relative;
   right:15px;
   display:block;
   }



/* 版型區-中
----------------- */
#middle {            /* 中間區塊大div */
   margin:0px 180px 0px 193px;
   }

#middle-s {            /* 中間(子頁)區塊大div */
   margin:0px 10px 0px 195px;
   }

#m-top {
   margin:0;
   background:url(../images/center/center_bg.gif);
   height:50px;
   width:100%;
   }

#m-t-right {         /* 右邊圓角 */
   margin:0;
   background:url(../images/center/center-tag_04.gif) top right no-repeat;
   height:50px; 
   }

#repeat {
   background:url(../images/center/center_03.gif) top right repeat-y;
   padding:0px 10px;

   }

#repeat-content {
   background:url(../images/center/center_03.gif) top right repeat-y;
   padding:0px 40px;
   }

/* 花絮detail (底色、邊框、文字)
---------------------------------- */
#repeat-content .up{
   width:100%;
   border-bottom:1px #0A49A5 dashed;
}

#td {
   background:url(../images/center/pic-frame.gif) no-repeat;
   width:200px;
   height:200px;
   text-align:center;
     }

#td1 {
   text-align:left;
   padding-left:2em;
   text-indent:-1.2em;
   font: 11pt/18pt Arial;
     }

#m-b-left {         /* 活動預告區塊 */
   width:100%;
   float:left;
   }




#m-b-right {         /* 鄉長專區區塊 */
   width:100%;
   float:right;
   }

/* c-menu切換
----------------- */
#c-menu ul {}
#c-menu li{list-style-type:none; float:left;}
#c-menu li a { width:102px; height:50px; display:block;}

#c-menu li.cmenu00 a {background:url(../images/center/center-tag_01.gif) no-repeat;margin-left:-40px;}
#c-menu li.cmenu01 a {background:url(../images/center/center-tag_02-1.gif);margin-left:-83px; }
#c-menu li.cmenu01 a:hover{background:url(../images/center/center-tag_02-1.gif);}
#c-menu li.cmenu02 a {background:url(../images/center/center-tag_03-1.gif);}
#c-menu li.cmenu02 a:hover{background:url(../images/center/center-tag_03-2.gif);}
#c-menu li.cmenu03 a {background:url(../images/center/center-tag_04-1-no.gif);}
#c-menu li.cmenu03 a:hover{background:url(../images/center/center-tag_04-2-no.gif);}




/* circly圓角效果
----------------- */
#circly-1 {           
   background: url(../images/center/center_01.gif) top left no-repeat;
   font-family:Arial, Helvetica, sans-serif;
   color:#666666;
   font: 11pt/20px Arial;
   }

#circly-1 p{           
   text-indent:2em;
   text-align:justify;
   font: 11pt/26px Arial;
   }

#circly-1 p.other{    
   text-indent:0em;
   text-align:justify;
   font: 11pt/22px Arial;
   margin:5px 0px 0px 32px;
   }

#circly-1 p.news{    
   text-indent:0em;
   text-align:justify;
   font: 11pt/30px Arial;
   }

#circly-1 h1{           
   color:#990000;
   font: 14pt/26px Arial;
   font-weight:bold;
   margin:-10px 0px -10px 0px;
   text-align:center;
   }

#circly-1 H2{           
   color:#990000;
   font: 11.5pt/26px Arial;
   font-weight:bold;
   margin:-10px 0px -10px 0px;
   }
#circly-1 H2.dlink a{color:#0A49A5;text-decoration:none;}
#circly-1 H2.dlink a:link {color:#990000;text-decoration:none;}
#circly-1 H2.dlink a:visited {color:#0A49A5;text-decoration:none;}
#circly-1 H2.dlink a:hover, a:active {color:#990000;text-decoration: underline;top:1px;left:1px;}

#circly-1 H3{           
   color:#844E00;
   font: 11pt/24px Arial;
   margin:20px 0px -10px 20px;
   text-indent:-1.3em;
   }
   #circly-1 H3.alink img{margin:8px 0px -4px 0px;}


#circly-1 H4{           
   color:#0A49A5;
   font: 11pt/26px Arial;
   font-weight:bold;
   margin:20px 0px -10px -30px;
   text-indent:2em;
   }

#circly-1 h5 {
   background:url(../images/center/center_02.gif) top right no-repeat;
   padding:1px 20px 0px;
   margin:0;
   }

#circly-1 H6{           
   color:#990000;
   font: 10.5pt/26px Arial;
   font-weight:bold;
   margin:-10px 0px -10px -30px;
   text-indent:2em;
   }

#circly-1 h7{           
   color:green;
   font: 10pt/26px Arial;
   font-weight:bold;
   margin:0px 0px 0px 30px;
   }

#c-down {
   background: url(../images/center/center_04.gif) bottom left no-repeat;
   }

#c-down p {
   background:url(../images/center/center_05.gif) bottom right no-repeat;
   display:block;
   padding:15px 20px 10px; 
   margin-top:-15px;  
   text-align:right;
   color:white;
   }

#circly-2 {
   background: url(../images/center/center_2_1.gif) top left no-repeat;
   font-family:Arial, Helvetica, sans-serif;
   color:#666666;
   font: 11pt/24px Arial;
   }

#circly-2 h6 {
   background:url(../images/center/center_2_2.gif) top right no-repeat;
   color:#66B0EE;
   padding:20px 20px 5px;
   margin:0;
   }

#circly-3 {
   background: url(../images/center/center_3_1.gif) top left no-repeat;
   font-family:Arial, Helvetica, sans-serif;
   color:#666666;
   font: 11pt/20px Arial;
   }

#circly-3 h6 {
   background:url(../images/center/center_2_2.gif) top right no-repeat;
   color:#66B0EE;
   padding:20px 20px 5px;
   margin:0;
   }

#crumb {
   width:100%;
   height:40px;
   font-size:10pt;
}

#backpage {
   float:right;
   text-align:right;
}

#where {
   float:left;
   text-align:left;
}

/* 版型區-下
----------------- */
#separate{     /* 分隔 */
   background:white;
   width:100%;
   height:2px;
   float:left;
   }

.rounded {
   background: url(../images/below/left-top.gif) no-repeat;
   width:100%; 
   font: 10pt/17pt Arial;
   color:#666666;
   }

.rounded h4 {
   background: url(../images/below/right-top.gif) top right no-repeat;
   margin-left:-500px;
   }

.rounded .main {
   background: url(../images/below/right.gif) top right repeat-y;
   padding:0px 10px 20px;
   margin-top:-20px;
   }

#b-down{
   width:100%;
   background:#006BB9 url(../images/below/below.gif);
   text-align:center;
   margin-top:-25px;
   }

#b-down p {
   font: 10pt/24pt Arial;
   color:white;
   background:#006BB9;
   }

#proclaim {
    margin:0px 100px 0px 0px;
    text-align:left;
   }

#ccessibility {
   float:left;
   margin-left:55px;
   width:110px;
   height:80px;
   }

#gov {
   float:right;
   margin-right:50px;
   width:50px;
   }

/* 連結
----------------- */
a:link {color:#666666;text-decoration:none;}
a:visited {color:#666666;text-decoration:none;}
a:hover, a:active {color: #990000;text-decoration: underline;top:1px;left:1px;}

.black a:link {color:#000000;text-decoration:none;}
.black a:visited {color:#000000;text-decoration:none;}
.black a:hover, a:active {color:#990000;text-decoration: underline;top:1px;left:1px;}

.darkblue a:link {color:#0F456D;text-decoration:none;}
.darkblue a:visited {color:#0F456D;text-decoration:none;}
.darkblue a:hover, a:active {color:#990000;text-decoration: underline;top:1px;left:1px;}

.h4link a:link {color:#0A49A5;text-decoration:none;}
.h4link a:visited {color:#0A49A5;text-decoration:none;}
.h4link a:hover, a:active {color:#990000;text-decoration: underline;top:1px;left:1px;}

.h7link a:link {color:green;text-decoration:none;}
.h7link a:visited {color:green;text-decoration:none;}
.h7link a:hover, a:active {color:#990000;text-decoration: underline;top:1px;left:1px;}


/* 業務職掌表格 (底色、邊框、文字)
---------------------------------- */
#department{
   border: 1px solid #FFD58A;
   font: 11pt/18pt Arial;
}

.lineleft{border-left: 1px solid #FFD58A;}
.lineright{border-right: 1px solid #FFD58A;}
.linebottom{border-bottom: 1px solid #FFD58A;}
.t-orange{background:#FFF6E1;}
.t-white{background:white;}
.orangedark{background:#FFD58A; color:#844E00;}