ul.sf-menu {margin:0 0 0 70px;text-align:center;font-size:0;z-index:9;}
ul.sf-menu:after {display:block;visibility:hidden;clear:both;content:""}
ul.sf-menu li {display:inline-block;position:relative;zoom:1;}
ul.sf-menu li:last-child {background:none}
ul.sf-menu li a {display:block;position:relative;height:50px;padding:0 16px;color:#fff;font-size:14px;font-weight:700;line-height:50px;white-space:nowrap;
text-shadow:2px 2px 2px rgba(0,0,0,0.4);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}


ul.sf-menu li .hot {display:block;position:absolute;left:0px;top:-24px;}
ul.sf-menu li .best {display:block;position:absolute;left:50%;top:-24px;margin:0 0 0 -30px;}

ul.sf-menu li ul {display:none;position:absolute;left:0;top:50px;width:100px;margin:0;background:#fff;border:solid 1px #ccc;border-top:none;z-index:99;}
ul.sf-menu li ul li {display:block;float:none;position:relative;}
ul.sf-menu li ul li a {display:block;height:40px;padding:0 10px;color:#666;font-size:12px;line-height:40px;font-weight:300;text-align:left;background:#fff;border-bottom:solid 1px #eee;
text-shadow:none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
ul.sf-menu li ul li a:hover {color:#444;background:#eee;}

ul.sf-menu li ul li ul {display:block;position:absolute;left:100%;top:-1px;width:160px;margin:0;background:#fff;border:solid 1px #ccc;z-index:999;}
ul.sf-menu li ul li ul li {display:block;float:none;position:relative;}
ul.sf-menu li ul li ul li a {display:block;height:40px;padding:0 10px;color:#666;font-size:11px;line-height:40px;font-weight:300;background:#f6f6f6;border-bottom:solide 1px #eee;
text-shadow:none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
ul.sf-menu li ul li ul li a:hover {color:#444;background:#eee;}