/*Content CSS*/
#sub_top_menu1{position: relative; z-index: 5; border: solid 1px #ddd; border-width: 1px 0; height: 60px;}
#sub_top_menu1 .fs_16{font-size: 16px;}

#sub_top_menu1 .sub_inner{width: 100%; height: 100%; max-width: 1500px; padding: 0 50px; display: flex; justify-content: space-between; margin: 0 auto;}

#sub_top_menu1 .menu {display: flex; align-items: center; position: relative; z-index: 1; height: 100%;}
#sub_top_menu1 .menu > li {position: relative; height: 100%;}
#sub_top_menu1 .menu > li a.home {display: flex; align-items: center; justify-content: center; width: 60px; height: 100%; border: solid 1px #ddd; border-width: 0 1px;}
#sub_top_menu1 .menu > li button {display: flex; align-items: center; justify-content: space-between; width: 240px; height: 100%; padding: 0 33px;}
#sub_top_menu1 .menu > li button span{color: #666; text-align: left;}
#sub_top_menu1 .menu > li button .arrow {flex-shrink: 0; display: block; width: 16px; height: 16px; background:url("../img/plus_bl.png") 50% no-repeat; }
#sub_top_menu1 .menu > li button.active .arrow{ transform: rotate(-180deg); }

#sub_top_menu1 .menu > li:nth-child(odd):not(.home) button {background-color: #472f1c;}
#sub_top_menu1 .menu > li:nth-child(odd):not(.home) button span{color: #fff;}
#sub_top_menu1 .menu > li:nth-child(odd):not(.home) button .arrow {background-image:url("../img/plus_wh.png"); }
#sub_top_menu1 .menu .next-depth {position:absolute; left:0; width:100%; top:100%; display: none;}

#sub_top_menu1 .menu ul li{border-top: solid 1px #ddd;}
#sub_top_menu1 .menu ul li a {display: flex; align-items: center; padding: 10px 33px; width: 100%; height: 58px; font-weight: 300; background-color: #f7f7f7; color: #999; transition: all .3s; text-align: left;}
#sub_top_menu1 .menu ul li:hover a{background-color: #e5e5e5; color: #555; font-weight: 500;}

#sub_top_menu1 .menu > li:nth-child(odd):not(.home) ul{background-color: #472f1c;}
#sub_top_menu1 .menu > li:nth-child(odd):not(.home) ul li a{background-color: #eceae8; color: #555;}
#sub_top_menu1 .menu > li:nth-child(odd):not(.home) ul li:hover a {background-color: #e3ddd7; color: #333;}

#sub_top_menu1 .sm_menu{display: flex; align-items: center; flex-shrink: 0; margin-left: 20px; height: 100%; padding-right: 61px; border-right: solid 1px #ddd;}
#sub_top_menu1 .sm_menu li{display: flex; align-items: center; height: 100%;}
#sub_top_menu1 .sm_menu li::after{content: ''; display: block; width: 6px; height: 10px; background: url('../img/sm_arrow.png') 50% / cover no-repeat; margin: 0 15px;}
#sub_top_menu1 .sm_menu li:last-child::after{display: none;}
#sub_top_menu1 .sm_menu li{color: #898989;}
#sub_top_menu1 .sm_menu li:last-child{font-weight: 500; color: #000;}



@media (min-width: 1025px){

}
@media (max-width: 1600px){

    #sub_top_menu1 .menu > li button{padding: 0 25px; width: 220px;}

}
@media (max-width: 1400px){
    #sub_top_menu1 .sub_inner{padding: 0;}
    #sub_top_menu1 .fs_16{font-size: 15px;}

    #sub_top_menu1 .menu > li a.home {border-left: 0;}
    #sub_top_menu1 .menu > li a.home img{width: 15px;}
    #sub_top_menu1 .menu > li button{padding: 0 20px; width: 200px;}

    #sub_top_menu1 .menu ul li a{padding: 0 20px;}

    #sub_top_menu1 .sm_menu{padding-right: 50px; border-right: 0;}
}

@media (max-width: 1024px){
    #sub_top_menu1{height: 55px;}

    #sub_top_menu1 .fs_16{font-size: 14px;}

    #sub_top_menu1 .menu{width: 100%;}
    #sub_top_menu1 .menu > li:nth-child(n+2){flex: 1;}
    #sub_top_menu1 .menu > li button{width: 100%;}
    #sub_top_menu1 .menu > li button .arrow{width: 14px; height: 14px;}

    #sub_top_menu1 .menu ul li a{height: 53px;}

    #sub_top_menu1 .sm_menu{display: none;}

}

@media (max-width: 640px){
    #sub_top_menu1 .menu > li:first-child{display: none;}

}
@media (max-width: 480px){
    #sub_top_menu1 .menu > li:not(:last-child){display: none;}



}