/*Content CSS*/
#sub_top_menu { position:relative; width: 100%; height: 70px; margin-top:-70px; text-align: center; z-index: 5; border-top:1px solid rgba(255,255,255,0);
background-color: rgba(0,0,0,.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:18px; 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 20px;}
#sub_top_menu ul li a:hover { background-color: rgba(255,255,255,.1); }
#sub_top_menu ul li a::before {    content: ''; position: absolute; display: block; width: 0; height: 0; left: 50%; bottom: -0; transform: translateX(-50%); border-bottom:10px solid #fff; border-left: 11px solid transparent; z-index: 2; opacity: 0; border-right: 11px solid transparent;}
#sub_top_menu ul li a.active {color:#fff;}
#sub_top_menu ul li a.active::before {opacity: 1;}




/* @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;}
} */