.wrapper,div{padding:0;margin:0}body,html{width:100%;height:100%;margin:0;background:#11252f;-webkit-font-smoothing:antialiased!important;text-rendering:optimizeLegibility!important;-webkit-text-size-adjust:100%}div{z-index:1}.wrapper{position:absolute;-webkit-transform:translateZ(0)}.banner{width:300px;height:600px;overflow:hidden;position:relative}.banner .border,.banner .stage,.float,.png-element{position:absolute}.banner .border{z-index:100;pointer-events:none;background:rgba(0,0,0,.7)}.banner .border-top{width:300px;height:1px;top:0;left:0}.banner .border-bottom{width:300px;height:1px;bottom:0;left:0}.banner .border-left{height:598px;width:1px;top:1px;left:0}.banner .border-right{height:598px;width:1px;top:1px;right:0}.banner .stage{z-index:7;width:300px;height:600px;opacity:0;visibility:hidden}.png-element{display:block;background-repeat:no-repeat;z-index:20;background-image:url(png-element.png);background-size:816px 560px}.cta,.enroll_text,.enroll_title,.graduate_text,.graduate_title,.learn_title,.logo,.test_text,.test_title,.text1,.text2{background-size:408px 280px}.cta{width:73px;height:11px;background-position:-263px -155px}.enroll_text{width:179px;height:72px;background-position:0 -174px}.enroll_title{width:77px;height:21px;background-position:-175px -72px}.graduate_text{width:172px;height:99px;background-position:0 -72px}.graduate_title{width:119px;height:21px;background-position:-257px -249px}.learn_text{width:180px;height:68px;background-size:408px 280px;background-position:-182px -174px}.learn_title{width:73px;height:20px;background-position:-175px -96px}.logo{width:139px;height:56px;background-position:-263px -96px}.test_text{width:145px;height:93px;background-position:-263px 0}.test_title{width:55px;height:20px;background-position:-175px -119px}.text1{width:254px;height:31px;background-position:0 -249px;top:64px;left:23px}.text2{width:260px;height:69px;background-position:0 0;top:108px;left:20px}body{background-color:#434E7E;animation:bg 10s ease infinite}@keyframes bg{0%,100%{background-color:#434E7E}50%{background-color:#960068}}.arrow.left{left:3px;top:299px}.arrow.right{right:3px;top:299px;transform:rotate(180deg)}.arrow{z-index:50;cursor:pointer}.white-box{background-color:#fff;border-radius:5px;top:214px;left:36px;width:228px;height:232px;z-index:15}.notepad-icon{top:15px;left:98px}.enroll_text{top:112px;left:24px}.enroll_title{top:71px;left:76px}.gradhat-icon{top:13px;left:92px}.graduate_text{top:110px;left:28px}.graduate_title{top:71px;left:53px}.book-icon{top:13px;left:93px}.learn_text{top:112px;left:24px}.learn_title{top:72px;left:78px}.notebook-icon{top:15px;left:96px}.test_text{top:113px;left:41px}.test_title{top:72px;left:86px}.float{z-index:20}.dotnav{bottom:124px;width:100%;display:flex;justify-content:center;align-items:center;left:0}.dotnav .dot{background-color:#fff;width:8px;height:8px;border-radius:8px;margin:3px 4px;opacity:.5;transition:opacity .25s ease-in-out}.dotnav .dot.active{opacity:1}.footer{z-index:30;bottom:0;left:0;width:300px;height:71px;background:#fff}.footer .cta-button{background-color:#960068;bottom:21px;right:19px;padding:10px 18px;cursor:pointer;transition:background-color .25s ease-in-out}.footer .cta-button .cta{position:relative}.footer .cta-button:hover{background-color:#434E7E}.footer .logo{bottom:8px;left:12px}