.progress[data-v-12f8dda4]{display:flex;align-items:center;position:relative}.progress .onehundred-icon[data-v-12f8dda4]{position:absolute;width:24px;height:24px;border-radius:50%;background:#ffbf00;display:flex;align-items:center;justify-content:center}.progress .onehundred-icon svg[data-v-12f8dda4]{font-size:16px;color:#43266d}.progress .outside[data-v-12f8dda4]{flex:1;padding:3px;border-radius:15px;height:30px}.progress .bar[data-v-12f8dda4]{flex:1;width:100%;height:100%;display:flex;align-items:center;margin-right:10px;border-radius:15px;overflow:hidden}.progress .bar>div[data-v-12f8dda4]{height:100%}.progress .bar .left[data-v-12f8dda4]{border-radius:15px 0 0 15px}.progress .bar .right[data-v-12f8dda4]{background-color:#fff;border-radius:0 15px 15px 0}.progress .text[data-v-12f8dda4]{width:100px}.tooltip[data-v-12f8dda4]{display:flex;gap:5px;min-width:320px}.tooltip>div[data-v-12f8dda4]{flex:1;white-space:nowrap}.loading[data-v-12f8dda4]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(10,10,10,.4);display:flex;align-items:center;z-index:200}.loading .sk-folding-cube[data-v-12f8dda4]{margin:20px auto;width:40px;height:40px;position:relative;transform:rotate(45deg)}.loading .sk-folding-cube .sk-cube[data-v-12f8dda4]{float:left;width:50%;height:50%;position:relative;transform:scale(1.1)}.loading .sk-folding-cube .sk-cube[data-v-12f8dda4]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#43266d;animation:sk-foldCubeAngle-12f8dda4 2.4s linear infinite both;transform-origin:100% 100%}.loading .sk-folding-cube .sk-cube2[data-v-12f8dda4]{transform:scale(1.1) rotate(90deg)}.loading .sk-folding-cube .sk-cube3[data-v-12f8dda4]{transform:scale(1.1) rotate(180deg)}.loading .sk-folding-cube .sk-cube4[data-v-12f8dda4]{transform:scale(1.1) rotate(270deg)}.loading .sk-folding-cube .sk-cube2[data-v-12f8dda4]:before{animation-delay:.3s}.loading .sk-folding-cube .sk-cube3[data-v-12f8dda4]:before{animation-delay:.6s}.loading .sk-folding-cube .sk-cube4[data-v-12f8dda4]:before{animation-delay:.9s}@keyframes sk-foldCubeAngle-12f8dda4{0%,10%{transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{transform:perspective(140px) rotateX(0deg);opacity:1}90%,to{transform:perspective(140px) rotateY(180deg);opacity:0}}.progress[data-v-5ddc4e69]{display:flex;align-items:center;position:relative}.progress .onehundred-icon[data-v-5ddc4e69]{position:absolute;width:24px;height:24px;border-radius:50%;background:#ffbf00;display:flex;align-items:center;justify-content:center}.progress .onehundred-icon svg[data-v-5ddc4e69]{font-size:16px;color:#43266d}.progress .outside[data-v-5ddc4e69]{flex:1;padding:3px;border-radius:15px;height:30px}.progress .bar[data-v-5ddc4e69]{flex:1;width:100%;height:100%;display:flex;align-items:center;margin-right:10px;border-radius:15px;overflow:hidden}.progress .bar>div[data-v-5ddc4e69]{height:100%}.progress .bar .left[data-v-5ddc4e69]{border-radius:15px 0 0 15px}.progress .bar .right[data-v-5ddc4e69]{background-color:#fff;border-radius:0 15px 15px 0}.progress .text[data-v-5ddc4e69]{width:100px}.tooltip[data-v-5ddc4e69]{display:flex;gap:5px;min-width:320px}.tooltip>div[data-v-5ddc4e69]{flex:1;white-space:nowrap}.lightbox[data-v-5ddc4e69]{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.7);z-index:200;display:flex;align-items:center;justify-content:center;cursor:pointer}.lightbox img[data-v-5ddc4e69]{max-width:90%;max-height:85vh;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.4)}.myGrade[data-v-5ddc4e69]{background:#ffbf00;min-height:100vh;padding:80px 0 50px;position:relative}.myGrade>div[data-v-5ddc4e69]:first-child{display:flex;justify-content:space-between}.myGrade>div:first-child>div[data-v-5ddc4e69]{position:absolute;top:105px}.myGrade>div:first-child>div[data-v-5ddc4e69]:first-child{left:5%}.myGrade>div:first-child>div[data-v-5ddc4e69]:last-child{right:5%}.myGrade>div:first-child button[data-v-5ddc4e69]{padding:8px 20px}.myGrade>div[data-v-5ddc4e69]:nth-child(2){font-size:36px;font-weight:700;text-align:center;color:#43266d;margin-bottom:38px}.myGrade>div[data-v-5ddc4e69]:nth-child(3){border-radius:20px;border:3px solid #000;background-color:#fff;width:90%;margin:0 auto;padding:20px}.myGrade>div:nth-child(3) .tbody .apcsConceptScore[data-v-5ddc4e69],.myGrade>div:nth-child(3) .tbody .apcsImpScore[data-v-5ddc4e69],.myGrade>div:nth-child(3) .thead .apcsConceptScore[data-v-5ddc4e69],.myGrade>div:nth-child(3) .thead .apcsImpScore[data-v-5ddc4e69]{flex:1}.myGrade>div:nth-child(3) .tbody .cpeScore[data-v-5ddc4e69],.myGrade>div:nth-child(3) .tbody .date[data-v-5ddc4e69],.myGrade>div:nth-child(3) .thead .cpeScore[data-v-5ddc4e69],.myGrade>div:nth-child(3) .thead .date[data-v-5ddc4e69]{flex:0.7}.myGrade>div:nth-child(3) .tbody .apcsConceptLv[data-v-5ddc4e69],.myGrade>div:nth-child(3) .tbody .apcsImpLv[data-v-5ddc4e69],.myGrade>div:nth-child(3) .tbody .cpeLv[data-v-5ddc4e69],.myGrade>div:nth-child(3) .tbody .isShow[data-v-5ddc4e69],.myGrade>div:nth-child(3) .thead .apcsConceptLv[data-v-5ddc4e69],.myGrade>div:nth-child(3) .thead .apcsImpLv[data-v-5ddc4e69],.myGrade>div:nth-child(3) .thead .cpeLv[data-v-5ddc4e69],.myGrade>div:nth-child(3) .thead .isShow[data-v-5ddc4e69]{flex:0.4}.myGrade>div:nth-child(3) .tbody .transcript[data-v-5ddc4e69],.myGrade>div:nth-child(3) .thead .transcript[data-v-5ddc4e69]{flex:0.5;display:flex;align-items:center;justify-content:center}.myGrade>div:nth-child(3) .tbody .transcript .transcriptPreview[data-v-5ddc4e69],.myGrade>div:nth-child(3) .thead .transcript .transcriptPreview[data-v-5ddc4e69]{display:block;cursor:pointer}.myGrade>div:nth-child(3) .tbody .transcript .transcriptPreview .thumbImg[data-v-5ddc4e69],.myGrade>div:nth-child(3) .thead .transcript .transcriptPreview .thumbImg[data-v-5ddc4e69]{width:40px;height:40px;-o-object-fit:cover;object-fit:cover;border-radius:4px;border:1px solid #ddd}.myGrade>div:nth-child(3) .tbody .transcript .transcriptPreview .pdfIcon[data-v-5ddc4e69],.myGrade>div:nth-child(3) .thead .transcript .transcriptPreview .pdfIcon[data-v-5ddc4e69]{font-size:28px;color:#d32f2f}.myGrade>div:nth-child(3) .tbody .transcript .noFile[data-v-5ddc4e69],.myGrade>div:nth-child(3) .thead .transcript .noFile[data-v-5ddc4e69]{color:#bbb}.myGrade>div:nth-child(3) .tbody .best[data-v-5ddc4e69],.myGrade>div:nth-child(3) .thead .best[data-v-5ddc4e69]{color:#43266d;font-weight:700;position:relative}.myGrade>div:nth-child(3) .tbody .best[data-v-5ddc4e69]:after,.myGrade>div:nth-child(3) .thead .best[data-v-5ddc4e69]:after{content:"★";font-size:10px;margin-left:2px;vertical-align:super}.myGrade>div:nth-child(3) .tbody .actions[data-v-5ddc4e69],.myGrade>div:nth-child(3) .thead .actions[data-v-5ddc4e69]{width:80px}.myGrade>div:nth-child(3) .tbody .actions svg[data-v-5ddc4e69],.myGrade>div:nth-child(3) .thead .actions svg[data-v-5ddc4e69]{margin-left:10px}@media (max-width:768px){.myGrade>div[data-v-5ddc4e69]:nth-child(3){width:95%;padding:10px;overflow-x:auto}.myGrade>div:nth-child(3) .tbody .row[data-v-5ddc4e69],.myGrade>div:nth-child(3) .thead[data-v-5ddc4e69]{min-width:700px}}.myGrade .scoreAddEdit[data-v-5ddc4e69]{z-index:100;position:fixed;top:0;left:-300px;background:#fafafa;box-shadow:2px 0 6px rgba(34,34,34,.372);width:300px;height:100vh}.myGrade .scoreAddEdit.slideIn[data-v-5ddc4e69]{animation:slideIn .5s ease-in;left:0}.myGrade .scoreAddEdit.slideOut[data-v-5ddc4e69]{animation:slideOut .5s ease-in;left:-300px}.myGrade .scoreAddEdit>div.content[data-v-5ddc4e69]{padding:8px 15px}.myGrade .scoreAddEdit>div.content .title[data-v-5ddc4e69]{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:20px}.myGrade .scoreAddEdit>div.content .title>div[data-v-5ddc4e69]:first-child{color:#43266d;font-weight:500}.myGrade .scoreAddEdit>div.content .form>div[data-v-5ddc4e69]{margin-bottom:12px}.myGrade .scoreAddEdit>div.content .form>div div[data-v-5ddc4e69]{font-size:14px;font-weight:500;color:#43266d;margin:0 0 4px 5px}.myGrade .scoreAddEdit>div.content .form>div input[data-v-5ddc4e69]{height:36px}.myGrade .scoreAddEdit>div.content .form>div .selectDiv[data-v-5ddc4e69]{position:relative}.myGrade .scoreAddEdit>div.content .form>div .selectDiv select[data-v-5ddc4e69]:disabled{cursor:default;border:1px solid #4f4f4f}.myGrade .scoreAddEdit>div.content .form>div .uploadBtn[data-v-5ddc4e69]{width:100%;height:36px;font-size:14px;cursor:pointer}.myGrade .scoreAddEdit>div.content .form>div .formPreview[data-v-5ddc4e69]{margin-top:8px;text-align:center}.myGrade .scoreAddEdit>div.content .form>div .formPreview img[data-v-5ddc4e69]{max-width:100%;max-height:160px;border-radius:6px;border:1px solid #ddd}.myGrade .scoreAddEdit>div.content .form>div .formPreview .pdfTag[data-v-5ddc4e69]{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:#fce4ec;border-radius:6px;color:#d32f2f;font-weight:600}.myGrade .scoreAddEdit>div.content .form>div .formPreview .pdfTag svg[data-v-5ddc4e69]{font-size:24px}.myGrade .scoreAddEdit>div.content .form>div .chooseActive[data-v-5ddc4e69]{display:flex;align-items:center}.myGrade .scoreAddEdit>div.content .form>div .chooseActive>div[data-v-5ddc4e69]{display:flex;align-items:center;margin-right:8px}.myGrade .scoreAddEdit>div.content .form>div .chooseActive>div input[data-v-5ddc4e69]{margin-right:5px;height:20px}.myGrade .scoreAddEdit>div.content .btn[data-v-5ddc4e69]{height:36px;margin-top:45px}.myGrade .scoreAddEdit>div.deco[data-v-5ddc4e69]{width:100%;height:8px;background:#43266d}