@charset "utf-8";

#submenu { width:100%; height: auto; text-align: center; position: relative; top: 0; z-index: 8; background: #003e66  }
#submenu ul {width: auto }
#submenu li {width:50%; height: 40px; list-style-type:none; position:relative; float: left;   }
#submenu li a {  line-height:40px; text-align:center;  color:#696969; font-family: "s-core-dream-regular", sans-serif;font-size:14px;  display: block;  }
#submenu li:first-child{ border-left:0px solid #00344c;}
#submenu li:hover a { color:#fff; background:#350302 url("../img/sidebar.png") no-repeat 95% bottom; text-decoration:none; display:block }
#submenu li.on a { color:#fff; background:#350302 url("../img/sidebar.png") no-repeat 95% bottom; display:block;  }


@media screen and (min-width: 1200px) {
	
#submenu { width:100%; height: 60px; text-align: center; position: relative; top: 0; z-index: 8; background: #333  }
#submenu ul {width: 1400px; margin: 0 auto; }
#submenu li {width:175px; height: 60px;list-style-type:none; position:relative; float: left; background: url("../img/sidemenubg.jpg") no-repeat 95% bottom}
#submenu li a {  line-height:60px; 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 { height: 54px; color:#003e66; background:#fff url("../img/sidemenubg.jpg") no-repeat 95% bottom; display:block; line-height: 54px; margin-top: 3px; text-decoration:none;  }
#submenu li.on a { height: 54px; color:#003e66; background:#fff url("../img/sidemenubg.jpg") no-repeat 95% bottom; display:block; line-height: 54px; margin-top: 3px }
	
}