@font-face{font-family:Sarabun;font-style:normal;font-weight:400;src:url(/fonts/sarabun-v7-vietnamese_thai_latin-ext_latin-regular.709e39ca.eot);src:local("Sarabun Regular"),local("Sarabun-Regular"),url(/fonts/sarabun-v7-vietnamese_thai_latin-ext_latin-regular.709e39ca.eot?#iefix) format("embedded-opentype"),url(/fonts/sarabun-v7-vietnamese_thai_latin-ext_latin-regular.2605750d.woff2) format("woff2"),url(/fonts/sarabun-v7-vietnamese_thai_latin-ext_latin-regular.240d1773.woff) format("woff"),url(/fonts/sarabun-v7-vietnamese_thai_latin-ext_latin-regular.ac6dd80b.ttf) format("truetype"),url(/img/sarabun-v7-vietnamese_thai_latin-ext_latin-regular.b02c0299.svg#Sarabun) format("svg")}@font-face{font-family:Sarabun;font-style:normal;font-weight:700;src:url(/fonts/sarabun-v7-vietnamese_thai_latin-ext_latin-700.abeaaf84.eot);src:local("Sarabun Bold"),local("Sarabun-Bold"),url(/fonts/sarabun-v7-vietnamese_thai_latin-ext_latin-700.abeaaf84.eot?#iefix) format("embedded-opentype"),url(/fonts/sarabun-v7-vietnamese_thai_latin-ext_latin-700.a4f32cca.woff2) format("woff2"),url(/fonts/sarabun-v7-vietnamese_thai_latin-ext_latin-700.435436ec.woff) format("woff"),url(/fonts/sarabun-v7-vietnamese_thai_latin-ext_latin-700.ea9ce215.ttf) format("truetype"),url(/img/sarabun-v7-vietnamese_thai_latin-ext_latin-700.06282a6e.svg#Sarabun) format("svg")}body,html{background-color:#fafafa;font-family:Sarabun,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;margin:0;line-height:1.7}#app{width:100%}#app[v-cloak]{display:none}#app[v-cloak]:before{content:"Loading...";text-align:center}*{-webkit-box-sizing:border-box;box-sizing:border-box}.tree-list{list-style:none;padding-left:.8em;text-indent:-.4em;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:1.3}.tree-list .system{padding-left:0;text-indent:0}.tree-item-label{-webkit-transition:background .1s;transition:background .1s;display:block;color:#fff;text-decoration:none;cursor:default}.tree-item-label.clickable{cursor:pointer}.tree-item-label.clickable:hover{background-color:#333}.tree-item-label.clickable:active,.tree-item-label.clickable:focus{background-color:#3f3f3f}.tree-item-label.selected{background-color:#494949}.tree-item-label.instruction.selected{background-color:#664040}.tree-item-label.instruction.clickable:hover{background:#744040}.tree-item-label.instruction.clickable:active,.tree-item-label.instruction.clickable:focus{background:#833f3f}.tree-item-label>span:first-child{display:inline-block;text-align:center;width:.4em}.tree-item-label.disabled{color:#888}.tree-item-label .right{float:right;display:block;margin-right:.5rem}.tree-item-label:after{content:"";clear:both;display:table}.tree-item-label .marker{display:inline-block;width:.9em;height:.9em;border-radius:.15em;-webkit-transition:background-color .1s;transition:background-color .1s;background-color:hsla(0,0%,100%,.1)}.tree-item-label .marker.hidden{display:none}.tree-item-label .marker.red{background-color:#ff5353}.tree-item-label .marker.green{background-color:#65ff72}.tree-item-label .marker.yellow{background-color:#fcff65}.tree-item-label.disabled .marker.red{background-color:rgba(255,83,83,.8)}.tree-item-label.disabled .marker.green{background-color:rgba(101,255,114,.8)}.tree-item-label.disabled .marker.yellow{background-color:rgba(252,255,101,.8)}#sidebar{top:0;height:100%;background:#282828;color:#fff;overflow:auto;padding-bottom:2rem}#sidebar>.tree-list{margin-top:.5em;margin-left:.5em;min-width:10em}.sidebar-header{text-align:center}.sidebar-header h3{font-size:1.5em;margin:.25em 0}.question-view{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.question-view canvas{position:relative;width:100%;height:100%;pointer-events:none;z-index:10}.question-view .question-loading,.question-view .question-text{margin:1rem;padding:0 1em;border-radius:.3rem;border:1px solid #ccc;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.question-view .question-loading{padding:.5em 1em;text-align:center;font-size:2rem}.question-view .viewer{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;background-size:contain;background-position:50%;background-repeat:no-repeat}.question-view .bar{background-color:#ddd;padding:.25rem 0;text-align:center;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;display:-webkit-box;display:-ms-flexbox;display:flex}.question-view .btn-group{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;font-size:0}.question-view .bar .image-num{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;text-align:center;font-size:1rem;padding:.6rem .5rem 0}.question-view .bar .filter,.question-view .bar .filter-reset{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;background-color:#c3c3c3;font-size:.8rem;padding:0 .5rem}.question-view .bar .filter-reset{border-left:1px solid #777;padding-right:0}.question-view .bar .filter input{vertical-align:middle;height:1rem;width:10rem}.question-view .bar .filter-reset button{width:3rem;height:2.5rem;margin-top:.25em;padding:0}.question-view .bar .canvas-controls{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;font-size:.8rem;padding:0 .3rem}.question-view .bar .canvas-controls button{width:2rem;height:2.5rem;margin-top:.25em;padding:0}.question-view .bar .btn-group button{width:3rem;height:3rem;border:1px solid #999;background-color:#bbb;border-radius:.3rem;background-size:contain;background-position:50% 50%;background-repeat:no-repeat;margin-left:.25em;outline:0;-webkit-transition:background-color .1s,border-color .1s;transition:background-color .1s,border-color .1s}.question-view .bar .btn-group button:first-child{margin-left:0}.question-view .bar .btn-group button:hover{border:1px solid #888;background-color:#aaa}.question-view .bar .btn-group button:active,.question-view .bar .btn-group button:focus{border:1px solid #777;background-color:#999}.question-view .bar .btn-group button.active{border:1px solid #333;background-color:#999}.question-view .vidbar{background-color:#cfcfcf;padding:.3rem .5rem;font-size:.7em;display:-webkit-box;display:-ms-flexbox;display:flex}.question-view .vidbar .pause-play button{padding:.7em 1.7em}.question-view .vidbar .seeker{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;margin:0 .5rem}.question-view .vidbar .seeker input{margin-top:.4rem;width:100%}.question-view .vidbar .speed button{padding:.7em .7em}.viewer.mobile{overflow:hidden}.viewer.mobile video{height:100%;width:100%}#exam.dark .question-view .vidbar{background-color:#0f0f0f}#exam.dark .question-view .bar{background-color:#191919}#exam.dark .question-view .bar .filter,#exam.dark .question-view .bar .filter-reset{background-color:inherit}#exam.dark .question-view .bar .filter-reset{border-left:1px solid #555}#exam.dark .question-view .bar .canvas-controls button,#exam.dark .question-view .bar .filter-reset button,#exam.dark .question-view .vidbar button{border:1px solid #333;background-color:#333;color:#fff}#exam.dark .question-view .bar .canvas-controls button:focus,#exam.dark .question-view .bar .canvas-controls button:hover,#exam.dark .question-view .bar .filter-reset button:focus,#exam.dark .question-view .bar .filter-reset button:hover,#exam.dark .question-view .vidbar button:focus,#exam.dark .question-view .vidbar button:hover{background-color:#444}#exam.dark .question-view .bar .canvas-controls button:active,#exam.dark .question-view .bar .filter-reset button:active,#exam.dark .question-view .vidbar button:active{background-color:#555}#exam.dark .question-view .bar .btn-group button{border:1.6px solid #444;background-color:#000}#exam.dark .question-view .bar .btn-group button:active,#exam.dark .question-view .bar .btn-group button:focus,#exam.dark .question-view .bar .btn-group button:hover{border:1.6px solid #888;background-color:#000}#exam.dark .question-view .bar .btn-group button.active{border:1.6px solid #c9c900;background-color:#000}#exam.dark .question-view .question-loading,#exam.dark .question-view .question-text{border:1px solid #888}#exam.dark .question-view .vidbar button.toggle{background-color:#aaa;color:#222}#exam.dark .question-view .vidbar button.toggle:active{background-color:#777}#exam.dark .question-view .vidbar button.toggle:focus,#exam.dark .question-view .vidbar button.toggle:hover{background-color:#888}.answer-form[data-type=mcq] .choices .btn-choice{margin-bottom:.5em}.answer-form[data-type=essay] .answer-inputs textarea{width:100%;height:100%}.answer-form[data-type=multi-essay] .answer-inputs textarea{width:100%;overflow:hidden}.answer-form .question-text{margin:.5rem;text-align:left}#navtop{position:fixed;width:100%;height:3rem;border-bottom:1px solid #10238b;background:#0067bb;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex}#navtop:after{content:"";display:block;height:0;clear:both;visibility:hidden}#navtop .right.menu{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto!important}#navtop .item{position:relative;vertical-align:middle;line-height:1;text-decoration:none;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding:1em 1.1em;-webkit-transition:background .1s ease,color .1s ease,-webkit-box-shadow .1s ease;transition:background .1s ease,color .1s ease,-webkit-box-shadow .1s ease;transition:background .1s ease,box-shadow .1s ease,color .1s ease;transition:background .1s ease,box-shadow .1s ease,color .1s ease,-webkit-box-shadow .1s ease}#navtop .item:before{position:absolute;content:"";top:0;right:0;height:100%;width:1px;background:hsla(0,0%,100%,.15)}#navtop a.item{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#navtop a.item:hover{background:hsla(0,0%,100%,.13)}#navtop a.item:active,#navtop a.item:focus{background:hsla(0,0%,100%,.329)}#navtop .endtime.red{background:#c02727;font-weight:700}.ppform .field{clear:both;margin:0 0 1em}.ppform .field:last-child{margin:0 0 0}.ppform label:not([for]){display:block;margin-bottom:.5em;text-align:left}.ppform input[type=password],.ppform input[type=text],.ppform textarea{font:inherit;padding:.6em .7em;font-size:1em;line-height:1.2em;color:#24292e;vertical-align:middle;background:#fff;border:1px solid #d1d5da;border-radius:.28571429rem;outline:none;-webkit-box-shadow:inset 0 1px 2px rgba(27,31,35,.075);box-shadow:inset 0 1px 2px rgba(27,31,35,.075);-webkit-transition:color .1s ease,border-color .1s ease;transition:color .1s ease,border-color .1s ease;width:100%;margin:0;overflow:visible}.ppform input:focus{color:rgba(0,0,0,.95);border-color:#85b7d9;border-radius:.28571429rem}.ppform button{font:inherit;cursor:pointer;display:inline-block;min-height:1em;outline:0;border:none;vertical-align:baseline;background:#e0e1e2;color:rgba(0,0,0,.6);margin:0 .25em 0 0;padding:.7em 1.2em;text-transform:none;text-shadow:none;font-weight:700;line-height:1em;font-style:normal;text-align:center;text-decoration:none;border-radius:.28571429rem;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,-webkit-box-shadow .1s ease}.ppform button,.ppform button:focus,.ppform button:hover{-webkit-box-shadow:inset 0 0 0 1px transparent,inset 0 0 0 0 rgba(34,36,38,.15);box-shadow:inset 0 0 0 1px transparent,inset 0 0 0 0 rgba(34,36,38,.15)}.ppform button:focus,.ppform button:hover{background-color:#cacbcd;background-image:none;color:rgba(0,0,0,.8)}.ppform button:active{background-color:#babbbc;color:rgba(0,0,0,.9)}.ppform .btn-choice{font-size:1.5rem;border:1px solid #bbb}.ppform .btn-choice.small{font-size:1.2rem}.ppform .btn-choice.active{background:#ff0;color:#000}.ppform .btn-submit{background-color:#51cc51;color:#fff}.ppform .btn-submit:focus,.ppform .btn-submit:hover{background-color:#4cb451;color:#fff}.ppform .btn-submit:active{background-color:#3f9454;color:#fff}.ppform .btn-secondary{background-color:#d65d5d;color:#fff}.ppform .btn-secondary:focus,.ppform .btn-secondary:hover{background-color:#b45050;color:#fff}.ppform .btn-secondary:active{background-color:#8d4545;color:#fff}.ppform .btn-ternary{background-color:#4462c4;color:#fff}.ppform .btn-ternary:focus,.ppform .btn-ternary:hover{background-color:#3551af;color:#fff}.ppform .btn-ternary:active{background-color:#324b9e;color:#fff}.ppform .btn-password{float:right;margin-top:-2.4em;position:relative;font-size:.9rem;padding:.5em}.ppform .btn-fullscreen{font-size:1.2rem;padding:.5em .7em;margin:0}#exam.dark .ppform input[type=password],#exam.dark .ppform input[type=text],#exam.dark .ppform textarea{color:#fff;background:#272727;border:1px solid #666}#exam.dark .ppform .btn-choice{background:#555;color:#fff;border:1px solid #777}#exam.dark .ppform .btn-choice:focus,#exam.dark .ppform .btn-choice:hover{background-color:#777;color:#fff}#exam.dark .ppform .btn-choice:active{background-color:#999;color:#fff}#exam.dark .ppform .btn-choice.active{background:#ff0;color:#000}#exam.dark .ppform .btn-submit{background-color:#42bb42;color:#fff}#exam.dark .ppform .btn-submit:focus,#exam.dark .ppform .btn-submit:hover{background-color:#3da342;color:#fff}#exam.dark .ppform .btn-submit:active{background-color:#338147;color:#fff}#exam.dark .ppform .btn-secondary{background-color:#c44343;color:#fff}#exam.dark .ppform .btn-secondary:focus,#exam.dark .ppform .btn-secondary:hover{background-color:#9c3d3d;color:#fff}#exam.dark .ppform .btn-secondary:active{background-color:#803535;color:#fff}#exam.dark .ppform .btn-ternary{background-color:#3a57b8;color:#fff}#exam.dark .ppform .btn-ternary:focus,#exam.dark .ppform .btn-ternary:hover{background-color:#2d4699;color:#fff}#exam.dark .ppform .btn-ternary:active{background-color:#2e407a;color:#fff}#exam{margin:0;width:100%}#main-window{position:fixed;width:100%;top:3rem;bottom:0}#content,#main-window{display:-webkit-box;display:-ms-flexbox;display:flex}#content.orientation-horizontal{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#content.orientation-vertical{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}#question{background:#fff;overflow:auto}#question .pending{text-align:center;font-size:2rem;padding:.1rem 0;margin:1rem;border-radius:.3rem;border:1px solid #ccc}#question .pending p{margin:.2em}#question .pending ul{list-style:none;margin:0 0 .5em 0;padding:0}#question .pending ul a{text-decoration:none;color:#2f6ee2}#question .pending ul a:hover{text-decoration:underline}#question .instruction{padding:0 1.5em;margin:1rem;border-radius:.3rem;border:1px solid #ccc}#answer{background:#fff;overflow:auto}#answer .instruction{padding:1em;width:100%;text-align:center}#answer .instruction button{font-size:1.2rem}.gutter{background-color:#eee;background-repeat:no-repeat;background-position:50%;-webkit-transition:background-color .1s;transition:background-color .1s}.gutter:hover{background-color:#bbb}.gutter:active{background-color:#aaa}.gutter.gutter-horizontal{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==);cursor:col-resize}.gutter.gutter-vertical{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII=);cursor:row-resize}#content.orientation-vertical .answer-form{padding:0 1rem}#content.orientation-horizontal .answer-form{display:-webkit-box;display:-ms-flexbox;display:flex;padding:1em;height:100%;text-align:center}.answer-form{width:100%}#content.orientation-horizontal .answer-form .answer-controls{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:-.3rem 1rem -.3rem 1rem}.answer-form .answer-controls{display:-webkit-box;display:-ms-flexbox;display:flex;margin:1rem 0}#content.orientation-vertical .answer-form .answer-controls button{margin:0 .3rem}.answer-form .answer-controls button{margin:.3rem 0;min-height:2.1em;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}#content.orientation-horizontal .answer-form .answer-inputs{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:30em}.ppform .btn-submit{-webkit-transition:background-color 1s ease;transition:background-color 1s ease}.ppform .btn-submit.just_submitted{-webkit-transition:background-color 0s ease;transition:background-color 0s ease;background-color:#030}#exam.dark{color:#eee}#exam.dark #question{background:#282828}#exam.dark #question .instruction,#exam.dark #question .pending{border:1px solid #666}#exam.dark #question .pending ul a{color:#4c85f0}#exam.dark #answer{background:#282828}#exam.dark .gutter{background-color:#373737}#exam.dark .gutter:hover{background-color:#494949}#exam.dark .gutter:active{background-color:#666}#exam.dark .ppform .btn-submit.just-submitted{background-color:#859c00}#login{margin:3em auto 0;text-align:center;width:350px}#login h1{font-weight:400}.fullscreen{position:fixed;top:.5rem;right:.5rem}#login-banner{position:absolute;top:.5rem;left:.5rem}#finish{margin:3em 5em 0;text-align:center}#finish h1{font-weight:400}#login-proctor{margin:3em auto 0;text-align:center;width:350px}#login-proctor h1{font-weight:400}.login-box{padding:1em;border:1px solid #cfcfcf;-webkit-box-shadow:0 0 .2rem 0 rgba(0,0,0,.1);box-shadow:0 0 .2rem 0 rgba(0,0,0,.1);border-radius:.5em;background-color:#fff}.error{padding:.3em;border:1px solid #e08181;border-radius:.25em;color:#db4a4a;background-color:#fdeeee;margin-bottom:1em}