*{padding:0;margin:0}.hello{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;min-width:1366px;background:url(../img/login_bg.827fe019.827fe019.jpg) 50% no-repeat}.hello .icon{position:absolute;width:110px;height:110px;background:url(../img/icon.f2860cc1.f2860cc1.png) no-repeat;-webkit-animation:floatUpDown 4s linear infinite;animation:floatUpDown 4s linear infinite;border:none}.hello .icon.icon-1{left:25.9375%;top:15.5555555%;background-position:0 0;-webkit-animation-delay:2s;animation-delay:2s}.hello .icon.icon-2{left:37.6302083%;top:26.3425926%;background-position:0 -110px;-webkit-animation-delay:.5s;animation-delay:.5s}.hello .icon.icon-3{left:49.9479167%;top:21.0185185%;background-position:0 -220px;-webkit-animation-delay:1.5s;animation-delay:1.5s}.hello .icon.icon-4{left:24.6875%;top:41.4814815%;background-position:0 -330px;-webkit-animation-delay:2.5s;animation-delay:2.5s}.hello .icon.icon-5{left:17.1875%;top:48.7962963%;background-position:0 -440px;-webkit-animation-delay:.2s;animation-delay:.2s}.hello .icon.icon-6{left:31.5625%;top:52.5%;background-position:0 -550px;-webkit-animation-delay:.8s;animation-delay:.8s}.hello .icon.icon-7{left:47.7604167%;top:55.5555556%;background-position:0 -660px;-webkit-animation-delay:2s;animation-delay:2s}.hello .login-form{position:absolute;width:280px;height:320px;margin:0 160px 80px 0;padding:0 2.6041667% 35px;background:-webkit-gradient(linear,left bottom,left top,from(rgba(4,53,151,.8)),to(rgba(0,150,187,.8)));background:linear-gradient(0deg,rgba(4,53,151,.8),rgba(0,150,187,.8));border-radius:10px;top:25%;right:50px}.hello .login-form .login-title{margin:10px 0 10px;color:#fff;font-size:20px;text-align:center;font-weight:700}.hello .login-form .login-form-el{margin:20px 10px}.hello .login-form .form-remember{float:left}.hello .login-form .form-remember>span:nth-child(2){font-size:14px;color:#fff}.hello .login-form .form-forget{float:right;font-size:14px;color:#fff}@-webkit-keyframes floatUpDown{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}50%{-webkit-transform:translate(0);transform:translate(0)}75%{-webkit-transform:translateY(20px);transform:translateY(20px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes floatUpDown{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}50%{-webkit-transform:translate(0);transform:translate(0)}75%{-webkit-transform:translateY(20px);transform:translateY(20px)}to{-webkit-transform:translate(0);transform:translate(0)}}.login-container{border-radius:5px;-moz-border-radius:5px;background-clip:padding-box;margin:180px auto;width:350px;padding:35px 35px 15px 35px;background:#fff;border:1px solid #eaeaea;-webkit-box-shadow:0 0 25px #cac6c6;box-shadow:0 0 25px #cac6c6}.login-container .title{margin:0 auto 40px auto;text-align:center;color:#505458}.login-container .remember{margin:0 0 35px 0}