.modal-bg .popup,.play-icon,.preloader{transform:translate(-50%,-50%);top:50%;left:50%}@font-face{font-family:"Comic Sans MS";src:url(fonts/comic/comic.woff) format("woff")}@font-face{font-family:"Comic Sans MS Bold";src:url(fonts/comic/comicbd.woff) format("woff")}body{margin:auto;-webkit-text-size-adjust:100%;background:#000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.play-icon,.preloader{position:absolute;display:none}.copyright-content,.help-content,.teacher-guide-content{height:672px;width:1024px;overflow:hidden;overflow-y:hidden;transform:translate(-50%,-50%);top:50%;position:absolute;left:50%;display:none}.modal-bg{background:rgba(0,0,0,.5);width:100%;height:100%;position:relative}.modal-bg .popup{width:80%;position:absolute;font-family:'Comic Sans MS'}.modal-bg .popup .popup-header{width:100%;height:56px;background-color:#A49D8B;border-top-left-radius:15px;border-top-right-radius:15px;display:flex}.modal-bg .popup .popup-header .header-text{padding:14px 2% 1% 3%;width:88%;color:#fff}.modal-bg .popup .popup-header .closeBtn{width:22px;height:22px;border:2px solid #FFF;text-align:center;align-self:center;border-radius:5px;background-color:#FEFD81;color:#CE7317;cursor:pointer}.modal-bg .popup .popup-body{width:100%;height:380px;background-color:#F1E8D9;border-bottom-left-radius:15px;border-bottom-right-radius:15px}.modal-bg .popup .popup-body .popup-content div{padding-top:5px;cursor:default}.modal-bg .popup .popup-body .popup-content ul{list-style:square}.modal-bg .popup .popup-body .popup-content img{padding-right:10px}.modal-bg .popup .popup-body .popup-content .tabs-holder .tabs{width:90%;margin:0 auto;display:flex}.modal-bg .popup .popup-body .popup-content .tabs-holder .tabs .tab{width:180px;height:38px;border-top:3px solid #9F5340;border-right:3px solid #9F5340;border-bottom:3px solid #9F5340;border-left:3px solid #9F5340;border-top-left-radius:15px;border-top-right-radius:15px;margin-right:12px;text-align:center;font-size:12px;position:relative;background:#FFF9EF;cursor:pointer}.modal-bg .popup .popup-body .popup-content .tabs-holder .tabs .tab span{position:absolute;width:90%;display:block;top:50%;transform:translateY(-50%);margin-left:9px}.modal-bg .popup .popup-body .popup-content .tabContent{width:95%;margin:-3px auto 0;border:3px solid #9F5340;border-top-left-radius:15px;border-top-right-radius:15px;height:290px;background:#FFF9EF}.modal-bg .popup .popup-body .popup-content .tabContent .tabData{padding-left:10px;position:relative;height:100%;display:none;cursor:default}.modal-bg .popup .popup-body .popup-content .tabContent .tabData li{margin-top:20px;list-style:none inside url(../images/li_yellow.png);padding-left:10px;padding-bottom:5px;cursor:pointer}.modal-bg .popup .popup-body .popup-content .tabContent .tabData li span{display:inline-table}.modal-bg .popup .popup-body .popup-content .tabContent .tabData .tab-content-li{margin-left:-10px}.modal-bg .popup .popup-body .popup-content .tabContent .tabData .tab-content-li li{margin-top:0;padding-left:0;cursor:default}.modal-bg .popup .popup-body .popup-content .tabContent .tabData .tab-content-li span{font-family:'Comic Sans MS Bold';font-weight:700}.modal-bg .popup .popup-body .popup-content .tabContent .tabData .li-hover{border:1px solid #FF9B00;border-right:none;background:#E5E2DD;border-top-left-radius:15px;border-bottom-left-radius:15px;width:80%}.modal-bg .popup .popup-body .popup-content .tabContent .tabData .tabSubComponentDataHolder{position:absolute;top:10px;right:14px;width:358px;height:260px;border:1px solid #FF9B00;border-radius:15px;background:#E5E2DD;cursor:default}.modal-bg .popup .popup-body .popup-content .tabContent .tabData .tabSubComponentDataHolder .tabSubComponentData{padding-top:0;padding-left:10px;display:none}.modal-bg .popup .popup-body .popup-content .tabContent .tabData .tabSubComponentDataHolder li{list-style:disc;margin-top:0;width:290px;margin-bottom:5px;cursor:default}.modal-bg .popup .popup-body .popup-content .tabContent .tabData .tabSubComponentDataHolder #tabSubComponentData2{display:none}.modal-bg .popup .popup-body .popup-nav{display:flex;position:absolute;bottom:10px;left:50%;transform:translateX(-50%)}.modal-bg .popup .popup-body .popup-nav .nav-back{background:url(../images/carousle_next_normal.png);width:27px;height:26px;cursor:pointer;opacity:1}.modal-bg .popup .popup-body .popup-nav .nav-back-hover{background:url(../images/carousle_next_over.png);width:27px;height:26px;cursor:pointer}.modal-bg .popup .popup-body .popup-nav .nav-next{background:url(../images/carousle_next_normal.png);width:27px;height:26px;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);cursor:pointer;opacity:1}.modal-bg .popup .popup-body .popup-nav .nav-next-hover{background:url(../images/carousle_next_over.png);width:27px;height:26px;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);cursor:pointer}.modal-bg .popup .popup-body .popup-nav .nav-disable{cursor:default;opacity:.5}.course-bg{height:672px;width:1024px;background:url(../images/courseBg.jpg);overflow:hidden;overflow-y:hidden;transform:translate(-50%,-50%);top:50%;position:absolute;left:50%;display:none}.course-bg .course-header{display:flex;align-items:center;margin-top:8px;position:relative}.course-bg .course-header .course-title{position:relative;font-family:'Comic Sans MS Bold';cursor:default;font-size:15px;color:#930;text-align:center;width:590px;margin:18px 7% 0 204px}.course-bg .course-header teacher-guide-btn{position:relative;width:55px;height:67px;display:inline-block;cursor:pointer;z-index:9}.course-bg .course-header help-btn{position:relative;width:47px;height:67px;display:inline-block;cursor:pointer;z-index:9}.course-bg .course-header .teacher-guide-btn-bg-normal{background:url(../images/teacherGuide.png)}.course-bg .course-header .teacher-guide-btn-bg-hover{background:url(../images/teacherGuide_over.png)}.course-bg .course-header .help-btn-bg-normal{background:url(../images/help.png) center 80%}.course-bg .course-header .help-btn-bg-hover{background:url(../images/help_over.png) center 80%}.course-bg .bread-crumb{position:absolute;display:block;font-family:'Comic Sans MS Bold';font-size:16px;width:411px;height:23px;text-align:center;margin-top:0;margin-left:306px;z-index:9;line-height:23px}.course-bg .course-footer{position:relative;margin-top:0;width:37%;float:right}.course-bg .course-footer level-menu-btn{position:relative;width:54px;height:59px;display:inline-block;cursor:pointer;z-index:9}.course-bg .course-footer audio-on-off-btn,.course-bg .course-footer copyright-btn,.course-bg .course-footer play-pause-btn{position:relative;width:53px;height:55px;display:inline-block;cursor:pointer;z-index:9;margin-top:-5px}.course-bg .course-footer copyright-btn{margin-left:40px;margin-bottom:5px}.course-bg .course-footer .level-menu-btn-bg-normal{background:url(../images/menu.png)}.course-bg .course-footer .level-menu-btn-bg-hover{background:url(../images/menu_over.png)}.course-bg .course-footer .level-menu-btn-bg-disable{background:url(../images/menu_disable.png);cursor:default}.course-bg .course-footer .copyright-btn-bg-normal{background:url(../images/copyright.png)}.course-bg .course-footer .copyright-btn-bg-hover{background:url(../images/copyright_over.png)}.course-bg .course-footer .audio-on-off-btn .audio-on-btn-normal{background:url(../images/audioOn.png);width:100%;height:100%;margin-top:-5px}.course-bg .course-footer .audio-on-off-btn .audio-on-btn-hover{background:url(../images/audioOn_over.png);width:100%;height:100%;margin-top:-5px}.course-bg .course-footer .audio-on-off-btn .audio-off-btn-normal{background:url(../images/audioOff.png);width:100%;height:100%;margin-top:-5px}.course-bg .course-footer .audio-on-off-btn .audio-off-btn-hover{background:url(../images/audioOff_over.png);width:100%;height:100%;margin-top:-5px}.course-bg .course-footer .play-pause-btn .play-btn-normal{background:url(../images/play.png);width:100%;height:100%;margin-top:-5px}.course-bg .course-footer .play-pause-btn .play-btn-hover{background:url(../images/play_over.png);width:100%;height:100%;margin-top:-5px}.course-bg .course-footer .play-pause-btn .pause-btn-normal{background:url(../images/pause.png);width:100%;height:100%;margin-top:-5px}.course-bg .course-footer .play-pause-btn .pause-btn-hover{background:url(../images/pause_over.png);width:100%;height:100%;margin-top:-5px}.course-bg .course-footer .play-pause-btn .pause-btn-disabled{background:url(../images/pause_disable.png);width:100%;height:100%;margin-top:-5px;cursor:default}.course-bg .mouse-over-text-above,.course-bg .mouse-over-text-below{font-family:'Comic Sans MS Bold';font-size:14px;color:#000;background-color:#FFFF3C;border-radius:5px;text-align:center;left:50%;transform:translate(-50%);white-space:nowrap;padding:0 5px;position:absolute;visibility:hidden}.course-bg .mouse-over-text-below{top:100%}.course-bg .mouse-over-text-above{top:-32%}.course-bg content-area{position:relative;display:block;top:-4px;left:71px;width:878px;height:528px}