body, nav, ul, li, a  {margin: 0; padding: 0;}
a {text-decoration: none;}
.container {width: 90%;max-width: 900px;margin: 10px auto;}
.toggleMenu {display:  none;padding: 13px 0;color: #fff; float:left; width:100%; text-align:center;}
a.toggleMenu { color:#fff;}
.nav {list-style: none;*zoom: 1;}
.nav:before,.nav:after {content: " "; display: table;}
.nav:after {clear: both;}
.nav ul {list-style: none;width: 9em;}
.nav a {padding: 13px 14px;color:#656565;}
.nav li {position: relative;}
.nav > li {float: left;}
.nav > li > .parent {}
.nav > li > a {display: block;}
.nav li  ul {position: absolute;left: -9999px;}
.nav > li.hover > ul {left: 0;}
.nav li li.hover ul {left: 100%;top: 0;}
.nav li li { float:left; width:140px;}
.nav li li a {display: block;background: #1c1c1c;position: relative;z-index:100; color:#fff;padding: 5px 19px 5px 15px;}
.nav li li li a {background:#249578;z-index:200;border-top: 1px solid #1d7a62;}
@media screen and (max-width: 768px) {
.active {display: block;}
.nav > li {float: left;}
.nav a {padding: 13px 5px;color:#656565;font-size:12px}
.nav li li {float: left;width: 135px;}
}
@media screen and (width: 1024px) {
.nav li li {float: left;width: 135px;}
}
@media screen and (max-width: 640px) {
.active {display: block;}
.nav > li {float: left; width:100%; border-top:1px solid #202020; background:#2D2C2C;}
.nav a {padding: 13px 15px;color:#878787;}
.nav li li {float: left;width: 100%;}
}