article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block}blockquote:before,blockquote:after,q:before,q:after{content: '';content: none}table{border-collapse: collapse;border-spacing: 0}body{background: url(img/denim.png)}.clearfix{clear: both}.wrape{width: 100%;height: 50px;background-color: #eee}nav{width: 1140px;height: 50px;margin: auto;position: relative;top: 0;left: 0;bottom: 0;right: 0;background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#ccc));background-image: linear-gradient(#fff, #ccc);border-radius: 6px;box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.4);padding: 0 10px;z-index: 100000}.menu li{float: left;position: relative}.menu li a{color: #444;display: block;font-size: 14px;line-height: 20px;padding: 6px 18px;margin: 8px 8px;vertical-align: middle;text-decoration: none;font-weight: bold}.menu li a:hover{background: -webkit-gradient(linear, center top, center bottom, from(#ededed), to(#fff));background-image: linear-gradient(#ededed, #fff);border-radius: 12px;box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.1);color: #222}.menu ul{position: absolute;left: -9999px;list-style: none;opacity: 0;transition: opacity 1s ease}.menu ul li{float: none}.menu ul a{white-space: nowrap}.menu li:hover ul{background: rgba(255, 255, 255, 0.7);border-radius: 0 0 6px 6px;box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.4);left: 5px;opacity: 1}.menu li:hover a{background: -webkit-gradient(linear, center top, center bottom, from(#ccc), to(#ededed));background-image: linear-gradient(#ccc, #ededed);border-radius: 12px;box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.1);color: #222}.menu li:hover ul a{background: none;border-radius: 0;box-shadow: none}.menu li:hover ul li a:hover{background: -webkit-gradient(linear, center top, center bottom, from(#eee), to(#fff));background-image: linear-gradient(#ededed, #fff);border-radius: 12px;box-shadow: inset 0px 0px 4px 2px rgba(0, 0, 0, 0.3)}