﻿#MenuTopTop {float: left;}
#MenuTopTop ul.cap1{ float: left;}
#MenuTopTop ul.cap1 li.cap1{float: left;position: relative;list-style: none;}
#MenuTopTop ul.cap1 li.cap1>a{ padding-left: 5px;padding-right: 5px;cursor: pointer;}
#MenuTopTop ul.cap1 li.cap1:after{ content: '|';color: #fff; }
#MenuTopTop ul.cap1 li.cap1:first-child>a{ padding-left: 0 !important;}
#MenuTopTop ul.cap1 li.cap1:last-child:after{display:none;}
#MenuTopTop li a{color: #fff;font-size: 12px;font-family: 'roboto';outline: none;}
#MenuTopTop li i{display:none;}
#MenuTopTop li.child ul.cap2 {
    position: absolute;
    top: 35px;
    z-index: 99999;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    box-sizing: border-box;
    -webkit-transition: all 1s;
    transition: all 1s;
    -ms-transform: all 1s;
    opacity: 0;
    -os-opacity: 0;
    -ms-opacity: 0;
    -webkit-opacity: 0;
    -webkit-box-shadow: 1px 0px 14px 2px rgba(212,212,212,1);
    display: none;
    color: #333;
}
#MenuTopTop ul.cap1 li.cap1.active>a {color: #fff;}
#MenuTopTop li.child ul.cap2 a{white-space:nowrap;}
#MenuTopTop li.child ul.cap2:before{
    margin-top: -15px;
    margin-left: 25px;
    position: absolute;
    width: 19px;
    height: 11px;
    z-index: 9999;
}
.muiten {
    background: none;
    margin-top: -12px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    height: 12px;
    z-index: 9;
}
#MenuTopTop li.child ul.cap2 li:hover{ background: #983094; }
#MenuTopTop li.child ul.cap2 li:hover a{ color: #fff !important;}

#MenuTopTop li.child.cap1:hover ul.cap2 {
     opacity: 1;
    -os-opacity:1;
    -ms-opacity: 1;
    -webkit-opacity:1;
    display: block;
}
#MenuTopTop li.nochild ul.cap2{ display: none;}
#MenuTopTop ul.cap2 li.cap2{  display: block;}
#MenuTopTop ul.cap2 li.cap2 a{font-size: 14px;display: block;padding: 5px 20px;border-bottom: 1px solid #eee;outline: none;color: #333;}
#MenuTopTop ul.cap2 li.cap2 a:hover{color:#fff;}
.memberManager ul li{ display: inline-block;float: left;}
.memberManager ul li:after{ content: '|';color: #353535; }
.memberManager ul li >a{ padding-left: 5px;padding-right: 5px;cursor: pointer;}
.memberManager ul li:last-child>a{ padding-right: 0 !important;}
.memberManager ul li:last-child:after{ display: none !important;}
.memberManager{font-family: 'roboto'; }
