/*common.css*/

.on_mysub{background: #f2b704;}
/*maysubmenu S*/
#mysubmenu .tab_sub2ul{overflow: hidden; background: rgba(0,0,0,0.5); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
#mysubmenu .tab_sub2ul li{float: left;width: 220px; }
#mysubmenu .tab_sub2ul li a{color: #fff; line-height: 25px; padding: 15px 0; text-align: center; font-size: 18px; -webkit-transition: .3s; transition: .3s;}
#mysubmenu .tab_sub2ul li:hover a{color: #f2b704;} 
#mysubmenu .tab_sub2ul li.on_mysub:hover a{color: #fff;}
/*maysubmenu E*/

/*maysubmenu2 S*/
#mysubmenu2 .tab_sub2ul{overflow: hidden; background: rgba(0,0,0,0.5); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
#mysubmenu2 .tab_sub2ul li{float: left; padding: 0 25px; width: 190px; }
#mysubmenu2 .tab_sub2ul li a{color: #fff; line-height: 25px; padding: 15px 0; text-align: center; font-size: 18px; -webkit-transition: .3s; transition: .3s;}
#mysubmenu2 .tab_sub2ul li:hover a{color: #f2b704;} 
#mysubmenu2 .tab_sub2ul li.on_mysub:hover a{color: #fff;}
/*maysubmenu2 E*/

@media screen and (max-width:980px){}
@media screen and (max-width:768px){
    #mysubmenu .tab_sub2ul li a{padding: 12px 0; font-size: 16px;}
    #mysubmenu2 .tab_sub2ul li a{padding: 12px 0; font-size: 16px;}
    #mysubmenu2 .tab_sub2ul li{width: 33.33%;}
}
@media screen and (max-width:600px){
    #mysubmenu .tab_sub2ul li a{font-size: 15px;}
    #mysubmenu2 .tab_sub2ul li a{font-size: 15px;}
}
@media screen and (max-width:480px){
    #mysubmenu .tab_sub2ul li{width: 50%;}
    #mysubmenu .tab_sub2ul li a{padding: 10px 0; font-size: 14px;}
    #mysubmenu2 .tab_sub2ul li a{padding: 10px 0; font-size: 12px;}
}