.login{background-color:#e9edf5}.login .logo{margin:5% auto 0;text-align:center;padding:0 0 30px}.login .logo img{width:13%}.login .content form{background:#ffffff;box-shadow:10px 10px 15px rgba(0,0,0,0.1);opacity:1;margin:0 37.6%;padding:3% 1.6% 2%}.login .content form h3{font-size:14px;font-weight:bold;margin:0 0 2%}.login .content form h3.form-title{font-size:24px;padding:0 0 15px;border-bottom:1px solid #a8b2be}.login .content form .login-form,.login .content form .forget-form{padding:0px;margin:0px}.login .content form input.form-control{border:1px solid #636d79;font-size:14px;padding:2%;width:97%}.login .content form input:-webkit-autofill,.login .content form input:-webkit-autofill:hover,.login .content form input:-webkit-autofill:focus,.login .content form input:-webkit-autofill:active{box-shadow:0 0 0px 999px #fff inset;-webkit-box-shadow:0 0 0 30px #fff inset !important}.login .content form .remember{margin:0 0 20px 0}.login .content form .check{color:#636d79;position:relative;padding:0 0 0 20px;margin:0 0 20px 0}.login .content form input[type=checkbox]{display:none;opacity:0}.login .content form label input[type=checkbox]+span{display:table-cell;content:url(/img/checkbox-off.png);width:18px;height:18px;left:0;top:0px;position:absolute}.login .content form label input[type=checkbox]:checked+span{content:url(/img/checkbox-on.png);width:18px;height:18px}.login .content form .confirm-btn{background-color:#4d8bdb;color:#fff;box-shadow:10px 10px 15px rgba(0,0,0,0.1);width:100%;font-size:14px;padding:2% 0;cursor:pointer}.login .content form .remind-pass a{font-size:12px;text-decoration:none}.login .content form .row{display:flex;justify-content:space-between;margin:0}.login .content form .last-name,.login .content form .first-name{width:47%}.login .content form input#first-name{width:93%}.login .content .form-control:focus,.login .content .form-control:active{border:1px solid #c3ccda}.login .content .form-control::-moz-placeholder{color:#8290a3;opacity:1}.login .content .form-control:-ms-input-placeholder{color:#8290a3}.login .content .form-control::-webkit-input-placeholder{color:#8290a3}.login .content select.form-control{padding-left:9px;padding-right:9px}.login .content .forget-form{display:none}.login .content .register-form{display:none}.login .content .form-title{font-weight:300;margin-bottom:25px}.login .content .create-account{margin:0 -40px -30px -40px;padding:15px 0 17px 0;text-align:center;background-color:#6c7a8d;-webkit-border-radius:0 0 7px 7px;-moz-border-radius:0 0 7px 7px;-ms-border-radius:0 0 7px 7px;-o-border-radius:0 0 7px 7px;border-radius:0 0 7px 7px}.login .content .create-account>p{margin:0}.login .content .create-account p a{font-weight:600;font-size:14px;color:#c3cedd}.login .content .create-account a{display:inline-block;margin-top:5px}select#prefecture{width:97%;background-color:white;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;border:1px solid #636d79;background-image:url(/img/icn-choose.png);background-position:calc(100% - 12px) calc(1em + -8px),calc(100% - 15px) calc(1em + 2px),100% 0px;background-size:9px 20px, 9px 20px, 2.5em 2.5em;background-repeat:no-repeat}select#prefecture:not(:focus):invalid{color:#8290a3}label.control-label{width:20%;margin:0}label.control-label{margin:0}.form-group{margin-bottom:20px}.login .copyright{text-align:center;margin:0 37.6%;padding:10px;color:#b5bfce;font-size:11px}@media (max-width: 1440px){.login .content form{margin:0 35.6%}.login .copyright{margin:0 35.6%}}@media (max-width: 720px){.login .content form{margin:0 20.6%}.login .copyright{margin:0 20.6%}}@media (max-width: 440px){.login .logo{margin-top:10px}.login .content{width:280px;margin-top:10px}.login .content h3{font-size:22px}.forget-password{display:inline-block;margin-top:20px}.login-options .social-icons{float:left;padding-top:3px}.login .checkbox{font-size:13px}}