/*Content CSS*/
#sub_top_menu { position:relative; width: 100%; height:70px; background-color: rgba(0,0,0,.3);  text-align: center; z-index: 5; margin-top: -70px;
backdrop-filter: blur(5px); }
#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; max-width: 650px;}
#sub_top_menu ul li a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-weight: 400; position: relative; padding: 0 10px;
font-size:18px; color:#fff; transition: all .3s ease; background-color: transparent; word-break: keep-all; position: relative; line-height: 1.5;}
#sub_top_menu ul li a::after{content: ''; display: block; width: 100%; height: 2px; background-color: #29a7e1; position: absolute; top: -0; left: 0; opacity: 0; transition: .3s;}
#sub_top_menu ul li a:hover { background-color: rgba(255,255,255,.1); }
/* #sub_top_menu ul li a:hover::after{opacity: 1;} */
#sub_top_menu ul li a.active {  font-weight: 700; }
#sub_top_menu ul li a.active::after{opacity: 1;}

#sub_top_menu_depth3 {padding:90px 0 0;}
#sub_top_menu_depth3 > ul {display: flex; text-align: center;  margin: 0 auto;  max-width: 1400px; padding: 0 50px; }
#sub_top_menu_depth3 > ul li {flex:1;  margin-right: -1px;}
#sub_top_menu_depth3 > ul a {display: flex; font-size:18px; font-weight: 500; color:#999; transition:all .3s; width: 100%;
line-height: 1.1;  position: relative; cursor: pointer;  padding: 0; padding:20px 10px; height: 100%; align-items: center; justify-content: center;
border:1px solid #ddd; }
#sub_top_menu_depth3 > ul a.active {color: #fff; background-color: #231f20; font-weight: 700; }
#sub_top_menu_depth3 > ul a:hover {color: #fff; background-color: #231f20; }


@media (max-width: 1400px){
    #sub_top_menu ul li a{font-size: 17px;}

}
@media (max-width: 1280px){
    #sub_top_menu{height: 70px; margin-top: -70px;}
    #sub_top_menu ul li a{font-size: 16px;}

}
@media (max-width: 1024px){
    #sub_top_menu{height: 60px; margin-top: -60px; }
    #sub_top_menu ul li a{font-size: 15px;}

    #sub_top_menu_depth3 {padding: 50px 0 0;}
    #sub_top_menu_depth3 > ul {flex-wrap: wrap; padding: 0 30px 1px;}
    #sub_top_menu_depth3 > ul li {width: 33.3%; flex:inherit; margin-bottom: -1px;  }
    #sub_top_menu_depth3 > ul a {font-size: 15px; padding:15px 10px;  }

}

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

    #sub_top_menu_depth3 > ul { padding: 0 20px 1px; }
    /* #sub_top_menu_depth3 > ul li {width: 50%; } */
    #sub_top_menu_depth3 > ul a {font-size: 14px; padding:12px 10px;}

}