/* 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: 999;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 {bottom: 32px; position: absolute; z-index: 999; display: none; left: 0px;}
.menuright{right:0px; left:auto;}
.menucontentdiv { margin-right: 7px; width:auto; height:100%;}
.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-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; font-size:14px; margin-bottom:3px;}
.menuitempanel ul.taxonomy li{ color:#000;}
#menu .menuitempanel ul.taxonomy li a{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-attachment: scroll; background-repeat: no-repeat; background-position: 0 -67px; position: absolute; width: 100%; left: 0px;}
.shadow_b_layout div {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;}
.menucontentdiv .clearfix{ padding-bottom:5px;}
}
@-moz-document url-prefix(){
.shadow_b_layout, .menufillet_e{ display:none;}
.menucontentdiv{ margin-right:0px;}
.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;}
.menucontentdiv .clearfix{ padding-bottom:15px;}
}/*opera专属*/
:root .shadow_b_layout, :root .menufillet_e {display:none\9;}/*IE9专属*/
:root .menucontentdiv{ margin-right:0px\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 { position: relative; z-index: 1009; padding: 0px 20px 0 30px;}
*html .nav li a.hover {}
*html .nav li a.hover span { }
*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;}