.login[data-v-786d83f8]{width:100%;height:100%;position:relative}.my-canvas[data-v-786d83f8]{background:url(../img/canvas.4876ad1d.png) no-repeat;background-size:100% 100%}.ball[data-v-786d83f8]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;top:50%;left:8vw;margin-top:-17.5vw;width:35vw;height:35vw}.ball .ball-img[data-v-786d83f8]{-webkit-animation:rotateI-data-v-786d83f8 25s linear infinite;animation:rotateI-data-v-786d83f8 25s linear infinite}.ball .cloud-img[data-v-786d83f8]{position:absolute;top:50%;left:50%;width:24vw;height:15vw;margin-left:-12vw;margin-top:-7.5vw}.ball .logo-img[data-v-786d83f8]{position:absolute;top:50%;left:50%;width:16vw;height:3.5vw;margin-left:-8vw;margin-top:-1vw}@-webkit-keyframes rotateI-data-v-786d83f8{to{transform:rotate(1turn)}}@keyframes rotateI-data-v-786d83f8{to{transform:rotate(1turn)}}.login-area[data-v-786d83f8]{width:26vw;height:26vw;background-color:rgba(9,20,46,.5);position:absolute;right:10vw;top:50%;margin-top:-13vw;border-radius:9px;padding:2.5vw;color:#456594;font-size:1vw;display:flex;flex-direction:column}.login-area .area-title[data-v-786d83f8]{padding-bottom:2vw}.login-area .area-title>span[data-v-786d83f8]{margin:0 1.5vw;padding-bottom:5px;border-bottom:2px solid transparent;cursor:pointer}.login-area .area-title .under[data-v-786d83f8]{color:#fff;border-bottom-color:#fff}.login-area .content-user[data-v-786d83f8]{width:100%;flex:1;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.login-area .content-user .user-i[data-v-786d83f8]{width:100%;text-align:left;margin-bottom:1vw}.login-area .content-user .user-i .name[data-v-786d83f8]{margin-bottom:.5vw}.login-area .content-user input[data-v-786d83f8]{padding:10px;width:100%;border-bottom:1px solid #456594;border-right:none;border-top:none;border-left:none;background-color:transparent;outline:none;color:#fff;transition:border-bottom-color .5s}.login-area .content-user input[data-v-786d83f8]:focus{border-bottom-color:#fff}.login-area .submit[data-v-786d83f8]{background-color:#2a4b77;color:#fff;font-size:1.3vw;width:100%;padding:.7vw 0;transition:background-color .5s;border-radius:5px;cursor:pointer}.login-area .submit[data-v-786d83f8]:hover{background-color:#0d55ca}.login-area .forgot[data-v-786d83f8]{margin-top:2vw}.login-area .forgot .forgot-pass[data-v-786d83f8]{cursor:pointer}.login-area .forgot .regist[data-v-786d83f8]{cursor:pointer;margin-left:2vw;background-color:#223550;padding:.5vw 1.5vw;color:#6293e2;border-radius:5px}.login-area .code[data-v-786d83f8]{width:15vw}