@import"https://fonts.googleapis.com/css2?family=Catamaran:wght@100;200;300;400;500;600;700;800;900&family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap";body,html{padding:0;margin:0;font-family:-apple-system,Catamaran,Noto Sans TC,Helvetica,sans-serif;background-color:#242424}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.main_Content{min-height:100vh;padding:4rem 0;justify-content:center;align-items:flex-start;color:#fff;overflow:hidden}.main_Content .Content_Container{width:95%;max-width:1200px;margin:0 auto}.icon{vertical-align:sub}@media(prefers-color-scheme:dark){html{color-scheme:dark}body{color:#fff;background:#000}}.Btn_Rigister{width:100%;border:2px solid transparent!important;border-radius:8px;z-index:1;color:#fff}.colorBorder{border:2px solid transparent;border-radius:8px;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(90deg,#353535,#353535),linear-gradient(70deg,#6781de,#d3eea8)}.MuiBadge-badge{top:15px;right:12px}.MuiContainer-root{padding:0 5px}.MuiContainer-root .MuiToolbar-root{max-width:1260px;margin:0 auto}.Menu-Item{background-color:rgba(30,30,30,.5);box-shadow:none}.Menu-Item .Menu-Item-bar{padding:0 15px 0 0}.Menu-Item .Menu-Item-bar .MuiAccordionSummary-content{margin:0}.UserIcon{padding:12px}.footer{flex:1 1;padding:2rem 0;border-top:1px solid #494949;background:#242424;color:#fff}.footer,.footer a{display:flex;justify-content:center;align-items:center}.footer a{flex-grow:1}.footer .footerContent{width:95%;max-width:1200px;margin:0 auto;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.footer .footerContent .Company_Info{flex:0 0 30%;max-width:30%}.footer .footerContent .Company_Info .footerLOGO{margin-bottom:8px}.footer .footerContent .Company_Info p{margin:5px 0;color:#979797}.footer .footerContent .Company_Info p .icon{vertical-align:middle}.footer .footerContent .PostLink{flex-basis:0;flex-grow:1;max-width:100%;line-height:1em;font-size:.9rem}.footer .footerContent .PostLink ul{list-style:none;padding-left:0;display:inline-flex}.footer .footerContent .PostLink ul li a:after{content:"|";margin:0 10px}.footer .footerContent .PostLink ul li:last-child a:after{content:"";margin:0 10px 0 0}.footer .footerContent .ShareLink{display:flex;justify-content:flex-end;flex-basis:0;flex-grow:1;max-width:100%;line-height:1em;font-size:.9rem}.footer .footerContent .ShareLink ul{list-style:none;padding-left:0;display:inline-flex;align-items:center}.footer .footerContent .ShareLink ul li{margin:0 10px}.footer .footerContent .ShareLink .Copyright{color:#b7b7b7;margin-left:8px}@media screen and (max-width:767px){.footer .footerContent .Company_Info{display:flex;justify-content:center;flex:0 0 95%;max-width:95%;flex-wrap:wrap}.footer .footerContent .Company_Info p{width:100%;margin:5px 0;text-align:center}.footer .footerContent .PostLink{margin-top:15px}.footer .footerContent .PostLink,.footer .footerContent .ShareLink{display:flex;justify-content:center;flex:0 0 95%;max-width:95%;flex-wrap:wrap}.footer .footerContent .ShareLink{text-align:center}.footer .footerContent .ShareLink ul{display:flex;flex-wrap:wrap;justify-content:center}.footer .footerContent .ShareLink .Copyright{flex:0 0 100%;max-width:100%;margin-top:15px}}@media(prefers-color-scheme:dark){.footer{border-color:#222}}.LoadingMask{width:100vw;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center;z-index:999;position:fixed;top:0;left:0;background:rgba(0,0,0,.8)}.lds-roller{display:inline-block;position:relative;width:80px;height:80px;z-index:999}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;margin:-4px 0 0 -4px}.lds-roller div:first-child{animation-delay:-36ms}.lds-roller div:first-child:after{top:63px;left:63px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:68px;left:56px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{top:71px;left:48px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:71px;left:32px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{top:68px;left:24px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{top:63px;left:17px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{top:56px;left:12px}@keyframes lds-roller{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.CoursesList{width:100%;max-width:1200px;margin:2rem auto}.CoursesList .courses_Info{margin:20px auto 40px}.CoursesList .courses_Info .category{margin:30px auto}.CoursesList .courses_Info .category button{padding:10px 25px;margin:2px 4px;background-color:#5e79da;color:#fff;border-radius:8px}.CoursesList .courses_Info .category .MuiButton-outlined{background-color:transparent;color:#fff;border:1px solid #fff}.CoursesList .courses_Info .Filter{display:flex;flex-wrap:wrap;justify-content:flex-end}.CoursesList .courses_Info .Filter .Filter_input{min-width:150px;margin-left:8px}.CoursesList .courses_Info .Filter .Filter_input .Mui-focused{color:#fff}.CoursesList .courses_Info .Filter .Filter_input .MuiOutlinedInput-notchedOutline{border-color:#dfdfdf;border-width:1px}.CoursesList .TitleBar{display:flex;align-items:center;justify-content:space-between}.CoursesList .TitleBar h2{font-size:1.4rem;font-weight:500}.CoursesList .TitleBar .more{font-size:.9rem;font-weight:400}.CoursesList .TitleBar .more .more_icon{vertical-align:sub}.CoursesList .Card_Content{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;position:relative}.CoursesList .Card_Content .TagBOX{margin-bottom:15px}.CoursesList .Card_Content .Tag_Red{color:#000;background-color:#ef896c}.CoursesList .Card_Content .Tag_Blue{color:#fff;background-color:#5e79da}.CoursesList .Card_Content .MuiCard-root{width:calc(25% - 10px);border-radius:16px;background-color:#000;margin:5px}.CoursesList .Card_Content .MuiCard-root .MuiCardActionArea-root{height:100%;color:#fff;background-color:#3f3f3f;-webkit-box-align:start;-webkit-box-pack:start;align-items:flex-start}.CoursesList .Card_Content .MuiCard-root .MuiCardActionArea-root img{padding:16px 16px 0;border-radius:25px}.CoursesList .Card_Content .MuiCard-root .MuiCardActionArea-root h5{font-size:1.2rem;font-weight:600;min-height:55px}@media screen and (max-width:991px){.CoursesList .Card_Content .MuiCard-root{width:calc(33.3333% - 10px)}}@media screen and (max-width:767px){.CoursesList .Card_Content .MuiCard-root{width:calc(50% - 10px)}}@media screen and (max-width:480px){.CoursesList .Card_Content .MuiCard-root{width:calc(100% - 10px)}}.CoursesList .Card_Content .ProdInfo{min-height:45px;margin-bottom:8px}.CoursesList .Card_Content .ProdInfo .Price{font-size:1.3rem;font-weight:400;color:#758ce5;margin:15px 0 0}.CoursesList .Card_Content .ProdInfo .salePrice{font-size:1.3rem;font-weight:400;color:#ef896c;margin:15px 0 0}.CoursesList .Card_Content .ProdInfo .orgPrice{color:#b7b7b7;text-decoration:line-through;margin:5px 0 15px}.CoursesList .Card_Content .CourseCount{display:flex;border-top:1px solid #979797}.CoursesList .Card_Content .CourseCount p{margin-right:8px}.CoursesList .Card_Content .CourseCount p .icon{margin-right:5px}@media screen and (max-width:991px){.CoursesList .Card_Content{width:95%;margin:0 auto}}@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, 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");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:"";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:normal;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:opacity .3s;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border-radius:50%;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top:4px solid transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.mainBanner{width:100%;margin:0 auto;position:relative}.mainBanner img{width:100%;max-width:100%}.mainBanner .BannerContent{position:relative;overflow:hidden}.mainBanner .BannerContent .InfoBG{width:100%;position:absolute;top:50%;z-index:99;order:1;display:flex}.mainBanner .BannerContent .VideoBOX{order:2;display:flex}@media screen and (max-width:767px){.mainBanner .BannerContent .InfoBG{top:5%;order:2;position:relative}.mainBanner .BannerContent .VideoBOX{order:1}}.mainBanner .BannerContent .BannerInfo{width:95%;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-end}.mainBanner .BannerContent .BannerInfo .ProdTitle p{margin:0}.mainBanner .BannerContent .BannerInfo .ProdTitle h1{font-size:2rem;margin:0 0 2rem}@media screen and (max-width:767px){.mainBanner .BannerContent .BannerInfo .ProdTitle p{font-size:1rem;margin:0}.mainBanner .BannerContent .BannerInfo .ProdTitle h1{font-size:1.2rem;margin:0 0 1rem}}.mainBanner .BannerContent .BannerInfo .ProdTitle .BannerCtrlBOX{display:flex;align-items:center;justify-content:space-between}.mainBanner .BannerContent .BannerInfo .ProdTitle .BannerCtrlBOX .ProdLink{background-color:#5e79da}.mainBanner .BannerContent .BannerInfo .ProdTitle .BannerCtrlBOX .icon{border:1px solid #fff;border-radius:50%;margin:0 5px;padding:2px}.mainBanner .BannerContent .swiper-button-next,.mainBanner .BannerContent .swiper-rtl .swiper-button-prev{top:calc(50% + 120px);right:17%}.mainBanner .BannerContent .swiper-button-prev,.mainBanner .BannerContent .swiper-rtl .swiper-button-next{top:calc(50% + 120px);right:calc(17% + 50px);left:auto}@media screen and (max-width:1200px){.mainBanner .BannerContent .swiper-button-next,.mainBanner .BannerContent .swiper-rtl .swiper-button-prev{right:5%}.mainBanner .BannerContent .swiper-button-prev,.mainBanner .BannerContent .swiper-rtl .swiper-button-next{right:calc(5% + 50px)}}@media screen and (max-width:767px){.mainBanner .BannerContent .swiper-button-next,.mainBanner .BannerContent .swiper-rtl .swiper-button-prev{top:calc(18% + 120px);right:5%}.mainBanner .BannerContent .swiper-button-prev,.mainBanner .BannerContent .swiper-rtl .swiper-button-next{top:calc(18% + 120px);right:calc(5% + 50px)}}:root{--swiper-theme-color:#fff!important;--swiper-pagination-bullet-inactive-color:#e6e6e6!important;--swiper-navigation-size:30px!important}.Card_Table{width:100%;margin-bottom:2rem}.Card_Table .TitleBar{display:flex;align-items:center;justify-content:space-between}.Card_Table .TitleBar h2{font-size:1.4rem;font-weight:500}.Card_Table .TitleBar .more{font-size:.9rem;font-weight:400}.Card_Table .TitleBar .more .more_icon{vertical-align:sub}.Card_Table .Card_Content{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;position:relative}.Card_Table .Card_Content .TagBOX{margin-bottom:15px}.Card_Table .Card_Content .Tag_Red{color:#000;background-color:#ef896c}.Card_Table .Card_Content .Tag_Blue{color:#fff;background-color:#5e79da}.Card_Table .Card_Content .MuiCard-root{border-radius:16px;background-color:#000;margin:0 5px}.Card_Table .Card_Content .MuiCard-root .MuiCardActionArea-root{color:#fff;background-color:#3f3f3f}.Card_Table .Card_Content .MuiCard-root .MuiCardActionArea-root img{padding:16px 16px 0;border-radius:25px}.Card_Table .Card_Content .MuiCard-root .MuiCardActionArea-root h5{font-size:1.2rem;font-weight:600;min-height:55px}.Card_Table .Card_Content .ProdInfo{min-height:45px;margin-bottom:8px}.Card_Table .Card_Content .ProdInfo .Price{font-size:1.3rem;font-weight:400;color:#758ce5;margin:15px 0 0}.Card_Table .Card_Content .ProdInfo .salePrice{font-size:1.3rem;font-weight:400;color:#ef896c;margin:15px 0 0}.Card_Table .Card_Content .ProdInfo .orgPrice{color:#b7b7b7;text-decoration:line-through;margin:5px 0 15px}.Card_Table .Card_Content .CourseInfo{display:flex;border-top:1px solid #979797}.Card_Table .Card_Content .CourseInfo p{margin-right:8px}.Card_Table .Card_Content .CourseInfo p .icon{margin-right:5px}.Card_Table .Card_Content:after{right:0;transform:translateX(100%);background:linear-gradient(90deg,rgba(36,36,36,0) 0,#242424 30%,#242424);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00242424",endColorstr="#242424",GradientType=1)}.Card_Table .Card_Content:after,.Card_Table .Card_Content:before{content:"";width:308px;height:100%;display:block;position:absolute;z-index:9}.Card_Table .Card_Content:before{left:0;transform:translateX(-100%);background:linear-gradient(270deg,rgba(36,36,36,0) 0,#242424 30%,#242424);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#242424",endColorstr="#00242424",GradientType=1)}@media screen and (max-width:991px){.Card_Table .Card_Content{justify-content:center}}.swiper{width:100%;padding-bottom:40px!important;overflow:initial!important}.swiper-slide{font-size:18px;display:grid}.swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:0!important}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{border:1px solid #fff;border-radius:50%;padding:5px 11px 5px 15px}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{border:1px solid #fff;border-radius:50%;padding:5px 15px 5px 11px}.progress{display:flex;align-items:center;margin-top:20px}.progress .Chart{margin-right:15px;text-align:center}.progress .Chart tspan:after{content:"上課進度"}.progress .Time{margin:0 auto}.progress .Time p{font-size:1rem;line-height:1rem}