.layout_header{padding-bottom:20px;}.layout_header .layout_body p{color:#676a6c;font-size:20px;margin-bottom:8px;}.layout_header .layout_body .left_ul{padding-left:0;margin-bottom:5px;}.layout_header .layout_body .left_ul .left_list{display:contents;}.layout_header .layout_body .left_ul .left_list::before{padding:0 5px;color:#ccc;content:">";}.layout_header .layout_body .left_ul .left_list:first-child::before{content:"";padding:0;}.layout_header .layout_body .left_ul .left_list a{cursor:pointer;}.layout_header .layout_body .left_ul .left_list a:hover{text-decoration:underline;}.layout_header .layout_body .left_ul .left_list:last-child a{cursor:default;}.layout_header .layout_body .left_ul .left_list:last-child a:hover{text-decoration:none;}.layout_header .layout_body .list-grid-nav .setting_btn{background:#2C99D3;border:1px solid #2C99D3;}.layout_header .layout_body .list-grid-nav .setting_btn:hover{background:#7CBEE1;border:1px solid #7CBEE1;}.part_edit{padding-top:0;display:grid;justify-content:center;}.part_edit h4{color:#676a6c;font-size:14px;margin-left:30px;margin-bottom:10px;}.part_edit .edit_banner{background-color:#fff;width:96%;padding:5px;justify-self:center;border-radius:8px;}.part_edit .edit_banner .area01{cursor:grab;transition:box-shadow 0.3s;}.part_edit .edit_banner .area01 .name{position:absolute;z-index:420;background:rgba(0,0,0,0.4);color:#fff;padding:3px 15px;margin:10px 0 0 10px;border-radius:20px;font-weight:500;}.part_edit .edit_banner .area01 .buttons{position:absolute;opacity:0;right:50px;margin-top:10px;}.part_edit .edit_banner .area01 .buttons button{background-color:#ed5565;color:#fff;border:none;padding:5px 10px;border-radius:3px;cursor:pointer;font-size:14px;}.part_edit .edit_banner .area01 .buttons button i{font-size:14px;}.part_edit .edit_banner .area01 .buttons .myButton2{background-color:#e89a34;}.part_edit .edit_banner .area01:hover{box-shadow:0 0 10px rgba(0,0,0,0.5);}.part_edit .edit_banner .area01:hover .buttons{opacity:1;}.part_edit .edit_banner .area02{cursor:grab;background-color:#f5f6fa;padding:10px;transition:box-shadow 0.3s;}.part_edit .edit_banner .area02 .name{position:absolute;z-index:420;background:rgba(0,0,0,0.4);color:#fff;padding:3px 15px;margin:10px 0 0 10px;border-radius:20px;font-weight:500;}.part_edit .edit_banner .area02 .buttons{position:absolute;opacity:0;right:50px;margin-top:10px;z-index:500;}.part_edit .edit_banner .area02 .buttons button{background-color:#ed5565;color:#fff;border:none;padding:5px 10px;border-radius:3px;cursor:pointer;font-size:14px;}.part_edit .edit_banner .area02 .buttons button i{font-size:14px;}.part_edit .edit_banner .area02 .buttons .myButton2{background-color:#e89a34;}.part_edit .edit_banner .area02:hover{box-shadow:0 0 10px rgba(0,0,0,0.5);}.part_edit .edit_banner .area02:hover .buttons{opacity:1;}.part_edit .edit_banner .area03{cursor:grab;background-color:#f5f6fa;padding:10px;transition:box-shadow 0.3s;}.part_edit .edit_banner .area03 .name{position:absolute;z-index:420;background:rgba(0,0,0,0.4);color:#fff;padding:3px 15px;margin:10px 0 0 10px;border-radius:20px;font-weight:500;}.part_edit .edit_banner .area03 .buttons{position:absolute;opacity:0;right:50px;margin-top:10px;z-index:500;}.part_edit .edit_banner .area03 .buttons button{background-color:#ed5565;color:#fff;border:none;padding:5px 10px;border-radius:3px;cursor:pointer;font-size:14px;}.part_edit .edit_banner .area03 .buttons button i{font-size:14px;}.part_edit .edit_banner .area03 .buttons .myButton2{background-color:#e89a34;}.part_edit .edit_banner .area03:hover{box-shadow:0 0 10px rgba(0,0,0,0.5);}.part_edit .edit_banner .area03:hover .buttons{opacity:1;}.part_edit .edit_banner .area03 .unset_img{justify-content:center;display:flex;padding:0px;}.part_edit .edit_banner .area03 .unset_img .remind{background-color:#EB919A;color:#fff;text-align:center;font-size:16px;width:140px;height:25.5px;border-radius:15px;margin-bottom:0;margin-top:10px;}.part_edit .edit_banner .area04{cursor:grab;background-color:#f5f6fa;padding:10px;transition:box-shadow 0.3s;}.part_edit .edit_banner .area04 .name{position:absolute;z-index:420;background:rgba(0,0,0,0.4);color:#fff;padding:3px 15px;margin:10px 0 0 10px;border-radius:20px;font-weight:500;}.part_edit .edit_banner .area04 .buttons{position:absolute;opacity:0;right:50px;margin-top:10px;z-index:500;}.part_edit .edit_banner .area04 .buttons button{background-color:#ed5565;color:#fff;border:none;padding:5px 10px;border-radius:3px;cursor:pointer;font-size:14px;}.part_edit .edit_banner .area04 .buttons button i{font-size:14px;}.part_edit .edit_banner .area04 .buttons .myButton2{background-color:#e89a34;}.part_edit .edit_banner .area04:hover{box-shadow:0 0 10px rgba(0,0,0,0.5);}.part_edit .edit_banner .area04:hover .buttons{opacity:1;}.part_edit .edit_banner .area04 .unset_img{justify-content:center;display:flex;padding:10px;}.part_edit .edit_banner .area04 .unset_img .remind{background-color:#EB919A;color:#fff;text-align:center;font-size:16px;width:140px;height:25.5px;border-radius:15px;margin-bottom:0;margin-top:10px;}.part_edit .edit_banner .area05{cursor:grab;background-color:#f5f6fa;padding:10px;transition:box-shadow 0.3s;}.part_edit .edit_banner .area05 .name{position:absolute;z-index:420;background:rgba(0,0,0,0.4);color:#fff;padding:3px 15px;margin:10px 0 0 10px;border-radius:20px;font-weight:500;}.part_edit .edit_banner .area05 .buttons{position:absolute;opacity:0;right:50px;margin-top:10px;z-index:500;}.part_edit .edit_banner .area05 .buttons button{background-color:#ed5565;color:#fff;border:none;padding:5px 10px;border-radius:3px;cursor:pointer;font-size:14px;}.part_edit .edit_banner .area05 .buttons button i{font-size:14px;}.part_edit .edit_banner .area05 .buttons .myButton2{background-color:#e89a34;}.part_edit .edit_banner .area05:hover{box-shadow:0 0 10px rgba(0,0,0,0.5);}.part_edit .edit_banner .area05:hover .buttons{opacity:1;}.part_edit .edit_banner .area05 .unset_img{justify-content:center;display:flex;padding:10px;}.part_edit .edit_banner .area05 .unset_img .remind{background-color:#EB919A;color:#fff;text-align:center;font-size:16px;width:105px;height:25.5px;border-radius:15px;margin-bottom:0;margin-top:10px;}.part_edit .edit_banner .area06{cursor:grab;background-color:#f5f6fa;padding:10px;transition:box-shadow 0.3s;}.part_edit .edit_banner .area06 .name{position:absolute;z-index:420;background:rgba(0,0,0,0.4);color:#fff;padding:3px 15px;margin:10px 0 0 10px;border-radius:20px;font-weight:500;}.part_edit .edit_banner .area06 .name .modal-backdrop.show{position:fixed !important;inset:0 !important;background-color:rgba(0,0,0,0.5) !important;z-index:1040 !important;}.part_edit .edit_banner .area06 .name .modal.show{z-index:1055 !important;}.part_edit .edit_banner .area06 .name .shifu-modal-content{background-color:#17181a;border:1px solid rgba(255,255,255,0.04);border-radius:14px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,0.6),0 6px 18px rgba(0,0,0,0.45);position:relative;}.part_edit .edit_banner .area06 .name .shifu-modal-content .modal-header{border-bottom:none;padding:1.25rem 1.5rem 1rem;}.part_edit .edit_banner .area06 .name .shifu-modal-content .modal-title{font-size:15px;font-weight:600;color:#F4F4F4;}.part_edit .edit_banner .area06 .name .shifu-modal-content .modal-body{padding:1.25rem 1.5rem;overflow:auto;max-height:calc(100vh - 220px);}.part_edit .edit_banner .area06 .name .shifu-modal-content .modal-footer{border-top:none;padding:1rem 1.5rem;display:flex;justify-content:flex-end;gap:12px;background:transparent;}.part_edit .edit_banner .area06 .name .star-rating-panel{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.04);border-radius:10px;padding:1rem;margin-bottom:1rem;}.part_edit .edit_banner .area06 .name .star-rating i{font-size:2.2rem;cursor:pointer;transition:transform 0.12s ease,color 0.12s ease;margin:0 6px;}.part_edit .edit_banner .area06 .name .star-rating i:hover{transform:scale(1.14);}.part_edit .edit_banner .area06 .name .rating-hint{font-size:12px;color:#909090;margin-top:0.4rem;margin-bottom:0;}.part_edit .edit_banner .area06 .name #reviewContent{background-color:#222426;border:1px solid rgba(255,255,255,0.06);border-radius:10px;color:#E8E8E8;font-size:14px;resize:vertical;}.part_edit .edit_banner .area06 .name #reviewContent::-moz-placeholder{color:#6b6b6b;}.part_edit .edit_banner .area06 .name #reviewContent::placeholder{color:#6b6b6b;}.part_edit .edit_banner .area06 .name #reviewContent:focus{box-shadow:0 6px 20px rgba(227,38,82,0.06);border-color:rgba(227,38,82,0.45);}.part_edit .edit_banner .area06 .name #viewReviewCourseName{font-size:15px;font-weight:600;color:#F4F4F4;}.part_edit .edit_banner .area06 .name .review-content-label{font-size:12px;color:#9b9b9b;margin-bottom:0.4rem;}.part_edit .edit_banner .area06 .name #viewReviewContent{background-color:#222426;border:1px solid rgba(255,255,255,0.04);border-radius:10px;font-size:14px;line-height:1.6;color:#D6D6D6;padding:0.75rem;}.part_edit .edit_banner .area06 .name .btn-main{background-color:#E32652 !important;border-color:transparent !important;color:#fff !important;box-shadow:0 6px 18px rgba(227,38,82,0.12);padding:0.5rem 0.9rem;transition:transform 0.12s ease,background-color 0.12s ease;}.part_edit .edit_banner .area06 .name .btn-main:hover{background-color:#cf2146 !important;transform:translateY(-1px);}.part_edit .edit_banner .area06 .name .btn-outline-main{background:transparent !important;color:#cfcfcf !important;border:1px solid rgba(255,255,255,0.06) !important;padding:0.45rem 0.8rem;}.part_edit .edit_banner .area06 .name .btn-outline-main:hover{background:rgba(255,255,255,0.02) !important;color:#fff !important;}@media (max-width:575.98px){.part_edit .edit_banner .area06 .name .modal-dialog{margin:0 16px;max-width:calc(100% - 32px);height:auto;}.part_edit .edit_banner .area06 .name .shifu-modal-content .modal-header{padding:0.9rem 1rem;}.part_edit .edit_banner .area06 .name .shifu-modal-content .modal-body{padding:0.9rem 1rem;max-height:calc(100vh - 180px);}.part_edit .edit_banner .area06 .name .shifu-modal-content .modal-footer{padding:0.75rem 1rem;}.part_edit .edit_banner .area06 .name .shifu-modal-content .modal-footer .btn{margin-left:6px;}}.part_edit .edit_banner .area06 .buttons{position:absolute;opacity:0;right:50px;margin-top:10px;z-index:500;}.part_edit .edit_banner .area06 .buttons button{background-color:#ed5565;color:#fff;border:none;padding:5px 10px;border-radius:3px;cursor:pointer;font-size:14px;}.part_edit .edit_banner .area06 .buttons button i{font-size:14px;}.part_edit .edit_banner .area06 .buttons .myButton2{background-color:#e89a34;}.part_edit .edit_banner .area06:hover{box-shadow:0 0 10px rgba(0,0,0,0.5);}.part_edit .edit_banner .area06:hover .buttons{opacity:1;}.part_edit .edit_banner .area06 .unset_img{justify-content:center;display:flex;padding:10px;}.part_edit .edit_banner .area06 .unset_img .remind{background-color:#EB919A;color:#fff;text-align:center;font-size:16px;width:170px;height:25.5px;border-radius:15px;margin-bottom:0;margin-top:10px;}.part_edit .edit_banner .area07{cursor:grab;background-color:#f5f6fa;padding:10px;}.part_edit .edit_banner .area07 .name{position:absolute;z-index:420;background:rgba(0,0,0,0.4);color:#fff;padding:3px 15px;margin:20px 0 0 10px;border-radius:20px;font-weight:500;}.part_edit .edit_banner .area07 .buttons{position:absolute;opacity:0;right:50px;margin-top:20px;z-index:500;}.part_edit .edit_banner .area07 .buttons button{background-color:#ed5565;color:#fff;border:none;padding:5px 10px;border-radius:3px;cursor:pointer;font-size:14px;}.part_edit .edit_banner .area07 .buttons button i{font-size:14px;}.part_edit .edit_banner .area07 .buttons .myButton2{background-color:#e89a34;}.part_edit .edit_banner .area07:hover .buttons{opacity:1;}.part_edit .edit_banner .area07 .unset_img{justify-content:center;display:flex;padding:0px;}.part_edit .edit_banner .area07 .unset_img .left_part,.part_edit .edit_banner .area07 .unset_img .right_part{display:grid;justify-content:center;transition:box-shadow 0.3s;}.part_edit .edit_banner .area07 .unset_img .left_part .remind,.part_edit .edit_banner .area07 .unset_img .right_part .remind{background-color:#EB919A;color:#fff;text-align:center;font-size:16px;width:170px;height:25.5px;border-radius:15px;margin-bottom:0;margin-top:20px;}.part_edit .edit_banner .area07 .unset_img .left_part:hover,.part_edit .edit_banner .area07 .unset_img .right_part:hover{box-shadow:0 0 10px rgba(0,0,0,0.5);}.part_edit .edit_banner .area08{cursor:grab;background-color:#f5f6fa;padding:10px;}.part_edit .edit_banner .area08 .name{position:absolute;z-index:420;background:rgba(0,0,0,0.4);color:#fff;padding:3px 15px;margin:20px 0 0 10px;border-radius:20px;font-weight:500;}.part_edit .edit_banner .area08 .buttons{position:absolute;opacity:0;right:50px;margin-top:20px;z-index:500;}.part_edit .edit_banner .area08 .buttons button{background-color:#ed5565;color:#fff;border:none;padding:5px 10px;border-radius:3px;cursor:pointer;font-size:14px;}.part_edit .edit_banner .area08 .buttons button i{font-size:14px;}.part_edit .edit_banner .area08 .buttons .myButton2{background-color:#e89a34;}.part_edit .edit_banner .area08:hover .buttons{opacity:1;}.part_edit .edit_banner .area08 .unset_img{justify-content:center;display:flex;padding:0px;}.part_edit .edit_banner .area08 .unset_img .left_part,.part_edit .edit_banner .area08 .unset_img .right_part{display:grid;justify-content:center;transition:box-shadow 0.3s;}.part_edit .edit_banner .area08 .unset_img .left_part .remind,.part_edit .edit_banner .area08 .unset_img .right_part .remind{background-color:#EB919A;color:#fff;text-align:center;font-size:16px;width:170px;height:25.5px;border-radius:15px;margin-bottom:0;margin-top:20px;}.part_edit .edit_banner .area08 .unset_img .left_part:hover,.part_edit .edit_banner .area08 .unset_img .right_part:hover{box-shadow:0 0 10px rgba(0,0,0,0.5);}.part_edit .edit_banner .area09{cursor:grab;background-color:#f5f6fa;padding:10px;transition:box-shadow 0.3s;}.part_edit .edit_banner .area09 .name{position:absolute;z-index:420;background:rgba(0,0,0,0.4);color:#fff;padding:3px 15px;margin:10px 0 0 10px;border-radius:20px;font-weight:500;}.part_edit .edit_banner .area09 .buttons{position:absolute;opacity:0;right:50px;margin-top:10px;z-index:500;}.part_edit .edit_banner .area09 .buttons button{background-color:#ed5565;color:#fff;border:none;padding:5px 10px;border-radius:3px;cursor:pointer;font-size:14px;}.part_edit .edit_banner .area09 .buttons button i{font-size:14px;}.part_edit .edit_banner .area09 .buttons .myButton2{background-color:#e89a34;}.part_edit .edit_banner .area09:hover{box-shadow:0 0 10px rgba(0,0,0,0.5);}.part_edit .edit_banner .area09:hover .buttons{opacity:1;}.part_edit .edit_banner .area09 .unset_img{justify-content:center;display:flex;padding:0px;}.part_edit .edit_banner .area09 .unset_img .remind{background-color:#EB919A;color:#fff;text-align:center;font-size:16px;width:140px;height:25.5px;border-radius:15px;margin-bottom:0;margin-top:10px;}.part_edit .edit_banner .area10{cursor:grab;background-color:#f5f6fa;padding:10px;transition:box-shadow 0.3s;}.part_edit .edit_banner .area10 .name{position:absolute;z-index:420;background:rgba(0,0,0,0.4);color:#fff;padding:3px 15px;margin:10px 0 0 10px;border-radius:20px;font-weight:500;}.part_edit .edit_banner .area10 .buttons{position:absolute;opacity:0;right:50px;margin-top:10px;z-index:500;}.part_edit .edit_banner .area10 .buttons button{background-color:#ed5565;color:#fff;border:none;padding:5px 10px;border-radius:3px;cursor:pointer;font-size:14px;}.part_edit .edit_banner .area10 .buttons button i{font-size:14px;}.part_edit .edit_banner .area10 .buttons .myButton2{background-color:#e89a34;}.part_edit .edit_banner .area10:hover{box-shadow:0 0 10px rgba(0,0,0,0.5);}.part_edit .edit_banner .area10:hover .buttons{opacity:1;}.part_edit .edit_banner .area10 .unset_img{justify-content:center;display:flex;padding:0px;}.part_edit .edit_banner .area10 .unset_img .remind{background-color:#EB919A;color:#fff;text-align:center;font-size:16px;width:150px;height:25.5px;border-radius:15px;margin-bottom:0;margin-top:10px;}.part_edit .edit_banner .area12{cursor:grab;background-color:#f5f6fa;padding:10px;transition:box-shadow 0.3s;}.part_edit .edit_banner .area12 .name{position:absolute;z-index:420;background:rgba(0,0,0,0.4);color:#fff;padding:3px 15px;margin:10px 0 0 10px;border-radius:20px;font-weight:500;}.part_edit .edit_banner .area12 .buttons{position:absolute;opacity:0;right:50px;margin-top:10px;z-index:500;}.part_edit .edit_banner .area12 .buttons button{background-color:#ed5565;color:#fff;border:none;padding:5px 10px;border-radius:3px;cursor:pointer;font-size:14px;}.part_edit .edit_banner .area12 .buttons button i{font-size:14px;}.part_edit .edit_banner .area12 .buttons .myButton2{background-color:#e89a34;}.part_edit .edit_banner .area12:hover{box-shadow:0 0 10px rgba(0,0,0,0.5);}.part_edit .edit_banner .area12:hover .buttons{opacity:1;}.part_edit .edit_banner .area12 .unset_img{justify-content:center;display:flex;padding:0px;}.part_edit .edit_banner .area12 .unset_img .remind{background-color:#EB919A;color:#fff;text-align:center;font-size:16px;width:140px;height:25.5px;border-radius:15px;margin-bottom:0;margin-top:10px;}.edit_banner_scroll{background-color:#DDEAF1;width:96%;padding:5px;justify-self:center;border-radius:8px;margin-top:20px;position:sticky;overflow:hidden;bottom:0;}.edit_banner_scroll .left-btn{position:absolute;top:95px;left:10px;width:32px;height:32px;border-radius:50%;display:flex;justify-content:center;align-items:center;border:none;background-color:#fff;box-shadow:0px 2px 8px rgba(0,0,0,0.2);transition:box-shadow 0.3s ease;}.edit_banner_scroll .left-btn:hover{box-shadow:0px 5px 16px rgba(0,0,0,0.4);}.edit_banner_scroll .left-btn i{font-size:20px;color:#2c99d3;}.edit_banner_scroll .right-btn{position:absolute;top:95px;right:10px;width:32px;height:32px;border-radius:50%;display:flex;justify-content:center;align-items:center;border:none;background-color:#fff;box-shadow:0px 2px 8px rgba(0,0,0,0.2);transition:box-shadow 0.3s ease;}.edit_banner_scroll .right-btn:hover{box-shadow:0px 5px 16px rgba(0,0,0,0.4);}.edit_banner_scroll .right-btn i{font-size:20px;color:#2c99d3;}.edit_banner_scroll .scroll-wrapper{overflow:hidden;width:100%;}.edit_banner_scroll .scroll-wrapper .scroll{display:flex;}.edit_banner_scroll .scroll-wrapper .scroll .btn{width:400px;margin:0 5px;background-color:#fff;padding:8px 8px 0px 8px;text-align:center;box-sizing:border-box;}.edit_banner_scroll .scroll-wrapper .scroll .btn img{width:235px;transition:box-shadow 0.3s;border-radius:5px;}.edit_banner_scroll .scroll-wrapper .scroll .btn img:hover{box-shadow:0 0 10px rgba(0,0,0,0.5);}.overlay-background{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);z-index:500;display:none;}.overlay-background.active{display:block;}.overlay{position:fixed;top:70px;right:-500px;width:500px;height:100%;background-color:#fff;color:black;padding:20px;transition:right 0.3s ease;z-index:800;transform:translateX(0);transition:transform 0.3s ease-in-out;}.overlay.active{right:0px;transform:translateX(0);box-shadow:2px 0 10px 2px rgba(0,0,0,0.2);}.overlay.shifted{transform:translateX(-500px);}.overlay .overlay_title{font-size:16px;margin-bottom:0;align-self:center;}.overlay .expand_set{color:#fff;font-size:16px;background-color:#2C99D3;padding:5px;border:none;border-radius:3px;margin-left:auto;}.overlay .close_overlay{background:none;border:none;font-size:16px;color:#2C99D3;}.overlay hr{border:none;height:1px;background-color:#666;}.overlay hr.style1{background-color:#AEAEAE;}.overlay ul{padding-left:0;}.overlay ul li{display:block;line-height:2;color:#AAB6BB;}.overlay ul li span{color:#ed5565;}.overlay .btn_row{justify-content:space-between;padding:0;}.overlay .btn_row.style1{padding-left:12px;padding-right:12px;}.overlay .btn_row .upload_btn{background:rgba(0,0,0,0.03);border:2px dashed #2C99D3;width:100%;padding:15px;color:#2C99D3;border-radius:3px;}.overlay .btn_row .upload_btn.style1{width:48%;}.overlay .btn_row .upload_btn.style2{border:2px dashed #333;color:#333;width:48%;}.overlay .btn_row .form-label{align-self:center;margin-bottom:0;text-align:center;}.overlay .btn_row .input-group{width:75%;}.overlay .btn_row .input-group .form-control{width:60%;margin-right:0;}.overlay .btn_row .input-group button{background-color:#fff;color:#000;border:1px solid #ced4da;}.overlay .btn_row .form-control{width:70%;margin-right:10px;}.overlay .container{padding:0;}.overlay .container .tab_title{color:#AAB6BB;font-size:13px;font-weight:400;}.overlay .container .nav-tabs{border-bottom:0px;}.overlay .container .nav-tabs .nav-link{color:#AAB6BB;}.overlay .container .nav-tabs .nav-link.active{background-color:#fff;border:1px solid #ced4da;border-bottom:1px solid #fff;color:#333;}.overlay .container .nav-tabs .nav-link.active:hover{border-color:#ced4da;border-bottom:1px solid #fff;color:#333;}.overlay .container .nav-tabs .nav-link:hover{border-color:#fff;border-bottom:1px solid #ced4da;color:#2C99D3;}.overlay .container .tab-content{border:1px solid #ced4da;padding:10px;}.overlay_2nd{position:fixed;top:70px;right:-500px;width:500px;height:100%;background-color:#fff;color:black;padding:20px;transition:right 0.3s ease;z-index:600;transform:translateX(0);}.overlay_2nd.active{right:0px;}.overlay_2nd.shifted{transform:translateX(0px);}.overlay_2nd .overlay_title{font-size:16px;margin-bottom:0;align-self:center;}.overlay_2nd .collapse_2nd{background:none;border:none;font-size:16px;color:#2C99D3;margin-left:auto;margin-bottom:8px;}.overlay_2nd hr{border:none;height:1px;background-color:#666;}.overlay_2nd hr.style1{background-color:#AEAEAE;padding:0 20px;margin:30px 10px;}.overlay_2nd .container{padding:0;}.overlay_2nd .container .tab_title{color:#AAB6BB;font-size:13px;font-weight:400;}.overlay_2nd .container .nav-tabs{border-bottom:0px;}.overlay_2nd .container .nav-tabs .nav-link{color:#AAB6BB;}.overlay_2nd .container .nav-tabs .nav-link.active{background-color:#fff;border:1px solid #ced4da;border-bottom:1px solid #fff;color:#333;}.overlay_2nd .container .nav-tabs .nav-link.active:hover{border-color:#ced4da;border-bottom:1px solid #fff;color:#333;}.overlay_2nd .container .nav-tabs .nav-link:hover{border-color:#fff;border-bottom:1px solid #ced4da;color:#2C99D3;}.overlay_2nd .container .tab-content{border:1px solid #ced4da;padding:10px;}.overlay_2nd .container .tab-content .check_select{justify-content:center;display:flex;color:#AAB6BB;}.overlay_2nd .container .tab-content .check_select p{font-weight:400;margin-bottom:0;}.overlay_2nd .container .tab-content .check_select p.style1{align-self:center;}.overlay_2nd .container .tab-content .check_select .form-check{text-align:center;align-self:center;}.overlay_2nd .container .tab-content .check_select .form-check.style1{text-align:start;}.overlay_2nd .container .tab-content .check_select .form-check label{font-weight:400;}.overlay_2nd .container .tab-content .check_select .form-check .form-check-input{margin-left:0;width:15px;height:15px;}.overlay_2nd .container .tab-content .check_select .form-check .form-check-input:checked{background-color:#2C99D3;border-color:#2C99D3;}.overlay_2nd .container .tab-content .check_select .form-check p{text-align:start;font-size:11px;}.overlay_2nd .container .tab-content .input_label{align-self:center;margin-bottom:0;color:#333;padding-left:20px;}.overlay_2nd .container .tab-content .input-group{width:75%;padding-right:20px;}.overlay_2nd .container .tab-content .input-group.style1{width:100%;}.overlay_2nd .container .tab-content .input-group .units_set{background-color:#fff;color:#333;border:1px solid #ced4da;}.overlay_2nd .container .tab-content .demo{margin:10px;}.overlay_2nd .container .tab-content .demo .browser_top{background-color:#F0F2F5;border:1px solid #F0F2F5;}.overlay_2nd .container .tab-content .demo .browser_top span{width:5px;height:5px;display:inline-block;border-radius:50%;}.overlay_2nd .container .tab-content .demo .browser_top span:nth-child(1){background:#FE5E57;}.overlay_2nd .container .tab-content .demo .browser_top span:nth-child(2){background:#FDBC2E;}.overlay_2nd .container .tab-content .demo .browser_top span:nth-child(3){background:#28C83F;}.overlay_2nd .container .tab-content .demo .browser_body{background-color:#fff;border:1px solid #F0F2F5;}.overlay_2nd .container .tab-content .demo .browser_body .container_block{max-width:300px;height:20px;background-color:#E8F7FC;margin:0px auto;}.overlay_2nd .container .tab-content .demo .browser_body .b_container{height:80px;background-color:#B7D4FF;position:relative;margin:0px auto;}.overlay_2nd .container .tab-content .demo .browser_body .b_container .text01{top:0px;left:0px;background:rgba(249,79,79,0.7);border-radius:0px 2px 2px 0px;color:#fff;font-size:10px;position:absolute;display:inline-block;padding:1px 4px;}.overlay_2nd .container .tab-content .demo .browser_body .b_container .b-content{width:100%;height:100%;background:#FFF9E9;}.overlay_2nd .container .tab-content .demo .browser_body .b_container .b-content.narrow{max-width:300px;margin:0px auto;}.overlay_2nd .container .tab-content .demo .browser_body .b_container .b-content.full-width{width:100% !important;}.overlay_2nd .container .tab-content .demo .browser_body .b_container .b-content::before{left:0;right:auto;content:"";display:block;width:1px;height:calc(100% + 20px);position:absolute;top:-10px;border-right:1px dashed rgb(249,79,79);}.overlay_2nd .container .tab-content .demo .browser_body .b_container .b-content::after{left:auto;right:0px;content:"";display:block;width:1px;height:calc(100% + 20px);position:absolute;top:-10px;border-left:1px dashed rgb(249,79,79);}.overlay_2nd .container .tab-content .demo .browser_body .b_container .b-content span{display:inline-block;font-size:10px;position:absolute;}.overlay_2nd .container .tab-content .demo .browser_body .b_container .b-content .text{top:50%;left:50%;background:rgba(92,73,24,0.7);color:#fff;transform-origin:0px 0px;transform:translate(-50%,-50%) scale(0.85);padding:1px 4px;}.overlay_2nd .container .tab-content .demo .browser_body .b_container .b-content .pl{background-color:rgb(255,230,230);height:100%;top:0px;left:0px;}.overlay_2nd .container .tab-content .demo .browser_body .b_container .b-content .pr{background-color:rgb(255,230,230);height:100%;top:0px;right:0px;}.overlay_2nd .container .tab-content .demo .browser_body .b_container .b-content .pt{background-color:rgb(255,230,230);width:100%;top:0px;left:0px;}.overlay_2nd .container .tab-content .demo .browser_body .b_container .b-content .pb{background-color:rgb(255,230,230);width:100%;bottom:0px;left:0px;}.overlay_2nd .container .tab-content .demo .browser_body .b_container .b-content .t{top:0px;left:calc(50% - 5px);}.overlay_2nd .container .tab-content .demo .browser_body .b_container .b-content .r{top:calc(50% - 5px);right:8px;}.overlay_2nd .container .tab-content .demo .browser_body .b_container .b-content .b{bottom:0px;right:calc(50% - 5px);}.overlay_2nd .container .tab-content .demo .browser_body .b_container .b-content .l{top:calc(50% - 5px);left:8px;}@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px);}to{opacity:1;transform:translateY(0);}}.search-dropdown-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:flex-start;padding-top:0px;margin-top:60px;border-top:1px solid #747373;z-index:9999;transition:opacity 0.3s ease;overflow-y:auto;}.search-dropdown-container.d-block{animation:fadeInDown 0.3s ease-out forwards;}.search-dropdown-container.d-none{opacity:0;pointer-events:none;}.search-dropdown-container .search-dropdown-inner{background-color:#16181a;border-radius:0;padding:30px;width:100%;max-width:none;box-shadow:none;color:#fff;box-sizing:border-box;margin-bottom:0;}.search-dropdown-container .search-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;}.search-dropdown-container .search-header .search-title{font-size:28px;font-weight:bold;color:#fff;margin:0;}.search-dropdown-container .search-header .close-search-btn{background:none;border:none;cursor:pointer;padding:0;}.search-dropdown-container .search-header .close-search-btn svg{width:28px;height:28px;stroke:#fff;transition:transform 0.2s ease;}.search-dropdown-container .search-header .close-search-btn:hover svg{transform:rotate(90deg);}.search-dropdown-container .search-input-wrapper{position:relative;margin-bottom:32px;}.search-dropdown-container .search-input-wrapper .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:22px;height:22px;stroke:#888;}.search-dropdown-container .search-input-wrapper .search-input{width:100%;padding:16px 16px 16px 50px;background-color:#2b2b2b;border:none;border-radius:8px;color:#fff;font-size:18px;outline:none !important;}.search-dropdown-container .search-input-wrapper .search-input::-moz-placeholder{color:#888;}.search-dropdown-container .search-input-wrapper .search-input::placeholder{color:#888;}.search-dropdown-container .search-input-wrapper .search-input:focus{box-shadow:0 0 0 2px rgba(0,123,255,0.5);outline:none !important;}.search-dropdown-container .hot-keywords{display:flex;align-items:center;flex-wrap:wrap;gap:12px;}.search-dropdown-container .hot-keywords .hot-keywords-label{font-size:16px;color:#aaa;margin-right:8px;white-space:nowrap;}.search-dropdown-container .hot-keywords .keyword-tag{background-color:#3a3a3a;color:#e0e0e0;border:none;border-radius:20px;padding:8px 16px;font-size:15px;cursor:pointer;transition:background-color 0.2s ease,transform 0.1s ease;}.search-dropdown-container .hot-keywords .keyword-tag:hover{background-color:#4a4a4a;transform:translateY(-2px);}.search-dropdown-container .hot-keywords .keyword-tag:active{transform:translateY(0);}@media (max-width:853px){.search-dropdown-container{margin-top:50px !important;border-top:1px solid #747373;}}@media (max-width:540px){.search-dropdown-container{margin-top:48px !important;border-top:1px solid #747373;}.search-title{font-size:24px !important;}.keyword-tag{font-size:12px !important;}.search-input{padding:10px 10px 10px 40px !important;}.search-input::-moz-placeholder{font-size:14px !important;}.search-input::placeholder{font-size:14px !important;}}@media (max-width:430px){.search-dropdown-container{margin-top:42px !important;border-top:1px solid #747373;}}@media (max-width:320px){.search-title{font-size:18px !important;}.search-input{padding:10px 10px 10px 40px !important;}.search-input::-moz-placeholder{font-size:12px !important;}.search-input::placeholder{font-size:12px !important;}}.btn-icon{width:32px;height:32px;}.page-topbar{background-color:#16181A !important;border-bottom:1px solid #16181A !important;}.top-menu{padding:10px;font-size:14px;}.profile-hd{background-color:#000000;padding-top:12px !important;padding-bottom:12px !important;}.profile-hd.style1:hover{background-color:#16181A !important;}.profile-bg{background-color:#000000;padding-top:12px !important;padding-bottom:12px !important;}.profile-bg:hover{background-color:#16181A !important;}.btn-main{background-color:#e32652;border:1px solid #e32652;color:#F7F7F7;}.btn-main:hover,.btn-main:active,.btn-main:focus-visible{background-color:#fa3462 !important;color:#F7F7F7;}.btn-outline-main{background-color:transparent;border:1px solid #e32652;color:#e32652;}.btn-outline-main:hover,.btn-outline-main:active,.btn-outline-main:focus-visible{border:1px solid #fa3462 !important;color:#fa3462 !important;}.btn-sub{background-color:#303136;border:1px solid #393939;color:#fff;}.btn-sub:hover,.btn-sub:active,.btn-sub:focus-visible{background-color:#303136 !important;color:#fff;}.btn-outline-sub{background-color:transparent;border:1px solid #626161;color:#F4F4F5;}.btn-outline-sub:hover,.btn-outline-sub:active,.btn-outline-sub:focus-visible{border:1px solid #d6d6d6 !important;color:#d6d6d6 !important;}.btn-third{background-color:#626161;border:1px solid #626161;color:#fff;}.btn-third:hover,.btn-third:active,.btn-third:focus-visible{background-color:#747474 !important;color:#fff;}.btn-clear{background-color:#16181A;color:#F4F4F5;}.btn-clear:hover,.btn-clear:active,.btn-clear:focus-visible{background-color:#303136;color:#fff;border:1px solid #303136;}@media (max-width:768px){.btn-clear{width:45% !important;height:48px !important;font-size:14px !important;border-radius:8px !important;}}.input-main{background-color:#303136 !important;border:1px solid #393939 !important;}.foot-menu{color:#f7f7f7;}.text-green{color:#3FB984;}.text-red{color:#e32652;}.form-radio-main .form-check-input:checked{border-color:#fff;background-color:transparent;}.section-title{position:relative;display:inline-block;color:white;font-weight:bold;font-size:26px;margin-top:80px;margin-bottom:30px;}.section-title::after{content:"";position:absolute;left:0;bottom:-8px;width:65px;height:4px;background-color:#e32652;}.rank-label{position:absolute;top:10px;background:rgba(19,19,19,0.7);color:#fff;font-weight:500;padding:2px 8px;border-radius:12px;}.second-title{color:#f7f7f7;letter-spacing:2px;border-left:3px solid #EA1445;}.custom-tab{display:flex;border-bottom:1px solid #383838;}.custom-tab.style1,.custom-tab.style2,.custom-tab.style3,.custom-tab.style4{border-bottom:none;}.custom-tab .nav-link{color:#A0A0A0;background-color:transparent;border:none;border-bottom:2px solid transparent;border-radius:0;padding:0.7rem 1rem 0.6rem 1rem;font-size:16px;font-weight:400;transition:color 0.15s ease,border-color 0.15s ease;}.custom-tab .nav-link:hover,.custom-tab .nav-link:focus{color:#ffffff;background-color:transparent;border-bottom:2px solid transparent;outline:none;box-shadow:none;}.custom-tab .nav-link.style2{font-size:14px;}.custom-tab .nav-link.style4{border-bottom:none;}.custom-tab .nav-link.active{color:#ffffff;background-color:transparent;border-bottom:2px solid #e32652;border-radius:0;font-weight:600;}.custom-tab .nav-link.active:hover,.custom-tab .nav-link.active:focus{color:#ffffff;border-bottom:2px solid #e32652;background-color:transparent;}.custom-tab .nav-link.active.style2{border-bottom:2px solid #fff;font-size:14px;}.custom-tab .nav-link.active.style4{border-bottom:none;color:#e32652;}.textarea-white{border:1px solid #fff;background-color:#fff;color:#16181a !important;}.textarea-white:focus{border:1px solid #fff;background-color:#fff;}.ribbon{position:absolute;top:18px;left:18px;background-color:rgba(227,38,82,0.8);color:white;font-size:12px;padding:3px 10px;font-weight:400;z-index:10;border-radius:15px;}.ribbon.style1{top:10px;}.text-overlay{max-width:100% !important;top:20% !important;transform:translateY(-50%);left:25% !important;transform:translateX(-50%) translateY(-50%);padding:0 20px !important;font-size:16px !important;}.text-overlay p{line-height:1.4;margin-bottom:5px !important;}.text-overlay p:last-child{margin-bottom:0 !important;}.text-overlay.style1{top:56% !important;left:20% !important;}.play-button{top:50px !important;right:50px !important;margin:0 !important;}.play-button i{font-size:80px !important;color:#ced4da !important;}@media (max-width:1024px){.navbar-expand-lg{display:flex !important;}.navbar-expand-lg .navbar-nav{flex-direction:row !important;}.navbar-expand-lg .navbar-nav .nav-link{margin-right:10px;}.navbar-expand-lg .navbar-nav .nav-link:last-child{margin-right:0;}#notificationDropdown{display:flex !important;}.top-icons{gap:1rem !important;}.main-logo{height:50px;}.text-overlay{top:32% !important;}.play-button{top:60px !important;}}@media (max-width:853px){.navbar-expand-lg{display:none !important;}#notificationDropdown{display:none !important;}.top-icons{margin-left:auto !important;}.hamburger-icon{display:flex !important;font-size:28px !important;margin-bottom:15px !important;margin-left:15px;margin-right:10px;}.topbar-menu{padding:0.8rem 1rem !important;}.main-logo{height:46px !important;}.offcanvas.offcanvas-end{width:180px !important;}#banner-lg{display:none !important;}#banner-sm{display:block !important;overflow-x:hidden !important;margin-top:40px;}#banner-sm .carousel-inner{overflow:hidden;}#banner-sm .carousel-inner .carousel-item{display:block !important;width:100%;}#banner-sm .carousel-inner .carousel-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block;}.mobile-menu-icons{display:flex !important;}.mobile-menu-icons .icon-box{width:80%;aspect-ratio:1/1;background-color:#0F0F10;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;}.mobile-menu-icons i{font-size:28px;}.mobile-menu-icons .divide-title{font-size:14px;}.section-title{text-align:center;margin-top:40px;margin-bottom:20px !important;}.section-title::after{content:none !important;}.section-title.style1{margin-top:20px !important;}.section-title.style2{margin-bottom:-15px !important;}#loadMoreBtn{display:none;}#fund-lg{width:80% !important;}#hot-lg{display:none !important;}#hot-sm,#category-sm{--sm-side:20px;--sm-peek:24px;--sm-card-w:clamp(260px,76vw,420px);--sm-card-pad-y:12px;--sm-card-pad-x:12px;--sm-card-pad-right:56px;--sm-card-radius:12px;--sm-card-min-h:96px;--sm-img:56px;--sm-play:36px;--sm-play-right:16px;--sm-title-size:15px;--sm-desc-size:13px;--sm-card-bg:#1a1b1f;--sm-card-border:#2b2d33;}#hot-sm{display:block !important;width:100%;padding:15px;box-sizing:border-box;}.hot-sm-scroll-container{overflow-x:auto;overflow-y:visible;white-space:nowrap;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scroll-snap-type:x mandatory;scroll-padding-left:var(--sm-side);scroll-padding-right:var(--sm-side);touch-action:pan-x;cursor:grab;padding-bottom:28px;padding-left:var(--sm-side);padding-right:var(--sm-side);scrollbar-width:none;-ms-overflow-style:none;}.hot-sm-scroll-container::-webkit-scrollbar{display:none;}.hot-sm-scroll-container .hot-sm-scroll-track{display:flex;gap:12px;padding-bottom:10px;padding-right:0;width:-moz-max-content;width:max-content;}.hot-sm-scroll-container .hot-sm-scroll-group{flex:0 0 auto;display:flex;flex-direction:column;gap:10px;width:var(--sm-card-w);padding-right:0;box-sizing:border-box;align-items:flex-start;scroll-snap-align:start;scroll-snap-stop:always;}.hot-sm-scroll-container .hot-sm-scroll-group:last-child{scroll-snap-align:end;}.hot-sm-scroll-container .hot-sm-scroll-group a{display:block;width:100%;}.hot-sm-scroll-container .hot-sm-scroll-group .hot-sm-card{position:relative;display:flex;align-items:center;gap:8px;background-color:var(--sm-card-bg);border:1px solid var(--sm-card-border);padding:var(--sm-card-pad-y) var(--sm-card-pad-right) var(--sm-card-pad-y) var(--sm-card-pad-x);border-radius:var(--sm-card-radius);min-height:var(--sm-card-min-h);width:100%;}.hot-sm-scroll-container .hot-sm-scroll-group .hot-sm-card .hot-sm-card-image{width:var(--sm-img);height:var(--sm-img);flex-shrink:0;}.hot-sm-scroll-container .hot-sm-scroll-group .hot-sm-card .hot-sm-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:6px;}.hot-sm-scroll-container .hot-sm-scroll-group .hot-sm-card .hot-sm-rank-number{font-family:"Bebas Neue",sans-serif;font-size:24px;line-height:1;color:#fff;margin:0 8px 0 4px;flex-shrink:0;}.hot-sm-scroll-container .hot-sm-scroll-group .hot-sm-card .hot-sm-card-content{flex-grow:1;white-space:normal;line-height:1.3;min-width:0;}.hot-sm-scroll-container .hot-sm-scroll-group .hot-sm-card .hot-sm-card-content .hot-sm-card-text,.hot-sm-scroll-container .hot-sm-scroll-group .hot-sm-card .hot-sm-card-content .hot-sm-text-group{display:flex;flex-direction:column;gap:2px;}.hot-sm-scroll-container .hot-sm-scroll-group .hot-sm-card .hot-sm-card-content .hot-sm-card-title,.hot-sm-scroll-container .hot-sm-scroll-group .hot-sm-card .hot-sm-card-content .hot-sm-card-name{color:#fff;font-size:var(--sm-title-size);margin-bottom:6px;font-weight:600;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}.hot-sm-scroll-container .hot-sm-scroll-group .hot-sm-card .hot-sm-card-content .hot-sm-card-description,.hot-sm-scroll-container .hot-sm-scroll-group .hot-sm-card .hot-sm-card-content .hot-sm-card-instructor{color:#C0C0C0;font-size:var(--sm-desc-size);margin-bottom:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}.hot-sm-scroll-container .hot-sm-scroll-group .hot-sm-card .hot-sm-card-play-button{position:absolute;right:var(--sm-play-right);top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.35);color:#fff;width:var(--sm-play);height:var(--sm-play);border-radius:50%;display:flex;align-items:center;justify-content:center;}.hot-sm-scroll-container .hot-sm-scroll-group .hot-sm-card .hot-sm-card-play-button i{font-size:18px;color:#fff;}.hot-sm-indicator-dots{margin-top:15px;display:flex;justify-content:center;}.hot-sm-indicator-dots .hot-sm-dot{background-color:#626161;width:8px;height:8px;border-radius:50%;margin:0 4px;transition:background-color 0.3s ease,width 0.3s ease,border-radius 0.3s ease;}.hot-sm-indicator-dots .hot-sm-dot.active{background-color:#F7F7F7;width:24px;border-radius:4px;}#category-lg{display:none !important;}#category-sm{display:block !important;padding:0 var(--sm-side);box-sizing:border-box;width:80%;}#category-sm .category-sm-tabs{margin-left:calc(var(--sm-side) * -1);padding-left:var(--sm-side);padding-right:var(--sm-side);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;display:flex;flex-wrap:nowrap;border-bottom:none;}#category-sm .category-sm-tabs::-webkit-scrollbar{display:none;}#category-sm .category-sm-tabs .nav-item{flex-shrink:0;margin-right:8px;}#category-sm .category-sm-tabs .nav-item:last-child{margin-right:0;}#category-sm .category-sm-tabs .nav-link.style4{background-color:#303136;border:1px solid #393939;color:#F4F4F5;border-radius:20px;padding:8px 16px;font-size:13px;white-space:nowrap;line-height:1;height:34px;display:inline-flex;align-items:center;}#category-sm .category-sm-tabs .nav-link.style4:hover{color:#fff;border-color:#fff;background-color:#303136;}#category-sm .category-sm-tabs .nav-link.style4.active{background-color:#e32652;border-color:#e32652;color:#F7F7F7;font-weight:bold;border-bottom:1px solid #e32652;}#category-sm .tab-content{background-color:transparent !important;border:none !important;padding:0 !important;margin-top:20px !important;}#discount-lg{width:90% !important;}#quick-lg{width:80% !important;}#real-lg{width:80% !important;margin-bottom:20px !important;}#article-lg{background-color:#000 !important;}#article-lg .col-lg-7{margin-top:20px !important;}.article-title-lg{display:none;}.article-title-sm{display:flex !important;justify-content:center;margin-top:0px;}.article-sub{font-size:16px !important;}.article-text{font-size:13px !important;}.date-sm{font-size:12px !important;}.carousel-item.style1.active{height:600px;overflow:hidden;}img{width:100%;-o-object-fit:cover;object-fit:cover;}.text-overlay{max-width:100% !important;top:40% !important;transform:translateY(-50%);left:35% !important;transform:translateX(-50%) translateY(-50%);padding:0 20px !important;font-size:16px !important;}.text-overlay p{line-height:1.6;margin-bottom:10px !important;}.text-overlay p:last-child{margin-bottom:0 !important;}.play-button{top:20px !important;right:20px !important;margin:0 !important;}.play-button i{font-size:70px !important;}.footer #footer-lg{display:none;}.footer #footer-sm{display:flex !important;}}@media (max-width:540px){.btn-icon{width:32px;height:32px;}.btn-icon i{font-size:22px !important;}.hamburger-icon{font-size:28px !important;margin-bottom:15px !important;}.main-logo{height:50px !important;}.mobile-menu-icons .icon-box{width:90%;}.mobile-menu-icons .divide-title{font-size:12px;}#hot-sm{width:100%;margin-bottom:40px !important;}#hot-sm,#category-sm{--sm-side:16px;--sm-peek:32px;--sm-card-w:clamp(240px,72vw,360px);--sm-card-pad-y:10px;--sm-card-pad-x:10px;--sm-card-pad-right:56px;--sm-card-min-h:92px;--sm-img:52px;--sm-play:32px;--sm-play-right:14px;--sm-title-size:14px;--sm-desc-size:12px;}#category-sm{width:100%;}#discount-sm{display:block !important;width:90% !important;padding:0 20px;box-sizing:border-box;margin-bottom:60px !important;}#discount-sm .discount-sm-scroll-container{overflow-x:scroll;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:20px;margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px;}#discount-sm .discount-sm-scroll-container::-webkit-scrollbar{display:none;}#discount-sm .discount-sm-scroll-track{display:flex;gap:15px;padding-bottom:10px;}#discount-sm .discount-sm-card{flex:0 0 auto;width:80%;max-width:300px;box-sizing:border-box;}#quick-sm{display:block !important;width:90% !important;padding:0 20px;box-sizing:border-box;margin-bottom:60px !important;}#quick-sm .quick-sm-scroll-container{overflow-x:scroll;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:20px;margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px;}#quick-sm .quick-sm-scroll-container::-webkit-scrollbar{display:none;}#quick-sm .quick-sm-scroll-track{display:flex;gap:15px;padding-bottom:10px;}#quick-sm .quick-sm-card{flex:0 0 auto;width:100%;box-sizing:border-box;}#real-sm{display:block !important;width:90% !important;padding:0 20px;box-sizing:border-box;margin-bottom:60px !important;}#real-sm .real-sm-scroll-container{overflow-x:scroll;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:20px;margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px;}#real-sm .real-sm-scroll-container::-webkit-scrollbar{display:none;}#real-sm .real-sm-scroll-track{display:flex;gap:15px;padding-bottom:10px;}#real-sm .real-sm-card{flex:0 0 auto;width:100%;box-sizing:border-box;}.article-row{width:90% !important;}.whole-padding{padding-top:0px !important;}.menu-mb-display{display:none !important;}.sidebar-lg{height:203px !important;}.sidebar-lg .border-mb-none{border-bottom:none !important;padding-top:0px !important;padding-bottom:0px !important;}.menu-drop-mb{display:flex !important;}.account-main-content{padding:0px !important;}.tw-address-group{margin-bottom:1rem !important;}.auth-page-content{margin-top:-30px !important;}.fund-subtitle{font-size:18px !important;}.fund-number{font-size:26px !important;}.origin-price{font-size:14px !important;}.fund-progress{font-size:14px !important;}.discount-name{font-size:20px !important;}.discount-subtitle{font-size:16px !important;}}@media (max-width:430px){.btn-icon{width:30px;height:30px;}.btn-icon i{font-size:20px !important;}.main-logo{height:50px !important;}.mobile-menu-icons{display:flex !important;padding:10px 2px !important;}.mobile-menu-icons .icon-box{width:100%;padding:8px;}.mobile-menu-icons i{font-size:20px;}.mobile-menu-icons .divide-title{font-size:12px;}.mobile-menu-icons .col{padding:0px 5px !important;}.section-title{font-size:24px;font-weight:400;}.fund-name{font-size:22px !important;font-weight:400 !important;}#fund-lg{width:90% !important;}#hot-sm{width:100%;}#hot-sm,#category-sm{--sm-side:10px;--sm-peek:16px;--sm-card-w:clamp(220px,76vw,340px);--sm-card-pad-y:10px;--sm-card-pad-x:8px;--sm-card-pad-right:52px;--sm-card-min-h:88px;--sm-img:48px;--sm-play:30px;--sm-play-right:12px;--sm-title-size:14px;--sm-desc-size:12px;}.hot-sm-indicator-dots{margin-top:5px !important;}.hot-sm-indicator-dots .hot-sm-dot{width:6px;height:6px;}.hot-sm-indicator-dots .hot-sm-dot.active{height:6px;}#category-sm{width:100% !important;}#category-sm .category-sm-tabs{margin-left:calc(var(--sm-side) * -1);margin-right:calc(var(--sm-side) * -1);padding-left:var(--sm-side);padding-right:calc(var(--sm-side) + var(--sm-peek));overflow-x:scroll;-webkit-overflow-scrolling:touch;scroll-padding-left:var(--sm-side);scroll-padding-right:var(--sm-side);scrollbar-width:none;-ms-overflow-style:none;display:flex;flex-wrap:nowrap;border-bottom:none;}#category-sm .category-sm-tabs::-webkit-scrollbar{display:none;}#category-sm .category-sm-tabs .nav-item{flex-shrink:0;margin-right:8px;}#category-sm .category-sm-tabs .nav-item:last-child{margin-right:0;}#category-sm .category-sm-tabs .nav-link.style4{padding:5px 12px !important;font-size:12px !important;}#discount-sm{width:100% !important;}#quick-sm{width:100% !important;}#real-sm{width:100% !important;}.article-row{width:100% !important;}.article-text{font-size:12px !important;margin-bottom:0px !important;}.article-sub{font-size:18px !important;}.text-overlay p{font-size:20px !important;}.play-button{top:40px !important;right:10px !important;}.play-button i{color:rgba(247,247,247,0.5) !important;font-size:50px !important;}#footer-sm{padding-left:1rem !important;padding-right:1rem !important;}#footer-sm .foot-menu{font-size:14px !important;}#footer-sm .foot-menu.style1{color:#C0C0C0 !important;font-size:10px !important;}#footer-sm .mobile-footer-copyright{padding:0px !important;}#footer-sm .footer-copy{font-size:10px !important;color:#C0C0C0 !important;}#quick-lg{width:90% !important;}#real-lg{width:90% !important;}}@media (max-width:320px){.custom-tab .nav-link.style2{font-size:10px;}.custom-tab .nav-link.active.style2{font-size:10px;}}.teacher-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0;}.teacher-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block;}@media (max-width:576px){.teacher-avatar{width:60px;height:60px;}}@media (max-width:768px){#courseTabs{display:flex;flex-wrap:nowrap !important;overflow-x:auto !important;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;}#courseTabs::-webkit-scrollbar{display:none;}#courseTabs .nav-item{flex:0 0 25%;text-align:center;white-space:nowrap;}#courseTabs{padding-right:10%;}#courseTabs::after{content:"";position:sticky;top:0;right:0;width:40px;height:100%;background:linear-gradient(to left,rgba(0,0,0,0.8),rgba(0,0,0,0));pointer-events:none;}}.rounded-3-5{border-radius:0.35rem !important;}.text-silver{color:#C0C0C0 !important;}@media (max-width:768px){.course-section-width{width:100% !important;padding-left:12px;padding-right:12px;}#fund-lg{width:100% !important;padding-left:12px;padding-right:12px;box-sizing:border-box;}.discount-scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;position:relative;width:100%;padding-bottom:8px;scroll-snap-type:x mandatory;scroll-padding-left:12px;scroll-padding-right:12px;}.discount-scroll-track{display:flex;flex-wrap:nowrap;width:-moz-max-content;width:max-content;}.discount-scroll-wrapper::after{display:none;}.home-course-card.crowdfunding-card{width:100% !important;max-width:100% !important;flex:0 0 100% !important;}.scroll-course-card{width:calc((100vw - 24px) / 1.2) !important;max-width:calc((100vw - 24px) / 1.2) !important;min-width:calc((100vw - 24px) / 1.2) !important;flex:0 0 calc((100vw - 24px) / 1.2) !important;scroll-snap-align:start;scroll-snap-stop:always;}.course-card{flex-shrink:0;}.discount-scroll-wrapper::-webkit-scrollbar{display:none;}}@media (min-width:769px){.scroll-course-card{width:320px !important;max-width:320px !important;flex:0 0 320px !important;}}@media (max-width:768px){#myLesson-lg{display:none !important;}.col-md-10.mylesson-sm-w{flex:0 0 100% !important;max-width:100% !important;}.custom-tab .nav-link,.nav-link.mylesson-tabs-mb{font-size:13px;padding:0.55rem 0.6rem;}.mylesson-search-sm{display:block !important;}.mylesson-search-lg{display:none !important;}.orderlist-title-sm{display:block !important;}.mobile-course-list{display:block !important;}}@media (max-width:991.98px){#NotificationIcon{display:none !important;}#loginButtonContainer{display:none !important;}.dropdown-display{width:260px !important;}.profile-img{width:40px;}}@media (max-width:540px){.offcanvas.offcanvas-end.style1{width:400px !important;}}.cart-count-badge{color:#fff;background-color:#e32652 !important;box-shadow:0 2px 6px rgba(0,0,0,0.15);font-weight:bold;text-align:center;line-height:20px;pointer-events:none;}@media (max-width:991.98px){.cart-count-badge{font-size:8px;min-width:13px;height:13px;line-height:13px;right:0;top:0;}.top-icons button.btn-icon,.top-icons a > button.btn-icon{display:flex !important;align-items:center;justify-content:center;}.top-icons .position-relative{display:block;}.topbar-menu{align-items:center;}}.find-profile-sm{width:24px !important;height:24px !important;-o-object-fit:cover !important;object-fit:cover !important;-o-object-position:center;object-position:center;}@media (max-width:540px){.find-profile-sm{width:24px !important;height:24px !important;}}.modal-backdrop{background-color:rgba(0,0,0,0.78) !important;opacity:1 !important;}#myLesson-lg{background-color:#16181A;border-right:0.5px solid #252527;height:100%;}#myLesson-lg .sidebar-header{border-bottom:0.5px solid #252527;}.shifu-member-menu a{display:block;text-align:center;padding-top:0.75rem;padding-bottom:0.75rem;text-decoration:none;color:#C0C0C0;border-bottom:0.5px solid #252527;transition:background-color 0.15s ease,color 0.15s ease;}.shifu-member-menu a:hover{background-color:rgba(227,38,82,0.08) !important;color:#E32652 !important;}.shifu-member-menu a.bg-primary{background-color:#E32652 !important;color:#ffffff !important;}@media (min-width:768px){#myLesson-sm{display:none !important;}#myLesson-lg{display:block !important;}#myLesson-lg .menu-mb-display a:last-child{border-bottom:none !important;}}@media (max-width:767.98px){#myLesson-lg{display:none !important;}#myLesson-sm{display:block !important;}}@media (min-width:768px) and (max-width:991.98px){#myLesson-lg .menu-mb-display a{font-size:13px !important;padding-top:0.6rem !important;padding-bottom:0.6rem !important;}#myLesson-lg .sidebar-header{padding-top:1rem !important;padding-bottom:1rem !important;}#myLesson-lg .sidebar-avatar,#myLesson-lg .sidebar-avatar-placeholder{width:72px !important;height:72px !important;}}@media (max-width:390px){.topbar-menu{padding:0.5rem 0.625rem !important;}.main-logo{height:38px !important;}.top-icons{gap:0.375rem !important;}.hamburger-icon{font-size:22px !important;margin-left:6px !important;margin-right:0 !important;margin-bottom:0 !important;}.btn-icon{width:30px !important;height:30px !important;}.btn-icon i{font-size:16px !important;}}@media (max-width:360px){.topbar-menu{padding:0.5rem 0.5rem !important;}.main-logo{height:34px !important;}.top-icons{gap:0.25rem !important;}}