article,footer,header,nav{display:block}html{font-size:100%;font-family:Roboto,sans-serif}body{margin:0}p,span{margin:1em 0}body{font-size:16px}a{color:#fff;text-decoration:none;transition-duration:.2s}img{border:0;max-width:100%;height:100%}h1,h2,h3{color:red;padding:5px;position:relative;font-size:18px}.menu{position:fixed;z-index:100;color:#fff;background:#000;border-right:10px solid red;width:200px;left:0;top:0;height:100%}.menu nav{position:absolute;top:220px;left:0;right:0;bottom:50px;width:200px!important}.menu nav a{display:block;padding:13px 0;text-align:left;outline:0;margin:0 30px;border-bottom:1px solid #333;font-family:Oswald,sans-serif;font-size:16px;font-weight:300;color:#FFF;transition-duration:.2s}.menu nav a span.active{color:#ffb400;font-weight:400}.copyright{position:absolute;bottom:5px;text-transform:uppercase;font-family:Oswald,sans-serif;font-size:11px;padding:30px;color:#747474;line-height:18px;letter-spacing:1px}.content-scroller{position:absolute;left:200px;right:0;overflow:hidden;height:100%}.content-wrapper{width:7356px;position:absolute;height:100%;overflow:hidden}.content:last-child{width:1720px;background-color:#000}.content{width:800px;overflow-y:scroll;height:100%;float:left}.inner{padding:20px}.introduction{position:relative;vertical-align:middle;height:100%}.introduction img{height:100%;width:100%;float:left}.about{background-color:#000;color:#fff;width:1400px}.about-con{width:40%}.introduction-end{background-color:#000}@media only screen and (max-device-width:768px){.introduction img{height:auto;width:auto}}.noscroll{overflow:hidden!important}@media screen and (max-width:1024px){.menu nav{top:180px}.copyright{padding:20px 30px}.inner{padding:50px}.content{width:700px}.menu nav a{padding:11px 0}.about-con{width:100%}}@media screen and (max-width:768px){body{overflow-x:auto;overflow-y:auto}h2{font-size:40px}.menu{position:fixed;width:100%;height:460px}.menu nav{top:50px;bottom:20px}.content-scroller{position:relative;height:auto;left:0;overflow:visible}.content-wrapper{height:auto;width:auto;margin-left:0}.content{border:0;width:768px;float:none;overflow-y:auto}.content:last-child{display:none}.menu nav a{margin:0 17px}.menu nav a:last-child{border-bottom:0}.menu nav{display:none}.menu{height:50px}.copyright{display:none}.inner{padding:60px 40px 60px}.about-con{width:100%}}@media screen and (max-width:767px){.content-wrapper{height:auto;margin-left:0;width:100%}.content{width:auto}.introduction img{height:auto}.about-con{width:100%}}@media screen and (max-width:675px){.inner{padding:10px 30px 40px 30px}.about .inner{width:auto}.about-con{width:100%}}@media screen and (max-width:620px){.introduction img{height:100%}.content{padding-top:10px}h1,h2{font-size:30px;line-height:30px}.about-con{width:100%}}.menu nav a:hover{color:#ffb400;text-decoration:none}