nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */

/*end reset*/


/** Navigation **/
.navigation{
	padding:0px 0;
	position:relative; z-index:99;
}

.toggleMenu {
    display:  none;
    padding:6px 15px;z-index:99;
    color: #fff;
    width:95%;

}
.nav {
    list-style: none;
     *zoom: 1;
z-index:9999;
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;position:relative;
    width:11em;z-index:9999;
}
.nav a {
	color:#ffffff; text-align:center;
font-family: "΢ÈíÑźÚ";
padding-top: 16px;
	padding-right: 8px;
	padding-bottom: 44px;z-index:9999;
	padding-left: 8px;
}
.nav a:hover {
	color:#FFF;
	background-color: #24B70E;z-index:9999;
}
.nav li {
    position: relative;z-index:9999;
}
.nav li:hover {
    position: relative;background-color: #24B70E;
}
.nav > li {
    float: left;z-index:9999;
}

.navbg { width:11%;z-index:9999;

}
.nav > li > a {z-index:9999;
    display: block;font-family: "΢ÈíÑźÚ";
}
.nav li  ul {z-index:9999;
    position: absolute;
    left: -9999px;font-family: "΢ÈíÑźÚ";
}
.nav > li.hover > ul {z-index:9999;
    left: 0;
}
.nav li li.hover ul {
    left: 100%;z-index:9999;
    top: 0;
}
.nav li li a {
    display: block;
    background:#24B70E;
    position: relative;
    z-index:100;
    border-top:1px solid #008800;
    padding:10px;
    font-size:15px;
}
.nav li li a:hover {
	  background:#008800;z-index:9999;
}
.nav li li li a {
    background:#24B70E;
    z-index:200;z-index:9999;
    border-top:1px solid #008800;
}



@media only screen and (max-width: 1366px) {
.navbg { width:11%;}
}
@media only screen and (max-width: 1280px) {
 .navbg { width:11%;}
}
@media all and (max-width: 1024px) {

	.navbg { width:11%;}
}