/* css cache file time: 2025-08-01 03:45:10 */ @font-face {font-family: 'icomoon';src:url('../../public/css/icomoon/fonts/icomoon.eot?szfcth');src:url('../../public/css/icomoon/fonts/icomoon.eot?szfcth#iefix') format('embedded-opentype'),url('../../public/css/icomoon/fonts/icomoon.ttf?szfcth') format('truetype'),url('../../public/css/icomoon/fonts/icomoon.woff?szfcth') format('woff'),url('../../public/css/icomoon/fonts/icomoon.svg?szfcth#icomoon') format('svg');font-weight: normal;font-style: normal;font-display: block;}[class^="icon-"], [class*=" icon-"] {font-family: 'icomoon' !important;speak: never;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.icon-label_important:before {content: "\e90c";}.icon-account_box:before {content: "\e90d";}.icon-arrow-half-right:before {content: "\e90e";}.icon-arrow-half-left:before {content: "\e90f";}.icon-line:before {content: "\e910";}.icon-flowbite_facebook-solid:before {content: "\e911";}.icon-prime_twitter:before {content: "\e912";}.icon-tdesign_link:before {content: "\e913";}.icon-close:before {content: "\e915";}.icon-member:before {content: "\e906";}.icon-menu:before {content: "\e907";}.icon-mouse:before {content: "\e908";}.icon-phone:before {content: "\e909";}.icon-solar_arrow-up-linear:before {content: "\e90b";}.icon-mail:before {content: "\e905";}.icon-search:before {content: "\e90a";}.icon-forum:before {content: "\e904";}.icon-arrow-down:before {content: "\e900";}.icon-arrow-left:before {content: "\e901";}.icon-arrow-right:before {content: "\e902";}.icon-arrow-up:before {content: "\e903";}.icon-ph_youtube-logo-fill:before {content: "\e916";}.icon-charm_sound-up:before {content: "\e917";}.icon-mage_refresh-reverse:before {content: "\e918";}.icon-quotation:before {content: "\e919";}.icon-forum1:before {content: "\e91a";}.icon-for_you:before {content: "\e91b";}.icon-iconamoon_lock:before {content: "\e914";}.icon-cart:before {content: "\e91e";}.icon-user:before {content: "\e91f";}.icon-tel:before {content: "\e920";}.icon-back:before {content: "\e921";}.icon-font-2:before {content: "\e922";}.icon-font:before {content: "\e923";}.icon-math-plus:before {content: "\e91c";}.icon-math-minus:before {content: "\e91d";}@charset "UTF-8";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@500&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap";@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Elsie+Swash+Caps:wght@400;900&family=Noto+Serif+TC:wght@200..900&family=Roboto+Condensed:wght@100..900&family=Rufina:wght@400;700&display=swap");* {margin: 0;padding: 0;touch-action: auto !important;}body {font-family: "Roboto", "Noto Sans TC", "Microsoft JhengHei", Arial, sans-serif !important;display: flex;flex-direction: column;min-height: 100vh;width: 100vw;overflow-x: hidden;font-size: 1.1em;line-height: 1.7;}.body_course_detail .edit,.body_article_detail .edit,.article_title,.max-w-set,.see_more {max-width: 960px;margin: 0 auto;}.detail {background: url(../../public/images/detail_bg.png);background-repeat: repeat;}.detail .main_ctn {margin: 83px 0 0 0;padding-bottom: 240px;}.position_ctn {position: relative;z-index: 3;}.font-serif,.banner_swiper .swiper-slide a .info .title,.banner_swiper .swiper-slide a .info .subtitle,.student_style .swiper-slide a .decorate,.partnerSection,.footer_box .more_community,.article_swiper .swiper-slide,.why_section .info ul li .caption,.subject_swiper .swiper-slide .info a .title,.article_list .item a .info .title,.form .form-title,.course_list .item a .info .ctn h2,.course_list .item a .info .ctn h3,.course_title,.wenraotu_box .img,.wenraotu_box .text h2,.vision_box .text h2,.vision_box .text h3,.step_box ul.step,.more_about_info,header .page_title h1,.detail_teacher .item .info .title,.detail_teacher .item .info .name,.detail_title h2,.detail_course .item .calendar_box,.detail_course .item .info .title,.detail_course .item .info .teacher .teacher_info,.right_now .right_now_btn,.right_now .info .group_1,.right_now .info .group_2 .left .title,.qr_code .info small,.qr_code .info strong,.relation .relation_title h3,.sign_box a,.share ul,.article_title .sort,.article_title h1,ul.share,.edit blockquote,.limit_box .title,.limit_box .sub-bid,.limit_ul,.article_course .title,.see_more .item .title {font-family: "Noto Serif TC", serif !important;font-optical-sizing: auto;font-weight: 500;font-style: normal;font-variation-settings: "wdth" 100;}button,.btn {border-radius: 0;}button[disabled] {opacity: 0.4 !important;}button[disabled]:hover {cursor: not-allowed;}button,a {-o-transition: all 0.2s linear;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;}.img-full {width: 100%;height: auto;}.img_holder {width: 100%;height: auto;overflow: hidden;}.img_holder img {width: 100%;height: auto;transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);-o-transform: scale(1, 1);opacity: 1;transition: transform 0.5s ease-in-out, opacity 0.2s;-moz-transition: -moz-transform 0.5s ease-in-out, opacity 0.2s;-webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 0.2s;}.img_holder:hover img,.img_holder_box:hover .img_holder img,.student_style .swiper-slide:hover img {transform: scale(1.05, 1.05);-ms-transform: scale(1.05, 1.05);-moz-transform: scale(1.05, 1.05);-webkit-transform: scale(1.05, 1.05);-o-transform: scale(1.05, 1.05);opacity: 0.9;}.white-space-nowrap {white-space: nowrap;}.button_style {overflow: hidden;position: relative;text-align: center;display: inline-block;}.button_style span {z-index: 20;}.button_style:after {background: #fff;content: "";height: 215px;left: -95px;opacity: 0.2;position: absolute;top: -50px;-webkit-transform: rotate(35deg);-ms-transform: rotate(35deg);transform: rotate(35deg);-webkit-transition: all 1550ms cubic-bezier(0.19, 1, 0.22, 1);transition: all 1550ms cubic-bezier(0.19, 1, 0.22, 1);width: 50px;z-index: 1;}.button_style:hover:after {left: 120%;-webkit-transition: all 1550ms cubic-bezier(0.19, 1, 0.22, 1);transition: all 1550ms cubic-bezier(0.19, 1, 0.22, 1);}.group_btn {padding: 0;margin: 0;list-style: none;display: flex;justify-content: center;align-items: center;gap: 0 20px;}.group_btn li button,.group_btn li a {padding: 0.8rem 1rem;min-width: 150px;}.group_btn li button i,.group_btn li a i {margin: 0 5px 0 0;}.scroll_set {overflow-x: auto;overflow-y: hidden;}.main_ctn {flex-grow: 1;position: relative;width: 100%;overflow-x: clip;}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {padding-left: 20px;padding-right: 20px;}.swiper-button.swiper-button-disabled {opacity: 0;}.swiper-button {border: 1px dashed gray;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;border-radius: 50%;font-size: 1.5em;}.swiper-button {position: absolute;top: 50%;transform: translate(0, -50%);z-index: 2;background: rgba(255, 255, 255, 0.4);}.swiper-button.swiper-button-lock {opacity: 0;}.swiper-button.button-prev {left: 0;}.swiper-button.button-next {right: 0;}.hp_course_main .top .left .title h2,.teacherSection .teacher_swiper .swiper-slide .info .title h2,.articleSection .top .group .title h2,.studentSection .top .title h2,.partnerSection .info .title h2 {margin: 0 0 0px 0;letter-spacing: 5px;font-weight: 800;}.hp_course_main .top .left .sub-title,.teacherSection .teacher_swiper .swiper-slide .info .sub-title,.articleSection .top .group .title .sub-title,.studentSection .top .title .sub-title,.partnerSection .info .title .sub-title {text-transform: uppercase;letter-spacing: 1px;}.banner_swiper .swiper-slide a .info button,.hp_course_main .top .left .more_detail,.articleSection .top .more_detail,.articleSection .info .more_detail,.studentSection .top .more_detail,.student_style .swiper-slide a .more_group .more_detail {border: none;background: transparent;font-family: "Noto Serif TC", serif !important;gap: 8px;display: flex;align-items: center;justify-content: center;}.banner_swiper .swiper-slide a .info button i,.hp_course_main .top .left .more_detail i,.articleSection .top .more_detail i,.articleSection .info .more_detail i,.studentSection .top .more_detail i,.student_style .swiper-slide a .more_group .more_detail i {font-size: 1.5em;}.sort_select {display: flex;align-items: center;gap: 0 10px;justify-content: flex-end;margin: 0 0 30px 0;}.sort_select span {flex: none;}.sort_select .form-select {border-radius: 0;padding-top: 10px;padding-bottom: 10px;}.underline {text-decoration: underline !important;}.form-check {display: flex;gap: 0 10px;}.form-check-input:checked {background-color: rgb(0, 169, 224);border-color: rgb(0, 169, 224);}.form-check-input {width: 1.5em;height: 1.5em;}.cookie {position: fixed;right: 20px;bottom: 20px;background: #fff;border: 1px solid #ddd;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);padding: 25px;width: 450px;z-index: 9999999999;-o-transition: all 0.2s linear;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;}.cookie p {margin: 0;line-height: 1.8;}.cookie p a {box-shadow: inset 0 -0.1875rem 0 rgba(0, 169, 224, 0.3);display: inline-block;}.cookie p button {width: 100%;margin: 10px 0 0 0;padding: 8px 0;}header {padding: 50px 0;position: relative;z-index: 3;}body.body_course header > div {max-width: none !important;display: grid;justify-content: space-between;grid-template-columns: 3fr 1fr;gap: 0 30px;}body:not(.body_course) header > div {grid-template-columns: 1fr;}header .page_title {display: flex;flex-direction: column;align-items: flex-end;position: relative;z-index: 1;}body.body_course header .page_title {padding: 0 30% 0 0;}header .page_title h1 {white-space: nowrap;letter-spacing: 5px;margin: 10px 0 20px 0;position: relative;color: black;text-shadow: 0 0 5px rgba(255, 255, 255, 0.8),0 0 5px rgba(255, 255, 255, 0.8);}header .page_title h1:after {position: absolute;width: 16px;height: 40px;background-color: #ddd;right: 0;bottom: -5px;content: "";display: block;transform: skewX(-38deg);z-index: -1;}header .page_title .breadcrumb {flex-wrap: wrap;}header .page_title .breadcrumb li.active {color: gray;}header .page_title .breadcrumb li {text-align: center;}header .page_title .breadcrumb li span {color: black;margin: 0 8px;}header .page_title .breadcrumb-item + .breadcrumb-item::before {color: gray;content: "〉";padding: 0;}header .header_decorate {position: absolute;right: 0;top: 0;max-width: 100%;height: auto;z-index: -1;}a {color: #313131;text-decoration: none;}a:hover {text-decoration: none;color: rgb(28, 40, 89);}a:focus {text-decoration: none;color: rgb(28, 40, 89);}.text-darker-blue {color: rgb(28, 40, 89);}.text-dark-blue,.detail_teacher .item .info .title {color: rgb(17, 51, 125);}.text-light-blue,.banner_swiper .swiper-slide a .info button i,.hp_course_main .top .left .sub-title,.hp_course_main .top .left .big-title strong,.teacherSection .teacher_swiper .swiper-slide .info .title,.articleSection .top .group .title .sub-title,.articleSection .top .more_detail,.hp_course_main .top .left .more_detail i,.articleSection .info .tag,.articleSection .info .more_detail,.studentSection .top .title .sub-title,.studentSection .top .more_detail i,.student_style .swiper-slide a .more_detail i,.partnerSection .info .title .sub-title,.partnerSection .info .edit i,.article_swiper .swiper-slide .sort a span,.error_ctn .input-group button,.pagination_box .pagination li.active a,.subject_swiper .swiper-slide .sort a .category,.btn-outline-blue,.input-custom .icon,.step_box ul.step li span,.more_about_info ul,.edit a,.article_title .sort {color: rgb(0, 169, 224);}.text-red {color: rgb(230, 0, 18);}.text-dark-gray,.detail_teacher .item .info .describe,.notice_item {color: rgb(56, 64, 72);}.text-gray,.subject_swiper .swiper-slide .info a .describe,.subject_swiper .swiper-slide .sort a .more,.article_list .item a .info .describe,.course_list .item a .info ul li.start,.detail_course .item .info,.right_now .info .group_2 .left .price {color: rgb(112, 112, 112);}.text-light-gray {color: rgb(191, 191, 201);}.bg-darker-blue {background-color: rgb(28, 40, 89);}.bg-dark-blue {background-color: rgb(17, 51, 125);}.bg-light-blue,.teacherSection .teacher_swiper .swiper-slide .info .title:after,.articleSection .top .group .describe:after,.partnerSection .company_box:after,.why_section,.pagination_box .pagination li.active a:after,.hp_course_main .top .center a:after,.more_about_info .title_box .bg:after,header .page_title h1:after,.detail_title:after,.detail_course .item .info ul li:after,.right_now .right_now_btn,.article_banner figure:after {background-color: rgb(0, 169, 224);}.bg-red {background-color: rgb(230, 0, 18);}.bg-dark-gray,.teacherSection {background-color: rgb(56, 64, 72);}.bg-light-gray {background-color: rgb(191, 191, 201);}.btn-dark-blue {background: rgb(17, 51, 125) !important;color: white !important;}.btn-blue {background: rgb(0, 169, 224) !important;color: white !important;}.btn-dark-gray {background-color: rgb(56, 64, 72) !important;color: white !important;}.btn-outline-blue {border: 1px solid rgb(0, 169, 224) !important;color: rgb(0, 169, 224) !important;}.btn-outline-dark-blue {border: 1px solid rgb(17, 51, 125) !important;color: rgb(17, 51, 125) !important;}.btn-outline-gold {border: 1px solid rgb(133, 122, 92) !important;color: rgb(133, 122, 92) !important;}.fss-0,.form .form-title,header .page_title h1,.right_now .info .group_2 .right strong {font-size: min(max(3.125vw, 2.25em), 3.125em);line-height: 1.2;}.fss-1,.edit h1,.banner_swiper .swiper-slide a .info .title,.hp_course_main .top .left .big-title,.teacherSection .teacher_swiper .swiper-slide .info .big-title,.course_title h2,.partnerSection .info .edit i,.more_about_info ul li .ctn i,.more_about_info ul li .ctn .strong,.article_title h1 {font-size: min(max(2.75vw, 1.65em), 2.75em);line-height: 1.2;}.fss-2,.edit h2,.hp_course_main .top .left .title h2,.teacherSection .teacher_swiper .swiper-slide .info .title h2,.articleSection .top .group .title h2,.student_style .swiper-slide a .more_group .title .name,.partnerSection .info .title h2,.vision_box .text h2,.more_about_info .title_box .bg .subject,.wenraotu_box .text h2,.detail_course .item .calendar_box .calendar .date {font-size: min(max(1.9vw, 1.55em), 1.9em);line-height: 1.3;}.fss-3,.edit h3,.student_style .swiper-slide a .decorate .num,.footer_box .more_community .tel .info .num strong,.detail_teacher .item .info .name,.detail_title h2,.right_now .info .group_1,.right_now .right_now_btn,.right_now .info .group_2 .left .title,.relation .relation_title h3,.limit_box .title,.articleSection .info .title {font-size: min(max(1.7vw, 1.4em), 1.7em);line-height: 1.3;}.fss-4,.edit h4,.search_box .ctn .watch_box .title,.banner_swiper .swiper-slide a .info .subtitle,.why_section .info ul li .caption,.course_list .item a .info .ctn h2,.course_list .item a .info .ctn h3,.step_box ul.step li span,.more_about_info ul li .ctn .sup,.more_about_info ul li .ctn .sub,.detail_course .item .info .title,.tab_menu li a,.sign_box a,.limit_box .sub-bid,.article_course .title {font-size: min(max(1.4vw, 1.2em), 1.4em);line-height: 1.3;}.fss-5,.edit h5,.article_swiper .swiper-slide a.info h3,.subject_swiper .swiper-slide .info a .title,.article_list .item a .info .title,.wenraotu_box .img .title,.step_box ul.step li,.more_about_info ul li .title,.more_about_info ul li .ctn,.detail_course .item .info .teacher .teacher_info .name,.article_blockquote,.edit blockquote,.see_more .item a .title {font-size: min(max(1.25vw, 1.125em), 1.25em);line-height: 1.7;}.fss-6,.edit h6,.footer_box .more_community .line a .info .title {font-size: min(max(1.125vw, 0.95em), 1.125em);line-height: 1.7;}.fss-7,.banner_swiper .swiper-slide a .info .text {font-size: min(max(1vw, 0.95em), 1em);line-height: 1;}.fss-8,.articleSection .bottom .Illustration,.articleSection .info .more_info,.student_style .swiper-slide a .more_group .title .more,.subject_swiper .swiper-slide .sort a,.right_now .info .group_2 .left .last {font-size: min(max(0.95vw, 0.9em), 0.95em);line-height: 1;}.fss-9,.hp_course_main .top .left .sub-title,.teacherSection .teacher_swiper .swiper-slide .info .sub-title,.articleSection .top .group .title .sub-title,.articleSection .info .tag,.footer_box .more_community .tel .info .num ul,.right_now .info .group_2 .left .price {font-size: min(max(0.9vw, 0.85em), 0.9em);line-height: 1;}.fss-10 {font-size: min(max(0.85vw, 0.8em), 0.85em);line-height: 1;}.edit h1,.edit h2,.edit h3,.edit h4,.edit h5,.edit h6 {margin: 40px 0 20px 0;color: black;}.body_course_detail .edit h1,.body_course_detail .edit h2,.body_course_detail .edit h3,.body_course_detail .edit h4,.body_course_detail .edit h5,.body_course_detail .edit h6 {color: #ae721f;}.edit strong {font-weight: 600;}.edit ul {list-style-type: none;margin: 0 0 20px 0px;padding: 0;}.edit ul li {margin: 0 0 4px 0px;padding: 0 0 0 35px;position: relative;}.edit ul li:after {position: absolute;left: 12px;top: 10px;content: "";display: block;width: 8px;height: 8px;border-radius: 50%;background: rgb(0, 169, 224);}.edit ol {margin: 0 0 20px 0px;}.edit ol li {margin: 0 0 4px 0px;padding: 0 0 0 5px;position: relative;}.edit figure {text-align: center;}.edit figcaption {color: gray;}.edit figure img,.edit img {max-width: 100%;height: auto;}.edit a {text-decoration: underline;}.edit blockquote {border-top: 1px solid #00a9e0;border-bottom: 1px solid #00a9e0;text-align: center;padding: 20px 0px;margin: 40px 0;font-weight: 600;}.edit > p:first-of-type {margin-top: 20px;}.nav_box {position: fixed;left: 0;top: 0;z-index: 99;width: 100%;}.decorate_logo_bg {position: fixed;left: -60px;top: 0;z-index: 2;pointer-events: none;}.decorate_logo_bg .nav_logo_bg_mobile {display: none;}.fixed_header .decorate_logo_bg .nav_logo_bg,.fixed_header .decorate_logo_bg .nav_logo_bg_mobile {display: none;}.fixed_header:not(.open_mobile_menu) .nav_box {background-color: rgba(255, 255, 255, 0.9);box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}.nav_box .logo_box img {width: 250px;height: auto;filter: brightness(0) invert(1) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.5));}.fixed_header:not(.open_mobile_menu) .nav_box .logo_box img {filter: none;}.nav_box .main_area > div {display: flex;justify-content: space-between;align-items: center;}.nav_box .main_area .main_menu .item ul li a {white-space: break-spaces;}.nav_box .main_area .main_menu .item .dropdown-toggle::after {font: 0.9em "icomoon" !important;content: "\e91c";border: none;vertical-align: middle;-o-transition: all 0.2s linear;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;}.nav_box .main_area .menu_group {display: flex;align-items: center;}.nav_box .main_area .other_item ul {padding: 0;margin: 0 20px 0 0;list-style: none;display: flex;gap: 0 25px;}.nav_box .main_area .other_item ul li {position: relative;}.nav_box .main_area .other_item ul li.menu {display: none;}.nav_box .main_area .other_item ul li a {font-size: 1.5em;color: white;padding: 10px 0px;display: flex;align-items: center;justify-content: center;}.nav_box .main_area .other_item ul li a .number {position: absolute;right: -20px;top: -10px;background-color: #e60012;color: white !important;border-radius: 50%;font-size: 0.9em;transform: scale(0.6);width: 42px;height: 42px;line-height: 1;letter-spacing: -1px;display: flex;align-items: center;justify-content: center;}.fixed_header .nav_box .main_area .other_item ul li a {color: black;}.nav_box .main_area .btn-serve {display: none;align-items: center;justify-content: center;padding: 12px 10px;gap: 15px;}.nav_box .main_area .btn-serve i {font-size: 1.25em;}.open_search_box:after {position: absolute;content: "";display: block;width: 100%;height: 100vh;position: fixed;left: 0;top: 0;background: rgba(0, 0, 0, 0.7);z-index: 97;}.open_search_box {overflow: hidden;}.search_box {position: fixed;left: 0;top: 0;background-image: url(../../public/images/box_search_bg.png);background-attachment: fixed;background-repeat: no-repeat;background-position: center center;background-size: cover;width: 100%;z-index: 99;display: none;max-height: 100vh;overflow: auto;}.open_search_box .search_box {display: block;}.search_box .top > div {display: flex;justify-content: space-between;align-items: center;min-height: 80px;}.search_box .top .logo {width: 250px;height: auto;}.search_box .top .close_search {background: white;width: 34px;height: 34px;align-items: center;justify-content: center;border-radius: 50%;font-size: 1.5em;display: flex;}.search_box .ctn {padding: 0 0 40px 0;}.search_box .ctn .main_search {margin: 0 0 50px 0;}.search_box .ctn .main_search .search {text-align: center;margin: 0 0 10px 0;}.search_box .ctn .main_search .input-group {max-width: 700px;margin: 0 auto;border-color: white;}.search_box .ctn .main_search .input-group input {border: 1px solid white;text-align: center;padding-left: 60px;font-size: 1.25em;}.search_box .ctn .main_search .input-group input::placeholder {color: gray;opacity: 0.5;}.search_box .ctn .main_search .input-group button {border-color: white;background: white;color: black;font-size: 1.5em;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}.search_box .ctn .watch_box .title {margin: 0 0 15px 0;text-align: center;font-weight: 800;}.search_swiper {padding: 0 50px;}.search_swiper .swiper-slide {position: relative;padding: 5px;opacity: 0;}.search_swiper .swiper-slide.swiper-slide-active,.search_swiper .swiper-slide.swiper-slide-next,.search_swiper .swiper-slide.swiper-slide-next + .swiper-slide,.search_swiper .swiper-slide.swiper-slide-next + .swiper-slide + .swiper-slide,.search_swiper.swiper-slide.swiper-slide-next+ .swiper-slide+ .swiper-slide+ .swiper-slide {opacity: 1;}.search_swiper:has(.swiper-button-lock) .swiper-wrapper {justify-content: center;}.search_swiper .swiper-slide .img_holder:hover img {opacity: 1;}.search_swiper .swiper-slide a:after {position: absolute;width: 50px;height: 50px;content: "";display: block;right: 0px;top: 0px;background: rgb(0, 169, 224);z-index: -1;}.search_swiper .swiper-slide img {object-fit: cover;object-position: top center;height: 163px;}.footer_box {position: relative;}.footer_box a:not(.footer_logo):hover {opacity: 0.8;}.footer_box .triangle_img {position: absolute;left: 50%;top: 0;transform: translate(-50%, -99%);width: 100%;}.footer_box .footer_ctn {background: white;}.footer_box .footer_ctn > div {display: flex;padding-bottom: 30px;justify-content: center;align-items: center;flex-direction: column;transform: translate(0, -30px);gap: 25px;}.footer_box .footer_ctn .footer_logo {max-width: 200px;margin: 0 0 15px 0;}.footer_box .footer_ctn .footer_logo ul {display: flex;flex-direction: column;align-items: center;padding: 0;margin: 0;list-style: none;gap: 10px;}.footer_box .footer_ctn ul.link {padding: 0;margin: 0;list-style: none;display: flex;flex-wrap: wrap;gap: 10px 50px;justify-content: center;}.footer_box .footer_ctn ul.link li {position: relative;}.footer_box .footer_ctn ul.link li:not(:last-of-type):after {position: absolute;width: 1px;height: 20px;content: "";display: block;top: 50%;transform: translate(0, -50%);right: -25px;background: gray;}.footer_box .footer_ctn .copyright {color: gray;text-align: center;}.footer_box .footer_ctn ul.community {padding: 0;margin: 0;list-style: none;display: flex;flex-wrap: wrap;gap: 20px 20px;justify-content: center;}.footer_box .footer_ctn ul.community li a {width: 46px;height: 46px;border-radius: 50%;border: 1px solid gray;display: flex;align-items: center;justify-content: center;font-size: 1.25em;}.footer_box .more_community {display: flex;align-items: center;justify-content: center;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 20px 0;}.footer_box .more_community .tel {display: flex;padding: 0 50px;gap: 10px;align-items: center;}.footer_box .more_community .tel .img_box {flex: none;width: 100px;}.footer_box .more_community .tel .info {flex-direction: column;display: flex;gap: 10px;}.footer_box .more_community .tel .info .num {display: flex;gap: 15px;align-items: center;}.footer_box .more_community .tel .info .num strong {white-space: nowrap;}.footer_box .more_community .tel .info .num ul {padding: 0;margin: 0;list-style: none;font-weight: 600;display: flex;flex-direction: column;gap: 8px;}.footer_box .more_community .line a {display: flex;padding: 0 50px;gap: 10px;align-items: center;border-left: 1px solid #ddd;}.footer_box .more_community .line a .img_box {width: 100px;}.footer_box .more_community .line a .info .title {color: black;}.go_to_top {width: 50px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);position: fixed;right: 20px;bottom: 20px;opacity: 0;background: rgba(0, 169, 224, 0.9);color: white !important;font-size: 1.5em;}.go_to_top:hover {background: rgba(0, 169, 224, 1);}.fixed_header .go_to_top {opacity: 1;z-index: 99;}.open_mobile_menu .go_to_top {display: none;}.pagination_box {justify-content: center;margin: 40px 0 0px 0;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;align-items: center;}.pagination_box .pagination {align-items: center;justify-content: center;margin: 0;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}.pagination_box .pagination li a {padding: 5px 15px;display: flex;align-items: center;justify-content: center;opacity: 0.8;position: relative;}.pagination_box .pagination li.active a {opacity: 1;}.pagination_box .pagination li.active a:after {width: 60%;content: "";display: block;left: 50%;transform: translate(-50%, 0%);bottom: 0;position: absolute;height: 2px;}.pagination_box .pagination li.disabled a {cursor: not-allowed;opacity: 0.3;}.glightbox-clean .gslide-description {background: transparent;}.glightbox-clean .gslide-title {color: white;}.glightbox-clean .gdesc-inner {padding: 20px 0px;}.banner_swiper {width: 100vw;overflow: hidden;}.banner_swiper .swiper-slide a {position: relative;display: block;}.banner_swiper .swiper-slide a:after {position: absolute;left: 0;top: 0;width: 100%;content: "";display: block;height: 200px;background: linear-gradient(to bottom,rgba(0, 0, 0, 0.55) 0%,rgba(0, 0, 0, 0) 100%);z-index: 1;}.banner_swiper .swiper-slide.maskplus a:before {position: absolute;left: 0;bottom: 0;width: 100%;content: "";display: block;height: 50vh;background: linear-gradient(to bottom,rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.55) 100%);z-index: 2;}.banner_swiper .swiper-slide a .desktop_img img {width: 100%;height: 100vh;min-height: 700px;object-fit: cover;object-position: center center;}.banner_swiper.img_holder_box:hover .img_holder img {opacity: 1 !important;}.banner_swiper .swiper-slide a .mobile_img {display: none;}.banner_swiper .swiper-slide a .mobile_img img {width: 100%;height: 100vh;object-fit: cover;object-position: center center;}.banner_swiper .swiper-slide a .info {position: absolute;left: 0;bottom: 90px;z-index: 3;color: white;width: 100%;text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);}.banner_swiper .swiper-slide a .info .box {max-width: 400px;width: 100%;}.banner_swiper .swiper-slide a .info .title {margin: 0 0 15px 0;position: relative;letter-spacing: 5px;}.banner_swiper .swiper-slide a .info .title .decorate_line_1 {position: absolute;left: -20px;top: -152px;}.banner_swiper .swiper-slide a .info .title .decorate_line_2 {position: absolute;left: -113px;bottom: -154px;}.banner_swiper .swiper-slide a .info .title .decorate_line_3 {position: absolute;right: 0;bottom: 0;}.banner_swiper .swiper-slide a .info .subtitle {margin: 0 0 30px 0;letter-spacing: px;}.banner_swiper .swiper-slide a .info .text {margin: 0 0 20px 0;line-height: 1.8;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;text-align: justify;}.banner_swiper .swiper-slide a .info button {color: white;}.banner_swiper .swiper-slide a .desktop_decorate {position: absolute;right: 0;bottom: 0;z-index: 2;width: 100%;object-fit: cover;object-position: right bottom;}.banner_swiper .swiper-slide a .mobile_decorate {display: none;}.banner_swiper .swiper-pagination {display: flex;justify-content: flex-start;display: flex;width: 100%;left: 50%;bottom: 40px;transform: translate(-50%, 0);}.banner_swiper .swiper-pagination-bullet {background: white;}.scroll_down {position: absolute;right: 2.2%;top: 0;z-index: 9;animation: moveUpDown 6s infinite;}@keyframes moveUpDown {0% {transform: translateY(0);}50% {transform: translateY(-40%);}100% {transform: translateY(0);}}.hp_course_box {background: url(../../public/images/hp_course_bg.jpg);background-position: top center;background-size: cover;position: relative;padding-top: 80px;margin-top: -80px;}.hp_course_main {padding-top: 80px;padding-bottom: 80px;}.hp_course_main > div {display: flex;flex-direction: column;gap: 80px;}.hp_course_main .top {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 40px;position: relative;}.hp_course_main .top .left {display: flex;flex-direction: column;gap: 30px;}.hp_course_main .top .left .title {color: black;}.hp_course_main .top .left .big-title {letter-spacing: 2px;font-weight: 600;color: black;}.hp_course_main .top .left .period {background: white;padding: 10px 10px;border: 2px solid rgb(0, 169, 224);text-align: center;color: black;letter-spacing: 1px;}.hp_course_main .top .left .group_more {display: grid;grid-template-columns: 1fr 1fr;align-items: center;gap: 15px;}.hp_course_main .top .left .group_more .right_now {padding: 10px 5px;}.hp_course_main .top .center a {position: relative;}.hp_course_main .top .center a:after {position: absolute;content: "";display: block;right: -10px;top: -10px;width: 100%;height: 100%;z-index: 0;}.hp_course_main .top .center .img_holder {position: relative;z-index: 1;}.hp_course_main .bottom {width: calc(100% + 100px);margin-left: -50px;}.course_swiper {padding: 0 48px;}.course_swiper .swiper-slide {position: relative;padding: 10px;}.course_swiper .swiper-slide .img_holder:hover img {opacity: 1;}.course_swiper .swiper-slide:after {position: absolute;width: 90px;height: 90px;content: "";display: block;right: 0px;top: 0px;background: rgb(0, 169, 224);z-index: -1;}.course_swiper .swiper-slide img {object-fit: cover;object-position: top center;height: 280px;}.why_section {background-image: url("https://imgs.cwgv.com.tw/leaderimpact/images/why_bg.png");background-position: center bottom;background-size: cover;display: flex;}.why_section .img_box {width: 360px;}.why_section .img_box .decorate_img {width: 100%;height: auto;flex: none;}.why_section .left_img .decorate_img {transform: translate(0, -50px);}.why_section .left_img .pic_title {position: absolute;right: 0;width: calc(100% - 360px);padding: 40px 40px 0px 40px;top: 0;}.why_section .left_img .pic_title img {width: 100%;height: auto;}.why_section .left_img img.mobile {display: none;}.why_section .right_img {display: grid;align-items: flex-end;}.why_section .info {display: flex;width: calc(100% - 360px);margin: 230px 0 0 0;}.why_section .info .ctn {display: flex;align-items: center;flex-direction: column;padding: 0 20px 100px 20px;color: white;width: calc(100% - 360px);}.why_section .info .ctn .title {text-align: center;color: white;margin: 0 0 60px 0;line-height: 150%;}.why_section .info .ctn ul {display: grid;grid-template-columns: 1fr 1fr 1fr;padding: 0;margin: 0;list-style: none;}.why_section .info .ctn ul li {text-align: center;border-right: 1px dashed rgba(255, 255, 255, 0.5);padding: 0 30px;}.why_section .info .ctn ul li img {margin: 0 0 10px 0;}.why_section .info .ctn ul li:last-of-type {border: none;}.why_section .info .ctn ul li .caption {font-weight: 600;margin: 0 0 15px 0;}.teacherSection {display: flex;justify-content: space-between;}.teacherSection .teacher_swiper {width: 100%;overflow: visible;}.teacherSection .teacher_swiper .swiper-slide a {display: grid;grid-template-columns: 2fr 3fr;color: white;margin: 0 0 100px 0;position: relative;}.teacherSection .teacher_swiper .swiper-slide .info {padding: 100px 20px 0 80px;position: relative;text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);}.teacherSection .teacher_swiper .swiper-slide .info:after {width: 70%;height: 70%;position: absolute;content: "";display: block;background: url(../../public/images/hp_teacher_bg.png);background-size: contain;background-position: right bottom;background-repeat: no-repeat;right: -20%;bottom: -100px;z-index: -1;}.teacherSection .teacher_swiper .swiper-slide .info .title {padding: 0 0 30px 0;margin: 0 0 30px 0;position: relative;display: inline-block;}.teacherSection .teacher_swiper .swiper-slide .info .title:after {width: calc(100% + 80px);height: 1px;position: absolute;left: -80px;bottom: 0;content: "";display: block;}.teacherSection .teacher_swiper .swiper-slide .info .big-title {margin: 0 0 20px 0;}.teacherSection .teacher_swiper .swiper-slide .info .img_set {display: flex;justify-content: center;align-items: center;position: absolute;right: -20px;top: 40px;color: white;}.teacherSection .teacher_swiper .swiper-slide .info .img_set img {filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.5));width: 150px;height: auto;animation: spin 7s linear infinite;}@keyframes spin {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}.teacherSection .teacher_swiper .swiper-slide .info .img_set .icon {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);display: flex;flex-direction: column;align-items: center;line-height: 1;gap: 5px;}.teacherSection .teacher_swiper .swiper-slide .info .img_set .icon i {font-style: normal;font-size: 1.75em;}.teacherSection .teacher_swiper .swiper-slide .info .img_set .icon span {text-transform: uppercase;}.teacherSection .teacher_swiper .swiper-slide .img_box {margin: -50px 0 0 0;}.teacherSection .teacher_swiper .swiper-slide .img_box img {width: 100%;object-fit: cover;object-position: top center;}.teacherSection .teacher_swiper .swiper-button {position: static;transform: none;background: transparent;color: rgba(255, 255, 255, 0.7);}.teacherSection .teacher_swiper .swiper-pagination {position: static;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}.teacherSection .teacher_swiper .swiper-pagination-bullet {background: white;width: 20px;height: 4px;border-radius: 5px;}.teacherSection.teacher_swiper.swiper-pagination-bullet.swiper-pagination-bullet-active {width: 40px;}.teacherSection .teacher_swiper .swiper_function {display: flex;justify-content: space-between;position: absolute;width: calc(100% - 160px);left: 80px;bottom: 20px;}.articleSection {padding: 80px 0;background: url(../../public/images/hp_article_bg.png);background-position: center center;background-size: cover;}.articleSection .top {display: flex;justify-content: space-between;gap: 50px;margin: 0 0 40px 0;}.articleSection .top {position: relative;}.articleSection .top .group {display: flex;gap: 40px;}.articleSection .top .group .title {flex: none;}.articleSection .top .group .describe {position: relative;display: flex;align-items: center;}.articleSection .top .group .describe:after {position: absolute;left: -20px;top: 0;content: "";display: block;width: 1px;height: 100%;}.articleSection .top .more_detail {white-space: nowrap;align-items: flex-start;}.articleSection .bottom {display: grid;grid-template-columns: 1fr 1fr;gap: 50px;}.articleSection .bottom .img_box img {width: 100%;height: auto;}.articleSection .bottom .Illustration {margin: 10px 0 0 0;line-height: 1.4;}.articleSection .info .title {font-weight: 800;}.articleSection .info .more_info {padding: 0;margin: 0;list-style: none;display: flex;gap: 20px;flex-wrap: wrap;}.articleSection .info .edit {margin: 0 0 20px 0;}.articleSection .info .more_detail {justify-content: flex-start;}.article_swiper .swiper-slide {border-bottom: 1px solid #ddd;}.article_swiper .swiper-slide > div {display: grid;grid-template-columns: 100px 1fr;gap: 0 100px;padding-top: 35px;padding-bottom: 35px;}.article_swiper .swiper-slide .sort a {display: flex;flex-direction: column;align-items: center;margin-top: 25px;gap: 10px 0;}.article_swiper .swiper-slide .sort a span {white-space: nowrap;}.article_swiper .swiper-slide a:hover {color: inherit;}.article_swiper .swiper-slide a.info {display: grid;grid-template-columns: 1fr 200px;gap: 0 50px;}.article_swiper .swiper-slide a.info h3 {font-weight: 800;margin: 0 0 15px 0;color: black;}.article_swiper .swiper-slide a.info p {margin: 0;}.article_swiper .swiper-slide a.info .img_box img {height: 112px;width: 100%;object-position: top center;object-fit: cover;}.studentSection {padding: 80px 0;background: url(../../public/images/hp_article_bg.png);background-position: center center;background-size: cover;}.studentSection .top {display: flex;justify-content: space-between;gap: 50px;margin: 0 0 40px 0;}.studentSection .top .more_detail {white-space: nowrap;align-items: flex-start;}.student_swiper {width: calc(100% + 100px);margin-left: -50px;padding: 0 48px;}.student_style .swiper-slide {height: auto;}.student_style .swiper-slide a {position: relative;margin: 30px;display: block;height: 100%;}.student_style .swiper-slide a:hover {color: inherit;}.student_style .swiper-slide a .decorate {position: absolute;left: -29px;top: -30px;border: 1px solid #999;width: 120px;height: 120px;border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-direction: column;}.student_style .swiper-slide a .decorate .student {text-transform: uppercase;font-size: 0.7em;}.student_style .swiper-slide a .img_holder {background: #dcedf2;padding: 100px 0 0 0;}.student_style .swiper-slide a .info {writing-mode: vertical-rl;-webkit-writing-mode: vertical-rl;text-orientation: upright;display: flex;flex-direction: column;position: absolute;right: -30px;top: -30px;z-index: 1;height: 390px;align-items: flex-start;}.student_style .swiper-slide a .more_group {display: flex;justify-content: space-between;gap: 30px;position: relative;z-index: 1;}.student_style .swiper-slide a .more_group .more_detail {white-space: nowrap;height: 93px;display: flex;position: relative;color: black;}.student_style .swiper-slide a .more_group .more_detail:after {position: absolute;content: "";display: block;left: -15px;background: black;width: 1px;height: 60px;top: 50%;transform: translate(0, -50%);}.student_style .swiper-slide a .more_group .title {margin: -20px 0 0 -30px;text-shadow: 0 0 5px rgba(255, 255, 255, 0.8);}.student_style .swiper-slide a .more_group .title .name {margin: 0 0 10px 0;}.student_style .swiper-slide a .more_group .title .more {line-height: 1.5;}.partnerSection {background: url("https://imgs.cwgv.com.tw/leaderimpact/images/partener_bg.png");background-position: center center;background-size: cover;position: relative;padding: 8% 0 16% 0;}.partnerSection:after {position: absolute;width: 100%;height: 100%;content: "";display: block;left: 0;top: 0;background: rgba(0, 0, 0, 0.7);z-index: 0;}.partnerSection > div {position: relative;z-index: 1;display: grid;grid-template-columns: 1fr 2.2fr;gap: 30px 120px;}.partnerSection .info {color: white;}.partnerSection .company_box .company_list {background: white;}.partnerSection .company_box {padding: 8px;position: relative;z-index: 1;}.partnerSection .company_box:after {width: 50%;height: 50%;position: absolute;content: "";display: block;left: 0;top: 0;z-index: -1;}.partnerSection .company_box .company_list ul {display: grid;grid-template-columns: repeat(3, 1fr);padding: 0;margin: 0;list-style: none;width: 100%;}.partnerSection .company_box .company_list ul li {border-bottom: 1px solid #ddd;padding: 15px 18px;}.partnerSection .info .title {margin: 0 0 40px 0;}.partnerSection .info .edit .quotation {position: relative;}.partnerSection .info .edit hr {border-color: rgb(0, 169, 224);border-width: 3px;margin: 35px 0;width: calc(100% - 80px);}.partnerSection .info .edit i {position: absolute;right: 0;top: 50%;transform: translate(0, -50%);}.error_ctn {text-align: center;margin: 60px 0 0 0;}.error_ctn .input-group {max-width: 500px;margin: 0 auto;}.error_ctn .input-group input {border: 1px solid white;text-align: center;border-color: rgb(0, 169, 224);border-right: none;font-size: 1.25em;}.error_ctn .input-group input::placeholder {color: gray;opacity: 0.5;}.error_ctn .input-group button {border-color: white;background: white;border-color: rgb(0, 169, 224);border-left: none;font-size: 1.5em;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}.student_list {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 60px;}.subject_swiper {width: calc(100% + 100px);margin-left: -50px;margin-bottom: 40px;padding: 0 48px;}.subject_swiper .swiper-slide {background: white;height: auto;padding: 25px;display: flex;flex-direction: column;gap: 10px 0px;}.subject_swiper .swiper-slide:hover a {opacity: 0.85;}.subject_swiper .swiper-slide .sort a {display: flex;justify-content: space-between;align-items: center;}.subject_swiper .swiper-slide .sort a .category {gap: 0px 10px;display: flex;align-items: center;}.subject_swiper .swiper-slide .sort .category img {width: 30px;height: auto;}.subject_swiper .swiper-slide .info {height: 100%;}.subject_swiper .swiper-slide .info a {display: flex;flex-direction: column;justify-content: space-between;height: 100%;}.subject_swiper .swiper-slide .info a .title {font-weight: 800;margin: 0 0 15px 0;color: black;}.subject_swiper .swiper-slide .info a .describe {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;text-align: justify;}.article_list {position: relative;}.article_list:after {width: 200%;height: 1px;position: absolute;content: "";display: block;left: 50%;transform: translate(-50%, 0%);top: 0;background-color: #ddd;}.article_list .item {position: relative;}.article_list .item:after {width: 200%;height: 1px;position: absolute;content: "";display: block;left: 50%;transform: translate(-50%, 0%);bottom: 0;background-color: #ddd;}.article_list .item a {padding: 40px 0;display: grid;grid-template-columns: 1fr 230px;gap: 0 50px;}.article_list .item a .img_holder img {height: 129px;object-fit: cover;object-position: top center;}.article_list .item a .info .title {font-weight: 800;color: black;margin: 0 0 15px 0;}.detail.member {background: url("https://imgs.cwgv.com.tw/leaderimpact/images/member_bg.png");background-size: cover;background-attachment: fixed;}.member_ctn {display: grid;grid-template-columns: 1fr 1fr;}.member_ctn .decorate {display: flex;justify-content: end;align-items: flex-start;}.member_ctn .decorate img {width: 100%;max-width: 800px;margin: 5% 0 0 0;}.input-custom {display: flex;align-items: center;background: white;border: 1px solid #ddd;}.input-custom .icon {padding: 0 10px 0 20px;font-size: 1.5em;}.input-custom .form-floating {width: 100%;}.input-custom .form-floating input,.input-custom .form-floating select {border: none;border-radius: 0;}.input-custom .form-floating label {color: #999;top: -5px;}.input-group_box .input-group input {padding: 1rem 0.75rem;border-radius: 0;border: 1px solid #ddd;}.input-group_box .input-group input::placeholder {color: gray;opacity: 0.5;}.form {max-width: 500px;width: 100%;margin: 20px auto 0 auto;}.form .form-title {text-align: center;letter-spacing: 6px;margin: 0 0 30px 0;text-shadow: 0 0 5px rgba(255, 255, 255, 0.8),0 0 5px rgba(255, 255, 255, 0.8);}ul.social {display: flex;justify-content: space-between;padding: 0;margin: 0 0 20px 0;list-style: none;gap: 10px;}ul.social li {width: 100%;}ul.social li a {border: 1px solid #ddd;display: flex;align-items: center;justify-content: center;padding: 10px 0;gap: 0 8px;background: white;}ul.social li a img {width: 25px;height: auto;}.or {margin: 0 0 20px 0;text-align: center;position: relative;}.or:after,.or:before {content: "";display: block;position: absolute;background-color: #ddd;top: 50%;width: 100%;height: 1%;transform: translate(0, -50%);width: calc(50% - 40px);}.or:after {left: 0%;}.or:before {right: 0%;}.serve_ctn {display: flex;flex-direction: column;gap: 40px;}.serve_list {display: grid;grid-template-columns: 1fr 1fr;gap: 15px;}.serve_list .item {background: white;padding: 30px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);text-align: center;display: flex;flex-direction: column;gap: 10px;position: relative;}.serve_list .item .group {display: flex;flex-direction: column;gap: 10px 0;}.serve_list .item .info {flex-direction: column;display: flex;gap: 10px;}.serve_list .item .info ul {padding: 0;margin: 0;list-style: none;display: flex;flex-wrap: wrap;justify-content: center;}.serve_list .item .info ul li:after {content: "　／　";}.serve_list .item .info ul li:last-of-type:after {display: none;}.serve_list .item p {margin: 0;}.serve_list .item .qrcode {width: 120px;height: auto;}.course_list {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 30px;}.course_list .item {border: 1px solid #ddd;background: white;}.course_list .item a {height: 100%;display: flex;flex-direction: column;position: relative;}.course_list .item a .img_box {position: relative;}.course_list .item.finish a .img_box:after {position: absolute;content: "";display: block;left: 0;top: 0;background: rgba(255, 255, 255, 0.7);z-index: 1;width: 100%;height: 100%;}.course_list .item.finish a .img_box:before {position: absolute;width: 100px;height: 100px;content: "已截止";left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 2;border-radius: 50%;background: rgba(133, 122, 92, 0.8);color: white;display: flex;align-items: center;justify-content: center;}.course_list .item a .img_box img {height: 303px;object-fit: cover;object-position: center top;}.course_list .item a .info .ctn {padding: 20px 20px 70px 20px;}.course_list .item a .info .ctn h2,.course_list .item a .info .ctn h3 {font-weight: 800;line-height: 1.45;color: black;}.course_list .item a .info .ctn p {margin: 0;color: gray;}.course_list .item a .info ul {list-style: none;padding: 0;margin: 0;display: flex;position: absolute;left: 0;bottom: 0;z-index: 1;width: 100%;}.course_list .item a .info ul li {display: flex;align-items: center;justify-content: center;width: 100%;height: 50px;}.course_list .item a .info ul li.start {border: 1px solid #ddd;display: flex;gap: 10px;align-items: center;justify-content: center;background-color: #f7f8fa;}.course_list .item a .info ul li.start .title {font-size: 0.8em;width: 40px;line-height: 1.2;text-align: center;}.course_list .item a .info ul li.start .date {display: flex;}.course_list .item a .info ul li button {height: 100%;width: 100%;}.course_section {padding: 95px 0 0 0;margin: -95px 0 100px 0;}.course_title {position: relative;padding: 0 0 20px 0px;}.course_title h2 {letter-spacing: 2px;}.course_title h2 span {color: gray;}.course_banner_swiper .swiper-wrapper .swiper-slide {width: 80% !important;transform: scale(0.85);opacity: 0;-o-transition: all 0.2s linear;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;}.course_banner_swiper .swiper-wrapper .swiper-slide.swiper-slide-active {z-index: 1;transform: scale(1);opacity: 1;}.course_banner_swiper.swiper-wrapper.swiper-slide.swiper-slide-prev:not(.swiper-slide-active),.course_banner_swiper.swiper-wrapper.swiper-slide.swiper-slide-prev.swiper-slide.swiper-slide-next {transform: translateX(90px) scale(0.85);}.course_banner_swiper.swiper-wrapper.swiper-slide.swiper-slide-next:not(.swiper-slide-active) {transform: translateX(-90px) scale(0.85);}.course_banner_swiper .swiper-wrapper .swiper-slide .img_holder img {width: 100%;height: auto;}.course_banner_swiper .swiper-wrapper .swiper-slide:hover .img_holder img {opacity: 1;}.course_banner_swiper .swiper-pagination.swiper-pagination-clickable {position: static;margin: 20px 0 0 0;}.course_banner_swiper.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullet {width: 18px;height: 5px;border-radius: 5px;}.course_banner_swiper.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #384048;width: 40px;}.wenraotu_box {display: grid;grid-template-columns: 1fr 1fr;gap: 30px;margin: 0 0 100px 0;}.wenraotu_box .img img {width: 100%;height: auto;}.wenraotu_box .img .title {font-weight: 600;}.wenraotu_box .text {display: flex;flex-direction: column;justify-content: center;}.wenraotu_box .text p {line-height: 2;}.wenraotu_box .text h2 {font-weight: 800;color: black;letter-spacing: 3px;}.wenraotu_box .box:nth-of-type(2) {transform: translate(0, 30%);}.step_box ul.step {padding: 0;margin: 0 0 40px 0;display: flex;flex-wrap: wrap;list-style: none;gap: 10px;justify-content: center;}.step_box ul.step li {font-weight: 600;background: url(../../public/images/about/arrow.png);background-repeat: no-repeat;background-size: contain;background-position: right center;padding: 50px 30px 50px 20px;}.step_box p {text-align: center;}.body_about_origin {position: relative;}.body_about_origin .about_decorate {position: absolute;right: 0;bottom: 0;transform: translate(0, 40%);}.vision_box {display: grid;grid-template-columns: 1fr 1fr;gap: 0 50px;}.vision_box .text {display: flex;flex-direction: column;justify-content: center;}.vision_box .text img.vision {width: calc(100% + 200px);height: auto;position: relative;z-index: -1;margin: -20px 0 -50px -50px;}.vision_box .text h2 {font-weight: 800;letter-spacing: 3px;}.vision_box .text h3 {font-weight: 600;}.house {text-align: center;position: relative;padding: 50px 0;}.house img.house_decorate {width: auto;height: 100%;max-height: 600px;margin: 4rem auto;}.house-content{width: 100%;background: white;max-width: 1280px;margin: 0 auto;}.house img.about_decorate {position: absolute;right: 0;bottom: 0;max-width: 100%;z-index: -1;}.detail.body_about .main_ctn {padding-bottom: 0;}.more_about_info {max-width: 1920px;margin: 0 auto;}.more_about_info .title_box {display: flex;justify-content: flex-start;}.more_about_info .title_box .bg {background: white;padding: 50px 100px;position: relative;box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);margin: 0 20px 0 0;}.more_about_info .title_box .bg:after {position: absolute;content: "";display: block;right: -8px;bottom: -8px;height: 150px;width: 150px;z-index: -1;}.more_about_info .img_box {display: flex;justify-content: flex-end;margin: -50px 0 0 0;position: relative;z-index: -2;}.more_about_info ul {padding: 0;margin: 0;list-style: none;display: flex;flex-wrap: wrap;gap: 20px 40px;}.more_about_info ul li {display: flex;flex-direction: column;}.more_about_info .title_box .bg .subject {margin: 0 0 20px 0;letter-spacing: 3px;}.more_about_info .title_box .bg .subject h2 {font-weight: 800;}.more_about_info .title_box .bg .subject i {margin: 0 10px;}.more_about_info ul li .title {letter-spacing: 2px;}.more_about_info ul li .ctn i {font-weight: 100;font-style: italic;position: relative;}.more_about_info ul li .ctn .strong {font-weight: 100;}.more_about_info ul li .ctn .sup {margin: 0 4px;transform: translate(0, -60%);display: inline-block;}.more_about_info ul li .ctn .sub {margin: 0 4px;}.more_about_info ul li .ctn span.sp {width: 180px;display: inline-block;margin: 0 0 0 12px;line-height: 1.2;font-size: 0.85em;}.course_detail_banner {position: relative;}.course_detail_banner img {width: 100%;height: auto;}.course_detail_banner:after {width: 300px;height: 400px;position: absolute;content: "";display: block;left: 0;top: 0;background: url(../../public/images/course/course_detail_decorate.png) no-repeat;background-size: contain;z-index: 1;}.detail_section {padding: 80px 0;}.detail_teacher {display: flex;flex-wrap: wrap;justify-content: center;gap: 50px 30px;}.detail_teacher .item {width: calc(33.33% - 20px);position: relative;}.detail_teacher .item .img_box img {width: 100%;height: auto;object-fit: cover;object-position: top center;height: 300px;}.detail_teacher .item .info {padding: 10px 0 0 0;}.detail_teacher .item .info .name {color: black;font-weight: 600;margin: 0 0 10px 0;letter-spacing: 2px;}.detail_teacher .item .info .title {margin: 0 0 5px 0;line-height: 1.4;}.detail_title {margin: 0 0 50px 0;border-bottom: 1px solid #00a9e0;position: relative;padding-top: 100px;margin-top: -100px;}.detail_title:after {position: absolute;content: "";display: block;left: -2px;bottom: 0;width: 130px;height: 8px;transform: translate(0, 100%) skewX(-40deg);}.detail_title h2 {font-weight: 800;letter-spacing: 2px;}.detail_course_section {background: url(../../public/images/course/course_qutline_bg.png);background-size: cover;background-position: center center;}.detail_course_section .detail_title h2 {color: white;}.detail_course {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;}.detail_course .item {background: white;display: grid;grid-template-columns: 180px 1fr;padding: 30px;}.detail_course .item .calendar_box {border-right: 1px solid #ddd;display: flex;flex-direction: column;gap: 10px 0px;}.detail_course .item .calendar_box ul {list-style: none;padding: 0;margin: 0;line-height: 1;}.detail_course .item .calendar_box .calendar {display: flex;gap: 0 15px;}.detail_course .item .calendar_box .calendar .date {line-height: 1;}.detail_course .item .calendar_box .calendar ul li:first-of-type {font-size: 1em;}.detail_course .item .calendar_box .calendar ul li:nth-of-type(2) {font-size: 1.15em;letter-spacing: 1px;}.detail_course .item .calendar_box .time {font-size: 1.25em;font-style: italic;letter-spacing: 2px;}.detail_course .item .info {padding: 0 0 0 30px;display: flex;flex-direction: column;gap: 15px 0px;}.detail_course .item .info .title {color: black;font-weight: 800;}.detail_course .item .info ul {padding: 0;margin: 0;list-style: none;}.detail_course .item .info ul li {position: relative;padding: 0 0 0 18px;}.detail_course .item .info ul li:after {width: 6px;height: 20px;position: absolute;content: "";display: block;left: 0;top: 5px;transform: skewY(-25deg);}.detail_course .item .info .other {color: gray;margin: -10px 0 0 0;}.detail_course .item .info .teacher .img_box {width: 50px;height: 50px;object-fit: cover;object-position: center center;}.detail_course .item .info .teacher .img_box img {width: 100%;height: auto;border-radius: 50%;}.detail_course .item .info .teacher {display: grid;grid-template-columns: 70px 1fr;}.detail_course .item .info .teacher .teacher_info {margin: -5px 0 0 0;}.detail_course .item .info .teacher .teacher_info .name {color: black;font-weight: 600;}.detail_course .item .info .teacher .teacher_info .appellation {font-weight: 600;line-height: 1.2;}.detail_more_section {background: url(../../public/images/course/more_bg.png);background-size: cover;background-position: center center;}.body_course_detail .detail_more_section {margin-bottom: -240px;}.detail_more_section {padding-bottom: 240px;}.detail_more_section > div {display: flex;gap: 50px 0;flex-direction: column;}.body_course_detail .footer_box {position: relative;z-index: 3;}.notice_item {display: flex;flex-direction: column;gap: 10px 0px;}.right_now {background: white;border: 1px solid #00a9e0;display: grid;grid-template-columns: 4fr 1fr;justify-content: space-between;white-space: nowrap;}.right_now .right_now_btn {color: white;display: flex;align-items: center;justify-content: center;letter-spacing: 5px;font-weight: 600;padding: 10px 15px;}.right_now .right_now_btn:hover {opacity: 0.9;}.right_now .info {padding: 30px;display: flex;}.right_now .info .group_1 {display: flex;gap: 0 15px;align-items: center;justify-content: flex-start;font-weight: 600;}.right_now .info .group_2 {border-left: 1px solid #00a9e0;padding: 0 0 0 30px;margin: 0 0 0 30px;display: flex;flex-wrap: wrap;gap: 0 50px;width: 100%;white-space: break-spaces;}.right_now .info .group_2 .left {display: flex;flex-direction: column;gap: 10px 0px;width: 100%;justify-content: center;}.course_free_title{align-items: center;}.right_now .info .group_2 .left .last {color: white;background: #e60012;padding:9px 13px 9px 13px;width: fit-content;}.right_now .info .group_2 .left .title {font-weight: 600;}.right_now .info .group_2 .left .price span {text-decoration: line-through;margin: 0 5px;}.right_now .info .group_2 .right {display: flex;gap: 0px 10px;align-items: flex-end;}.right_now .info .group_2 .right strong {color: #e60012;font-style: italic;font-family: "Rufina", serif;font-weight: normal;}.qr_code {display: flex;gap: 0 40px;align-items: center;}.qr_code img {width: 120px;height: auto;}.qr_code .info b {text-decoration: underline;color: #06c755;font-weight: normal;margin: 0 8px;}.qr_code .info strong {font-size: 2rem;white-space: nowrap;margin: 0 5px 0 0;}.qr_code .info small {font-size: 0.9em;white-space: nowrap;}.relation {position: relative;z-index: 1;margin: 30px 0 0 0;}.course_list:has(.relation_title + .item) {grid-template-columns: 1fr 1fr;}.course_list:has(.relation_title + .item + .item) {grid-template-columns: 1fr 1fr 1fr;}.relation:after {position: absolute;content: "";display: block;width: calc(100% - 30px);height: calc(100% - 20px);left: 0;top: -30px;z-index: -1;background: rgba(255, 255, 255, 0.7);}.relation .relation_title {display: flex;flex-direction: column;padding: 30px 0px 30px 60px;}.relation .relation_title h3 {font-weight: 800;margin: 0 0 40px 0;}.course_start_date {text-align: center;position: relative;}.course_start_date .title {color: gray;letter-spacing: 3px;position: absolute;left: 50%;top: 0;transform: translate(-50%, 0%);}.course_start_date .border_style {position: relative;padding: 20px 50px 20px 50px;display: inline-block;}.course_start_date .border_style:after,.course_start_date .border_style:before {position: absolute;content: "";display: block;z-index: -1;width: 100%;height: 60%;}.course_start_date .border_style:after {background: url(../../public/images/course/date_left.png);background-size: contain;background-repeat: no-repeat;left: 0;top: 0;background-position: left top;}.course_start_date .border_style:before {background: url(../../public/images/course/date_right.png);background-size: contain;background-repeat: no-repeat;right: 0;bottom: 0;background-position: right bottom;}.course_start_date .border_style b {font-size: 1.75em;color: black;font-weight: normal;}.course_start_date .border_style span {margin: 0 5px;}.tab_menu_box {padding: 30px 0;}.tab_menu {padding: 0;display: flex;flex-wrap: wrap;list-style: none;justify-content: center;gap: 15px 50px;}.tab_menu li a {letter-spacing: 2px;position: relative;}.tab_menu li:not(:last-of-type) a:after {width: 1px;height: 100%;position: absolute;content: "";display: block;right: -25px;content: "";top: 50%;transform: translate(0, -50%);background: gray;}.sign_box {position: fixed;top: 50%;right: 20px;transform: translate(0, -50%);z-index: 9;}.sign_box a {color: white;writing-mode: vertical-rl;text-orientation: mixed;display: flex;align-items: center;justify-content: center;padding: 20px 10px 15px 10px;letter-spacing: 2px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-left-radius: 50px;border-bottom-right-radius: 10px;background: rgba(0, 169, 224, 0.9);}.sign_box a:hover {background: rgba(0, 169, 224, 1);}.sign_box a img {width: 36px;height: auto;margin: 0 0 10px 0;}.course_back_btn {position: absolute;right: 0;top: 0;transform: translate(0, -100%);z-index: 1;}.course_back_btn:after {width: 0;height: 0;border-style: solid;border-width: 0 0 200px 200px;border-color: transparent transparent rgba(0, 169, 224, 1) transparent;right: 0;bottom: 0;position: absolute;content: "";z-index: -1;}a.back_btn {color: white !important;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 5px 0;width: 100px;height: 100px;}a.back_btn:hover {transform: scale(1.05);}a.back_btn i {font-size: 1.5em;}.course_share {position: absolute;left: 0;top: 0;transform: translate(0, -50%);background: url(../../public/images/detail_bg.png);background-repeat: repeat;padding: 20px 0px 0 0;z-index: 1;}.course_share:after {background: url(../../public/images/course/triangle.png);height: 100%;width: 50px;background-repeat: repeat;background-size: 100% 170%;right: 0;top: 0;transform: translate(100%, 0);position: absolute;content: "";}ul.share {padding: 0;margin: 0;list-style: none;display: flex;align-items: center;gap: 15px;flex-wrap: wrap;position: relative;z-index: 2;}ul.share li {display: flex;align-items: center;justify-content: center;}ul.share li hr {width: 40px;}ul.share li a {display: flex;align-items: center;justify-content: center;width: 42px;height: 42px;background: white;color: black;box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);border-radius: 2px;}ul.share li a i {font-size: 1.25em;-o-transition: all 0.2s linear;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;}ul.share li a:hover i {font-size: 1.35em;}ul.share li.li-font.change-size i:before {content: "\e922";}.article_title .sort {margin: 0 0 25px 0;font-weight: 600;text-shadow: 0 0 5px rgba(255, 255, 255, 0.8),0 0 5px rgba(255, 255, 255, 0.8);}.article_title .sort img {width: 30px;height: auto;margin: 0 10px 0 0;filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.8));}.article_title h1 {margin: 0 0 40px 0;font-weight: 600;text-shadow: 0 0 5px rgba(255, 255, 255, 0.8),0 0 5px rgba(255, 255, 255, 0.8);}.more_item {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 10px 20px;}.more_item .article_author {padding: 0;margin: 0;list-style: none;display: flex;align-items: center;gap: 0px 5px;flex: 1;}.more_item .article_author li {display: flex;align-items: center;justify-content: center;gap: 0px 5px;}.more_item .article_author li img {width: 30px;height: 30px;object-fit: cover;border-radius: 50%;object-position: center top;}.more_item .article_author li.date {white-space: nowrap;}.article_title {margin-bottom: 50px;}.article_back_btn {position: relative;}.article_back_btn a.back_btn {position: absolute;right: 0;bottom: 0;}.article_back_btn > div:after {width: 0;height: 0;border-style: solid;border-width: 0 0 200px 140px;border-color: transparent transparent rgba(0, 169, 224, 1) transparent;right: 0;bottom: 0;position: absolute;content: "";z-index: -1;}.article_banner {margin: 0 0 30px 0;}.article_banner figure {position: relative;}.article_banner figure:after {width: 50%;height: 50px;content: "";display: block;right: -8px;bottom: -8px;position: absolute;z-index: -1;}.article_banner figcaption {text-align: right;color: gray;}.article_blockquote {position: relative;line-height: 2;padding: 40px 0;}.article_blockquote:after,.article_blockquote:before {position: absolute;content: "";display: block;background: url(../../public/images/article/icon.png);background-repeat: no-repeat;width: 40px;height: 40px;background-size: contain;}.article_blockquote:after {left: -40px;top: 0;}.article_blockquote:before {right: -40px;bottom: 0;}.font-size.big-size {font-size: 1.125em;}.edit:has(.limit_box) {max-height: 1200px;overflow: hidden;position: relative;}.limit_box {position: absolute;left: 0;bottom: 0;background: url(../../public/images/detail_bg.png);background-repeat: repeat;width: 100%;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd;text-align: center;padding: 0 20px 40px 20px;display: flex;flex-direction: column;gap: 30px 0;}.limit_box:after {position: absolute;width: calc(100% + 2px);height: 250px;background: url(../../public/images/article/linear.png);background-position: center top;content: "";left: -1px;top: 20px;transform: translate(0, -100%);z-index: 1;}.limit_box:before {position: absolute;width: calc(100% + 2px);height: 1px;background-color: #ddd;content: "";left: -1px;top: 20px;z-index: 0;}.limit_box ul li {margin: 0;padding: 0;}.limit_box ul li:after {display: none;}.limit_box ul li a {text-decoration: none;}.limit_box .limit_ul {list-style: none;padding: 0;margin: 0;display: flex;justify-content: center;gap: 0 20px;}.limit_box .limit_ul li {display: flex;flex-direction: column;align-items: center;min-width: 200px;}.limit_box .group_btn {list-style: none;padding: 0;margin: 0;}.limit_box .title {position: relative;z-index: 3;letter-spacing: 2px;}.limit_box .title .group {background: url(../../public/images/detail_bg.png);background-repeat: repeat;padding: 0 15px;display: inline-flex;gap: 0 10px;flex-wrap: wrap;justify-content: center;}.limit_box .sub-bid {letter-spacing: 2px;}.limit_box .group_btn li a {width: 200px;-o-transition: all 0.2s linear;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;min-width: auto;}.limit_box .group_btn li a:hover {transform: scale(1.05);}.article_course .title {margin: 0 0 15px 0;text-align: center;font-weight: 800;}.article_course_list {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 20px;}.article_course_list .item a img {width: 100%;object-fit: cover;object-position: top center;height: 221px;}.article_course_list .item a {position: relative;padding: 5px;display: block;}.article_course_list .item a:after {position: absolute;width: 50px;height: 50px;content: "";display: block;right: 0px;top: 0px;background: rgb(0, 169, 224);z-index: -1;}.article_course_list .item a:hover img {opacity: 1;}.see_more {display: grid;grid-template-columns: 1fr 130px 1fr;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;padding: 30px 0;gap: 0 30px;}.see_more .back_menu {border-left: 1px solid #ddd;border-right: 1px solid #ddd;display: flex;flex-direction: column;align-items: center;justify-content: center;}.see_more .back_menu a {display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;gap: 10px 0;color: black;}.see_more .back_menu a i {font-size: 1.25em;}.see_more .item a {flex-direction: column;gap: 30px 0;display: flex;justify-content: space-between;height: 100%;}.see_more .item.right a {text-align: right;}.see_more .item a .ctn {display: flex;gap: 10px 0;flex-direction: column;}.see_more .item a .title {color: black;}.see_more .item a .date {color: gray;}.see_more .item a .arrow {color: black;display: flex;gap: 0 5px;align-items: center;}.see_more .item.right a .arrow {justify-content: end;}.see_more .item a .arrow i {font-size: 1.5em;}.gap_box {display: flex;flex-direction: column;gap: 80px 0;margin-top: 80px;}.body_article_detail .course_list {display: flex;justify-content: center;width: 800px;margin: 0 auto;}.body_article_detail .course_list .item a {display: grid;grid-template-columns: 1fr 1fr;}.body_article_detail .course_list .item a .img_box img {height: 100%;}.body_article_detail .course_list .item a .info ul {width: 50%;left: auto;right: 0;}@media only screen and (orientation: landscape) {.banner_swiper .swiper-slide a .mobile_img img {min-height: 700px;}}@media screen and (min-width: 768px) {}@media screen and (min-width: 992px) {}@media screen and (min-width: 1200px) {.nav_box {-o-transition: all 0.2s linear;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;}.nav_box .close_menu {display: none;}.nav_box .main_area .main_menu {display: flex;white-space: nowrap;}.nav_box .main_area .main_menu .item:hover .dropdown-toggle::after {font: 0.9em "icomoon" !important;content: "\e91d";}.nav_box .main_area .main_menu .item {position: relative;width: 100%;display: flex;align-items: center;justify-content: center;position: relative;}.nav_box .main_area .main_menu .item img {display: none;}.nav_box .serve_btn {display: none;}.hp .nav_box .main_area .main_menu .item.home {display: none;}.nav_box .main_area .main_menu .item > a {color: white;display: flex;align-items: center;justify-content: center;padding: 20px 20px;width: 100%;font-size: 1.125em;text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);position: relative;}.fixed_header .nav_box .main_area .main_menu .item > a {color: black;text-shadow: none;}body.detail .nav_box .main_area .main_menu .item > a {color: black;text-shadow: none;}body.detail .nav_box .main_area .main_menu .item:hover > a {color: white;}.nav_box .main_area .main_menu .item:hover {background: rgb(0, 169, 224);color: white;}.fixed_header .nav_box .main_area .main_menu .item:hover > a {color: white;}.nav_box .main_area .main_menu .item.active > a:before {position: absolute;width: 0px;height: 3px;background: rgb(0, 169, 224);display: block;bottom: 0;left: 50%;transform: translate(-50%, 0%);content: "";-o-transition: all 0.2s linear;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;}.nav_box .main_area .main_menu .item.active > a:before,.nav_box .main_area .main_menu .item:not(.active):hover > a:before {width: calc(100% - 40px);}.nav_box .main_area .main_menu .item:hover ul,.nav_box .main_area .main_menu .item:focus-within ul {display: flex;flex-direction: column;}.nav_box .main_area .main_menu .item ul {position: absolute;left: 0%;bottom: 0px;transform: translate(0%, 100%);border: none;z-index: 99;padding: 0;border-radius: 0;background: #f7f8fa;min-width: 100%;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);display: none;}.nav_box .main_area .main_menu .item ul.show {inset: auto !important;transform: translate(0%, 100%) !important;left: 0 !important;bottom: 0px !important;}.nav_box .main_area .main_menu .item:first-of-type ul {right: auto;left: 0;}.nav_box .main_area .main_menu .item ul li a {padding: 10px 50px 10px 20px;min-width: 220px;font-size: 1.125em;position: relative;}.nav_box .main_area .main_menu .item ul li a:hover,.nav_box .main_area .main_menu .item ul li a:focus {background-color: rgb(0, 169, 224) !important;color: white;}.nav_box .main_area .main_menu .item ul li a:hover:after,.nav_box .main_area .main_menu .item ul li a:focus:after {position: absolute;font: 1.5em "icomoon" !important;content: "\e90e";top: 50%;transform: translate(0, -50%);right: 15px;color: white;display: block;z-index: 1;}.nav_box .main_area .input-group {display: none;}body.detail .nav_box .main_area .other_item ul li a {color: black;}.article_swiper .swiper-button {display: none;}.article_swiper .swiper-wrapper {flex-wrap: wrap;}.more_articleSection > div {max-width: none;padding: 0;}.back_btn > div {padding-left: 0;padding-right: 0;}}@media screen and (min-width: 1281px) {}@media screen and (min-width: 1441px) {.nav_box .main_area .main_menu .item > a {padding: 25px 30px;}.course_banner_swiper .swiper-button.button-prev {left: 5%;}.course_banner_swiper .swiper-button.button-next {right: 5%;}}@media screen and (max-width: 1440px) {.detail .main_ctn {padding-bottom: 180px;}body.body_course header .page_title {padding: 0 10% 0 0;}.nav_box .main_area .main_menu {margin-right: 60px;}.why_section .img_box {width: 250px;}.why_section .left_img .pic_title {width: calc(100% - 250px);}.why_section .info {width: calc(100% - 250px);margin: 170px 0 0 0;}.why_section .info .ctn {width: calc(100% - 250px);padding: 0 20px 140px 20px;}.why_section .info .ctn ul li img {width: 100px;height: auto;}.partnerSection > div {gap: 30px 60px;}.student_list {gap: 50px;}.tab_menu_box {padding: 30px 0;}a.back_btn {width: 75px;height: 75px;gap: 0px 0;font-size: 0.9em;}.course_back_btn:after {border-width: 0 0 150px 150px;}.article_banner {margin: 0 0 20px 0;}.article_title .sort {background-color: rgba(255, 255, 255, 0.5);display: inline-flex;padding: 4px 15px;margin: 0 0 10px 0;border-radius: 30px;}.article_back_btn a.back_btn {right: 15px;}.article_title h1 {margin: 0 0 30px 0;}}@media screen and (max-width: 1280px) {.search_swiper .swiper-slide img {height: 136px;}.course_swiper .swiper-slide img {height: 312px;}.article_swiper .swiper-slide > div {gap: 0 50px;}.article_swiper .swiper-slide a.info {grid-template-columns: 1fr 180px;gap: 0 30px;}.article_swiper .swiper-slide a.info .img_box img {height: 100px;}.why_section .img_box {width: 200px;}.why_section .left_img .pic_title {width: calc(100% - 200px);}.why_section .info {width: calc(100% - 200px);margin: 150px 0 0 0;}.why_section .info .ctn {width: calc(100% - 200px);padding: 0 0px 140px 0px;}.why_section .info .ctn .title {margin: 0 0 40px 0;}.article_list .item a {grid-template-columns: 1fr 180px;gap: 0 40px;}.article_list .item a .img_holder img {height: 101px;}.course_list .item a .img_box img {height: 258px;}.detail_teacher .item .img_box img {height: 250px;}.detail_course .item {grid-template-columns: 160px 1fr;}.relation .relation_title {padding: 30px 0px 30px 30px;}.article_title h1 {margin: 0 0 20px 0;}.article_back_btn > div:after {border-width: 0 0 150px 100px;}.article_back_btn a.back_btn {right: 3px;}.article_course_list .item a img {height: 187px;}}@media screen and (max-width: 1199px) {.detail .main_ctn {margin: 50px 0 0 0;}header {padding: 0 0 40px 0;}body.body_course header .page_title {padding: 0;}body.body_course header > div {display: flex;flex-direction: column-reverse;padding: 0;}header .page_title {padding: 0;align-items: center;}.nav_box {height: 50px;}.decorate_logo_bg {left: -80px;top: -110px;}.open_mobile_menu .decorate_logo_bg {display: none;}.nav_box .close_menu {display: none;background: white;width: 34px;height: 34px;align-items: center;justify-content: center;border-radius: 50%;color: rgba(0, 169, 224, 1);font-size: 1.5em;}.open_mobile_menu .nav_box .close_menu {display: flex;}.open_mobile_menu .nav_box {background: rgba(0, 169, 224, 1);border-bottom: 1px solid rgba(255, 255, 255, 0.3);}.nav_box .main_area {height: 100%;}.nav_box .main_area .main_menu {margin: 0 0 50px 0;}.nav_box .main_area > div {height: 100%;}.nav_box .logo_box img {width: 180px;}.nav_box .serve_btn {display: flex;align-items: center;justify-content: center;color: white;border: 1px solid white;text-align: center;padding: 8px 15px;gap: 10px;}.nav_box .main_area .main_menu_box {position: fixed;overflow-y: auto;overflow-x: hidden;display: none;background: url(../../public/images/mobile_menu_bg.png) rgba(0, 169, 224, 1);background-repeat: no-repeat;background-attachment: fixed;background-position: right bottom;top: 50px;left: 0;width: 100%;height: calc(100% - 50px);padding: 30px 0 60px 0;}.open_mobile_menu {overflow: hidden;}.open_mobile_menu .nav_box .main_area .main_menu_box {display: block;}.open_mobile_menu .nav_box .main_area {display: flex;min-height: 50px;}.open_mobile_menu .nav_box .main_area .mobile_set {display: flex;justify-content: space-between;width: 100%;align-items: center;}.nav_box .main_area .main_menu .item ul {position: static !important;transform: none !important;border: none;padding: 0;margin: 0 0 20px 50px !important;background: transparent;border-left: 2px solid white;border-radius: 0;}.nav_box .main_area .main_menu .item ul li a.dropdown-item {padding: 5px 0 5px 20px;position: relative;font-size: 1.125em;}.nav_box .main_area .main_menu .item ul li a.dropdown-item:after {width: 8px;height: 2px;content: "";display: block;left: 0;top: 18px;position: absolute;}.nav_box .main_area .main_menu .item ul li a:hover,.nav_box .main_area .main_menu .item ul li a:focus {background-color: transparent;}.nav_box .main_area .main_menu .item .dropdown-toggle::after {position: absolute;right: 0;top: 50%;transform: translate(0px, -50%);}.nav_box .main_area .main_menu .item .dropdown-toggle.show::after {content: "\e91d";}.nav_box .main_area .main_menu .item ul .open_mobile_menu {overflow: hidden;}.nav_box .main_area .main_menu .item > a {padding: 15px 0;display: flex;white-space: inherit;color: white;align-items: center;gap: 15px;position: relative;font-size: 1.25em;}.nav_box .main_area .main_menu .item img {width: 30px;height: auto;}.nav_box .main_area .main_menu .item ul li a {color: white;}.nav_box .main_area .other_item ul {margin: 0;}.nav_box .main_area .other_item ul li.menu {display: flex;}.nav_box .main_area .other_item ul li.search {display: none;}.nav_box .main_area .other_item ul li.serve {display: none;}.nav_box .main_area .other_item ul li a .number {transform: scale(0.5);}body.detail .nav_box .main_area .other_item ul li a {color: black;}.open_mobile_menu .nav_box .main_area .menu_group .other_item {display: none;}.nav_box .main_area .other_item ul {gap: 0 20px;}.open_mobile_menu .nav_box .main_area .btn-serve {position: fixed;left: 0;bottom: 0;width: 100%;display: flex;}.search_box {min-height: auto;height: 100vh;}.search_box .top {position: sticky;left: 0;top: 0;width: 100%;background: #d1d1d1;border-bottom: 1px solid rgba(255, 255, 255, 0.3);z-index: 99;}.search_box .top > div {min-height: 50px;}.search_box .top .logo {width: 180px;}.search_box .ctn {padding: 20px 0 40px 0;}.search_swiper .swiper-slide img {height: 192px;}.search_swiper.swiper-slide.swiper-slide-next+ .swiper-slide+ .swiper-slide,.search_swiper.swiper-slide.swiper-slide-next+ .swiper-slide+ .swiper-slide+ .swiper-slide {opacity: 0;}.nav_box .main_area .input-group input {background-color: rgb(0, 152, 202);color: white;border-color: white;padding: 10px 0px 10px 15px;border-right: none;}.nav_box .main_area .input-group input::placeholder {color: white;}.nav_box .main_area .input-group button {background-color: rgb(0, 152, 202);color: white;border-color: white;border-left: none;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}.hp_course_main .top {grid-template-columns: 1fr 1fr;grid-template-rows: auto auto;gap: 50px;}.hp_course_main .left {grid-column: 1; grid-row: 1;}.hp_course_main .center {grid-column: 2; grid-row: 1;}.hp_course_main .right {grid-column: 1 / span 2; grid-row: 2;}.why_section .left_img .pic_title {padding: 20px 40px 0px 40px;}.why_section .info {margin: 120px 0 0 0;}.why_section .info .ctn .title {margin: 0 0 10px 0;}.why_section .info .ctn {padding: 0 20px 40px 20px;}.why_section .info .ctn ul {grid-template-columns: 1fr;}.why_section .info .ctn ul li {border-right: none;padding: 30px 30px;text-align: left;}.why_section .info .ctn ul li {border-bottom: 1px dashed rgba(255, 255, 255, 0.5);display: grid;grid-template-columns: 70px 1fr;gap: 0px 20px;}.teacherSection .teacher_swiper .swiper-slide a {grid-template-columns: 1fr;}.teacherSection .teacher_swiper .swiper-slide .info {padding: 40px 20px 0px 20px;}.teacherSection .teacher_swiper .swiper-slide .img_box {margin: 0px;}.teacherSection .teacher_swiper .swiper-slide .info .title:after {width: calc(100% + 20px);left: -20px;}.teacherSection .teacher_swiper .swiper-slide .info .img_set {position: relative;justify-content: flex-start;}.teacherSection .teacher_swiper .swiper-slide .info .img_set .icon {left: 50px;transform: translate(0%, -50%);}.teacherSection .teacher_swiper .swiper-slide .info:after {bottom: 0;right: 0;}.teacherSection .teacher_swiper .swiper-slide .info .big-title {margin: 0 0 0px 0;}.teacherSection .teacher_swiper .swiper_function {width: 100%;position: absolute;left: 0;}.teacherSection .teacher_swiper .swiper-button {flex: none;}.articleSection .bottom {grid-template-columns: 1fr;}.articleSection .bottom .img_box {max-width: 800px;margin: 0 auto;}.articleSection .bottom {gap: 30px;}.more_articleSection {padding: 80px 0;}.article_swiper {width: calc(100% + 100px);margin-left: -50px;padding: 0 48px;}.article_swiper .swiper-slide {border-bottom: none;height: auto;}.article_swiper .swiper-slide > div {display: flex;flex-direction: column;padding-top: 0;padding-bottom: 0;}.article_swiper .swiper-slide .sort a {flex-direction: row;gap: 0 20px;margin: 0 0 10px 0;}.article_swiper .swiper-slide .sort a img {width: 40px;}.article_swiper .swiper-slide > div {height: 100%;}.article_swiper .swiper-slide a.info {display: flex;flex-direction: column;height: 100%;justify-content: space-between;gap: 15px 0;}.article_swiper .swiper-slide a.info p {line-height: 1.8;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}.article_swiper .swiper-slide a.info .img_box img {height: 223px;}.article_swiper .swiper-slide {opacity: 0;}.article_swiper .swiper-slide-active,.article_swiper .swiper-slide-next {opacity: 1;}.course_section {padding: 65px 0 0 0;margin: -65px 0 70px 0;}.course_banner_swiper .swiper-button {display: none;}.partnerSection > div {grid-template-columns: 1fr;}.student_list {gap: 30px;}.house img.about_decorate {max-width: 30%;}.course_list {grid-template-columns: 1fr 1fr;}.course_list .item a .img_box img {height: 330px;}.wenraotu_box {margin: 0 0 50px 0;}.step_box ul.step {gap: 0;}.step_box ul.step li {padding: 40px 15px 40px 15px;}.more_about_info .img_box {margin: -30px 0 0 0;}.more_about_info .title_box .bg {padding: 40px 100px;}.more_about_info .title_box .bg:after {height: 120px;width: 120px;}.member_ctn {grid-template-columns: 1fr;}.member_ctn .decorate {display: none;}.detail_title {padding-top: 70px;margin-top: -70px;}.course_detail_banner {z-index: 8;}.course_detail_banner:after {display: none;}.detail_section {padding: 60px 0;}.body_course_detail .detail_more_section {margin-bottom: -180px;}.detail_more_section {padding-bottom: 180px;}.detail_teacher .item .img_box img {height: 214px;}.detail_course .item {display: flex;flex-direction: column;}.detail_course .item .calendar_box {border-right: 0;flex-direction: row;margin: 0 0 10px 0;padding: 0 0 10px 0;gap: 0 15px;border-bottom: 1px solid #ddd;}.detail_course .item .info {padding: 0;}.right_now {display: flex;flex-direction: column;}.right_now .info .group_2 {gap: 0 20px;}.course_list:has(.relation_title + .item) {grid-template-columns: 1fr;gap: 30px 0;}.course_list:has(.relation_title + .item + .item) {grid-template-columns: 1fr 1fr;gap: 30px;}.relation:after {width: 100%;height: 100%;top: 0;}.relation .relation_title {grid-column: 1 / span 2;grid-row: 1;padding: 20px 20px 20px 20px;}.tab_menu_box {margin: 0 0 0 0;padding: 0px 0 20px 0;}.course_back_btn {position: relative;text-align: right;transform: none;top: -5px;}.course_back_btn:after {display: none;}a.back_btn {color: black !important;flex-direction: row;width: auto;height: auto;justify-content: flex-end;gap: 0 10px;margin: 0;transform: translate(0, -100%);display: inline-flex;text-shadow: 0 0 5px rgba(255, 255, 255, 0.8),0 0 5px rgba(255, 255, 255, 0.8);}.course_share {transform: none;position: relative;}.course_share:after {display: none;}ul.share {gap: 8px;}.article_title {margin-bottom: 15px;}.article_back_btn {position: absolute;top: 7px;right: 0;}.article_back_btn > div:after {display: none;}.article_back_btn a.back_btn {position: relative;transform: none;}.article_course_list .item a img {height: 153px;}}@media screen and (max-width: 1024px) {.cookie {width: 100%;left: 0;bottom: 0;padding: 20px;}.cookie p button {float: right;padding: 5px 20px;margin: 0;width: auto;}.footer_box .footer_ctn > div {transform: none;padding-bottom: 50px;padding-top: 20px;}.banner_swiper .swiper-slide a .desktop_decorate {display: none;}.banner_swiper .swiper-slide a .mobile_decorate {position: absolute;right: 0;bottom: 0;z-index: 2;max-width: 100%;height: 100vh;object-fit: cover;object-position: left bottom;display: block;}.scroll_down {right: 1%;display: none;}.scroll_down img {width: 20px;height: auto;}.article_list .item a {gap: 0 30px;}.detail_teacher {gap: 30px 0;}.detail_teacher .item {width: 100%;padding: 0 0 30px 0;border-bottom: 1px solid #ddd;}.detail_teacher .item:last-of-type {border-bottom: none;}.detail_teacher .item .img_box {position: absolute;right: 0px;top: 0px;width: auto;}.detail_teacher .item .info {padding: 0;}.detail_teacher .item .img_box img {width: 120px;height: 90px;}.detail_teacher .item .info:before {position: static;content: "";display: block;width: 120px;height: 90px;background: #ddd;margin: 0 0 5px 10px;float: right;}.sign_box a {padding: 15px 0px 15px 0px;width: 50px;}.sign_box a img {width: 28px;margin: 0 0px 8px 0;}}@media screen and (max-width: 991px) {.detail .main_ctn {padding-bottom: 150px;}.student_list {grid-template-columns: 1fr 1fr;}header .header_decorate {max-width: 50%;}.m-menubar {margin: 0 0 0 10px;}.open_mobile_menu {overflow: hidden;}.open_mobile_menu .m-menubar {position: absolute;right: 12px;top: 10px;}.search_swiper .swiper-slide img {height: 132px;}.pagination_box {margin: 40px 0 0 0;justify-content: center;flex-direction: column;}.course_swiper .swiper-slide img {height: 222px;}.hp_course_main .top {gap: 50px 15px;}.hp_course_main .top .left .period {letter-spacing: 0;}.why_section {flex-direction: column;}.why_section .img_box {width: 100%;display: flex;}.why_section .left_img .decorate_img {transform: translate(0, -40px);}.why_section .left_img .pic_title {width: 100%;position: static;padding: 0 20px;display: flex;align-items: center;}.why_section .right_img {justify-content: end;margin: 0 0 -40px 0;}.why_section .info {width: 100%;margin: 0;flex-direction: column;}.why_section .info .ctn {width: 100%;padding: 0 20px;}.why_section .info .ctn .title {margin: 0;}.why_section .info .ctn ul li {padding: 30px 0;}.why_section .img_box .decorate_img {height: 190px;width: 140px;object-fit: cover;object-position: center center;}.articleSection .bottom .img_box {margin: 0;}.articleSection .top {flex-direction: column;gap: 20px;margin: 0 0 40px 0;}.articleSection .top .group {flex-direction: column;gap: 10px;}.articleSection .top .more_detail {position: absolute;right: 0;top: 5px;}.articleSection .info .edit {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}.article_swiper .swiper-slide a.info .img_box img {height: 169px;}.footer_box .footer_ctn .footer_logo {max-width: 180px;}.footer_box .footer_ctn ul.link {gap: 10px 30px;}.footer_box .footer_ctn ul.link li:not(:last-of-type):after {right: -15px;}.footer_box .more_community .tel {padding: 0;}.footer_box .more_community .tel .info {gap: 10px;}.footer_box .more_community .tel .info .num {flex-direction: column;gap: 10px;align-items: flex-start;}.footer_box .more_community {flex-direction: column;gap: 10px 0;align-items: flex-start;}.footer_box .more_community .line a {border-left: 0;padding: 0;}.subject_swiper {width: calc(100% + 80px);margin-left: -40px;padding: 0 38px;}.serve_list .item {gap: 0px;}.serve_list .item .group {flex-direction: row;align-items: center;justify-content: center;gap: 0 10px;}.serve_list .item .icon img {width: 40px;height: auto;}.serve_list .item .info ul {flex-direction: column;}.serve_list .item .info ul li:after {display: none;}.course_list .item a .img_box img {height: 242px;}.course_title {padding: 0 0 0px 0px;}.wenraotu_box {grid-template-columns: 1fr;gap: 0;}.wenraotu_box .box.img {max-width: 500px;margin: 0 auto 0px auto;}.wenraotu_box .box:nth-of-type(2) {transform: none;margin: 0 auto 20px auto;}.vision_box {gap: 0 30px;}.more_about_info .title_box .bg {padding: 40px 40px;}.detail_course {grid-template-columns: 1fr;}.qr_code {gap: 0 20px;}.article_share {justify-content: flex-end;}.article_title {position: relative;}.more_item {flex-direction: column;}.more_item .article_author {align-items: flex-start;}.more_item .article_author li {align-items: flex-start;}.body_article_detail .course_list {width: 100%;}.article_blockquote {padding: 30px 0;}.gap_box {gap: 50px 0;margin-top: 50px;}.article_course_list .item a img {height: 108px;}.see_more {grid-template-columns: 1fr 100px 1fr;gap: 0 15px;}}@media screen and (max-width: 767px) {.detail .main_ctn {padding-bottom: 100px;}.group_btn li {width: 100%;}.group_btn li button,.group_btn li a {width: 100%;}.go_to_top {right: 10px;bottom: 15px;}.search_swiper .swiper-slide.swiper-slide-next + .swiper-slide {opacity: 0;}.search_swiper .swiper-slide img {height: 138px;}.banner_swiper .swiper-slide a .mobile_decorate {height: 600px;}.banner_swiper .swiper-slide a .info .box {max-width: 280px;}.banner_swiper .swiper-slide a .desktop_img {display: none;}.banner_swiper .swiper-slide a .mobile_img {display: block;}.banner_swiper .swiper-slide a .info .title .decorate_line_1 {width: 90px;top: -90px;}.banner_swiper .swiper-slide a .info .title .decorate_line_3 {width: 20px;}.hp_course_main {padding-top: 60px;padding-bottom: 60px;}.hp_course_main .top {grid-template-columns: 1fr;padding-bottom: 60px;}.hp_course_main .top .left,.hp_course_main .top .center,.hp_course_main .top .right {grid-column: 1;grid-row: auto;}.hp_course_main .top .left .group_more {position: absolute;left: 0;bottom: 0;width: 100%;}.course_swiper .swiper-slide img {height: 303px;}.articleSection {padding: 60px 0;}.more_articleSection {padding: 60px 0;}.article_swiper .swiper-slide:not(.swiper-slide-active) {opacity: 0;}.article_swiper .swiper-slide > div {padding: 0;}.article_swiper .swiper-slide a.info {height: auto;}.article_swiper .swiper-button {transform: none;top: auto;bottom: 15%;}.studentSection {padding: 60px 0;}.student_style .swiper-slide:not(.swiper-slide-active) {opacity: 0;}.hp_course_main .center {max-width: 400px;margin: 0 auto;}.partnerSection {padding: 60px 0 120px 0;}.subject_swiper .swiper-slide .info a {justify-content: flex-start;}.subject_swiper {width: calc(100% + 40px);margin-left: -20px;background: white;padding: 0 20px;}.subject_swiper .swiper-slide:not(.swiper-slide-active) {opacity: 0;}.subject_swiper .swiper-slide {padding: 30px 30px;}.serve_list {grid-template-columns: 1fr;}.course_list {grid-template-columns: 1fr;padding: 0;}.course_list .item a .img_box {position: absolute;right: 20px;top: 20px;width: auto;}.course_list .item a .img_box img {width: 120px;height: 90px;}.course_list .item a .info .ctn:before {position: static;content: "";display: block;width: 120px;height: 90px;background: #ddd;margin: 0 0 5px 10px;float: right;}.course_list .item.finish a:after {position: absolute;content: "";display: block;left: 0;top: 0;background: rgba(255, 255, 255, 0.5);z-index: 0;width: 100%;height: 100%;}.course_list .item.finish a .info .ctn:after {position: absolute;width: 100px;height: 100px;content: "已截止";left: 50%;top: calc(50% - 25px);transform: translate(-50%, -50%);z-index: 2;border-radius: 50%;background: rgba(133, 122, 92, 0.8);color: white;display: flex;align-items: center;justify-content: center;}.course_list .item.finish a .img_box:before {display: none;}.course_list:has(.relation_title + .item + .item) {grid-template-columns: 1fr;}.more_about_info .img_box {margin: 0;}.more_about_info .title_box .bg {padding: 20px 20px;}.vision_box {grid-template-columns: 1fr;}.student_list {grid-template-columns: 1fr;gap: 10px;}.detail_course {grid-template-columns: 1fr;}.detail_course .item {padding: 20px;}.right_now .info {flex-direction: column;padding: 20px;gap: 15px 0;}.right_now .info .group_1 img {width: 40px;height: auto;}.right_now .info .group_2 {margin: 0;padding: 0;border: none;gap: 0 15px;}.qr_code img {width: 100px;}.relation .relation_title {grid-column: auto;}a.back_btn .course_list:has(.relation_title + .item + .item) {grid-template-columns: 1fr;}.tab_menu {gap: 10px 20px;width: calc(100% + 30px);margin-left: -15px;}.tab_menu li:not(:last-of-type) a:after {right: -10px;}.tab_menu li a {letter-spacing: 0;font-size: 1em;}a.back_btn {gap: 0 5px;}.sign_box {right: 0px;width: 35px;}.sign_box a {padding: 15px 5px 15px 5px;width: auto;border-top-left-radius: 10px;border-top-right-radius: 0px;border-bottom-left-radius: 10px;border-bottom-right-radius: 0px;font-size: 1em;}.sign_box a img {width: 25px;margin: 0 0px 8px 0;}ul.share li.li-share {display: none;}ul.share li.li-hr {display: none;}ul.share li a {width: 40px;height: 40px;}.article_blockquote {line-height: 1.7;}.article_share li.li-font-title {display: none;}.article_back_btn a.back_btn {transform: none;position: relative;}.body_article_detail .course_list .item a {display: flex;}.body_article_detail .course_list .item a .img_box img {height: 90px;}.body_article_detail .course_list .item a .info ul {width: 100%;}.article_course_list {grid-template-columns: 1fr 1fr;}.article_course_list .item a img {height: 172px;}.see_more {display: flex;flex-direction: column;padding: 0;}.see_more .back_menu {border-left: none;border-right: none;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}.see_more .back_menu a {flex-direction: row;padding: 5px 0;gap: 0 10px;}.see_more .item a {position: relative;padding: 5px 0;}.see_more .item a .title {text-align: left;}.see_more .item.left a {text-align: right;}.see_more .item.right a {text-align: left;}.see_more .item.left a .arrow,.see_more .item.right a .arrow {position: absolute;bottom: 5px;}.see_more .item.left a .arrow {left: 0;}.see_more .item.right a .arrow {right: 0;}.limit_box {gap: 20px 0;padding: 0 20px 20px 20px;}.limit_box .limit_ul li {width: 100%;min-width: auto;}.limit_box .group_btn li a {width: 100%;}}@media screen and (max-width: 640px) {.cookie {padding: 15px 20px 12px 20px;}.cookie p {font-size: 0.85em;line-height: 1.6;text-align: justify;}.cookie p button {font-size: 0.85em;padding: 4px 20px;}.decorate_logo_bg {left: 0;top: 0;width: 100%;}.decorate_logo_bg .nav_logo_bg {display: none;}.decorate_logo_bg .nav_logo_bg_mobile {display: flex;width: 100%;mask-image: linear-gradient(to bottom,rgba(0, 0, 0, 0.95) 0%,rgba(0, 0, 0, 0) 100%);}body:not(.fixed_header) .nav_box .main_area .other_item ul li a {text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);}body:not(.fixed_header) .nav_box .main_area .other_item ul li a {color: white;}header .header_decorate {display: none;}.search_box {background-position: top left;}.search_box .ctn .main_search {margin: 0 0 30px 0;}.search_swiper .swiper-slide.swiper-slide-next {opacity: 0;}.search_swiper .swiper-slide img {height: 264px;}.footer_box .more_community .tel .img_box {width: 70px;}.footer_box .more_community .line a .img_box {width: 70px;}.footer_box .more_community .tel .info .time span {display: block;}.hp_course_main > div {gap: 50px;}.hp_course_main .bottom {width: calc(100% + 40px);margin-left: -20px;}.course_swiper .swiper-slide {padding: 10px 20px;}.course_swiper .swiper-slide:after {width: 70px;height: 70px;right: 8px;}.course_swiper .swiper-slide img {height: 208px;}.hp_course_main .center {max-width: 360px;}.student_style:not(.swiper-wrapper) {width: calc(100% + 40px);margin-left: -20px;}.student_style .swiper-slide a {margin: 30px 50px;}.student_style.swiper-wrapper .swiper-slide a {margin: 30px 30px 0 30px;}.student_style .swiper-slide a .img_holder {padding: 130px 0 0 0;}.student_style .swiper-slide a .more_group {width: calc(100% + 30px);}.article_swiper .swiper-slide a.info .img_box img {height: 200px;}.article_swiper {width: calc(100% + 40px);margin-left: -20px;padding: 0 20px;}.partnerSection .company_box .company_list ul {grid-template-columns: repeat(2, 1fr);}.why_section .left_img .pic_title {align-items: flex-start;}.why_section .left_img img.desktop {display: none;}.why_section .left_img img.mobile {display: block;width: 170px;margin: 10px 0 0;}.why_section .info .ctn ul li {grid-template-columns: 60px 1fr;}.more_about_info ul {gap: 18px;}.more_about_info .title_box .bg {margin: 0 10px 0 0;}.house img.about_decorate {display: none;}.course_banner_swiper .swiper-wrapper .swiper-slide {width: 100% !important;transform: scale(1);}.course_banner_swiper .swiper-pagination.swiper-pagination-clickable {margin: 10px 0 0 0;}.article_list .item a {grid-template-columns: 1fr;padding: 30px 0;}.article_list .item a .info {position: relative;}.article_list .item a .info:before {position: static;content: "";display: block;width: 120px;height: 68px;background: #ddd;margin: 0 0 5px 10px;float: right;}.article_list .item a .img_holder {position: absolute;right: 0;top: 30px;width: auto;}.article_list .item a .img_holder img {width: 120px !important;height: 68px !important;}ul.social {display: grid;grid-template-columns: 1fr 1fr;}ul.social li:nth-of-type(3) {grid-column-start: 1;grid-column-end: 3;grid-row-start: 2;grid-row-end: 2;}.serve_list .item {padding: 15px;}.house {padding: 50px 0 ;}.house img.house_decorate {padding: 0 1rem;margin: 0rem auto;width: 100%;max-height: unset;height: auto;}.house-content {background: #ffffff00;}.qr_code {align-items: flex-start;}.detail_course .item .calendar_box {gap: 0 8px;}.detail_course .item .calendar_box .calendar {gap: 0 8px;}.course_start_date .border_style:after,.course_start_date .border_style:before {height: 30%;}.course_start_date .border_style {padding: 20px 0px 20px 0px;}.course_start_date .border_style:after {left: -20px;}.course_start_date .border_style:before {right: -20px;}.course_start_date .border_style b {font-size: 1.25em;}.course_start_date .border_style span {margin: 0 2px;}.article_course_list .item a img {height: 125px;}}@media screen and (max-width: 414px) {.hp_course_main .center {max-width: 320px;}.step_box ul.step li {padding: 35px 20px 35px 0px;transform: scale(0.85);}.right_now .info .group_2 .right strong {font-size: 2em;}}@media screen and (max-width: 390px) {.hp_course_main .top .left .title h2,.teacherSection .teacher_swiper .swiper-slide .info .title h2,.articleSection .top .group .title h2,.studentSection .top .title h2,.partnerSection .info .title h2 {letter-spacing: 2px;}}@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap');.cookie {padding: 10px;width: 300px;}.cookie p {line-height: 1.5;font-size: 16px;font-weight: 400;}.cookie p button {font-size: 14px;}.article_swiper .swiper-slide .info p span {color: black !important;font-family: "Noto Serif TC", serif !important;font-optical-sizing: auto;font-weight: 500;font-style: normal;font-variation-settings: "wdth" 100;}.detail_course .item .info .teacher .img_box img {width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}.article_swiper .swiper-slide a.info .img_box img{height: 100%;width: 100%;object-fit: cover;}.article_swiper .swiper-slide a.info h3 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;text-align: justify;}.article_swiper .swiper-slide a.info p{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;text-align: justify;}.privacy_policy .position_ctn{max-width: 960px;}.privacy_policy .position_ctn p{font-weight: 350;}.privacy_policy .position_ctn h5{font-weight: 600;padding: 10px 0;line-height: 1.5em;}.privacy_policy .position_ctn ul{font-weight: 350;list-style-type: none;padding-left: 20px;}.privacy_policy .position_ctn li{position: relative;}.privacy_policy .position_ctn li::before {content: '・';position: absolute;top: -6px;left: -25px;font-size: 25px;}.global-logo{width: 55%;max-width: 250px;padding-top: 1rem;}.global-logo img{width: 100%;}.subject_swiper .swiper-slide .info a .title{margin: 0 0 3px 0;height: 5.1em;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;text-align: justify;}.article_list .item a .img_holder img{width: 100%;height: 100%;object-fit: cover;}.nav_box .logo_box img {width: 230px;}.nav_box .logo_box .sub-logo {width: 100px;height: auto;filter: none;margin-left: 0px;}.article-ratio{aspect-ratio: 12/7;}.article-ratio img{width: 100%;height: 100%;object-fit: cover;}.nav-header{display: flex;flex-direction: column;align-items: center;padding: 10px 0;position: relative;}.nav_box .main_area .main_menu .item > a {padding: 29px 30px;}.nav-header .line{width: 125px;height: 1px;background: #000000;position: absolute;bottom: 19px;right: 0;filter: brightness(0) invert(1);}.fixed_header:not(.open_mobile_menu) .nav_box .logo_box .line {filter: none;}.course_list .item.finish a .img_box:after,.course_list .item.finish a .img_box:before {display: none;}.btn-outline-gold {color: rgb(255 255 255) !important;background: rgb(133, 122, 92);}.more_course {color: #18b0e2;display: flex;align-items: center;justify-content: flex-end;padding-bottom: 0.5rem;}.more_course i{padding-left:5px;font-size: 30px}.history-hr{margin-top: 2rem;}.history-title{padding: 1rem 0 0.5rem 0;}.history-title h3{font-weight: 800;}.no-course{display: flex;justify-content: center;align-items: center;flex-direction: column;}.no-course img{width: 75%;max-width: 300px;}.no-course h3{font-weight: 700;letter-spacing: 1px;padding-top: 1rem;}.detail .main_ctn {margin: 91.64px 0 0 0;}.footer_box .footer_ctn ul.link {width: 100%;max-width: 972.06px;border-bottom: solid 1px #ccc;padding-bottom:15px;}.bottom-form {width: 100%;background: #f6f6f6;padding: 3rem 0;margin: 20px 0;}.class-form{background: rgba(255, 255, 255, 0.6);margin: 0;}.bottom-form form{width: 100%;max-width: 600px;margin: 0 auto;}.bottom-form .title{position: relative;width: fit-content;margin: 0 auto;}.bottom-form .title h2{font-weight: 700}.bottom-form .title:before,.bottom-form .title::after{content:'';width: 50%;position: absolute;height: 1px;background: #18b0e2;top:50%;transform: translateY(-50%);}.bottom-form .title:before{left: calc(-50% - 20px );}.bottom-form .title::after{right: calc(-50% - 20px );}.form-subtitle{font-size: 21px;text-align: center;}.body_course_detail .form-subtitle{padding: 30px 0;} .form-item{display: flex;align-items: center;padding-bottom: 20px;}.form-item .form-label{width: 100%;max-width:145px ;}.form-item .input-flex{display: flex;align-items: center;flex-wrap: nowrap;width: 100%;}.form-item .input-flex input[type=text],.form-item .input-flex input[type=email],.form-item .input-flex input[type=tel],.form-item .input-flex select{font-size: 17.6px;border: solid 1px #c9c9c9;border-radius: 5px;padding: 5px 10px;flex-grow: 1;width: 100%;}.form-item .input-flex input[type=radio],.form-item .input-flex input[type=checkbox]{margin-left: 10px;margin-right: 5px;}.form-item label{white-space: nowrap;}.area-option label{margin-right: 20px;}.form-privacy{display: flex;font-size: 16px;white-space: nowrap;justify-content: center;padding-bottom: 20px;align-items: flex-start;}.form-privacy input{margin-right: 5px;margin-top: 7px;}.form-privacy label a{color:#18b0e2;text-decoration: underline;}.body_course_detail .detail_more_section{margin-bottom: 0;}.body_course_detail .footer_box {margin-top: -240px;}.notice_section{padding-bottom: 240px;padding-top: 50px;}.bottom-form-submit{display: block;margin: 2.5rem auto;width: fit-content;background: #19b1e3;padding: 0.3rem 1.5rem;border-radius: 50pc;color: white;border: none;}.bottom-form .input-sex{flex-wrap: nowrap;display: flex;width: 100%;padding-top: 7px;}.bottom-form .form-item .input-flex{display: flex;align-items: flex-start;flex-wrap: nowrap;width: 100%;}.bottom-form .form-item{align-items: flex-start;}.bottom-form .form-label{margin-top: 0.5rem;}.bottom-form label.error {color: red;font-size: 16px;font-family: 'Noto Sans TC';font-weight: 400;}.area-option{align-items: center !important;padding-top: 0.5rem;}.input-item{display: flex;flex-direction: column;width: 100%;}.input-sex-item{width: fit-content;}.signup_notice_sec{padding-top: 50px;}@media screen and (max-width: 1199px) {.nav_box {height: 90px;}.detail .main_ctn {margin: 90px 0 0 0;}.body_course_detail .footer_box {margin-top: -180px;}.notice_section {padding-bottom: 180px;padding-top: 50px;}}@media screen and (max-width: 1024px) {.subject_swiper .swiper-slide .info a .title{margin: 0 0 3px 0;height: 3.4em;-webkit-line-clamp: 2;}.nav_box .logo_box .sub-logo {width: 95px;}.nav_box {height: 80px;}.detail .main_ctn {margin: 80px 0 0 0;}.nav_box .main_area .main_menu_box{top: 80px;}.nav_box .logo_box img {width: 200px;}}@media screen and (max-width: 920px) {.subject_swiper .swiper-slide .info a .title{margin: 0 0 3px 0;height: 5.1em;-webkit-line-clamp: 3;}}@media screen and (max-width: 767px) {.group_btn.single li a {padding: 0;width: 100%;}.course_list .item.finish a:after,.course_list .item.finish a .info .ctn:after {display: none;}.body_course_detail .bottom-form {padding: 3rem 1rem;}.form-privacy {align-items: flex-start;}.form-privacy label{white-space: break-spaces;}.form-privacy input {margin-top: 7px;}.bottom-form-submit {margin: 1rem auto;}}@media screen and (max-width: 640px){.cookie {width: 100%;}.nav_box {height: 80px;}.nav_box .main_area .main_menu_box{top: 80px;}.nav_box .logo_box .sub-logo {width: 70px;height: auto;margin-left: 0px;}.nav_box .container-fluid{padding-left: 10px;padding-right: 10px;}.nav-header .line{width: 75px;bottom: 17px;}}@media screen and (max-width: 540px){.nav_box .logo_box img {width: 150px;}.nav_box {height: 60px;}.detail .main_ctn {margin: 60px 0 0 0;}.bottom-form {padding: 3rem 1rem;}.form-item{align-items: flex-start;flex-direction: column;padding-bottom: 10px;}.form-privacy{white-space: wrap;align-items: flex-start;}.form-privacy input{margin-top: 8px;}.bottom-form .title:before,.bottom-form .title::after {width: 40%;}.bottom-form .title:before {left: calc(-50% - 5px);}.bottom-form .title::after {right: calc(-50% - 5px);}.bottom-form-submit {margin: 0rem auto;}.mb-w-60{width: 60%;}}.detail_type{font-family: initial;font-size: 1.125rem;padding-left: 1rem;font-weight: 500;}.detail_plans{list-style-type: none;padding-left: 0;display: flex;flex-wrap: wrap;}.detail_plans .plan{width: calc(50% - (1.5rem) / 2);background: white;border: solid 1px #e60012;margin-right: 1.5rem;margin-bottom: 1.5rem;position: relative;border-radius: 15px 0 15px 0;overflow: hidden;}.detail_plans .plan a{padding: 1.3rem 1.3rem;display: block;color: black;}.plan.sold-out a{touch-action: none !important;cursor: auto;}.detail_plans .plan a:hover{color: black;}.plan.sold-out{border: solid 1px #857a5c;}.detail_plans .plan:nth-child(2n){margin-right: 0;}.right_now_more .title{font-weight: 650;font-family: "Noto Serif TC", serif !important;font-optical-sizing: auto;font-style: normal;font-variation-settings: "wdth" 100;font-size: 1.7rem;line-height: 1.5;padding-bottom: 10px;}.plan .right_now_btn{font-family: "Noto Serif TC", serif;background: #e60012;color: white;position: absolute;right: 0;bottom: 0;padding: 10px 15px;font-size: 1.4rem;line-height: 1.3;font-weight: 600;border-radius: 15px 0 0px 0;letter-spacing: 5px;}.plan.sold-out .right_now_btn{background: #857a5c;touch-action: none !important;cursor: auto;padding: 10px 35px;}.plan.sold-out .right_now_btn i{display: none;}.plan .right_now_btn:hover {opacity: 0.9;}.plan.sold-out .right_now_btn:hover {opacity: initial;}.plan .info .special-price strong {color: #e60012;font-style: italic;font-family: "Rufina", serif;font-weight: normal;font-size: 3rem;line-height: 1.2;padding-right: 10px;}.plan .price {font-size: min(max(0.9vw, 0.85em), 0.9em);line-height: 1;color: rgb(112, 112, 112);}.plan .price span{text-decoration: line-through;padding:0 10px;}.plan .info .top-set .last{color: white;background: #e60012;padding: 5px 13px 5px 13px;width: fit-content;font-family: "Roboto", "Noto Sans TC", "Microsoft JhengHei", Arial, sans-serif !important;font-weight: 400;font-size: 1.1rem;vertical-align: middle;margin-right: 5px;}.plan.sold-out .info .top-set .last{background: #a8a5a5;}.plan .info{height: 100%;display: flex;flex-direction: column;justify-content: space-between;}@media screen and (max-width: 992px) {.detail_plans {flex-direction: column;}.detail_plans .plan{width: 100%;}.plan .right_now_btn {font-size: 1.5rem;letter-spacing: 3px;}.plan .info {padding-bottom: 1.3em;}.plan .info .top-set .last {padding: 5px 13px 5px 13px;}.plan .info .title{line-height: 1.7em;font-weight: 700;}}@media screen and (max-width: 540px) {.plan .info {padding-bottom: 2.5em;}.plan .right_now_btn{font-size: min(max(1.7vw, 1.4em), 1.7em);line-height: 1.3;width: 100%;text-align: center;}.plan .info .title{line-height: 1.5em;}.plan .info .special-price strong{font-size: 2em;}}.right_now {color: black;margin-bottom: 20px;}.right_now:hover{color: black;}.right_now .info {padding: 0px;display: flex;}.right_now .info .group_1 {padding: 30px;background: #e4e4e4;flex-direction: column;justify-content: center;font-size: 1.3rem;background: #efefef;}.right_now .info .group_1 img{padding-bottom: 10px;width: 70px;}.right_now .info .group_2 {padding: 30px 0 30px 30px;margin: 0 0 0 0px;border-left: none;}.right-price{margin: 15px;padding: 10px 30px;display: flex;flex-direction: column;justify-content: center;text-align: center;border-left: solid 1px #16aee0;}.right-price .btn-red{display: block;margin: 10px auto 0 auto;width: fit-content;background: #e60012;padding: 0.3rem 1.5rem;border-radius: 50pc;color: white;border: none;font-family: "Noto Serif TC", serif;font-size: 1.4rem;font-weight: 600;letter-spacing: 2px;min-width: 165.05px;}.right-price .special-price strong{color: #e60012;font-style: italic;font-family: "Rufina", serif;font-weight: normal;font-size: 2.7rem;line-height: 1.2;padding-right: 10px;}.right-price .price{font-size: min(max(0.9vw, 0.85em), 0.9em);line-height: 1;color: rgb(112, 112, 112);}.right-price .price span {text-decoration: line-through;padding: 0 10px;}.group-option{list-style: none;display: flex;flex-wrap: wrap;padding-left: 0;gap: 15px;padding-top: 20px;border-top: solid 1px #00a9e0;margin-bottom: 0;margin-right: -15px; }.group-option li{border: solid 1px #00a9e0;background: white;padding: 0.5rem 1rem;text-align: center;cursor: pointer;transition: 0.2s;}.group-option li p{margin-bottom: 0;font-size: 0.9rem;}.group-option li:hover,.group-option li.active{background: #00a9e0;color: white;}.group-option li:hover .discount,.group-option li.active .discount{color: white;}.group-title{font-weight: 600;}.right_now .info .group_2{white-space: initial;padding: 20px 20px 20px 20px;}.right_now .info .group_2 .left .title {padding-bottom: 0;font-size: 1.5rem;line-height: 1.5em;}.special-price strong {color: #e60012;font-style: italic;font-family: "Rufina", serif;font-weight: normal;font-size: 2.7rem;line-height: 1.2;padding-right: 10px;}.right_now .info .group_2 .left{padding-bottom: 20px;}.right_now .info .group_2 .bottom{width: 100%;}.right_now .info .group_2 .left .last{padding: 3px 9px 3px 9px;font-size: 1.1rem;margin-right: 10px;}.price-flex{display: flex;gap: 15px;align-items: baseline;}.total-title{position: absolute;top: 0;left: 0;padding-left: 20px;}.right-price{position: relative;}.discount{color: #e60012;font-weight: 600;}.plan_detail{list-style: none;padding-left: 0rem;}.right_now.sold-out{opacity: 0.65;border: 1px solid #857a5c;min-height: 200px;}.right_now.sold-out .bottom{display: none;}.right_now.sold-out .right-price .btn-red,.right_now.sold-out .right-price .btn-red:hover{background: #857a5c;touch-action: none !important;cursor: auto;}.right_now.sold-out .right-price .btn-red i{display: none;}.right_now.sold-out .group-option{border-top: 1px solid #857a5c;}.right_now.sold-out .right-price{border-left: solid 1px #857a5c;}.right_now.sold-out .group-option li.active{background: #857a5c;border: 1px solid #857a5c;touch-action: none !important;cursor: auto;}@media (max-width: 1199px) {.body_course_detail .right_now .info {flex-direction: column;}.group_1 img{width: 50px;}.right_now .info .group_1 {padding: 20px;}.right_now .info .group_2 {padding: 20px 20px 20px 20px;margin: 0 0 0 0px;border-left: none;}.right-price .price {padding-left: 20px;}.right-price .special-price{padding-left: 20px;}.right-price .btn-red {margin: 10px auto 0 auto;padding: 0.3rem 1.5rem;width: 100%;border-radius: unset;}.right-price {margin: 0;padding: 0;align-items: flex-start;border-left: none;}.body_course_detail .right_now {border: 1px solid #c9c9c9;}.group-option li {padding: 0.5rem 0.5rem;width: calc((100% / 3) - 15px);}.total-price-box{display: flex;align-items: center;justify-content: space-between;width: calc( 100% - 40px);padding: 20px 0px 15px 0px;border-top: solid 1px #a5a5a5;margin: 0 auto;}.total-title {position: relative;padding-left: 0;margin-bottom: 0;}.group-option{border-top: none;padding-top: 0;}.right_now .info .group_1 {flex-direction: row;justify-content: flex-start;padding: 15px 20px 10px 20px;}.right_now .info .group_1 img{width: 50px;}.right_now .info .group_2 {padding: 0px 20px 20px 20px;}.right-price .btn-red {margin: 10px auto 0 auto;padding: 0.3rem 1.5rem;width: 100%;}.right_now .info .group_2 .left .title {padding-top: 15px;}.right_now.sold-out .group-option{border-top: none;}.right_now.sold-out .right-price{border-left: none;}}@media (max-width: 540px) {.right_now .info .group_2 .left .title {padding-top: 0px;}.group-option li {width: calc(50% - 15px);}.right-price .btn-red {margin: 0px auto 25px auto;padding: 0.3rem 1.5rem;width: calc(100% - 40px);border-radius: 2rem;}}.detail_more_section {padding-bottom: 80px;}.body_course_detail .notice_section .bottom-form{margin-top: 3rem;}.bottom_sign_up{position: fixed;z-index: 999;bottom: 0;background: white;width: 100%;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);display: flex;padding: 15px 20px;align-items: center;justify-content: space-between;}.bottom_sign_up .right_now_btn{font-family: "Noto Serif TC", serif;background: #e60012;color: white;padding: 7px 17px;font-size: 1.3rem;line-height: 1.3;font-weight: 600;border-radius: 50px;letter-spacing: 2px;margin-left: 20px;}.bottom_sign_up.plans .right_now_btn{background: #19b1e3;}.price-box{display: flex;align-items: center;}.bottom_sign_up .title{font-size: 1.3rem;font-family: "Noto Serif TC", serif;font-weight: 600;max-width: 100%;}.bottom_sign_up .price{font-size: min(max(0.9vw, 0.85em), 0.9em);line-height: 1;color: rgb(112, 112, 112);padding-right: 10px;}.bottom_sign_up .price span {text-decoration: line-through;padding: 0 10px;}.bottom_sign_up .special-price strong{color: #e60012;font-style: italic;font-family: "Rufina", serif;font-weight: normal;font-size: 2.5rem;line-height: 1.2;padding-right: 10px;}.bottom_sign_up .price-detail{display: flex;align-items: center;justify-content: space-between;flex: 1;}.bottom_sign_up.plans .price-box{display: none;}@media (max-width: 1199px) {.bottom_sign_up .title {display: none;}.price-box {align-items: flex-start;flex-direction: column;}.bottom_sign_up .special-price strong {font-size: 2rem;}.bottom_sign_up .right_now_btn {font-size: 1em;}.bottom_sign_up.plans{justify-content: center;flex-direction: column;}.plan .right_now_btn {border-radius: 0px 0 0px 0;}}body:has(.bottom_sign_up) .cookie,body:has(.bottom_sign_up) .go_to_top{bottom: 100px;}.sign_box{display: none;}