@charset "utf-8";

/*--水平 Horizontal Menu Start--*/
.top .mlmenu {
	background: url(../images/menu_bg.gif) no-repeat 0px 0px;
	margin:-3px 0 0 15px;
	height:34px;
	text-align:center;
	clear:both;
}
.top .mlmenu2 {
	/*background: url(../images/menu_bg.gif) no-repeat 0px 0px;*/
	*margin:-35px 0 0 830px;
	margin:-29px 0 5px 830px;
	_margin:-40px 0 0 830px;
	height:34px;
	text-align:center;
	vertical-align:middle;
	/*clear:both;*/
}
.top .mlmenu ul ,.top .mlmenu2 ul{	
	float:left;		
	text-align:center;	
	padding:10px 0 25px 0px;
	margin:0 0 0 0 ;
}

.top .mlmenu li ,.top .mlmenu2 li{
	float: left;	
	display: inline;
	position: relative;
	z-index:99;
}
.top .mlmenu li a ,.top .mlmenu2 li a{
	text-decoration: none;
	float: left;
	display: block;	
	border-top: none;
	width: auto;
	
}
.top .mlmenu li li ,.top .mlmenu2 li li {
    clear: left;
	
}

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


.top .mlmenu li li a ,.top .mlmenu2 li li a{
   width:170px;
}
/*--水平 Horizontal 選單層級樣式Start--*/

.top .menubg ul {
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	text-align:center;
}
.top .menubg2 ul {
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	text-align:center;

	*vertical-align: 20px;
}
.top .menubg li {
	padding:0px;
	font-size:80%;
}
.top .menubg2 li {
	padding:0px;
	font-size:11px;
	padding-right:15px;
	background-image:url(../images/menu-item.gif);
	background-repeat:no-repeat;
}
.top .menubg li a.here ,.top .menubg2 li a.here  {
	font-weight: normal;
	color: #ffcc00;
	padding: 10px 8px 8px 8px;
}
.top .menubg li a {
	color: #eff7fa;
	font-size:12px;
	padding: 10px 8px 15px 8px;
}
.top .menubg2 li a {
	color: #eff7fa;
	font-size:11px;
	line-height: 14px;
	vertical-align: middle;
	padding: 8px 3px 8px 10px;
}

.top .menubg li a:hover {
	text-decoration: none;
	color: #ffcc00;
}
.top .menubg2 li a:hover {
	text-decoration: none;
	color: #ffcc00;
}
.top .menubg ul ul ,.top .menubg2 ul ul {
	margin-top:34px;
	padding:0 0 0 0px;
	background: #2b6692;
	border-top: 1px solid #17507a;
	border-left: 1px solid #17507a;
	border-right: 1px solid #17507a;
	*font-size:12px;font-size:14px;
}
.top .menubg li li ,.top .menubg2 li li{
	border-bottom: 1px solid #17507a;
	padding:0px;
}
.top .menubg li li a ,.top .menubg2 li li a {
	background-color: #2b6692;
	color: #FFF;
	font-size:100%;
	*font-size:12px;
	padding: 5px;
}
.top .menubg li li a:hover ,.top .menubg2 li li a:hover{
	text-decoration: none;
	color: #ffcc00;
}

.top .menubg img ,.top .menubg2 img{
	border: none;
	vertical-align: text-top;
	margin-left: 2px;
}






/*--Vertical 垂直 彈出定位設定 Start--*/
/*.leftbg .mlmenu {
	margin:0 0px 0 0px;
	padding:10px 0 0;
	width:100%;
	clear:both;
	background: url(../images/vertica_Menubg.gif) no-repeat 0px 40px;
 }

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

.leftbg .mlmenu ul{
 margin:20px 15px 20px 17px; padding:0px;
list-style-type: none;
 }


.leftbg .mlmenu li a{
	display: block;
	width: 164px;	
	font-size: 125%;
	color: #1E574A;
	text-decoration: none;
		
}

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


.leftbg .mlmenu li{
	display: block; 
	position: relative;

	
}
.leftbg .mlmenu li ul{
	position: absolute;
	top: 0;
	margin-top: -1px;
	margin-left: 150px;	
	display: block;	
	display:none;     
}


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

.leftbg .menubg  ul ul{
	margin-left: 181px;	
	width:auto; 
	z-index:99;
	position: absolute;
	left: 0;
	*left:auto;
	padding:0px 0px 0px 0px;	
	background-color:#FFFFFF;
	border-top: 1px solid #a4cac0;
	border-left: 1px solid #a4cac0;
	border-right: 1px solid #a4cac0;
	
}
.leftbg .menubg  ul ul ul{
	margin-left: 182px;
	 
}

.leftbg .menubg li{	
	_float:left;  /*--解決ie6點到時選單會掉下來問題--*/

	
	
}
.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: #176550;
	line-height: 25px;	
	word-wrap:break-word;
	
}


.leftbg .menubg li a:hover {
	text-decoration: none;
	color: #CC0000;	
	background-color: #82b665;
}
.leftbg .menubg li a:active {
	text-decoration: none;
	color: #006699;
	background-color: #4f9a49;
}

.leftbg .menubg li li{
	border-bottom: 1px solid #b4d4cb;	
	_width:auto; /*--展開時較不會停頓--*/
}
.leftbg .menubg li li a {
	padding:3px 3px 3px 15px;
	text-align: left;
	color: #598257;	
	/*display:block;*/
	background-image: url(../images/icon_menu2.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;	
	
}
.leftbg .menubg li li a:hover{
	text-decoration: none;
	background-color: #82b665;
	color: #FFFFFF;
	line-height: 25px;
	
}

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