/*Content CSS*/
#sub_top_menu { position:relative; width: 100%; height: 78px; margin-top:-78px; text-align: center; z-index: 5; border-top:1px solid rgba(221,221,221,.2); }
#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; }
#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; letter-spacing: -.38px; background-color: transparent; word-break: keep-all; position: relative; line-height: 1.11; padding:  0 20px;}
#sub_top_menu ul li a:hover { background-color: rgba(255,255,255,.1); }
#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 {color:#fff;}
#sub_top_menu ul li a.active::before {background-color: #fff;}




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

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