/*Content CSS*/
#sub_top_menu { position:relative; max-width: 1300px; width: 100%; height: 65px; text-align: center; z-index: 5; margin:70px auto 0;
overflow: hidden; }
#sub_top_menu .bg {position: absolute; left: 0; top: 0; height: 100%; content: '';background: #0b3b63; border-radius: 1000px; z-index: -1; transition: .4s left; }

#sub_top_menu ul { display: flex; justify-content: center; height: 100%; width: 100%; border:2px solid #0b3b63;  border-radius: 32.5px; overflow: hidden; 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: 600;
font-size:24px; color:#000; transition: color .3s ease; word-break: keep-all; position: relative; line-height: 1.3;}
/* #sub_top_menu ul li a:hover {background: #f7f7f7; } */
#sub_top_menu ul li a.active {color:#fff; }
#sub_top_menu ul li a.on {color:#fff !important; }


@media screen and (max-width:1420px) {
    #sub_top_menu {max-width: calc(100% - 120px);}
    #sub_top_menu ul li a {font-size: 20px; }
}

@media screen and (max-width:1023px) {
    #sub_top_menu {height: 50px;  margin-top:10px; max-width: calc(100% - 80px);}
    #sub_top_menu ul li a {font-size:15px; padding:0 10px ; }
}

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