a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;font-family:STHeiti,'Microsoft JhengHei',Arial;background:#fff;overflow-x:hidden}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body,html{width:100%;height:100%}body.menuopen{margin-left:-240px}h1,h2,h3,h4,h5{font-weight:700}a:active,a:hover,a:link,a:visited{text-decoration:none}div{position:relative;box-sizing:border-box}div:after,div:before{position:absolute;content:''}.content{min-height:100vh;width:80%}.disqus,.tutorials-content{display:none}footer i,header,header .mobile-menu:after,header .mobile-menu:before,header a,header div{transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}footer h4{margin-bottom:5px}header{position:fixed;display:block;z-index:99;top:0;left:0;width:100%;height:80px;background-image:linear-gradient(top,rgba(0,0,0,.9),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.9),rgba(0,0,0,0));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.9),rgba(0,0,0,0));background-position:0 1px;border-bottom:1px solid rgba(255,255,255,0)}footer .logo a:last-child,header.path-1{display:none}header .logo{position:absolute;z-index:3;width:241px;height:37px;top:20px;left:30px;background-image:url(../../img/layout/layout-sprite.png);background-position:0 -111px;transform:scale(.8);-webkit-transform:scale(.8);-moz-transform:scale(.8)}header .menu{position:absolute;z-index:2;top:30px;right:50px}header .menu a{margin:0 15px;font-size:16px;text-shadow:rgba(0,0,0,.7) 0 0 6px;opacity:1;color:#fff}header .menu a:hover{color:#8df;opacity:1}header .menu a.none,header .menu a.none:hover{color:#666}header .menu a.actived{transition:0;-webkit-transition:0;-moz-transition:0;color:#fb0}header .menu a.actived:hover{color:#fb0}header.scroll{height:55px;background:#fff;box-shadow:rgba(0,0,0,.2) 0 0 20px}header.scroll .logo{top:8px;transform:scale(.7);-webkit-transform:scale(.7);-moz-transform:scale(.7)}header.scroll .menu{top:17px}header.scroll .menu a{font-size:15px;text-shadow:none;color:#000}header.scroll .menu a:hover{color:#0ac}header.scroll .menu a.none,header.scroll .menu a.none:hover{color:#aaa}header.scroll .menu a.actived,header.scroll .menu a.actived:hover{color:#f90}header .mobile-menu{display:none;position:absolute;z-index:3;top:25px;right:26px;width:30px;height:5px;background:#fff;cursor:pointer;border-width:10px 0;padding-bottom:5px;background-clip:padding-box;border-style:solid;border-color:transparent}header .mobile-menu:after,header .mobile-menu:before{position:absolute;content:'';width:30px;height:5px;background:#fff}header .mobile-menu:before{top:-10px}header .mobile-menu:after{top:10px}footer{width:100%;height:150px;background:#222}footer .logo{width:100%;padding:40px 5px 10px;text-align:center}footer .logo a:first-child{display:inline}footer .logo i{display:inline-block;width:241px;height:37px;background-image:url(../../img/layout/layout-sprite.png);background-position:0 -148px;opacity:.5}footer .logo i:hover{opacity:1}footer h4{color:#555;text-align:center;font-size:14px}@media (max-width:1000px){header .logo{left:0}header .menu{right:10px}.content{width:90%}}@media (max-width:900px){header{top:-5px;height:55px;background:#fff;box-shadow:rgba(0,0,0,.2) 0 0 20px}header .logo{top:10px;left:-20px;transform:scale(.7);-webkit-transform:scale(.7);-moz-transform:scale(.7)}header .mobile-menu{top:18px;right:18px;display:block;background:#000;background-clip:padding-box;transform:scale(.8);-webkit-transform:scale(.8);-moz-transform:scale(.8)}header .mobile-menu:after,header .mobile-menu:before{background:#000}header .mobile-menu.menuopen{padding:0;right:18px;top:25px;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}header .mobile-menu.menuopen:after,header .mobile-menu.menuopen:before{background:#fa0}header .menu,header.scroll .menu{right:0;width:100%;height:350px;background:#000}header .mobile-menu.menuopen:before{top:0;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}header .mobile-menu.menuopen:after{top:0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg)}header .menu{top:-350px;padding:50px 20px 20px;box-shadow:rgba(0,0,0,.2) 0 5px 0}header .menu a{font-size:20px;display:block;padding:15px 10px;border-bottom:1px dashed #666}header .menu.menuopen{top:0}header.scroll .mobile-menu.menuopen{top:20px}header.scroll .logo{top:10px}header.scroll .menu{top:-350px}header.scroll .menu a{font-size:20px;color:#fff;display:block}header.scroll .menu a.none,header.scroll .menu a.none:hover{color:#666}header.scroll .menu.menuopen{top:0}.content{width:90%}}@media (max-width:600px){footer .logo{width:100%}footer .logo i{transform:scale(.7);-webkit-transform:scale(.7);-moz-transform:scale(.7)}footer .logo h4{font-size:12px}}