@charset "utf-8";
/* CSS Document */
.menu {
	margin:10px auto 0px;
	width: 980px;
	min-height: 40px;
	background:#4f4f4f;
	position:relative;
	font-weight:bold;
	z-index:99999;
}
.menu ul li a ul {
	position: absolute;
	top: 40px;
	background: #900;
	display: none;
}
.menu ul {
	position: relative;
	margin-left:40px;
	width:auto
}
.menu ul li {
	position: relative;
	height: 40px;
	display: block;
	float: left;
	font-size: 1em;
}
.menu .home{
	width:40px;
	height:40px;
	position:absolute;
	top:0px;
	left:0px;
	}
.menu .home a{
	padding:0px;
	width:40px;
	border:none;
	}
.menu .home img{
	width:40px;
	height:40px;
	border:none;
	}
.menu ul li a {
	display: block;
	line-height: 40px;
	float: left;
	padding: 0px 20px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
	width:100px;
	text-align:center;
	font-size:1.25em;
	transition:all ease-out .5s;
}
.menu ul li a:hover{
	transition:all ease-out .5s;
	background:#000;
	}
.menu ul li ul {
	display: none;
	width: 150px;
	position: absolute;
	z-index: 9999;
	text-align: left;
	top: 40px;
	left: -40px;
	*background:#599502;
}
.menu ul li ul li {
	display: block;
	float: none;
	width: 230px;
	height: auto;
}
.menu ul li ul li a {
	display: block;
	float: none;
	width: 150px;
	padding: 8px 10px 8px 15px;
	margin: 0px;
	border: none;
	line-height: 1.25em;
	*line-height: 1.1em;
	height: auto;
	color: #fff;
	background:#262626;
	text-decoration: none;
	text-align: left;
	border-bottom:1px #fff dotted;
	*border-bottom:1px #fff dotted;
	font-size:1.2em;
	*margin-top:0px;
	*height:17px;
}
.menu ul li ul li a:hover {
	background:#09C;
	color: #fff;
	transition:all ease-out .3s;
}

/*--Vertical 垂直 彈出定位設定 Start--*/
.leftbg .mlmenu {
	margin:5px 0px 10px 0px;
	padding:10px 0 0;
	clear:both;	
	font-size: 1.1em;
	background: url(../images/menu_bg.jpg) no-repeat left bottom #589502;
	padding-bottom:120px;
	
 }

.leftbg .mlmenu h2 {
	font-size: 125%;
	display:none;
	margin:0 0 5px 0px;
	background-image:none;
}
.leftbg .mlmenu h2 span a{color: #006699;}

.leftbg .mlmenu ul{
  margin:0px 15px 0px 5px;
  padding:0px;
  list-style-type: none;
  z-index:10;
 }


.leftbg .mlmenu li a{
	display: block;
	width: 164px;		
	color: #ccc;
	text-decoration: none;
	
}

.leftbg .mlmenu img{ padding:4px 0 0 0;}


.leftbg .mlmenu li{
	display: block; /*----解決firefox 第二層會掉下去的問題----------*/
	position: relative;
	z-index:9; /*動態選單層級需設在li才有效,不能設ul*/
	

	
}
.leftbg .mlmenu li ul{
	position: absolute;
	top: 0;
	margin-top: -1px;
	margin-left: 150px;	
	display: block;	
	display:none;      /*------預設選單先關掉,再由js控制load完所有資料再出再----------*/
	
}


/*--Vertical 選單層級樣式Start--*/
.leftbg .menubg ul {
	background-image: none;
	width:182px;    /*--要設寬度展開時才不會有第二次展開停頓的現象--*/	
	padding:0px 0px 0px 8px;	
	margin:0;
	
}

.leftbg .menubg  ul ul{
	margin:-3px 0 0 185px;	
	position: absolute;
	z-index:9;
	left: -3px;
	*left:auto;
	padding:0px 0px 0px 0px;
	border-bottom:0px;
	background: #FFF;
}
.leftbg .menubg  ul ul ul{
	margin-left: 182px;
	 
}

.leftbg .menubg li{	
	_float:left;  /*--解決ie6點到時選單會掉下來問題--*/
	padding:0px;
	
}
.leftbg .menubg li a {
	text-align: left;
	padding: 3px 0px 3px 18px;
	background-image: url(../images/icon_menu1.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;	
	color: #fff;
	line-height: 25px;	
	word-wrap:break-word;	
	border-bottom:1px dotted #ECFEDE;
	display:block;
	background:url(../images/menu_li_bg.png) no-repeat 7px 12px;
	
}

.leftbg .menubg li a:hover {
	text-decoration: none;
	color:#FF0;
}
.leftbg .menubg li a:active {
	text-decoration: none;
	color: #fff;
	background-color: #4f9a49;
}

.leftbg .menubg li li{
	width:auto; /*--展開時較不會停頓--*/
	padding:0px;
	margin:0px;	
	float:left;
		
}
.leftbg .menubg li li a {
	padding:0px 3px 0px 15px;
	text-align: left;
	color: #FFF;
	font-size:100%;
	line-height:34px;
	background:#3d6801;
}
.leftbg .menubg li li a:hover{
	text-decoration: none;
	color: #FFFFFF;
	background: #1e3300;
	padding:0px 3px 0px 15px;
}

.leftbg .menubg li a.here{
	text-decoration: none;
	color: #FF0;	
	font-weight: bold;	
}
.leftbg .menubg li li a.here{
	text-decoration: none;
	
	font-weight: normal;
	background-image:none;
}
.leftbg .menubg img {
	border: none;
	vertical-align: text-top;
	margin-left: 2px;
}
.leftbg .menubg .foot{
	padding:15px 0px 0px 0px;
	margin:0 0px;
	list-style-type: none;	
	background-image: url(../images/vertica_MenuEnd.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;		
}