/* ================================================================ 
.preload1 {background: url(button-white.jpg);}
.preload2 {background: url(button-white-on.jpg);}
=================================================================== */
#nav {
    padding: 0;
    margin: 0;
    list-style: none;
    height: 60px; /*background: url(button-white.jpg) repeat-x*/
    ;
    position: relative;
    z-index: 500;
}
#nav li.top {display:block; float:left;}
#nav li a.top_link {
	display: block;
	float: left;
	height: 10px;
	line-height: 14px;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	font-family: "Microsoft JhengHei", "微軟正黑體", "Adobe 繁黑體 Std B","華康中黑體", "新細明體", arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0.3px;
	padding: 0 0 0 0px;
}
#nav li a.top_link span, #nav li a.top_link span.down {float:left; display:block; padding:7px 20px 0 20px; height:52px; background: url(button-white.jpg)}

#nav li:hover a.top_link {color:#3333;	box-shadow:2px 2px 6px rgba(0,0,0,.2);
}
#nav li:hover a.top_link span, #nav li:hover a.top_link span.down {background: #F4A745;
}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:0px; top:60px; padding: 0px 0px; border:0px solid #6E493D; white-space:nowrap; width:auto; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:auto; position:relative; float:left; width:auto; border:1px solid #3F1E16;}
#nav li:hover ul.sub li a
{display:block; font-size:12px; font-family: "Microsoft JhengHei", "微軟正黑體", "Adobe 繁黑體 Std B","華康中黑體", "新細明體", arial, sans-serif;font-weight: normal; color:#fff; padding:5px 12px 5px 12px; width:192px; letter-spacing:0.4px;line-height:14px; background:#3F1E16; text-decoration:none; opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
	z-index: 2;
	box-shadow:4px 4px 6px rgba(0,0,0,.2);

}
#nav li:hover ul.sub li a:hover 
{background:#F4A745; border:0px solid; color:#3F1E16; font-weight: normal; letter-spacing:0.4px; border-color:#3F1E16; text-decoration:none;}

#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #3F1E16; padding:3px; border:1px; border-color: #3F1E16; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

#navb {padding: 0px 0px; margin:0; list-style:none; height:40px;  position:absolute; z-index:200; width:192px;}
#navb li.top {display:block; float:left; width:192px;}
#navb li a.top_link {
	display: block;
	float: left;
	height: 10px;
	line-height: 16px;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	font-family: "Microsoft JhengHei", "微軟正黑體", "Adobe 繁黑體 Std B","華康中黑體", "新細明體", arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0.4px;
	padding: 0 0 0 0px;
	margin-left:-40px;
	margin-top:-10px;
	width:192px;
}
#navb li a.top_link span, #navb li a.top_link span.down {margin:0; float:left; display:block; padding:7px 0px 0px 19px; height:40px; background: url(button-white.jpg) repeat-x; width:192px;}

#navb li:hover a.top_link {color:#3333;	box-shadow:2px 2px 6px rgba(0,0,0,.2);
}
#navb li:hover a.top_link span, #navb li:hover a.top_link span.down {
}

/* Default list styling */

#navb  {
	position:absolute;
	z-index:200;
	width: 192px;
	
}

#navb  ul.sub
{left:0px; top:60px; padding: 0px 0px; border:0px solid #6E493D; white-space:nowrap; width:auto; height:auto; z-index:300; 	margin-top:-10px;}
#navb ul.sub li
{display:block; height:auto; position:relative; float:left; width:auto; border:1px solid #EFE8DC;}
#navb ul.sub li a
{display:block; font-size:12px; font-family: "Microsoft JhengHei", "微軟正黑體", "Adobe 繁黑體 Std B","華康中黑體", "新細明體", arial, sans-serif;font-weight: normal; color:#000; padding:5px 12px 5px 12px; width:185px; letter-spacing:0.4px;line-height:14px; background:#EFE8DC; text-decoration:none; opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
	z-index: 2;
	box-shadow:4px 4px 6px rgba(0,0,0,.2);

}
#navb li:hover ul.sub li a:hover 
{background:#A09D98; border:0px solid; color:#EFE8DC; font-weight: normal; letter-spacing:0.4px; border-color:#EFE8DC; text-decoration:none; color:#ffffff;}

#navb li:hover li:hover ul,
#navb li:hover li:hover li:hover ul,
#navb li:hover li:hover li:hover li:hover ul,
#navb li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #EFE8DC; padding:3px; border:1px; border-color: #EFE8DC; white-space:nowrap; width:90px; z-index:400; height:auto;}

#navb ul, 
#navb li:hover ul ul,
#navb li:hover li:hover ul ul,
#navb li:hover li:hover li:hover ul ul,
#navb li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}