.cdt-content-nontest{margin:0 auto;padding:2rem;width:60%}.cdt-content-nontest .rubric-block{font-size:1.125rem}.cdt-content-nontest .rubric-block [class^=sp-]{margin-right:.5rem}.cdt-content-nontest .column{background:#f6f8fc;margin-top:1rem;padding:2rem}.cdt-content-nontest .column .title{font-size:1.25rem;margin-bottom:.5rem}.cdt-content-nontest .column .dot-list{margin-left:2rem}.cdt-content-nontest .column .notice-info{margin-top:1rem}.cdt-content-nontest .column .button-wrap{margin-top:2rem;text-align:center}.cdt-content-nontest .column .button-wrap .button{background:#fff;border:1px solid #b9c4d9;border-radius:4px;color:#4e7cc8;display:inline-block;font-size:1rem;padding:8px 0 10px;position:relative;text-transform:capitalize;width:15rem;z-index:1}.cdt-content-nontest .column .button-wrap .button:hover{box-shadow:0 5px 2px #dae2ef}.cdt-content-nontest .column .notice-info.start-test{margin-top:2rem;text-align:center}.cdt-content-nontest .column .notice-info.start-test+.button-wrap{margin-top:1rem}.cdt-content{box-sizing:border-box;display:none;height:calc(100vh - 95px);padding:2rem 2rem 3.5rem}main .cdt-content:first-child{display:block}.cdt-content img{max-width:100%}.cdt-content>.column{background:#f6f8fc;box-sizing:border-box;height:90%;margin-top:2rem;min-height:470px;overflow-y:auto;padding:2rem}.cdt-content>.column .title{margin-bottom:2rem}.cdt-content>.column .title em{font-weight:700}.cdt-content>.column .title em+p{margin-top:.5rem}.cdt-content>.column.multistage{overflow:visible;padding:0!important}.cdt-content>.column.multistage.writing{height:85%}.cdt-content>.column.multistage.speaking{height:80%}.cdt-content>.column.multistage .left{box-sizing:border-box;float:left;height:100%;overflow:auto;overflow-x:hidden;padding:2rem;width:50%}.cdt-content>.column.multistage .right{box-sizing:border-box;float:right;height:100%;overflow:auto;padding:2rem;width:50%}body.writing .cdt-content>.column.multistage .right{overflow:hidden}.cdt-content>.column .question{font-size:100%;margin-bottom:1rem}.cdt-content>.column .question-ib{display:inline-block;font-size:100%;margin-bottom:0}.cdt-content>.column [class^=question] .num{display:inline-block;font-weight:700;margin-right:.4rem}.cdt-content>.column .tbl-basic .question{margin-bottom:0}.cdt-content .rubric-block{background:#fff;border:1px solid #b9c4d9;font-size:1.125rem;font-weight:700;padding:10px 1.5rem}.cdt-content .rubric-block i{display:inline-block;font-style:italic;margin-left:.5rem}.cdt-content .rubric-block .small-text{display:block;font-size:90%;font-weight:400}.given-text div+p,.given-text p+div,.given-text p+p{margin-top:1.5rem}.given-text p+ul{margin:.5rem 0 1.5rem}.given-text p i{font-style:italic}.given-text img{max-width:100%}.involve-order{padding-left:2rem;position:relative}.involve-order .order{display:inline-block;font-weight:700;left:0;position:absolute;top:0;width:auto}.involve-order+.involve-order{margin-top:1.5rem}ul.involve-order{padding-left:0}ul.involve-order li{line-height:160%;padding-left:1.5rem;position:relative}ul.involve-order li+li{margin-top:1rem}ul.involve-order li .order{left:0}.multiple-choice .objective{margin-bottom:3rem}.multiple-choice .question{margin-bottom:1rem}.multiple-choice .question .num{font-weight:700}.multiple-choice .item input+label{margin-left:5px}.multiple-choice .item li~li{margin-top:.5rem}.multiple-choice.col2 .objective{float:left;height:10rem;margin-bottom:2rem;width:48%}.multiple-choice.col2 .objective:nth-of-type(2n){float:right}.title+.multiple-choice.accordion{margin-top:-1rem}.multiple-choice.accordion .tab-list~.tab-list{margin-top:1rem}.multiple-choice.accordion .tab-list p{background:linear-gradient(#f7f9ff 50%,#f0f3f9 0);border:1px solid #afbbd4;cursor:pointer;letter-spacing:-1px;padding:.5rem 1rem}.multiple-choice.accordion .tab-list p:hover{background:linear-gradient(#e8ecf7 50%,#dee0f2 0)}.multiple-choice.accordion .tab-list .num{font-weight:700}.multiple-choice.accordion .tab-list .item{display:none;margin-top:.5rem;padding-left:1rem}.multiple-choice.accordion .tab-list.open .item{display:block}.multiple-choice.accordion .tab-list.open p{background:#fff}.labelling{display:inline-block;width:100%}.labelling .given{float:left;width:50%}.labelling .check-tbl{float:right;width:50%}.labelling .check-tbl table{border:1px solid #333;border-collapse:collapse;border-spacing:0;width:100%}.labelling .check-tbl table thead{background:#c3d9ff}.labelling .check-tbl table thead th{border-left:1px solid #333;padding:5px 0}.labelling .check-tbl table tbody tr:hover{background:#e8f0ff}.labelling .check-tbl table tbody td,.labelling .check-tbl table tbody th{border:1px solid #333;padding:5px 0}.labelling .check-tbl table tbody th{text-align:left;text-indent:1rem}.labelling .check-tbl table tbody td{border-left:1px solid #333;position:relative;text-align:center}.labelling .check-tbl table tbody td input[type=checkbox],.labelling .check-tbl table tbody td input[type=radio]{display:none}.labelling .check-tbl table tbody td input[type=checkbox]+label,.labelling .check-tbl table tbody td input[type=radio]+label{cursor:pointer;display:block;height:100%;left:0;position:absolute;top:0;width:100%}.labelling .check-tbl table tbody td input[type=checkbox]:checked+label,.labelling .check-tbl table tbody td input[type=radio]:checked+label{background:url(https://static.edmclass.com/cdt/icon_check_green.png) 50% no-repeat}.matching .slot{box-sizing:border-box;display:block;margin-bottom:10px;max-width:100%;min-height:36px;padding:0;vertical-align:top;width:100%}.matching .slot:empty{background:#fff;border:1px solid #b9c4d9;padding:5px 10px;width:40%}.matching .slot:empty.focus{background:#e6f0fd;border:1px solid #4e7cd5}.matching .drag-item{background:#fff;border:1px solid #b9c4d9;box-sizing:border-box;color:#333;cursor:pointer;display:block;font-weight:700;line-height:160%;padding:5px 10px;width:100%}.matching .drag-item~.drag-item{margin-top:.5rem}.matching .slot.drag-enter{background:#e6f0fd;border:1px dashed #4e7cd5;display:block;height:36px;padding:0;width:40%}.matching .slot .drag-item{display:inline-block;margin-top:0;width:100%}.matching .involve-order{padding:0;position:inherit}.matching .involve-order:after{clear:both;content:"";display:block;width:100%}.matching .involve-order .order{float:left;left:auto;position:relative;top:auto;width:5%}.matching .involve-order .context{float:right;margin:0;width:94%}.highlight,.highlighted{background-color:#ff0}.right-click-menu{background:#fff;border:1px solid #fff;box-shadow:0 0 5px rgba(0,0,0,.2);width:140px;z-index:100}.right-click-menu .button{-webkit-appearance:none;padding:4px;text-transform:capitalize}.right-click-menu .button img{margin-right:5px}.right-click-menu .button:hover{background:#39f}.right-click-menu .pop-note{box-shadow:0 0 5px rgba(0,0,0,.2);display:none;font-size:.875rem;left:-1px;position:absolute;top:-1px;width:225px}.right-click-menu .pop-note .pop-menu{background-color:#e4c82f;border-bottom:1px solid #5a5a5a;height:30px;position:relative;text-align:right;width:100%}.right-click-menu .pop-note .pop-menu button{-webkit-appearance:none;background:none;border:none;position:Absolute;right:5px;top:4px}.right-click-menu .pop-note #cwt{background-color:#fff046;min-height:200px;padding:10px}.completion{line-height:2rem;overflow-wrap:break-word}.completion input[type=text]{border:1px solid #b9c4d9;box-sizing:border-box;padding:5px;width:150px}.completion input[type=text]:focus{background:#e6f0fd;border:1px solid #4e7cd5;outline:none}.completion input[type=text].wide{width:90%}.completion input[type=text].expandable{max-width:100%;min-width:150px}.completion .dot-list li:before{top:.9rem}.completion .context{line-height:2rem;overflow-wrap:break-word}.completion .context .dot-list li:before{top:1.2rem}.completion .context p+p{margin-top:1.5rem}.writing-area{background-color:#fff;border:1px solid #b9c4d9;height:100%;overflow:hidden;width:100%}.writing-area textarea{background-color:transparent;border:none;box-sizing:border-box;height:100%!important;overflow-wrap:break-word;padding:10px;width:100%}.writing-area .num{color:#666;display:block;font-size:.92rem;width:100%}.speaking-record{background:#fff;border:1px solid #b9c4d9;padding:1rem}.speaking-record .part em{display:block;font-weight:700;margin-bottom:10px;text-transform:uppercase}.speaking-record .part .select-btn:after{clear:both;content:"";display:block;width:100%}.speaking-record .part .select-btn span{background:#8aa0cb;border:1px solid #8aa0cb;box-sizing:border-box;color:#fff;cursor:pointer;display:block;float:left;padding:10px 0;text-align:center;width:49%}.speaking-record .part .select-btn span [class^=icon]{background:url(/ielts/lib/images/subpage/writing/sp_writing.png);display:inline-block;height:20px;margin-right:5px;vertical-align:middle;width:20px}.speaking-record .part .select-btn span .icon-upload{background-position:-85px 0}.speaking-record .part .select-btn span .icon-mike{background-position:-145px 0}.speaking-record .part .select-btn span.active{background:#fff;border-color:#333;color:#333;font-weight:700}.speaking-record .part .select-btn span.active .icon-upload{background-position:-55px 0}.speaking-record .part .select-btn span.active .icon-mike{background-position:-115px 0}.speaking-record .part .select-btn span+span{margin-left:2%}.speaking-record .part [class*=item-]{margin-top:10px}.speaking-record .part [class*=item-]:after{clear:both;content:"";display:block;width:100%}.speaking-record .part [class*=item-] [class*=-file]{border:1px solid #ddd;box-sizing:border-box;display:block;float:left;height:40px;padding:0;position:relative;width:49%}.speaking-record .part [class*=item-] [class*=-file]+[class*=-file]{margin-left:2%}.speaking-record .part [class*=item-] input[type=file]{border:none;box-sizing:border-box;height:100%;line-height:100%;padding:5px;width:100%}.speaking-record .part [class*=item-] [class*=-file] .read-wrap audio{border-radius:0;height:40px;width:100%}.speaking-record .part [class*=item-] input[type=file]+.btn{background:#fff;border:none;border-left:1px solid #ddd;box-shadow:none;cursor:pointer;font-size:14px;height:38px;letter-spacing:-1px;margin-left:-1px;position:absolute;right:0;top:0;width:20%}.speaking-record .part .item-record .record-file{padding:4px}.speaking-record .part .item-record .play-file,.speaking-record .part .item-upload .play-file{border:none;height:auto}.speaking-record .part .item-record .record-file .record-btn{border-radius:20px;color:#fff;display:inline-block;font-size:.92rem;height:30px;letter-spacing:-1px;line-height:28px;padding:0 20px}.speaking-record .part .item-record .record-file .record-btn:before{background:url(/ielts/lib/images/subpage/writing/sp_writing.png);content:"";display:inline-block;height:20px;vertical-align:middle;width:20px}.speaking-record .part .item-record .record-file .record-btn.play{background:#f33939}.speaking-record .part .item-record .record-file .record-btn.stop{background:#666}.speaking-record .part .item-record .record-file .record-btn.play:before{background-position:-265px 4px;content:""}.speaking-record .part .item-record .record-file .record-btn.stop:before{background-position:-235px 4px;content:""}.speaking-record .part .item-record .record-file .timer{color:#666;font-size:90%;margin-left:10px}.pop-wrap{background:rgba(0,0,0,.5);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:100}.pop-container{border-radius:10px;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);width:770px}.pop-fixtop{background:#8caae4;color:#fff;padding:.8rem 1.5rem .5rem;position:relative}.pop-fixtop h2{font-size:1.2rem}.pop-fixtop .sp-close{cursor:pointer;height:20px;margin-top:-10px;position:absolute;right:1.5rem;text-indent:-999px;top:50%;width:20px}.pop-content{background:#fff;box-sizing:border-box;height:500px;overflow-y:auto;padding:2rem 1.5rem;width:100%}.pop-content .tab-menu{border-bottom:1px solid #6684bd;margin-bottom:2rem;position:relative;width:100%;z-index:1}.pop-content .tab-menu:after{clear:both;content:"";display:block;width:100%}.pop-content .tab-menu a{background:#e8eff9;border:1px solid #b9c4d9;border-bottom:0;border-radius:9px 9px 0 0;color:#585d62;display:inline-block;float:left;margin-bottom:-1px;padding:5px 1rem;position:relative;z-index:-1}.pop-content .tab-menu a~a{margin-left:.5rem}.pop-content .tab-menu a.active{background:#fff;border:1px solid #6684bd;border-bottom:2px solid #fff;color:#333;font-weight:700;margin-bottom:-2px;z-index:2}.pop-content .tab-content~.tab-content{display:none}.pop-content .tit{font-weight:700}.pop-content .con{margin:1rem 0}.pop-content .con ul{padding-left:2rem}.pop-content .con p+p{margin-top:10px}.pop-content .con+h3{margin-top:2rem}.pop-content .con .ex-img{margin-right:1rem}.pop-content .con .ex-img,.pop-content .con .ko{display:inline-block;vertical-align:middle}.pop-content .con .en{display:none}.pop-content.settings{height:320px}.pop-content.settings .column{margin:2rem auto 0;width:90%}.pop-content.settings .column:after{clear:both;content:"";display:block;width:100%}.pop-content.settings .column .col3{float:left;margin-left:5%;width:30%}.pop-content.settings .column .col3:nth-of-type(3n+1){margin-left:0}.pop-content.settings .column .col3 strong{display:block;font-size:1.08rem;margin-bottom:.5rem}.pop-content.settings .column .col3 span{display:block}.pop-content.settings .column .col3 span input+label{margin-left:.5rem}.pop-content.hidden{height:260px}.pop-content .button-wrap{margin-top:2rem;text-align:center}.pop-content .button-wrap .button{background:#fff;border:1px solid #b9c4d9;border-radius:4px;color:#4e7cc8;display:inline-block;font-size:1rem;padding:8px 0 10px;position:relative;text-transform:capitalize;width:15rem;z-index:1}.pop-content .button-wrap .button:hover{box-shadow:0 5px 2px #dae2ef}hr{border:transparent;border-top:1px solid #b9c4d9}.illust{margin:0 auto;text-align:center}.illust .tit{margin-bottom:1rem}.illust img{max-width:100%}.context{margin-top:1rem;word-break:keep-all}.large-title{font-size:2rem;margin-bottom:1rem}.large-title .exp{display:block;font-size:70%}.exp{color:#666;font-size:80%;margin-top:.5rem}.t-center{text-align:center}.t-right{text-align:right}.t-left{text-align:left}.t-bold{font-weight:700}.t-underline{text-decoration:underline}.chk~.chk{margin-left:1rem}.chk label+input{margin-left:.5rem}.chk input+label{margin-left:5px}.box-basic,.box-line{box-sizing:border-box;max-width:100%;padding:1rem;width:650px}.box-line{border:2px solid #b9c4d9;margin:1rem 0}body.writing .box-line{margin:0}.box-hidden{display:none}[class^=box-] p+p,[class^=box-]+p{margin-top:1rem}.tbl-basic{font-size:.875rem;width:100%}.tbl-basic p{line-height:140%}.tbl-basic strong{font-size:1rem}.tbl-basic p+table{margin-top:.5rem}.tbl-basic table{border-collapse:collapse;border-spacing:0;border-top:1px solid #b9c4d9;width:100%}.tbl-basic thead{background:#e6f0fd}.tbl-basic td,.tbl-basic th{border-bottom:1px solid #b9c4d9;padding:5px}.tbl-basic .center{text-align:center}.context+.context,.context+.tbl-basic,.tbl-basic+.context,.tbl-basic+.tbl-basic{margin-top:2rem}.tbl-basic.v-top td,.tbl-basic.v-top th{vertical-align:top}.tbl-basic.v-line td,.tbl-basic.v-line th{border-right:1px solid #b9c4d9}.tbl-basic.v-line tr td:first-child,.tbl-basic.v-line tr th:first-child{border-left:1px solid #b9c4d9}.v-align-reset input,.v-align-reset label{vertical-align:inherit}.right-click-menu{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,.2);display:none;padding:8px 0;position:fixed;z-index:1000}.right-click-menu .button{background:none;border:none;cursor:pointer;display:block;font-size:14px;padding:8px 12px;text-align:left;white-space:nowrap;width:100%}.right-click-menu .button:hover{background-color:#f5f5f5}.right-click-menu .button img{height:16px;margin-right:8px;vertical-align:middle;width:16px}#globalPopNote{background-color:#fff9c4;border-radius:2px;box-shadow:1px 2px 6px rgba(0,0,0,.2);display:none;padding:15px;position:absolute;width:300px;z-index:98}.pop-menu{border-bottom:1px dashed rgba(0,0,0,.1);display:flex;justify-content:flex-end;margin-bottom:8px;padding-bottom:8px}.pop-menu button{background:#e4c82f;border:none;border-radius:3px;color:#000;cursor:pointer;font-weight:700;padding:3px 8px}.pop-menu button:hover{background:#d3b92e}.note-editor{background-color:transparent;color:#424242;font-family:Comic Sans MS,cursive,sans-serif;font-size:14px;height:170px;line-height:1.5;outline:none;overflow-y:auto}.note-editor:focus{border:none!important;box-shadow:none!important;outline:none!important}.inline-note-icon{align-items:center;background-color:rgba(255,240,70,.7);border-radius:50%;box-shadow:1px 1px 2px rgba(0,0,0,.2);cursor:move;display:flex!important;height:24px;justify-content:center;opacity:.7;position:absolute;transition:transform .1s ease,opacity .2s ease;user-select:none;width:24px;z-index:99}.inline-note-icon:hover{box-shadow:0 0 5px rgba(0,0,0,.2);opacity:1;transform:scale(1.2)}.inline-note-icon:active{opacity:.9;transform:scale(1.1)}.inline-note-icon.has-content{background-color:rgba(255,240,70,.9)}.inline-note-icon svg{fill:#5d5805;margin-left:2px;pointer-events:none}.recording-header{border-bottom:1px solid #eee;margin-bottom:15px;padding-bottom:10px}.recording-header h3{color:#333;font-size:18px;margin:0}.recorder-tabs{margin-bottom:20px}.recorder-tabs .tab-list{border-bottom:1px solid #ddd;display:flex;list-style:none;margin:0;padding:0}.tab-item{margin-right:5px;white-space:nowrap}.tab-btn{align-items:center;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 15px}.tab-btn.active{border-bottom:2px solid #1a73e8;color:#1a73e8}.tab-panel{background:#fff;border:1px solid #eee;border-radius:4px;display:none;padding:15px}.tab-panel.active{display:block}.recorder-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.record-timer{background:#f0f0f0;border-radius:4px;color:#333;font-family:monospace;font-size:24px;font-weight:700;min-width:80px;padding:10px 15px;text-align:center}.control-buttons{display:flex;gap:10px}.btn-pause,.btn-record,.btn-stop,.btn-upload{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;gap:5px;padding:8px 15px}.btn-record{background-color:#d23f31;color:#fff}.btn-record.recording{animation:pulse 1.5s infinite;background-color:#d23f31}.btn-pause{background-color:#f5a623;color:#fff}.btn-stop{background-color:#5f6368;color:#fff}.btn-upload{background-color:#1a73e8;color:#fff}.reset-container{margin-top:15px;text-align:right}.btn-reset{align-items:center;background-color:#ea4335;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;gap:5px;padding:5px 10px}.btn-reset:hover{background-color:#d32f2f}.btn-pause:disabled,.btn-record:disabled,.btn-stop:disabled,.btn-upload:disabled{background-color:#f1f3f4;color:#9aa0a6;cursor:not-allowed}.recorder-status,.upload-status{color:#5f6368;font-size:14px;margin-bottom:15px}.audio-preview{display:none;margin-top:20px}.audio-label{color:#5f6368;font-size:14px;margin-bottom:8px}.file-upload-controls{align-items:center;display:flex;margin-bottom:15px}.file-input-wrapper{align-items:center;display:flex;flex:1;margin-right:10px}.file-input{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0}.file-label{align-items:center;background-color:#1a73e8;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;gap:5px;padding:8px 15px}.file-name{color:#5f6368;font-size:14px;margin-left:10px;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.submission-status{border:1px solid #eee;border-radius:4px;margin-top:15px;padding:10px}.status-indicator{align-items:center;display:flex;gap:8px}.status-icon{background-color:#9aa0a6;border-radius:50%;height:12px;width:12px}.status-icon.success{background-color:#34a853}.status-icon.error{background-color:#ea4335}.status-icon.recording{animation:pulse 1.5s infinite;background-color:#d23f31}.status-icon.uploading{background-color:#1a73e8}.status-text{color:#5f6368;font-size:14px}.speaking-submit-container{margin:30px 0;text-align:center}.submit-btn{background-color:#34a853;border:none;border-radius:4px;color:#fff;cursor:pointer;display:none;font-size:16px;padding:12px 24px}.submit-btn:hover{background-color:#2e7d49}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}