.login{width:100%;height:100%;background-image:url(../img/login-bg.5ce830b5.jpg);background-size:cover;background-position:50%;position:relative}.login-con{position:absolute;right:160px;top:50%;-webkit-transform:translateY(-60%);transform:translateY(-60%);width:300px}.login-con-header{font-size:16px;font-weight:300;text-align:center;padding:30px 0}.login-con .form-con{padding:10px 0 0}.login-con .login-tip{font-size:10px;text-align:center;color:#c3c3c3}.copy-container{position:absolute;bottom:10px;left:0;right:0;text-align:center}.demo-spin-icon-load{-webkit-animation:ani-demo-spin 1s linear infinite;animation:ani-demo-spin 1s linear infinite}@-webkit-keyframes ani-demo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes ani-demo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media screen and (min-width:300px) and (max-width:780px){.login{width:100%;height:100%}.login-con{right:5%;margin:0 5% 0 5%}}