@charset "UTF-8";:root{--card:#fff;--ink:#17192d;--pill:#2b2d4b;--gold:#cdad7e;--purple:#60629b;--teal:#2ba7a1;--red:#be4e4e;--blue:#3b6bd1;--shadow:0 10px 30px rgba(9,10,37,.15);--radius:22px;}body.course .page-box{margin:0 0 1rem!important;}@media(max-width:991px){body.course .h2 .txt-tw{clip-path:inherit;width:100%;}}body.course .editor img{border-radius:30px;}body.course .h-button{position:absolute;top:-52px;right:2px;display:flex;gap:7px;}body.course .h-button button{background:#32335b;color:rgba(255,255,255,.4705882353);border:0;padding:6px 25px 7.5px;border-radius:7px;position:relative;overflow:hidden;transition:background-color .4s ease;box-shadow:0 3px 10px 0 rgba(25,26,59,.6705882353);will-change:background-color;backface-visibility:hidden;transform:translateZ(0);}body.course .h-button button::before{content:"";position:absolute;inset:0 auto 0 0;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 100%);transform:translate3d(-150%,0,0) skewX(-25deg);opacity:.3;pointer-events:none;}body.course .h-button button:hover,body.course .h-button button.is-active{background:#a9362e;color:#fff;}body.course .h-button button:hover::before{animation:shineX .6s linear both;}body.course .h-button button.is-active::before{animation:none;}body.course .breadcrumb li:first-child a,body.course .breadcrumb-item+.breadcrumb-item::before{filter:invert(1);opacity:.5;}body.course .breadcrumb a{color:rgba(255,255,255,.5607843137);}body.course .page-content{background-color:#222344;}body.course .page-content .main .container .content .h2 .txt-en{color:rgba(96,98,155,.3803921569);z-index:0;transform:translateX(-40px);}body.course .page-content .main .container .content>.container:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;}@media(max-width:991px){body.course .page-content .main .container .content>.container:first-child{display:block;}}body.course .page-content .main .container .content>.container:first-child .h1_tit{margin-bottom:0;}body.course .page-content .main .container .content .container2 .course-cards{display:grid;gap:50px;margin:6rem 0 0;position:relative;}@media(max-width:767px){body.course .page-content .main .container .content .container2 .course-cards{gap:30px;}}body.course .page-content .main .container .content .container2 .course-cards .no-data{text-align:center;opacity:.7;transform:translateY(-50px);pointer-events:none;}@media(max-width:767px){body.course .page-content .main .container .content .container2 .course-cards .no-data{transform:translateY(-10px);}}body.course .page-content .main .container .content .container2 .course-cards .course-card{position:relative;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:45px 28px;color:var(--ink);overflow:visible;margin-bottom:3rem;}@media(max-width:1150px){body.course .page-content .main .container .content .container2 .course-cards .course-card{padding:30px;}}body.course .page-content .main .container .content .container2 .course-cards .course-card .ribbon-wrap{position:absolute;left:35px;top:0;transform:translateY(-50%);display:flex;gap:10px;z-index:2;}body.course .page-content .main .container .content .container2 .course-cards .course-card .ribbon{--rib-h:40px;--rib-cut:18px;--rib-color:var(--teal);height:var(--rib-h);line-height:var(--rib-h);padding:0 30px 0 20px;background:var(--rib-color);color:#fff;font-weight:700;letter-spacing:.5px;box-shadow:0 4px 0 rgba(0,0,0,.12);clip-path:polygon(0 0,calc(100% - var(--rib-cut)) 0,100% 100%,0 100%);user-select:none;}body.course .page-content .main .container .content .container2 .course-cards .course-card .ribbon--news{--rib-color:var(--red);}body.course .page-content .main .container .content .container2 .course-cards .course-card .ribbon--trending{--rib-color:var(--teal);}body.course .page-content .main .container .content .container2 .course-cards .course-card .ribbon--best{--rib-color:var(--blue);}body.course .page-content .main .container .content .container2 .course-cards .course-card .card-inner{display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(320px,1fr) auto;gap:32px;align-items:start;}@media(max-width:1150px){body.course .page-content .main .container .content .container2 .course-cards .course-card .card-inner{display:flex;flex-direction:column;gap:13px;}}body.course .page-content .main .container .content .container2 .course-cards .course-card .card-inner .card-left{grid-column:1;grid-row:1;transform:translateY(15px);}body.course .page-content .main .container .content .container2 .course-cards .course-card .card-inner .card-left .course-title{margin:0 0 9px;font-size:23px;font-weight:700;color:var(--ink);}body.course .page-content .main .container .content .container2 .course-cards .course-card .card-inner .card-left .taglist{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px;}body.course .page-content .main .container .content .container2 .course-cards .course-card .card-inner .card-left .taglist .tag{display:inline-block;padding:6px 12px 6.5px;border-radius:999px;background:var(--pill);color:#fff;font-size:13px;box-shadow:0 2px 0 rgba(0,0,0,.15) inset;user-select:none;}body.course .page-content .main .container .content .container2 .course-cards .course-card .card-inner .card-right{grid-column:2;grid-row:1;}body.course .page-content .main .container .content .container2 .course-cards .course-card .card-inner .card-right .desc-list{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-direction:column;gap:5px;min-height:80px;}@media(max-width:767px){body.course .page-content .main .container .content .container2 .course-cards .course-card .card-inner .card-right .desc-list{min-height:0;}}body.course .page-content .main .container .content .container2 .course-cards .course-card .card-inner .card-right .desc-list li{position:relative;padding-left:20px;line-height:1.6;font-size:15px;}body.course .page-content .main .container .content .container2 .course-cards .course-card .card-inner .card-right .desc-list li::before{content:"";position:absolute;left:0;top:.7em;width:8px;height:8px;border-radius:50%;background:var(--gold);transform:translateY(-50%);}body.course .page-content .main .container .content .container2 .course-cards .course-card .card-inner .card-bt{grid-column:3;grid-row:1;align-self:center;justify-self:end;display:flex;}body.course .page-content .main .container .content .container2 .course-cards .course-card .card-inner .card-bt .btn-outline{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;min-width:130px;height:56px;padding:0 18px;border-radius:999px;background:var(--gold);color:#fff;font-weight:700;box-shadow:1px -4px 0 0 rgba(0,0,0,.05) inset;text-decoration:none;transition:transform .15s ease;position:relative;overflow:hidden;transition:all .4s ease;}body.course .page-content .main .container .content .container2 .course-cards .course-card .card-inner .card-bt .btn-outline::before{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 100%);transform:skewX(-25deg);opacity:.5;}body.course .page-content .main .container .content .container2 .course-cards .course-card .card-inner .card-bt .btn-outline:hover{transform:translateY(-1px);}body.course .page-content .main .container .content .container2 .course-cards .course-card .card-inner .card-bt .btn-outline:hover::before{animation:shine .8s forwards;}body.course.show{color:#fff;}body.course.show .page-content .main .container .content .container2 .course-cards{margin:2rem 0 0;}body.course.show .page-content .main .container .content .container2 .course-cards h1{font-size:28px;}body.course.show .page-content .main .container .content .container2 .course-cards .son-title{display:flex;align-items:center;}@media(max-width:767px){body.course.show .page-content .main .container .content .container2 .course-cards .son-title{align-items:flex-start;}}body.course.show .page-content .main .container .content .container2 .course-cards .course-info{--label-col:180px;position:relative;background:transparent;border-radius:30px;box-shadow:0 10px 30px 8px rgba(0,0,0,.23);display:grid;grid-template-columns:var(--label-col) 1fr;overflow:hidden;}@media(max-width:767px){body.course.show .page-content .main .container .content .container2 .course-cards .course-info{--label-col:110px;}}body.course.show .page-content .main .container .content .container2 .course-cards .course-info::before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--label-col);background:linear-gradient(180deg,rgba(96,98,155,.7294117647) 0%,rgba(108,72,155,.93) 100%);border-radius:30px 0 0 30px;}body.course.show .page-content .main .container .content .container2 .course-cards .course-info .ci-row{display:contents;}body.course.show .page-content .main .container .content .container2 .course-cards .course-info .ci-row:last-child .ci-label{min-height:80px;}body.course.show .page-content .main .container .content .container2 .course-cards .course-info .ci-label{grid-column:1/2;padding:25px;font-weight:700;color:#fff;position:relative;z-index:1;text-align:center;min-height:70px;border-bottom:1px solid rgba(255,255,255,.0901960784);}@media(max-width:767px){body.course.show .page-content .main .container .content .container2 .course-cards .course-info .ci-label{padding:25px 5px;}}body.course.show .page-content .main .container .content .container2 .course-cards .course-info .ci-label::before{content:"";display:inline-block;width:22px;height:22px;margin-right:4px;vertical-align:-5px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:var(--icon-url);filter:invert(1);opacity:.65;}@media(max-width:767px){body.course.show .page-content .main .container .content .container2 .course-cards .course-info .ci-label::before{transform:scale(.8);margin-right:2px;}}body.course.show .page-content .main .container .content .container2 .course-cards .course-info .ci-label.i-002::before{width:25px;height:25px;vertical-align:-6px;}body.course.show .page-content .main .container .content .container2 .course-cards .course-info .ci-label.i-004::before{width:20px;height:20px;}body.course.show .page-content .main .container .content .container2 .course-cards .course-info .ci-label.i-005::before{width:24px;height:24px;vertical-align:-6px;transform:scale(.8);}body.course.show .page-content .main .container .content .container2 .course-cards .course-info .ci-content{color:#000;grid-column:2/3;padding:25px;border-bottom:1px solid rgba(209,209,209,.3411764706);background:#f7f7f7;}body.course.show .page-content .main .container .content .container2 .course-cards .course-info .ci-content ul{margin:0;padding-left:1.25rem;}body.course.show .page-content .main .container .content .container2 .course-cards .course-info .ci-content ul li a{color:#60629b;cursor:pointer;text-decoration:underline;transition:all .35s ease;}body.course.show .page-content .main .container .content .container2 .course-cards .course-info .ci-content ul li a:hover{color:#b99867;}body.course.show .page-content .main .container .content .container2 .course-cards .course-info .ci-content li::marker{color:#cdad7d;}body.course.show .page-content .main .container .content .container2 .course-cards .course-info .ci-content li+li{margin-top:.35rem;}body.course.show .page-content .main .container .content .container2 .course-cards .course-info .ci-row:last-child .ci-content,body.course.show .page-content .main .container .content .container2 .course-cards .course-info .ci-row:last-child .ci-label{border-bottom:0;}body.course.show .page-content .main .container .content .container2 .course-cards .ribbon-wrap{position:inherit;transform:inherit;display:flex;gap:7px;margin-left:10px;transform:translateY(-1px);}@media(max-width:767px){body.course.show .page-content .main .container .content .container2 .course-cards .ribbon-wrap{transform:translateY(5px);}}body.course.show .page-content .main .container .content .container2 .course-cards .ribbon{padding:3px 10px;background:transparent;border:2px solid var(--rib-color);color:var(--rib-color);font-weight:700;font-size:12px;height:max-content;border-radius:7px;}body.course.show .page-content .main .container .content .container2 .course-cards .ribbon--news{--rib-color:var(--red);}body.course.show .page-content .main .container .content .container2 .course-cards .ribbon--trending{--rib-color:var(--teal);}body.course.show .page-content .main .container .content .container2 .course-cards .ribbon--best{--rib-color:var(--blue);}body.course.show .page-content .main .container .content .container2 .course-cards .taglist{display:flex;flex-wrap:wrap;gap:7px;margin-top:7px;}body.course.show .page-content .main .container .content .container2 .course-cards .taglist .tag{display:inline-block;padding:6px 12px 6.5px;border-radius:999px;background:var(--purple);color:#d7d9ff;font-size:14px;}@media(max-width:767px){body.course.show .page-content .main .container .content .container2 .course-cards .taglist .tag{margin-bottom:3px;}}body.course.show .related{padding:1rem 0 1rem;}body.course.show .related .rel-title{font-weight:700;font-size:23px;text-align:center;color:#fff;margin-bottom:15px;}body.course.show .related .rel-slider{position:relative;}body.course.show .related .rel-slider .track.slick-initialized{display:block;overflow:visible;padding:0;}body.course.show .related .rel-slider .slick-list{margin:0 -9px;}body.course.show .related .rel-slider .slick-slide{padding:0 9px;}body.course.show .related .rel-slider .track{display:grid;grid-auto-flow:column;gap:18px;grid-auto-columns:calc((100% - 36px)/3);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 2px;scrollbar-width:none;-ms-overflow-style:none;}body.course.show .related .rel-slider .track::-webkit-scrollbar{width:0;height:0;display:none;}@media(max-width:991px){body.course.show .related .rel-slider .track{grid-auto-columns:calc((100% - 18px)/2);}}@media(max-width:575px){body.course.show .related .rel-slider .track{grid-auto-columns:100%;}}body.course.show .related .rel-slider .rel-card{scroll-snap-align:start;border-radius:24px;padding:12px 20px;}body.course.show .related .rel-slider .rel-card .pic{border-radius:16px;overflow:hidden;display:block;}body.course.show .related .rel-slider .rel-card .pic img{transition:all .35s ease;}body.course.show .related .rel-slider .rel-card .r-name{font-weight:800;font-size:18px;margin:10px 0;}body.course.show .related .rel-slider .rel-card .r-name a{color:#fff;}body.course.show .related .rel-slider .rel-card .r-desc{color:rgba(255,255,255,.768627451);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:15px;margin-top:10px;}body.course.show .related .rel-slider .rel-card .r-tags{display:flex;gap:8px;margin-bottom:6px;flex-wrap:nowrap;overflow:hidden;}body.course.show .related .rel-slider .rel-card .kind-type{flex:0 1 auto;display:block;padding:3px 10px;line-height:22px;font-size:13px;border-radius:14px;background:rgba(0,0,0,.3607843137);color:#b0b2e1;text-align:center;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-weight:500;}body.course.show .related .rel-slider .rel-card .kind-type:only-child{flex:0 0 auto;max-width:none;overflow:visible;text-overflow:clip;}body.course.show .related .rel-slider .rel-card .kind-type:nth-last-child(2),body.course.show .related .rel-slider .rel-card .kind-type:nth-last-child(2)~.kind-type{max-width:calc(50% - 4px);}body.course.show .related .rel-slider .rel-card .kind-type:nth-last-child(3),body.course.show .related .rel-slider .rel-card .kind-type:nth-last-child(3)~.kind-type{max-width:calc(33.333% - 5.33px);}body.course.show .related .rel-slider .rel-card a{transition:all .3s ease;}body.course.show .related .rel-slider .rel-card a:hover img{transform:scale(1.05);}body.course.show .nav2{position:absolute;top:40%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:999px;border:0;background:#2f314f;color:#fff;cursor:pointer;font-size:0;transition:all .3s ease;}body.course.show .nav2:hover{background:#cdad7d;}body.course.show .nav2::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;border-top:3px solid #fff;border-right:3px solid #fff;transform:translate(-50%,-50%) rotate(45deg);box-sizing:border-box;}body.course.show .nav2.prev::after{transform:translate(-40%,-50%) rotate(225deg);}body.course.show .nav2.next::after{transform:translate(-60%,-50%) rotate(45deg);}body.course.show .nav2.prev{left:-20px;}body.course.show .nav2.next{right:-20px;}@media(max-width:575px){body.course.show .nav2{display:none;}}@keyframes shine{0%{left:-75%;}100%{left:125%;}}#courseListItems{margin-top:10px;}@media(max-width:767px){#courseListItems{margin-top:20px;}}#courseListItems.fade-animating{transition:opacity .28s ease,transform .28s ease;}#courseListItems.fade-animating.fade-leave{opacity:0;transform:translateY(6px);}#courseListItems.fade-animating.fade-enter{opacity:0;transform:translateY(6px);}#courseListItems.fade-animating{opacity:1;transform:translateY(0);}