@charset "utf-8";


/*
新多階下拉選單 
不跟allstyle.css整合是因為無法作用，
似乎是media屬性的關係:<link rel="stylesheet" type="text/css" media="screen,projection" href="inc_css/main1.css" />
*/
/**********************************************************************************************/	

body {
behavior: url(/SH/Lib/csshover.htc);}

div#nav {float: left; margin: 0 0 0 0; z-index:99999; border:0px solid #FF0000;}
div#nav ul {margin: 0; padding: 0; background:#e3e3e3;  border: 0px solid #CCC; border-width: 0 0px; z-index:9999;}
div#nav li {position: relative; list-style: none; margin: 0;  float: left; line-height: 22px; text-align:center; color:#FFFFFF;font-size:13px;letter-spacing:1px; z-index:99999;}
div#nav iframe{position: relative; list-style: none; margin: 0;  float: left; line-height: 22px; text-align:center; color:#FFFFFF;font-size:13px;letter-spacing:1px; z-index:99999;}

div#nav li:hover {background: #e6f0ff;}

/*還有次項目時<li>要加上 class="submenu "*/

div#nav li a {display: block; padding: 0;  text-decoration: none; background:#D9D9D9 url(../images/bkg_subitem.gif) 0 0 repeat-x;}
/*div#nav>ul a {width: 147px;}*//*第二層的內文寬度*/
div#nav>ul a {width: auto;}/*第二層的內文寬度*/
div#nav ul ul {position: absolute; width: 147px; display: none;}/*第二層的內文縫隙*/
div#nav ul ul li {border-bottom: 1px solid #CCC;}

div#nav li a:hover{background:#B2E6FC url(../images/bkg_subitem_on.gif) 0 0 repeat-x;}
div#nav ul.level2{top: 34px; left: -1px;border: 1px solid #CCC;border-top: 2px solid #CCC; border-bottom:0;}

/*目前到第四層*/
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3,
div#nav ul.level3 li.submenu:hover ul.level4 {display:block;}

/*目前到第四層*/
div#nav ul.level3, div#nav ul.level4{top: -1px; left: 121px;  border-top: 1px solid #CCC;}

div#nav	#n-a1{height:37px;background:transparent url(../images/menu1.jpg) 0 0 no-repeat; color:#FFFFFF; width:148px;}
div#nav	#n-a1:hover{background:transparent url(../images/menu1a.jpg) 0 0 no-repeat; color:#FFFFFF;}
	
div#nav	#n-a2{height:37px;background:transparent url(../images/menu2.jpg) 0 0 no-repeat; color:#FFFFFF;width:94px;}
div#nav	#n-a2:hover{background:transparent url(../images/menu2a.jpg) 0 0 no-repeat; color:#FFFFFF;}
	
div#nav	#n-a3{height:37px;background:transparent url(../images/menu3.jpg) 0 0 no-repeat; color:#FFFFFF;width:94px;}
div#nav	#n-a3:hover{background:transparent url(../images/menu3a.jpg) 0 0 no-repeat; color:#FFFFFF;}
	
div#nav	#n-a4{height:37px;background:transparent url(../images/menu4.jpg) 0 0 no-repeat; color:#FFFFFF;width:107px;}
div#nav	#n-a4:hover{background:transparent url(../images/menu4a.jpg) 0 0 no-repeat; color:#FFFFFF;}
	
div#nav	#n-a5{height:37px;background:transparent url(../images/menu5.jpg) 0 0 no-repeat; color:#FFFFFF;width:121px;}
div#nav	#n-a5:hover{background:transparent url(../images/menu5a.jpg) 0 0 no-repeat; color:#FFFFFF;}
	
div#nav	#n-a6{height:37px;background:transparent url(../images/menu6.jpg) 0 0 no-repeat; color:#FFFFFF;width:119px;}
div#nav	#n-a6:hover{background:transparent url(../images/menu6a.jpg) 0 0 no-repeat; color:#FFFFFF;}

div#nav	#n-a7{height:37px;background:transparent url(../images/menu7.jpg) 0 0 no-repeat; color:#FFFFFF;width:115px;}
div#nav	#n-a7:hover{background:transparent url(../images/menu7a.jpg) 0 0 no-repeat; color:#FFFFFF;}

div#nav	#n-a8{height:37px;background:transparent url(../images/menu8.jpg) 0 0 no-repeat; color:#FFFFFF;width:86px;}
div#nav	#n-a8:hover{background:transparent url(../images/menu8a.jpg) 0 0 no-repeat; color:#FFFFFF;}

div#nav	#n-a9{height:37px;background:transparent url(../images/menu9.jpg) 0 0 no-repeat; color:#FFFFFF;width:65px;}
div#nav	#n-a9:hover{background:transparent url(../images/menu9a.jpg) 0 0 no-repeat; color:#FFFFFF;}