/*Content CSS*/
#sub_top_menu { position:relative; width: 100%; height: 70px; margin-top:-70px; text-align: center; z-index: 5; border-top:0px solid rgba(0,0,0,.22);
 background-color:rgba(255,255,255,.13); }
#sub_top_menu ul { display: flex; justify-content: center; height: 100%; width: 100%; max-width: 1300px; margin:0 auto; }
#sub_top_menu ul li { flex:1; max-width: 645px;}
#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:rgba(255, 255, 255, 1); transition: all .3s ease; background-color: transparent; word-break: keep-all; position: relative; line-height: 1.11; padding:  0 10px;}
#sub_top_menu ul li a:hover { background-color: rgba(255,255,255,.2); }
/* #sub_top_menu ul li a::before {content: ''; width: 100%; height: 2px; position: absolute; display: block; left: 0; top:-1px; background: transparent;} */
#sub_top_menu ul li a.active {background-color: #fff; color:#333; }
/* #sub_top_menu ul li a.active::before {background-color: #fff;} */




@media screen and (max-width:1280px) {
    #sub_top_menu ul li a {font-size:16px;}
}
@media screen and (max-width:1024px) {
    #sub_top_menu {height: 50px; margin-top:-50px; }
    #sub_top_menu ul li {max-width: 200px;}
    #sub_top_menu ul li a {font-size:14px; padding:0 10px ; line-height: 1.3;}
}

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