/*Content CSS*/
#sub_top_menu { position:relative; width: 100%; height: 65px; margin-top:-65px; text-align: center; z-index: 5; 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:17px; color:rgba(255, 255, 255, 1); transition: all .3s ease; background-color: transparent; word-break: keep-all; position: relative; line-height: 1.3;padding:  0 5px;}

#sub_top_menu ul li a::before {content: ''; width: 23px; height: 11px; position: absolute; display: block; left: 50%; bottom:-1px; transform: translateX(-50%); background: url('../img/sub_tri.png') 50% / cover no-repeat; opacity: 0; transition: .3s;}

#sub_top_menu ul li a.active::before {opacity: 1;}




@media screen and (max-width:1024px) {
    #sub_top_menu {height: 55px; margin-top:-55px; }
    #sub_top_menu ul li a {font-size:14px;}
    #sub_top_menu ul li a::before{width: 18px; height: 9px;}
}

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