body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{display:flex;box-sizing:border-box;width:100%;max-width:100%;min-width:0;height:calc(100vh - 60px);padding-top:60px}.Login__Page{margin-top:-60px;width:100vw;height:100vh;padding-top:80px;background:#2ad2c9;background:linear-gradient(270deg,#2ad2c9,#cde2c1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.Login__Page .Login__Title{text-align:center;margin-bottom:20px}.Login__Page .Login__Page{width:360px;padding:8% 0 0;margin:auto}.Login__Page .Login__Form{position:relative;z-index:1;background:#fff;max-width:360px;margin:0 auto 100px;padding:45px;text-align:center;box-shadow:0 0 20px 0 rgba(0,0,0,.2),0 5px 5px 0 rgba(0,0,0,.24)}.Login__Page .Login__Form input{outline:0;background:#f2f2f2;width:100%;border:0;margin:0 0 15px;padding:15px;box-sizing:border-box;font-size:14px}.Login__Page .Login__Form .Login__Submit{outline:0;background:#2ad2c9;width:100%;border:0;padding:15px;color:#fff;font-size:14px;transition:all .3 ease;cursor:pointer}.Login__Page .Login__Form .Login__Submit:active,.Login__Page .Login__Form .Login__Submit:focus,.Login__Page .Login__Form .Login__Submit:hover{background:#2ad2c9}.Login__Page .Login__Form .message{margin:15px 0 0;color:#b3b3b3;font-size:12px}.Login__Page .Login__Form .message a{color:#2ad2c9;text-decoration:none}.Login__Page .Login__Form .register-Login__Form{display:none}.Login__Page .Login__Warn{color:#d4371b;font-size:12px}.Menu{width:270px;min-width:270px}.Menu .Menu__Title{top:-20px;line-height:50px;padding-left:20px}.Menu .Menu__Footer,.Menu .Menu__Title{position:fixed;left:0;width:100%;background:#2ad2c9;box-shadow:0 0 20px 0 rgba(0,0,0,.2),0 5px 5px 0 rgba(0,0,0,.1);color:#fff;text-decoration:none;z-index:100}.Menu .Menu__Footer{white-space:pre-line;bottom:0;line-height:30px;padding:10px 10px 10px 20px;font-weight:700}.Menu .Menu__Items{list-style:none;margin:20px 10px;padding:10px;box-shadow:0 0 5px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.1)}.Menu .Menu__Items .Menu__Items__Title{color:#888;cursor:default}.Menu .Menu__Items .Menu__Items__Title hr{margin:10px 0}.Menu .Menu__Items .Menu__Item{position:relative;cursor:pointer;line-height:45px;text-decoration:none;color:#888}.Menu .Menu__Items .Menu__Active{color:#2ad2c9;font-weight:700}.Menu .Menu__Items i{width:23px;text-align:center}.Menu .Menu__Items span{position:absolute;left:32px}.Home{margin-top:20px;width:1300px;height:2900px;border-radius:4px;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.Home .container{width:90%;height:90%;display:grid;grid-template-areas:"head       head" "nav        nav" "total      signup" "classInfo  payment" "freeTrial  paymentInfo" "upcoming   upcoming" "complete   complete";grid-template-columns:repeat(2,1fr);grid-template-rows:50px 50px 80px 400px repeat(3,1fr);grid-gap:32px;white-space:pre-line}.Users{height:100%;width:100%}.Users .Users_Wrap{display:flex;align-items:center}.Users .Users__Title{display:inline-block;margin-bottom:20px;margin-right:20px}.Users .Users_Input{width:100%;outline:none;padding:0 3px}.Users .User-deleteBtn{color:red;cursor:pointer}.Cell-deleteBtn,.Cell_center{display:flex;justify-content:center;align-items:center}.Cell-deleteBtn{color:#fff;cursor:pointer;background-color:red;height:30px;width:70px;font-size:12px;font-weight:700;border-radius:15px}.Cell-deleteBtn:hover{opacity:.5}.AddAdmin{margin-top:20px}.AddAdmin .AddAdmin-title{font-size:30px;font-weight:700}.AddAdmin .AddAdmin-subtitle{font-size:20px;font-weight:700;color:red}.AddAdmin .AddAdmin_inputs{width:500px;margin-top:30px;border:2px solid grey;border-radius:20px;padding:20px}.AddAdmin .AddAdmin_inputs .AddAdmin_ips_wrap{display:flex;margin-bottom:20px}.AddAdmin .AddAdmin_inputs .AddAdmin_ips-title{font-weight:700;width:80px}.AddAdmin .AddAdmin_inputs .AddAdmin_ips-input{width:100%;outline:none}.AddAdmin .AddAdmin_addBtn{margin-top:10px;background-color:#2ad2c9;width:150px;height:40px;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:20px;font-weight:700;font-size:20px;opacity:.5;pointer-events:none}.AddAdmin .AddAdmin_addBtn-active{opacity:1;pointer-events:auto;cursor:pointer}.AddNotice{margin-top:20px}.AddNotice .AddNotice-title{font-size:30px;font-weight:700}.AddNotice .AddNotice-subtitle{font-size:20px;font-weight:700;color:red}.AddNotice .AddNotice_inputs{width:500px;margin-top:30px;border:2px solid grey;border-radius:20px;padding:20px}.AddNotice .AddNotice_inputs .AddNotice_ips_wrap{display:flex;margin-bottom:20px}.AddNotice .AddNotice_inputs .AddNotice_ips-title{font-weight:700;width:80px}.AddNotice .AddNotice_inputs .AddNotice_ips-input{width:100%;outline:none}.AddNotice .AddNotice_addBtn{margin-top:10px;background-color:#2ad2c9;width:150px;height:40px;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:20px;font-weight:700;font-size:20px;opacity:.5;pointer-events:none}.AddNotice .AddNotice_addBtn-active{opacity:1;pointer-events:auto;cursor:pointer}.Words{height:100%;width:100%;padding:0 24px 20px}.Words,.Words .Words_wrap{min-width:0;max-width:100%;box-sizing:border-box}.Words .Words_wrap{padding:0 0 8px}.Words .Words_toolbar,.Words .Words_wrap{display:flex;flex-direction:column;align-items:stretch}.Words .Words_toolbarHead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;grid-gap:16px 24px;gap:16px 24px;margin-bottom:16px}.Words .Words__Title{margin:0;font-size:1.35rem;font-weight:600;line-height:1.3}.Words .Words_filterPanel{background:#f7f9fc;border:1px solid #e2e8f0;border-radius:10px;padding:14px 18px 16px;margin-bottom:4px}.Words .Words_filterPanelHeader{font-size:12px;font-weight:600;letter-spacing:.02em;color:#64748b;text-transform:uppercase;margin-bottom:12px}.Words .Words_filterRow{display:flex;flex-wrap:wrap;align-items:flex-end;grid-gap:14px 16px;gap:14px 16px;min-width:0}.Words .Words_filterField{min-width:0}.Words .Words_filterField--grow{flex:1 1 200px;max-width:100%}.Words .Words_filterField--book{flex:0 1 260px;min-width:200px;max-width:100%}.Words .Words_filterField--chapter{flex:0 1 240px;min-width:180px;max-width:100%}.Words .Words_filterField .MuiOutlinedInput-root{background:#fff}.Words .Words_filterSearchBtn{background-color:#2ad2c9!important;color:#fff!important;min-width:88px!important;height:40px!important;padding:0 20px!important;text-transform:none!important;flex-shrink:0}.Words .Words__hint{margin:12px 0 16px;max-width:960px;padding:0 2px;color:#64748b;font-size:13px;line-height:1.55}.Words .Words-editBtn{width:-moz-fit-content;width:fit-content;background-color:#2ad2c9;font-weight:700;color:#fff;padding:5px;display:flex;justify-content:center;align-items:center;height:30px;border-radius:15px;cursor:pointer}.Words .Words-editBtn:hover{opacity:.5}.Words .Words-deleteBtn{margin-top:10px;background-color:red;width:-moz-fit-content;width:fit-content;font-weight:700;color:#fff;padding:5px;display:flex;justify-content:center;align-items:center;height:30px;border-radius:15px;cursor:pointer}.Words .Words-deleteBtn:hover{opacity:.5}.Words .Words-textEng{font-weight:700}.Words .Words_Meaning .Meaning{padding:5px;border-radius:5px;display:flex;flex-direction:column}.Words .Words_Meaning .Meaning .Meaning_wrap{padding:5px;border-radius:5px}.Words .Words_Meaning .Meaning .Meaning_wrap .Meaning_wp-text{font-weight:700;padding:3px;border-radius:4px}.Words .Words_Meaning .Meaning .Meaning_wrap .Meaning_wp-wrongs{display:flex}.Words .Words_Meaning .Meaning .Meaning_wrap .Meaning_wp-wrongs .Meaning_wp-wrongs-wrongTag{margin-right:5px;padding:3px 5px;border-radius:10px;background-color:#a9a9a9;color:#fff;font-size:13px;font-weight:700}.Words .Words_Meaning .Meaning .ExampleSentence{padding:5px;border-radius:5px;display:flex;flex-direction:column;margin-left:30px;font-weight:700}.Words .Words_Meaning .Meaning .ExampleSentence .ExampleSentence-eng{width:100%;white-space:pre-wrap}.Words .Words_Meaning .Meaning .ExampleSentence .ExampleSentence_wrongs{display:flex}.Words .Words_Meaning .Meaning .ExampleSentence .ExampleSentence_wrongs .ExampleSentence_wr-wrongTag{margin-right:5px;padding:3px 5px;border-radius:10px;background-color:#a9a9a9;color:#fff;font-size:13px;font-weight:700}.Words .Words_Meaning .Meaning .ExampleSentence:hover,.Words .Words_Meaning .Meaning .Meaning_wrap:hover{background-color:#2ad2c9;color:#fff;cursor:pointer}.exbox-preview{width:-moz-fit-content;width:fit-content;cursor:help;background-color:#2ad2c9;color:#fff;font-weight:700;font-size:17px;padding:5px 3px;border-radius:5px}.exbox-previewImage{opacity:1;width:100%}.WordDialog_audio{margin-top:10px;display:flex;align-items:center}.WordDialog_audio .WordDialog_ad-editBtn{padding:3px 5px;cursor:pointer;border:2px dashed grey;color:#fff;background-color:#aaa;border-radius:6px}.WordDialog_audio .WordDialog_ad-editBtn:hover{opacity:.5}.WordDialog_audio .WordDialog_ad-fileName{margin-left:10px}.WordDialog_audio .WordDialog_ad-fileName:hover{cursor:pointer;background-color:#aaa}.SerialNum{height:100%;width:100%;padding:0 24px 20px}.SerialNum,.SerialNum .SerialNum_wrap{min-width:0;max-width:100%;box-sizing:border-box}.SerialNum .SerialNum_wrap{display:flex;flex-direction:column;align-items:stretch;padding:0 0 8px}.SerialNum .SerialNum_toolbar{display:flex;flex-direction:column;align-items:stretch;grid-gap:0;gap:0}.SerialNum .SerialNum_toolbarHead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;grid-gap:16px 24px;gap:16px 24px;margin-bottom:16px}.SerialNum .SerialNum__Title{margin:0;font-size:1.35rem;font-weight:600;line-height:1.3}.SerialNum .SerialNum_toolbarActions{display:flex;flex-wrap:wrap;align-items:center;grid-gap:10px;gap:10px}.SerialNum .SerialNum_btnPrimary{background-color:#2ad2c9!important}.SerialNum .SerialNum_btnAccent,.SerialNum .SerialNum_btnPrimary{color:#fff!important;padding-left:16px!important;padding-right:16px!important;text-transform:none!important}.SerialNum .SerialNum_btnAccent{background-color:#ff9800!important}.SerialNum .SerialNum_btnExport{margin-right:10px!important;border-color:#0d9488!important;color:#0d9488!important;padding-left:14px!important;padding-right:14px!important;text-transform:none!important}.SerialNum .SerialNum_btnExport:hover{background-color:rgba(13,148,136,.06)!important}.SerialNum .SerialNum_filterPanel{background:#f7f9fc;border:1px solid #e2e8f0;border-radius:10px;padding:14px 18px 16px;margin-bottom:4px}.SerialNum .SerialNum_filterPanelHeader{font-size:12px;font-weight:600;letter-spacing:.02em;color:#64748b;text-transform:uppercase;margin-bottom:12px}.SerialNum .SerialNum_filterRow{display:flex;flex-wrap:wrap;align-items:flex-end;grid-gap:14px 16px;gap:14px 16px;min-width:0}.SerialNum .SerialNum_filterField{min-width:0}.SerialNum .SerialNum_filterField--grow{flex:1 1 160px;max-width:100%}.SerialNum .SerialNum_filterField--select{min-width:120px;flex:0 1 148px;max-width:100%}.SerialNum .SerialNum_filterSearchBtn{background-color:#2ad2c9!important;color:#fff!important;min-width:88px!important;height:40px!important;padding:0 20px!important;text-transform:none!important;flex-shrink:0}.SerialNum .SerialNum_exportDialogSubmit{background-color:#0d9488!important;color:#fff!important;text-transform:none!important}.SerialNum .SerialNum__hint{margin:12px 0 16px;max-width:960px;padding:0 2px;color:#64748b;font-size:13px;line-height:1.55}.SerialNum .SerialNum-editBtn{background-color:#2ad2c9;font-weight:700;color:#fff;padding:5px;display:flex;justify-content:center;align-items:center;height:30px;border-radius:15px;cursor:pointer}.SerialNum .SerialNum-editBtn:hover{opacity:.5}.SerialNum .SerialNum-textEng{font-weight:700}.SerialNum .SerialNum-deleteBtn{background-color:red;width:-moz-fit-content;width:fit-content;font-weight:700;color:#fff;padding:5px;font-size:12px;display:flex;justify-content:center;align-items:center;height:30px;border-radius:15px;cursor:pointer}.SerialNum .SerialNum-deleteBtn:hover{opacity:.5}.Book{height:100%;width:100%;padding:0 24px 20px}.Book,.Book .Book_wrap{min-width:0;max-width:100%;box-sizing:border-box}.Book .Book_wrap{padding:0 0 8px}.Book .Book_toolbar,.Book .Book_wrap{display:flex;flex-direction:column;align-items:stretch}.Book .Book_toolbarHead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;grid-gap:16px 24px;gap:16px 24px;margin-bottom:16px}.Book .Book__Title{margin:0;font-size:1.35rem;font-weight:600;line-height:1.3}.Book .Book_toolbarActions{display:flex;flex-wrap:wrap;align-items:center;grid-gap:10px;gap:10px}.Book .Book_btnPrimary{background-color:#2ad2c9!important}.Book .Book_btnPrimary,.Book .Book_btnSecondary{color:#fff!important;padding-left:16px!important;padding-right:16px!important;text-transform:none!important}.Book .Book_btnSecondary{background-color:#6c63ff!important}.Book .Book_filterPanel{background:#f7f9fc;border:1px solid #e2e8f0;border-radius:10px;padding:14px 18px 16px;margin-bottom:4px}.Book .Book_filterPanelHeader{font-size:12px;font-weight:600;letter-spacing:.02em;color:#64748b;text-transform:uppercase;margin-bottom:12px}.Book .Book_filterRow{display:flex;flex-wrap:wrap;align-items:flex-end;grid-gap:14px 16px;gap:14px 16px;min-width:0}.Book .Book_filterField{min-width:0}.Book .Book_filterField--grow{flex:1 1 220px;max-width:100%}.Book .Book_filterSearchBtn{background-color:#2ad2c9!important;color:#fff!important;min-width:88px!important;height:40px!important;padding:0 20px!important;text-transform:none!important;flex-shrink:0}.Book .Book-editBtn{background-color:#2ad2c9;font-weight:700;color:#fff;padding:5px;display:flex;justify-content:center;align-items:center;height:30px;border-radius:15px;cursor:pointer}.Book .Book-editBtn:hover{opacity:.5}.Book .Book-title{font-weight:700}.Book .Book-coverUrl a{color:#2ad2c9;text-decoration:underline}.Book .Book-deleteBtn{background-color:red;width:-moz-fit-content;width:fit-content;font-weight:700;color:#fff;padding:5px;font-size:12px;display:flex;justify-content:center;align-items:center;height:30px;border-radius:15px;cursor:pointer}.Book .Book-deleteBtn:hover{opacity:.5}.Book .Book-uploadBtn{background-color:#6c63ff;font-weight:700;color:#fff;padding:5px;font-size:11px;display:flex;justify-content:center;align-items:center;height:30px;border-radius:15px;cursor:pointer}.Book .Book-uploadBtn:hover{opacity:.5}.Instashare{height:100%;width:100%}.Instashare .Instashare_wrap{display:flex;align-items:center}.Instashare .Instashare__Title{display:inline-block;margin-bottom:20px;margin-right:20px}.Instashare .Instashare-editBtn{background-color:#2ad2c9;font-weight:700;color:#fff;padding:5px;display:flex;justify-content:center;align-items:center;height:30px;border-radius:15px;cursor:pointer}.Instashare .Instashare-editBtn:hover{opacity:.5}.Instashare .Instashare-textEng{font-weight:700}.Inquiry{height:100%;width:100%}.Inquiry .Inquiry_wrap{display:flex;align-items:center}.Inquiry .Inquiry__Title{display:inline-block;margin-bottom:20px;margin-right:20px}.Inquiry .Inquiry-answer,.Inquiry .Inquiry-question{white-space:pre-wrap}.Inquiry .Inquiry-notAnswer{color:red}.Inquiry .Inquiry-answerbtn{width:100px;background-color:#2ad2c9;display:flex;align-items:center;justify-content:center;color:#fff;height:30px;border-radius:15px;font-weight:700;font-size:14px;cursor:pointer}.Inquiry .Inquiry-answerbtn:hover{opacity:.5}.Inquiry .Inquiry-textarea{width:100%}.Inquiry .Inquiry-editBtn{background-color:#2ad2c9;font-weight:700;color:#fff;padding:5px;display:flex;justify-content:center;align-items:center;height:30px;border-radius:15px;cursor:pointer}.Inquiry .Inquiry-editBtn:hover{opacity:.5}.Inquiry .Inquiry-textEng{font-weight:700}