.sticked, .onav ul * { line-height:1.3; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.onav ul, .onav li, .onav li a {border:0;display:block;position:relative}
.onav:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}

#oMenu .onav {z-index:99;}
.onav > li {float:left; padding:5px;}
.onav > li > a { font-weight:bold; padding:5px 30px;color:#fff;font-size:16px; line-height:24px;}
.onav > li:first-child > a {border-right:none;}
.onav ul{position:absolute;top:100%; left:-9999px; width:240px;z-index:10;background:#283e7f; text-align:left;-webkit-box-shadow:0 1px 2px #d9dadb;box-shadow:0 1px 2px #d9dadb;}
.onav ul li{height:0; border-bottom:1px dotted #ccc;}
.onav ul li:last-child {border-bottom:0}
.onav ul li a{padding:10px 15px 10px 30px; color:#fff; font-size:14px; position:relative;}
.onav ul li a:before {content:""; display:block; position:absolute; left:15px;top:14px; height:9px; width:5px; background:url(/js/menu/bg-menu4.png)no-repeat center;}

.onav ul ul{margin-left:100%;top:0; border-top:1px solid #d9dadb;}
.onav ul ul li {border-left:1px dotted #ccc;}

.onav li:hover > ul{left:auto}
.onav li:hover > ul > li{height:38px;}
.onav > li.has-sub > a {padding-right:45px}

.onav-sticky {width: 100%;height:0;}
.sticked {position: fixed; top:0; left:0; right:0;z-index:20;box-shadow: 0 1px 2px #d9dadb;}

/*============================================================================*/
#oMenu {background:#3954a5;}

@media screen and (max-width:767px) {
   /*.btnMenu.menu-opened:after, .btnMenu.menu-opened:before{top:19px !important;}*/
    /*.btnMenu{left:15px !important;height:40px !important;top:-55px !important;}*/
    /*.btnMenu:after{top:20px !important;}
    .btnMenu:before{top:13px !important;}*/

    #oMenu .onav{left:0 !important;}

    .mbr-arrow-up {right:40px !important;}
    .pnlHot .iZoom {padding-bottom:20px; border-bottom:1px solid #eee;}
}

@media screen and (max-width:991px) {
        /*.logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
    .logo2{display:none}*/
    #oMenu .onav {position:absolute;background:#f9f9f9;top:100%; left:15px; max-height:350px; max-width:470px; overflow-x:hidden; overflow-y:auto; border:1px solid #ccc; border-top:none;}
    /*.btnMenu{width:50px;height:44px;position:absolute;right:15px;top:-80px;cursor:pointer;z-index:14;background:rgba(0,0,0,0.25)}*/
    .btnMenu{width:50px;height:40px;position:absolute;left:15px;top:4px;cursor:pointer;z-index:14;background:#e5c11e;}
    .btnMenu:after{position:absolute;top:20px;right:15px;display:block;height:4px;width:20px;border-top:2px solid #fff;border-bottom:2px solid #fff;content:''}
    .btnMenu:before{position:absolute;top:13px;right:15px;display:block;height:2px;width:20px;background:#fff;content:'';-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
    .btnMenu.menu-opened:after{top:19px;border:0;height:2px;width:20px;background:#fff;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
    .btnMenu.menu-opened:before{top:19px;background:#fff;width:20px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}

    #oMenu{width:100%}
    #oMenu ul{width:100%;display:none}
    .onav > li {background:none; padding:0 !important}
    .onav > li > a {padding:0 20px}
    #oMenu ul li{width:100%;border-top:1px solid #ddd}
    #oMenu ul li:hover{background:#FFF}
    #oMenu ul ul li, #oMenu li:hover > ul > li{height:auto}
    #oMenu ul li a, #oMenu ul ul li a{width:100%;border-bottom:0;color:#333; line-height:38px;border-left:none;}
    #oMenu ul.onav > li{float:none;text-align:left;}
    #oMenu ul.onav > li > a {background:url(/images/bg/bg-link.png)no-repeat 10px;}
    #oMenu ul ul li a{padding:0 15px 0 30px;background:none;}
    #oMenu ul ul li a:before { content:""; position:absolute; width:4px; height:4px; background:#555; left:20px; top:16px;}
    #oMenu ul ul li{background:#FFF; border-bottom:none;}
    #oMenu ul ul li:hover{background:#FFF}
    #oMenu ul ul ul li a{padding-left:35px}
    #oMenu ul ul li:hover > a,#oMenu ul ul li.active > a{color:#fff}
    #oMenu ul ul,#oMenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
    #oMenu ul.onav > li.has-sub > a:after,#oMenu ul.onav > li.has-sub > a:before,#oMenu ul ul > li.has-sub > a:after,#oMenu ul ul > li.has-sub > a:before{display:none}
    #oMenu .submenu-btn{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #ddd;height:38px;width:40px;cursor:pointer}
    #oMenu .submenu-btn.submenu-opened{background:#555}
    #oMenu ul ul .submenu-btn{height:34px;width:34px}
    #oMenu .submenu-btn:after{position:absolute;top:19px;right:14px;width:10px;height:2px;display:block;background:#ccc;content:''}
    #oMenu ul ul .submenu-btn:after{top:15px;right:13px}
    #oMenu .submenu-btn.submenu-opened:after{background:#fff}
    #oMenu .submenu-btn:before{position:absolute;top:15px;right:18px;display:block;width:2px;height:10px;background:#ccc;content:''}
    #oMenu ul ul .submenu-btn:before{top:12px;right:16px}
    #oMenu .submenu-btn.submenu-opened:before{display:none}
    #oMenu ul ul ul li.active a{border-left:none}
    #oMenu ul.onav > li.has-sub > ul > li.active > a,#oMenu ul.onav ul > li.has-sub > ul > li.active > a{border-top:none}
    #oMenu ul.onav li:hover > a, .onav li.active > a{ color:#c81926 !important;}

    #oMenu .onav::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #f9f9f9;}
    #oMenu .onav::-webkit-scrollbar {width:6px;background-color: #f9f9f9; display:none;}
    #oMenu .onav::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color:#3954a5;}
    #oMenu .onav:hover::-webkit-scrollbar {display:block !important;}
}

@media screen and (min-width:992px) {
    .onav li.has-sub > a:after {content:''; position:absolute; top:50%; margin-top:-3px; display:block;right:25px;width:9px;height:6px; background:url(/js/menu/bg-menu3.png)no-repeat center;}
    .onav > li:hover > a, .onav > li.active > a{ background:#283e7f;}
    .onav ul li:hover, .onav ul li.active{ background:#444;}
}