﻿
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu *{margin:0;padding:0;list-style:none;}

.sf-menu ul{position:absolute;top:-999em;  /* left offset of submenus need to match (see below) */}
.sf-menu ul li{width:100%; height:35px; }
.sf-menu li:hover{visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li{float:left;position:relative;}
.sf-menu a{display:block;position:relative;width:138px; }
.sf-menu li:hover ul,
.sf-menu li.sfHover ul{left:0;top:55px; /* match top ul list item height */z-index:99;}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul{top:-999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul{left:138px; /* match ul width */top:0;}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul{top:-999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul{left:138px; /* match ul width */top:0;}
/*** DEMO SKIN ***/
.sf-menu{float:left; }
.sf-menu a{text-decoration:none; text-align:center; width:138px    }
 .dhz:hover{ background: url(../images/xian.png)  no-repeat; background-position:bottom;  }
.sf-menu a, .sf-menu{/* visited pseudo selector so IE6 applies text colour*/color:#666666;}
.sf-menu li a.hov:visited{color:#fff;}
.sf-menu a:hover{ color:#174694!important}
.sf-menu li{background:#ddecff; line-height:55px; width:138px;}
.sf-menu li li{ width:138px; text-align:center; height:30px;line-height:30px; background-color: rgba(111,195,240,0.9);}
.sf-menu li li a{ color:#fff;  }
.sf-menu li li a:hover{ color:#fff}
.sf-menu li li:hover{ background-color: rgba(170,228,254,0.5);}
.sf-menu li li li{  width:138px; text-align:center;height:30px;line-height:30px;background-color: rgba(124,198,238,0.9);}
.sf-menu li li li a{ color:#fff}
.sf-menu li li li li{ width:138px; text-align:center;height:30px;line-height:30px;background-color: rgba(132,197,232,0.9);}
.sf-menu li li li li a{ color:#fff}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{width:138px; color:#009be1;outline:0;}
 