@charset "utf-8";
@media screen and (max-width: 1199px) {
#submenu { width:100%; height: 50px; text-align: center; position: relative; top: 0; z-index: 8; background: #333  }
#submenu ul {display: inline-block;  width: auto; margin: 0 auto; }
#submenu li { width:100px; height: 30px;list-style-type:none; position:relative; margin-top: 10px;  float: left }
#submenu li a {  line-height:30px; text-align:center;  color:#fff;font-family: "s-core-dream-regular", sans-serif;font-size:16px; display: block;  }
#submenu li:first-child{ border-left:0px solid #00344c;}
#submenu li:hover a { background: #29accd; border-radius: 20px;color:#fff; display:block; line-height: 30px;  text-decoration:none;   }
#submenu li.on a { background: #29accd; border-radius: 20px;color:#fff; display:block; line-height: 30px;  text-decoration:none;  }
}
@media screen and (min-width: 1200px) {
	
#submenu { width:100%; height: 50px; text-align: center; position: relative; top: 0; z-index: 8; background: #333  }
#submenu ul {display: inline-block;  width: auto; margin: 0 auto; }
#submenu li { width:180px; height: 30px;list-style-type:none; position:relative; margin-top: 10px;  float: left }
#submenu li a {  line-height:30px; text-align:center;  color:#fff;font-family: "s-core-dream-regular", sans-serif;font-size:16px; display: block;  }
#submenu li:first-child{ border-left:0px solid #00344c;}
#submenu li:hover a { background: #29accd; border-radius: 20px;color:#fff; display:block; line-height: 30px;  text-decoration:none;   }
#submenu li.on a { background: #29accd; border-radius: 20px;color:#fff; display:block; line-height: 30px;  text-decoration:none;  }
	
}