@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:'\e800'}.icon-pause:before{content:'\e801'}.icon-to-end:before{content:'\e802'}.icon-to-start:before{content:'\e804'}.icon-to-start-alt:before{content:'\e805'}.icon-fast-fw:before{content:'\e806'}.icon-fast-bw:before{content:'\e807'}.icon-eject:before{content:'\e808'}.icon-play:before{content:'\e809'}.icon-left-open:before{content:'\e80a'}.icon-right-open:before{content:'\e80b'}.icon-volume-off:before{content:'\e80c'}.icon-reply-1:before{content:'\e80d'}.icon-volume-up:before{content:'\e80e'}.icon-original:before{content:'\e808'}.icon-scale:before{content:'\e80b'}.icon-refresh:before{content:'\e803'}.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}.player-open{position:absolute;left:0;bottom:0;width:15px;height:48px;border-radius:0 15px 15px 0;background-color:rgba(253,154,1,.5);display:none;z-index:150;cursor:pointer}.sidebar-open{position:absolute;right:230px;top:0;width:15px;height:48px;border-radius:15px 0 0 15px;background-color:rgba(153,153,153,0.5);display:none;z-index:150;cursor:pointer}.controlbar-position{position:absolute;bottom:0}.controlbar{background-color:rgba(0,0,0,.4);position:relative;display:-webkit-flex;display:-ms-flexbox;display:flex;height:50px}.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}#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:black}#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:lightgray;display:flex}#notetopbar div{height:100%;width:50%;text-align:center;font-size:16px;line-height:2;cursor:pointer}#notetopbar div:hover{background-color:darkgray}#setpDesContent{height:100%;width:100%}#setpNoteContent{word-break:break-all;font-size:13px}#notecontent{overflow:auto;margin-top:3px;background-color:white}.content_main{display:flex;width:100%;height:100%}div .title{color:blue}div p{color:blue}div a{text-decoration:none;color:cornflowerblue}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:darkgray !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:white;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:red;text-align:center;padding-top:20%}.display_area{max-width:3840px;max-height:2400px;margin:auto;display:none;position:relative}.modes{background-image:-webkit-linear-gradient(#f6f6f6,#cbcbcb);background-image:-moz-linear-gradient(#f6f6f6,#cbcbcb);background-image:-ms-linear-gradient(#f6f6f6,#cbcbcb);background-image:linear-gradient(#f6f6f6,#cbcbcb);-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}#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}.indexicon-auto:before{content:"\e600"}.indexicon-lecture:before{content:"\e603"}.indexicon-exercise:before{content:"\e602"}.indexicon-examination:before{content:"\e601"}.hide{display:none}.fl{float:left}.fr{float:right}.mode_btn_name{background-color:#8ea5b5;position:absolute;top:35%;width:15%;color:#fff;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:#8ea5b5;-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}.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%}.lesson_info{position:absolute;bottom:0;width:100%;height:40%;z-index:100;background-image:-webkit-radial-gradient(circle,#728593,#26282f);background-image:-moz-radial-gradient(circle,#728593,#26282f);background-image:-ms-radial-gradient(circle,#728593,#26282f);background-image:radial-gradient(circle,#728593,#26282f)}.lesson_info ul{position:relative;top:10%;list-style:none;width:78%;height:90%;margin:0 11%}.lesson_info ul li{font-size:small;color:#fff;height:18%}.lesson_info_item{float:left}.leftinfo{width:20%}.rightinfo{width:80%}.iosplay{position:absolute;top:0;left:0;background-color:rgba(142,165,181,0.3);width:100%;height:100%;z-index:16000000;color:rgba(255,255,255,0.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,0.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,0.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,0.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,0.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,0.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,0.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,0.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,0.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,0.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,0.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,0.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,0.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}