@charset "utf-8";

@media screen and (max-width: 1199px) {
#submenu { width:100%; height: 40px; position:relative; left:0; }
#submenu ul {margin:0 0 0 0; }
#submenu li {list-style-type:none; width:33%; height: 40px; line-height:40px;  float:left; text-align:center;background:none;border-right:1px solid #dbdcdc; border-bottom:#dbdcdc solid 1px; padding:0; position:relative}
#submenu li a {  color:#333; font-family: "s-core-dream-light", sans-serif;font-size:14px;    }
#submenu li:first-child{ border-left:1px solid #dbdcdc;}
#submenu li:hover a { color:#3160a8; text-decoration:none; display:block }
#submenu li.on a { color:#fff; background:#1a5632 ; display:block }
}

@media screen and (min-width: 1200px) {
#submenu { width:1200px; height: 60px; text-align: center; position: relative; top: -80px; z-index: 999; background: rgba(26,86,50,0.9); margin: 0 auto}
#submenu ul {width: auto }
#submenu li {list-style-type:none; position:relative; display: inline-block; background: url("../img/sidebar.png") no-repeat right center}
#submenu li a { width:200px; height: 60px; line-height:60px; text-align:center;  color:#fff;font-family: "s-core-dream-light", sans-serif;font-size:16px; font-weight:bold ; display: block;   }
#submenu li:last-child{ background: url("../img/sidebar.png") no-repeat 3000px center}
#submenu li:hover a { color:orange;  text-decoration:none; display:block }
#submenu li.on a { color:orange;  display:block }
}