body{background-color: #fff;}.login-bg{position: relative;width: 100%;height: 100vh;background: url(login_bg-bf1051fac02fc5c267a1bb448c7699a2.png) center top no-repeat,url(login_bg_bottom-3b495cc9802d6a91b995bfada0fffd4c.png) center bottom no-repeat;-webkit-background-size: 400%,200%;background-size: 400%,200%;}.login-container{padding: 30px;background-color: #fff;box-shadow: 0 0 10px rgba(200,200,200,.5);width: 600px !important;max-width: calc(100% - 40px);border-radius: 3px;margin-left: 0 !important;top: 40% !important;transform: translateX(-50%) translateY(-50%);text-align: center;}.login-container>form>a{display: block;margin: 0 auto;width: fit-content;}.login-container img{display: block;margin: 0 auto;max-width: 100%;}.login-container .google_login_btn{max-width: 200px;}.login-container h1{text-align: center;margin: 0;margin-bottom: 30px;line-height: 1.7;font-size: 24px;}footer{position: absolute;bottom: 0;left: 0;width: 100%;}footer>p{text-align: center;}footer>p.web-name a{color: #2680EB;margin-bottom: 5px;}footer>p.web-name a:hover{text-decoration: none;}.login-logo{position: absolute;left: 30px;top: 30px;}.version-number{position: absolute;right: 30px;top: 30px;color: #fff;}@media (min-width: 440px) {.login-bg {-webkit-background-size: 300%,100%;background-size: 300%,100%;}}@media (min-width: 768px){.login-container{padding: 50px 100px;}.login-container h1{font-size: 30px;}.login-bg{-webkit-background-size: 250%,100%;background-size: 250%,100%;}}@media (min-width: 992px){.login-bg{-webkit-background-size: 250%,100%;background-size: 100%,100%;}}@media (min-width: 1200px){.login-bg{-webkit-background-size: auto,auto;background-size: auto,auto;}}.login-container.store{padding: 20px 10px;top: 100px !important;transform: translateX(-50%) translateY(0);width: 400px !important;}.login-container.store h1{font-size: 20px;line-height: 1.2;}.login-container.store .login-left-wrap input{border: 0!important;}.login-container.store .login-left-wrap .input-group-text {border: 0;background-color: unset;border-color: unset;padding: 6px 10px;min-width: unset;}.login-container.store .login-left-wrap .input-group-text i{display: block;width: 12px;height: 12px;-webkit-background-size: 100%;background-size: 100%;}.login-container.store .login-left-wrap .input-group-text .user-icon{background-image: url(user-icon-072a2dac1514a1ac230ee5a75e3633ab.png);}.login-container.store .login-left-wrap .input-group-text .key-icon{background-image: url(key-icon-b8bb851dc325e2e4782f8aec503c53c6.png);}.login-container.store .login-left-wrap .input-group{background-color: #fafafa;border-radius: 5px;border: 1px solid #bcbcbc;}.login-container.store .login-left-wrap .input-group .form-control{background-color: unset;height: 40px;padding: 6px 0px;}.login-container.store .login-left-wrap .btn-success {background-color: rgb(231,93,122);border-color: rgb(231,93,122);color: #ffffff;width: 100%;height: 40px;margin-bottom: 10px;margin-top: 30px;}.login-container.store .login-right-wrap{overflow: hidden;padding: 0 15px;}.login-container.store .login-right-wrap h2 {margin-bottom: 0;font-size: 20px;}.login-container.store .login-right-wrap .qrcode-img-wrap{width: calc(50% - 3px);margin-right: 6px;float: left;}.login-container.store .login-right-wrap .qrcode-img-wrap:last-child{margin: 0;}login-container.store .login-right-wrap .qrcode-img-wrap img {display: block;}.login-container.store .login-right-wrap .qrcode-img-wrap .store-name{float: left;width: 100%;margin-bottom: 10px;}.login-container.store .login-right-wrap .qrcode-img-wrap .store-name a{display: block;width: 100%;}.login-container.store .login-right-wrap .qrcode-img-wrap .store-qrcode{display: none;}.login-container.store .reminder-btn{text-align: right;padding: 10px;}.login-container.store .reminder-btn a{color: #333;}.login-container.store .reminder-btn a:hover{text-decoration: none;}.login-container.store .reminder-btn a:focus{text-decoration: none;}.login-container.store .reminder-btn i{display: inline-block;vertical-align: middle;margin-right: 3px;height: 14px;width: 14px;background-image: url(reminder-icon-8dbd6e939f66be8bf10f8f0347652b0c.png);-webkit-background-size: 100%;background-size: 100%;}@media (min-width: 768px) {.login-container.store{top: 50% !important;transform: translateX(-50%) translateY(-50%);width: 800px!important;overflow: hidden;padding: 30px 20px;display: flex;align-items: flex-end;}.login-container.store .login-left-wrap{float: left;width: 50%;}.login-container.store .login-right-wrap{float: left;width: 50%;}.login-container.store h1 {font-size: 28px;text-align: left;padding: 0 15px;margin-bottom: 50px;}.login-container.store .login-right-wrap h2 {font-size: 24px;text-align: left;padding: 0 15px;position: relative;margin-bottom: 10px;}.login-container.store .login-right-wrap>h2:before{position: absolute;content: '';display: block;width: calc(100% - 30px);height: 1px;background-color: #333;bottom: -25px;left: 30px;}.login-container.store .login-right-wrap>p{text-align: left;padding: 0 5px 0 15px;position: relative;width: fit-content;background-color: #fff;}.login-container.store .login-right-wrap .qrcode-img-wrap{overflow: hidden;width: 100%;}.login-container.store .login-right-wrap .qrcode-img-wrap .store-name{float: left;width: calc(75% - 5px);margin-right: 15px;padding: 0 15px;margin-bottom: 20px;}.login-container.store .login-right-wrap .qrcode-img-wrap .store-qrcode{display: block;float: right;width: calc(25% - 10px);padding-left: 10px;}.login-container.store .login-left-wrap .form-group{margin-bottom: 0;}.login-container.store .login-left-wrap .input-group .form-control{height: 50px;}.login-container.store .login-left-wrap .btn-success {margin-bottom: 20px;margin-top: 60px;height: 50px;}.login-container.store .login-left-wrap .input-group-text {padding: 6px 15px;}.login-container.store .login-left-wrap .input-group-text i{width: 20px;height: 20px;}}@media (max-width: 320px) {.login-container.store{top: 80px !important;}.login-container.store .login-left-wrap .input-group .form-control{height: 30px;}.login-container.store .login-left-wrap .btn-success {margin-bottom: 10px;margin-top: 0;height: 30px;}}@media (max-width: 767px) {p.errorMsg {position: relative;margin-bottom: 0;padding-bottom: 20px;}}.login-fadeIn {animation-name: fadeIn;-webkit-animation-name: fadeIn;animation-duration: 1.0s;-webkit-animation-duration: 1.0s;animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;visibility: visible !important;}@keyframes fadeIn {0% {opacity: 0.0;}100% {opacity: 1;}}