@charset "big5";
.top {
	height: auto;
	width: 1020px;
	/*background-color: #999;*/
	margin-right: auto;
	margin-left: auto;
	position:relative;
	z-index:99;
}
.top .logo{
	height: 53px;
	width: 239px;
	padding-top: 30px;
	padding-left: 20px;
	float: left;
	margin-bottom: 22px
}
.top .othernav{
	height: 27px;
	width: 650px;
	margin-right:20px;
	padding-right: 0px;
	/*background-image: url(../images/othernav_bg.png);
	background-repeat: no-repeat;
	background-position: center top;*/ 
	background-color:rgba(255,255,255,0.8);
	border-radius:0px 0px 6px 6px;
	float: right;
}
/*.othernav .nav{
	margin: 0px !important;
	padding: 0px !important;
	text-align:center !important;
	width: 590px;
	letter-spacing:0px !important;
	font-size: 10px !important;
	font-size: 70% !important;
	padding-top: 5px !important;
	padding-left: 16px !important;
	.padding-left: 25px;
}*/
.othernav .nav{
	margin: 0px !important;
	padding: 0px !important;
	text-align:right !important;
	width: 630px;
	letter-spacing:0px !important;
	font-size: 10px !important;
	font-size: 70% !important;
	padding-top: 5px !important;

}
.nav a:link,.nav a:visited,.nav a:active
{
    color: #000;

}
.nav a:hover{
	color: #000;
	text-decoration: underline;
}
.top .topmu{
	position:absolute;
	height: 45px;
	width: 953px;
	top: 131px;
	left:33px;
	z-index:1;
	list-style:none;
}

.menu0516 {
	/*width: 750px;*/
	height:40px;
	padding-left: 15px;
	/*background-image: url(images/menu.png);
	background-repeat: no-repeat;*/
	background:#2d2d2e;.background:#2d2d2e;/*IE6/.IE7*/
    background:linear-gradient(#4d4d4d 50%, #2d2d2e 50%);
    background: -webkit-linear-gradient(#4d4d4d 50%, #2d2d2e 50%);/*Chrome10+,Safari5.1+*/
    background: -ms-linear-gradient(#4d4d4d 50%, #2d2d2e 50%);/*IE10+*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#2d2d2e',GradientType=0);/*IE6-9*/ 
	font-family: Arial, Helvetica, sans-serif, "微軟正黑體" ;
	text-decoration:none;
	color: #fff;
	
}
/* remove all the bullets, borders and padding from the default list styling */
.menu0516 ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu0516 > ul > li > a{margin-top:5px; padding:0px 14px;font-size: 16px;font-weight:bold; letter-spacing:2px;}

.menu0516 ul ul {}
.menu0516 li {
	float: left;
	/*width: 98px;*/
	position: relative;
	/*background-image: url(images/menu_l.png);
	background-repeat: no-repeat;
	background-position: right top;*/
}
/* style the links for the top level */
.menu0516 a, .menu0516 a:visited {
    display:block;
	font-family: Arial, Helvetica, sans-serif, "微軟正黑體" ;
	text-decoration:none;
	color: #fff;
    height:30px; 
    padding:0px 8px;
    line-height:30px;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu0516 ul li ul {
visibility:hidden;
position:absolute;
height:0;
top:35px;/*第2層上方距離*/
left:0; 
width:352px;
}
.menu0516 ul li .mu.last{width:175px;}/*選單少*/

/* style the table so that it takes no part in the layout - required for IE to work */
.menu0516 table {position:absolute; top:0; left:0;}
.menu0516 ul li .mu{ background:#FFF;height:auto;}
.menu0516 ul li ul li { width:170px;line-height:100%; font-weight: normal; font-size:90%; border-left:3px solid #ffcc00; margin:3px 0px; margin-left:2px;}  
.menu0516 ul li ul li.title{ color:#6CC; font-weight:bold;}
.menu0516 ul li ul li a,.menu0516 ul li ul li a:visited {color: #000;background: rgb(255,255,255);}


/*第1層HOVER設定*/
.menu0516 > ul > li:hover > a {color:#000; background-color:#FFF; margin-top:5px; border-radius:6px 6px 0px 0px;}
/*第2層HOVER設定*/
.menu0516 ul ul :hover > a {color:#000;background:#F4f4f4;.background:#F4f4f4 !important; text-decoration:underline;}
/* make the second level visible when hover on first level list OR link */
.menu0516 ul li:hover ul,
.menu0516 ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu0516 ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu0516 ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu0516 ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu0516 ul :hover ul :hover ul :hover ul { 
visibility:visible;
}