
#submenu {width:210px;}
#submenu .menu h2 {display:table-cell; vertical-align:middle; color:#fff; width:210px; height:130px; font-size:25px;  
 text-align:center; background:url("../img/bg_tit3.jpg")no-repeat center center; }
#submenu .menu ul  { padding:0; margin:0; list-style:none; border-bottom:1px solid #dfdfdf; }
#submenu .menu ul li a{ display:block; padding:15px 25px; font-size:14px;  border-left:1px solid #dfdfdf; border-top:1px solid #dfdfdf; border-right:1px solid #dfdfdf; background-position:95% center; }
#submenu .menu ul li a:hover {background:url("../img/arrow.png")no-repeat 95% center; }
#submenu .menu ul li.select_on {background-color:#f0f0f0; background-image:url("../img/arrow.png"); 
background-repeat:no-repeat; background-position:95% center;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#submenu{ clear:both;  width:100%; border-left:1px solid #dfdfdf;  margin:0 auto; font-size:14px; box-sizing: border-box;  position:relative; z-index:12;}
#submenu .menu h2 {display:none;}
#submenu .menu {width:100%; box-sizing: border-box;  margin:0 auto;  padding:0;   box-sizing: border-box;}
#submenu .menu ul li:hover > ul  { display: block; *display:none;  }
#submenu .menu ul  {list-style: none;  padding: 0; margin: 0; display:block;}
#submenu .menu ul li { float: left; }
#submenu .menu ul li a{ display:block; padding:15px 25px; font-size:14px;  border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;  border-top:0px solid #dfdfdf; border-right:0px solid #dfdfdf; background-position:95% center; }

#submenu .menu div.sub_tit {background:none; }
#submenu .menu ul li:last-child a{border-right:1px solid #dfdfdf;}
#submenu .menu ul li:only-child { width: 100%; display:none; }            
#submenu .menu ul li:first-child, {border-left:0px solid #dddddd;}
#submenu .menu ul li:first-child:nth-last-child(2),                      
#submenu .menu ul li:first-child:nth-last-child(2)+li { width: 50%; }    
#submenu .menu ul li:first-child:nth-last-child(3),                      
#submenu .menu ul li:first-child:nth-last-child(3)~li { width: 33.33%; } 
#submenu .menu ul li:first-child:nth-last-child(4),                       
#submenu .menu ul li:first-child:nth-last-child(4)~li { width: 50%; }     
#submenu .menu ul li:first-child:nth-last-child(5),                       
#submenu .menu ul li:first-child:nth-last-child(5)~li { width: 33.33333%; }  
#submenu .menu ul li:first-child:nth-last-child(6),                       
#submenu .menu ul li:first-child:nth-last-child(6)~li { width: 33.33333%; }     

	
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}

