/* This needs to be first because FF3 is now supporting this  */
.clearfix {display: inline-block;}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;padding:0;}

/* site wide */
  
#menu {margin:0px auto;position:relative;z-index: 99999;float:left;}
#menu .nav { margin: 0 auto;float:left; position: relative; z-index: 999;}
#menu .nav ul {float:left; }
#menu li {float: left; display: block; overflow: visible; vertical-align: top;list-style-position:outside}
#menu .nav ul.last{margin:0;}
#menu .nav li a:hover{ color:#FFF;}
.nav a{ cursor:pointer;}
.nav a.name {display: block; text-decoration:none; position:relative; z-index:1007;}
.nav li a.hover{color:#b00; margin-top: 0px; height: 28px;}
.menuitempanel {top: 22px; position: absolute; z-index: 999; display: none; right: 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,.3); box-shadow: 2px 2px 6px rgba(0,0,0,.3); border-bottom-right-radius: 12px; border-bottom-left-radius: 12px;}
.menuright{right:0px; left:auto;}
.menucontentdiv {background: #fff url(sg_imagesmenubg1.png) 0 0 repeat-x; border-left: 1px solid #CCC; margin-right: 7px; width:auto; height:100%; border-bottom-right-radius: 10px;border-bottom-left-radius: 10px; }
.menucontentdiv .clearfix{  position:relative;}
.menufillet_e{position: absolute;zoom: 1;display: block;overflow: hidden;
background-attachment:scroll; background-color:transparent; z-index: 999; width: 10px;height: 10px;}
.menufillet_e { background-image: url(sg_imagesmenu3.png);background-repeat: repeat-y; _background:transparent; height: 100%; right: 0px; top: 0; width: 7px;}
#menu .menuitempanel li {float: none; top: 0; line-height:24px;}

.menuitempanel ul.taxonomy { width:400px; padding-top:10px; padding-bottom:10px;}
#menu .menuitempanel ul.taxonomy li{font-size:12px;  line-height:22px; float:left; width:123px; background:none; margin:0; padding:0; margin-left:10px; padding-bottom:0px; padding-top:5px;white-space:nowrap; text-overflow:ellipsis; overflow: hidden;}
.taxonomy h3{  width:200px; height:20px;clear:both;padding-top:10px; color:#666; padding-left:20px; background:url(sg_imagesdot1.gif) no-repeat 10px 13px; font-size:14px; margin-bottom:3px; margin-top:5px;}
.menuitempanel ul.taxonomy li{ color:#000}
#menu .menuitempanel ul.taxonomy li a{ background: url(sg_imagesdot.gif) no-repeat 6px 6px ;color:#666; padding:5px 0px 5px 0px; font-weight:normal; height:auto}
#menu .menuitempanel ul.taxonomy li a:hover{ color:#000}
.shadow_b_layout {background-image: url(sg_imagesmenu1.png); background-attachment: scroll; background-repeat: no-repeat; background-position: 0 -67px; position: absolute; width: 100%; left: 0px;}
.shadow_b_layout div {background: url(sg_imagesmenu1.png) 100% -1px no-repeat;background-attachment: scroll;display: block;height: 16px;margin-left: 15px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.shadow_b_layout, .menufillet_e{ display:none;}
.menucontentdiv{ margin-right:0px;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;}
.menucontentdiv .clearfix{ padding-bottom:5px;}
}
@-moz-document url-prefix(){
.shadow_b_layout, .menufillet_e{ display:none;}
.menucontentdiv{ margin-right:0px;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;}
.menucontentdiv .clearfix{ padding-bottom:5px;}
}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
.shadow_b_layout, .menufillet_e{ display:none;}
.menucontentdiv{ margin-right:0px;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;}
.menucontentdiv .clearfix{ padding-bottom:15px;}
}/*opera专属*/
:root .shadow_b_layout, :root .menufillet_e {display:none\9;}/*IE9专属*/
:root .menucontentdiv{ margin-right:0px\9;border-right: 1px solid #CCC\9;border-bottom: 1px solid #CCC\9;}
:root .menucontentdiv .clearfix{ padding-bottom:15px\9;}


/* =======IE-6 =========*/
*html .nav a.name{float:left;}
*html .nav a.name span{float:left;}
*html .menufillet_e {position: relative; background-image: none; right: 0; top: 0; height: 1px; font-size: 1px; line-height: 1px;}
*html .menuitempanel{ top:46px;}
*html .menucontentdiv {border-bottom: 1px solid #ccc; position: relative; z-index: 1009;border-top: 1px solid #ccc;border-right: 1px solid #ccc; padding: 0px 20px 0 30px;}
*html .nav li a.hover {}
*html .nav li a.hover span { background-image: url(sg_imagesmenu1.png);}
*html .shadow_b_layout, *html .shadow_b_layout div {position: relative;background: none;height: 1px;line-height: 1px;font-size: 1px;}
*html .menuitempanel div.clearfix{padding-top:20px;}
*html .menuitempanel ul.list li.left ul{margin-right:10px;}
*html .menuitempanel ul.list li.left ul.last{margin-right:0;}
*html .menuitempanel ul.list li.last{margin-left:0;}
*html .menuitempanel .name{width:900px;}