.Logo{cursor:pointer;display:flex;height:70%;padding:0 30px;text-decoration:none}.Logo .Brainboost{align-items:center;display:flex;text-align:center}.Logo .Brainboost span{word-wrap:break-word;font-family:Pacifico;font-size:28px;font-weight:400}.Logo .Brainboost span:first-child{color:#29b58f}.Logo .Brainboost span:last-child{color:#0b73a2}.Profile{height:75px;width:75px}.Profile,.User{align-items:center;display:flex;justify-content:center}.User{background:#d9d9d9;border-radius:50%;height:70%;left:0;top:0;width:70%}.right .return{align-items:center;display:flex}.right .return p{color:#1c7a6f;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:20px;font-weight:700;margin:0 10px}.Onlyreturn{align-items:center;cursor:pointer;display:flex;height:10%;justify-content:flex-end;margin:20px;width:90%}.Onlyreturn button{background-color:#0000;border:none;padding:0}.HeaderRoom{cursor:pointer;display:flex;height:70%;padding:0 30px}.HeaderRoom .headerRoom{color:#1c7a6f;font-size:24px;font-weight:600;width:120px}.HeaderRoom .Brainboost{align-items:center;display:flex;text-align:center}.HeaderRoom .Brainboost span{word-wrap:break-word;font-family:Pacifico;font-size:28px;font-weight:400}.HeaderRoom .Brainboost span:first-child{color:#29b58f}.HeaderRoom .Brainboost span:last-child{color:#0b73a2}.createRoomright,.createRoomright .Onlyreturn{align-items:center;display:flex}.createRoomright .Onlyreturn a{cursor:pointer;text-decoration:none}.createRoomright .Onlyreturn .createRoom{align-items:center;background-color:#3581dc;border-radius:10px;display:flex;justify-content:center;margin-left:10px;margin-right:10px;padding:5px}.createRoomright .Onlyreturn .createRoom1{background-color:#3581dc33;padding:3px}.createRoomright .Onlyreturn .createRoom1,.createRoomright .Onlyreturn .createRoom2{align-items:center;border-radius:10px;box-shadow:0 4px 4px 0 #0000004d;display:flex;justify-content:center;margin-right:10px}.createRoomright .Onlyreturn .createRoom2{background-color:#d9d9d9;padding:10px}.createRoomright .Onlyreturn .createRoom2 p{color:#8c8787;display:flex;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:14px;font-weight:700;margin:0 10px;text-decoration:none}.createRoomright .Onlyreturn .createRoom3{align-items:center;background-color:#41b38a;border-radius:10px;box-shadow:0 4px 4px 0 #0000004d;display:flex;justify-content:center;margin-right:10px;padding:10px}.createRoomright .Onlyreturn .createRoom3 p{color:#fff;display:flex;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:14px;font-weight:700;margin:0 10px;text-decoration:none}.addfirstBtn .addfirst-content .addfirst .selectbox .select1 #dropdown{width:160px}.addfirstBtn .addfirst-content .addfirst .checkBtn .nextBtn{background-color:#2d945c;border-radius:50px;color:#fff;cursor:pointer;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:700;margin-top:1rem;text-align:center;width:100px}.addfirstBtn .addfirst-content .addfirst .checkBtn .next:hover,.addfirstBtn .addfirst-content .addfirst .checkBtn .nextBtn:hover{background-color:#008935;cursor:pointer}.setBtn{align-items:center;background-color:#3581dc33;display:flex;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:14px;font-weight:700;justify-content:center;margin:0 10px;padding:10px;text-decoration:none}.leave,.setBtn{border-radius:10px;color:#8c8787}.leave{background-color:#d9d9d9;box-shadow:0 4px 4px 0 #0000004d;padding:5px 10px}.leave a,.leave p{text-decoration:none}.leave p{color:#8c8787;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:14px;font-weight:600}.right,.right .leave{align-items:center;display:flex}.right .leave{background-color:#d9d9d9;border-radius:10px;box-shadow:0 4px 4px 0 #0000004d;color:#8c8787;height:30px;margin-right:10px;padding:5px 10px}.right .leave a,.right .leave p{text-decoration:none}.right .leave p{color:#8c8787;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:14px;font-weight:600}.right .else-people{height:60px;width:60px}.right .else-people,.right .else-people .else{align-items:center;display:flex;justify-content:center}.right .else-people .else{background:#d9d9d9;border-radius:50%;height:90%;width:90%}.allRank{background-color:#7fcbc7;display:flex;flex-direction:column;height:100vh;overflow:auto}.allRank .studentRank{border-bottom:1px solid #fff;color:#fff;display:flex;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:700;justify-content:space-around;padding:10px 0}.elseStudent{align-items:center;background:#d9d9d9;border-radius:50%;display:flex;height:90%;justify-content:center;width:90%}.mantine-1grzg0q:hover{background-color:#0000;background-color:none}.addfirstBtn{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.addfirstBtn .addfirst-content{width:75%}.addfirstBtn .addfirst-content .addfirst{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.addfirstBtn .addfirst-content .addfirst .selectbox{display:flex;flex-direction:column;justify-content:flex-start;width:95%}.addfirstBtn .addfirst-content .addfirst .selectbox .select1{align-items:center;display:flex;margin:10px 0}.addfirstBtn .addfirst-content .addfirst .selectbox .select1 p{color:#1c7a6f;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:700;margin-right:10px}.addfirstBtn .addfirst-content .addfirst .selectbox .select1 #dropdown{background-color:#fff;border:2px solid #1c7a6f;border-radius:20px;color:#1c7a6f;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;padding:8px 20px;width:200px}.addfirstBtn .addfirst-content .addfirst .AddInput{display:flex;flex-direction:column;width:100%}.addfirstBtn .addfirst-content .addfirst .AddInput .AddInputin{align-items:center;display:flex;justify-content:space-between;margin:10px 0}.addfirstBtn .addfirst-content .addfirst .AddInput .AddInputin input{border:2px solid #1c7a6f;border-radius:20px;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:700;outline:none;padding:10px 20px;width:80%}.addfirstBtn .addfirst-content .addfirst .AddInput .AddInputin input::placeholder{color:#1c7a6f}.addfirstBtn .addfirst-content .addfirst .checkBtn{align-items:center;display:flex;justify-content:center}.addfirstBtn .addfirst-content .addfirst .checkBtn .next{align-items:center;background-color:#2d945c;border-radius:50px;box-shadow:0 4px 4px 0 #0000004d;color:#fff;display:flex;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:700;justify-content:center;margin-top:1rem;padding:5px 10px;text-align:center;width:100px}.addBtn,.addfirstBtn .addfirst-content .addfirst .checkBtn .next a{color:#fff;text-decoration:none}.addBtn{align-items:center;background-color:#3581dc;border-radius:10px;display:flex;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:700;justify-content:center;margin:0 10px;padding:10px}.Potal{background:#fff;position:relative}.Potal .content{display:flex;height:100%;justify-content:space-evenly;margin:50px 0;overflow:hidden;width:100%}.Potal .content .Slogn{width:40%}.Potal .content .Slogn>div:first-child{word-wrap:break-word;color:#0b73a2;font-family:Inter;font-size:40px;font-weight:700;margin-bottom:20px;top:0}.Potal .content .Slogn>div:nth-child(2){word-wrap:break-word;color:#000;font-family:Inter;font-size:20px;font-weight:400;margin-bottom:20px;top:138px}.Potal .content .Slogn .Button{align-items:center;display:flex;flex-direction:row;height:10%}.Potal .content .Slogn .Button a{word-wrap:break-word;align-items:center;background:#fff6b4;border:none;border-radius:30px;box-shadow:0 4px 6px #0000001a;color:#0a5987;cursor:pointer;display:flex;font-family:Inter;font-size:18px;font-weight:700;height:70%;justify-content:center;margin:0 10px;outline:none;text-decoration:none;transition:all .3s ease;width:30%}.Potal .content .Slogn .Button a:hover{box-shadow:0 6px 10px #0003;transform:scale(1.1)}.Potal .content .Photo{height:100%;width:40%}.Potal .content .Photo .Ellipse1{background:linear-gradient(0deg,#d9d9d9,#d9d9d9);border-radius:50%;height:790px;left:775px;top:350px;width:790px}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s ease-in-out}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s ease-in-out}.Register{background:linear-gradient(0deg,#fff,#fff);background-image:url(/static/media/Background.849f6e699648e25830b6.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:space-between;width:100%}.Login{background:#0ba29a80;border-bottom-left-radius:100px;border-top-left-radius:100px;height:100%;width:48%}.Login .return{align-items:center;display:flex;height:10%;justify-content:flex-end;width:90%}.Login .CreateAccount{word-wrap:break-word;color:#fff;font-family:Inter;font-size:32px;font-weight:700;margin:10px 0;text-align:center}.Login .input{align-items:center;display:flex;flex-direction:column;margin-top:.5rem}.Login .input input{border:none;font-size:16px;font-weight:700;padding:0 15px;position:relative;z-index:1}.Login .input input:focus{outline:none}.Login .input input::placeholder{color:#1c7a6f}.Login .input .B-title{align-items:center;color:#fff;display:flex;font-family:Inter;font-size:24px;height:36px}.Login .input .B-input{border:none;border-radius:20px;box-shadow:inset 3px 3px 0 #0003;height:45px;transition:border-bottom-color .3s ease;width:45%}.Login .RegisterButton{word-wrap:break-word;align-items:center;background:#fff6b4;border:none;border-radius:50px;box-shadow:0 4px 6px #0000001a;color:#0b73a2;cursor:pointer;display:flex;font-family:Inter;font-size:20px;font-weight:700;height:50px;justify-content:center;margin-bottom:20px;margin-top:50px;outline:none;text-align:center;text-decoration:none;transition:all .3s ease;width:50%}.Login .RegisterButton:hover{transform:scale(1.1)}.Login .GuestLoginButton{word-wrap:break-word;align-items:center;background:#0b73a2;border:none;border-radius:50px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:flex;font-family:Inter;font-size:16px;font-weight:700;height:50px;justify-content:center;margin-bottom:20px;outline:none;text-align:center;text-decoration:none;transition:all .3s ease;width:50%}.Login .GuestLoginButton:hover{transform:scale(1.1)}.Login .forget-pw{align-items:center;display:flex;justify-content:space-evenly;width:100%}.Login .forget-pw .forget-pw-bt{display:flex;justify-content:center;padding:10px}.Login .forget-pw .forget-pw-bt a{color:#fff;font-weight:700;text-decoration:none}.Login .forget-pw .forget-pw-bt a:hover{transform:scale(1.1)}.GuestJoin{background-image:url(/static/media/BG.34f314e7b06c77274b65.png);background-position:50%;background-size:50%;display:flex;flex-direction:column;height:100vh;width:100%}.GuestJoin .GuestJoinin{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.GuestJoin .GuestJoinin .title{align-items:center;display:flex;margin-bottom:30px;text-align:center}.GuestJoin .GuestJoinin .title p:first-child{color:#2a645d;font-family:Pacifico,sans-serif;font-size:40px;margin-right:10px}.GuestJoin .GuestJoinin .center{align-items:center;background-color:#41b38a;display:flex;flex-direction:column;flex-wrap:wrap;height:50vh;justify-content:center;margin-top:1rem;width:100%}.GuestJoin .GuestJoinin .center .centerbox{align-items:center;display:flex;flex-wrap:wrap;width:300px}.GuestJoin .GuestJoinin .center .centerbox p{color:#fff;font-size:24px;font-weight:bolder;margin-right:10px;text-align:center;width:80px}.GuestJoin .GuestJoinin .center .centerbox input{border:5px solid #41b38a;border-radius:20px;color:#155e53;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:20px;margin-bottom:1rem;margin-top:1rem;padding:1rem;text-align:center;width:calc(100% - 135px)}.GuestJoin .GuestJoinin .center .centerbox input:focus{border-color:#e1f0a4;outline:none}.GuestJoin .GuestJoinin .center .centerbox button{background-color:#1c7a6f;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:20px;margin:.5rem;padding:1rem;transition:background-color .3s;width:100%}.GuestJoin .GuestJoinin .center .centerbox button :hover{background-color:#155e53;transform:scale(1.1)}.TPin .Tpin .center .name-section{display:flex;flex-direction:row;flex-wrap:wrap;margin:10px 0;width:80%}.TPin .Tpin .center .name-section .name{color:#fff6b4;font-size:20px;margin:0 5px}.subjectEnter{margin:0}.subjectEnter .content-Top{display:flex;justify-content:space-around}.subjectEnter .content-Top .search{width:60%}.subjectEnter .content-Top .search .search-text{align-items:center;border:2px solid #1c7a6f;border-radius:50px;display:flex;height:40px;justify-content:space-between}.subjectEnter .content-Top .search .search-text input{align-items:center;background-color:#0000;border:none;color:#1c7a6f;display:flex;font-size:16px;font-weight:700;padding:20px;position:relative;width:100%;z-index:1}.subjectEnter .content-Top .search .search-text input:focus{outline:none}.subjectEnter .content-Top .search .search-text input::placeholder{color:#1c7a6f}.subjectEnter .content-Top .search .search-text button{background-color:#fff0;border:none}.subjectEnter .content-Top .search .search-text button svg{color:#1c7a6f;display:flex;height:30px;padding-right:12px;width:30px}.subjectEnter .content-Top .Pin{border:2px solid #1c7a6f;border-radius:50px;height:40px;width:20%}.subjectEnter .content-Top .Pin .Pin-text{align-items:center;display:flex;font-size:30px;height:40px;justify-content:space-between}.subjectEnter .content-Top .Pin .Pin-text input{align-items:center;background-color:#0000;border:none;color:#1c7a6f;display:flex;font-size:16px;font-weight:700;padding:20px;position:relative;width:100%;z-index:1}.subjectEnter .content-Top .Pin .Pin-text input::placeholder{color:#1c7a6f}.subjectEnter .content-Top .Pin .Pin-text input:focus{color:#1c7a6f;outline:none}.subjectEnter .content-Top .Pin .Pin-text svg{color:#1c7a6f;display:flex;height:30px;padding-right:12px;width:30px}.subjectEnter .content{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;margin:0 65px}.subjectEnter .content .subject{align-items:center;background-color:#41b38a4d;border:2px solid #1c7a6f;border-radius:30px;box-shadow:0 4px 4px #00000040;display:flex;flex-direction:column;height:250px;justify-content:center;margin:20px 0;width:15%}.subjectEnter .content .subject .className{word-wrap:break-word;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:24px;font-weight:700;height:50px}.subjectEnter .content .subject .TeacherName{word-wrap:break-word;height:50px}.subjectEnter .content .subject .button{align-items:center;display:flex;flex-direction:row;height:30%;width:60%}.subjectEnter .content .subject .button a{word-wrap:break-word;background:#0ba29a;border:none;border-radius:30px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-family:Inter;font-size:18px;font-weight:700;height:65%;margin:0 10px;outline:none;text-decoration:none;transition:all .3s ease}.subjectEnter .content .subject .button a,.user{align-items:center;display:flex;justify-content:center;width:100%}.user{flex-direction:column;height:auto}.user .Feedback-content{background:#fff;background-color:#29b58f33;border:1px solid #1c7a6f}.user .Feedback-content .button{display:flex;justify-content:flex-end}.user .Feedback-content .button .FB-button{background-color:red;border:none;border-radius:1.5rem;color:#fff;cursor:pointer;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:700;margin:15px 15px 0;padding:5px 20px;text-align:center}.user .Feedback-content .button .FB-button:hover{transform:scale(1.1)}.user .Feedback-content .title-area{align-items:flex-end;display:flex;justify-content:space-evenly;margin:40px 0}.user .Feedback-content .title-area .title-area-title{color:#1c3c7a;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:24px;font-weight:700;text-align:center}.user .Feedback-content .tb{align-items:center;display:flex;justify-content:space-between;margin-bottom:45px;margin-top:30px}.user .Feedback-content .tb .tb-left{display:flex;flex-direction:column;height:303px;margin:0 40px 0 55px;width:443px}.user .Feedback-content .tb .tb-left .imgbox{display:flex;height:100%;position:relative;width:100%}.user .Feedback-content .tb .tb-left .imgbox img{border:1px solid #1c7a6f;border-radius:30px;display:flex;height:100%;object-fit:scale-down;width:100%;z-index:1}.user .Feedback-content .tb .tb-left .imgbox svg{bottom:0;cursor:pointer;height:25px;margin:10px;position:absolute;right:0;width:25px;z-index:2}.user .Feedback-content .tb .tb-left .imgbox label input#fileUpload{display:none}.user .Feedback-content .tb .tb-left .left-in{align-items:center;display:flex;margin-top:20px}.user .Feedback-content .tb .tb-right{display:flex;flex-direction:column;width:450px}.user .Feedback-content .tb .tb-right .word{align-items:flex-start;display:flex;flex-direction:column;padding:20px}.user .Feedback-content .tb .tb-right .word .role{align-items:center;background:#1c3c7a;border-radius:1.5rem;display:flex;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-style:normal;font-weight:600;justify-content:center;line-height:normal;padding:.5rem;width:80%}.user .Feedback-content .tb .tb-right .word .role p{color:#fff}.user .Feedback-content .tb .tb-right .word .name{display:flex;justify-content:space-around}.user .Feedback-content .tb .tb-right .word .name .name-title{color:#1c3c7a;padding-right:30px}.user .Feedback-content .tb .tb-right .word .name .con-title,.user .Feedback-content .tb .tb-right .word .name .name-title{display:flex;font-family:Noto Serif TC;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-style:normal;font-weight:600;line-height:normal}.user .Feedback-content .tb .tb-right .word .name .con-title{color:#0009}.user .Feedback-content .tb .tb-right .word .username{color:#979797;display:flex;flex-direction:column;flex-shrink:0;font-family:Noto Serif TC;font-size:18px;font-style:normal;font-weight:600;height:87px;justify-content:center;line-height:normal;width:409px}.user .Feedback-content .tb .tb-right .button1{display:flex;justify-content:center;margin-right:60px}.user .Feedback-content .tb .tb-right .button1 .FB-button{background-color:#fff6b4;border:none;border-radius:1.5rem;box-shadow:0 4px 4px 0 #00000040;color:#1c3c7a;cursor:pointer;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:700;margin:15px;padding:10px 90px;text-align:center;text-decoration:none}.user .Feedback-content .tb .tb-right .button1 .FB-button:hover{transform:scale(1.1)}.change{word-wrap:break-word;border-radius:2rem;color:#fff;font-family:Inter;font-size:32px;font-weight:700;line-height:3rem;margin:10px 0;text-align:center}.changepassword .input{align-items:center;display:flex;flex-direction:column;margin-bottom:20px}.changepassword .input .B-title{align-items:center;color:#fff;display:flex;font-family:Inter;font-size:24px;height:36px;margin-bottom:5px}.changepassword .input .B-input{border:2px solid #1c7a6f;border-radius:20px;box-shadow:inset 3px 3px 0 #0003;color:#1c7a6f;font-size:18px;font-weight:700;padding:8px 20px;width:63%}.changepassword .input .B-input::placeholder{color:#1c7a6f}.changepassword .ChangeButton{align-items:center;background:#fff6b4;border:none;border-radius:50px;box-shadow:0 4px 6px #0000001a;color:#1c3c7a;cursor:pointer;display:flex;font-family:Inter;font-size:20px;font-weight:700;height:50px;justify-content:center;margin-top:20px;outline:none;text-align:center;transition:all .3s ease;width:75%}.changepassword .ChangeButton:hover{transform:scale(1.1)}.UE-content{display:flex;justify-content:space-between;margin:0 20px}.UE-content .section .className{margin:50px 0}.UE-content .section .className p{word-wrap:break-word;color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:32px;font-weight:700}.UE-content .section .icon{margin:20px 0}.UE-content .section .bt-start{align-items:center;display:flex;height:80px;justify-content:center;margin:20px 0;width:100%}.UE-content .section .bt-start .StartButton{word-wrap:break-word;align-items:center;background:#fff;border:none;border-radius:30px;box-shadow:0 4px 6px #0000001a;color:#0a5987;cursor:pointer;display:flex;font-family:Holtwood One SC,serif;font-size:30px;font-weight:700;height:70%;justify-content:center;margin:0 10px;outline:none;text-decoration:none;transition:all .3s ease;width:50%}.UE-content .section-2{align-items:center;background:#50bcb6;border-radius:50px 50px 0 0;display:flex;flex-direction:column;height:600px;margin-top:25px;transition:transform .3s ease;width:32%}.UE-content .section-2:hover{transform:scale(1.05)}.UE-content .section-2 .className{margin:50px 0}.UE-content .section-2 .className p{word-wrap:break-word;color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:32px;font-weight:700}.UE-content .section-2 .icon{margin:20px 0}.UE-content .section-2 .bt-start{align-items:center;display:flex;height:80px;justify-content:center;margin:20px 0;width:100%}.UE-content .section-2 .bt-start .StartButton{word-wrap:break-word;align-items:center;background:#fff;border:none;border-radius:30px;box-shadow:0 4px 6px #0000001a;color:#0a5987;cursor:pointer;display:flex;font-family:Holtwood One SC,serif;font-size:30px;font-weight:700;height:70%;justify-content:center;margin:0 10px;outline:none;text-decoration:none;transition:all .3s ease;width:50%}.UE-content .section-3{align-items:center;background:#5daef1;border-radius:50px 50px 0 0;display:flex;flex-direction:column;height:600px;margin-top:25px;transition:transform .3s ease;width:32%}.UE-content .section-3:hover{transform:scale(1.05)}.UE-content .section-3 .className{margin:50px 0}.UE-content .section-3 .className p{word-wrap:break-word;color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:32px;font-weight:700}.UE-content .section-3 .icon{margin:20px 0}.UE-content .section-3 .bt-start{align-items:center;display:flex;height:80px;justify-content:center;margin:20px 0;width:100%}.UE-content .section-3 .bt-start .StartButton{word-wrap:break-word;align-items:center;background:#fff;border:none;border-radius:30px;box-shadow:0 4px 6px #0000001a;color:#0a5987;cursor:pointer;display:flex;font-family:Holtwood One SC,serif;font-size:30px;font-weight:700;height:70%;justify-content:center;margin:0 10px;outline:none;text-decoration:none;transition:all .3s ease;width:50%}.StudentPin{background-image:url(/static/media/BG.34f314e7b06c77274b65.png);background-position:50%;background-size:50%;height:100vh}.StudentPin,.StudentPin .pin{display:flex;flex-direction:column;width:100%}.StudentPin .pin{margin:auto}.StudentPin .pin .center{align-items:center;background-color:#41b38a;color:#fff;display:flex;flex-direction:column;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:24px;font-weight:600;height:310px;justify-content:center;width:100%}.StudentPin .pin .people{display:flex;justify-content:center;margin-top:40px}.StudentPin .pin .people .peopleName{color:#fff!important}.StudentPin .pin .people p{color:#0ba29a;padding-right:10px}.StudentPin .pin .people .count,.StudentPin .pin .people p{align-items:center;display:flex;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:600;justify-content:center}.StudentPin .pin .people .count{border:2px solid #f88a8f;border-radius:20px;height:50px;text-align:center;width:100px}.Review{background-image:url(/static/media/BG.34f314e7b06c77274b65.png);background-position:50%;background-size:50%;display:flex;flex-direction:column;height:100vh;width:100%}.Review .reviewin{display:flex;justify-content:space-around;margin:auto 20px}.Review .reviewin .StartButton{text-decoration:none}.Review .reviewin .one{align-items:center;background-color:#0b73a2;border-radius:100%;display:flex;flex-direction:column;height:400px;justify-content:center;width:400px}.Review .reviewin .one:hover{transform:scale(1.05)}.Review .reviewin .one p{color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:32px;font-weight:700;margin-bottom:15px}.Review .reviewin .two{align-items:center;background-color:#5daef1;border-radius:100%;display:flex;flex-direction:column;height:400px;justify-content:center;width:400px}.Review .reviewin .two:hover{transform:scale(1.05)}.Review .reviewin .two p{color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:32px;font-weight:700;margin-bottom:25px}.GradeInquiry{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;width:100%}.GradeInquiry a{text-decoration:none}.GradeInquiry .boundary{margin-bottom:20px;width:82%}.GradeInquiry .boundary .list{display:flex;justify-content:center;margin-bottom:30px;margin-top:10px;width:100%}.GradeInquiry .boundary .list table{border-collapse:collapse;border-radius:20px 20px 0 0;border-radius:30px;box-shadow:0 4px 4px 0 #0000004d;color:#000;font-size:18px;font-weight:700;margin-top:20px;overflow:hidden;position:relative;width:100%;z-index:1}.GradeInquiry .boundary .list td,.GradeInquiry .boundary .list th{border:none;padding:15px;text-align:center}.GradeInquiry .boundary .list td,.GradeInquiry .boundary .list th{color:#000;font-size:18px;font-weight:700}.GradeInquiry .boundary .list th.colspan{column-span:all}.GradeInquiry .boundary .list .tb{align-items:center;display:flex;justify-content:center;margin-top:30px}.GradeInquiry .boundary .list .FB-from{border-radius:30px;box-shadow:0 4px 4px 0 #0000004d;width:90%}.GradeInquiry .boundary .list .FB-from tr{border-bottom:1px solid #000;text-align:center}.GradeInquiry .boundary .list .FB-from tr:last-child{border-bottom:none}.GradeInquiry .boundary .list .FB-from tr td{height:45px}.GradeInquiry .boundary .list .FB-from th{background-color:#5daef180;color:#000;font-weight:700;height:45px}.GradeInquiry .boundary .list .FB-from tr:hover{background-color:#f6f2f2}.GradeInquiry .boundary .list .date{color:#000}.GradeInquiry .boundary .list .date:hover{color:#000;text-decoration:underline}.GradeInquiry .boundary .list .FB-from td,.GradeInquiry .boundary .list .FB-from th{padding-left:30px;text-align:left}.GradeInquiry .boundary .list .FB-from td:last-child,.GradeInquiry .boundary .list .FB-from th:last-child{padding-right:30px;text-align:right}.GradeInquiry .boundary .list .FB-from td:nth-child(2),.GradeInquiry .boundary .list .FB-from th:nth-child(2){text-align:center}.GradeInquiry .boundary .list tbody:after{clear:both}.GradeInquiry .boundary .RP{display:flex;justify-content:center;position:relative;width:100%;z-index:0}.GradeInquiry .boundary .RP .pagination{align-items:center;display:flex;justify-content:center;list-style:none;margin-bottom:30px;margin-top:30px;text-align:center;width:100%}.GradeInquiry .boundary .RP .pagination a{color:#1c7a6f;font-size:20px;font-weight:700;margin:2px;padding:5px 10px;text-align:center;text-decoration:none}.GradeInquiry .boundary .RP .pagination a:hover{background-color:#1c7a6f;border-radius:5px;color:#fff}.Room .room .room1 .stbuttom{background-color:#0ba29a}.Room .room .room1 .stbuttom,.Room .room .room1 .unstbuttom{align-items:center;border-radius:10px;box-shadow:0 4px 4px 0 #0000004d;color:#fff;display:flex;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:600;height:40px;justify-content:center;width:120px}.Room .room .room1 .unstbuttom{background-color:#979090}.Room .room .room2 .stbuttom{background-color:#0ba29a}.Room .room .room2 .stbuttom,.Room .room .room2 .unstbuttom{align-items:center;border-radius:10px;box-shadow:0 4px 4px 0 #0000004d;color:#fff;display:flex;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:600;height:40px;justify-content:center;width:120px}.Room .room .room2 .unstbuttom{background-color:#979090;border:none}.CreateQ{background-image:url(/static/media/BG.34f314e7b06c77274b65.png);background-position:50%;background-size:50%;display:flex;flex-direction:column;height:100vh;width:100%}.CreateQ .reviewin{display:flex;justify-content:space-around;margin:auto 0}.CreateQ .reviewin .StartButton{text-decoration:none}.CreateQ .reviewin .one{align-items:center;background-color:#2d945c;border-radius:100%;cursor:pointer;display:flex;flex-direction:column;height:400px;justify-content:center;width:400px}.CreateQ .reviewin .one:hover{transform:scale(1.05)}.CreateQ .reviewin .one p{color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:32px;font-weight:700;margin-bottom:15px}.CreateQ .reviewin .two{align-items:center;background-color:#5bca8e;border-radius:100%;cursor:pointer;display:flex;flex-direction:column;height:400px;justify-content:center;width:400px}.CreateQ .reviewin .two:hover{box-shadow:0 6px 10px #0003;transform:scale(1.05)}.CreateQ .reviewin .two p{color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:32px;font-weight:700;margin-bottom:25px}.Room{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;width:100%}.Room a{text-decoration:none}.Room .room{flex-direction:column;margin-top:15px;width:90%}.Room .room,.Room .room .room1{align-items:center;display:flex}.Room .room .room1{background-color:#5daef180;border-radius:20px;height:70px;justify-content:space-between;padding:10px 20px;width:100%}.Room .room .room1 .twobuttons{display:flex}.Room .room .room1 p{color:#0b73a2;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:600}.Room .room .room1 .editbuttom{background-color:#0ba29a;color:#fff;margin-right:15px}.Room .room .room1 .delbuttom,.Room .room .room1 .editbuttom{align-items:center;border-radius:10px;box-shadow:0 4px 4px 0 #0000004d;display:flex;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:600;height:40px;justify-content:center;width:120px}.Room .room .room1 .delbuttom{background-color:#fff;border:none;color:#f71414}.Room .room .room2{align-items:center;border:2px dashed #81b2f7;border-radius:20px;display:flex;height:70px;justify-content:space-between;padding:10px 20px;width:100%}.Room .room .room2 .twobuttons{display:flex}.Room .room .room2 p{color:#0b73a2;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:600}.Room .room .room2 .editbuttom{background-color:#0ba29a;color:#fff;margin-right:15px}.Room .room .room2 .delbuttom,.Room .room .room2 .editbuttom{align-items:center;border-radius:10px;box-shadow:0 4px 4px 0 #0000004d;display:flex;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:600;height:40px;justify-content:center;width:120px}.Room .room .room2 .delbuttom{background-color:#fff;border:none;color:#f71414}.Room .RP{display:contents}.Room .RP .pagination{align-items:center;display:flex;justify-content:flex-end;list-style:none;margin-bottom:30px;margin-top:30px;text-align:center;width:95%}.Room .RP .pagination a{color:#1c7a6f;font-size:20px;font-weight:700;margin:2px;padding:5px 10px;text-align:center;text-decoration:none}.Room .RP .pagination a:hover{background-color:#1c7a6f;border-radius:5px;color:#fff}.Scoreboard{background-image:url(/static/media/BG.34f314e7b06c77274b65.png);background-position:50%;background-size:50%;display:flex;flex-direction:column;height:100vh;width:100%}.Scoreboard .Scoreboardin{align-items:center;display:flex;flex-direction:column;margin:auto 20px;text-align:center}.Scoreboard .Scoreboardin .title{align-items:center;display:flex;margin-bottom:30px;text-align:center}.Scoreboard .Scoreboardin .title p:first-child{color:#2a645d;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:40px;font-weight:700;margin-right:10px}.Scoreboard .Scoreboardin .title p:last-child{color:#2a645d;font-family:Pacifico,sans-serif;font-size:40px}.Scoreboard .Scoreboardin .one{align-items:center;background-color:#29b58f;border:2px solid #fff;display:flex;height:90px;width:70%}.Scoreboard .Scoreboardin .one p{color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:24px;font-weight:600}.Scoreboard .Scoreboardin .one p:first-child{display:flex;justify-content:flex-start;padding-left:40px;width:20%}.Scoreboard .Scoreboardin .one p:nth-child(2){display:flex;justify-content:flex-start;width:50%}.Scoreboard .Scoreboardin .one p:last-child{display:flex;justify-content:flex-start;width:20%}.Scoreboard .Scoreboardin .two{align-items:center;background-color:#f5a96e;border:2px solid #fff;display:flex;height:90px;width:70%}.Scoreboard .Scoreboardin .two p{color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:24px;font-weight:600}.Scoreboard .Scoreboardin .two p:first-child{display:flex;justify-content:flex-start;padding-left:40px;width:20%}.Scoreboard .Scoreboardin .two p:nth-child(2){display:flex;justify-content:flex-start;width:50%}.Scoreboard .Scoreboardin .two p:last-child{display:flex;justify-content:flex-start;width:20%}.Scoreboard .Scoreboardin .two svg{display:flex;justify-content:flex-end;width:20%}.Scoreboard .Scoreboardin .three{align-items:center;background-color:#29b58f;border:2px solid #fff;display:flex;height:90px;width:70%}.Scoreboard .Scoreboardin .three p{color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:24px;font-weight:600}.Scoreboard .Scoreboardin .three p:first-child{display:flex;justify-content:flex-start;padding-left:40px;width:20%}.Scoreboard .Scoreboardin .three p:nth-child(2){display:flex;justify-content:flex-start;width:50%}.Scoreboard .Scoreboardin .three p:last-child{display:flex;justify-content:flex-start;width:20%}.Scoreboard .Scoreboardin .four{align-items:center;background-color:#29b58f;border:2px solid #fff;display:flex;height:90px;width:70%}.Scoreboard .Scoreboardin .four p{color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:24px;font-weight:600}.Scoreboard .Scoreboardin .four p:first-child{display:flex;justify-content:flex-start;padding-left:40px;width:20%}.Scoreboard .Scoreboardin .four p:nth-child(2){display:flex;justify-content:flex-start;width:50%}.Scoreboard .Scoreboardin .four p:last-child{display:flex;justify-content:flex-start;width:20%}.Scoreboard .Scoreboardin .total p{color:#2a645d;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:24px;font-weight:700;margin-top:40px;text-shadow:0 2px 2px #0000004d}.Ranking{background-image:url(/static/media/BG.34f314e7b06c77274b65.png);background-position:50%;background-size:50%;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100%}.Ranking .Rankingin{flex-direction:column;margin:auto 20px}.Ranking .Rankingin,.Ranking .Rankingin .title{align-items:center;display:flex;text-align:center}.Ranking .Rankingin .title{margin-bottom:30px}.Ranking .Rankingin .title p:first-child{color:#2a645d;font-family:Pacifico,sans-serif;font-size:40px;margin-right:10px}.Ranking .Rankingin .content{align-items:flex-end;display:flex;flex-direction:row;width:90%}.Ranking .Rankingin .content .one{width:25%}.Ranking .Rankingin .content .one .rank4{align-items:center;background-color:#41b38a;border:1px solid #5fc1a1;border-bottom:none;display:flex;flex-direction:column;height:240px;text-align:center}.Ranking .Rankingin .content .one .rank4 .circle{align-items:center;border-radius:100%;display:flex;height:100px;justify-content:center;margin-top:20px;width:100px}.Ranking .Rankingin .content .one .rank4 .circle p{font-family:M PLUS Rounded\ 1c,sans-serif;font-size:50px;font-weight:600}.Ranking .Rankingin .content .one .rank4 p{color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:32px;font-weight:600}.Ranking .Rankingin .content .one p{color:#2a645d;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:24px;font-weight:600}.Ranking .Rankingin .content .two{width:25%}.Ranking .Rankingin .content .two .rank2{align-items:center;background-color:#41b38a;border:1px solid #5fc1a1;border-bottom:none;display:flex;flex-direction:column;height:400px;text-align:center}.Ranking .Rankingin .content .two .rank2 .circle{align-items:center;background-color:#d3d4d5;border:5px solid #8c8787;border-radius:100%;display:flex;height:100px;justify-content:center;margin-top:20px;width:100px}.Ranking .Rankingin .content .two .rank2 .circle p{font-family:M PLUS Rounded\ 1c,sans-serif;font-size:50px;font-weight:600}.Ranking .Rankingin .content .two .rank2 p{color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:32px;font-weight:600}.Ranking .Rankingin .content .two p{color:#2a645d;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:24px;font-weight:600}.Ranking .Rankingin .content .two svg{display:flex;justify-content:flex-end;width:20%}.Ranking .Rankingin .content .three{width:25%}.Ranking .Rankingin .content .three .rank1{align-items:center;background-color:#41b38a;border:1px solid #5fc1a1;border-bottom:none;display:flex;flex-direction:column;height:480px;text-align:center}.Ranking .Rankingin .content .three .rank1 .circle{align-items:center;background-color:#f2be45;border:5px solid #f4af50;border-radius:100%;display:flex;height:100px;justify-content:center;margin-top:20px;width:100px}.Ranking .Rankingin .content .three .rank1 .circle p{font-family:M PLUS Rounded\ 1c,sans-serif;font-size:50px;font-weight:600}.Ranking .Rankingin .content .three .rank1 p{color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:32px;font-weight:600}.Ranking .Rankingin .content .three p{color:#2a645d;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:24px;font-weight:600}.Ranking .Rankingin .content .four{width:25%}.Ranking .Rankingin .content .four .rank3{align-items:center;background-color:#41b38a;border:1px solid #5fc1a1;border-bottom:none;display:flex;flex-direction:column;height:320px;text-align:center}.Ranking .Rankingin .content .four .rank3 .circle{align-items:center;background-color:#b87333;border:5px solid #8e6809e6;border-radius:100%;display:flex;height:100px;justify-content:center;margin-top:20px;width:100px}.Ranking .Rankingin .content .four .rank3 .circle p{font-family:M PLUS Rounded\ 1c,sans-serif;font-size:50px;font-weight:600}.Ranking .Rankingin .content .four .rank3 p{color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:32px;font-weight:600}.Ranking .Rankingin .content .four p{color:#2a645d;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:24px;font-weight:600}.Ranking .Rankingin .total{align-items:center;background-color:#f5a96e;bottom:0;display:flex;height:70px;justify-content:center;position:fixed;text-align:center;width:100%}.Ranking .Rankingin .total p{color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:24px;font-weight:700}.GradeManagement{background-image:url(/static/media/BG.34f314e7b06c77274b65.png);background-position:50%;background-size:50%;display:flex;flex-direction:column;height:100vh;width:100%}.GradeManagement .GradeManagementin{display:flex;justify-content:space-around;margin:auto 20px}.GradeManagement .GradeManagementin .StartButton{text-decoration:none}.GradeManagement .GradeManagementin .one{align-items:center;background-color:#29b58f;border-radius:100%;cursor:pointer;display:flex;flex-direction:column;height:400px;justify-content:center;width:400px}.GradeManagement .GradeManagementin .one:hover{transform:scale(1.05)}.GradeManagement .GradeManagementin .one p{color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:32px;font-weight:700;margin-bottom:15px}.GradeManagement .GradeManagementin .two{align-items:center;background-color:#36b85f;border-radius:100%;cursor:pointer;display:flex;flex-direction:column;height:400px;justify-content:center;width:400px}.GradeManagement .GradeManagementin .two:hover{box-shadow:0 6px 10px #0003;transform:scale(1.05)}.GradeManagement .GradeManagementin .two p{color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:32px;font-weight:700;margin-bottom:25px}.TPin .Tpin{align-items:center}.TPin .Tpin .center-t{align-items:center;background-color:#41b38a;color:#fff;display:flex;flex-direction:row;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:24px;font-weight:600;height:310px;justify-content:space-evenly;width:100%}.TPin .Tpin .left{text-align:center}.TPin .Tpin .people{flex-wrap:wrap;width:800px}.TPin .Tpin .people .peopleName{color:#fff!important}.TPin .Tpin .Go .go{background-color:#2a645d;border-radius:50px;height:40px}.subject{align-items:center;background-color:#41b38a4d;border:2px solid #1c7a6f;border-radius:30px;box-shadow:0 4px 4px #00000040;display:flex;flex-direction:column;height:250px;justify-content:center;margin:20px 0;width:15%}.subject .TeacherName,.subject .className{word-wrap:break-word;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:24px;font-weight:700;height:50px}.subject .button{align-items:center;display:flex;flex-direction:row;height:30%;width:60%}.subject .button a{word-wrap:break-word;align-items:center;background:#0ba29a;border:none;border-radius:30px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:flex;font-family:Inter;font-size:18px;font-weight:700;height:65%;justify-content:center;margin:0 10px;outline:none;text-decoration:none;transition:all .3s ease;width:100%}.TsubjectEnter{margin:0}.TsubjectEnter main{display:flex;flex-direction:column;justify-content:space-evenly}.TsubjectEnter .content-Top{display:flex;justify-content:space-around}.TsubjectEnter .content-Top .search{width:40%}.TsubjectEnter .content-Top .search .search-text{align-items:center;border:2px solid #1c7a6f;border-radius:50px;display:flex;height:40px;justify-content:space-around}.TsubjectEnter .content-Top .search .search-text input{align-items:center;background-color:#0000;border:none;color:#1c7a6f;display:flex;font-size:16px;font-weight:700;padding:20px;position:relative;width:100%;z-index:1}.TsubjectEnter .content-Top .search .search-text input:focus{outline:none}.TsubjectEnter .content-Top .search .search-text input::placeholder{color:#1c7a6f}.TsubjectEnter .content-Top .search .search-text button{background-color:#fff0;border:none}.TsubjectEnter .content-Top .search .search-text button svg{color:#1c7a6f;display:flex;height:30px;padding-right:12px;width:30px}.TsubjectEnter .content-Top .search .select1{align-items:center;display:flex}.TsubjectEnter .content-Top .search .select1 p{color:#1c7a6f;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:700;margin-right:10px}.TsubjectEnter .content-Top .search .select1 #dropdown{background-color:#fff;border:2px solid #1c7a6f;border-radius:20px;color:#1c7a6f;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;padding:8px 20px;width:250px}.TsubjectEnter .content{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin:10px 65px}.TsubjectEnter .content .subject{align-items:center;background-color:#41b38a4d;border:2px solid #1c7a6f;border-radius:30px;box-shadow:0 4px 4px #00000040;display:flex;flex-direction:column;height:200px;justify-content:center;margin:20px 8px;width:18%}.TsubjectEnter .content .subject .className{word-wrap:break-word;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:24px;font-weight:700;height:50px}.TsubjectEnter .content .subject .TeacherName{word-wrap:break-word;height:50px}.TsubjectEnter .content .subject .button{align-items:center;display:flex;flex-direction:row;height:30%;width:60%}.TsubjectEnter .content .subject .button a{word-wrap:break-word;align-items:center;background:#0ba29a;border:none;border-radius:30px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:flex;font-family:Inter;font-size:18px;font-weight:700;height:65%;justify-content:center;margin:0 10px;outline:none;text-decoration:none;transition:all .3s ease;width:100%}.TsubjectEnter .RP{display:contents}.TsubjectEnter .RP .pagination{align-items:center;display:flex;justify-content:flex-end;list-style:none;margin-bottom:30px;margin-top:30px;text-align:center;width:95%}.TsubjectEnter .RP .pagination li{color:#1c7a6f;cursor:pointer;font-size:20px;font-weight:700;margin:2px;padding:5px 10px;text-align:center}.TsubjectEnter .RP .pagination li:hover{background-color:#1c7a6f;border-radius:5px;color:#fff}@media(max-width:1200px){.TsubjectEnter .content{margin:0 30px}.TsubjectEnter .subject{flex:1 1 22%}.TsubjectEnter .content-Top .search{margin-left:30px}}@media(max-width:768px){.TsubjectEnter .content-Top{flex-direction:column}.TsubjectEnter .content-Top .search{margin-left:0;width:80%}.TsubjectEnter .content{margin:0 20px}.TsubjectEnter .subject{flex:1 1 45%}}@media(max-width:480px){.TsubjectEnter .content-Top .search{width:100%}.TsubjectEnter .content{justify-content:center;margin:0 10px}.TsubjectEnter .subject{flex:1 1 100%;margin:10px 0}}@media(max-width:320px){.TsubjectEnter .content-Top .search{margin:0;padding:0 10px;width:100%}.TsubjectEnter .content-Top .search .search-text{padding:10px}.TsubjectEnter .content-Top .search .search-text input{font-size:14px;padding:10px}.TsubjectEnter .content-Top .search .search-text button svg{height:20px;width:20px}.TsubjectEnter .content{align-items:center;flex-direction:column;margin:0 5px}.TsubjectEnter .subject{flex:1 1 100%;margin:10px 0;min-width:280px}}.TeacherEnter .TeacherEnterin{display:flex;justify-content:center}.TeacherEnter .TeacherEnterin .UE-content{display:flex;flex-direction:row;justify-content:space-around;margin:0 20px;width:100%}.TeacherEnter .TeacherEnterin .UE-content .section{align-items:center;background:#29b58f;border-radius:50px 50px 0 0;display:flex;flex-direction:column;justify-content:space-around;margin-top:25px;width:23%}.TeacherEnter .TeacherEnterin .UE-content .section .className{margin:50px 0}.TeacherEnter .TeacherEnterin .UE-content .section .className p{word-wrap:break-word;color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:32px;font-weight:700}.TeacherEnter .TeacherEnterin .UE-content .section .icon{display:flex;justify-content:center;margin:20px 0}.TeacherEnter .TeacherEnterin .UE-content .section .bt-start{align-items:center;display:flex;height:80px;justify-content:center;margin:20px 0;width:100%}.TeacherEnter .TeacherEnterin .UE-content .section .bt-start .StartButton{word-wrap:break-word;align-items:center;background:#fff;border:none;border-radius:30px;box-shadow:0 4px 6px #0000001a;color:#0a5987;cursor:pointer;display:flex;font-family:Holtwood One SC,serif;font-size:30px;font-weight:700;height:70%;justify-content:center;margin:0 10px;outline:none;text-decoration:none;transition:all .3s ease;width:50%}.TeacherEnter .TeacherEnterin .UE-content .section .bt-start .StartButton:hover{box-shadow:0 6px 10px #0003;transform:scale(1.1)}.TeacherEnter .TeacherEnterin .UE-content .color2{background:#5bca8e}.TeacherEnter .TeacherEnterin .UE-content .color3{background:#36b85f}.TeacherEnter .TeacherEnterin .UE-content .color4{background:#20b2aa}@media(max-width:1200px){.UE-content{flex-wrap:wrap}.section{margin:10px 0;width:48%}.icon{width:70%}.className p{font-size:28px}.StartButton{font-size:24px!important}}@media(max-width:768px){.section{width:100%}.className p{font-size:24px}.StartButton{font-size:20px}}@media(max-width:480px){.TeacherEnterin .UE-content{flex-direction:column}.section{height:auto;margin-bottom:20px}.className p{font-size:20px}.StartButton{font-size:18px}}@media(max-width:320px){.className p{font-size:18px}.StartButton{font-size:16px}}.TeacherScoreboard{background-image:url(/static/media/BG.34f314e7b06c77274b65.png);background-position:50%;background-size:50%;display:flex;flex-direction:column;height:100vh;width:100%}.TeacherScoreboard .TeacherScoreboardin{align-items:center;display:flex;flex-direction:column;height:100%;margin:auto 20px;text-align:center}.TeacherScoreboard .TeacherScoreboardin .title{align-items:center;display:flex;margin-bottom:30px;text-align:center}.TeacherScoreboard .TeacherScoreboardin .title p:first-child{color:#2a645d;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:40px;font-weight:700;margin-right:10px}.TeacherScoreboard .TeacherScoreboardin .title p:last-child{color:#2a645d;font-family:Pacifico,sans-serif;font-size:40px}.TeacherScoreboard .TeacherScoreboardin .one{align-items:center;background-color:#29b58f;border:2px solid #fff;display:flex;height:90px;width:70%}.TeacherScoreboard .TeacherScoreboardin .one p{color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:24px;font-weight:600}.TeacherScoreboard .TeacherScoreboardin .one p:first-child{display:flex;justify-content:flex-start;padding-left:40px;width:20%}.TeacherScoreboard .TeacherScoreboardin .one p:nth-child(2){display:flex;justify-content:flex-start;width:50%}.TeacherScoreboard .TeacherScoreboardin .one p:last-child{display:flex;justify-content:flex-start;width:20%}.TeacherScoreboard .TeacherScoreboardin .two{align-items:center;background-color:#29b58f;border:2px solid #fff;display:flex;height:90px;width:70%}.TeacherScoreboard .TeacherScoreboardin .two p{color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:24px;font-weight:600}.TeacherScoreboard .TeacherScoreboardin .two p:first-child{display:flex;justify-content:flex-start;padding-left:40px;width:20%}.TeacherScoreboard .TeacherScoreboardin .two p:nth-child(2){display:flex;justify-content:flex-start;width:50%}.TeacherScoreboard .TeacherScoreboardin .two p:last-child{display:flex;justify-content:flex-start;width:20%}.TeacherScoreboard .TeacherScoreboardin .two svg{display:flex;justify-content:flex-end;width:20%}.TeacherScoreboard .TeacherScoreboardin .three{align-items:center;background-color:#29b58f;border:2px solid #fff;display:flex;height:90px;width:70%}.TeacherScoreboard .TeacherScoreboardin .three p{color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:24px;font-weight:600}.TeacherScoreboard .TeacherScoreboardin .three p:first-child{display:flex;justify-content:flex-start;padding-left:40px;width:20%}.TeacherScoreboard .TeacherScoreboardin .three p:nth-child(2){display:flex;justify-content:flex-start;width:50%}.TeacherScoreboard .TeacherScoreboardin .three p:last-child{display:flex;justify-content:flex-start;width:20%}.TeacherScoreboard .TeacherScoreboardin .four{align-items:center;background-color:#29b58f;border:2px solid #fff;display:flex;height:90px;width:70%}.TeacherScoreboard .TeacherScoreboardin .four p{color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:24px;font-weight:600}.TeacherScoreboard .TeacherScoreboardin .four p:first-child{display:flex;justify-content:flex-start;padding-left:40px;width:20%}.TeacherScoreboard .TeacherScoreboardin .four p:nth-child(2){display:flex;justify-content:flex-start;width:50%}.TeacherScoreboard .TeacherScoreboardin .four p:last-child{display:flex;justify-content:flex-start;width:20%}.TeacherScoreboard .TeacherScoreboardin .next p{background-color:#41b38a;border-radius:20px;color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:24px;font-weight:700;margin-top:70px;padding:5px 20px;text-shadow:0 2px 2px #0000004d;width:140px}.TeacherRanking{background-image:url(/static/media/BG.34f314e7b06c77274b65.png);background-position:50%;background-size:50%;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100%}.TeacherRanking .TeacherRankingin{align-items:center;display:flex;flex-direction:column;height:100%;margin:auto 20px;text-align:center}.TeacherRanking .TeacherRankingin .title{align-items:center;display:flex;margin-bottom:30px;text-align:center}.TeacherRanking .TeacherRankingin .title p:first-child{color:#2a645d;font-family:Pacifico,sans-serif;font-size:40px;margin-right:10px}.TeacherRanking .TeacherRankingin .content{align-items:flex-end;display:flex;flex-direction:row;margin-top:auto;width:90%}.TeacherRanking .TeacherRankingin .content .item{font-family:M PLUS Rounded\ 1c,sans-serif;font-weight:600;width:25%}.TeacherRanking .TeacherRankingin .content .item p{color:#2a645d;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:24px}.TeacherRanking .TeacherRankingin .content .item .rank1{align-items:center;background-color:#41b38a;border:1px solid #5fc1a1;border-bottom:none;display:flex;flex-direction:column;height:480px;text-align:center}.TeacherRanking .TeacherRankingin .content .item .rank1 .circle{align-items:center;background-color:#f2be45;border:5px solid #f4af50;border-radius:100%;display:flex;height:100px;justify-content:center;margin-top:20px;width:100px}.TeacherRanking .TeacherRankingin .content .item .rank1 .circle p{font-size:50px}.TeacherRanking .TeacherRankingin .content .item .rank1 p{color:#fff;font-size:32px}.TeacherRanking .TeacherRankingin .content .item .rank2{align-items:center;background-color:#41b38a;border:1px solid #5fc1a1;border-bottom:none;display:flex;flex-direction:column;height:400px;text-align:center}.TeacherRanking .TeacherRankingin .content .item .rank2 .circle{align-items:center;background-color:#d3d4d5;border:5px solid #8c8787;border-radius:100%;display:flex;height:100px;justify-content:center;margin-top:20px;width:100px}.TeacherRanking .TeacherRankingin .content .item .rank2 .circle p{font-size:50px}.TeacherRanking .TeacherRankingin .content .item .rank2 p{color:#fff;font-size:32px}.TeacherRanking .TeacherRankingin .content .item .rank4{align-items:center;background-color:#41b38a;border:1px solid #5fc1a1;border-bottom:none;display:flex;flex-direction:column;height:240px;text-align:center}.TeacherRanking .TeacherRankingin .content .item .rank4 .circle{align-items:center;border-radius:100%;display:flex;height:100px;justify-content:center;margin-top:20px;width:100px}.TeacherRanking .TeacherRankingin .content .item .rank4 .circle p{font-size:50px}.TeacherRanking .TeacherRankingin .content .item .rank4 p{color:#fff;font-size:32px}.TeacherRanking .TeacherRankingin .content .item .rank3{align-items:center;background-color:#41b38a;border:1px solid #5fc1a1;border-bottom:none;display:flex;flex-direction:column;height:320px;text-align:center}.TeacherRanking .TeacherRankingin .content .item .rank3 .circle{align-items:center;background-color:#b87333;border:5px solid #8e6809e6;border-radius:100%;display:flex;height:100px;justify-content:center;margin-top:20px;width:100px}.TeacherRanking .TeacherRankingin .content .item .rank3 .circle p{font-size:50px}.TeacherRanking .TeacherRankingin .content .item .rank3 p{color:#fff;font-size:32px}.TeacherRanking .TeacherRankingin .total{align-items:center;background-color:#f5a96e;bottom:0;display:flex;font-size:1.2rem;font-weight:700;height:70px;justify-content:center;position:fixed;text-align:center;width:100%}.TeacherRanking .TeacherRankingin .total p{color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:24px;font-weight:700}.Upload main{display:flex;flex-direction:column;justify-content:space-evenly}.Upload .selectSubject{padding:15px 0;text-align:center}.Upload .selectSubject p{color:#1c7a6f;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:20px;font-weight:700;margin-right:10px}.Upload .selectSubject span{background-color:#fff;border:3px solid #1c7a6f;border-radius:25px;margin:0 10px;padding:10px 15px}.Upload .Upload-content{display:flex;justify-content:center}.Upload .Upload-content .up-section{background:#fff6b4;border-radius:3rem;margin:0 10px;width:30%}.Upload .Upload-content .up-section .titleName{margin:25px 0}.Upload .Upload-content .up-section .titleName p{word-wrap:break-word;color:#41b38a;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:32px;font-weight:700;text-align:center}.Upload .Upload-content .up-section .Up-icon .Ox{text-align:center}.Upload .Upload-content .up-section .Up-icon .Ox span{word-wrap:break-word;font-family:Lilita One;font-size:10rem;font-weight:400}.Upload .Upload-content .up-section .Up-icon .Ox span:first-child{color:#83e37e}.Upload .Upload-content .up-section .Up-icon .Ox span:last-child{color:#f88a8f}.Upload .Upload-content .up-section .Up-icon .ABCD{text-align:center}.Upload .Upload-content .up-section .Up-icon .ABCD span{word-wrap:break-word;font-family:Lilita One;font-size:5rem;font-weight:400}.Upload .Upload-content .up-section .Up-icon .ABCD span:first-child{color:#f88a8f}.Upload .Upload-content .up-section .Up-icon .ABCD span:nth-child(2){color:#f4af50}.Upload .Upload-content .up-section .Up-icon .ABCD span:nth-child(4){color:#81b2f7}.Upload .Upload-content .up-section .Up-icon .ABCD span:nth-child(5){color:#83e37e}.Upload .Upload-content .up-section .Up-icon .custom{text-align:center}.Upload .Upload-content .up-section .Up-icon .custom span{word-wrap:break-word;color:#50bcb6;font-family:Lilita One;font-size:128px;font-weight:400}.Upload .Upload-content .up-section .Up-icon .custom span:first-child{color:#f05454}.Upload .Upload-content .up-section .Up-icon .custom span:last-child{color:#4b65c2}.Upload .Upload-content .up-section .bt-filelist{display:flex;flex-direction:column;justify-content:flex-end;min-height:200px}.Upload .Upload-content .up-section .bt-filelist .file,.Upload .Upload-content .up-section .bt-filelist .file .file-section{align-items:center;display:flex;justify-content:center}.Upload .Upload-content .up-section .bt-filelist .file .file-section .file-name p{word-wrap:break-word;color:#0b73a2;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:20px;font-weight:700;line-height:60px;text-align:center}.Upload .Upload-content .up-section .bt-filelist .file .file-section .bt-Cancel .cancelButton{background:none;border:none;cursor:pointer;height:60px;padding:0;width:70%}.Upload .Upload-content .up-section .bt-filelist .file .file-section .bt-Cancel .cancelButton:hover .cancelIcon{fill:red;transform:scale(1.2)}.Upload .Upload-content .up-section .bt-filelist .file .file-section .bt-Cancel .cancelIcon{height:30px;margin:0 10px;transition:fill .3s ease;width:30px}.Upload .Upload-content .up-section .bt-filelist .bt-file{display:flex;justify-content:center;margin:10px 0;position:relative}.Upload .Upload-content .up-section .bt-filelist .bt-file label.fileButton{background:#fff;border-radius:2rem;color:#1c3c7a;cursor:pointer;display:block;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:20px;font-weight:700;height:100%;line-height:60px;text-align:center;transition:background-color .3s ease;width:70%}.Upload .Upload-content .up-section .bt-filelist .bt-file label.fileButton:hover{background-color:#e6e6e6}.Upload .Upload-content .up-section .bt-filelist .bt-file input[type=file]{height:0;opacity:0;overflow:hidden;position:absolute;width:0}.Upload .Upload-content .up-section .bt-filelist .bt-template{display:flex;justify-content:center;margin:10px 0;position:relative}.Upload .Upload-content .up-section .bt-filelist .bt-template .templateButton{background-color:#41b38a;border-radius:2rem;color:#fff;cursor:pointer;display:flex;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:20px;font-weight:700;height:100%;justify-content:center;line-height:60px;text-decoration:none;transition:background-color .3s ease;width:70%}.Upload .Upload-content .up-section .bt-filelist .bt-template .templateButton:hover{background-color:#318c6e}.Upload .Confirm-upload{display:flex;justify-content:center;margin:10px 0}.Upload .Confirm-upload .ConfirmButton{background-color:#3581dc;border:none;border-radius:2rem;color:#fff;cursor:pointer;display:flex;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:20px;font-weight:700;justify-content:center;line-height:60px;outline:none;transition:background-color .3s ease;width:20%}.Upload .Confirm-upload .ConfirmButton:hover{background-color:#2a5c99}.selectbox{background-color:#addbd5;border-radius:25px;display:flex;padding:10px 15px}.selectbox .select{align-items:center;display:flex;justify-content:space-between;width:30%}.selectbox .select p{text-wrap:nowrap;color:#1c7a6f;font-size:18px;font-weight:700;margin-right:10px}.selectbox .select #dropdown{background-color:#fff;border:1px solid #1c7a6f;border-radius:20px;color:#1c7a6f;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:16px;padding:10px 20px;width:100%}.AddInput{width:100%}.AddInput .AddInputin{align-items:center;display:flex;justify-content:flex-start!important;margin:10px 0}.AddInput .AddInputin input{border:1px solid #1c7a6f!important;border-radius:20px;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:16px!important;font-weight:700;outline:none;padding:10px 20px;width:100%!important}.AddInput .AddInputin input::placeholder{color:#afafaf!important;font-weight:400}.AddInput .AddInputin p{text-wrap:nowrap;color:#1c7a6f;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:700;margin-right:10px}.AddInput .AddInputin input[type=file]{display:none}.AddInput .AddInputin .file-content{text-wrap:nowrap;align-items:center;border-radius:20px;display:flex;width:25%}.AddInput .AddInputin .file-content .custom-file-upload{border:none;border-radius:10px;cursor:pointer;font-size:12px;margin:5px 10px}.AddInput .AddInputin .file-content .custom-file-upload svg:hover{background-color:#f3f7bd;border-radius:8px}.btn{background-color:#41b38a;cursor:pointer;margin:40px 0 0;width:10%}.btn p{color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;margin:auto}* .AddInputin{margin:10px 0;width:100%}* .AddInputin p{text-wrap:nowrap}* .AddInputin .buttonlist{display:flex;width:93%}* .AddInputin .buttonlist button{border-radius:20px;font-size:16px;margin:0 5px}* .AddInputin .buttonlist button:first-child,* .AddInputin .buttonlist button:last-child{margin:0}.buttonlist{display:flex;width:100%}.buttonlist button{border-radius:20px;font-size:16px;margin:0 5px}.buttonlist button:first-child,.buttonlist button:last-child{margin:0}.AddQ .content .AddQin .content-Top,.AddQ .content .AddQin .selectbox{margin-bottom:40px}.AddQ .content .AddQin .selectbox .select1 p{margin-right:10px}.AddQ .content .AddQin .selectbox .select1 #dropdown{width:160px}.AddQ .content .AddQin .selectbox .select2 p{margin-right:10px}.AddQ .content .AddQin .selectbox .select2 #dropdown{width:110px}.AddQ .content .AddQin .AddInput .AddInputin input{margin-right:15px}.AddQ .content .AddQin .AddInput .AddInputin .filename{margin-right:10px}.AddQBtn .content .AddQin .AddInput .AddInputin .filename{margin-left:15px}.AddQ{display:flex;justify-content:center;width:100%}.AddQ .content{width:75%}.AddQ .content .AddQin{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.AddQ .content .AddQin .top{display:flex;justify-content:space-between;margin-bottom:20px;width:100%}.AddQ .content .AddQin .top .top1{display:flex;flex-direction:row}.AddQ .content .AddQin .top .top1 p{color:#1c7a6f;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:700;margin-right:10px}.AddQ .content .AddQin .content-Top{display:flex;justify-content:space-between;margin-bottom:20px;width:100%}.AddQ .content .AddQin .content-Top .search{width:60%}.AddQ .content .AddQin .content-Top .search .search-text{align-items:center;border:2px solid #1c7a6f;border-radius:50px;display:flex;height:40px;justify-content:space-between}.AddQ .content .AddQin .content-Top .search .search-text input{align-items:center;background-color:#0000;border:none;color:#1c7a6f;display:flex;font-size:16px;font-weight:700;padding:20px;position:relative;width:100%;z-index:1}.AddQ .content .AddQin .content-Top .search .search-text input:focus{outline:none}.AddQ .content .AddQin .content-Top .search .search-text input::placeholder{color:#1c7a6f}.AddQ .content .AddQin .content-Top .search .search-text button{background-color:#fff0;border:none}.AddQ .content .AddQin .content-Top .search .search-text button svg{color:#1c7a6f;display:flex;height:30px;padding-right:12px;width:30px}.AddQ .content .AddQin .content-Top .select3{align-items:center;display:flex}.AddQ .content .AddQin .content-Top .select3 p{color:#1c7a6f;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:700;margin-right:10px}.AddQ .content .AddQin .content-Top .select3 #dropdown{background-color:#fff;border:2px solid #1c7a6f;border-radius:20px;color:#1c7a6f;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;padding:8px 20px;width:250px}.AddQ .content .AddQin .selectbox{display:flex;justify-content:space-between;margin-bottom:20px;width:100%}.AddQ .content .AddQin .selectbox .select1{align-items:center;display:flex;width:20%}.AddQ .content .AddQin .selectbox .select1 p{color:#1c7a6f;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:700;width:30%}.AddQ .content .AddQin .selectbox .select1 #dropdown{background-color:#fff;border:2px solid #1c7a6f;border-radius:20px;color:#1c7a6f;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;padding:8px 20px;width:70%}.AddQ .content .AddQin .selectbox .select2{align-items:center;display:flex;width:20%}.AddQ .content .AddQin .selectbox .select2 p{color:#1c7a6f;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:700;width:30%}.AddQ .content .AddQin .selectbox .select2 #dropdown{background-color:#fff;border:2px solid #1c7a6f;border-radius:20px;color:#1c7a6f;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;padding:8px 20px;width:70%}.AddQ .content .AddQin .selectbox .check{align-items:center;background-color:#1c7a6f;border-radius:10px;box-shadow:0 4px 4px 0 #0000004d;color:#fff;display:flex;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:700;justify-content:center;padding:5px;text-align:center;width:100px}.AddQ .content .AddQin .AddInput{display:flex;flex-direction:column;width:100%}.AddQ .content .AddQin .AddInput .AddInputin{align-items:center;display:flex;justify-content:space-between;margin:10px 0}.AddQ .content .AddQin .AddInput .AddInputin input{border:2px solid #1c7a6f;border-radius:20px;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:700;outline:none;padding:10px 20px;width:80%}.AddQ .content .AddQin .AddInput .AddInputin input::placeholder{color:#1c7a6f}.AddQ .content .AddQin .AddInput .AddInputin .filename{color:#1c7a6f;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:700}.AddQ .content .AddQin .buttom{align-items:center;border-top:2px dashed #1c7a6f;display:flex;justify-content:flex-end;padding-bottom:30px;padding-top:10px;width:100%}.AddQ .content .AddQin .buttom .ByHand{background-color:#2d945c;border-radius:10px;margin-right:15px;width:100px}.AddQ .content .AddQin .buttom .count{background-color:#f4af50;border-radius:10px;width:50px}.AddQ .content .AddQin .buttom .count .modaltitle{align-items:center;color:#f05454;display:flex;flex-direction:row;justify-content:flex-start;margin:10px}.AddQ .content .AddQin .buttom .count .modaltitle p{color:#000;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:700;text-align:center}.AddQ .content .AddQin .buttom .count .modal{align-items:center;display:flex;flex-direction:column;justify-content:center}.AddQ .content .AddQin .buttom .count .modal .modal-content{align-items:center;color:#f05454;display:flex;flex-direction:row;justify-content:flex-start;margin:10px}.AddQ .content .AddQin .buttom .count .modal .modal-content p{color:#000;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:700;text-align:center}.AddQ .content .AddQin .buttom .count Button{align-items:center;background-color:#f4af50;border-radius:10px;box-shadow:0 4px 4px 0 #0000004d;color:#fff;display:flex;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:700;justify-content:center;padding:5px;text-align:center;width:50px}.AddQ .content .AddQin .ABC{display:flex;justify-content:space-between;width:100%}.AddQ .content .AddQin .ABC .Qbank{background-color:#fff;height:300px;width:40%}.AddQ .content .AddQin .ABC .Qbank p{color:#1c7a6f;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:700;margin-right:10px;padding-bottom:10px}.AddQ .content .AddQin .ABC .Qbank .Qbankin{background-color:#fff;border:1px solid #1c7a6f;border-radius:10px;height:300px}.AddQ .content .AddQin .ABC .Qbank .Qbankin,.AddQ .content .AddQin .ABC .Qbank .QbankinS{border:1px solid #ccc;box-sizing:border-box;flex:1 1;margin-right:20px;max-height:500px;overflow-y:auto;padding:10px}.AddQ .content .AddQin .ABC .Qbank .Qbankin ul,.AddQ .content .AddQin .ABC .Qbank .QbankinS ul{list-style-type:none;margin:0;padding:0}.AddQ .content .AddQin .ABC .Qbank .Qbankin li,.AddQ .content .AddQin .ABC .Qbank .QbankinS li{border:0;border-bottom:1px solid #ccc;border-radius:10px;display:flex;justify-content:space-between;padding:5px}.AddQ .content .AddQin .ABC .Qbank .Qbankin li:hover{background-color:#24a418;color:#fff;cursor:pointer}.AddQ .content .AddQin .ABC .Qbank .QbankinS li:hover{background-color:#a41818;color:#fff;cursor:pointer}.AddQ .content .AddQin .ABC .L-R{display:flex;flex-direction:column;justify-content:center}.AddQ .content .AddQin .ABC .L-R svg{cursor:pointer;margin:15px;transition:all .3s ease}.AddQ .content .AddQin .ABC .L-R svg:hover{transform:scale(1.1)}.AddQ .content .AddQin .ABC .topic{background-color:#fff;height:300px;width:40%}.AddQ .content .AddQin .ABC .topic p{color:#1c7a6f;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:700;margin-right:10px;padding-bottom:10px}.AddQ .content .AddQin .ABC .topic .topicin{background-color:#fff;border:1px solid #1c7a6f;height:300px}.AddQBtn{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.AddQBtn .content{width:75%}.AddQBtn .content .AddQin{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.AddQBtn .content .AddQin .selectbox{display:flex;justify-content:space-around;width:100%}.AddQBtn .content .AddQin .selectbox .select1{align-items:center;display:flex}.AddQBtn .content .AddQin .selectbox .select1 p{color:#1c7a6f;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:700;margin-right:10px}.AddQBtn .content .AddQin .selectbox .select1 #dropdown{background-color:#fff;border:2px solid #1c7a6f;border-radius:20px;color:#1c7a6f;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;padding:8px 20px;width:160px}.AddQBtn .content .AddQin .selectbox .select2{align-items:center;display:flex}.AddQBtn .content .AddQin .selectbox .select2 p{color:#1c7a6f;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:700;margin-right:10px}.AddQBtn .content .AddQin .selectbox .select2 #dropdown{background-color:#fff;border:2px solid #1c7a6f;border-radius:20px;color:#1c7a6f;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;padding:8px 20px;width:110px}.AddQBtn .content .AddQin .AddInput{display:flex;flex-direction:column;width:100%}.AddQBtn .content .AddQin .AddInput .AddInputin{align-items:center;display:flex;justify-content:space-between;margin:10px 0}.AddQBtn .content .AddQin .AddInput .AddInputin input{border:1px solid #1c7a6f;border-radius:20px;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:700;margin-right:15px;outline:none;padding:10px 20px;width:80%}.AddQBtn .content .AddQin .AddInput .AddInputin input::placeholder{color:#1c7a6f}.AddQBtn .content .AddQin .AddInput .AddInputin .filename{color:#1c7a6f;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:700;margin-right:10px}.AddQBtn .content .AddQin .add{background-color:#41b38a;border-radius:50px;padding:5px 10px}.AddQBtn .content .AddQin .add,.ByHandBtn{align-items:center;box-shadow:0 4px 4px 0 #0000004d;color:#fff;display:flex;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:700;justify-content:center;text-align:center;width:100px}.ByHandBtn{background-color:#2d945c;border-radius:10px;margin-right:15px;padding:5px}.modaltitle{align-items:center;color:#f05454;display:flex;flex-direction:row;justify-content:center;margin:10px}.modaltitle p{color:#000;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:700;text-align:center}.modal{flex-wrap:wrap;justify-content:flex-start}.modal,.modal .modal-content{align-items:center;display:flex;flex-direction:row}.modal .modal-content{color:#f05454;justify-content:center;margin:10px;width:45%}.modal .modal-content p{color:#000}.countBtn,.modal .modal-content p{font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:700;text-align:center}.countBtn{align-items:center;background-color:#f4af50;border-radius:10px;box-shadow:0 4px 4px 0 #0000004d;color:#fff;display:flex;justify-content:center;padding:5px;width:50px}.TPin{background-image:url(/static/media/BG.34f314e7b06c77274b65.png);background-position:50%;background-size:50%;height:100vh}.TPin,.TPin .Tpin{display:flex;flex-direction:column;width:100%}.TPin .Tpin{margin:auto}.TPin .Tpin .copyPin{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-bottom:40px}.TPin .Tpin .copyPin p{color:#0ba29a;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:700}.TPin .Tpin .copyPin .PIN-text{align-items:center;background-color:#fff;border:1px solid #0ba29a;border-radius:15px;box-shadow:0 4px 4px 0 #0000004d;display:flex;height:50px;text-align:center;width:300px}.TPin .Tpin .copyPin .PIN-text p{color:#000;display:flex;padding:0 0 0 5px}.TPin .Tpin .copyPin .copy{background-color:#0ba29a;border:none;border-radius:15px;box-shadow:0 4px 4px 0 #0000004d;cursor:pointer;font-size:14px;font-weight:700;height:45px;margin-left:20px;width:120px}.TPin .Tpin .center,.TPin .Tpin .copyPin .copy{color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif}.TPin .Tpin .center{align-items:center;background-color:#41b38a;display:flex;flex-direction:column;font-size:24px;font-weight:600;height:310px;justify-content:center;width:100%}.TPin .Tpin .center .RoomName{display:flex;margin-bottom:20px}.TPin .Tpin .center .RoomName p{color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:24px;font-weight:600}.TPin .Tpin .center .ClassName{display:flex}.TPin .Tpin .center .ClassName p{color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:24px;font-weight:600}.TPin .Tpin .people{display:flex;justify-content:center;margin-top:40px}.TPin .Tpin .people p{color:#0ba29a;padding-right:10px}.TPin .Tpin .people .count,.TPin .Tpin .people p{align-items:center;display:flex;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:600;justify-content:center}.TPin .Tpin .people .count{border:2px solid #f88a8f;border-radius:20px;height:50px;text-align:center;width:100px}.TPin .Tpin .Go{align-items:center;display:flex;justify-content:center;width:100%}.TPin .Tpin .Go .delete{background-color:#f05454;border:none;border-radius:20px;box-shadow:0 4px 4px 0 #0000004d;color:#fff;cursor:pointer;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:600;height:50px;margin-right:20px;margin-top:30px;width:140px}.TPin .Tpin .Go .delete:hover{transform:scale(1.1)}.TPin .Tpin .Go .edit{background-color:#ff8a00;border:none;border-radius:20px;box-shadow:0 4px 4px 0 #0000004d;cursor:pointer;height:50px;margin-right:20px;margin-top:30px;width:140px}.TPin .Tpin .Go .edit,.TPin .Tpin .Go .edit a{color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:600}.TPin .Tpin .Go .edit a{text-decoration:none}.TPin .Tpin .Go .edit:hover{transform:scale(1.1)}.TPin .Tpin .Go .go{background-color:#0ba29a;border:none;border-radius:20px;box-shadow:0 4px 4px 0 #0000004d;cursor:pointer;height:50px;margin-right:20px;margin-top:30px;width:140px}.TPin .Tpin .Go .go,.TPin .Tpin .Go .go a{color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:600}.TPin .Tpin .Go .go a{text-decoration:none}.TPin .Tpin .Go .go:hover{transform:scale(1.1)}.TPin .Tpin .Go .review{background-color:#6a54f0;border:none;border-radius:20px;box-shadow:0 4px 4px 0 #0000004d;height:50px;margin-right:20px;margin-top:30px;width:140px}.TPin .Tpin .Go .review,.TPin .Tpin .Go .review a{color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:600}.TPin .Tpin .Go .review a{text-decoration:none}.TPin .Tpin .Go .log{background-color:#df5bda;border:none;border-radius:20px;box-shadow:0 4px 4px 0 #0000004d;cursor:pointer;height:50px;margin-right:20px;margin-top:30px;width:140px}.TPin .Tpin .Go .log,.TPin .Tpin .Go .log a{color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:600}.TPin .Tpin .Go .log a{text-decoration:none}.TPin .Tpin .Go .log:hover{transform:scale(1.1)}.TPin .Tpin .Go .book{background-color:#916c15;border:none;border-radius:20px;box-shadow:0 4px 4px 0 #0000004d;cursor:pointer;height:50px;margin-right:20px;margin-top:30px;width:140px}.TPin .Tpin .Go .book,.TPin .Tpin .Go .book a{color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:600}.TPin .Tpin .Go .book a{text-decoration:none}.TPin .Tpin .Go .book:hover{transform:scale(1.1)}.Topic{background-image:url(/static/media/BG.34f314e7b06c77274b65.png);background-position:50%;background-size:50%;display:flex;flex-direction:column;height:100vh;width:100%}.Topic .all{display:flex;justify-content:space-around}.Topic .all .topic{margin-left:70px;width:30%}.Topic .all .topic .roonname{align-items:center;background-color:#f4af50;display:flex;height:50px;justify-content:center;text-align:center}.Topic .all .topic .roonname p{color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:700;margin-right:10px}.Topic .all .topic .subjectname{align-items:center;background-color:#41b38a;display:flex;height:50px;justify-content:center;text-align:center}.Topic .all .topic .subjectname p{color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:700;margin-right:10px}.Topic .all .Topic-content{background-color:#fff;height:650px;overflow:auto;resize:none;scrollbar-color:#1c7a6f #d9d9d9;scrollbar-width:thin;width:50%}.Topic .all .Topic-content p{color:#1c7a6f;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:700;margin-right:10px;padding-bottom:10px}.Topic .all .Topic-content .topicin{background-color:#fff;border:1px solid #1c7a6f;height:600px}.format{align-items:center;display:flex;justify-content:space-between;margin:15px 0}.format input{border:2px solid #1c7a6f;border-radius:20px;color:#1c7a6f;font-size:18px;font-weight:700;padding:8px 20px;width:63%}.format input.full{width:89%}.format input[type=file]{display:none}.format .file-content{align-items:center;border-radius:20px;display:flex;width:25%}.format .file-content .custom-file-upload{border:none;border-radius:10px;cursor:pointer;font-size:12px;margin:5px 10px}.format .file-content .custom-file-upload svg:hover{background-color:#f3f7bd;border-radius:8px}*{font-family:M PLUS Rounded\ 1c,sans-serif}* .ReviewQBank{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}* .ReviewQBank p{text-wrap:nowrap;color:#1c7a6f;font-size:18px;font-weight:700;margin-right:10px}* .ReviewQBank .content{width:75%}* .ReviewQBank .content .content-Top{display:flex;justify-content:space-between;margin-bottom:40px;width:100%}* .ReviewQBank .content .content-Top .select{align-items:center;display:flex;justify-content:space-between}* .ReviewQBank .content .content-Top .select p{color:#1c7a6f;font-size:18px;font-weight:700;margin-right:10px;text-align:center}* .ReviewQBank .content .content-Top .select #dropdown{border:2px solid #1c7a6f;border-radius:20px;color:#1c7a6f;font-size:18px;font-weight:700;padding:8px 20px;width:160px}* .ReviewQBank .content .content-Top .search{align-items:center;display:flex;width:75%}* .ReviewQBank .content .content-Top .search .search-text{align-items:center;border:2px solid #1c7a6f;border-radius:20px;display:flex;justify-content:space-between;width:93%}* .ReviewQBank .content .content-Top .search .search-text input{border:none;border-radius:20px 0 0 20px;color:#1c7a6f;font-size:18px;padding:8px 20px;position:relative;width:100%;z-index:1}* .ReviewQBank .content .content-Top .search .search-text input:focus{outline:none}* .ReviewQBank .content .content-Top .search .search-text input::placeholder{color:#1c7a6f}* .ReviewQBank .content .content-Top .search .search-text button{background:none;border:none}* .ReviewQBank .content .content-Top .search .search-text button svg{color:#1c7a6f;height:30px;padding:0 12px;width:30px}* .ReviewQBank .content .content-Down{margin-bottom:40px;width:100%}* .ReviewQBank .content .content-Down,* .ReviewQBank .content .content-Down .select{align-items:center;display:flex;justify-content:space-between}* .ReviewQBank .content .content-Down .select #dropdown{border:2px solid #1c7a6f;border-radius:20px;color:#1c7a6f;font-size:18px;font-weight:700;padding:8px 20px;width:160px}* .ReviewQBank .content .hr{border-top:2px dashed #1c7a6f;margin:10px 0;width:100%}* .ReviewQBank .content .questionList{width:100%}* .ReviewQBank .content .questionList p{margin:15px 0}* .ReviewQBank .content .questionList .topic{border:2px solid #1c7a6f;border-radius:25px;resize:none;scrollbar-color:#1c7a6f #fff;scrollbar-width:thin;width:100%}* .ReviewQBank .content .questionList .topic .topicin{height:300px;margin:15px;overflow:auto}* .ReviewQBank .content .questionList .topic .topicin ul{list-style-type:none;margin:0;padding:0 10px 0 0}* .ReviewQBank .content .questionList .topic .topicin li{align-items:center;border-bottom:1px solid #cfcfcf;display:flex;justify-content:space-between;padding:5px}* .ReviewQBank .content .questionList .topic .topicin li:last-child{border:none}* .ReviewQBank .content .questionList .topic .topicin li .question{align-items:center;border:0;display:flex;justify-content:space-between;padding:10px;width:80%}* .ReviewQBank .content .questionList .topic .topicin li .question .main{width:50%}* .ReviewQBank .content .questionList .topic .topicin li .question .level{text-align:right;width:20%}* .ReviewQBank .content .questionList .topic .topicin li .delete{background-color:#c32525;color:#000;color:#fff}* .ReviewQBank .content .questionList .topic .topicin li .delete:hover{background-color:#8f0404}* .ReviewQBank .content .questionList .topic .topicin li:hover{background-color:hsla(90,1%,60%,.263);cursor:pointer}* .manual{margin:auto;width:80%}* .manual p{text-wrap:nowrap;color:#1c7a6f;font-size:18px;font-weight:700;margin-right:10px}* .manual .menu{margin-bottom:20px;width:100%}* .manual .menu,* .manual .menu .select{align-items:center;display:flex;justify-content:space-between}* .manual .menu .select #dropdown{border:2px solid #1c7a6f;border-radius:20px;color:#1c7a6f;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;padding:8px 20px;width:160px}* .manual .menu .select .type{color:#000;font-size:20px}* .manual .input-box{margin:10px 0}* .manual .input-box .input-content{align-items:center;display:flex;justify-content:space-between;margin:15px 0}* .manual .input-box .input-content input{border:2px solid #1c7a6f;border-radius:20px;color:#1c7a6f;font-size:18px;font-weight:700;padding:8px 20px;width:63%}* .manual .input-box .input-content input.full{width:89%}* .manual .input-box .input-content input[type=file]{display:none}* .manual .input-box .input-content .file-content{text-wrap:nowrap;align-items:center;border-radius:20px;display:flex;width:25%}* .manual .input-box .input-content .file-content .custom-file-upload{border:none;border-radius:10px;cursor:pointer;font-size:12px;margin:5px 10px}* .manual .input-box .input-content .file-content .custom-file-upload svg:hover{background-color:#f3f7bd;border-radius:8px}.btn{background-color:#2d945c;border:none;border-radius:50px;box-shadow:0 4px 4px 0 #0000004d;color:#fff;display:flex;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:700;padding:5px 10px;width:15%}.btn:hover{transform:scale(1.1)}.RoomRecord{align-items:flex-start;display:flex;width:100%}.RoomRecord a{text-decoration:none}.RoomRecord .TeacherGradeInquiry{align-items:flex-start;display:flex;height:100%;justify-content:center;padding:10px;width:30%}.RoomRecord .TeacherGradeInquiry .boundary{width:100%}.RoomRecord .TeacherGradeInquiry .boundary .list table{border-collapse:collapse;border-radius:20px 20px 0 0;border-radius:30px;box-shadow:0 4px 4px 0 #0000004d;color:#000;font-size:18px;font-weight:700;overflow:hidden;position:relative;width:100%;z-index:1}.RoomRecord .TeacherGradeInquiry .boundary .list thead{border:none;text-align:center}.RoomRecord .TeacherGradeInquiry .boundary .list thead tr th{text-wrap:nowrap;background-color:rgba(136,196,246,.928);font-size:18px;height:45px;padding:15px}.RoomRecord .TeacherGradeInquiry .boundary .list thead tr th .colspan{column-span:all}.RoomRecord .TeacherGradeInquiry .boundary .list tbody{border:none;text-align:center}.RoomRecord .TeacherGradeInquiry .boundary .list tbody tr td{height:25px;padding:15px}.RoomRecord .TeacherGradeInquiry .boundary .list tbody tr:hover{background-color:#c5c5c5!important;cursor:pointer}.RoomRecord .StudentResponseRecord{width:70%}.RoomRecord .StudentResponseRecord .boundary{width:100%}.RoomRecord .StudentResponseRecord .boundary .list{padding:10px}.RoomRecord .StudentResponseRecord .boundary .list table{border-collapse:collapse;border-radius:20px 20px 0 0;border-radius:30px;box-shadow:0 4px 4px 0 #0000004d;color:#000;font-size:18px;font-weight:700;overflow:hidden;position:relative;width:100%;z-index:1}.RoomRecord .StudentResponseRecord .boundary .list thead{border:none;text-align:center}.RoomRecord .StudentResponseRecord .boundary .list thead tr th{text-wrap:nowrap;background-color:#aff8e0;font-size:18px;height:45px;padding:15px}.RoomRecord .StudentResponseRecord .boundary .list thead tr th .colspan{column-span:all}.RoomRecord .StudentResponseRecord .boundary .list tbody{border:none;text-align:center}.RoomRecord .StudentResponseRecord .boundary .list tbody tr td{height:25px;padding:15px}.RoomRecord .StudentResponseRecord .boundary .list tbody tr td .detail{display:flex;justify-content:center}.RoomRecord .StudentResponseRecord .boundary .list tbody tr td .detail p{background-color:#5d8376;border-radius:30px;color:#fff;cursor:pointer;padding:10px 15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.RoomRecord .StudentResponseRecord .boundary .list tbody tr td .detail p:hover{background-color:#315146}.RoomRecord .StudentResponseRecord .boundary .list tbody tr:hover{background-color:#fafcf3}.RoomRecord .StudentResponseRecord .boundary .list .scoreTableTitle{align-items:center;background-color:#aff8e0;border-radius:30px;display:flex;justify-content:space-between;margin-bottom:10px;padding:0 2%}.RoomRecord .StudentResponseRecord .boundary .list .scoreTableTitle h1{color:#2d4f79;font-size:24px;font-weight:700;padding:20px}.RoomRecord .StudentResponseRecord .boundary .list .scoreTableTitle .scoreTableReport p{background-color:#5d8376;border-radius:30px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:10px 15px}.RoomRecord .StudentResponseRecord .boundary .list .scoreTableTitle .scoreTableReport p:hover{background-color:#5d6f83}#custom-dialog{width:100%}#custom-dialog h1{font-size:24px;margin:15px 0}#custom-dialog .highcharts-credits{display:none}#custom-dialog .status{align-items:center;display:flex;justify-content:space-between;width:100%}#custom-dialog .status .questionList{border-radius:15px;max-height:500px;overflow-y:auto;width:100%}#custom-dialog .status .questionList .questionInfo{background-color:#f6f5f2;border-radius:10px;margin:10px}#custom-dialog .status .questionList .questionInfo .questionContent{color:#535252;font-weight:bolder;padding:10px;text-align:left}#custom-dialog .status .questionList .questionInfo .questionAnswer-true{text-wrap:nowrap;background-color:#e0f1eb;color:#5d8376;padding:10px;text-align:left}#custom-dialog .status .questionList .questionInfo .questionAnswer-false{text-wrap:nowrap;background-color:#ecdbdb;color:#b34444;padding:10px;text-align:left}#custom-dialog .status .questionList .questionInfo .questionAnswer{background-color:#e8e8e8;display:flex;justify-content:space-between;width:100%}#custom-dialog .status .questionList .questionInfo .questionAnswer-option{width:50%}#custom-dialog .status .questionList .questionInfo .question-flex{align-items:center;display:flex;justify-content:space-between;width:100%}#custom-dialog .status .questionList .questionInfo .questionAnswer-analyze{background-color:#fff;border:3px solid #fff;border-radius:10px;width:50%}#custom-dialog .status .questionList .questionInfo .questionAnswer-analyze .true{background-color:#b8e5b8;border-radius:10px;text-align:right}#custom-dialog .status .questionList .questionInfo .questionAnswer-analyze .false{background-color:#dabfbf;border-radius:10px;text-align:right}header{height:70px;justify-content:space-between;margin:0 10px}header,header .Left{align-items:center;display:flex}header .Left .timer{background:#50bcb6;border-radius:100%;height:60px;margin-right:10px;width:60px}header .Left .countdown,header .Left .timer{align-items:center;display:flex;justify-content:center}header .Left .countdown{color:#fff;font-family:Titan One;font-size:32px;font-weight:400}header .Left .timer.red{background:red}header .Left .title p{color:#252525;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:26px;font-weight:600}header .Right,header .Right .people{display:flex}header .Right .people .Profile-attend{align-items:center;display:flex;height:60px;justify-content:center;width:60px}header .Right .people .Profile-attend .User{align-items:center;background:#d9d9d9;border-radius:50%;display:flex;height:90%;justify-content:center;width:90%}header .Right .else-people{align-items:center;display:flex;height:60px;justify-content:center;width:60px}header .Right .else-people .else{align-items:center;background:#d9d9d9;border-radius:50%;display:flex;height:90%;justify-content:center;width:90%}.Question .number,.Question .question{color:#1c7a6f;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:24px;font-weight:700}.Picture .se-pic{display:flex;justify-content:center}.Picture .se-pic img{border-radius:20px;margin:20px 0;width:100%}.ex-button-OX{display:flex;height:40vh;width:100%}.ex-button-OX .T{background-color:#7dc27a;border:none;border-radius:20px;cursor:pointer;margin:3%;width:100%}.ex-button-OX .T p{color:#fff;font-family:Lilita One,sans-serif;font-size:128px}.ex-button-OX .F{background-color:#fa646a;border:none;border-radius:20px;cursor:pointer;margin:3%;width:100%}.ex-button-OX .F p{color:#fff;font-family:Lilita One,sans-serif;font-size:128px}.ex-button-OX .F:hover,.ex-button-OX .T:hover{scale:1.05}.ex-button{display:flex;flex-direction:row;flex-wrap:nowrap;height:36%;width:100%}.ex-button .option-0{background-color:#fa646a;border:none;border-radius:20px;cursor:pointer;height:35vh;margin:1%;width:45%}.ex-button .option-0 p{color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:20px}.ex-button .option-1{background-color:#f5aa43;border:none;border-radius:20px;cursor:pointer;height:35vh;margin:1%;width:45%}.ex-button .option-1 p{color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:20px}.ex-button .option-2{background-color:#5993e5;border:none;border-radius:20px;cursor:pointer;height:35vh;margin:1%;width:45%}.ex-button .option-2 p{color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:20px}.ex-button .option-3{background-color:#7dc27a;border:none;border-radius:20px;cursor:pointer;height:35vh;margin:1%;width:45%}.ex-button .option-3 p{color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:20px}.ex-button .option-0:hover,.ex-button .option-1:hover,.ex-button .option-2:hover,.ex-button .option-3:hover{scale:1.05}.TeacherExam .ex-content{display:flex;height:45vh;margin:0 20px}.TeacherExam .ex-content .ex-left{display:flex;justify-content:flex-start;margin:10px;width:70%}.TeacherExam .ex-content .ex-right{display:flex;flex-direction:column;justify-content:space-between;margin:10px;width:30%}.TeacherExam .ex-bottom{display:flex;justify-content:center}.TeacherExam .ex-bottom .con-button{display:flex;flex-direction:column;justify-content:flex-end}.TeacherExam .ex-bottom .con-button button{border:none;margin-bottom:15px;margin-right:10px}.TeacherExam .ex-bottom .con-button .start{background-color:#f88a8f;border-radius:50%;height:50px;width:50px}.TeacherExam .ex-bottom .con-button .stop{background-color:#f4af50;border-radius:50%;height:50px;width:50px}.TeacherExam .ex-bottom .con-button .return{background-color:#81b2f7;border-radius:50%;height:50px;width:50px}.accordion{display:flex;flex-direction:column;width:100%}.accordion .Parse{width:100%}.accordion .Parse,.accordion .Parse :hover{background-color:#fff6b4;border-radius:20px}.accordion .Parse .Q,.accordion .Parse .answer{font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;text-align:left;width:100%}.accordion .Parse .answer{color:blue}.accordion .Parse .parse{background-color:#d9d9d9;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;text-align:left;width:100%}.accordion .Parse2{border:3px dotted #f4af50;border-radius:20px;width:100%}.accordion .Parse2 :hover{border-radius:20px}.accordion .Parse2 .answer{color:blue}.accordion .Parse2 .answer,.accordion .Parse2 .parse{font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;text-align:left;width:100%}.accordion .Parse2 .parse{background-color:#d9d9d9}.TeacherParse .Parse{width:100%}.TeacherParse .Parse,.TeacherParse .Parse .ex-content{display:flex;flex-direction:column;justify-content:center}.TeacherParse .Parse .ex-content{align-items:center;padding:10px 20px}.AddClass{display:flex;flex-direction:column;justify-content:flex-start;padding:0 10%}.AddClass a{text-decoration:none}.AddClass .search{width:100%}.AddClass .search .search-text{align-items:center;border:2px solid #1c7a6f;border-radius:50px;display:flex;justify-content:space-around}.AddClass .search .search-text input{align-items:center;background-color:#0000;border:none;color:#1c7a6f;display:flex;font-size:18px;font-weight:700;line-height:40px;padding:5px 20px;position:relative;width:100%;z-index:1}.AddClass .search .search-text input:focus{outline:none}.AddClass .search .search-text input::placeholder{color:#1c7a6f}.AddClass .search .search-text button{background-color:#fff0;border:none}.AddClass .search .search-text button svg{color:#b2d8d4;display:flex;height:30px;padding-right:12px;width:30px}.AddClass .boundary{margin-bottom:20px;width:100%}.AddClass .boundary .title{align-items:center;display:flex;justify-content:space-between;margin-top:35px}.AddClass .boundary .title .listtitle{align-items:flex-end;color:#0b73a2;display:flex;font-size:24px;font-weight:700}.AddClass .boundary .title .ByHand Button{background-color:#2d945c;border:none;border-radius:20px;box-shadow:0 4px 4px 0 #0000004d;color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:600;height:40px;padding:0 18px;width:80px}.AddClass .boundary .title .ByHand Button:hover{transform:scale(1.1)}.AddClass .boundary .list{display:flex;justify-content:center;margin-bottom:30px;margin-top:10px;width:100%}.AddClass .boundary .list table{border-collapse:collapse;border-radius:20px 20px 0 0;border-radius:30px;box-shadow:0 4px 4px 0 #0000004d;color:#000;font-size:18px;font-weight:700;margin-top:20px;overflow:hidden;position:relative;width:100%}.AddClass .boundary .list td,.AddClass .boundary .list th{align-items:center;border:none;line-height:40px;padding:15px;text-align:center}.AddClass .boundary .list th{color:#fff;font-size:18px;font-weight:700}.AddClass .boundary .list td{color:#000;font-size:18px;font-weight:700}.AddClass .boundary .list th.colspan{column-span:all}.AddClass .boundary .list .tb{align-items:center;display:flex;justify-content:center;margin-top:30px}.AddClass .boundary .list .FB-from{border-radius:30px;box-shadow:0 4px 4px 0 #0000004d;width:100%}.AddClass .boundary .list .FB-from .nonedata{padding:20px;text-align:center}.AddClass .boundary .list .FB-from tr{border-bottom:1px solid #000;text-align:center}.AddClass .boundary .list .FB-from tr:last-child{border-bottom:none}.AddClass .boundary .list .FB-from tr td{height:45px}.AddClass .boundary .list .FB-from th{background-color:#0b73a2;color:#fff;font-weight:700;height:45px}.AddClass .boundary .list .FB-from tr:hover{background-color:#f6f2f2}.AddClass .boundary .list .FB-from th{padding-left:30px;text-align:left}.AddClass .boundary .list .FB-from td{display:flex;justify-content:space-between;padding-left:30px}.AddClass .boundary .list tbody:after{clear:both}.AddClass .boundary .list .button .Edit{background-color:#ff8a00;border:none;border-radius:20px;box-shadow:0 4px 4px 0 #0000004d;color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:600;height:40px;margin-right:20px;width:80px}.AddClass .boundary .list .button .Edit:hover{transform:scale(1.1)}.AddClass .boundary .list .button .Delete{background-color:#f05454;border:none;border-radius:20px;box-shadow:0 4px 4px 0 #0000004d;color:#fff;cursor:pointer;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:600;height:40px;width:80px}.AddClass .boundary .list .button .Delete:hover{transform:scale(1.1)}.AddClass .boundary .RP{display:flex;justify-content:center;position:relative;width:100%;z-index:0}.AddClass .boundary .RP .pagination{align-items:center;display:flex;justify-content:center;list-style:none;margin-bottom:30px;margin-top:30px;text-align:center;width:100%}.AddClass .boundary .RP .pagination a{color:#1c7a6f;font-size:20px;font-weight:700;margin:2px;padding:5px 10px;text-align:center;text-decoration:none}.AddClass .boundary .RP .pagination a:hover{background-color:#1c7a6f;border-radius:5px;color:#fff}.AddSubject{display:flex;flex-direction:column;justify-content:flex-start;padding:0 10%}.AddSubject a{text-decoration:none}.AddSubject .search{width:100%}.AddSubject .search .search-text{align-items:center;border:2px solid #1c7a6f;border-radius:50px;display:flex;justify-content:space-around}.AddSubject .search .search-text input{align-items:center;background-color:#0000;border:none;color:#1c7a6f;display:flex;font-size:18px;font-weight:700;line-height:40px;padding:5px 20px;position:relative;width:100%;z-index:1}.AddSubject .search .search-text input:focus{outline:none}.AddSubject .search .search-text input::placeholder{color:#1c7a6f}.AddSubject .search .search-text button{background-color:#fff0;border:none}.AddSubject .search .search-text button svg{color:#b2d8d4;display:flex;height:30px;padding-right:12px;width:30px}.AddSubject .boundary{margin-bottom:20px;width:100%}.AddSubject .boundary .title{align-items:center;display:flex;justify-content:space-between;margin-top:35px}.AddSubject .boundary .title .listtitle{align-items:flex-end;color:#0b73a2;display:flex;font-size:24px;font-weight:700}.AddSubject .boundary .title .ByHand Button{background-color:#2d945c;border:none;border-radius:20px;box-shadow:0 4px 4px 0 #0000004d;color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:600;height:40px;padding:0 18px;width:80px}.AddSubject .boundary .title .ByHand Button:hover{transform:scale(1.1)}.AddSubject .boundary .list{display:flex;justify-content:center;margin-bottom:30px;margin-top:10px;width:100%}.AddSubject .boundary .list table{border-collapse:collapse;border-radius:20px 20px 0 0;border-radius:30px;box-shadow:0 4px 4px 0 #0000004d;color:#000;font-size:18px;font-weight:700;margin-top:20px;overflow:hidden;position:relative;width:100%}.AddSubject .boundary .list td,.AddSubject .boundary .list th{align-items:center;border:none;line-height:40px;padding:15px;text-align:center}.AddSubject .boundary .list td,.AddSubject .boundary .list th{color:#000;font-size:18px;font-weight:700}.AddSubject .boundary .list th.colspan{column-span:all}.AddSubject .boundary .list .tb{align-items:center;display:flex;justify-content:center;margin-top:30px}.AddSubject .boundary .list .FB-from{border-radius:30px;box-shadow:0 4px 4px 0 #0000004d;width:100%}.AddSubject .boundary .list .FB-from .nonedata{padding:20px;text-align:center}.AddSubject .boundary .list .FB-from tr{border-bottom:1px solid #000;text-align:center}.AddSubject .boundary .list .FB-from tr:last-child{border-bottom:none}.AddSubject .boundary .list .FB-from tr td{height:45px}.AddSubject .boundary .list .FB-from th{background-color:#0b73a2;color:#fff;font-weight:700;height:45px}.AddSubject .boundary .list .FB-from tr:hover{background-color:#f6f2f2}.AddSubject .boundary .list .FB-from th{padding-left:30px;text-align:left}.AddSubject .boundary .list .FB-from td{display:flex;justify-content:space-between;padding-left:30px}.AddSubject .boundary .list tbody:after{clear:both}.AddSubject .boundary .list .button .Edit{background-color:#ff8a00;border:none;border-radius:20px;box-shadow:0 4px 4px 0 #0000004d;color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:600;height:40px;margin-right:20px;width:80px}.AddSubject .boundary .list .button .Edit:hover{transform:scale(1.1)}.AddSubject .boundary .list .button .Delete{background-color:#f05454;border:none;border-radius:20px;box-shadow:0 4px 4px 0 #0000004d;color:#fff;cursor:pointer;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:600;height:40px;width:80px}.AddSubject .boundary .list .button .Delete:hover{transform:scale(1.1)}.AddSubject .boundary .RP{display:flex;justify-content:center;position:relative;width:100%;z-index:0}.AddSubject .boundary .RP .pagination{align-items:center;display:flex;justify-content:center;list-style:none;margin-bottom:30px;margin-top:30px;text-align:center;width:100%}.AddSubject .boundary .RP .pagination a{color:#1c7a6f;font-size:20px;font-weight:700;margin:2px;padding:5px 10px;text-align:center;text-decoration:none}.AddSubject .boundary .RP .pagination a:hover{background-color:#1c7a6f;border-radius:5px;color:#fff}.button{display:flex}.button .ByHand{border-radius:10px;width:100px}.button .ByHand .Edit{background-color:#ff8a00}.button .ByHand .Edit,.button .Delete{border:none;border-radius:20px;box-shadow:0 4px 4px 0 #0000004d;color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:18px;font-weight:600;height:40px;margin-right:20px;width:80px}.button .Delete{background-color:#f05454}.Exam .ex-content{display:flex;height:45vh;margin:0 20px}.Exam .ex-content .ex-left{display:flex;justify-content:flex-start;margin:10px;width:70%}.Exam .ex-content .ex-left p{font-size:24px}.Exam .ex-content .ex-right{display:flex;flex-direction:column;justify-content:space-between;width:30%}.BackCreate,.Exam .ex-bottom{display:flex;justify-content:center}.BackCreate{align-items:center;flex-direction:column;height:auto;padding:20px;width:100%}.BackCreate .Feedback-content{background:#fff;border:1px solid #1c7a6f}.BackCreate .Feedback-content .title-area{align-items:flex-end;display:flex;justify-content:space-evenly;margin:40px 0}.BackCreate .Feedback-content .title-area .title-area-title{color:#1c7a6f;font-size:24px;font-weight:700;text-align:center}.BackCreate .Feedback-content .tb{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:30px}.BackCreate .Feedback-content .tb .search{align-items:center;display:flex;justify-content:center;margin-bottom:25px;width:86%}.BackCreate .Feedback-content .tb .search .search-text{align-items:center;border:2px solid #00000080;border-radius:25px;display:flex;height:65px;justify-content:space-between;width:100%}.BackCreate .Feedback-content .tb .search .search-text input{align-items:center;background-color:#0000;border:none;color:#00000080;display:flex;font-size:18px;font-weight:600;padding:20px;position:relative;width:1000px;z-index:1}.BackCreate .Feedback-content .tb .search .search-text input:focus{color:#00000080;outline:none}.BackCreate .Feedback-content .tb textarea{overflow:auto;resize:none;scrollbar-color:#41b38a #d9d9d9;scrollbar-width:thin}.BackCreate .Feedback-content .tb .text-field{border:2px solid #00000080;border-radius:25px;color:#000;font-size:18px;font-weight:600;line-height:1.2;padding:20px;width:82%}.BackCreate .Feedback-content .tb textarea:focus{color:#00000080;outline:none}.BackCreate .Feedback-content .button{display:flex;justify-content:center;margin:30px}.BackCreate .Feedback-content .button .FB-button{background-color:#2a645d;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin:15px;padding:10px 20px;text-align:center;width:15%}.BackUserList{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;width:100%}.BackUserList a{text-decoration:none}.BackUserList .search{align-items:center;display:flex;justify-content:center}.BackUserList .search .search-text{align-items:center;border:2px solid #1c7a6f;border-radius:50px;display:flex;font-size:30px;height:40px;justify-content:space-between;width:1265px}.BackUserList .search .search-text input{align-items:center;background-color:#0000;border:none;color:#1c7a6f;display:flex;font-size:16px;font-weight:700;padding:20px;position:relative;width:1000px;z-index:1}.BackUserList .search .search-text input:focus{color:#1c7a6f;outline:none}.BackUserList .search .search-text svg{color:#888;display:flex;height:30px;padding-right:12px;width:30px}.BackUserList .boundary{width:82%}.BackUserList .boundary .listtitle{align-items:flex-end;color:#1f2c73;display:flex;font-size:24px;font-weight:700;margin-top:35px}.BackUserList .boundary .list{display:flex;justify-content:center;margin-top:10px;width:100%}.BackUserList .boundary .list table{border-collapse:collapse;border-radius:20px 20px 0 0;color:#000;font-size:18px;font-weight:700;margin-top:20px;overflow:hidden;width:100%}.BackUserList .boundary .list td,.BackUserList .boundary .list th{border:none;padding:15px;text-align:center}.BackUserList .boundary .list td,.BackUserList .boundary .list th{color:#000;font-size:18px;font-weight:700}.BackUserList .boundary .list th.colspan{column-span:all}.BackUserList .boundary .list .tb{align-items:center;display:flex;justify-content:center;margin-top:30px}.BackUserList .boundary .list .FB-from{width:90%}.BackUserList .boundary .list .FB-from tr{border-bottom:1px solid #000;text-align:center}.BackUserList .boundary .list .FB-from tr td{height:45px}.BackUserList .boundary .list .FB-from th{background-color:#1c7a6f80;color:#000;font-weight:700;height:45px}.BackUserList .boundary .list .FB-from tr:hover{background-color:#f6f2f2}.BackUserList .boundary .list .date{color:#000}.BackUserList .boundary .list .date:hover{color:#000;text-decoration:underline}.BackUserList .boundary .RP{display:contents}.BackUserList .boundary .RP .pagination{align-items:center;display:flex;justify-content:flex-end;list-style:none;margin-bottom:30px;margin-top:30px;text-align:center;width:95%}.BackUserList .boundary .RP .pagination a{color:#1c7a6f;font-size:20px;font-weight:700;margin:2px;padding:5px 10px;text-align:center;text-decoration:none}.BackUserList .boundary .RP .pagination a:hover{background-color:#1c7a6f;border-radius:5px;color:#fff}.BackUser{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;padding-top:20px;width:100%}.BackUser .Feedback-content{background:#fff;border:1px solid #1c7a6f}.BackUser .Feedback-content .title-area{align-items:flex-end;display:flex;justify-content:space-evenly;margin:40px 0}.BackUser .Feedback-content .title-area .title-area-title{color:#1c7a6f;font-size:24px;font-weight:700;text-align:center}.BackUser .Feedback-content .tb{align-items:center;display:flex;justify-content:space-between;margin-bottom:45px;margin-top:30px}.BackUser .Feedback-content .tb .tb-left{border-radius:30px;height:303px;margin:0 40px 0 55px;width:443px}.BackUser .Feedback-content .tb .tb-left .imgbox{display:flex;position:relative}.BackUser .Feedback-content .tb .tb-left .imgbox img{border:1px solid #1c7a6f;border-radius:30px;display:flex;height:100%;object-fit:scale-down;width:100%;z-index:1}.BackUser .Feedback-content .tb .tb-right .word{display:flex;flex-direction:column;padding:20px}.BackUser .Feedback-content .tb .tb-right .word .con-title{color:#000;display:flex;font-family:Noto Serif TC;font-size:18px;font-style:normal;font-weight:600;line-height:normal}.BackUser .Feedback-content .tb .tb-right .word .username{color:#979797;display:flex;flex-direction:column;flex-shrink:0;font-family:Noto Serif TC;font-size:18px;font-style:normal;font-weight:600;height:87px;justify-content:center;line-height:normal;width:409px}.BackUser .Feedback-content .button{display:flex;justify-content:flex-end;margin-right:60px}.BackUser .Feedback-content .button .FB-button{background-color:#2a645d;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin:15px;padding:10px 20px;text-align:center;text-decoration:none}*{font-family:Noto Serif TC}.BackUserEdit{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;padding-top:20px;width:100%}.BackUserEdit .Feedback-content{background:#fff;border:1px solid #1c7a6f}.BackUserEdit .Feedback-content .title-area{align-items:flex-end;display:flex;justify-content:space-evenly;margin:40px 0}.BackUserEdit .Feedback-content .title-area .title-area-title{color:#1c7a6f;font-size:24px;font-weight:700;text-align:center}.BackUserEdit .Feedback-content .tb{align-items:center;display:flex;justify-content:space-between;margin-bottom:45px;margin-top:30px}.BackUserEdit .Feedback-content .tb .tb-left{border-radius:30px;height:303px;margin:0 40px 0 55px;width:443px}.BackUserEdit .Feedback-content .tb .tb-left .imgbox{display:flex;position:relative}.BackUserEdit .Feedback-content .tb .tb-left .imgbox img{border:1px solid #1c7a6f;border-radius:30px;display:flex;height:100%;object-fit:scale-down;width:100%;z-index:1}.BackUserEdit .Feedback-content .tb .tb-right .word{display:flex;flex-direction:column;padding:20px}.BackUserEdit .Feedback-content .tb .tb-right .word .con-title{color:#000;display:flex;font-family:Noto Serif TC;font-size:18px;font-style:normal;font-weight:600;line-height:normal}.BackUserEdit .Feedback-content .tb .tb-right .word .username{color:#979797;display:flex;flex-direction:column;flex-shrink:0;font-family:Noto Serif TC;font-size:18px;font-style:normal;font-weight:600;height:87px;justify-content:center;line-height:normal;width:409px}.BackUserEdit .Feedback-content .button{display:flex;justify-content:flex-end;margin-right:60px}.BackUserEdit .Feedback-content .button .FB-button{background-color:#468b45}.BackUserEdit .Feedback-content .button .FB-button,.BackUserEdit .Feedback-content .button .FB-button1{border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin:15px;padding:10px 20px;text-align:center}.BackUserEdit .Feedback-content .button .FB-button1{background-color:#2a645d}.BackUserEdit .Feedback-content .button .FB-button2{background-color:#979090;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin:15px;padding:10px 20px;text-align:center;text-decoration:none}*{margin:0;padding:0}.BackManagement{background-image:url(/static/media/BG.34f314e7b06c77274b65.png);background-position:50%;background-size:50%;display:flex;flex-direction:column;height:100vh;width:100%}.BackManagement .TOP{display:flex;justify-content:center}.BackManagement .TOP p{color:#000;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:36px;font-weight:700;margin-right:10px}.BackManagement .GradeManagementin{display:flex;justify-content:space-around;margin:auto 20px}.BackManagement .GradeManagementin .StartButton{text-decoration:none}.BackManagement .GradeManagementin .one{align-items:center;background-color:#1f2c73;border-radius:100%;display:flex;flex-direction:column;height:400px;justify-content:center;width:400px}.BackManagement .GradeManagementin .one:hover{transform:scale(1.05)}.BackManagement .GradeManagementin .one p{color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:32px;font-weight:700;margin-bottom:15px}.BackManagement .GradeManagementin .two{align-items:center;background-color:#2a645d;border-radius:100%;display:flex;flex-direction:column;height:400px;justify-content:center;width:400px}.BackManagement .GradeManagementin .two:hover{transform:scale(1.05)}.BackManagement .GradeManagementin .two p{color:#fff;font-family:M PLUS Rounded\ 1c,sans-serif;font-size:32px;font-weight:700;margin-bottom:25px}