.searchTextBox,.searchTextBox:focus{box-shadow:none!important;outline:0!important}::-webkit-scrollbar{width:3px!important;height:3px!important}::-webkit-scrollbar-track{background-color:#eee!important}::-webkit-scrollbar-thumb{background-color:#4ab0e4!important}::-webkit-scrollbar-thumb:hover{background-color:#dca91b!important}.classDetails,.classWrapper .enter,.classWrapper:hover{background-color:#fbc93d}.grpHeader{text-align:right;opacity:0;color:#aaa;background:url(Image/Design/bgwhite.png);border-radius:5px;margin:20px 5px;padding:5px;font-size:14px;font-weight:700;color:#000!important}.grpClass{opacity:0;position:relative}.classPoint{text-align:center}.classPoint div{background-color:#ccc;border:none;border-radius:5px;width:10px;height:10px;margin:20px 5px 10px;display:inline-block}.classItems{width:calc(25% - 20px);margin:0;display:inline-block}.classDetails,.coverImage{width:100%;position:absolute;left:0}.classItems .classWrapper{background-size:cover;border:1px solid #fbc93d;border-radius:10px;margin:0 10px;padding:10px 0;position:relative}.classWrapper .imageBody{min-height:150px}.classWrapper img{border-radius:10px;height:150px;margin:auto}.coverImage{z-index:1;opacity:.1;filter:blur(2px);background-size:cover;height:165px;top:-5px}.classWrapper div{margin-top:1vh!important}.details,.teacherTitle{color:#696969;text-align:right;min-height:20px;padding-left:5px;padding-right:5px;font-size:13px}.classDetails{z-index:2;color:#696969;text-align:justify;border-radius:10px;height:calc(100% + 5px);padding:10px;display:none;top:-10px;overflow:hidden}.LeftArrow:hover i,.RightArrow:hover i,.classTime{color:#dca91b}.classDetails span{color:#000;font-size:14px}.classTime{background:#fff;border-radius:3px;margin:0 5px;padding:1px 3px}.details div{color:#696969;font-size:12px}.classWrapper .enter{color:#173d7b;text-shadow:0 1px #3a637ccc;text-wrap:nowrap;padding:5px;font-size:16px;overflow:hidden}.classWrapper,.classWrapper .enter:hover{cursor:pointer;transition:all .5s}.owl-next,.owl-prev{color:#173d7b;margin:1vh 2vw;transition:all .5s;display:inline-block}.ListStyle .coverImage,.searchBox{display:none}.owl-next:hover,.owl-prev:hover{color:#fbc93d;transform:scale(1.2)}.owl-nav{margin:2vh 0}.menuIcon a{background:azure;border:1px solid #4ab0e4;border-radius:5px;padding:10px;display:block}.menuIcon img{margin-bottom:10px}.menuIcon span{color:#173d7b;font-size:14px}.menuIcon div{padding:5px!important}.searchStyle{text-align:right;padding-top:20px;padding-bottom:10px}.changeStyle span,.searchStyle span{-o-transition:1s;background-color:#0000;border:1px solid #dca91b;border-radius:5px;margin-left:5px;margin-right:5px;padding:12px 6px 6px;font-size:10px;-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s}.changeStyle span:hover,.searchStyle span:hover{cursor:pointer;background-color:#dca91b}.changeStyle span:hover i,.searchStyle span:hover i{color:#fff}.changeStyle .active,.searchStyle .active{-o-transition:1s;background-color:#dca91b;-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s}.ListStyle{width:calc(100% - 20px)!important}.ListStyle .classWrapper{background-color:#fbc93d40;height:48px;padding:6px 0;border-radius:5px!important;margin:5px 10px!important}.MoocClass.ListStyle .classWrapper{background-color:#25a0db40}.ListStyle .classWrapper:hover{background-color:#fbc93d}.ListStyle .classWrapper .imageBody{min-height:32px;margin-left:4px;margin-right:4px;float:right!important}.ListStyle .classWrapper img{margin-top:-9px;margin-left:5px;margin-right:5px;width:32px!important;height:32px!important}.ListStyle .classWrapper .enter{float:right;text-align:right;width:30%;margin-left:10px;margin-right:10px;color:#173d7b!important;background-color:#0000!important;margin-top:0!important}.ListStyle .details,.ListStyle .teacherTitle{float:right;width:20%;margin:8px 0 0!important}.ListStyle .classDetails{border-radius:0!important;padding:5px!important}.ListStyle .classWrapper .floatLeft{float:left!important}.ListStyle .classWrapper .textAlignLeft{text-align:left!important}.searchBox{border:1px solid #fbc93d;border-radius:5px;width:calc(100% - 10px);margin-top:-2px;margin-left:5px;margin-right:5px;padding:4px 0;position:relative}.searchTextBox{text-align:center!important;border:none!important;width:100%!important;font-size:12px!important}.searchTextBox:focus{border:none!important}.searchButton{text-decoration:none;position:absolute;left:10px}.searchCheckBox{position:absolute;right:10px;border:none!important;margin:5px 0 0!important;padding:0!important}.searchCheckBox label{width:126px;position:absolute}.LeftArrow,.RightArrow{border-radius:16px;width:32px;font-size:16px;font-style:normal;position:absolute;top:45%}.searchCheckBox:hover{background-color:unset!important;cursor:pointer!important}.RightArrow{right:0}.LeftArrow{left:0}.LeftArrow:hover,.RightArrow:hover{cursor:pointer}.LeftArrow i,.RightArrow i{color:#ccc}.td1{height:50px;padding:0}.progressBar{background-color:#dca91b;border-radius:10px;height:5px;margin:auto}.MoocClass .classWrapper{border-color:#25a0db}.MoocClass .classWrapper .classDetails,.MoocClass .classWrapper:hover{background-color:#25a0db}.MoocClass .classWrapper:hover .enter,.MoocClass .classWrapper:hover .details{color:#fff!important}.MoocClass .classWrapper .classTime{color:#25a0db}.MoocClass .classWrapper .enter{color:#fff;background-color:#25a0db}.classPointActive{background-color:#dca91b!important}.grpClassM .classPointActive,.grpClassM .progressBar{background-color:#25a0db!important}.newsBox{z-index:999;background-color:#000000e6;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.newsBoxContent{border-radius:5px;width:99vw;height:100vh;position:absolute;top:0;left:.5vw}.newsBoxContentMessage,.newsBoxContentNews{height:50vh;overflow:hidden}.newsBoxContentDetails p{padding:10px;font-size:14px}.reportBox{z-index:999;background-color:#000000e6;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.reportBoxContent{border-radius:5px;width:99vw;height:80vh;position:absolute;top:10vh;left:.5vw}.reportBoxContentMessage{text-align:center;background-color:#fff;border:1px solid #b9d5e1;width:100%;height:39vh;overflow:hidden}.reportBox .reportBoxContent .reportBoxContentMessage div table tbody tr td a{color:#000;text-decoration:none}.ChangeLanguage{float:left;margin-left:.5%}.studentMenu{text-align:center;background-color:#4ab0e4;border-radius:5px;width:110px;height:60px;margin:0 2.5px;padding-top:4px}.studentMenu:hover{cursor:pointer}.studentMenu a,.studentMenu p{color:#fff;font-size:12px;font-weight:700}.studentMenu img{filter:brightness(100);margin:5px 0 8px}.studentMenu i{margin:5px 0}.studentMenuActive{background-color:#fff;border-radius:5px 5px 0 0;height:70px;margin-top:-10px;position:relative;top:10px}.studentMenuActive a,.studentMenuActive p{color:#25a0db}.studentMenuActive img{filter:unset}.LanguagePanel{margin:20px 0;display:none}.LanguagePanel a{border:1px solid;border-radius:5px;padding:5px;display:block;margin:5px!important;text-decoration:none!important}@media only screen and (width>=1920px){.classItems{width:calc(20% - 20px)}}@media only screen and (width<=1024px){.classItems{width:calc(50% - 20px)}#ctl00_MainContent_aHelp,#list,#square,.searchCheckBox{display:none}.td1{width:110px!important}.searchTextBox{text-align:right!important}.searchBox{height:36px;margin-top:2px}.ListStyle .classDetails,.ListStyle .details,.ListStyle .teacherTitle{display:none!important}.ListStyle .classWrapper .enter{width:calc(100% - 85px)!important}}@media only screen and (width<=768px){.classItems{width:calc(100% - 20px)}#ctl00_MainContent_aHelp,#list,#square,.searchCheckBox{display:none}.td1{width:110px!important}.searchTextBox{text-align:right!important}.tdWidth1{width:100%}.tdWidth2{width:0}.searchBox{height:36px;margin-top:2px}.tabNav{width:100%}.tabNav tr td{width:47%;margin:4px 1%;display:inline-block}.studentMenu{width:100%;padding:10px;height:unset!important}.studentMenu img,.studentMenu i{display:none}.studentMenu p{margin:0}.studentMenu br{display:none}#ProfileDiv{width:98%!important;position:unset!important;border-radius:10px!important;top:3px!important;left:1%!important;right:1%!important}.LanguagePanel{position:unset}.studentMenuActive{position:unset;margin-top:unset;top:unset;border-radius:5px;height:60px}.studentMenu a,.studentMenu p{display:block}.ListStyle .classDetails,.ListStyle .details,.ListStyle .teacherTitle{display:none!important}.ListStyle .classWrapper .enter{width:calc(100% - 85px)!important}}