@charset "UTF-8";
/*
CSS By Away
http://www.dfuns.idv.tw
 */

ul.MenuBarHorizontal{
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: 879px;
	height: 48px;
	position: absolute;
	top: 63px;
	left: 335px;
}

ul.MenuBarActive{	z-index: 1000;}

ul.MenuBarHorizontal li{
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	float: left;
	margin-right:5px;
}

ul.MenuBarHorizontal ul{
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	position: absolute;
	left: -1000em;
	background:#EEE url(../images/sub_ul.gif) repeat-x left bottom;
	padding:.4em .2em;
	border-radius:0 5px 5px 5px;
	width: 93px;
}

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible{
	left: auto;
}

ul.MenuBarHorizontal ul li{
	float:none;
	border-radius:5px;
	display:block;
	margin:.2em 0 .2em 0;}

ul.MenuBarHorizontal ul ul{
	position: absolute;
	margin: -5% 0 0 95%;}

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible{ left: auto;	 top: 0;}

ul.MenuBarHorizontal a{
	display: block;
	cursor: pointer;
	padding: 0.5em 0.75em;
	color: #000;
	text-decoration: none;
	white-space: nowrap;
	text-align: center;
	line-height: 1.6;
	background: url(../images/btn.gif);
	border-radius: 5px 5px 0 0;
	font-family: "華康魏碑體";
	font-size: 18px;
}

ul.MenuBarHorizontal ul a{
	text-align: center;
	border-radius: 0;
	color: #09C;
	background: none;
	padding: .3em .4em;
	font-size: 1em;
	line-height: 15px;
}

ul.MenuBarHorizontal ul a:hover{
	background:none;
	color:#FFF;
	margin:0;
	padding-top: 0.1em;
	padding-right: 0.4em;
	padding-bottom: 0.3em;
	padding-left: 0.4em;
}

ul.MenuBarHorizontal a span{
	font-size: 0.7em;
	-webkit-text-size-adjust: none;
}

li.color1 a{ background-position:0 0;}
li.color2 a{ background-position:0 -50px;}
li.color3 a{ background-position:0 -100px;}
li.color4 a{ background-position:0 -150px;}

.color1 li:hover{
	background:#31b414;
}
.color2 li:hover{
	background:#fc8800;
}
.color3 li:hover{
	background:#3e53ff;
}
.color4 li:hover{
	background:#ff283f;
}

ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus{

}

ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible{
	background:url(../images/hover.gif);
	color:#000;
	padding: 0.5em 0.75em .8em;
	margin-top:-.3em;}
