/*Content CSS*/
#sub_top_menu {background:rgba(0,0,0,.3);  text-align: center; z-index: 5; position: relative; width: 100%; height: 70px ;margin-top:-70px; }
#sub_top_menu ul {display: flex; justify-content: center; height: 100%; width: 1500px; margin: 0 auto; }
#sub_top_menu ul li {max-width: 100%; height: 100%; flex:1;}
#sub_top_menu ul li a {display: flex; align-items: center; justify-content: center; height: 100%; font-size:19px; font-weight: 500; color:#fff; width:100%; transition: all .3s ease;  background-color: transparent; word-break: keep-all;}
#sub_top_menu ul li a:hover {background-color: rgba(255,255,255,.2);}
#sub_top_menu ul li a.active {background-color: #fff; color:#000;}

@media screen and (max-width:1300px) {
    #sub_top_menu ul {width: 100%;}
}

@media screen and (max-width:1024px) {
    #sub_top_menu {height: 65px; margin-top:-65px; }
    #sub_top_menu ul li {width:auto; height: 100%; flex:1; max-width: 250px;}
    #sub_top_menu ul li a {font-size:15px; padding:0 15px ; line-height: 20px ;}
}

@media screen and (max-width: 960px) {
    #sub_top_menu ul li {max-width:220px;}
    #sub_top_menu ul li a {font-size:14px; }
}

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