/*Content CSS*/
#sub_top_menu { position:relative; width: 100%; height: 60px; margin-top:-60px; background:rgba(0,0,0,.3); text-align: center; z-index: 5;}
#sub_top_menu ul { display: flex; justify-content: center; height: 100%; max-width: 1400px; margin:0 auto; }
#sub_top_menu ul li { flex:1; height: 100%; max-width:325px;}
#sub_top_menu ul li a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-weight: 500;
font-size:19px; color:#fff; transition: all .3s ease; background-color: transparent; word-break: keep-all; position: relative; }
#sub_top_menu ul li a:hover { background-color: rgba(255,255,255,.2); }
#sub_top_menu ul li a.active {background: #fff; color:#000; }


@media screen and (max-width:1400px) {
    #sub_top_menu ul {width: 100%;}
}
@media screen and (max-width:1024px) {
    #sub_top_menu {height: 55px; margin-top:-55px; }
    #sub_top_menu ul li {width:auto; height: 100%; flex:1; max-width: 250px;}
    #sub_top_menu ul li a {font-size:13px; padding:0 15px ; line-height: 20px ;}
}

@media screen and (max-width: 640px) {
    #sub_top_menu {display: none;}
}