html{-webkit-font-smoothing:antialiased;font-size:16px;}body{font-family:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;color:#283034;font-weight:300;}@-webkit-viewport{width:device-width;}@-moz-viewport{width:device-width;}@-ms-viewport{width:device-width;}@-o-viewport{width:device-width;}@viewport{width:device-width;}#page{overflow:hidden;}.mt10{margin-top:-10px;}.mt50{margin-top:-30px;}.mt50{margin-top:-30px;}.mt80{margin-top:-80px;}.mt-10{margin-top:10px;}.mb-60{margin-bottom:60px;}.mb-40{margin-bottom:40px;}.mb-20{margin-bottom:20px;}.mb-15{margin-bottom:15px;}.mb-10{margin-bottom:10px;}.pt-25{padding-top:25px;}.pt-10{padding-top:10px;}.bg-whitesmoke{background-color:#e2efe3;}.bg-green{background-color:#a4f2c6;}.bg-05{width:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:fixed !important;}.bg-05{background:#bccce3;}h2,h3,h4,h5{color:#283034;font-family:"Muli",sans-serif;font-weight:600;letter-spacing:-0.5px;}h5.h5-xs{font-size:15px;}h5.h5-sm{font-size:1.1875rem;}h5.h5-md{font-size:1.25rem;}h5.h5-xl{font-size:1.5rem;}h4.h4-xl{font-size:2.125rem;}h2.h2-xs{font-size:2.25rem;}p{font-size:1.05rem;}p.p-md{font-size:1.125rem;}a{color:#333;text-decoration:none;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out;transition:all 400ms ease-in-out;}a:hover{color:#666;text-decoration:none;}a:focus{outline:none;text-decoration:none;}ul{margin:0;padding:0;list-style:none;}ul.txt-list{padding-left:20px;list-style:disc;border-bottom:1px solid #8ca7bb;padding-bottom:15px;}ul.txt-list li{font-size:1.05rem;margin-bottom:7px;}ul.txt-list li:last-child{margin-bottom:0;}ul.txt-list li span{font-weight:700;}.btn{background-color:transparent;color:#fff;font-size:15px;line-height:1;font-weight:700;padding:13px 26px;border:2px solid transparent;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transition:all 450ms ease-in-out;-moz-transition:all 450ms ease-in-out;-o-transition:all 450ms ease-in-out;-ms-transition:all 450ms ease-in-out;transition:all 450ms ease-in-out;}.btn.btn-md{font-size:16px;padding:14px 28px;}.btn-tra-grey,.white-color .btn-tra-grey{color:#333;background-color:transparent;border-color:#e3e3e3;}.rose-hover:hover,.white-color .rose-hover:hover{color:#fff !important;background-color:#ff1f59;border-color:#ff1f59 !important;}.btn:focus{color:#fff;-webkit-box-shadow:none;box-shadow:none;}.btn.btn-tra-grey:focus{color:#333;-webkit-box-shadow:none;box-shadow:none;}@-webkit-keyframes pulse-border{0%{-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0)
scale(1);transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1;}100%{-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0)
scale(1.5);transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity:0;}}@keyframes pulse-border{0%{-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0)
scale(1);transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1;}100%{-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0)
scale(1.5);transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity:0;}}.img-70{width:70px;height:70px;}.section-title{position:relative;margin-top:15px;padding-right:0 !important;margin-bottom:20px !important;text-align:center;border-bottom:2px solid #a19191;}#hboxes-1 .section-title{margin-bottom:45px;}.section-title h3{margin-bottom:12px;}.section-title h4{margin-bottom:8px;}#hboxes-1 .section-title h4{line-height:1;margin-bottom:8px;}.section-title p{color:#888;margin-bottom:0;}#hboxes-1 .section-title p{color:#757575;margin-top:0;}.white-color,.white-color h2,.white-color h3,.white-color h4,.white-color h5,.white-color p,.white-color a,.white-color li,.white-color i,.white-color span{color:#fff;}#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999999;}#loading{background-color:#517082;height:100%;width:100%;position:fixed;z-index:99999999;margin-top:0px;top:0px;}#loading-center{width:100%;height:100%;position:relative;}.cssload-loading{position:absolute;left:50%;top:50%;margin-top:-20px;margin-left:-40px;}.cssload-loading i{width:19px;height:19px;display:inline-block;border-radius:50%;background:rgb(0,179,213);}.cssload-loading i:first-child{opacity:0;animation:cssload-loading-ani2 0.475s linear infinite;-o-animation:cssload-loading-ani2 0.475s linear infinite;-ms-animation:cssload-loading-ani2 0.475s linear infinite;-webkit-animation:cssload-loading-ani2 0.475s linear infinite;-moz-animation:cssload-loading-ani2 0.475s linear infinite;transform:translate(-19px);-o-transform:translate(-19px);-ms-transform:translate(-19px);-webkit-transform:translate(-19px);-moz-transform:translate(-19px);}.cssload-loading i:nth-child(2),.cssload-loading i:nth-child(3){animation:cssload-loading-ani3 0.475s linear infinite;-o-animation:cssload-loading-ani3 0.475s linear infinite;-ms-animation:cssload-loading-ani3 0.475s linear infinite;-webkit-animation:cssload-loading-ani3 0.475s linear infinite;-moz-animation:cssload-loading-ani3 0.475s linear infinite;}.cssload-loading i:last-child{animation:cssload-loading-ani1 0.475s linear infinite;-o-animation:cssload-loading-ani1 0.475s linear infinite;-ms-animation:cssload-loading-ani1 0.475s linear infinite;-webkit-animation:cssload-loading-ani1 0.475s linear infinite;-moz-animation:cssload-loading-ani1 0.475s linear infinite;}@keyframes cssload-loading-ani1{100%{transform:translate(38px);opacity:0;}}@-o-keyframes cssload-loading-ani1{100%{-o-transform:translate(38px);opacity:0;}}@-ms-keyframes cssload-loading-ani1{100%{-ms-transform:translate(38px);opacity:0;}}@-webkit-keyframes cssload-loading-ani1{100%{-webkit-transform:translate(38px);opacity:0;}}@-moz-keyframes cssload-loading-ani1{100%{-moz-transform:translate(38px);opacity:0;}}@keyframes cssload-loading-ani2{100%{transform:translate(19px);opacity:1;}}@-o-keyframes cssload-loading-ani2{100%{-o-transform:translate(19px);opacity:1;}}@-ms-keyframes cssload-loading-ani2{100%{-ms-transform:translate(19px);opacity:1;}}@-webkit-keyframes cssload-loading-ani2{100%{-webkit-transform:translate(19px);opacity:1;}}@-moz-keyframes cssload-loading-ani2{100%{-moz-transform:translate(19px);opacity:1;}}@keyframes cssload-loading-ani3{100%{transform:translate(19px);}}@-o-keyframes cssload-loading-ani3{100%{-o-transform:translate(19px);}}@-ms-keyframes cssload-loading-ani3{100%{-ms-transform:translate(19px);}}@-webkit-keyframes cssload-loading-ani3{100%{-webkit-transform:translate(19px);}}@-moz-keyframes cssload-loading-ani3{100%{-moz-transform:translate(19px);}}#header{width:100%;display:block;padding-top:0px;}.header-wrapper{position:fixed;top:0;right:0;left:0;z-index:1030;}.wsmainfull{width:100%;height:auto;z-index:1031;-webkit-transition:all 450ms ease-in-out;-moz-transition:all 450ms ease-in-out;-o-transition:all 450ms ease-in-out;-ms-transition:all 450ms ease-in-out;transition:all 450ms ease-in-out;}.white-menu .wsmainfull{background-color:#f9fffa !important;padding:1px 0;-webkit-box-shadow:0 2px 3px rgba(96,96,96,0.1);-moz-box-shadow:0 3px 5px rgba(96,96,96,0.1);box-shadow:0 3px 5px rgba(96,96,96,0.1);}.wsmenu > .wsmenu-list > li > a{display:block;font-size:16px;font-weight:500;letter-spacing:0;margin:0 7px;padding:10px 15px;line-height:50px;text-decoration:none;}.navbar-dark .wsmenu > .wsmenu-list > li > a{color:#444;}.wsmenu > .wsmenu-list > li > a .wsarrow:after{border-left:4px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);border-top:4px solid;content:"";float:right;right:0;height:0;margin:0 0 0 14px;position:absolute;text-align:right;top:33px;width:0;}.wsmenu > .wsmenu-list > li > a img{width:26px;height:26px;margin-right:3px;}.wsmenu > .wsmenu-list > li a.btn{font-size:16px;line-height:30px;font-weight:500;text-transform:none;letter-spacing:0.25px;margin-top:13px;margin-left:15px;padding:6px 30px;}.wsmenu > .wsmenu-list > li > .wsmegamenu .title{font-size:16px;line-height:1.3;font-weight:800;font-family:"Muli",sans-serif;letter-spacing:0;}.wsmegamenu h5.h5-md a{color:#333 !important;margin-bottom:0;}.logo-black{display:block;}#hero-3{background-image:url(../images/hero-3.jpg);padding-top:130px;padding-bottom:100px;background-position-x:right;background-size:85%;filter:brightness(0.95);}#hero-3 h2{color:#35353c;line-height:1.1;font-weight:700;padding:10px;letter-spacing:0;margin-bottom:20px;border-radius:9px;background:#ebfef8;}#hero-3 h2 span{font-weight:700;}#hero-3 .hero-txt p{padding:0 10%;margin-bottom:35px;}#hero-3 .hero-form{margin:0 8%;}.hero-form .form-control{height:50px;background-color:#fff;border:1px solid #ccc;border-right:none;color:#333;font-size:1.125rem;padding:0 20px;-webkit-border-radius:8px 0 0 8px;-moz-border-radius:8px 0 0 8px;border-radius:8px 0 0 8px;-webkit-transition:all 450ms ease-in-out;-moz-transition:all 450ms ease-in-out;-o-transition:all 450ms ease-in-out;-ms-transition:all 450ms ease-in-out;transition:all 450ms ease-in-out;}.hero-form .form-control:focus{border:1px solid #ccc;border-right:none;outline:0;box-shadow:none;}.hero-form .btn{height:50px;background-color:#339a6a;border:1px solid #ccc;border-left:none;font-size:1.45rem;line-height:1 !important;padding:0 20px;-webkit-border-radius:0 8px 8px 0;-moz-border-radius:0 8px 8px 0;border-radius:0 8px 8px 0;}.hero-form .btn i{color:#ec5252;font-size:1.125rem;line-height:1;}#hboxes-1 .hero-boxes-holder{position:relative;background-color:#fff;padding:5px 20px 5px !important;border:1px solid #f5f5f5;margin-top:-1px !important;z-index:999;-webkit-border-radius:8px !important;-moz-border-radius:8px !important;border-radius:8px !important;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);-moz-box-shadow:0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 10px rgba(0,0,0,0.1);}.c1-box{width:14%;float:left;}.menu-box{width:50%;float:left;}.c1-box-txt.menubox{padding-top:4px !important;margin:0 8px 4px !important;}.c2-box img{-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transition:all 450ms ease-in-out;-moz-transition:all 450ms ease-in-out;-o-transition:all 450ms ease-in-out;-ms-transition:all 450ms ease-in-out;transition:all 450ms ease-in-out;}.c2-box:hover > img{-webkit-filter:grayscale(0);filter:grayscale(0);}.c1-box .active{background:#c8f7e2;}.c1-box-txt{background-color:#fff;border:1px solid #ddd;padding:10px;margin:0 8px 8px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transition:all 450ms ease-in-out;-moz-transition:all 450ms ease-in-out;-o-transition:all 450ms ease-in-out;-ms-transition:all 450ms ease-in-out;transition:all 450ms ease-in-out;}.c2-box{background-color:#fff;border:1px solid #e5e5e5;padding:10px 15px !important;margin-bottom:10px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-transition:all 450ms ease-in-out;-moz-transition:all 450ms ease-in-out;-o-transition:all 450ms ease-in-out;-ms-transition:all 450ms ease-in-out;transition:all 450ms ease-in-out;}.c1-box-txt:hover,.c2-box:hover{border:1px solid #f5f5f5;box-shadow:0px 6px 15px 0px rgb(27 71 136);}.c1-box-txt h5{font-size:15px !important;line-height:1;padding-top:5px;margin-bottom:5px;}.c2-box h5{font-size:15px !important;line-height:1.3;margin-top:10px !important;margin-bottom:5px;}.c1-box-txt p,.c2-box p{color:#666;font-size:0.925rem;line-height:1;margin-bottom:0;}.c1-box-txt img{float:left;position:relative;width:40px;height:40px;top:-2px;margin-left:5px;margin-right:15px;}.cbox-1{overflow:hidden;background-color:#fff;border:1px solid #ddd;margin:0 6px 10px !important;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transition:all 450ms ease-in-out;-moz-transition:all 450ms ease-in-out;-o-transition:all 450ms ease-in-out;-ms-transition:all 450ms ease-in-out;transition:all 450ms ease-in-out;}.cbox-1:hover{border:1px solid #25d885;background-color:#ebf8f8;box-shadow:0px 6px 15px 0px rgba(0,0,0,0.15);}.courses-grid .col-lg-3{padding-left:5px;padding-right:5px;}.cbox-1-txt{padding:10px 10px;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;}.cbox-1-txt h5{margin-bottom:12px;height:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}p.course-tags{margin-bottom:10px;}.cbox-1-txt p.course-tags{margin-bottom:15px;}.course-tags span{background-color:#f0f1f2;font-size:0.915rem;padding:3px 7px;margin-right:3px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.course-rating{position:relative;display:inline-block;}.course-rating i{color:#ffb605;font-size:1.5rem !important;line-height:1;font-style:normal;}#course-details .course-rating i{font-size:0.975rem;}.course-rating span{color:#888;position:relative;font-size:0.925rem;line-height:1;font-weight:400;top:1px;}#course-details .course-rating span{font-size:1rem;margin-left:5px;}.course-uptime{display:block;font-size:0.9rem;font-family:"Muli",sans-serif;font-weight:800;margin-top:5px;}.course-data{position:relative;}.course-data .course-uptime{position:absolute;bottom:-9px;right:15px;margin-top:0;padding:5px 12px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.uptime{color:#999;font-size:0.95rem;font-weight:500;margin-right:10px;}#banner-1{height:110px;padding-bottom:25px;}.error{color:#e74c3c;font-size:14px;font-weight:300;margin-bottom:20px;}.error{color:#e74c3c;font-size:14px;font-weight:300;margin-bottom:20px;}.footer{padding-top:10px !important;padding-bottom:10px !important;}#footer-2 .footer-links{padding-left:10%;}.footer h5{letter-spacing:0;margin-bottom:30px;}.footer-info p{margin-top:25px;}.footer-links li{width:auto !important;display:block !important;vertical-align:top;clear:none !important;font-size:1.05rem;margin:0 0 9px 0;padding:0;}.footer-form .form-control{text-align:center;height:48px;background-color:#fff;border:1px solid #ccc;color:#757575;font-size:15px;padding:0 15px;margin-bottom:10px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out;transition:all 400ms ease-in-out;}.footer-form .input-group > .form-control:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:4px;}.footer-form .form-control:focus{background-color:#fff !important;border:1px solid #ccc;outline:0;box-shadow:none;}.footer-form input:-internal-autofill-selected{background-color:#fff !important;}.footer-form .input-group-btn{display:block;width:100% !important;}.footer-form .btn{display:block;width:100% !important;height:48px;font-size:15px;padding:0 15px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.bottom-footer{border-top:1px solid #eee;text-align:center;margin-top:10px;padding-top:15px;}.bottom-footer p{margin-bottom:0;}.bottom-footer-list li{font-size:1rem;width:auto !important;display:inline-block !important;vertical-align:top;clear:none !important;margin:0 9px 5px 0;padding:0;}.bottom-footer-list li a{font-weight:600;}.bottom-footer-list p:after{content:"|";padding-left:11px;position:relative;top:-1px;}.bottom-footer-list p.last-li:after{content:" ";padding-left:0;}.inner-page-wrapper{margin-top:75px;}.breadcrumb{padding:16px 5px 14px;background-color:transparent;margin-bottom:10px;border-radius:0;border-bottom:2px solid #eae3e3;}.breadcrumb a{font-weight:600;padding:0px;}.video-body .breadcrumb a{color:#babdbf;}.page-hero-section{height:30px;margin-bottom:10px;margin-top:10px;}.page-hero-section h4,.page-hero-section h3{line-height:1;margin-bottom:15px;}.page-hero-section p{font-size:1.05rem;line-height:18px;font-weight:300;margin-bottom:13px;}.page-hero-section p span{font-weight:700;}.course-txt h3{font-weight:800;padding-right:10%;margin-bottom:20px;}.what-you-learn{background-color:#f9fdff;border:1px solid rgba(0,0,0,.125);margin:15px 0;padding:10px 25px !important;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}.what-you-learn h5{line-height:1;margin-bottom:10px;border-bottom-width:1px;border-bottom-style:dashed;padding-bottom:15px;width:80%;}.what-you-learn .txt-list li,.course-data-list ul li{list-style:decimal-leading-zero;font-size:0.975rem;margin-left:8px;color:#943e3e;font-family:sans-serif;font-weight:600;}.course-data-list ul li{line-height:30px;margin-left:25px;list-style:trad-chinese-informal;color:var(--bs-primary);}.what-you-learn .txt-list li a,.course-data-list ul li a{font-size:16px;font-weight:400;padding-left:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;}.what-you-learn .txt-list li a:hover{color:#00000b;background:#bfe1fc;}.cd-block{margin-top:15px;margin-bottom:5px;background:#f9fdff;}.cd-block h5{line-height:1;margin-bottom:20px;}.cd-block .txt-list li{margin-bottom:4px;}#accordion .card{background-color:transparent;border:1px solid #f9f9f9;
-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin-bottom:5px;box-shadow:0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);-moz-box-shadow:0 0 10px rgba(0,0,0,0.1);}.cs-content .card-header{padding:15px 45px;background-color:#f9fdff;border-bottom:2px solid #d7dcde;position:relative;}.cs-content #accordion [data-bs-toggle="collapse"].collapsed:after,.cs-content #accordion [data-bs-toggle="collapse"]:after{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid #3f855d;display:inline-block;content:"";font-weight:900;position:absolute;top:17px;left:20px;}.cs-content #accordion [data-bs-toggle="collapse"].collapsed:after{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:12px solid #3f855d;border-top:0px solid #3f855d;display:inline-block;content:"";font-weight:900;position:absolute;top:17px;left:20px;}#accordion .card-header h5{line-height:1;letter-spacing:-0.5px;margin-bottom:0;}#accordion .card-body{padding:10px 25px 20px;}.card-body p{font-size:0.95rem;margin-bottom:10px;}#accordion .card-body .txt-list li{font-size:0.95rem;margin-bottom:4px;list-style:none;width:50%;overflow:hidden;height:28px;}.card-body a{font-size:14px;color:#183e72 !important;border-left-style:double;border-bottom-style:dashed;border-bottom-width:1px;font-weight:500;padding-left:10px;padding-bottom:4px;font-weight:500 !important;padding-left:10px;padding-bottom:4px;}.card-body a:hover{color:red !important;background:beige;}.card-body a i{color:#68aeae;font-size:0.9rem;margin-right:2px;position:relative;top:-0.5px;}.course-data{background-color:#fff;border:1px solid #eee;padding:8px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);-moz-box-shadow:0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 10px rgba(0,0,0,0.1);}.course-data-links{padding:0 3%;}.course-data-links .btn{width:100%;display:block;margin-bottom:10px;background:#e4f1f1;color:#00BCD4;font-weight:600;}.course-data-list{margin-bottom:23px;padding:0 8%;}.course-data-list span{display:block;font-size:1rem;line-height:1;margin-bottom:12px;}.course-data-list p{color:#656565;font-size:0.9rem;line-height:1;margin-bottom:8px;}.course-data-list p i{font-size:0.8rem;margin-right:4px;}.page-pagination{padding-bottom:10px;}.page-pagination.division{padding-top:15px;margin-top:10px;border-top:2px solid #c6cdca;}.page-link{color:#666;font-weight:600;padding:8px 15px;margin:0 3px;background-color:transparent;border-color:transparent;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}.page-item:first-child .page-link{border-top-left-radius:3px;border-bottom-left-radius:3px;}.page-item:last-child .page-link{border-top-right-radius:3px;border-bottom-right-radius:3px;}.page-item.disabled .page-link{color:#aaa;background-color:transparent;border-color:transparent;}.page-link:hover,.page-item.active .page-link{background-color:#e5e5e5;color:#333;border-color:#e5e5e5;box-shadow:0 0 0 1px rgba(56,60,67,0.05),0 1px 3px 0 rgba(56,60,67,0.15);}.page-link:focus{background-color:transparent;color:#666;border-color:transparent;box-shadow:0 0;}.cbox-1 img.img-fluid{height:145px;width:100%;}.cbox-1 img.img-fluid1{height:135px;width:100%;}.list-group-item{background-color:rgb(249 253 255);border:1px solid rgb(168 200 199);}.video-detail{background:#191919;padding-bottom:10px;padding-top:5px;margin-top:0px;}.body-right .tab-head{height:46px;line-height:44px;border-bottom:2px solid rgb(185 172 75);}.video-body .body-right{position:relative;right:0;top:10px;border-radius:5px;margin-bottom:15px;background:#2d2d2d;}.video-body .left-main .video-frame{padding:0;position:relative;overflow:hidden;height:100%;cursor:pointer;}.videourl li{width:30%;float:left;margin-left:2.5%;line-height:28px;height:28px;overflow:hidden;}.videourl li a:hover{padding:5px;background:#897c6c;}.tab-m .right-mid{padding-top:20px;width:100%;padding-bottom:15px;}.videourl li a{font-size:14px;color:#fff;text-decoration:none;}.body-right .tab-head{height:46px;line-height:44px;margin-bottom:10px;margin-left:15px;margin-right:15px;border-bottom:2px solid rgb(185 172 75);}.body-right .tab-head span.active{color:#fff;}ul.kmenu {margin-top: 15px;text-align: center;}.kmenu li{color:#23BE7A;margin-bottom:0px;margin-left:5px;display:inline-block;font-size:16px;margin-top:15px;}.bt-bar .kmenu li a{text-decoration:none;padding:5px 13px;background-color:#6aa3ab;color:white;border:none;font-weight:600;border-radius:10px;cursor:pointer;font-size:14px;}.apk{}.bt-bar{display:block;position:relative;margin-top:-4px;position:relative;}.video-body .right-mid{overflow-x:hidden;overflow-y:auto;max-height:260px;padding:0 20px 20px;height:-webkit-calc(96% - 60px) !important;height:calc(96% - 60px) !important;}.right-mid::-webkit-scrollbar{width:10px;height:10px;}.right-mid::-webkit-scrollbar-thumb{background:linear-gradient(to bottom right,#8ca3e0 0%,#1a56ff 100%);border-radius:5px;}.right-mid::-webkit-scrollbar-track{background-color:#c5d2d2;border:1px solid #c5d2d2;}.right-mid::-webkit-scrollbar-button{background-color:#4d7fff;border-radius:5px;}.right-mid::-webkit-scrollbar-button:hover{background-color:#999999;}.course-tags span{margin-top:5px;display:block;font-size:12px !important;font-size:1rem;font-weight:500;color:#577e7e;padding:6px 12px;}.courses-section{margin-top:15px;}@media (min-width:1199.95px){.video-body .left-main .video-frame{height:460px !important;}}@media (min-width:767px) and (max-width:1199.95px){.video-body .left-main .video-frame{height:360px !important;}}@media(max-width:369.9px){.video-body .left-main .video-frame{height:210px !important;}}@media (min-width:370px) and (max-width:768px){img.img-rounded{width:70%;margin-bottom:10px;text-align:center;}.video-body .left-main .video-frame{height:275px !important;}}@media (min-width:400px) and (max-width:768px){.c1-box-txt{padding:5px 5px !important;}img.img-rounded{width:70%;display:block;margin-right:auto;margin-bottom:10px;margin-left:auto;text-align:center !important;}}@media (min-width:321px) and (max-width:479.95px){.course-rating span,.course-rating i,.course-tags span{font-size:0.8rem !important;}img.img-rounded{width:70%;margin-bottom:10px;text-align:center;}.c1-box{width:49% !important;margin:1px;}.c1-box-txt{padding:5px 10px !important;margin:0 0 5px !important;}.cbox-1 img.img-fluid{height:105px;width:100%;}.course-uptime{font-size:1rem !important;}.cbox-1 h5{font-size:1rem !important;height:20px;}}.index-grid,.courses-grid{background:white;padding-top:15px;border-radius:4px;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);-moz-box-shadow:0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 10px rgba(0,0,0,0.1);}.player-loading{border:4px solid #7d9ec2;position:absolute;z-index:1000;height:100%;background:black;display:grid;}.content-title{text-align:center;font-weight:700;font-size:18px;background:#e0f4ed;color:#2196F3;}.search{text-align:center;border-bottom:2px solid #ddd;padding:15px;margin-top:5px;margin-bottom:15px !important;}.search span{font-size:16px !important;font-weight:700;}.link-list.link-list a{text-align:center !important;font-weight:700 !important;margin-bottom:5px;}iframe#cciframe{height:94%;background:black;}.playing{color:beige;font-size:14px;text-align:center;white-space:nowrap;height:30px;line-height:30px;background:black;margin-bottom:-5px;}
/* 定义悬浮窗口的样式 */
.floating-window {
position: fixed;
right: 0;
bottom: 0;
z-index: 1021;
width: 260px;
height: 155px;
overflow-y: auto;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
}
/* 定义窗口内标题的样式 */
.floating-window h3 {
font-size: 16px; /* 字体大小为16px */
font-weight: bold; /* 字体加粗 */
margin: 0;
}
/* 定义窗口内链接的样式 */
.floating-window a {
display: block;
text-decoration: none;
color: #123668;
font-size: 16px; /* 字体大小改为16px */
font-weight: bold; /* 字体加粗 */
}
:root{--hero-3-height:440px;}
#hero-3{background:none;padding-top:60px !important;padding-bottom:0;position:relative;}
#hero-3 .hero-slider .owl-stage-outer{min-height:var(--hero-3-height);height:auto;}
#hero-3 .hero-slider .owl-stage{height:auto;}
#hero-3 .hero-slider .owl-item{height:auto;}
#hero-3 .hero-slider .hero-slide{min-height:var(--hero-3-height);padding:20px 0;display:flex;align-items:flex-start;position:relative;overflow:hidden;}
#hero-3 .hero-slider .hero-slide::after{content:"";position:absolute;inset:0;background:rgba(10,18,35,0.25);}
#hero-3 .hero-slider .hero-slide>.container{position:relative;z-index:2;}
#hero-3 .slide-1{background:linear-gradient(135deg,#43eca6 0%,#4ef38b 100%);}
#hero-3 .slide-2{background:linear-gradient(135deg,#36af95 0%,#ec4899 100%);}
#hero-3 .slide-3{background:linear-gradient(135deg,#15306d 0%,#0ea5e9 100%);}
#hero-3 h2{color:#fff;line-height:1.1;font-weight:700;padding:0;margin-bottom:18px;border-radius:0;background:transparent;}
#hero-3 .hero-content{max-width:560px;}
#hero-3 .hero-sub{font-size:1.1rem;opacity:.9;margin-bottom:24px;}
#hero-3 .hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;padding:6px 14px;margin-bottom:16px;border-radius:999px;background:rgba(255,255,255,0.18);border:1px solid rgba(255,255,255,0.35);}
#hero-3 .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;}
#hero-3 .hero-btn{padding:12px 24px;border-radius:999px;font-size:15px;line-height:1;border:1px solid transparent;}
#hero-3 .hero-primary{background:#fff;color:#1f2937;}
#hero-3 .hero-primary:hover{background:#f8fafc;color:#111827;}
#hero-3 .hero-ghost{background:transparent;border-color:rgba(255,255,255,0.6);color:#fff;}
#hero-3 .hero-ghost:hover{background:rgba(255,255,255,0.15);}
#hero-3 .hero-stats{display:flex;gap:24px;flex-wrap:wrap;}
#hero-3 .hero-stat{display:flex;flex-direction:column;gap:4px;}
#hero-3 .stat-num{font-size:1.4rem;font-weight:700;}
#hero-3 .stat-label{font-size:.9rem;opacity:.85;}
#hero-3 .hero-card-grid{display:grid;gap:16px;}
#hero-3 .hero-card{background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.25);border-radius:16px;padding:16px 18px;backdrop-filter:blur(4px);}
#hero-3 .hero-card-accent{background:rgba(255,255,255,0.2);}
#hero-3 .hero-card-title{font-size:.95rem;font-weight:600;margin-bottom:6px;}
#hero-3 .hero-card-text{font-size:.9rem;opacity:.9;}
#hero-3 .hero-chip-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
#hero-3 .hero-chip{padding:6px 12px;border-radius:999px;background:rgba(255,255,255,0.18);border:1px solid rgba(255,255,255,0.35);font-size:.85rem;}
#hero-3 .hero-device{height:260px;border-radius:28px;border:1px solid rgba(255,255,255,0.3);background:rgba(255,255,255,0.08);padding:18px;display:flex;flex-direction:column;justify-content:space-between;}
#hero-3 .hero-device-screen{background:rgba(15,23,42,0.35);border-radius:20px;padding:16px;flex:1;}
#hero-3 .hero-device-title{font-size:.9rem;margin-bottom:12px;}
#hero-3 .hero-device-line{height:8px;border-radius:6px;background:rgba(255,255,255,0.35);margin-bottom:10px;}
#hero-3 .hero-device-line.short{width:60%;}
#hero-3 .hero-device-foot{height:10px;border-radius:999px;background:rgba(255,255,255,0.25);margin-top:16px;}
#hero-3 .hero-slider .owl-nav button{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,0.18);border:1px solid rgba(255,255,255,0.45);color:#fff;}
#hero-3 .hero-slider .owl-nav .owl-prev{left:20px;}
#hero-3 .hero-slider .owl-nav .owl-next{right:20px;}
#hero-3 .hero-slider .nav-arrow{font-size:20px;line-height:1;display:block;}
#hero-3 .hero-slider .owl-dots{position:absolute;bottom:20px;left:0;right:0;text-align:center;}
#hero-3 .hero-slider .owl-dots .owl-dot span{width:10px;height:10px;background:rgba(255,255,255,0.4);}
#hero-3 .hero-slider .owl-dots .owl-dot.active span{background:#fff;}
@media (max-width:991.98px){
:root{--hero-3-height:380px;}
#hero-3{padding-top:20px !important;}
#hero-3 .hero-slider .hero-slide{padding:20px 0;}
#hero-3 .hero-card-grid{margin-top:18px;}
#hero-3 .hero-slider .owl-nav button{width:36px;height:36px;}
}
@media (max-width:875.98px){
:root{--hero-3-height:320px;}
#hero-3{padding-top:20px !important;}
.mt10{padding-top:-10px;margin-top:-355px;}
.mt80{padding-top:-10px;margin-top:-355px;}
#hero-3 h2{font-size:1.7rem;}
#hero-3 .hero-sub{font-size:.95rem;}
#hero-3 .hero-slider .owl-nav button{display:none;}
#hero-3 .hero-stats{gap:12px;}
#hero-3 .hero-device{height:200px;}
}
#programming-carousel{padding-top:30px;position:relative;z-index:2;}
#programming-carousel .container.mt80{margin-top:0;}
#programming-carousel .hero-boxes-holder{margin-top:0;z-index:2;position:relative;}
/* Mobile Menu Fix */
@media only screen and (max-width: 991px) {
.wsactive .wsmenu {
visibility: visible !important;
z-index: 1001; /* Ensure menu container is on top */
}
.wsactive .wsmenu > .wsmenu-list {
margin-left: 0 !important;
transform: translate3d(0, 0, 0) !important;
z-index: 1002; /* Ensure list is above overlay */
position: relative;
}
.overlapblackbg {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.55);
z-index: 1000; /* Behind the list */
cursor: pointer;
}
.wsactive .overlapblackbg {
display: block !important;
}
.wsmobileheader {
}
#wsnavtoggle {
cursor: pointer;
z-index: 10002; /* Highest */
position: absolute !important;
right: 15px;
top: 0px;
}
/* Animation for the arrow */
.wsactive .wsanimated-arrow span {
background-color: transparent !important;
}
.wsactive .wsanimated-arrow span:before {
top: 0 !important;
transform: rotate(45deg);
}
.wsactive .wsanimated-arrow span:after {
bottom: 0 !important;
transform: rotate(-45deg);
}
}