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

.mm_mainnav {
    float: left;
    border-top: 1px solid #292626;
    font-size: 14px;
    text-shadow: 0 1px #073362;
    width: 100%;
}
.mm_mainnav ul {
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.mm_mainnav ul li {
    float: left;
    position: relative;
    padding: 0 22px;
}
.mm_mainnav ul li .subnav a {
    color: #fff;
    border-bottom: 1px dotted #666;
    font-size: 12px;
}
.mm_mainnav ul li a {
    line-height: 50px;
    font-weight: normal;
    font-size: 14px;
    color: #fff;
    height: auto;
    float: left;
    text-decoration: none;
}
.mm_mainnav ul li .subnav a:hover {
    background: #7D7C7C
}
.mm_mainnav ul li .subnav {
    width: 200px;
    background: #656565;
    box-shadow: 0 2px 3px rgba(34, 25, 25, 0.4);
    -moz-box-shadow: 0 2px 2px rgba(34, 25, 25, 0.4);
    -webkit-box-shadow: 0 2px 3px rgba(34, 25, 25, 0.4);
}
.mm_mainnav ul li.upgrade-nav {
    background: url(myaccount-icon_.png) no-repeat left -54px;
    width: 106px;
    padding: 0px!important;
    text-align: center;
}
.mm_mainnav ul li.upgrade-nav a {
    width: 100%;
    text-align: center;
    color: #e1c267;
}
.mm_mainnav ul li a span.home {
    margin: 0px;
    padding: 0 50px 0 0;
    background: url(n-icons-myaccount.png) no-repeat right -363px;
    color: #e1c267;
    float: left;
}
.mm_mainnav ul li a font {
    background: url(myaccount-icon.png) no-repeat scroll left -38px transparent;
}
.mm_mainnav ul li a:hover{
    color:#e1c267;
    cursor: pointer;
}
.mm_mainnav ul li a:hover font{
    background-position:-15px -38px; 
}
.mm_mainnav ul li .subnav {
    position: absolute;
    z-index: 9999;
    left: -1px;
    top: 37px;
    float: left;
    display: none;
    width: 200px;
    background: #333;
    box-shadow: 0 2px 3px rgba(34, 25, 25, 0.4);
    -moz-box-shadow: 0 2px 2px rgba(34, 25, 25, 0.4);
    -webkit-box-shadow: 0 2px 3px rgba(34, 25, 25, 0.4);
    top: 50px;
}
.mm_mainnav ul li:hover .subnav{
    display:block;
}
.mm_mainnav ul li .subnav a{
    width:100%;
    float:left;
    box-sizing:border-box;
    height:auto;
    line-height:18px;
    text-shadow: none;
}
.mm_mainnav ul li .subnav a:hover{
    background:#b59a3f;
    color:#fff;
}
.mm_mainnav ul li .subnav a span{
    padding:5px 10px;
    float:left;
    box-sizing:border-box;
    text-shadow: none;
    white-space: nowrap;
}
.mm_mainnav ul li .subnav a img{
    float:right;
    padding: 7px 10px 0 0;
}
.mm_mainnav ul li a font {
    float: left;
    height: 10px;
    width: 18px;
    margin-top: 22px;
    background: url(myaccount-icon_.png) no-repeat scroll left -38px;
}
.mm_mainnav ul li a span {
    float: left;
}
.mm_mainnav ul li i.icon_red_messtips {
    position:absolute!important;
    left:12px!important;
    top:19px!important;
    margin:0 0 0 -4px!important;
    width:7px!important;
    height:7px!important;
    border:1px solid #fff!important;
    background:red!important;
    display:block!important;
    -moz-border-radius:50%!important;
    -ms-border-radius:50%!important;
    -o-border-radius:50%!important;
    -webkit-border-radius:50%!important;
    border-radius:50%!important;
}

.mm_mainnav ul li .subnav02_box{
    position:relative; 
    float:left; 
    width:100%;
}
.mm_mainnav ul li .subnav02_box:hover .subnav02{
    display:block!important;
}
.mm_mainnav ul li .subnav02{
    position:absolute;
    left:auto;
    right:-210px;
    top:auto;
    bottom:0;
    display:block;
    width:210px!important;
    display:none!important;
}
.n-bg-mainpage {
    background:#f5f2e7;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}