﻿#container {background-color:#fff; height:48px; border-bottom:1px solid #eee; box-shadow:0 1px 7px 2px rgba(0,0,0,0.07); font-size:14px;}

/**
#container .location_bar .inner {margin:0 auto; padding:0 48px;  text-align: right; max-width:1140px;}
#container .location_bar .inner ul {text-align: right;}
#container .location_bar .inner ul li {color: rgb(136, 136, 136); line-height:59px; display:inline-block;}
#container .location_bar .inner ul li.divider {margin: 0px 5px;}
#container .location_bar .inner ul li.current {color: rgb(51, 51, 51);}

#container > .inner {margin: 0px auto; padding: 0px; border-right-color: rgb(230, 230, 230); border-left-color: rgb(230, 230, 230); border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; max-width: 1200px; background-color:#ff0;}
#container > .inner::after {clear: both; display: block; content: "";}
**/

#nav {height:48px; z-index:;}
#nav .inner {margin:0px auto;}
#nav .title {width:48px; height:100%; float:left; border-left:1px solid #eee; border-right:1px solid #eee;}
#nav .title a{display:block;}
#nav .title img{width:100%;}
#nav .dropdown{float:left; position:relative; z-index:10; margin-left:0px;}
#nav .dropdown > a {padding:0px 0px 0px 10px; width:156px; height:100%; color:#333; line-height:48px; border-right:1px solid #eee; display:block; position:relative; font-weight:300;}
#nav .dropdown > a::before{position:absolute; content:""; width:13px; height:13px; background:url(../../images/nav_arrow_down_1.png) no-repeat; background-size:cover; right:9px; top:19px; transition:0.2s;}
#nav .open.dropdown > a::before{background:url(../../images/nav_arrow_up_1.png) no-repeat; background-size:cover;}
#nav .dropdown > ul.mnuList{background:#fff; left:-1px; top:48px; right:-1px; display:none; position:absolute; box-shadow:0 1px 5px 1px rgba(0,0,0,0.07);}
#nav .dropdown > ul.mnuList li {}
#nav .dropdown > ul.mnuList li:first-child{border-top:0;}
#nav .dropdown > ul.mnuList li a{height:48px; line-height:48px; display:block; color:#5c5e5c; padding-left:10px; font-weight:300; border:1px solid #eee; border-top:0;}
#nav .dropdown > ul.mnuList li a:hover{background:#da3f2a; color:#fff; border:1px solid #da3f2a; border-top:0;}

#nav .open.dropdown.depth2 ul.mnuList{left:0; right:-1px;}
#nav .dropdown.depth2 > a{border:0; background:#da3f2a; color:#fff; line-height:48px; height:48px;}
#nav .dropdown.depth2 > a:hover{border:0; background:#da3f2a; color:#fff;}
#nav .dropdown.depth2 > a::before {background:url(../../images/nav_arrow_down_2.png) no-repeat; background-size:cover;}
#nav .open.dropdown.depth2 > a::before{background:url(../../images/nav_arrow_up_2.png) no-repeat; background-size:cover;}

@media all and (min-width:480px){
    #container{height:50px; font-size:16px;}
    #nav{height:50px;}
    #nav .title{width:50px;}
    #nav .dropdown > a{padding:0px 0px 0px 14px; width:205px; line-height:50px;}
    #nav .dropdown > a::before{width:15px; height:15px; right:12px; top:20px;}
    #nav .dropdown > ul.mnuList{top:50px;}
    #nav .dropdown > ul.mnuList li a{height:50px; line-height:50px;}
    #nav .dropdown.depth2 > a{line-height:50px; height:50px;}
}