@font-face{font-family:'fontello';src:url('fonts/fontello.eot?2015-01-10');src:url('fonts/fontello.eot?2015-01-10') format('embedded-opentype'),url('fonts/fontello.woff?2015-01-10') format('woff'),url('fonts/fontello.ttf?2015-01-10') format('truetype'),url('fonts/fontello.svg?2015-01-10') format('svg');font-weight:normal;font-style:normal}[class^="icon-"]:before,[class*=" icon-"]:before{font-family:"fontello";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;line-height:1.5em}.icon-stop:before{content:''}.icon-pause:before{content:''}.icon-to-end:before{content:''}.icon-to-start:before{content:''}.icon-to-start-alt:before{content:''}.icon-fast-fw:before{content:''}.icon-fast-bw:before{content:''}.icon-eject:before{content:''}.icon-play:before{content:''}.icon-left-open:before{content:''}.icon-right-open:before{content:''}.icon-volume-off:before{content:''}.icon-reply-1:before{content:''}.icon-volume-up:before{content:''}.icon-original:before{content:''}.icon-scale:before{content:''}.icon-refresh:before{content:''}.index-progress-bar{display:none;height:5px;padding:0;width:50%;margin:auto;position:relative;top:40%;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 1px 0 #ccc inset,0 1px 0 #ccc;-webkit-box-shadow:0 1px 0 #ccc inset,0 1px 0 #ccc;box-shadow:0 1px 1px #ccc inset,0 1px 0 #ccc}.index-progress-bar span{display:inline-block;height:5px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 0 rgba(255,255,255,.5) inset;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5) inset;box-shadow:0 1px 0 rgba(255,255,255,.5) inset;-webkit-transition:width .4s ease-in-out;-moz-transition:width .4s ease-in-out;-ms-transition:width .4s ease-in-out;-o-transition:width .4s ease-in-out;transition:width .4s ease-in-out}.blue span{background-color:#8ea5b5}:root{--controlbar-bar-color:0,0,0}.player-open{position:absolute;left:0;bottom:0;width:4px;height:48px;border-radius:0 3px 3px 0;background-color:rgba(var(--controlbar-bar-color),.4);display:none;cursor:pointer}.player-open:hover,.player-open:active{width:12px;background-color:rgba(var(--controlbar-bar-color),.6);box-shadow:0 0 5px rgba(var(--controlbar-bar-color),.5)}.sidebar-open{position:absolute;right:230px;top:0;width:4px;height:48px;border-radius:2px 0 0 2px;background-color:rgba(var(--controlbar-bar-color),.4);display:none;cursor:pointer}.sidebar-open:hover,.sidebar-open:active{width:12px;background-color:rgba(var(--controlbar-bar-color),.6);box-shadow:0 0 5px rgba(var(--controlbar-bar-color),.5)}@media(hover:none){.sidebar-open{width:4px}.sidebar-open:active{width:12px}}.controlbar-position{position:absolute;bottom:0}.controlbar{position:relative;display:-webkit-flex;display:-ms-flexbox;display:flex;height:50px;background-color:rgba(var(--controlbar-bar-color),.4)}.controlbarMax .progress-bar{-webkit-flex:auto;-ms-flex:auto;flex:auto}.controlbarMax .progress-bar-indicator{margin-bottom:5px;margin-top:15px;height:4px}.controlbarMax .progress-bar-indicator::before{height:4px!important}.controlbarMin .progress-bar{padding:0 0 5px 0;position:absolute;clear:both;top:-10px;left:0}.controlbarMin .progress-bar-indicator{margin-top:10px;height:3px}.controlbarMin .progress-bar-indicator::before{height:3px}.controlbar *{user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.progress-bar{z-index:151;cursor:default}.player-button{background-color:transparent;background-repeat:no-repeat;background-position:50% 50%;transition:.3s;font-size:24px;height:100%;width:50px;opacity:.7;color:#fff}.player-button:before{line-height:50px;width:100%}.player-info{text-align:center;width:fit-content;width:-webkit-fit-content;width:-moz-fit-content;line-height:50px;margin:0 10px;font-size:13px;height:100%;opacity:.7;color:#fff;white-space:nowrap}.cb_curtime{font-size:13px;opacity:.7;color:#fff}.progress-bar-indicator{background-color:rgba(253,154,1,.3);position:relative;width:100%}.bar-point{height:10px;width:10px;right:0;top:-3px}.controlbar,.controlbar_show,.notedivhidebtn{touch-action:none;-webkit-user-select:none;user-select:none}#dojoBody{width:97%;height:97%;margin:auto;position:relative;top:1.5%}#modePage .title{padding-left:177px;font:16px Arial}#modePage p{margin-left:10px;margin-right:10px;color:#000}#lessonCanvas{width:0;flex:1;border:0;-webkit-box-shadow:0 0 5px 2px #728593;-moz-box-shadow:0 0 5px 2px #728593;-ms-box-shadow:0 0 5px 2px #728593;box-shadow:0 0 5px 2px #728593}#notediv{right:0;top:0;flex-shrink:0;height:100%;margin-left:9px;-webkit-box-shadow:0 0 5px 2px #728593;-moz-box-shadow:0 0 5px 2px #728593;-ms-box-shadow:0 0 5px 2px #728593;box-shadow:0 0 5px 2px #728593;background-color:#ffff;z-index:160;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#notetopbar{width:100%;height:35px;background-color:#d3d3d3;display:flex}#notetopbar div{height:100%;width:50%;text-align:center;font-size:16px;line-height:2;cursor:pointer}#notetopbar div:hover{background-color:#a9a9a9}#setpDesContent{height:100%;width:100%}#setpNoteContent{word-break:break-all;font-size:13px}#notecontent{overflow:auto;margin-top:3px;background-color:#fff}.content_main{display:flex;width:100%;height:100%}div .title{color:#00f}div p{color:#00f}div a{text-decoration:none;color:#6495ed}p.title{font-size:1.5em}#loadButtonSpan{position:absolute;left:200px;padding-top:320px}.blurb{padding:10px;display:block;font:12px Arial}.stepdesstyle{height:28px;line-height:2;cursor:pointer;font-size:13px}.stepdesstyle:hover{background-color:#a9a9a9!important}.steptextstyle{margin-left:3px;margin-right:3px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:28px}.endframe{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:9998}.end_button{width:12%;height:0;padding-bottom:12%;display:block;float:left;border:0;opacity:1;color:#fff;background-color:rgba(0,0,0,.7);text-decoration:none;font-weight:bold;line-height:150%;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:0 1px 3px #999;-moz-box-shadow:0 1px 3px #999;-webkit-box-shadow:0 1px 3px #999;text-shadow:0 -1px 1px #222;border-bottom:1px solid #222;cursor:pointer;z-index:9999;line-height:1em;text-align:center}.btn_refresh{margin-left:33%}.btn_return{margin-left:10%}.btn_disabled{opacity:.1;cursor:not-allowed}.wrapper{position:absolute;top:50%;left:50%;z-index:149}body,div,ul,li,p,ul,li{margin:0;padding:0;border:0}body{width:100%;height:100%}.errorDiv{display:none;position:absolute;top:0;left:0;width:100%;color:#f00;text-align:center;padding-top:20%}.display_area{max-width:3840px;max-height:2400px;margin:auto;display:none;position:relative}.modes{box-shadow:0 0 5px 2px #728593;background-color:#e7e5e5}#html5body{overflow:hidden}#copyBN:hover{background-color:#e7e5e5}#copyBN{border-color:transparent;font-weight:bold;border-radius:8px;box-shadow:0 0 6px #5b6063;background-color:#f0f0f0}@font-face{font-family:'icomoon';src:url('fonts/icomoon.eot?2015-01-10');src:url('fonts/icomoon.eot?2015-01-10') format('embedded-opentype'),url('fonts/icomoon.woff?2015-01-10') format('woff'),url('fonts/icomoon.ttf?2015-01-10') format('truetype'),url('fonts/icomoon.svg?2015-01-10') format('svg');font-weight:normal;font-style:normal}[class^="indexicon-"],[class*=" indexicon-"]{font-family:'icomoon';font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hide{display:none}.fl{float:left}.fr{float:right}.mode_btn_name{background-color:#5e4f30;position:absolute;top:35%;width:15%;color:#2eb64b;text-align:center;padding:5px 0;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;border-radius:20px}.mode_btn{position:absolute;top:5%;width:15%;background-color:#b13d94;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;cursor:pointer;color:#fff;line-height:120%;text-align:center;z-index:100;display:flex;align-items:center;justify-content:center}.mode_btn:hover{-webkit-box-shadow:0 0 7px 7px #ccc;-moz-box-shadow:0 0 7px 7px #ccc;-ms-box-shadow:0 0 7px 7px #ccc;box-shadow:0 0 7px 7px #ccc}.mode_btn_auto,.mode_btn_name_auto{left:11%}.mode_btn_lecture,.mode_btn_name_lecture{left:32%}.mode_btn_exercise,.mode_btn_name_exercise{left:53%}.mode_btn_examination,.mode_btn_name_examination{left:74%}.mode-svg{display:block;max-width:80%;max-height:90%;width:auto}.info-content-container{display:flex;width:100%;height:100%}.lesson_info{position:absolute;bottom:0;width:100%;height:40%;z-index:100}.lesson_info ul{width:70%;margin:0;padding:0;height:90%;position:relative;left:10%;top:10%;list-style:none}.lesson-image-container{width:20%;height:100%;display:flex;align-items:center;justify-content:center;padding:0 10px;overflow:hidden}.image-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.lesson_info ul li{font-size:small;color:#fff;height:18%}.logo-image{max-width:100%;max-height:100%;object-fit:contain;display:block}.lesson_info_item{float:left}.leftinfo{width:20%}.rightinfo{width:80%;overflow-y:auto;max-height:100%;word-wrap:break-word;display:block;box-sizing:border-box}.iosplay{position:absolute;top:0;left:0;background-color:rgba(142,165,181,.3);width:100%;height:100%;z-index:16000000;color:rgba(255,255,255,.9);font-size:35vw;text-align:center}.magictime{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;animation-fill-mode:both}.autoFullCanvas{-webkit-animation-name:autoFullCanvas;-moz-animation-name:autoFullCanvas;-ms-animation-name:autoFullCanvas;animation-name:autoFullCanvas}.lectureFullCanvas{-webkit-animation-name:lectureFullCanvas;-moz-animation-name:lectureFullCanvas;-ms-animation-name:lectureFullCanvas;animation-name:lectureFullCanvas}.exerciseFullCanvas{-webkit-animation-name:exerciseFullCanvas;-moz-animation-name:exerciseFullCanvas;-ms-animation-name:exerciseFullCanvas;animation-name:exerciseFullCanvas}.examinationFullCanvas{-webkit-animation-name:examinationFullCanvas;-moz-animation-name:examinationFullCanvas;-ms-animation-name:examinationFullCanvas;animation-name:examinationFullCanvas}@-webkit-keyframes autoFullCanvas{0%{left:11%}100%{top:0;left:0;width:100%;height:100%;z-index:9999;color:rgba(255,255,255,.05);-webkit-border-radius:0}}@-moz-keyframes autoFullCanvas{0%{left:11%}100%{top:0;left:0;width:100%;height:100%;z-index:9999;color:rgba(255,255,255,.05);-webkit-border-radius:0}}@keyframes autoFullCanvas{0%{left:11%}100%{top:0;left:0;width:100%;height:100%;z-index:9999;color:rgba(255,255,255,.05);-webkit-border-radius:0}}@-webkit-keyframes lectureFullCanvas{0%{left:32%}100%{top:0;left:0;width:100%;height:100%;z-index:9999;color:rgba(255,255,255,.05);-webkit-border-radius:0}}@-moz-keyframes lectureFullCanvas{0%{left:32%}100%{top:0;left:0;width:100%;height:100%;z-index:9999;color:rgba(255,255,255,.05);-webkit-border-radius:0}}@keyframes lectureFullCanvas{0%{left:32%}100%{top:0;left:0;width:100%;height:100%;z-index:9999;color:rgba(255,255,255,.05);-webkit-border-radius:0}}@-webkit-keyframes exerciseFullCanvas{0%{left:53%}100%{top:0;left:0;width:100%;height:100%;z-index:9999;color:rgba(255,255,255,.05);-webkit-border-radius:0}}@-moz-keyframes exerciseFullCanvas{0%{left:53%}100%{top:0;left:0;width:100%;height:100%;z-index:9999;color:rgba(255,255,255,.05);-webkit-border-radius:0}}@keyframes exerciseFullCanvas{0%{left:53%}100%{top:0;left:0;width:100%;height:100%;z-index:9999;color:rgba(255,255,255,.05);-webkit-border-radius:0}}@-webkit-keyframes examinationFullCanvas{0%{left:74%}100%{top:0;left:0;width:100%;height:100%;z-index:9999;color:rgba(255,255,255,.05);-webkit-border-radius:0}}@-moz-keyframes examinationFullCanvas{0%{left:74%}100%{top:0;left:0;width:100%;height:100%;z-index:9999;color:rgba(255,255,255,.05);-webkit-border-radius:0}}@keyframes examinationFullCanvas{0%{left:74%}100%{top:0;left:0;width:100%;height:100%;z-index:9999;color:rgba(255,255,255,.05);-webkit-border-radius:0}}#reportContent{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:9998}#sendReport{top:10%}#retest{top:20%}#returnIndex{top:30%}#leftDiv{width:20%;height:96%;float:left;margin:1%}#leftDiv input{width:16%;height:6%;left:3%;position:absolute}#contentDiv{background-color:#fff;width:77%;height:80%;margin:1%;position:absolute;left:21%;overflow-y:auto}#reportTable{width:96%;border-collapse:collapse;font-size:11px;margin:2%;text-align:center}#reportTable th{border-width:1px;padding:1px;border-style:solid;border-color:#c7c7c7;background-color:#e2e2f2;font-weight:initial;width:10%}#reportTable td{border-width:1px;padding:1px;border-style:solid;border-color:#c7c7c7}tr.detailHead{background-color:#ccc}.blankRow{background-color:#f7f7fa}