/*////網站整體共通樣式////*/

body
{
    margin: 0px;
    padding: 0px;
    font-family: 新細明體;
font-size: 16px;
}

/*****整體外圍區塊***/
#wrapper
{
    background:url(imges/bodybg.gif) repeat-x;
    text-align: left;
    width: 100%;
    height:100%;
    margin: 0px;
    background-color:#ffffff;
}


/*****整體外圍區塊***/
#header
{
    color: #ffffff;
    padding: 0px ;
    margin: 0px ;
}

/*****上方資訊列*****/

#topinfo
{
    font-size: 14px;/*.8em;*/
    text-align: right;
    background-color: #ffe332;
    width: 98%;
    height: 24px;
    color: #161212;
    background-image: url(images/top-info_bg.jpg);
    padding: 5px 2% 0px 0px;
    margin: 0px !important;
    font-style: normal;
    line-height: 1.6em;
}

#topinfo a
{
    color: #433111;
    padding: 0px !important;
    margin: 0px !important;
    text-decoration: none;
}

#topinfo a:hover
{
    color: #c1951b;
    padding: 0px !important;
    margin: 0px !important;
    text-decoration: underline;
}
#logo
{
	padding: 16px 0px 0px 17px;

}

#logo a
{
    display: block;
    width: 300px;
    height: 80px;
}

#page_top_banner
{   
    background-image: url(images/index_top.jpg);
    background-repeat: no-repeat;
    width: 100%;
    padding: 0px ;
    margin: 0px ;
    height: 142px;
    background-color: #b8e15a; 
}

#ctl00_page_top_banner
{   
    background-image: url(images/index_top.jpg);
    background-repeat: no-repeat;
    width: 100%;
    padding: 0px ;
    margin: 0px ;
    height: 142px;
    background-color: #b8e15a; 
}


/*****引導列(分眾+導航列)外圍 區塊**********/
#navwrap
{
    background-color: #b8e15a;
    background-image: url(images/nav_bg.jpg);
    background-repeat: repeat;
    padding: 0px;
    margin: 0px;
    height: 30px;
    vertical-align: top;
}

#navwrap
{
    color: #b7e159;
 
}

/*****導航列區塊*****************************************************************************************/

#nav
{
    line-height: normal;
    float: left;  
    vertical-align: top;  
}
#nav img, #flock img
{
	padding: 0px;
	margin: 0px;
}

#nav ul
{
    list-style-type: none;
    padding: 0px ;
    margin: 0px ;
}

#nav li
{
	float: left;
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 0px;
	vertical-align: top;
	height: 30px;
}


.nav01, .nav02, .nav03, .nav04, .nav05, .nav06, .nav07, .nav08 , .nav09 , .nav10, .nav11
{
	background-repeat: no-repeat;
}
.nav01
{
    background-image: url(images/nav01.jpg);
    width:93px;
}
.nav02
{
    background-image: url(images/nav02.jpg);
    width:77px;
}
.nav03
{
    background-image: url(images/nav03.jpg);
     width:93px;
}
.nav04
{
    background-image: url(images/nav04.jpg);
    width:77px;
}
.nav05
{
    background-image: url(images/nav05.jpg);
    width:77px;
}
.nav06
{
    background-image: url(images/nav06.jpg);
    width:77px;
}

.nav07
{
    background-image: url(images/nav07.jpg);
    width:77px;
}
.nav08
{
    background-image: url(images/nav08.jpg);
    width:77px;
}
.nav09
{
    background-image: url(images/nav09.jpg);
    width:77px;
}

.nav10
{
    background-image: url(images/nav10.jpg);
    width:77px;
}

.nav11
{
    background-image: url(images/nav11.jpg);
    width:77px;
}

#nav li a
{
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	display: block;
	height: 0 !important;
	padding: 30px 0 0 0;
	overflow: hidden;
}

#nav a:hover
{/*
    color: #505050;
    background-image: url(images/nav_bghover.jpg);
    background-repeat: repeat-x;*/
}

/*****分眾區塊*****************************************************************************************/
#flock
{
    padding: 0px;
    margin: 0px;
    height: 30px;
    width: 210px;
    float: left; 
    vertical-align: top;  
}

#flock ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#flock li
{
    width: 50px;
    float: left;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    display: block;
}
.flock01, .flock02, .flock03, .flock04
{}

.flock01
{}
.flock02
{}
.flock03
{}
.flock04
{}


#flock li a
{
    background-image: url(images/flock_bg.jpg);
    padding: 0px 0px 0px 0px;
    background-position: bottom;
    background-repeat: no-repeat;
    display: block;
    margin: 0px;
}

#flock .current
{
    background-image: url(images/flock_bg_current.jpg);
    background-repeat: no-repeat;
    display: block;
    padding: 0px;
    margin: 0px;
}

#flock li a:hover
{
    background-image: url(images/flock_bg_current.jpg);
    background-repeat: no-repeat;
}

.side_left
{
    width: 181px;
    background: url(images/l_bg.jpg) repeat-y;
    height: 100%;
    vertical-align:top;
    border-collapse:collapse;
    
}

.side_right
{
    width: 175px;
    height: 100%;
    background: url(images/r_bg.jpg) repeat-y right;
    vertical-align: top;
}


/*****container外圍區塊.....包含右底圖*****************************************************************************************/
#containerwrap
{
    height: 100%;
    background: url(images/r_bg.jpg) repeat-y right;
    clear: both;
    padding: 0px;
    margin: 0px;
    width: 100%;
    color: #0f0000;
    border:0px;
    vertical-align:top;
}

/*****container區塊.....包含左底圖*****************************************************************************************/
#container
{
    background: url(images/l_bg.jpg) repeat-y;
    width: 100%;
    color: #0f0000;
    padding: 0px;
    margin: 0px;
    position: relative;
    height: 100%;
}
/*****路徑列*****************************************************************************************/
#route
{
    color: #477567;
    padding:5px 0px 5px 0px;
    text-align: left;
    line-height: 2em;
    font-size: 14px;/*.8em;*/
    vertical-align: baseline;
    margin:-10px 0px 0px;
    
}

#route a
{
    color: #3c97ac;
    text-decoration: none;
    vertical-align: baseline;
}

#route a:hover
{
    color: #1d89bf;
    text-decoration: underline;
}

/*
#sidebar01
{
    background: url(images/l_bg.jpg) repeat-y;
    float: left;
    width: 181px;
    margin: 0px;
    padding: 0px;
    height: 100%;
}
*/
#subtitle
{
    width: 100%;
    padding-bottom: 0px;
    margin-bottom: 0px;
}


#subtitle
{
    width: 100%;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

/*****選單區塊 4組共用*****************************************************************************************/
.submenu
{
	margin: 0em;
	padding: 0px;
	width: 100%;
	display:table;
	
}

.submenu h2
{
	margin-top: .1em;
	padding-top: 0px;
	width: 100%;
	margin-bottom: .4em;
}

.submenu ul
{ 
	padding: 0em 0px .4em 0px;
	margin: 0px;
	height: 100%;
	
	
}


.submenu li
{
	margin: 0em;
	padding: 0em;
	list-style-type: none;
	display: inherit;
	line-height:1.6em;
}

.submenu ul ul
{
    list-style-type: none;
    display:table;
}

#submenu ul ul li
{
    margin : 0px 5px 0px 0px ;
    padding: 0em ;
    list-style-type: none;
    display: block;
}

.submenu ul ul li a: {list-style-type: none;}

.submenu li a:hover
{
    color: #0f0000;
    background-color: #f4f7a6;
    text-decoration: none;
}

.submenu li a
{
    list-style-type: none;
    text-decoration: none;
}
.lf_box02
{
	background-color: #a5d151;
}
.page_lf_tit
{
    background-position: 0% 0%;
    background-image: url(images/lf_tit_bg.jpg);
    background-repeat: no-repeat;
    padding: 0px 0px 0px 2px;
    font-size: 14px;/*.8em;*/
    line-height: 32px;
    color: #ffffff;
    vertical-align: bottom;
    letter-spacing: 1px;
}
.page_lf_tit a
{
	font-size: 0.5em;
	text-decoration: none;
	font-weight: normal;
}

.lf_h2 a,.page_lf_tit a
{
    color: #009900;

}
.lf_h2 a
{
	text-decoration:none;
}
.lf_h2 a:hover
{
    color: #147be9;
    
}


.lf_h2
{
	/*background-image: url(images/lf_h2.jpg);*/
	background-position: 1.2em 1em;
	background-repeat: no-repeat;
	background-image: url(images/lfm_bg01.jpg);
	padding: 5px 0px 0px 25px;
	font-size: 1em;
	margin: 0px 0px 1px 0px;
	color: #009d76;
	letter-spacing: 1px;
	/*Modify by alonso 2010.05.04 start 99年本署活動及宣導規劃表 字折行有問題*/
	/*width: 100%;*/
	width: 90%;
	/*Modify by alonso 2010.05.04 end 99年本署活動及宣導規劃表 字折行有問題*/


}
/*.submenu left li a {text-decoration: none;}*/

/*.submenu left li a {text-decoration: none;}*/

/*****選單內文字*****************************************************************************************/
.lfm_f01, .lfm_f02, .lfm_f03, .rhm_f01, .rhm_f02, .index_lfm, .index_link, .rhm_f03,  .index_nav ,.index_nav02
{
    color: #007c0e;
    background-repeat: no-repeat;
    line-height: 1.6em;
    font-size: 16px;/*1em;*/
    display: block;
    padding:1px 5px 1px 2em;

}
/*****左選單第一階文字*****************************************************************************************/
 .lfm_f01
{
    color: #007c0e;
    padding-left: 2em;

}

/*****左選單第二階文字*****************************************************************************************/
.lfm_f02
{
    color: #007c0e;
    font-size:14px;/*.8em;*/

}
/*****左選單第一階文字*內外連樣式****************************************************************************************/
.lf_inlink1
{
    background-image: url(images/lfm_bg01.jpg);
    background-position: 1.2em .5em;
    background-repeat: no-repeat;
}
.lf_outlink1
{    background-image: url(images/lfm_bg02.jpg);
     background-position: 1.2em .5em;
     background-repeat: no-repeat;
}
/*****左選單第一階目錄******************/
.lf_file
{
	background-image: url(images/lf_menu_file.gif);
	background-position: .8em center!important;
	background-repeat: no-repeat; 
	background-position: .8em .3em;
}
/*****左選單第二階文字*內外連樣式****************************************************************************************/
.lf_inlink2
{
    background-image: url(images/lfm_bg01.jpg);
    background-position: 1.2em .5em;
    background-repeat: no-repeat;
}
.lf_outlink2
{
	background-image: url(images/lfm_bg02.jpg);
	background-position: 1.2em .5em;
	background-repeat: no-repeat;
}


/*****右選單第一階文字*****************************************************************************************/ 
.rhm_f01
{
    color: #715713;
    background-image: url(images/rhm_bg_links.jpg);
    padding-left: 2.5em;
    background-position: 1.8em .4em;
    
}

/*****右選單內連結*****************************************************************************************/
.rhm_f02
{
    color: #715713;
    background-image: url(images/rhm_bg_links.jpg);
    background-position: 1.5em .6em;
    padding-left: 2.5em;
}
/*****右選單外連結**************************************************************************************/
.rhm_f03
{
    color: #715713;    
    background-image: url(images/rhm_bg.jpg);
    background-position: 1.5em .6em;
    padding-left: 2.5em;
}

/**index左右選單文字*****************************************************************************************/
 .index_nav
{
    color: #007c0e;
    background-image: url(images/index_item01.gif);
    padding-left: 2em;
    background-position: 1em 5px;
    background-repeat: no-repeat;
    line-height: 1.6em;
    font-weight: bold;
}


.index_nav02
{
    color: #007c0e;
    background-image: url(images/index_menu_bg01.jpg);
    padding-left: 3em;
    background-position: 2.2em 5px;

}

.index_lfm
{
    color: #007c0e;
    background-image: url(images/index_menu_bg01.jpg);
    padding-left: 3em;
    background-position: 2.2em 8px;

}

.index_link
{
    color: #715713;
    background-image: url(images/links_bg.jpg);
    padding:2px 0px 3px 3em;
    background-position: 0em 0em;
}

.index_link a{
color: #ffffff;
}

.index_link a:hover{
color: #e59c00;
}

/*****content外圍(包含content+右欄)*****************************************************************************************/

#contentwrap
{
    margin-left: 181px !important;
    background-image: url(images/r_bg.jpg);
    background-repeat: repeat-y;
    background-position: right;
    padding: 0px;
    margin: 0px;
    height: 100%;
}
/*****右欄**************************************************************************************************************/
/*#sidebar02
{
    height: 100%;
    background: url(images/r_bg.jpg) repeat-y;
    float: right;
    width: 175px;
    padding: 0px;
    margin: 0px;
}*/
/*****搜尋*****************************************************************************************/
#srch
{
    background-color: #ffe556;
    margin: 0px;
}



#srch h2
{
    margin: 0px;
    padding: 0px;
    height: 21px;
	background-image: url(images/srch.jpg);
	background-repeat: repeat-x;
	font-size:.75em;
	font-weight: normal;
	
}

#srch h2 a{

text-decoration: none;
}


#content
{
    padding: 0px 15px 0px 20px;
    margin:0px;
    margin-right: 180px;
    background-color: #ffffff;
}
/*****頁尾 落款*****************************************************************************************/
#footer
{
    clear: both;
    height: 110px;
    width: 100%;
    background-image: url(images/footer_ct.jpg);
    background-repeat: repeat-x;
    background-color: #dcdacb;
    padding:0px;
    margin:0px;
    top:0px;
    text-align:left;
    vertical-align:top;

}

#footer #lf
{
    height:110px;
    width: 230px;
    float: left;
    background-image: url(images/footer_l.jpg);
    background-repeat: no-repeat;
    padding: 0px !important;
    margin: 0px !important;
}

#footer #rh
{
    height:110px;
    width: 226px;
    float: right;
    background-image: url(images/footer_r.jpg);
    background-repeat: no-repeat;
}

#footer #ct
{
    color: #534e50;
    margin: 0px;
    padding-top:5px;
}

#footer a
{
    color: #4573bd;
    text-decoration: none;
}

/*************************給網站地圖和個人化的網頁用的css********************************/

#footer1
{
    /*clear: both;*/
    height: 110px;
    width:100%;
    background-image: url(images/footer_ct.jpg);
    background-repeat: repeat-x;
    /*background-color: #dcdacb;*/
    padding:0px;
    margin: 0em 0em 0em -5.6em;
    top:0px;
    text-align:left;
    vertical-align:top;

}

#footer1 #lf
{
    height:110px;
    width: 230px;/*230*/
    float: none;
    background-image: url(images/footer_l2.jpg);
    background-repeat: no-repeat;
    /*padding:0px !important;*/
    /*margin: 0px !important;*/
}

#footer1 #rh
{
    height:110px;
    width: 52px;/*226*/
    float: right;
    background-image: url(images/footer_r.jpg);
    background-repeat: no-repeat;
}

#footer1 #ct
{
    color: #534e50;
    margin: 0px;
    padding-top:5px;
}

#footer1 a
{
    color: #4573bd;
    text-decoration: none;
}



/*****無障礙*****************************************************************************************/
.aaa
{
    float: right;
    margin: .3em !important;
}

#footer a:hover
{
    color: #794fbd;
    text-decoration: underline;
}

.ff01
{
    color: #333333;
    font-size: 12px;/*0.8em;*/
    text-decoration: none;
    line-height: 1.5em;
    padding:0px;
    margin-top: 2px;
  /*   width: 572px; */
}

.sitemap_box
{
    background-color: #fff;
    font-size: .8em;
    height: 15px;
}

.sitemap_box a{
text-decoration: none;
color: #ffffff;}
/*****無底線*****/

.noborder_bt
{
    border-bottom: 0px;
}
.noborder
{
    border: none;
}

/*網站導覽頁sitemap表格*/
#sitemap
{
    margin: 0px;
    padding: 0px;
    width: 100%;
    background-color: #ffffff;
    height:100%;
}

#sitemap_info
{
    margin: 0px 50px;
    padding: 10px 40px;
    font-size: 1em;
    line-height: 1.6em;
    background-image: url('images/rout_dot.jpg');
    background-repeat: no-repeat;
    background-position: 2.8em .4em;
    color: #636363;
    font-family: Arial;
}
#sitemap_info .info
{
    padding: 0px 0px 0px 25px;
}

table.sitemap
{
    margin: 5px 0% 5px 0%;
    padding: 0px;
    width: 100%;
    border-collapse: collapse;
    border: 1px #b6b691 solid;
    color: #666;
}

table.sitemap th
{
    margin: 0px;
    padding: 5px 0px 0px 30px;
    border-top: 1px #3fb3b0 dashed;
    width: 100%;
    text-align: left;
    border: 1px #b6b691 solid;
    background-color: #eef7bf;
    color: #6c6734;
    font-weight: bold;
    font-size: .8em;

}
th.sitemap_th_bg
{
    margin: 0px;
    background-image: url(images/sitemap_icon.jpg);
    border-top: 1px #3fb3b0 dashed;
    background-repeat: no-repeat;
    background-position: 10px 8px;    
}

table.sitemap td a, table.sitemap th a
{
    color: #6c6734;
    text-decoration: none;
}

table.sitemap td a:hover, table.sitemap th a:hover
{
    color: #6c6734;
    text-decoration: underline;
}

table.sitemap tr
{
    padding: 0px;
    margin: 0px;
}

table.sitemap td
{
    padding: 2px 20px;
    margin: 0px;
    list-style-type: none;
    font-size: .8em;
    width: 23%;
    border: 1px #b6b691 solid;
}

table.sitemap tr.altrow {
	background-color: #FFFFCC;
	border: 1px #b6b691 solid;
}

#footer .sitemap
{   color: #333333;
    font-size: 0.8em;
    text-decoration: none;
    margin: 0px 0px 0px;
    padding:0px 10%;
    line-height: 1.5em;
}

img
{
   border:0px;}
   

.node_menu
{
	width: 100%;
	font-size: 100%;
	position: relative;
	z-index: 100;
}    

.node_menu ul
{
	list-style: none;
	height: 100%;
} 

.node_menu li
{
    float: left;
    position: relative;
    width: 100%;
    padding:0px;
    margin:0px;
}    

.node_menu ul ul
{
    visibility: hidden;
    position: absolute;
    left: 100%;
    top: 0px;
    border: 1px solid #89d24e;
    display: none;
}    

.node_menu table
{
    position: relative;
    top: -20px;
    left: 82%;
    font-size: 1em !important;
    vertical-align: middle;
}    

.node_menu ul li:hover ul, .node_menu ul a:hover ul
{
	visibility: visible;
	padding:0px;
    margin:0px;
      display: block;
}    

.node_menu a
{
    display: block;
    text-decoration: none;
    text-align: left;
    vertical-align: middle;
    
}    

.node_menu li a:hover 
{
    border: 0;
    height:100%;
}    

.node_menu ul ul li
{
    clear: both;
    text-align: left;
    background-color: #e8ff8d;
    vertical-align: bottom;
    border-bottom: 1px solid #89d24e;
}    

.node_menu ul ul li a
{
    display: block;
    width: 200px;
    margin: 0;
    font-size: .8em!important;    
    font-size: 1em;
    background-color: #e8ff8d;

} 

.node_menu ul ul li a:hover
{
  background-color:#ecf64f;

}