.material-card[data-v-9c5c7bae]{display:flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.material-card__header[data-v-9c5c7bae]{align-items:center;display:flex;font-size:40px;font-weight:500;line-height:1.2;min-height:118px;padding:35px}@media only screen and (max-width:1023px){.material-card__header[data-v-9c5c7bae]{display:none}}.material-card__body[data-v-9c5c7bae]{align-items:normal;aspect-ratio:300/500;cursor:pointer;display:flex;flex:1;flex-direction:column;justify-content:space-between;min-height:0;padding:30px 16px;position:relative;text-align:left;transition-duration:.3s;transition-property:background-color;transition-timing-function:ease}@media only screen and (max-width:1279px){.material-card__body[data-v-9c5c7bae]{aspect-ratio:330/550}}@media only screen and (max-width:1023px){.material-card__body[data-v-9c5c7bae]{aspect-ratio:339/550}}.material-card__body__img[data-v-9c5c7bae]{filter:grayscale(1);margin:0 auto;max-height:295px;transition-duration:.3s;transition-property:filter;transition-timing-function:ease}.material-card__body__content[data-v-9c5c7bae]{min-height:0;overflow:hidden}.material-card__body__title[data-v-9c5c7bae]{color:#fff;font-size:54px;font-weight:900;line-height:1.2;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000;transition-duration:.3s;transition-property:text-shadow color;transition-timing-function:ease;white-space:nowrap}@media only screen and (max-width:1023px){.material-card__body__title[data-v-9c5c7bae]{font-size:48px}}@media only screen and (min-width:1024px) and (width <= 1439px){.material-card__body__title[data-v-9c5c7bae]{font-size:42px}}.material-card__body__text[data-v-9c5c7bae]{color:#000;font-size:54px;font-weight:900;line-height:1.01;transition-duration:.3s;transition-property:color;transition-timing-function:ease}@media only screen and (max-width:1023px){.material-card__body__text[data-v-9c5c7bae]{font-size:48px;line-height:1.06}}@media only screen and (min-width:1024px) and (width <= 1439px){.material-card__body__text[data-v-9c5c7bae]{font-size:42px}}@media only screen and (min-width:1024px){.material-card__body:hover:not(.active) .material-card__body__img[data-v-9c5c7bae]{animation:bounce-in .75s;filter:grayscale(0)}.material-card__body:hover:not(.active) .material-card__body__title[data-v-9c5c7bae]{text-shadow:-1px 0 #00e11e,0 1px #00e11e,1px 0 #00e11e,0 -1px #00e11e}.material-card__body:hover:not(.active) .material-card__body__text[data-v-9c5c7bae]{color:#00e11e}}.material-card__body.active[data-v-9c5c7bae]{background-color:#00e11e;cursor:default}.material-card__body.active .material-card__body__img[data-v-9c5c7bae]{filter:grayscale(0)}.material-card__body.active .material-card__body__title[data-v-9c5c7bae]{color:#00e11e;text-shadow:-1px 0 #fff,0 1px #fff,1px 0 #fff,0 -1px #fff}.material-card__body.active .material-card__body__text[data-v-9c5c7bae]{color:#fff}.material-card--detail[data-v-9c5c7bae]{position:relative}.material-card--detail[data-v-9c5c7bae]:after{border-left:1px solid #000;content:"";display:block;top:118px;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:1}.material-card--detail .material-card__header[data-v-9c5c7bae]{justify-content:flex-end}.material-card--detail .material-card__body[data-v-9c5c7bae]{aspect-ratio:auto;cursor:default;padding:64px 0 64px 50px}.el-slider{--el-slider-main-bg-color:var(--el-color-primary);--el-slider-runway-bg-color:var(--el-border-color-light);--el-slider-stop-bg-color:var(--el-color-white);--el-slider-disabled-color:var(--el-text-color-placeholder);--el-slider-border-radius:3px;--el-slider-height:6px;--el-slider-button-size:20px;--el-slider-button-wrapper-size:36px;--el-slider-button-wrapper-offset:-15px;align-items:center;display:flex;height:32px;width:100%}.el-slider__runway{background-color:var(--el-slider-runway-bg-color);border-radius:var(--el-slider-border-radius);cursor:pointer;flex:1;height:var(--el-slider-height);position:relative}.el-slider__runway.show-input{margin-right:30px;width:auto}.el-slider__runway.is-disabled{cursor:default}.el-slider__runway.is-disabled .el-slider__bar{background-color:var(--el-slider-disabled-color)}.el-slider__runway.is-disabled .el-slider__button{border-color:var(--el-slider-disabled-color)}.el-slider__runway.is-disabled .el-slider__button-wrapper.dragging,.el-slider__runway.is-disabled .el-slider__button-wrapper.hover,.el-slider__runway.is-disabled .el-slider__button-wrapper:hover{cursor:not-allowed}.el-slider__runway.is-disabled .el-slider__button.dragging,.el-slider__runway.is-disabled .el-slider__button.hover,.el-slider__runway.is-disabled .el-slider__button:hover{transform:scale(1)}.el-slider__runway.is-disabled .el-slider__button.dragging,.el-slider__runway.is-disabled .el-slider__button.hover,.el-slider__runway.is-disabled .el-slider__button:hover{cursor:not-allowed}.el-slider__input{flex-shrink:0;width:130px}.el-slider__bar{background-color:var(--el-slider-main-bg-color);border-bottom-left-radius:var(--el-slider-border-radius);border-top-left-radius:var(--el-slider-border-radius);height:var(--el-slider-height);position:absolute}.el-slider__button-wrapper{background-color:initial;height:var(--el-slider-button-wrapper-size);line-height:normal;outline:none;position:absolute;text-align:center;top:var(--el-slider-button-wrapper-offset);transform:translate(-50%);-webkit-user-select:none;user-select:none;width:var(--el-slider-button-wrapper-size);z-index:1}.el-slider__button-wrapper:after{content:"";display:inline-block;height:100%;vertical-align:middle}.el-slider__button-wrapper.hover,.el-slider__button-wrapper:hover{cursor:grab}.el-slider__button-wrapper.dragging{cursor:grabbing}.el-slider__button{background-color:var(--el-color-white);border:2px solid var(--el-slider-main-bg-color);border-radius:50%;box-sizing:border-box;display:inline-block;height:var(--el-slider-button-size);transition:var(--el-transition-duration-fast);-webkit-user-select:none;user-select:none;vertical-align:middle;width:var(--el-slider-button-size)}.el-slider__button.dragging,.el-slider__button.hover,.el-slider__button:hover{transform:scale(1.2)}.el-slider__button.hover,.el-slider__button:hover{cursor:grab}.el-slider__button.dragging{cursor:grabbing}.el-slider__stop{background-color:var(--el-slider-stop-bg-color);border-radius:var(--el-border-radius-circle);height:var(--el-slider-height);position:absolute;transform:translate(-50%);width:var(--el-slider-height)}.el-slider__marks{height:100%;left:12px;top:0;width:18px}.el-slider__marks-text{color:var(--el-color-info);font-size:14px;margin-top:15px;position:absolute;transform:translate(-50%);white-space:pre}.el-slider.is-vertical{display:inline-flex;flex:0;height:100%;position:relative;width:auto}.el-slider.is-vertical .el-slider__runway{height:100%;margin:0 16px;width:var(--el-slider-height)}.el-slider.is-vertical .el-slider__bar{border-radius:0 0 3px 3px;height:auto;width:var(--el-slider-height)}.el-slider.is-vertical .el-slider__button-wrapper{left:var(--el-slider-button-wrapper-offset);top:auto;transform:translateY(50%)}.el-slider.is-vertical .el-slider__stop{transform:translateY(50%)}.el-slider.is-vertical .el-slider__marks-text{left:15px;margin-top:0;transform:translateY(50%)}.el-slider--large{height:40px}.el-slider--small{height:24px}.base-slider[data-v-7b62586b]{--el-slider-main-bg-color:transparent;--el-slider-runway-bg-color:transparent;--el-slider-button-wrapper-size:29px;--el-slider-button-size:29px}.base-slider[data-v-7b62586b] .el-slider__button{background-color:#00e11e;border:none}.base-slider[data-v-7b62586b]:not(.is-vertical){--el-slider-button-wrapper-offset:-12px;height:29px}.base-slider[data-v-7b62586b]:not(.is-vertical) .el-slider__runway:before{background-color:#00e11e;border-bottom-left-radius:3px;border-top-left-radius:3px;content:"";height:1px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.base-slider.is-vertical[data-v-7b62586b]{width:29px}.base-slider.is-vertical[data-v-7b62586b] .el-slider__runway:before{background-color:#00e11e;border-bottom-left-radius:3px;border-top-left-radius:3px;content:"";height:100%;left:50%;position:absolute;top:0;transform:translate(-50%);width:1px}.base-scroll[data-v-78e6de56]{display:flex;flex-wrap:nowrap;gap:33px;position:relative}.base-scroll__wrapper[data-v-78e6de56]{max-height:100%;overflow-y:auto;scrollbar-width:none}.base-scroll__wrapper[data-v-78e6de56]::-webkit-scrollbar{display:none}.base-scroll__content[data-v-78e6de56]{overflow:clip}.base-scroll__hint[data-v-78e6de56]{align-items:end;background-image:linear-gradient(#ffffff20,#ffffffed 70%,#fff);bottom:0;display:flex;height:100px;justify-content:center;left:0;opacity:1;pointer-events:none;position:absolute;transition:opacity;transition-duration:.3s;width:calc(100% - 62px)}.base-scroll__hint.is-bottom[data-v-78e6de56]{opacity:0}.base-scroll__slider[data-v-78e6de56]{flex-shrink:0}.material-card-detail[data-v-94a70500]{align-items:center;display:flex;flex-wrap:nowrap;gap:40px}.material-card-detail[data-v-94a70500] .base-scroll{max-height:100%;width:100%}.material-card-detail__list[data-v-94a70500]{display:flex;flex-direction:column;gap:26px}.material-card-detail__title[data-v-94a70500]{border:1px solid #000;border-radius:50px;color:#000;display:inline-block;font-size:18px;font-weight:900;line-height:22px;padding:7px 14px}.material-card-detail__content[data-v-94a70500]{font-size:15px;font-weight:500;line-height:1.2;margin-top:8px}.material-card-detail__imgs[data-v-94a70500]{flex-shrink:0;position:relative;width:322px;z-index:10}@media only screen and (min-width:1024px) and (max-width:1279px){.material-card-detail__imgs[data-v-94a70500]{width:252px}}.base-clip-image[data-v-222f75cc]{background-color:var(--59dca3fb);-webkit-mask-image:var(--cf2ce332);mask-image:var(--cf2ce332);-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}.material-swiper[data-v-17fcfddf]{position:relative;--card-width:25%}.material-swiper__menu[data-v-17fcfddf]{background:#fff;display:flex;top:0;right:0;bottom:0;left:0;z-index:1}.material-swiper__menu[data-v-17fcfddf]:after{content:"";display:block;top:118px;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:1}.material-swiper__menu__left-card[data-v-17fcfddf]{width:var(--card-width)}.material-swiper__menu__right-card[data-v-17fcfddf]{aspect-ratio:900/500;width:calc(100% - var(--card-width))}.material-swiper__menu__popup[data-v-17fcfddf]{height:0;top:118px;right:0;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;z-index:30}.material-swiper__menu__popup.active[data-v-17fcfddf]{height:auto;opacity:1;transition:opacity .3s .65s}.material-swiper__prev[data-v-17fcfddf]{cursor:pointer;position:absolute;right:calc(100% + 25px);top:327px}.material-swiper__next[data-v-17fcfddf]{cursor:pointer;left:calc(100% + 25px);position:absolute;top:327px}[data-v-17fcfddf] .swiper:after{border-left:1px solid #000;border-right:1px solid #000;content:"";display:block;top:118px;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:1}[data-v-17fcfddf] .swiper-slide{overflow:hidden;transition:width .4s,transform .4s;width:var(--card-width)}[data-v-17fcfddf] .swiper-slide.after--active--end{transition:transform .4s}[data-v-17fcfddf] .swiper-slide.after--active--start{transition:none}[data-v-17fcfddf] .swiper-slide.after--active--start.first:after{border-left:1px solid #000;transition:none}[data-v-17fcfddf] .swiper-slide.active{transition:width .4s .4s,transform .4s;width:100%;z-index:30}[data-v-17fcfddf] .swiper-slide.active:after{border-left:1px solid #000}[data-v-17fcfddf] .swiper-slide:after{border-left:0 solid #000;border-right:1px solid #000;content:"";display:block;top:118px;right:0;bottom:0;left:0;pointer-events:none;position:absolute;transition:border 0s .78s;z-index:1}.detail-item+.detail-item[data-v-63baa5d1]{margin-top:36px}.detail-item__title[data-v-63baa5d1]{border:1px solid #000;border-radius:50px;display:inline-block;font-size:18px;font-weight:900;line-height:1.2;padding:7px 14px}.detail-item__description[data-v-63baa5d1]{font-size:15px;font-weight:500;line-height:1.2;margin-top:24px}.footer-icon[data-v-63baa5d1]{animation:jump-infinite-63baa5d1 1.5s infinite}[data-hide=true][data-v-63baa5d1]{opacity:0;transition:visibility 0s .5s,opacity .5s ease;visibility:hidden}@keyframes jump-infinite-63baa5d1{0%{margin-top:0}50%{margin-top:20px}to{margin-top:0}}.material-swiper-card[data-v-b1b0e8ad]{margin:0 auto;padding-bottom:80px;padding-top:42px}.material-swiper-card__count[data-v-b1b0e8ad]{color:#000;font-family:lato,Heiti TC,Microsoft Jhenghei,Helvetica Neue,arial,sans-serif;font-size:20px;font-weight:700;margin-bottom:33px;text-align:center}.material-swiper-card[data-v-b1b0e8ad] .swiper-slide{background-color:#fff;border:1px solid #000;width:339px}.material-swiper-card[data-v-b1b0e8ad] .swiper-slide-active :deep() .material-card__body__img{filter:grayscale(0);transform:scale(1.1)}.material-swiper-card[data-v-b1b0e8ad] .swiper-slide-active :deep() .material-card__body__title{text-shadow:-1px 0 #00e11e,0 1px #00e11e,1px 0 #00e11e,0 -1px #00e11e}.material-swiper-card[data-v-b1b0e8ad] .swiper-slide-active :deep() .material-card__body__text{color:#00e11e}.material-swiper-card[data-v-b1b0e8ad] .swiper-pagination-bullet-active{background:#00e11e}.material-swiper-card .swiper-pagination--material[data-v-b1b0e8ad]{bottom:28px}.material-card-btn[data-v-b1b0e8ad]{bottom:8px;position:absolute;right:15px}@media only screen and (min-width:1024px){.material-card-btn[data-v-b1b0e8ad]{display:hidden}}.material-list[data-v-535fdbee]{overflow:hidden;position:relative}@media only screen and (max-width:1023px){.content-container[data-v-535fdbee]{padding-left:0;padding-right:0}}