@charset "utf-8";
/* CSS Document */


a:link.font1{color:#06F;}
a:visited.font1{color:#06F;}
a:hover.font1{color:#0CF;}

a:link.font2{color:#555;}
a:visited.font2{color:#555;}
a:hover.font2{color:#c30;}

a:link.font27{color:#FFF;}
a:visited.font27{color:#FFF;}
a:hover.font27{color:#e5ff30;}

a:link.font4{color:#000;}
a:visited.font4{color:#000;}
a:hover.font4{color:#c30;}

a:link.font45{color:#055db5;}
a:visited.font45{color:#055db5;}
a:hover.font45{color:#f5881c;}

a:link.font46{color:#444;}
a:visited.font46{color:#444;}
a:hover.font46{color:#F60;}

a:link.font47{color:#de4578;}
a:visited.font47{color:#de4578;}
a:hover.font47{color:#47b50f;}

a:link.font48{color:#9145de;}
a:visited.font48{color:#9145de;}
a:hover.font48{color:#05c9c9;}

a:link.font49{color:#469e1a;}
a:visited.font49{color:#469e1a;}
a:hover.font49{color:#f2248b;}

a:link.font50{color:#237D1E}
a:visited.font50{color:#237D1E}
a:hover.font50{color:#f2248b;}

.font3{color:#555555;}
.font5{color:#06F;font-size:13px;}
.font6{color:#06F;font-size:15px;}
.font7{color:#000;font-size:13px;}
.font8{font-weight:bold;}
.font9{color:#06F;font-weight:bold;}
.font10{line-height: 26px;}
.font102{line-height: 22px;}
.font11{font-size:15px;}
.font12{color:#F60;}
.font13{color:#06F;}
.font14{color:#F00;}
.font18{color:#444444;font-size:13px;}
.font19{color:#9e5205;font-size:13px;}

body { 
 font-size:15px;
 
}
#nav {
 width:180px;
 height:34px; 
 list-style-type: none;
 text-align:left;
 position:relative;
 background-repeat:no-repeat;
    /*定義整個ul菜單的行高和背景色*/
}
/*==================一層目錄===================*/
#nav a {
 width: 180px; 
 height:20px;
 display: block;
 padding-left:0px;
 padding-top:2px;
 padding-bottom:10px;
 /*Width(一定要)，否則下面的Li變形*/
}
#nav li {
  /*一層目錄的背景色*/
 /*下面的一條白色*/
 float:left;   
 /*float：left,本不需設置，但由於在Firefox不能正常顯示
 Nav的width,限制寬度，li自動向下延伸*/
}
#nav li a:hover{
  /*一層目錄onMouseOver顯示的背景色*/
}
#nav a:link  {
 color:#555555; text-decoration:none;
}
#nav a:visited  {
 color:#555555;text-decoration:none;
}
#nav a:hover  {
 color:#CC0000;text-decoration:none;font-weight:normal;
}
/*==================二層目錄===================*/
#nav li ul {
 list-style:none;
 
 text-align:left;
 padding-left:0;
 /*padding-top:16px;*/
}
#nav li ul li{ 
  /*二層目錄的背景色*/
 position:relative;
 float:left; 
 height:34px;
 
}
#nav li ul a{
 padding-left:0px;
 width:180px;
 
 /* padding-left二層目錄中文字向右移，但Width必需重新設置=(padding-left)*/
}
/*下面是二層目錄的連結樣式*/
#nav li ul a:link  {
 color:#0066FF; text-decoration:none;
}
#nav li ul a:visited  {
 color:#0066FF;text-decoration:none;
}
#nav li ul a:hover {
 color:#00CCFF;
 text-decoration:none;
 font-weight:normal;
 
 /* 二層onmouseover的字體顏色、背景色*/
}
/*==============================*/

/*==================三層目錄===================*/
#nav li ul li ul{
 display: none;
 position:absolute; 
 top:0px; left:180px; width:180px;
}

#nav li ul li:hover ul{
 display:block;	
 list-style:none;
 text-align:left;
 position:absolute; 
 top:-8px; left:180px; width:180px;
 
}
#nav li ul li:hover ul li{ 
  
  /*三層目錄的背景色*/
}
#nav li ul li:hover ul a{
 padding-left:20px;
 width:160px;
 /* padding-left三層目錄中文字向右移，但Width必需重新設置=(padding-left)*/
}
/*下面是三層目錄的連結樣式*/
#nav li ul li ul li a:link {
 color:#666666; text-decoration:none;
}
#nav li ul li ul li:hover a:visited{
 color:#666666;text-decoration:none;
}
#nav li ul li ul li:hover a:hover{
 color:#00CC00;
 text-decoration:none;
 font-weight:normal;
 
 /* 三層onmouseover的字體顏色、背景色*/
}
/*==============================*/

#nav li:hover ul {
 left: auto;
}

#nav li.sfhover ul {
 left: auto;
}

#content {
 clear: left; 
}
#nav ul.collapsed {
 display: none;
}
-->
#PARENT{
 width:180px;
 padding-left:0px; 
}

#nav, #nav ul li ul{ /* all lists */
padding: 0;
margin: 0;
list-style: none;
}
#nav li ul li ul li{ /* all list items */

width: 180;
}
#nav li ul li ul{ /* second-level lists */
position: absolute;
background:#EBEBEB;
width: 0;
left: 0; /* using left instead of display to hide menus because display: none isn't read by screen readers 这里用left:-999em的也行,用display:none的也行,看您喜欢用啥 */
}
*+ html #nav li ul li ul{margin: 0px -50px 0 -50px;} /* 二级菜单显示位置调整IE7 */
*html #nav li ul li ul{margin: 0px 0 0 -180px;} /* 二级菜单显示位置调整 IE6 */
#nav li ul li:hover ul, #nav li ul li.sfhover ul{ 
display:block;/* 如果上面用left的了,那么这就不用改,最多改个数,如果用display:none了,那么这里改成display:block*/
}