/*** ESSENTIAL STYLES ***/
#siteMenu .sf-menu, #siteMenu .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

#siteMenu .sf-menu {
    line-height: 1.0;
}

#siteMenu .sf-menu ul {
        position: absolute;
        top: -999em;
        width: 14em; /* left offset of submenus need to match (see below) */
    }

        #siteMenu .sf-menu ul li {
            width: 100%;
        }

    #siteMenu .sf-menu li:hover {
        visibility: inherit; /* fixes IE7 'sticky bug' */
    }

    #siteMenu .sf-menu li {
        float: left;
        position: relative;
    }

    #siteMenu .sf-menu a,
    #siteMenu .sf-menu span {
        display: block;
        position: relative;
    }

    #siteMenu .sf-menu li:hover ul,
    #siteMenu .sf-menu li.sfHover ul {
        left: 0;
        top: 33px; /* match top ul list item height */
        z-index: 4444;
    }

#siteMenu ul.sf-menu li:hover li ul,
#siteMenu ul.sf-menu li.sfHover li ul {
    top: -999em;
}

#siteMenu ul.sf-menu li li:hover ul,
#siteMenu ul.sf-menu li li.sfHover ul {
    left: 14em; /* match ul width */
    top: 0;
}

#siteMenu ul.sf-menu li li:hover li ul,
#siteMenu ul.sf-menu li li.sfHover li ul {
    top: -999em;
}

#siteMenu ul.sf-menu li li li:hover ul,
#siteMenu ul.sf-menu li li li.sfHover ul {
    left: 14em; /* match ul width */
    top: 0;
}

#siteMenu .sf-menu {
    float: left;
    margin-bottom: 1em;
}

    #siteMenu .sf-menu a,
    #siteMenu .sf-menu span {
        padding: 8px 27px;
        text-decoration: none;
    }

    #siteMenu .sf-menu ul a,
    #siteMenu .sf-menu ul span {
        padding: 8px 20px;
        text-decoration: none;
    }


/*********************/
/********custom style*************/
/*********************/








#siteNav {
    position: relative;
    z-index:100;
    
}

#siteMenu .sf-menu ul {
        position: absolute;
        top: -999em;
    }


#siteMenu>ul.sf-menu {
    margin-left:10px;
    margin-bottom:0px;
}

    #siteMenu > ul.sf-menu > li>a,
    #siteMenu > ul.sf-menu > li>span {
        border-bottom:5px solid transparent;
    }
    
    #siteMenu > ul.sf-menu > li>a:hover,
    #siteMenu > ul.sf-menu > li>span:hover ,
    #siteMenu > ul.sf-menu > li.selected>a,
    #siteMenu > ul.sf-menu > li.selected>span {
        color:#1a4675;
        border-bottom:5px solid #1a4675;
        
    }

    

    #siteMenu > ul.sf-menu .haschild a:hover {
        color:#1a4675;
    }


#siteMenu .sf-menu .haschild ul {
    background: rgba(163, 85, 89,0.8);
    padding-bottom: 10px;
    padding-top:10px;
    margin-top: 6px;
}

    #siteMenu .sf-menu .haschild ul a:hover,
    #siteMenu .sf-menu .haschild ul span:hover {
        background:#a35353;
        color:#1a4675;
    }

#siteMenu > ul.sf-menu > .haschild  ul {
    background: rgba(255,255,255,0.8);
    }

    #siteMenu > ul.sf-menu > .haschild > ul  li > span:hover,
    #siteMenu > ul.sf-menu > .haschild > ul  li > a:hover {
        background:#1a4675;
        color:#fff;
    }

/**/



#siteMenu .arrow {
    border-left:8px solid #dadadc;
    border-top:8px solid transparent;
    border-bottom:8px solid transparent;
    height:0;
    width:0;
    position:absolute;
    right:-8px;
    top:50%;
    margin-top:-4px;
    display:none;
    z-index:9999;
}

#siteMenu li:hover>.arrow {
    display:none;
}



.sf-menu li:hover > ul {
    display:block!important;
}


 #siteMenu .sf-menu, #siteMenu .sf-menu * {
    margin: 0;
    padding: 4px 0px;
    list-style: none;
}

#mainBody.en #siteHead #siteMenu .sf-menu a {
    padding: 5px 21px;
        text-decoration: none;

}
#mainBody.cn #siteHead #siteMenu .sf-menu a{
    padding: 5px 32px;
        text-decoration: none;
    
}


#siteMenu > .sf-menu {
    padding:0;
}

#siteMenu > ul.sf-menu li.selected {
    background:#1a4675;
}

    #siteMenu > ul.sf-menu li.selected > a,
    #siteMenu > ul.sf-menu li.selected > span {
        color:#fff !important;
    }