body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.PC-title{text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;position:absolute;margin:0;height:100px;width:calc(100vw - 6px);min-width:806px;background-color:#3adaf0;-webkit-animation:changebg 5s infinite;animation:changebg 5s infinite;border:3px solid #1e90ff}.PC-title h1{color:#3f3838;margin:0;line-height:94px;font-size:40px;text-shadow:5px 5px #7fa0df;cursor:default}.PC-quick{-webkit-user-select:none;-ms-user-select:none;user-select:none;position:absolute;width:100px;height:calc(100vh - 112px);min-height:500px;background-color:#adff2f;margin-top:106px;border-style:solid;border-width:3px;overflow-y:scroll}.PC-quick::-webkit-scrollbar{width:1px}.PC-button div{position:relative;width:80px;height:60px;margin:15px 8px 30px 9px;text-align:center;border-radius:5px;border:1px solid #000;transition-duration:0s;background-color:#fafaed}.PC-button div:hover{background-color:#868dee;cursor:pointer;color:#fff}.PC-button h3{margin:10px 0 0}.PC-button h2,.PC-button h3{line-height:20px;font-size:15px}.PC-button h2{margin:0 0 10px}.PC-display{position:absolute;top:0}.PC-display div{position:relative;width:80px;height:60px;margin:15px 8px 30px 9px;text-align:center;border-radius:5px;border:1px solid #000;background-color:#868dee;color:#fff;cursor:pointer}.PC-display h3{margin:10px 0 0}.PC-display h2,.PC-display h3{line-height:20px;font-size:15px}.PC-display h2{margin:0 0 10px}.PC-contain{position:absolute;width:calc(100vw - 112px);height:calc(100vh - 112px);min-height:500px;min-width:700px;background-color:#f3e412;margin-top:106px;margin-left:106px;border-style:solid;border-width:3px}.Contain-Box{width:696px;height:496px;position:absolute;top:50%;left:50%;margin-top:-250px;margin-left:-350px;border:2px solid;border-radius:9px;background-color:#fff}.Enroll{position:absolute;width:100%;height:100%;-webkit-user-select:none;-ms-user-select:none;user-select:none}.Enroll h1{position:absolute;width:600px;line-height:96px;cursor:default}.Enroll div,.Enroll h1{text-align:center;height:94px;margin:0;border-bottom:2px solid}.Enroll div{position:relative;left:600px;background-color:#c5fcfd;width:94px;border-left:2px solid;border-top-right-radius:7px}.Enroll div:hover{background-color:#81eaf8;cursor:pointer;color:#000}.Enroll div h3{margin:0;line-height:94px;font-size:20px}.Enroll form{position:relative;width:696px;height:400px;background-color:#42a5e7;line-height:50px;border-bottom-right-radius:7px;border-bottom-left-radius:7px}.Enroll label{float:right;font-size:20px;margin-right:432px}.Enroll input{width:200px;border:2px solid;margin-left:300px;font-size:20px;padding-left:15px}.Enroll button,.Enroll input{position:absolute;height:40px}.Enroll button{width:100px;margin-left:298px;margin-top:100px;cursor:pointer;text-align:center;border-style:solid;border-radius:9px;border-color:#000;background-color:#c5fcfd}.Enroll button:focus,.Enroll button:hover{background-color:#81eaf8;color:#000}.Enroll button h6{margin:0;line-height:35px;font-size:16px}.Login{position:absolute;width:100%;height:100%;-webkit-user-select:none;-ms-user-select:none;user-select:none}.Login h1{position:absolute;width:600px;line-height:96px;cursor:default}.Login-Language,.Login h1{text-align:center;height:94px;margin:0;border-bottom:2px solid}.Login-Language{position:relative;left:600px;top:0;background-color:#c5fcfd;width:94px;border-left:2px solid;border-top-right-radius:7px}.Login-Language:hover{background-color:#81eaf8;cursor:pointer;color:#000}.Login-Language h3{margin:0;line-height:94px;font-size:20px}.Login-box{position:relative;width:696px;height:400px;background-color:#42a5e7;line-height:50px;border-bottom-right-radius:7px;border-bottom-left-radius:7px}.Login-box label{float:right;font-size:20px;margin-right:432px}.Login-box input{position:absolute;width:200px;height:40px;border:2px solid;margin-left:300px;font-size:20px;padding-left:15px}.Login-box button{position:absolute;width:100px;height:40px;margin-left:298px;margin-top:130px;cursor:pointer;text-align:center;border-style:solid;border-radius:9px;border-color:#000;background-color:#c5fcfd}.Login-box button:focus,.Login-box button:hover{background-color:#81eaf8;color:#000}.Login-box button h6{margin:0;line-height:35px;font-size:16px}.Puzzle{-webkit-user-select:none;-ms-user-select:none;user-select:none}.Puzzle-Title{position:absolute;width:100px;height:496px;border-right:2px solid}.Puzzle-Title h1{top:50px;line-height:50px}.Puzzle-Title h1,.Puzzle-Title h2{position:absolute;margin:0;left:40px;width:20px;word-wrap:break-word}.Puzzle-Title h2{top:110px;font-size:30px;line-height:55px}.Puzzle-Title div{text-align:center;position:absolute;margin:0;top:400px;width:100px;height:94px;border-top:2px solid;border-bottom-left-radius:7px;background-color:#c5fcfd}.Puzzle-Title div:hover{background-color:#81eaf8;cursor:pointer;color:#000}.Puzzle-Title h3{margin:0;line-height:94px;font-size:20px}.Puzzle-Choose{width:594px;height:150px;position:absolute;top:0;left:102px;background-color:#6495ed;border-bottom:2px solid;border-top-right-radius:7px}.Puzzle-Choose h6{margin:0;text-align:center;position:absolute;top:120px;left:200px;width:200px;height:30px;font-size:20px}.Puzzle-Choose-Button{display:-webkit-flex;display:flex}.Puzzle-Choose-Button div{position:relative;width:100px;height:100px;border:2px solid;margin:10px 7px 20px 7.7px}.Puzzle-Choose-Button div:hover{cursor:pointer;border-color:#f3e7e7}.Puzzle-Choose-Button img{width:100px;height:100px;-webkit-user-drag:none}.Puzzle-Choose-Display{display:-webkit-flex;display:flex}.Puzzle-Choose-Display div{width:100px;height:100px;border:2px solid #f3e7e7;margin:-124px 7px -134px 7.7px}.Puzzle-Choose-Display img{width:100px;height:100px;-webkit-user-drag:none}.Puzzle-Choose-Img input{display:none}.Puzzle-Choose-Img label{position:absolute;top:120px;left:60px;width:120px;height:20px;background-color:#b3c7ec;line-height:20px;cursor:pointer;text-align:center;border:2px solid;border-radius:9px;background-color:#c5fcfd}.Puzzle-Choose-Img label:hover{background-color:#81eaf8;color:#000}.Puzzle-Choose-Img h6{text-align:left;width:220px;height:20px;line-height:20px;font-size:15px}.Puzzle-Choose-Img button{position:absolute;top:120px;left:450px;width:100px;height:25px;cursor:pointer;text-align:center;border-style:solid;border-radius:9px;border-color:#000;background-color:#c5fcfd}.Puzzle-Choose-Img button:hover{background-color:#81eaf8;color:#000}.Puzzle-Choose-Img h5{margin:0;line-height:20px;font-size:16px}.Puzzle-Control{width:104px;height:120px;margin:0;position:absolute;top:170px;left:230px;background-color:#6495ed;border:3px solid}.Puzzle-Control-Button div{text-align:center;position:relative;margin:10px;width:80px;height:40px;background-color:#a0f3f3;border:2px solid;border-radius:12px}.Puzzle-Control-Button div:hover{cursor:pointer;color:#f35d5d}.Puzzle-Control-Button h6{margin:0;line-height:40px;font-size:15px}.Puzzle-Control-U{width:104px;height:118px;margin:0;position:absolute;top:340px;left:110px;background-color:#6495ed;border:3px solid}.Puzzle-Control-Button-U div{text-align:center;position:relative;margin:10px;width:80px;height:40px;background-color:#a0f3f3;border:2px solid;border-radius:12px}.Puzzle-Control-Button-U div:hover{cursor:pointer;color:#f35d5d}.Puzzle-Control-Button-U h6{margin:0;line-height:40px;font-size:15px}.Puzzle-Control-User{width:84px;height:118px;margin:0;position:absolute;top:340px;left:230px;background-color:#6495ed;border:3px solid}.Puzzle-Control-User progress{position:absolute;width:83px;top:120px;left:0}.Puzzle-Control-Button-User div{text-align:center;position:relative;margin:10px;width:60px;height:40px;background-color:#a0f3f3;border:2px solid;border-radius:12px}.Puzzle-Control-Button-User div:hover{cursor:pointer;color:#f35d5d}.Puzzle-Control-Button-User h6{margin:0;line-height:40px;font-size:15px}.Puzzle-Level{width:100px;height:120px;margin:0;position:absolute;top:170px;left:110px;background-color:#6495ed;border:3px solid}.Puzzle-Level h1{top:6px}.Puzzle-Level h1,.Puzzle-Level h2{text-align:center;position:absolute;margin:0;left:5px;width:8px;line-height:20px;font-size:13px;word-wrap:break-word}.Puzzle-Level h2{top:35px}.Puzzle-Level-Button{position:absolute}.Puzzle-Level-Button div{text-align:center;position:relative;width:60px;height:30px;border:2px solid;margin:4px 5px 5px 25px;background-color:#a0f3f3;color:#002fff}.Puzzle-Level-Button h6{margin:0;line-height:30px;font-size:13px}.Puzzle-Level-Display{position:absolute}.Puzzle-Level-Display div{text-align:center;cursor:pointer;position:relative;width:60px;height:30px;border:2px solid;margin:4px 5px 5px 25px;background-color:#a0f3f3}.Puzzle-Level-Display div:hover{cursor:pointer;color:#002fff}.Puzzle-Level-Display h6{margin:0;line-height:30px;font-size:13px}.Puzzle-Game{width:300px;height:300px;position:absolute;top:170px;left:325px}.Puzzle-Game img{width:300px;height:300px;-webkit-user-drag:none}.Puzzle-Game canvas{width:300px;height:300px;border:3px solid;transition:.5s}.Puzzle-Game-User{width:300px;height:300px;position:absolute;top:170px;left:350px}.Puzzle-Game-User img{width:300px;height:300px;-webkit-user-drag:none}.Puzzle-Game-User canvas{width:300px;height:300px;border:3px solid;transition:.5s}.Puzzle-Display-Img{width:150px;height:150px;position:absolute;top:320px;left:150px;border:3px solid}.slider{margin:0;padding:0;width:696px;height:400px;overflow:hidden}.slides{width:500%;height:400px;display:-webkit-flex;display:flex}.slides input{display:none}.slide{width:20%;transition:1s}.slide img{width:100%;height:100%;border-bottom-left-radius:7px;border-bottom-right-radius:7px}.navigation-manual{position:absolute;width:100%;margin-top:-40px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.manual-btn{border:2px solid #40d3dc;padding:5px;border-radius:10px;cursor:pointer;transition:1s}.manual-btn:not(:last-child){margin-right:40px}.manual-btn:hover{background:#40d3dc}#radio1:checked~.first{margin-left:0}#radio2:checked~.first{margin-left:-20%}#radio3:checked~.first{margin-left:-40%}#radio4:checked~.first{margin-left:-60%}#radio5:checked~.first{margin-left:-80%}.navigation-auto{position:absolute;display:-webkit-flex;display:flex;width:696px;-webkit-justify-content:center;justify-content:center;margin-top:360px}.navigation-auto div{border:2px solid #40d3dc;padding:5px;border-radius:10px;transition:1s}.navigation-auto div:not(:last-child){margin-right:40px}#radio1:checked~.navigation-auto .auto-btn1,#radio2:checked~.navigation-auto .auto-btn2,#radio3:checked~.navigation-auto .auto-btn3,#radio4:checked~.navigation-auto .auto-btn4,#radio5:checked~.navigation-auto .auto-btn5{background:#40d3dc}.AlbumS1{position:absolute;width:100%;height:100%;overflow:hidden;-webkit-user-select:none;-ms-user-select:none;user-select:none}.AlbumS1 h1{position:absolute;width:600px;line-height:96px;cursor:default}.AlbumS1 h1,.AlbumS1-Language{text-align:center;height:94px;margin:0;border-bottom:2px solid}.AlbumS1-Language{position:relative;left:600px;top:0;background-color:#c5fcfd;width:94px;border-left:2px solid;border-top-right-radius:7px}.AlbumS1-Language:hover{background-color:#81eaf8;cursor:pointer;color:#000}.AlbumS1-Language h3{margin:0;line-height:94px;font-size:20px}.AlbumS1-Top{position:absolute;width:700%;margin-left:-100%;height:400px;display:-webkit-flex;display:flex;transition:.8s}.AlbumS1-Top img{-webkit-user-drag:none;width:696px;height:400px;border-bottom-left-radius:7px;border-bottom-right-radius:7px}.AlbumS1-Bot{position:absolute;width:700%;height:400px;margin-left:-600%;display:-webkit-flex;display:flex;transition:.8s}.AlbumS1-Bot img{-webkit-user-drag:none;width:696px;height:400px;border-bottom-left-radius:7px;border-bottom-right-radius:7px}.ButtonS1-Left{position:absolute;top:96px;width:100px;height:400px;opacity:0;border:0;border-bottom-left-radius:7px;font-size:40px}.ButtonS1-Left:hover{opacity:.3;cursor:pointer}.ButtonS1-Right{position:absolute;top:96px;left:596px;width:100px;height:400px;opacity:0;border:0;border-bottom-right-radius:7px;font-size:40px}.ButtonS1-Right:hover{opacity:.3;cursor:pointer}.AlbumS2{position:absolute;width:100%;height:100%;overflow:hidden;-webkit-user-select:none;-ms-user-select:none;user-select:none}.AlbumS2 h1{position:absolute;width:600px;line-height:96px;cursor:default}.AlbumS2 h1,.AlbumS2-Language{text-align:center;height:94px;margin:0;border-bottom:2px solid}.AlbumS2-Language{position:relative;left:600px;top:0;background-color:#c5fcfd;width:94px;border-left:2px solid;border-top-right-radius:7px}.AlbumS2-Language:hover{background-color:#81eaf8;cursor:pointer;color:#000}.AlbumS2-Language h3{margin:0;line-height:94px;font-size:20px}.AlbumS2-Imgs{position:absolute;width:300%;height:400px;display:-webkit-flex;display:flex;transition:.8s}.AlbumS2-Imgs img{-webkit-user-drag:none;width:696px;height:400px;border-bottom-left-radius:7px;border-bottom-right-radius:7px}.ButtonS2-Left{position:absolute;top:96px;width:100px;height:400px;opacity:0;border:0;border-bottom-left-radius:7px;font-size:40px}.ButtonS2-Left:hover{opacity:.3;cursor:pointer}.ButtonS2-Right{position:absolute;top:96px;left:596px;width:100px;height:400px;opacity:0;border:0;border-bottom-right-radius:7px;font-size:40px}.ButtonS2-Right:hover{opacity:.3;cursor:pointer}.AlbumUser{position:absolute;width:100%;height:100%;overflow:hidden;-webkit-user-select:none;-ms-user-select:none;user-select:none}.AlbumUser h1{position:absolute;width:600px;line-height:96px;cursor:default}.AlbumUser-Language,.AlbumUser h1{text-align:center;height:94px;margin:0;border-bottom:2px solid}.AlbumUser-Language{position:relative;left:600px;top:0;background-color:#c5fcfd;width:94px;border-left:2px solid;border-top-right-radius:7px}.AlbumUser-Language:hover{background-color:#81eaf8;cursor:pointer;color:#000}.AlbumUser-Language h3{margin:0;line-height:94px;font-size:20px}.AlbumUser-Nothing{text-align:center;margin:0;width:696px;height:400px;background-color:#42a5e7;border-bottom-right-radius:7px;border-bottom-left-radius:7px}.AlbumUser-Nothing h3,.AlbumUser-Nothing h4{margin:0;padding-top:30px}.AlbumUser-create{text-align:center;margin-top:20px;margin-left:198px;width:300px;height:200px;background-color:#707aff;border:2px solid;font-size:18px;line-height:45px}.AlbumUser-create input{width:150px;margin-top:20px;padding-left:15px;border:2px}.AlbumUser-create label{display:block;width:100px;height:25px;margin-left:100px;margin-top:10px;line-height:20px;cursor:pointer;text-align:center;border:2px solid;border-radius:9px;background-color:#c5fcfd}.AlbumUser-create label:hover{background-color:#81eaf8;color:#000}.AlbumUser-create h5{margin:0;font-size:13px;line-height:20px}.AlbumUser-create h6{margin:0;line-height:25px;font-size:13px}.AlbumUser-SelectImage{display:none}.AlbumUser-create button{display:block;width:60px;height:25px;margin-left:120px;line-height:20px;cursor:pointer;text-align:center;border:2px solid;border-radius:9px;background-color:#c5fcfd}.AlbumUser-create button:hover{background-color:#81eaf8;color:#000}.AlbumUser-Something{margin:0;width:696px;height:400px;background-color:#42a5e7;border-bottom-right-radius:7px;border-bottom-left-radius:7px;overflow-y:scroll}.AlbumUser-Something::-webkit-scrollbar{display:none}.AlbumUser-create_{display:inline-block;margin:20px 22px;width:300px;height:200px;background-color:#707aff;border:2px solid;font-size:18px;line-height:40px}.AlbumUser-create_ h4{margin:0;text-align:center;border-bottom:2px solid}.AlbumUser-create_ img{float:left;margin:3px;width:200px;height:150px;border:1px solid;-webkit-user-drag:none}.AlbumUser-create_ button{float:right;width:60px;height:50px;margin:14.5px 16px;border-radius:7px;background-color:#c5fcfd;cursor:pointer}.AlbumUser-create_ button:hover{background-color:#81eaf8}.AlbumUser-img_{display:inline-block;margin:20px 22px;width:300px;height:200px;background-color:#707aff;border:2px solid}.AlbumUser-img_ img{margin:0;width:250px;height:200px}.AlbumUser-img_ button{float:right;margin:0;width:50px;height:200px;background-color:#707aff;border:0;border-left:2px solid;cursor:pointer}.AlbumUser-img_ button:hover{background-color:#616bf3}.AlbumUser-Edit{position:absolute;top:0;width:696px;height:496px;background-color:#fff;border-radius:7px}.AlbumUser-Edit-Language{position:relative;text-align:center;left:600px;top:0;margin:0;background-color:#c5fcfd;width:94px;height:94px;border-left:2px solid;border-bottom:2px solid;border-top-right-radius:7px}.AlbumUser-Edit-Language:hover{background-color:#81eaf8;cursor:pointer;color:#000}.AlbumUser-Edit-Language h3{margin:0;padding:7px 0;line-height:35px;font-size:20px}.AlbumUser-Edit-Update-box{margin:0;width:696px;height:400px;background-color:#42a5e7;border-bottom-right-radius:7px;border-bottom-left-radius:7px;overflow-y:scroll}.AlbumUser-Edit-Update-box::-webkit-scrollbar{display:none}.AlbumUser-Edit-Update-box form{display:inline-block;margin-top:20px;margin-left:198px;width:300px;height:200px;background-color:#707aff;border:2px solid;font-size:18px}.AlbumUser-Edit-Update{float:left;margin:0;width:80%;height:100%;text-align:center}.AlbumUser-Edit-Delete{float:right;margin:0;width:60px;height:100%;background-color:#707aff;border:0;border-left:2px solid;line-height:20px;font-size:15px}.AlbumUser-Edit-Delete:hover{background-color:#616bf3}.AlbumUser-Edit-Update input{display:block;visibility:hidden}.AlbumUser-Edit-Update label{display:block;width:100px;height:40px;margin:5px 70px;line-height:20px;cursor:pointer;text-align:center;border:2px solid;border-radius:9px;background-color:#c5fcfd}.AlbumUser-Edit-Update label:hover{background-color:#81eaf8;color:#000}.AlbumUser-Edit-Update h6{margin:0;line-height:20px}.AlbumUser-Edit-Update h5{margin:0;line-height:20px;font-size:12px}.AlbumUser-Edit-Update button{display:block;width:60px;height:40px;margin-left:90px;margin-top:10px;line-height:15px;font-size:13px;cursor:pointer;text-align:center;border:2px solid;border-radius:9px;background-color:#c5fcfd}.AlbumUser-Edit-Update button:hover{background-color:#81eaf8;color:#000}.AlbumView{position:absolute;top:0;width:696px;height:496px;background-color:#fff;border-radius:7px}.AlbumView h1{position:absolute;width:600px;line-height:96px;cursor:default}.AlbumView-Language,.AlbumView h1{text-align:center;height:94px;margin:0;border-bottom:2px solid}.AlbumView-Language{position:relative;left:600px;top:0;background-color:#c5fcfd;width:94px;border-left:2px solid;border-top-right-radius:7px}.AlbumView-Language:hover{background-color:#81eaf8;cursor:pointer;color:#000}.AlbumView-Language h3{margin:0;padding:7px 0;line-height:35px;font-size:20px}.AlbumView-Imgs{position:absolute;top:96px;width:300%;height:400px;display:-webkit-flex;display:flex;transition:.8s}.AlbumView-Imgs img{width:696px;height:400px;border-bottom-left-radius:7px;border-bottom-right-radius:7px}.AlbumView-Left{position:absolute;top:96px;width:100px;height:400px;opacity:0;border:0;border-bottom-left-radius:7px;font-size:40px}.AlbumView-Left:hover{opacity:.3;cursor:pointer}.AlbumView-Right{position:absolute;top:96px;left:596px;width:100px;height:400px;opacity:0;border:0;border-bottom-right-radius:7px;font-size:40px}.AlbumView-Right:hover{opacity:.3;cursor:pointer}.Phone-title{text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;margin:0;height:50px;width:calc(100vw - 6px);background-color:#3adaf0;-webkit-animation:changebg 5s infinite;animation:changebg 5s infinite;border:3px solid #1e90ff}.Phone-title h1{color:#3f3838;margin:0;line-height:50px;font-size:20px;text-shadow:5px 5px #7fa0df;cursor:default}@-webkit-keyframes changebg{50%{background-color:#b3deec}}@keyframes changebg{50%{background-color:#b3deec}}.Phone-quick{-webkit-user-select:none;-ms-user-select:none;user-select:none;position:relative;width:calc(100vw - 6px);height:80px;background-color:#adff2f;border-style:solid;border-width:3px;white-space:nowrap;overflow-x:scroll}.Phone-quick::-webkit-scrollbar{display:none}.Phone-button{display:-webkit-flex;display:flex}.Phone-button div{display:inline-block;width:80px;height:60px;margin:-72px 10px 0;text-align:center;border-radius:5px;border:1px solid #000;transition-duration:0s;background-color:#fafaed;cursor:default}.Phone-button div:hover{background-color:#868dee;cursor:pointer;color:#fff}.Phone-button h3{margin:10px 0 0;line-height:20px;font-size:15px}.Phone-button h2{margin:0 0 10px;line-height:20px;font-size:15px}.Phone-display{display:-webkit-flex;display:flex}.Phone-display div{display:inline-block;width:80px;height:60px;margin:10px;text-align:center;border-radius:5px;border:1px solid #000;background-color:#868dee;color:#fff;cursor:pointer}.Phone-display h3{margin:10px 0 0;line-height:20px;font-size:15px}.Phone-display h2{margin:0 0 10px;line-height:20px;font-size:15px}.Phone-contain{width:100vw;height:calc(100vh - 142px);min-height:350px;background-color:#fff}.EnrollPhone{position:relative;width:100%;height:100%;-webkit-user-select:none;-ms-user-select:none;user-select:none}.EnrollPhone h1{float:left;width:calc(100vw - 68px);line-height:40px;font-size:18px;border-left:3px solid;cursor:default;background-color:#fff}.EnrollPhone div,.EnrollPhone h1{text-align:center;height:40px;margin:0;border-bottom:2px solid}.EnrollPhone div{float:right;background-color:#c5fcfd;width:60px;border-left:2px solid;border-right:3px solid}.EnrollPhone div:hover{background-color:#81eaf8;cursor:pointer;color:#000}.EnrollPhone div h3{margin:0;line-height:40px;font-size:13px}.EnrollPhone form{margin:0;width:100vw;height:calc(100vh - 142px);min-height:350px;background-color:#42a5e7;line-height:20px}.EnrollPhone label{float:right;font-size:13px;margin-right:51vw}.EnrollPhone input{float:left;width:100px;height:20px;border:2px solid;margin-left:51vw;font-size:15px;padding-left:15px}.EnrollPhone button{position:relative;width:80px;height:30px;margin-left:calc(50vw - 40px);margin-top:10px;cursor:pointer;text-align:center;border-style:solid;border-radius:9px;border-color:#000;background-color:#c5fcfd}.EnrollPhone button:focus,.EnrollPhone button:hover{background-color:#81eaf8;color:#000}.EnrollPhone button h6{margin:0;line-height:25px;font-size:15px}.LoginPhone{position:relative;width:100%;height:100%;-webkit-user-select:none;-ms-user-select:none;user-select:none}.LoginPhone h1{float:left;width:calc(100vw - 68px);line-height:40px;font-size:18px;border-left:3px solid;cursor:default;background-color:#fff}.LoginPhone-Language,.LoginPhone h1{text-align:center;height:40px;margin:0;border-bottom:2px solid}.LoginPhone-Language{float:right;background-color:#c5fcfd;width:60px;border-left:2px solid;border-right:3px solid}.LoginPhone-Language:hover{background-color:#81eaf8;cursor:pointer;color:#000}.LoginPhone-Language h3{margin:0;line-height:40px;font-size:13px}.LoginPhone-box{margin:0;width:100vw;height:calc(100vh - 142px);min-height:350px;background-color:#42a5e7;line-height:20px}.LoginPhone-box label{float:right;font-size:15px;margin-right:51vw}.LoginPhone-box input{float:left;width:100px;height:20px;border:2px solid;margin-left:51vw;font-size:15px;padding-left:15px}.LoginPhone-box button{position:relative;width:80px;height:30px;margin-left:calc(50vw - 40px);margin-top:10px;cursor:pointer;text-align:center;border-style:solid;border-radius:9px;border-color:#000;background-color:#c5fcfd}.LoginPhone-box button:focus,.LoginPhone-box button:hover{background-color:#81eaf8;color:#000}.LoginPhone-box button h6{margin:0;line-height:25px;font-size:15px}.PuzzlePhone{position:relative;width:100%;-webkit-user-select:none;-ms-user-select:none;user-select:none}.PuzzlePhone-Title h1,.PuzzlePhone-Title h2{float:left;text-align:center;width:calc(100vw - 68px);height:40px;line-height:40px;font-size:18px;margin:0;border-left:3px solid;border-bottom:2px solid;cursor:default;background-color:#fff}.PuzzlePhone-Title div{float:right;text-align:center;margin:0;background-color:#c5fcfd;width:60px;height:40px;border-left:2px solid;border-bottom:2px solid;border-right:3px solid}.PuzzlePhone-Title div:hover{background-color:#81eaf8;cursor:pointer;color:#000}.PuzzlePhone-Title h3{margin:0;line-height:40px;font-size:13px}.PuzzlePhone-Choose{width:100vw;height:110px;position:relative;top:0;background-color:#6495ed;border-bottom:2px solid;display:block;overflow-x:scroll;overflow-y:hidden;white-space:nowrap}.PuzzlePhone-Choose::-webkit-scrollbar{display:none}.PuzzlePhone-Choose h6{text-align:center;margin:0;position:absolute;top:92px;left:0;width:100vw;line-height:15px;font-size:12px}.PuzzlePhone-Choose-Button{display:-webkit-flex;display:flex}.PuzzlePhone-Choose-Button div{display:inline-block;width:80px;height:80px;margin:5px 6vw;border:2px solid #f3e7e7}.PuzzlePhone-Choose-Button img{width:80px;height:80px;-webkit-user-drag:none}.PuzzlePhone-Choose-Display{display:-webkit-flex;display:flex}.PuzzlePhone-Choose-Display div{display:inline-block;width:80px;height:80px;border:2px solid;margin:-89px 6vw 5px}.PuzzlePhone-Choose-Display div:hover{cursor:pointer;border-color:#f3e7e7}.PuzzlePhone-Choose-Display img{width:80px;height:80px;-webkit-user-drag:none}.PuzzlePhone-Choose-Img input{display:none}.PuzzlePhone-Choose-Img label{position:absolute;top:90px;left:5vw;width:100px;height:15px;background-color:#b3c7ec;line-height:15px;font-size:13px;cursor:pointer;text-align:center;border:2px solid;border-radius:9px;background-color:#c5fcfd}.PuzzlePhone-Choose-Img label:hover{background-color:#81eaf8;color:#000}.PuzzlePhone-Choose-Img h6{position:absolute;text-align:left;top:90px;left:calc(10vw + 120px);width:220px;height:15px;line-height:15px;font-size:12px}.PuzzlePhone-Choose-Img button{position:absolute;top:90px;left:calc(15vw + 320px);width:80px;height:18px;cursor:pointer;text-align:center;border-style:solid;border-radius:9px;border-color:#000;background-color:#c5fcfd}.PuzzlePhone-Choose-Img button:hover{background-color:#81eaf8;color:#000}.PuzzlePhone-Choose-Img h5{margin:0;line-height:15px;font-size:13px}.PuzzlePhone-Control{width:100vw;height:45px;position:relative;top:0;background-color:#6495ed;border-bottom:2px solid;display:block;overflow-x:scroll;overflow-y:hidden;white-space:nowrap}.PuzzlePhone-Control::-webkit-scrollbar{display:none}.PuzzlePhone-Control-Button div{display:inline-block;text-align:center;position:relative;margin:5px calc(12.5vw - 30px);width:60px;height:25px;background-color:#a0f3f3;border:2px solid;border-radius:12px}.PuzzlePhone-Control-Button progress{position:absolute;top:32px;left:10vw;width:80vw}.PuzzlePhone-Control-Button div:hover{cursor:pointer;color:#f35d5d}.PuzzlePhone-Control-Button h6{margin:0;line-height:25px;font-size:13px}.PuzzlePhone-Level{width:100vw;height:40px;position:relative;top:0;background-color:#6495ed;border-bottom:2px solid;display:block;overflow-x:scroll;overflow-y:hidden;white-space:nowrap}.PuzzlePhone-Level::-webkit-scrollbar{display:none}.PuzzlePhone-Level h1,.PuzzlePhone-Level h2{text-align:center;margin:0;width:80px;height:40px;line-height:40px;font-size:13px}.PuzzlePhone-Level-Button{position:absolute;top:0;margin-left:80px}.PuzzlePhone-Level-Button div{text-align:center;display:inline-block;width:70px;height:30px;border:2px solid;margin:3px 5vw;background-color:#a0f3f3;color:#002fff}.PuzzlePhone-Level-Button h6{margin:0;line-height:30px;font-size:13px}.PuzzlePhone-Level-Display{position:absolute;top:0;margin-left:80px}.PuzzlePhone-Level-Display div{text-align:center;display:inline-block;width:70px;height:30px;border:2px solid;margin:3px 5vw;background-color:#a0f3f3}.PuzzlePhone-Level-Display div:hover{cursor:pointer;color:#002fff}.PuzzlePhone-Level-Display h6{margin:0;line-height:30px;font-size:13px}.PuzzlePhone-Game{position:relative;margin-top:10px;margin-left:calc(50vw - 150px)}.PuzzlePhone-Game,.PuzzlePhone-Game img{width:300px;height:300px}.PuzzlePhone-Game canvas{width:300px;height:300px;border:3px solid;transition:.5s}.Profile{position:absolute;width:100%;height:100%;-webkit-user-select:none;-ms-user-select:none;user-select:none}.Profile h1{position:absolute;width:600px;line-height:96px;cursor:default}.Profile-Language,.Profile h1{text-align:center;height:94px;margin:0;border-bottom:2px solid}.Profile-Language{position:relative;left:600px;top:0;background-color:#c5fcfd;width:94px;border-left:2px solid;border-top-right-radius:7px}.Profile-Language:hover{background-color:#81eaf8;cursor:pointer;color:#000}.Profile-Language h3{margin:0;line-height:94px;font-size:20px}.Profile-box{position:relative;width:696px;height:400px;background-color:#42a5e7;line-height:50px;border-bottom-right-radius:7px;border-bottom-left-radius:7px}.Profile-Img{position:absolute;height:300px;width:200px;margin:0;text-align:center;border-right:2px solid;border-bottom:2px solid}.Profile-Img p{font-size:20px}.Profile-Img img{width:100px;height:100px;-webkit-user-drag:none}.Profile-Img input{display:none}.Profile-Img label{position:absolute;top:220px;left:20px;width:150px;height:25px;background-color:#b3c7ec;line-height:25px;cursor:pointer;text-align:center;border-style:solid;border-radius:9px;border-color:#000;background-color:#c5fcfd}.Profile-Img label:hover{background-color:#81eaf8;color:#000}.Profile-Infor{position:absolute;width:494px;height:300px;top:0;left:202px;border-bottom:2px solid}.Profile-Infor h3{left:100px;width:90px}.Profile-Infor h3,.Profile-Infor p{position:absolute;top:5px;line-height:30px;font-size:25px}.Profile-Infor p{left:190px}.Profile-Infor h4{left:100px;margin-top:0;width:60px}.Profile-Infor h4,.Profile-Infor h6{position:absolute;top:80px;line-height:30px;font-size:20px}.Profile-Infor h6{left:160px;margin:0;font-weight:400;max-height:170px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}.Profile-Infor input{top:30px;left:180px}.Profile-Infor input,.Profile-Infor textarea{position:absolute;padding-left:15px;line-height:25px;font-size:20px}.Profile-Infor textarea{top:80px;left:160px;width:280px;height:150px;resize:none}.Profile-button{position:absolute;top:330px;left:300px;width:120px;height:50px;cursor:pointer;text-align:center;border-style:solid;border-radius:9px;border-color:#000;background-color:#c5fcfd}.Profile-button:hover{background-color:#81eaf8;color:#000}.Profile-button h6{margin:0;line-height:35px;font-size:16px}.Profile-button1{position:absolute;top:330px;left:210px;width:120px;height:50px;cursor:pointer;text-align:center;border-style:solid;border-radius:9px;border-color:#000;background-color:#c5fcfd}.Profile-button1:hover{background-color:#81eaf8;color:#000}.Profile-button1 h6{margin:0;line-height:35px;font-size:16px}.Profile-button2{position:absolute;top:330px;left:400px;width:120px;height:50px;cursor:pointer;text-align:center;border-style:solid;border-radius:9px;border-color:#000;background-color:#c5fcfd}.Profile-button2:hover{background-color:#81eaf8;color:#000}.Profile-button2 h6{margin:0;line-height:35px;font-size:16px}.Logout{position:absolute;width:100%;height:100%;-webkit-user-select:none;-ms-user-select:none;user-select:none}.Logout h1{position:absolute;width:600px;line-height:96px;cursor:default}.Logout-Language,.Logout h1{text-align:center;height:94px;margin:0;border-bottom:2px solid}.Logout-Language{position:relative;left:600px;top:0;background-color:#c5fcfd;width:94px;border-left:2px solid;border-top-right-radius:7px}.Logout-Language:hover{background-color:#81eaf8;cursor:pointer;color:#000}.Logout-Language h3{margin:0;line-height:94px;font-size:20px}.Logout-box{position:relative;width:696px;height:400px;background-color:#42a5e7;line-height:50px;border-bottom-right-radius:7px;border-bottom-left-radius:7px}.Logout-box p{width:100%;margin-top:50px;font-size:25px}.Logout-box button,.Logout-box p{position:absolute;text-align:center}.Logout-box button{width:120px;height:50px;margin-left:298px;margin-top:150px;cursor:pointer;border-style:solid;border-radius:9px;border-color:#000;background-color:#c5fcfd}.Logout-box button:focus,.Logout-box button:hover{background-color:#81eaf8;color:#000}.Logout-box button h6{margin:0;line-height:35px;font-size:16px}.ProfilePhone{position:relative;width:100%;height:100%;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ProfilePhone h1{float:left;width:calc(100vw - 68px);line-height:40px;font-size:18px;border-left:3px solid;cursor:default;background-color:#fff}.ProfilePhone-Language,.ProfilePhone h1{text-align:center;height:40px;margin:0;border-bottom:2px solid}.ProfilePhone-Language{float:right;background-color:#c5fcfd;width:60px;border-left:2px solid;border-right:3px solid}.ProfilePhone-Language:hover{background-color:#81eaf8;cursor:pointer;color:#000}.ProfilePhone-Language h3{margin:0;line-height:40px;font-size:13px}.ProfilePhone-box{margin:0;width:100vw;height:calc(100vh - 142px);min-height:350px;background-color:#42a5e7}.ProfilePhone-Img{position:absolute;top:42px;height:200px;width:calc(30vw - 4px);min-width:150px;margin:0;text-align:center;border-left:2px solid;border-right:2px solid;border-bottom:2px solid}.ProfilePhone-Img p{font-size:13px}.ProfilePhone-Img img{width:80px;height:80px;-webkit-user-drag:none}.ProfilePhone-Img input{display:none}.ProfilePhone-Img label{background-color:#b3c7ec;line-height:15px;font-size:10px;padding:2px;cursor:pointer;text-align:center;border:2px solid #000;border-radius:9px;background-color:#c5fcfd}.ProfilePhone-Img label:hover{background-color:#81eaf8;color:#000}.ProfilePhone-Img h6{margin-top:3px}.ProfilePhone-Infor{position:absolute;width:calc(70vw - 2px);height:200px;top:42px;left:30vw;border-right:2px solid;border-bottom:2px solid;overflow-x:scroll}.ProfilePhone-Infor::-webkit-scrollbar{display:none}.ProfilePhone-Infor h3{position:absolute;top:0;left:10vw;line-height:30px;font-size:16px;width:90px}.ProfilePhone-Infor p{position:absolute;top:0;left:calc(10vw + 52px);line-height:30px;font-size:15px}.ProfilePhone-Infor h4{position:absolute;top:50px;left:10vw;line-height:30px;margin-top:0;font-size:16px;width:60px}.ProfilePhone-Infor h6{position:absolute;top:50px;left:calc(10vw + 52px);margin:0;line-height:30px;font-size:14px;font-weight:400;max-height:100px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}.ProfilePhone-Infor input{top:20px}.ProfilePhone-Infor input,.ProfilePhone-Infor textarea{position:absolute;left:calc(10vw + 52px);padding-left:8px;line-height:20px;font-size:14px}.ProfilePhone-Infor textarea{top:55px;width:250px;height:100px;resize:none}.ProfilePhone-button{position:absolute;top:270px;left:calc(50vw - 40px);width:80px;height:30px;cursor:pointer;text-align:center;border-style:solid;border-radius:9px;border-color:#000;background-color:#c5fcfd}.ProfilePhone-button:hover{background-color:#81eaf8;color:#000}.ProfilePhone-button h6{margin:0;line-height:20px;font-size:13px}.ProfilePhone-button1{position:absolute;top:270px;left:calc(33vw - 40px);width:80px;height:30px;cursor:pointer;text-align:center;border-style:solid;border-radius:9px;border-color:#000;background-color:#c5fcfd}.ProfilePhone-button1:hover{background-color:#81eaf8;color:#000}.ProfilePhone-button1 h6{margin:0;line-height:20px;font-size:13px}.ProfilePhone-button2{position:absolute;top:270px;left:calc(66vw - 40px);width:80px;height:30px;cursor:pointer;text-align:center;border-style:solid;border-radius:9px;border-color:#000;background-color:#c5fcfd}.ProfilePhone-button2:hover{background-color:#81eaf8;color:#000}.ProfilePhone-button2 h6{margin:0;line-height:20px;font-size:13px}.LogoutPhone{position:relative;width:100%;height:100%;-webkit-user-select:none;-ms-user-select:none;user-select:none}.LogoutPhone h1{float:left;width:calc(100vw - 68px);line-height:40px;font-size:18px;border-left:3px solid;cursor:default;background-color:#fff}.LogoutPhone-Language,.LogoutPhone h1{text-align:center;height:40px;margin:0;border-bottom:2px solid}.LogoutPhone-Language{float:right;background-color:#c5fcfd;width:60px;border-left:2px solid;border-right:3px solid}.LogoutPhone-Language:hover{background-color:#81eaf8;cursor:pointer;color:#000}.LogoutPhone-Language h3{margin:0;line-height:40px;font-size:13px}.LogoutPhone-box{margin:0;width:100vw;height:calc(100vh - 142px);min-height:350px;background-color:#42a5e7}.LogoutPhone-box p{margin:0;position:absolute;width:100%;top:65px;font-size:15px;text-align:center}.LogoutPhone-box button{position:absolute;top:150px;left:calc(50vw - 40px);width:80px;height:30px;cursor:pointer;text-align:center;border-style:solid;border-radius:9px;border-color:#000;background-color:#c5fcfd}.LogoutPhone-box button:focus,.LogoutPhone-box button:hover{background-color:#81eaf8;color:#000}.LogoutPhone-box button h6{margin:0;line-height:20px;font-size:13px}
/*# sourceMappingURL=main.95b09ab2.chunk.css.map */