@charset "UTF-8";
/* 套 Bootstrap v5.1.1 */
/*  ===== 斷點變數 ===== */
/*  ===== 往上適應 ===== */
/*  ===== 往下適應 ===== */
/*  ===== 範圍內適應 ===== */
/*  ===== 基本漸層背景設定 ===== */
/*  ===== 以 em 計算font-size, letter-spacing(RWD時方便使用) ===== */
/*  ===== 文字置中時的 letter spacing 偏移修正 ===== */
/*  ===== letter spacing 偏移重設 ===== */
/*  ===== firefox font weight bold 統一設定為 normal (firefox在小字為粗體的時候會過粗) ===== */
/*  ===== a連結清除預設值 ===== */
/*  ===== 字體設定（全域/英文/中文) ===== */
/*  ===== 排版相關 ===== */
/*  ===== 超過文字省略為...(可設定行數) ===== */
/*  ===== 捲軸樣式設定 ===== */
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-right: 15px; padding-left: 15px; }

@media (min-width: 576px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); } }

@media (min-width: 1699px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1600px; } }

.g-0, gy-0 { --bs-gutter-y: 0; }

.g-0, gx-0 { --bs-gutter-x: 0; }

.c-nav .section-title { margin-bottom: 10px; }

@media (min-width: 768px) { .c-nav .section-title { margin-bottom: 60px; } }

.c-nav .nav-pills { margin: 0 auto; margin-bottom: 30px; padding-left: calc(var(--bs-gutter-x) * .5); }

.c-nav .nav-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.c-nav .nav-link { border-radius: 0; padding: 24px 0 14px; width: 100%; font-family: 'Noto Sans TC', sans-serif; font-size: 1.125rem; line-height: 1; letter-spacing: 0.1em; color: #B9B7B6 !important; font-weight: 400; border-bottom: 1px solid #B9B7B6; }

@media (min-width: 768px) { .c-nav .nav-link { font-size: 1.5625rem; padding: 24px 0 25px; } }

.c-nav .nav-link:hover { color: #222 !important; }

.c-nav .nav-link.active { background-color: transparent !important; color: #222 !important; position: relative; font-weight: 700; border-color: #FDD625; }

.c-nav .nav-link.active::after { content: ''; display: block; height: 3px; width: 100%; position: absolute; bottom: 0; left: 0; background: #FDD625; }

@media (min-width: 768px) { .c-nav .nav-link.active::after { height: 6px; } }

.btn-outline-black { border: 1px solid black; text-align: center; color: black; display: block; padding: 16px 0; }

.btn-outline-black:hover { color: black; }

@media (min-width: 992px) { .btn-outline-black { display: inline-block; font-size: 18px; padding: 18px 102px; } }

.btn-pill button { border: 1px solid #696766; border-radius: 50px; padding: 13px 26px 13px 25px; font-family: 'Poppins', sans-serif; font-size: 1rem; line-height: 1.5; letter-spacing: 0.05em; text-transform: capitalize; color: #696766; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.btn-pill i { margin-right: 10px; width: 18px; height: 18px; background: no-repeat center; }

.btn-pill a { display: inline-block; }

.c-full-img-carousel { height: 0; padding-top: calc(100% / 1920 * 760); position: relative; }

.c-full-img-carousel .swiper-container { overflow: hidden; }

.c-full-img-carousel .c-full-img-carousel-swp { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.c-full-img-carousel .swiper-slide { background: no-repeat center / cover; }

@media (max-width: 1799px) { .c-full-img-carousel .swiper-button-next { right: 20px; } }

@media (max-width: 1799px) { .c-full-img-carousel .swiper-button-prev { left: 20px; } }

.c-full-img-carousel .circle-button { width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (min-width: 992px) { .c-full-img-carousel .circle-button { width: 4.6875vw; height: 4.6875vw; }
  .c-full-img-carousel .circle-button svg { width: 15px; height: 15px; } }

@media (min-width: 992px) and (min-width: 992px) { .c-full-img-carousel .circle-button svg { width: 30px; height: 30px; } }

.c-full-text-carousel { position: relative; padding: 66px 60px; }

@media (min-width: 992px) { .c-full-text-carousel { padding: 156px 150px; } }

.c-full-text-carousel .swiper-container { max-width: 1400px; margin: auto; overflow: hidden; }

.c-full-text-carousel .swiper-container .saying { text-align: center; font-weight: 600; margin-bottom: 30px; font-family: 'Noto Serif TC', serif; font-size: 1.125rem; line-height: 1.8; letter-spacing: 0.1em; }

@media (min-width: 992px) { .c-full-text-carousel .swiper-container .saying { font-size: 1.625rem; } }

.c-full-text-carousel .swiper-container .who-saying { font-weight: 400; font-size: 1.125rem; line-height: 1.8; letter-spacing: 0.1em; text-align: center; }

.c-full-text-carousel .swiper-circle-button { -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: 0; }

.c-full-text-carousel .swiper-circle-button:hover .circle-button { border-color: #FDD625; }

.c-full-text-carousel .swiper-button-next { right: 16px; }

.c-full-text-carousel .swiper-button-prev { left: 16px; }

.c-full-text-carousel .circle-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 30px; height: 30px; border-color: #222; }

@media (min-width: 992px) { .c-full-text-carousel .circle-button { width: 4.6875vw; height: 4.6875vw; } }

.c-full-text-carousel .circle-button svg { width: 15px; height: 15px; stroke: #222; }

@media (min-width: 992px) { .c-full-text-carousel .circle-button svg { width: 30px; height: 30px; } }

.c-full-text-carousel .bg { width: 100%; height: 885px; background: no-repeat center / cover; position: absolute; bottom: 0; left: 0; z-index: -1; }

.c-form-group { margin-bottom: 20px; letter-spacing: 0.05em; line-height: 1.8; }

.c-form-group input[type="radio"] { width: 20px; height: 20px; background: #FAFAFA; border: 1px solid #B9B7B6; border-radius: 50%; -webkit-box-shadow: none; box-shadow: none; vertical-align: middle; margin-right: 15px; cursor: pointer; }

.c-form-group input[type="radio"]:checked { background: black; border: none; background-image: url(../images/map/check_icon.svg); background-size: contain; background-position: center; background-repeat: no-repeat; background-size: 10px; }

.c-form-group input[type="checkbox"] { width: 20px; height: 20px; background: #FAFAFA; border: 1px solid #B9B7B6; -webkit-box-shadow: none; box-shadow: none; vertical-align: middle; margin-right: 15px; cursor: pointer; }

.c-form-group input[type="checkbox"]:checked { background: black; border: none; background-image: url(../images/map/check_icon.svg); background-size: contain; background-position: center; background-repeat: no-repeat; background-size: 10px; }

.c-form-group .radio-label, .c-form-group .checkbox-label { font-size: 16px; line-height: 1; vertical-align: middle; }

@media (min-width: 768px) { .c-form-group .radio-label, .c-form-group .checkbox-label { font-size: 18px; } }

.c-form-group-label { margin-bottom: 10px; font-size: 16px; font-weight: 500; line-height: 1; }

@media (min-width: 768px) { .c-form-group-label { font-size: 20px; } }

@media (min-width: 1200px) { .c-form-group-label { line-height: 46px; margin-bottom: 10px; } }

.c-form-group-input { border: 1px solid #B9B7B6; width: 100%; padding: 18.5px 10px; -webkit-box-shadow: none; box-shadow: none; font-size: 16px; }

@media (min-width: 768px) { .c-form-group-input { font-size: 18px; } }

.c-form-group-input:hover { -webkit-box-shadow: none; box-shadow: none; }

.c-form-group-input:focus { -webkit-box-shadow: none; box-shadow: none; }

.c-form-group-select { border: 1px solid #B9B7B6; width: 100%; padding: 4.5px 25px; -webkit-box-shadow: none; box-shadow: none; font-size: 16px; }

@media (min-width: 768px) { .c-form-group-select { font-size: 18px; } }

.c-form-group-textarea { border: 1px solid #B9B7B6; width: 100%; padding: 15px; -webkit-box-shadow: none; box-shadow: none; font-size: 14px; line-height: 1.5; }

@media (min-width: 768px) { .c-form-group-textarea { font-size: 16px; padding: 30px; } }

.c-form-group-textarea::-webkit-input-placeholder { color: #B9B7B6; }

.c-form-group-textarea:-ms-input-placeholder { color: #B9B7B6; }

.c-form-group-textarea::-ms-input-placeholder { color: #B9B7B6; }

.c-form-group-textarea::placeholder { color: #B9B7B6; }

.section-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 60px; }

.section-footer .wrap-page-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; }

.section-footer .page { color: #B9B7B6; font-family: 'futura-pt', sans-serif; font-weight: 500; font-style: normal; font-size: 1.5625rem; line-height: 1; letter-spacing: 0.05em; padding: 0 20px 21px 17px; position: relative; margin-right: 15px; }

.section-footer .page::after { content: ''; display: block; height: 1px; width: 100%; position: absolute; left: 0; bottom: 0; background: #B9B7B6; }

.section-footer .page.active { font-weight: 700; padding-left: 16px; color: #222; }

.section-footer .page.active::after { background: #FDD625; height: 6px; }

.section-footer a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

@media (max-width: 991px) { .section-footer { padding: 0; }
  .section-footer .page, .section-footer .page.active { font-size: 0.875rem; line-height: 1; letter-spacing: 0.05em; padding-top: 0; padding-left: 10px; padding-bottom: 13px; padding-right: 10px; }
  .section-footer .page::after { height: .6px; }
  .section-footer .page.active::after { height: 4px; } }

@media (max-width: 1439px) { padding-top: 17px;
  padding-bottom: 64px; }

.error { color: #EA0000; font-size: 14px; }

.recaptcha-wrapper { height: 70px; overflow: hidden; background-color: #f9f9f9; border-radius: 3px; box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08); height: 70px; position: relative; border: 1px solid #d3d3d3; color: #000; }

.recaptcha-info { background-size: 32px; height: 32px; margin: 0 13px 0 13px; position: absolute; right: 8px; top: 9px; width: 32px; background-image: url(https://www.gstatic.com/recaptcha/api2/logo_48.png); background-repeat: no-repeat; }

.rc-anchor-logo-text { color: #666; cursor: default; font-family: Roboto, helvetica, arial, sans-serif; font-size: 10px; font-weight: 400; line-height: 10px; margin-top: 5px; text-align: center; position: absolute; right: 10px; top: 37px; }

.rc-anchor-checkbox-label { font-family: Roboto, helvetica, arial, sans-serif; font-size: 14px; font-weight: 400; left: 60px; top: 50%; position: absolute; -webkit-transform: translatey(-50%); transform: translatey(-50%); color: black; }

.rc-anchor .rc-anchor-normal .rc-anchor-light { border: none; }

.rc-anchor-pt { color: #9b9b9b; font-family: Roboto, helvetica, arial, sans-serif; font-size: 8px; font-weight: 400; right: 10px; top: 53px; position: absolute; }

.rc-anchor-pt a:link { color: #9b9b9b; text-decoration: none; }

.recaptcha-wrap { width: 41px; height: 38px; overflow: hidden; position: absolute; top: 50%; left: 10px; -webkit-transform: translatey(-50%); transform: translatey(-50%); border-radius: 3px; }

.g-recaptcha { -webkit-transform: translate(-8px, -16px); transform: translate(-8px, -16px); }

.chipolin-video { position: relative; padding-top: calc(100% / 16 * 9); width: 100%; heigth: 0; margin-bottom: 30px; }

.chipolin-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.click-range { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; }

.cursor-pointer { cursor: pointer; }

.text-point { color: #EA0000; }

.map__volunteer__modal .js-scrollBar, .seeus .seeus__mainDirectors .js-scrollBar, .seeus .seeus__directors .js-scrollBar { overflow: auto; }

.map__volunteer__modal .js-scrollBar .mCSB_scrollTools .mCSB_draggerContainer, .seeus .seeus__mainDirectors .js-scrollBar .mCSB_scrollTools .mCSB_draggerContainer, .seeus .seeus__directors .js-scrollBar .mCSB_scrollTools .mCSB_draggerContainer, .map__volunteer__modal .js-scrollBar .mCSB_scrollTools .mCSB_draggerRail, .seeus .seeus__mainDirectors .js-scrollBar .mCSB_scrollTools .mCSB_draggerRail, .seeus .seeus__directors .js-scrollBar .mCSB_scrollTools .mCSB_draggerRail { background: rgba(0, 0, 0, 0.2); width: 1px; }

.map__volunteer__modal .js-scrollBar .mCSB_scrollTools .mCSB_dragger, .seeus .seeus__mainDirectors .js-scrollBar .mCSB_scrollTools .mCSB_dragger, .seeus .seeus__directors .js-scrollBar .mCSB_scrollTools .mCSB_dragger { width: 5px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.map__volunteer__modal .js-scrollBar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .seeus .seeus__mainDirectors .js-scrollBar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .seeus .seeus__directors .js-scrollBar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: black; width: 100%; }

.see-work__video__block__side__inner { overflow: auto; }

.see-work__video__block__side__inner .mCSB_scrollTools .mCSB_draggerContainer, .see-work__video__block__side__inner .mCSB_scrollTools .mCSB_draggerRail { background: rgba(255, 255, 255, 0.2); width: 1px; }

.see-work__video__block__side__inner .mCSB_scrollTools { width: 8px; }

.see-work__video__block__side__inner .mCSB_scrollTools .mCSB_dragger { width: 3px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.see-work__video__block__side__inner .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: white; width: 100%; }

@media (max-width: 767px) { .header-mobile-show .page_header { background-color: white; -webkit-box-shadow: 0px 5px 10px rgba(102, 102, 102, 0.1); box-shadow: 0px 5px 10px rgba(102, 102, 102, 0.1); padding: 25px 50px 15px; }
  .header-mobile-show .page_header .o-link__item a { color: #222222; -webkit-filter: none; filter: none; }
  .header-mobile-show .page_header .c-nav-btn { -webkit-filter: none; filter: none; }
  .header-mobile-show .page_header .c-nav-btn .o-line { background-color: #222222; }
  .header-mobile-show .page_header .o-ratio-wrapper { background-image: url(../images/logo/foundation_horizontal_black.svg); -webkit-filter: none; filter: none; }
  .header-mobile-show .page_header .link-sub-white { display: none; }
  .header-mobile-show .page_header .link-sub-black { display: inline-block; }
  .header-mobile-show .page_container { margin-top: 72px; } }

.products { padding-top: 50px; padding-bottom: 10px; }

@media (min-width: 1440px) { .products { padding-top: 100px; padding-bottom: 40px; } }

.products .nav-pills { max-width: unset; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; }

.products .nav-pills::-webkit-scrollbar-track { background-color: transparent; }

.products .nav-pills::-webkit-scrollbar-thumb { background-color: transparent; }

.products .nav-pills::-webkit-scrollbar-thumb:hover { background-color: transparent; }

.products .nav-pills::-webkit-scrollbar { background-color: transparent; display: none; }

@media (min-width: 768px) { .products .nav-pills { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } }

.products .nav-link { min-width: 120px; position: relative; border-bottom: 0; padding: 0; background-color: transparent; }

.products .nav-link::after { content: ''; display: block; position: absolute; bottom: 0; left: 0; background: #FDD625; width: 100%; height: 3px; opacity: 0; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; }

.products .nav-link.active::after { opacity: 1; }

@media (min-width: 768px) { .products .nav-link.active::after { opacity: 0; } }

.products .nav-link.active { background: none; }

.products .nav-link.active .products__side__link { font-weight: bold; }

.products .nav-link.active .circle-button-svg { background: #FDD625; }

.products .c-nav-btn { position: absolute; top: 20.5px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 6px; height: 13px; display: block; background-repeat: no-repeat; background-size: contain; cursor: pointer; }

@media (min-width: 768px) { .products .c-nav-btn { display: none; } }

.products .c-nav-btn__left { left: 13px; }

.products .c-nav-btn__right { right: 0px; }

.products__side { margin-left: 20px; margin-right: 20px; margin-bottom: 46px; }

@media (min-width: 768px) { .products__side { margin-bottom: 0; } }

@media (min-width: 992px) { .products__side { padding-right: 30px; } }

@media (min-width: 1440px) { .products__side { padding-right: 95.5px; } }

@media (min-width: 768px) { .products__side .nav-link:first-child { margin-top: -20px; } }

.products__side__link { color: #222; border-bottom: 1px solid #222; padding: 10px 0; letter-spacing: 0.1em; cursor: pointer; -webkit-transition: all ease 200ms; transition: all ease 200ms; }

@media (min-width: 768px) { .products__side__link { padding: 20px 0; font-size: 20px; } }

@media (min-width: 1200px) { .products__side__link { font-size: 26px; } }

.products__side__link:hover { color: #222; font-weight: bold; -webkit-transition: all ease 200ms; transition: all ease 200ms; }

.products__side__link:hover > .circle-button-svg { background: #FDD625; -webkit-transition: all ease 200ms; transition: all ease 200ms; }

.products__side__link .circle-button-svg { width: 38px; height: 38px; border-color: #F0F0F0; display: none; }

@media (min-width: 768px) { .products__side__link .circle-button-svg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

@media (min-width: 1440px) { .products__side__link .circle-button-svg { width: 45px; height: 45px; } }

.products__item { margin-bottom: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media (min-width: 1440px) { .products__item { padding-left: 17.5px; padding-right: 17.5px; } }

.products__item__img { margin-bottom: 10px; min-height: 240px; width: 100%; padding-top: calc(100% / 1.380); background: no-repeat center / cover; }

@media (min-width: 1200px) { .products__item__img { margin-bottom: 20px; } }

.products__item .btn-border button { padding: 6px 2vw; margin-top: 8px; width: 100%; font-size: 14px; letter-spacing: 0.1em; }

@media (min-width: 768px) { .products__item .btn-border button { font-size: 20px; } }

@media (min-width: 1200px) { .products__item .btn-border button { margin-top: 0; width: auto; } }

@media (min-width: 1200px) { .products__item__textBlock { width: 73%; } }

.products__item__textBlock__title { color: #000; font-weight: bold; font-size: 16px; margin-bottom: 6px; letter-spacing: 0.05em; }

@media (min-width: 768px) { .products__item__textBlock__title { font-size: 20px; } }

@media (min-width: 1200px) { .products__item__textBlock__title { font-size: 24px; } }

@media (min-width: 1440px) { .products__item__textBlock__title { font-size: 30px; margin-bottom: 15px; } }

.products__item__textBlock__txt { color: #696766; font-size: 12px; letter-spacing: 0.1em; }

@media (min-width: 768px) { .products__item__textBlock__txt { font-size: 16px; } }

.authorization { padding-top: 40px; }

@media (min-width: 768px) { .authorization { padding-top: 80px; } }

.authorization .authorization__text__part:last-child { margin-bottom: 0; }

.authorization__text { font-size: 1rem; line-height: 1.6875; }

@media (min-width: 768px) { .authorization__text { font-size: 1.25rem; line-height: 1.9; } }

.authorization .case { margin-top: 50px; margin-bottom: 60px; }

@media (min-width: 768px) { .authorization .case { margin-top: 100px; margin-bottom: 80px; } }

@media (min-width: 1200px) { .authorization .case .section-title { margin-bottom: 26px; } }

.authorization .case__content { margin-top: 16px; }

@media (min-width: 768px) { .authorization .case__content { margin-top: 0; } }

@media (min-width: 1200px) { .authorization .case__content { padding-left: 83px; } }

.authorization .case__content__title { font-weight: bold; font-size: 32px; letter-spacing: 0.05em; margin-bottom: 20px; letter-spacing: 0.05em; }

@media (min-width: 1200px) { .authorization .case__content__title { font-size: 38px; } }

.authorization .case__content__title--num { color: #F7BE4B; font-weight: 500; font-size: 30px; margin-right: 8px; line-height: 1; }

@media (min-width: 768px) { .authorization .case__content__title--num { font-size: 46px; margin-right: 10px; } }

@media (min-width: 1200px) { .authorization .case__content__title--num { font-size: 70px; } }

.authorization .case__content__title--text { font-size: 20px; letter-spacing: 0.1em; }

@media (min-width: 768px) { .authorization .case__content__title--text { font-size: 30px; } }

.authorization .case__content__text { font-size: 18px; line-height: 30px; letter-spacing: 0.1em; text-align: justify; }

@media (min-width: 768px) { .authorization .case__content__text { font-size: 20px; line-height: 40px; line-height: 2.1; } }

.process { padding: 60px 0 100px 0; background: #F0F0F0; margin-top: 50px; }

@media (min-width: 768px) { .process { padding-top: 80px; margin-top: 100px; } }

@media (min-width: 1200px) { .process { padding-bottom: 157px; } }

.process .section-title { margin-bottom: 52px; }

.process__col { max-width: 1094px; }

.process__content { margin-top: 50px; margin-bottom: 46px; position: relative; max-width: 275px; margin: 0 auto; }

@media (min-width: 768px) { .process__content { margin-bottom: 50px; max-width: 100%; } }

@media (min-width: 1200px) { .process__content { margin-bottom: 92px; } }

.process__content::after { content: ''; width: 70%; height: 2px; background-color: rgba(185, 183, 182, 0.5); position: absolute; bottom: 40%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: none; }

@media (min-width: 768px) { .process__content::after { bottom: 62%; display: block; } }

@media (min-width: 992px) { .process__content::after { width: 70%; } }

@media (min-width: 1200px) { .process__content::after { bottom: 45%; } }

@media (min-width: 1679px) { .process__content::after { width: 70%; } }

.process__content__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; margin-bottom: 28px; }

@media (min-width: 768px) { .process__content__item { width: calC(100%/3); margin-bottom: 0; margin-right: 15px; } }

@media (min-width: 992px) { .process__content__item { margin-right: 30px; } }

@media (min-width: 1200px) { .process__content__item:nth-child(2) ul { -webkit-transform: translateX(10px); transform: translateX(10px); } }

.process__content__item:last-child { margin-right: 0; }

@media (min-width: 1200px) { .process__content__item:last-child ul { -webkit-transform: translateX(30px); transform: translateX(30px); } }

.process__content__item__circle { width: 200px; height: 200px; background: #fff; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin-bottom: 14px; margin-left: auto; margin-right: auto; }

@media (min-width: 768px) { .process__content__item__circle { width: 180px; height: 180px; margin-bottom: 20px; } }

@media (min-width: 1200px) { .process__content__item__circle { width: 250px; height: 250px; } }

.process__content__item__circle::before { content: ''; width: 60px; height: 60px; background: #FDD625; border-radius: 50%; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); z-index: 0; }

@media (min-width: 768px) { .process__content__item__circle::before { width: 60px; height: 60px; } }

@media (min-width: 1200px) { .process__content__item__circle::before { width: 80px; height: 80px; } }

.process__content__item__circle__img { width: 100px; height: auto; z-index: 1; }

@media (min-width: 768px) { .process__content__item__circle__img { width: 100px; } }

@media (min-width: 1200px) { .process__content__item__circle__img { width: 124px; } }

.process__content__item__text { font-size: 1.25rem; font-weight: bold; position: relative; margin-bottom: 20px; text-align: center; }

@media (min-width: 768px) { .process__content__item__text { font-size: 1.5rem; height: 72px; margin-bottom: 94px; } }

.process__content__item__text::before { content: ''; width: 20px; height: 20px; background-color: #fff; border-radius: 50%; border: 2px solid #D5D4D4; position: absolute; bottom: -54px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; display: none; }

@media (min-width: 768px) { .process__content__item__text::before { width: 20px; height: 20px; display: block; } }

.process__content__item__list { display: -webkit-box; display: -ms-flexbox; display: flex; letter-spacing: 0.01em; margin-bottom: 20px; }

@media (min-width: 768px) { .process__content__item__list { font-size: 1.25rem; height: 135px; } }

@media (min-width: 1200px) { .process__content__item__list { height: 70px; } }

.process__content__item__list p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height: 30px; }

@media (min-width: 768px) { .process__content__item__list p { line-height: 35px; } }

.process__content__item__list--circleIcon { width: 30px; height: 30px; background-color: #FDD625; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 8px; font-family: 'futura-pt', sans-serif; font-weight: 500; font-style: normal; -ms-flex-negative: 0; flex-shrink: 0; }

@media (min-width: 768px) { .process__content__item__list--circleIcon { width: 35px; height: 35px; margin-right: 15px; font-size: 1.25rem; line-height: 1; } }

.process__btn { display: block; padding: 0 10px 10px 0; border-bottom: 5px solid #fff; border-right: 5px solid #fff; }

.process__btn__img { width: 100%; background: white; max-width: 790px; padding: 20px 50px; }

@media (min-width: 768px) { .process__btn__img { padding: 40px 90px; } }

@media (min-width: 1200px) { .process__btn__img { padding: 50px 170px; } }

.donation { padding-top: 60px; padding-bottom: 57px; }

@media (min-width: 768px) { .donation { padding-top: 120px; padding-bottom: 114px; } }

.donation__text { font-size: 1rem; line-height: 1.6875; }

@media (min-width: 768px) { .donation__text { font-size: 1.25rem; line-height: 1.9; } }

.donation__information { background: #333; color: #FAFAFA; }

.donation__information__bg { background-size: cover; background-repeat: no-repeat; background-position: center centercode; width: 100%; }

.donation__information .section-title { margin-bottom: 30px; }

@media (min-width: 768px) { .donation__information .section-title { margin-bottom: 73px; } }

.donation__information .section-title .circle::before { content: ''; position: absolute; right: 0; top: 50%; -webkit-transform: translate(100%, -50%); transform: translate(100%, -50%); z-index: 9; width: 12px; height: 2px; display: block; background-color: #FAFAFA; }

@media (min-width: 768px) { .donation__information .section-title .circle::before { width: 15px; } }

.donation__information__col { max-width: 1232px; padding-top: 56px; padding-bottom: 50px; }

@media (min-width: 768px) { .donation__information__col { padding-top: 112px; padding-bottom: 100px; } }

@media (min-width: 1200px) { .donation__information__col__content { padding-left: 88px; } }

.donation__information__col__content__item { margin-bottom: 70px; }

.donation__information__col__content__item:last-child { margin-bottom: 0; }

.donation__information__col__content__item__title { font-size: 1.25rem; line-height: 1.4; font-weight: 700; margin-bottom: 20px; }

@media (min-width: 768px) { .donation__information__col__content__item__title { font-size: 1.875rem; line-height: 1; margin-bottom: 30px; } }

.donation__information__col__content__item__label { font-size: 1rem; line-height: 1.6875; font-weight: 700; letter-spacing: 0.03em; display: block; padding-right: 20px; margin-right: 20px; position: relative; width: 100%; border-bottom: 1px solid rgba(250, 250, 250, 0.5); }

@media (min-width: 576px) { .donation__information__col__content__item__label { width: 200px; border-bottom: none; } }

@media (min-width: 768px) { .donation__information__col__content__item__label { font-size: 1.25rem; line-height: 2; width: 305px; } }

.donation__information__col__content__item__label::after { content: ''; position: absolute; display: none; width: 1px; height: 20px; background-color: #FAFAFA; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media (min-width: 576px) { .donation__information__col__content__item__label::after { display: block; } }

.donation__information__col__content__item__text { font-size: 1rem; line-height: 1.6875; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

@media (min-width: 768px) { .donation__information__col__content__item__text { font-size: 1.25rem; line-height: 1.9; } }

.map .nav-pills { margin-bottom: 60px; }

.map__newsletter__start { padding-left: 0; padding-right: 0; }

@media (min-width: 1200px) { .map__newsletter__start { padding-right: 55px; } }

.map__newsletter__start__form { background-color: #E5E5E5; padding: 50px; }

@media (min-width: 992px) { .map__newsletter__start__form { padding: 50px 80px; } }

@media (min-width: 1440px) { .map__newsletter__start__form { padding: 99px 165px; } }

.map__newsletter__start__form__top { margin-bottom: 36px; }

@media (min-width: 1200px) { .map__newsletter__start__form__top { margin-bottom: 44px; } }

@media (min-width: 1440px) { .map__newsletter__start__form__top { margin-bottom: 60px; } }

.map__newsletter { padding-bottom: 90px; }

.map__newsletter .btn-border { margin-top: 40px; }

@media (min-width: 1200px) { .map__newsletter .btn-border { display: inline-block; } }

.map__newsletter .btn-border button { font-size: 14px; width: 100%; }

@media (min-width: 768px) { .map__newsletter .btn-border button { font-size: 16px; } }

@media (min-width: 992px) { .map__newsletter .btn-border button { font-size: 20px; } }

@media (min-width: 1440px) { .map__newsletter .btn-border button { padding: 11px 120px; } }

.map__newsletter__end { padding: 30px 15px 50px 15px; }

@media (min-width: 992px) { .map__newsletter__end { padding-right: 60px; padding-left: 15px; } }

@media (min-width: 1200px) { .map__newsletter__end { padding-right: 160px; padding-left: 55px; } }

.map__newsletter__list { margin-bottom: 36px; }

@media (min-width: 1200px) { .map__newsletter__list { margin-bottom: 44px; } }

.map__newsletter__list__item { color: #222; border-bottom: 1px solid #222; padding: 20px 0; font-weight: bold; font-size: 16px; -webkit-transition: all ease 200ms; transition: all ease 200ms; }

@media (min-width: 992px) { .map__newsletter__list__item { font-size: 24px; } }

@media (min-width: 1200px) { .map__newsletter__list__item { margin-bottom: 50px; } }

@media (min-width: 1440px) { .map__newsletter__list__item { font-size: 30px; } }

.map__newsletter__list__item:hover { color: #222; }

.map__newsletter__list__item .circle-button-svg { width: 45px; height: 45px; background: #FDD625; }

@media (min-width: 992px) { .map__newsletter__list__item .circle-button-svg { width: 70px; height: 70px; } }

.map__newsletter__list__item .circle-button-svg svg { width: 17px; height: 17px; }

@media (min-width: 992px) { .map__newsletter__list__item .circle-button-svg svg { width: 26px; height: 26px; } }

.map__newsletter__list__item__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.map__newsletter__list__item__text--date { font-size: 14px; color: #CF9A43; font-family: 'futura-pt-bold', sans-serif; font-weight: 700; font-style: normal; }

@media (min-width: 992px) { .map__newsletter__list__item__text--date { font-size: 16px; } }

@media (min-width: 1200px) { .map__newsletter__list__item__text--date { font-size: 20px; } }

.map-newsletter { padding-bottom: 60px; min-height: 606px; }

@media (min-width: 768px) { .map-newsletter { padding-bottom: 120px; } }

.map-newsletter__list { margin-bottom: 35px; }

@media (min-width: 768px) { .map-newsletter__list { margin-bottom: 70px; } }

@media (min-width: 1200px) { .map-newsletter__list { --bs-gutter-x: 150px; } }

.map-newsletter .btn-pill button { background: #FDD625; border: 0; color: #222; font-size: 16px; }

.map__volunteer { color: #222; letter-spacing: 0.05em; }

.map__volunteer__info { padding-top: 5px; padding-bottom: 50px; padding-left: 15px; padding-right: 15px; text-align: center; }

@media (min-width: 768px) { .map__volunteer__info { padding-top: 10px; padding-bottom: 100px; padding-left: 0; padding-right: 0; } }

.map__volunteer__info__title { font-size: 1.375rem; line-height: 1.90909; font-family: 'Noto Serif TC', serif; font-weight: 700; margin-bottom: 15px; }

@media (min-width: 768px) { .map__volunteer__info__title { font-size: 1.625rem; line-height: 1.76923; margin-bottom: 30px; } }

.map__volunteer__info__text { font-size: 1.125rem; line-height: 1.88889; }

@media (min-width: 768px) { .map__volunteer__info__text { font-size: 1.25rem; line-height: 2; } }

.map__volunteer__pic { margin-bottom: 50px; }

@media (min-width: 768px) { .map__volunteer__pic { margin-bottom: 100px; } }

.map__volunteer__pic__img { -o-object-fit: cover; object-fit: cover; width: calc((100% / 4.5) - 10px); margin-bottom: 5px; }

@media (min-width: 576px) { .map__volunteer__pic__img { width: calc((100% / 5) - 10px); margin-bottom: 10px; } }

@media (min-width: 992px) { .map__volunteer__pic__img { width: calc((100% / 9) - 10px); } }

.map__volunteer__pic .btn-border { margin-top: 35px; width: 100%; }

@media (min-width: 768px) { .map__volunteer__pic .btn-border { display: inline-block; width: 400px; margin-top: 70px; } }

.map__volunteer__pic .btn-border button { width: 100%; }

.map__volunteer .swiper-wrapper { background-color: #F3F3F3; padding: 60px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (min-width: 992px) { .map__volunteer .swiper-wrapper { padding: 120px 0; } }

.map__volunteer .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; }

.map__volunteer .circle-button { border-color: #222; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.map__volunteer .circle-button svg { stroke: #222; width: 15px; height: 15px; }

@media (min-width: 992px) { .map__volunteer .circle-button svg { width: 30px; height: 30px; } }

.map__volunteer__people { max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 20px; padding-right: 20px; }

@media (min-width: 576px) { .map__volunteer__people { padding-left: 0; padding-right: 0; max-width: 600px; } }

@media (min-width: 992px) { .map__volunteer__people { max-width: 740px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

@media (min-width: 1200px) { .map__volunteer__people { max-width: 1060px; } }

.map__volunteer__people__img { width: 250px; height: 250px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; overflow: hidden; -webkit-box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.25); box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.25); margin-bottom: 30px; }

@media (min-width: 768px) { .map__volunteer__people__img { width: 200px; height: 200px; } }

@media (min-width: 992px) { .map__volunteer__people__img { margin-right: 65px; width: 300px; height: 300px; } }

@media (min-width: 1200px) { .map__volunteer__people__img { margin-right: 105px; } }

.map__volunteer__people__info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; }

@media (min-width: 992px) { .map__volunteer__people__info { text-align: left; } }

.map__volunteer__people__info__title { font-size: 2rem; line-height: 1; letter-spacing: 0.1em; position: relative; margin-bottom: 14px; display: inline-block; }

@media (min-width: 768px) { .map__volunteer__people__info__title { margin-bottom: 25px; } }

@media (min-width: 992px) { .map__volunteer__people__info__title { font-size: 2.1875rem; line-height: 1; } }

.map__volunteer__people__info__title__circle { width: 40px; height: 40px; background-color: #FDD625; position: absolute; top: -6px; left: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 50%; }

@media (min-width: 992px) { .map__volunteer__people__info__title__circle { width: 60px; height: 60px; } }

.map__volunteer__people__info__title span { position: relative; }

.map__volunteer__people__info__title__sub { font-size: 1rem; line-height: 1.875; display: block; }

@media (min-width: 768px) { .map__volunteer__people__info__title__sub { margin-bottom: 5px; } }

@media (min-width: 992px) { .map__volunteer__people__info__title__sub { font-size: 1.125rem; line-height: 1.77778; } }

.map__volunteer__people__say { font-size: 1.125rem; line-height: 1.88889; text-align: justify; }

@media (min-width: 992px) { .map__volunteer__people__say { font-size: 1.25rem; line-height: 2.1; } }

.map__volunteer__letter { padding-top: 33px; padding-bottom: 100px; background-color: #F3F3F3; }

.map__volunteer__letter__inner { padding: 55px 20px 48px 20px; background: #FAFAFA; -webkit-box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.1); box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.1); }

@media (min-width: 992px) { .map__volunteer__letter__inner { padding: 110px 135px 96px 135px; } }

.map__volunteer__letter__inner__text { font-size: 1.125rem; line-height: 1.88889; }

@media (min-width: 992px) { .map__volunteer__letter__inner__text { font-size: 1.25rem; line-height: 2.1; letter-spacing: 0.1em; } }

.map__volunteer__letter__inner__sign { font-size: 1.125rem; line-height: 1.88889; letter-spacing: 0.1em; font-weight: 500; text-align: right; margin-top: 35px; }

@media (min-width: 992px) { .map__volunteer__letter__inner__sign { font-size: 1.25rem; line-height: 2.1; } }

.map__volunteer__recruit { padding-top: 45px; padding-bottom: 40px; }

@media (min-width: 992px) { .map__volunteer__recruit { padding-top: 90px; padding-bottom: 80px; } }

.map__volunteer__recruit .section-title { margin-bottom: 50px; }

@media (min-width: 992px) { .map__volunteer__recruit .section-title { margin-bottom: 100px; } }

.map__volunteer__recruit__col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 20px; padding-right: 20px; margin-bottom: 35px; width: 100%; }

@media (min-width: 768px) { .map__volunteer__recruit__col { padding-left: 0; padding-right: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 70px; } }

@media (min-width: 1200px) { .map__volunteer__recruit__col { width: 45%; max-width: 586px; } }

.map__volunteer__recruit__col__num { font-size: 2.375rem; line-height: 1; letter-spacing: 0.05em; color: #FDD625; font-family: 'futura-pt-bold', sans-serif; font-weight: 700; font-style: normal; margin-bottom: 10px; }

@media (min-width: 768px) { .map__volunteer__recruit__col__num { margin-right: 30px; } }

@media (min-width: 992px) { .map__volunteer__recruit__col__num { font-size: 3.125rem; line-height: 1; margin-right: 50px; } }

.map__volunteer__recruit__col__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.map__volunteer__recruit__col__info__title { font-size: 1.125rem; line-height: 1.88889; letter-spacing: 0.05em; font-weight: bold; color: #222; }

@media (min-width: 992px) { .map__volunteer__recruit__col__info__title { font-size: 1.625rem; line-height: 1.76923; margin-bottom: 5px; } }

.map__volunteer__recruit__col__info__text { font-size: 1.125rem; line-height: 1.88889; letter-spacing: 0.1em; text-align: justify; }

@media (min-width: 992px) { .map__volunteer__recruit__col__info__text { font-size: 1.25rem; line-height: 1.61538; } }

.map__volunteer .section-title { margin-bottom: 40px; }

@media (min-width: 768px) { .map__volunteer .section-title { margin-bottom: 50px; } }

.map__volunteer .zh { font-size: 36px; }

@media (min-width: 768px) { .map__volunteer .mt-negative-20 { margin-top: -10px; } }

.map__volunteer__form { background: #F3F3F3; padding-top: 80px; padding-bottom: 124px; }

.map__volunteer__form__inner { background-color: #FAFAFA; padding: 25px 25px; }

@media (min-width: 1440px) { .map__volunteer__form__inner { padding: 100px 120px; } }

.map__volunteer__form__inner .c-form-group-input { background: transparent; }

.map__volunteer__form__inner .c-form-group-label { margin-bottom: 10px; line-height: 1.8; }

.map__volunteer__form__inner .c-form-group { margin-bottom: 30px; }

.map__volunteer__form__inner__col { width: 100%; padding: 0 15px; }

.map__volunteer__form__inner__col .c-form-group-select:last-child { margin-right: 0; }

.map__volunteer__form__inner__col .btn-border { width: 100%; }

@media (min-width: 576px) { .map__volunteer__form__inner__col .btn-border { width: auto; } }

.map__volunteer__form__inner__col .btn-border button { font-size: 16px; width: 100%; }

@media (min-width: 576px) { .map__volunteer__form__inner__col .btn-border button { width: auto; } }

@media (min-width: 768px) { .map__volunteer__form__inner__col .btn-border button { font-size: 20px; } }

.map__volunteer__form__inner__col__checkbox { vertical-align: middle; display: inline-block; -webkit-transform: translateY(9px); transform: translateY(9px); }

.map__volunteer__form__inner__col__checkbox .c-form-group-input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: auto; width: 100%; }

@media (min-width: 992px) { .map__volunteer__form__inner__col__checkbox .c-form-group-input { max-width: 544px; width: 50%; -webkit-box-flex: 0; -ms-flex: none; flex: none; } }

.map__volunteer__form__inner__col__checkbox label { margin-right: 15px; }

@media (min-width: 768px) { .map__volunteer__form__inner__col__checkbox label { margin-right: 30px; } }

@media (min-width: 992px) { .map__volunteer__form__inner__col__checkbox label { margin-right: 40px; } }

.map__volunteer__form__inner__col__checkbox input, .map__volunteer__form__inner__col__checkbox label { margin-bottom: 10px; }

@media (min-width: 768px) { .map__volunteer__form__inner__col__checkbox input, .map__volunteer__form__inner__col__checkbox label { margin-bottom: 20px; } }

.map__volunteer__form__inner__col__checkbox .map__volunteer__form__inner__col__checkbox__item:last-child { margin-bottom: 0; }

.map__volunteer__form__inner__col__checkbox input[name="subscription"] { border-radius: 50%; }

.map__volunteer__form__inner__col__checkbox__item { vertical-align: middle; }

.map__volunteer__form__inner .c-form-group-select:last-child { margin-bottom: 0; }

.map__volunteer__form__inner .c-form-group-select { margin-right: 10px; background-color: transparent; padding: 4.5px 10px; margin-bottom: 12px; color: #222; }

@media (min-width: 768px) { .map__volunteer__form__inner .c-form-group-select { margin-bottom: 0; } }

@media (min-width: 1440px) { .map__volunteer__form__inner .c-form-group-select { padding: 4.5px 25px; } }

.map__volunteer__form__inner select { background-position: right 3% center; }

@media (min-width: 1440px) { .map__volunteer__form__inner select { background-position: right 5% center; } }

.map__volunteer__form__inner .c-form-group-textarea { background-color: transparent; min-height: 200px; }

.map__volunteer__form__inner__col__checkbox__start { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (min-width: 768px) { .map__volunteer__form__inner__col__checkbox__start { margin-bottom: 10px; } }

@media (min-width: 992px) { .map__volunteer__form__inner__col__checkbox__start { margin-bottom: 0; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } }

.map__volunteer__form__inner__col__checkbox__start input, .map__volunteer__form__inner__col__checkbox__start label { margin-bottom: 10px; white-space: nowrap; }

@media (min-width: 768px) { .map__volunteer__form__inner__col__checkbox__start input, .map__volunteer__form__inner__col__checkbox__start label { margin-bottom: 20px; } }

@media (min-width: 992px) { .map__volunteer__form__inner__col__checkbox__start input, .map__volunteer__form__inner__col__checkbox__start label { margin-bottom: 0; } }

.map__volunteer__form__inner__col__checkbox__end { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (min-width: 992px) { .map__volunteer__form__inner__col__checkbox__end { margin-top: 0; } }

.map__volunteer__form__inner__col__checkbox__end .c-form-group-input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.map__volunteer__form__inner__col__checkbox__end input, .map__volunteer__form__inner__col__checkbox__end label { margin-bottom: 10px; }

@media (min-width: 768px) { .map__volunteer__form__inner__col__checkbox__end input, .map__volunteer__form__inner__col__checkbox__end label { margin-bottom: 0; } }

@media (min-width: 992px) { .map__volunteer__form__inner__col__checkbox__end .c-form-group-input { max-width: 544px; } }

.map__volunteer__form__inner__remind { margin-top: -20px; font-size: 16px; line-height: 2; margin-bottom: 30px; margin-top: 60px; }

@media (min-width: 768px) { .map__volunteer__form__inner__remind { font-size: 20px; } }

.map__volunteer__modal { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 46px 27px 40px 22px; background-color: #fff; -webkit-box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.25); box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.25); z-index: 9999; width: calc(100% - 30px); -webkit-transition: all ease .2s; transition: all ease .2s; opacity: 0; display: none; opacity: 1; transition: all ease .2s; }

@media (min-width: 576px) { .map__volunteer__modal { padding: 56px 50px 40px 40px; } }

@media (min-width: 768px) { .map__volunteer__modal { padding: 46px 72px 58px 68px; width: 100%; max-width: 700px; } }

@media (min-width: 992px) { .map__volunteer__modal { max-width: 900px; } }

@media (min-width: 1200px) { .map__volunteer__modal { max-width: 1000px; padding: 66px 92px 78px 88px; } }

@media (min-width: 1440px) { .map__volunteer__modal { max-width: 1330px; padding: 93px 144px 116px 136px; } }

.map__volunteer__modal.active { display: block; }

.map__volunteer__modal__closeBtn { position: absolute; top: 18px; right: 18px; cursor: pointer; }

@media (min-width: 576px) { .map__volunteer__modal__closeBtn { top: 35px; right: 35px; } }

.map__volunteer__modal .section-header { margin-bottom: 30px; }

@media (min-width: 768px) { .map__volunteer__modal .section-header { margin-bottom: 55px; } }

.map__volunteer__modal .section-header .wrapper { position: relative; max-width: 1146px; padding: 0 31px; margin: auto; }

@media (min-width: 576px) { .map__volunteer__modal .section-header .wrapper { padding: 0 43px; } }

.map__volunteer__modal .section-header .swiper-slide { width: auto; }

.map__volunteer__modal .section-header .swiper-slide a { display: block; }

.map__volunteer__modal .section-header .swiper-slide .content { padding: 10px 0; position: relative; color: #B9B7B6; font-size: 1.125rem; line-height: 1; letter-spacing: 0.1em; font-family: 'futura-pt-bold', sans-serif; font-weight: 700; font-style: normal; width: 100px; }

@media (min-width: 576px) { .map__volunteer__modal .section-header .swiper-slide .content { padding: 15px 0; width: 200px; } }

.map__volunteer__modal .section-header .swiper-slide .content::after { content: ''; display: block; background-color: #B9B7B6; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; }

.map__volunteer__modal .section-header .active .content { color: #222222; font-weight: 700; }

.map__volunteer__modal .section-header .active .content::after { background-color: #FDD625; height: 6px; }

@media (max-width: 1439px) { .map__volunteer__modal .section-header .active .content::after { height: 3px; } }

.map__volunteer__modal .section-header .swiper-button { width: 8px; height: 13px; margin: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.map__volunteer__modal .section-header .swiper-button img { width: 100%; }

.map__volunteer__modal .section-header .swiper-button::after { display: none; }

.map__volunteer__modal .section-header .swiper-button-prev { left: 0; }

.map__volunteer__modal .section-header .swiper-button-next { right: 0; }

.map__volunteer__modal__list { border-bottom: 1px solid #B9B7B6; padding-bottom: 20px; padding-left: 12px; padding-top: 6px; margin-bottom: 20px; margin-right: 0; }

@media (min-width: 768px) { .map__volunteer__modal__list { padding-bottom: 35px; margin-bottom: 35px; margin-right: 33px; padding-left: 20px; padding-top: 8px; } }

.map__volunteer__modal__list:last-child { border-bottom: none; }

.map__volunteer__modal__list__title { font-size: 1.375rem; line-height: 1.45455; font-weight: bold; position: relative; margin-bottom: 15px; }

@media (min-width: 768px) { .map__volunteer__modal__list__title { font-size: 1.625rem; line-height: 1.76923; } }

.map__volunteer__modal__list__title::before { content: ''; width: 30px; height: 30px; border-radius: 50%; background-color: #FDD625; position: absolute; top: -5px; left: -12px; z-index: -1; }

@media (min-width: 768px) { .map__volunteer__modal__list__title::before { width: 38px; height: 38px; top: -8px; left: -19px; } }

.map__volunteer__modal .js-scrollBar { max-height: 250px; padding-left: 20px; display: none; -webkit-transition: all linear .2s; transition: all linear .2s; }

@media (min-width: 768px) { .map__volunteer__modal .js-scrollBar { max-height: 550px; } }

.map__volunteer__modal .js-scrollBar.show { display: block; }

.map__volunteer__modal__list__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.125rem; line-height: 2; }

@media (min-width: 768px) { .map__volunteer__modal__list__content { font-size: 1.25rem; line-height: 2; } }

.map__volunteer__modal__list__content__item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 58px; }

@media (min-width: 576px) { .map__volunteer__modal__list__content__item { width: 80px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

@media (min-width: 768px) { .map__volunteer__modal__list__content__item { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } }

@media (min-width: 1200px) { .map__volunteer__modal__list__content__item { width: 100px; } }

@media (min-width: 1440px) { .map__volunteer__modal__list__content__item { width: 150px; } }

.map__volunteer__modal__list__content__item__mark { font-size: 1rem; line-height: 1; }

.map__volunteer__modal .note { width: 110px; }

@media (min-width: 576px) { .map__volunteer__modal .note { width: 150px; } }

.exhibition { padding-top: 50px; padding-bottom: 75px; letter-spacing: 0.05em; }

@media (min-width: 992px) { .exhibition { padding-top: 100px; padding-bottom: 150px; } }

.exhibition__item { margin-bottom: 30px; position: relative; }

@media (min-width: 768px) { .exhibition__item { margin-bottom: 40px; } }

@media (min-width: 992px) { .exhibition__item { margin-bottom: 60px; } }

.exhibition__item__img { width: 100%; padding-top: calc(100% / 1038 * 392); background-size: cover; background-repeat: no-repeat; background-position: center center; margin-bottom: 16px; }

.exhibition__item__title { font-size: 16px; font-weight: 500; }

@media (min-width: 576px) { .exhibition__item__title { font-size: 20px; } }

@media (min-width: 768px) { .exhibition__item__title { font-size: 30px; } }

.exhibition__item__title__date { font-size: 12px; color: #696766; margin-bottom: 4px; display: block; }

@media (min-width: 768px) { .exhibition__item__title__date { margin-bottom: 15px; font-size: 16px; } }

.exhibition__item__title__en { margin-left: 10px; text-transform: uppercase; font-family: 'futura-pt', sans-serif; font-weight: 500; font-style: normal; }

@media (min-width: 768px) { .exhibition__item__title__en { margin-left: 14px; } }

@media (min-width: 992px) { .exhibition__item__title__en { margin-left: 20px; } }

.exhibition__item .circle-button-svg { width: 45px; height: 45px; background: #FDD625; }

@media (min-width: 768px) { .exhibition__item .circle-button-svg { width: 70px; height: 70px; } }

.exhibition__item .circle-button-svg svg { width: 17px; height: 17px; }

@media (min-width: 768px) { .exhibition__item .circle-button-svg svg { width: 26px; height: 26px; } }

body[data-page="see-work"] .p-map__section-kv .content::after { background: rgba(0, 0, 0, 0.2); }

.see-work { padding-top: 40px; padding-bottom: 78px; letter-spacing: 0.05em; }

@media (min-width: 768px) { .see-work { padding-top: 80px; padding-bottom: 156px; } }

.see-work .tab-pane .see-work__published:last-child { border-bottom: none; }

.see-work__published { padding-top: 35px; padding-bottom: 35px; border-bottom: 1px solid; }

@media (min-width: 992px) { .see-work__published { padding-top: 70px; padding-bottom: 70px; } }

.see-work__published__img { margin-bottom: 8px; width: 90%; }

@media (min-width: 992px) { .see-work__published__img { margin-bottom: 0; width: 100%; } }

.see-work__published__title { margin-bottom: 16px; font-size: 20px; font-weight: bold; color: #222; line-height: 1.5; }

@media (min-width: 992px) { .see-work__published__title { font-size: 30px; } }

@media (min-width: 1440px) { .see-work__published__title { margin-bottom: 30px; } }

.see-work__published__title--year { color: #F7BE4B; margin-bottom: 8px; font-family: 'futura-pt', sans-serif; font-weight: 500; font-style: normal; font-size: 30px; display: block; line-height: 1; }

@media (min-width: 992px) { .see-work__published__title--year { font-size: 50px; } }

@media (min-width: 1440px) { .see-work__published__title--year { margin-bottom: 25px; } }

.see-work__published__text { font-size: 16px; line-height: 2; margin-bottom: 14px; color: #222; text-align: justify; }

@media (min-width: 992px) { .see-work__published__text { line-height: 40px; margin-bottom: 30px; font-size: 20px; } }

.see-work__published__smallText { font-size: 14px; color: #696766; font-family: 'futura-pt', sans-serif; font-weight: 500; font-style: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (min-width: 992px) { .see-work__published__smallText { font-size: 16px; } }

.see-work__published__smallText__published { font-size: 16px; margin-right: 15px; font-family: 'Noto Sans TC', sans-serif; }

@media (min-width: 992px) { .see-work__published__smallText__published { font-size: 18px; } }

.see-work__video__block { margin-bottom: 30px; overflow: hidden; }

@media (min-width: 992px) { .see-work__video__block { margin-bottom: 57px; } }

.see-work__video__block__side { position: relative; padding-top: 140px; width: 100%; }

@media (min-width: 992px) { .see-work__video__block__side { padding-top: calc(100% / 5); } }

.see-work__video__block__side__inner { width: 100%; background-color: #111; max-height: 100%; overflow: hidden; padding: 16px 16px 0 16px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media (min-width: 768px) { .see-work__video__block__side__inner { padding: 30px 30px 0 30px; } }

@media (min-width: 1200px) { .see-work__video__block__side__inner { padding: 45px 45px 0 45px; } }

.see-work__video__block__side__inner.hasScroll { padding-right: 0px; }

@media (min-width: 768px) { .see-work__video__block__side__inner.hasScroll { padding-right: 10px; } }

@media (min-width: 1200px) { .see-work__video__block__side__inner.hasScroll { padding-right: 16px; } }

.see-work__video__block__side__inner--year { font-family: 'futura-pt', sans-serif; font-weight: 500; font-style: normal; font-size: 12px; letter-spacing: 0.05em; color: #F7BE4B; display: block; line-height: 1; text-align: left; }

@media (min-width: 768px) { .see-work__video__block__side__inner--year { font-size: 14px; } }

.see-work__video__block__side__inner__list { width: 100%; margin-bottom: 0; }

.see-work__video__block__side__inner__list__link { font-size: 14px; color: #FAFAFA; margin-bottom: 16px; padding-top: 0; padding-bottom: 5px; line-height: 2.1; background-color: transparent; border-bottom: 1px solid #fff; display: block; width: 100%; }

@media (min-width: 768px) { .see-work__video__block__side__inner__list__link { font-size: 24px; } }

@media (min-width: 992px) { .see-work__video__block__side__inner__list__link { margin-bottom: 25px; } }

.see-work__video__block__side__inner__list__link.active { border-bottom: 2px solid #FDD625; }

.see-work__video__block__content { -ms-flex-preferred-size: 70%; flex-basis: 70%; -ms-flex-negative: 0; flex-shrink: 0; }

.see-work__video__block__content .chipolin-video { margin-bottom: 0; }

.see-work__video__describe--year { font-family: 'futura-pt', sans-serif; font-weight: 500; font-style: normal; font-size: 30px; letter-spacing: 0.05em; color: #F7BE4B; }

@media (min-width: 992px) { .see-work__video__describe--year { font-size: 40px; } }

@media (min-width: 992px) { .see-work__video { font-size: 50px; } }

@media (min-width: 1440px) { .see-work__video { font-size: 80px; } }

@media (min-width: 1698px) { .see-work__video { font-size: 90px; } }

.see-work__video__describe--title { font-weight: bold; font-size: 20px; letter-spacing: 0.05em; color: #222; margin-bottom: 10px; }

@media (min-width: 992px) { .see-work__video__describe--title { font-size: 30px; } }

.see-work__video__describe--text { font-size: 16px; line-height: 2; text-align: justify; color: #222; }

@media (min-width: 992px) { .see-work__video__describe--text { font-size: 20px; } }

.js-video-tab-content { display: none; }

.js-video-tab-content.active { display: block; }

.js-video-tab-content:not(.fade) { opacity: 0; }

.js-video-tab-content.fade { opacity: 1; -webkit-transition: opacity .15s linear; transition: opacity .15s linear; }

.media .nav-pills { margin-bottom: 50px; }

@media (min-width: 1200px) { .media__row { margin-left: -40px; margin-right: -40px; } }

.media__item { margin-bottom: 26px; }

@media (min-width: 576px) { .media__item { padding-left: 16px; padding-right: 16px; } }

@media (min-width: 992px) { .media__item { padding-left: 20px; padding-right: 20px; } }

@media (min-width: 1200px) { .media__item { margin-bottom: 70px; padding-left: 40px; padding-right: 40px; } }

.media__item__img { width: 100%; padding-top: calc(100% / 760 * 430); background-size: cover; background-repeat: no-repeat; background-position: center center; margin-bottom: 10px; }

@media (min-width: 768px) { .media__item__img { margin-bottom: 23px; } }

.media__item__title { font-size: 16px; font-weight: 700; padding-right: 8px; line-height: 1.3; }

@media (min-width: 1200px) { .media__item__title { font-size: 30px; } }

@media (min-width: 1440px) { .media__item__title { line-height: 1.8; } }

.media__item__title__date { font-size: 12px; color: #696766; margin-bottom: 4px; display: block; font-family: 'futura-pt', sans-serif; font-weight: 500; font-style: normal; line-height: 1; }

@media (min-width: 768px) { .media__item__title__date { font-size: 16px; } }

@media (min-width: 1200px) { .media__item__title__date { margin-bottom: 5.5px; } }

.media__item .circle-button-svg { background: #FDD625; width: 45px; height: 45px; -webkit-box-flex: 0; -ms-flex: none; flex: none; }

@media (min-width: 1200px) { .media__item .circle-button-svg { width: 70px; height: 70px; } }

.media__item .circle-button-svg svg { width: 27%; height: 27%; }

.media .section-kv .wrap-ratio { padding-top: calc(100% / 1920 * 500); height: 400px; }

.media .section-news-list { padding-top: 40px; padding-bottom: 62px; }

@media (min-width: 768px) { .media .section-news-list { padding-top: 80px; padding-bottom: 124px; } }

.media .section-news-list .section-header { padding: 0 16px; margin-bottom: 26px; }

@media (min-width: 992px) { .media .section-news-list .section-header { margin-bottom: 50px; padding: 0 60px; } }

.media .section-news-list .section-header .wrapper { position: relative; max-width: 1142px; padding: 0 41px; margin: auto; }

.media .section-news-list .section-header .swiper-slide { width: auto; }

.media .section-news-list .section-header .swiper-slide a { display: block; color: #B9B7B6; font-size: 1.5625rem; line-height: 1; letter-spacing: 0.1em; font-family: 'Noto Sans TC', sans-serif; }

.media .section-news-list .section-header .swiper-slide .content { padding: 10px 30px; position: relative; font-family: 'futura-pt-bold', sans-serif; font-weight: 700; font-style: normal; font-size: 14px; }

@media (min-width: 1200px) { .media .section-news-list .section-header .swiper-slide .content { font-size: 25px; padding: 24px 95px; } }

.media .section-news-list .section-header .swiper-slide .content::after { content: ''; display: block; background-color: #B9B7B6; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; }

.media .section-news-list .section-header .active a { color: #222222; font-weight: 700; }

.media .section-news-list .section-header .active .content::after { background-color: #FDD625; height: 6px; }

.media .section-news-list .section-header .swiper-button { width: 6px; height: 13px; margin: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.media .section-news-list .section-header .swiper-button img { width: 100%; }

.media .section-news-list .section-header .swiper-button::after { display: none; }

.media .section-news-list .section-header .swiper-button-prev { left: 0; }

.media .section-news-list .section-header .swiper-button-next { right: 0; }

@media (max-width: 1439px) { .media .section-news-list .section-header .wrapper { padding: 0 15px; }
  .media .section-news-list .section-header .swiper-slide .content::after { height: .5px; }
  .media .section-news-list .section-header .active .content::after { height: 3px; } }

.media-detail__date { font-size: 14px; letter-spacing: 0.05em; line-height: 1; display: block; font-family: 'futura-pt', sans-serif; font-weight: 500; font-style: normal; margin-bottom: 6px; }

@media (min-width: 768px) { .media-detail__date { font-size: 16px; } }

@media (min-width: 992px) { .media-detail__date { font-size: 18px; } }

@media (min-width: 1200px) { .media-detail__date { font-size: 24px; } }

.exhibition-detail { color: #222; }

.exhibition-detail .section-kv { width: 100%; height: 0; padding-top: calc(100% / 1920 * 712); position: relative; background: no-repeat center / cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.exhibition-detail__content { padding-top: 64px; padding-bottom: 15px; }

@media (min-width: 768px) { .exhibition-detail__content { padding-top: 128px; padding-bottom: 30px; } }

.exhibition-detail__content__title { padding-bottom: 12px; padding-left: 15px; border-bottom: 1px solid #b9b7b6; letter-spacing: 0.05em; margin-bottom: 30px; }

@media (min-width: 768px) { .exhibition-detail__content__title { padding-left: 0; padding-bottom: 65px; margin-bottom: 70px; } }

.exhibition-detail__content__title__font { font-size: 20px; font-weight: 500; position: relative; }

@media (min-width: 768px) { .exhibition-detail__content__title__font { font-size: 40px; } }

.exhibition-detail__content__title__font::after { content: ''; width: 30px; height: 30px; background-color: #F9DA1D; border-radius: 50%; position: absolute; top: -10px; left: -15px; z-index: -1; }

@media (min-width: 768px) { .exhibition-detail__content__title__font::after { width: 40px; height: 40px; left: -10px; } }

@media (min-width: 1200px) { .exhibition-detail__content__title__font::after { width: 77px; height: 77px; top: -40px; left: -40px; } }

.exhibition-detail__content__title__font__en { font-family: 'futura-pt', sans-serif; font-weight: 500; font-style: normal; text-transform: uppercase; margin-left: 10px; }

@media (min-width: 768px) { .exhibition-detail__content__title__font__en { margin-left: 20px; margin-left: 14px; } }

.exhibition-detail__content__title__dateBlock { padding: 6px 0; }

.exhibition-detail__content__title__dateBlock .exhibition-detail__content__title__dateBlock__date:last-child { margin-right: 0; }

.exhibition-detail__content__title__dateBlock__date { font-family: 'futura-pt', sans-serif; font-weight: 500; font-style: normal; font-size: 15px; line-height: 1; margin-right: 10px; }

@media (min-width: 768px) { .exhibition-detail__content__title__dateBlock__date { font-size: 30px; margin-right: 20px; } }

.exhibition-detail__content__title__dateBlock__date span { display: block; font-size: 9px; }

@media (min-width: 768px) { .exhibition-detail__content__title__dateBlock__date span { font-size: 18px; } }

.exhibition-detail__content__title__dateBlock__line { position: relative; top: -7px; width: 10px; border-bottom: 1px solid #222222; margin-right: 10px; }

@media (min-width: 768px) { .exhibition-detail__content__title__dateBlock__line { width: 20px; top: -22px; margin-right: 20px; border-width: 2px; } }

.exhibition-detail__slogan { font-size: 16px; font-weight: bold; line-height: 1.9; font-family: 'Noto Serif TC', serif; margin-bottom: 20px; }

@media (min-width: 768px) { .exhibition-detail__slogan { font-size: 26px; margin-bottom: 40px; } }

.exhibition-detail__slogan__whoSaying { font-family: "Open Sans", sans-serif; font-display: swap; font-size: 1rem; line-height: 2.1; margin-left: 18px; font-weight: normal; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: translateY(-5px); transform: translateY(-5px); }

@media (min-width: 768px) { .exhibition-detail__slogan__whoSaying { font-size: 1.625rem; margin-left: 36px; -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

.exhibition-detail__slogan__whoSaying .line { height: 1px; width: 32px; background-color: #222; margin-right: 8px; -webkit-transform: translateY(1px); transform: translateY(1px); }

@media (min-width: 768px) { .exhibition-detail__slogan__whoSaying .line { width: 65px; margin-right: 17px; } }

.exhibition-detail__paragraph { font-size: 18px; line-height: 2; margin-bottom: 50px; }

@media (min-width: 768px) { .exhibition-detail__paragraph { font-size: 20px; } }

.exhibition-detail__video { position: relative; overflow: hidden; padding-top: 50px; }

@media (min-width: 768px) { .exhibition-detail__video { padding-top: 120px; } }

.exhibition-detail__video .nav { margin-bottom: 30px; }

@media (min-width: 768px) { .exhibition-detail__video .nav { margin-bottom: 60px; } }

.exhibition-detail__video .accordion { margin-bottom: 20px; }

@media (min-width: 1200px) { .exhibition-detail__video .accordion { margin-bottom: 40px; } }

.exhibition-detail__video .accordion-item { background: transparent; }

.exhibition-detail__video .accordion-item:last-of-type .accordion-button.collapsed { border-radius: 0; }

.exhibition-detail__video .accordion-header { padding-right: 5px; padding-bottom: 5px; border-right: 1px solid #FDD625; border-bottom: 1px solid #FDD625; }

.exhibition-detail__video .accordion-button { background: #FDD625; padding: 14px 22px; -webkit-box-shadow: 0 !important; box-shadow: 0 !important; font-size: 16px; color: #222; font-weight: 500; }

@media (min-width: 768px) { .exhibition-detail__video .accordion-button { padding: 29px 45px; font-size: 22px; } }

.exhibition-detail__video .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }

.exhibition-detail__video .accordion-button:focus { border-color: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; }

.exhibition-detail__video .accordion-body { padding: 0 5px 0 0; }

.exhibition-detail__video .play { border-bottom: 1px solid #b9b7b6; padding-bottom: 16px; padding-top: 16px; }

.exhibition-detail__video .play.active .play-circle-button { background-color: #FDD625; }

.exhibition-detail__video .play.active .play-circle-button i:before { color: white; }

.exhibition-detail__video .play-desc-click { margin-bottom: 6px; }

.exhibition-detail__video .play-v-name { font-size: 16px; }

@media (min-width: 768px) { .exhibition-detail__video .play-v-name { font-size: 22px; } }

.exhibition-detail__video .play-circle-button { width: 45px; height: 45px; border-color: #FDD625; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (min-width: 768px) { .exhibition-detail__video .play-circle-button { width: 52px; height: 52px; } }

.exhibition-detail__video .play-circle-button i { font-size: 16px; -webkit-transform: translateX(3px); transform: translateX(3px); }

@media (min-width: 768px) { .exhibition-detail__video .play-circle-button i { font-size: 18px; } }

.exhibition-detail__video .play-circle-button i:before { color: #FDD625; }

.exhibition-detail__video .play-wrap-desc { color: #222; }

.exhibition-detail__video__text { font-size: 18px; line-height: 2.1; text-align: justify; }

@media (min-width: 768px) { .exhibition-detail__video__text { font-size: 20px; } }

.exhibition-detail__video .mask { position: absolute; bottom: 0; left: 0; width: 100%; height: 101%; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(rgba(255, 255, 255, 0.5))); background: linear-gradient(180deg, #ffffff, rgba(255, 255, 255, 0.5)); }

.exhibition-detail__btnBg { height: 200px; width: 100%; background-size: cover; background-position: center center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }

@media (min-width: 768px) { .exhibition-detail__btnBg { height: 300px; } }

.exhibition-detail__btnBg .mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 1; }

.exhibition-detail__btnBg__title { margin-top: 8px; width: 100%; font-size: 20px; font-weight: bold; letter-spacing: 0.05em; }

@media (min-width: 768px) { .exhibition-detail__btnBg__title { margin-top: 17px; font-size: 18px; } }

.exhibition-detail__btnBg__start, .exhibition-detail__btnBg .exhibition-detail__btnBg__end { padding: 0 40px; color: #FAFAFA; position: relative; z-index: 2; }

@media (min-width: 768px) { .exhibition-detail__btnBg__start, .exhibition-detail__btnBg .exhibition-detail__btnBg__end { padding: 0 50px; } }

@media (min-width: 1200px) { .exhibition-detail__btnBg__start, .exhibition-detail__btnBg .exhibition-detail__btnBg__end { padding: 0 90px; } }

.exhibition-detail__btnBg__start .circle-button, .exhibition-detail__btnBg .exhibition-detail__btnBg__end .circle-button { border: 1px solid #FAFAFA; background: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 20px; width: 30px; height: 30px; }

@media (min-width: 768px) { .exhibition-detail__btnBg__start .circle-button, .exhibition-detail__btnBg .exhibition-detail__btnBg__end .circle-button { width: 45px; height: 45px; } }

.exhibition-detail__btnBg__start .circle-button svg, .exhibition-detail__btnBg .exhibition-detail__btnBg__end .circle-button svg { width: 12px; height: 12px; stroke: #FAFAFA; }

@media (min-width: 768px) { .exhibition-detail__btnBg__start .circle-button svg, .exhibition-detail__btnBg .exhibition-detail__btnBg__end .circle-button svg { width: 17px; height: 17px; } }

.exhibition-detail__btnBg__end .circle-button { margin-left: 20px; margin-right: 0 !important; }

.environment__wrap { padding-top: 40px; padding-bottom: 32px; }

@media (min-width: 768px) { .environment__wrap { padding-top: 80px; padding-bottom: 64px; } }

.environment__wrap__card { background-color: white; position: relative; margin-bottom: 20px; }

@media (min-width: 768px) { .environment__wrap__card { margin-bottom: 36px; } }

.environment__wrap__card__img { width: 100%; padding-top: calc(100% / 1330 * 750); background-size: cover; background-repeat: no-repeat; background-position: center center; }

.environment__wrap__card__info { padding: 30px 7.03125vw; }

@media (min-width: 768px) { .environment__wrap__card__info { padding: 40px 7.03125vw; } }

.environment__wrap__card__info__title { font-size: 1.375rem; line-height: 1.27273; letter-spacing: 0.02em; font-weight: 700; margin-bottom: 20px; }

@media (min-width: 768px) { .environment__wrap__card__info__title { font-size: 1.875rem; line-height: 1.5; margin-bottom: 24px; } }

.environment__wrap__card__info__text { font-size: 1rem; line-height: 1.6875; margin-bottom: 40px; }

@media (min-width: 768px) { .environment__wrap__card__info__text { font-size: 1.25rem; line-height: 1.6; } }

.environment__wrap__card__info .btn-border { width: 100%; }

@media (min-width: 576px) { .environment__wrap__card__info .btn-border { width: auto; } }

.environment .section-kv { height: 700px; background: no-repeat center / cover; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 575px) { .environment .section-kv { height: 350px; } }

.environment .section-kv .c-mask { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background: #000000; border-radius: 50%; opacity: 0.8; -webkit-filter: blur(150px); filter: blur(150px); }

.environment .section-kv .content { position: relative; z-index: 1; text-align: center; color: #FAFAFA; }

@media (max-width: 767px) { .environment .section-kv .content { padding: 0 30px; } }

.environment .section-kv .content .title { font-size: 3rem; line-height: 1; font-weight: 700; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); margin-bottom: 20px; }

@media (max-width: 767px) { .environment .section-kv .content .title { font-size: 1.5625rem; } }

.environment .section-kv .content .desc { font-size: 1.5rem; line-height: 1.79167; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 600; }

@media (max-width: 767px) { .environment .section-kv .content .desc { font-size: 1rem; line-height: 1.6875; } }

@media (max-width: 767px) { .environment .section-kv .content .desc span { width: 100%; display: block; } }

.environment .c-title__underline { margin-bottom: 30px; }

@media (min-width: 768px) { .environment .c-title__underline { margin-bottom: 56px; } }

.environment__text { font-size: 1rem; line-height: 1.6875; }

@media (min-width: 768px) { .environment__text { font-size: 1.25rem; line-height: 1.9; } }

.environment__text p { margin-bottom: 30px; }

@media (min-width: 768px) { .environment__text p { margin-bottom: 50px; } }

.environment__text p:last-child { margin-bottom: 0; }

.environment__bg { background-color: #F0F0F0; }

.environment__title { font-size: 56px; font-family: 'futura-pt', sans-serif; font-weight: 500; font-style: normal; color: #F7BE4B; margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (min-width: 768px) { .environment__title { font-size: 90px; margin-bottom: 40px; } }

.environment__title__item { margin-left: 14px; }

@media (min-width: 768px) { .environment__title__item { margin-left: 35px; } }

.environment__title__item__zh { font-size: 20px; font-family: 'Noto Sans TC', sans-serif; font-weight: bold; margin-bottom: 8px; color: #222; }

@media (min-width: 768px) { .environment__title__item__zh { font-size: 34px; margin-bottom: 16px; } }

.environment__title__item__sub { font-size: 14px; font-family: 'Noto Sans TC', sans-serif; font-weight: 500; color: #696766; }

@media (min-width: 768px) { .environment__title__item__sub { font-size: 22px; } }

.environment__img { padding-top: calc(100% / 1060 * 600); width: 100%; background: no-repeat center / cover; margin-bottom: 25px; }

@media (min-width: 768px) { .environment__img { margin-bottom: 50px; } }

.environment__content { margin-bottom: 20px; font-size: 18px; line-height: 42px; text-align: justify; }

@media (min-width: 768px) { .environment__content { font-size: 20px; margin-bottom: 0; } }

.environment__content p:last-child { margin-bottom: 0; }

.environment__content p { margin-bottom: 30px; }

@media (min-width: 768px) { .environment__content p { margin-bottom: 50px; } }

.environment__list { margin-top: 11px; letter-spacing: 0.05em; font-weight: 500; font-size: 18px; }

@media (min-width: 1200px) { .environment__list { padding-left: 50px; } }

@media (min-width: 1440px) { .environment__list { padding-left: 103px; font-size: 22px; } }

.environment__list__item { margin-bottom: 26px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.2; }

.environment__list__item__text { border-left: 1px solid #222; padding-left: 10px; margin-left: 10px; }

.environment__list .btn-border { margin-top: 10px; }

@media (min-width: 768px) { .environment__list .btn-border { margin-top: 40px; } }

.environment__list .btn-border button { font-size: 1rem; padding: 10px 65px; }

.seeus .seeus__founded { padding: 90px 0 85px 0; }

@media (min-width: 768px) { .seeus .seeus__founded { padding: 180px 0 170px 0; } }

.seeus .seeus__founded__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.seeus .seeus__founded__row__startCol { width: 100%; max-width: 100%; margin-bottom: 30px; }

@media (min-width: 1200px) { .seeus .seeus__founded__row__startCol { margin-bottom: 0; max-width: 50%; margin-right: 30px; } }

@media (min-width: 1440px) { .seeus .seeus__founded__row__startCol { max-width: 815px; } }

@media (min-width: 1699px) { .seeus .seeus__founded__row__startCol { margin-right: 155px; } }

.seeus .seeus__founded__row__startCol__bg { color: white; position: relative; background-image: url(../images/seeus/origin.png); width: 100%; height: 600px; background-size: cover; background-position: center center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (min-width: 768px) { .seeus .seeus__founded__row__startCol__bg { height: 900px; } }

.seeus .seeus__founded__row__startCol__bg__text { font-size: 1rem; font-weight: 700; font-family: "Noto Serif", serif; font-display: swap; padding: 0 6.77083vw; position: relative; }

@media (min-width: 576px) { .seeus .seeus__founded__row__startCol__bg__text { font-size: 1.125rem; } }

@media (min-width: 1200px) { .seeus .seeus__founded__row__startCol__bg__text { font-size: 1.375rem; line-height: 1.86364; } }

.seeus .seeus__founded__row__startCol__bg__text p { position: relative; z-index: 10; }

.seeus .seeus__founded__row__startCol__en { letter-spacing: 0.02em; color: #E6E6E6; position: absolute; bottom: -140px; right: -18px; font-family: 'futura-pt', sans-serif; font-weight: 500; font-style: normal; display: none; z-index: -1; }

@media (min-width: 1200px) { .seeus .seeus__founded__row__startCol__en { font-size: 10.625rem; line-height: 1; display: block; } }

@media (min-width: 1440px) { .seeus .seeus__founded__row__startCol__en { font-size: 10.875rem; line-height: 1; } }

.seeus .seeus__founded__row__endCol { width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 30px; padding-right: 30px; }

@media (min-width: 768px) { .seeus .seeus__founded__row__endCol { padding-left: 60px; padding-right: 60px; } }

@media (min-width: 1440px) { .seeus .seeus__founded__row__endCol { padding-left: 0; padding-right: 30px; margin-top: -20px; max-width: 765px; } }

.seeus .seeus__founded__row__endCol .seeus__founded__row__endCol__text:last-child { margin-bottom: 0; }

.seeus .seeus__founded__row__endCol .c-title__underline { margin-bottom: 24px; }

@media (min-width: 1200px) { .seeus .seeus__founded__row__endCol .c-title__underline { text-align: left; } }

@media (min-width: 1200px) { .seeus .seeus__founded__row__endCol .c-title__underline::after { left: 0; -webkit-transform: translateX(0); transform: translateX(0); } }

.seeus .seeus__founded__row__endCol__text { font-size: 1rem; line-height: 1.6875; margin-bottom: 34px; }

@media (min-width: 768px) { .seeus .seeus__founded__row__endCol__text { font-size: 1.25rem; line-height: 1.8; } }

.seeus .seeus__founded__row__endCol__textBold { font-size: 1.25rem; line-height: 2; font-weight: 700; text-align: justify; margin-bottom: 45px; }

.seeus .seeus__founded .c-mask { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: #000000; border-radius: 50%; opacity: 0.8; -webkit-filter: blur(50px); filter: blur(50px); }

.seeus .seeus-container { max-width: 1665px; margin: 0 auto; padding-left: 30px; padding-right: 30px; }

@media (min-width: 768px) { .seeus .seeus-container { padding-left: 60px; padding-right: 60px; } }

@media (min-width: 1440px) { .seeus .seeus-container { padding-left: 0; padding-right: 0; } }

.seeus .seeus__mission.seeus-container { margin-bottom: 130px; }

@media (min-width: 768px) { .seeus .seeus__mission.seeus-container { margin-bottom: 180px; } }

.seeus .seeus__mission .c-title__underline { margin-bottom: 163px; }

.seeus .seeus__mission__bg { position: relative; padding-left: 15px; padding-right: 15px; }

@media (min-width: 1440px) { .seeus .seeus__mission__bg { padding-left: 55px; padding-right: 55px; } }

.seeus .seeus__mission__bg::after { content: ''; position: absolute; bottom: -55px; left: 0; width: 100%; background-color: #F4F4F4; height: 635px; z-index: -1; }

@media (min-width: 1440px) { .seeus .seeus__mission .row { margin-left: 0; margin-right: 0; } }

@media (min-width: 1679px) { .seeus .seeus__mission .row { margin-right: -24px; margin-left: -24px; } }

.seeus .seeus__mission__bg__col { width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y); margin-bottom: 150px; }

.seeus .seeus__mission__bg__col:last-child { margin-bottom: 0; }

@media (min-width: 992px) { .seeus .seeus__mission__bg__col { width: 50%; }
  .seeus .seeus__mission__bg__col:last-child { margin-bottom: 150px; } }

@media (min-width: 1440px) { .seeus .seeus__mission__bg__col { padding-right: 30px; padding-left: 30px; } }

@media (min-width: 1679px) { .seeus .seeus__mission__bg__col { width: calc(100% / 4); padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-bottom: 0; }
  .seeus .seeus__mission__bg__col:last-child { margin-bottom: 0; } }

.seeus .seeus__mission__bg__col__card { padding: 140px 30px 50px 30px; height: 600px; -webkit-box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.1); box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.1); position: relative; background: white; height: 100%; }

@media (min-width: 768px) { .seeus .seeus__mission__bg__col__card { padding: 140px 40px 71px 40px; } }

.seeus .seeus__mission__bg__col__card__circle { position: absolute; top: -105px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 200px; height: 200px; border-radius: 50%; -webkit-box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.1); box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; }

.seeus .seeus__mission__bg__col__card__circle::after { content: ''; width: 54px; height: 54px; border-radius: 50%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #FDD625; z-index: -1; }

.seeus .seeus__mission__bg__col__card__title { text-align: center; font-size: 1.375rem; color: #222; font-weight: bold; letter-spacing: 0.02em; padding-bottom: 15px; margin-bottom: 20px; position: relative; }

@media (min-width: 768px) { .seeus .seeus__mission__bg__col__card__title { font-size: 1.75rem; padding-bottom: 42px; margin-bottom: 35px; } }

.seeus .seeus__mission__bg__col__card__title::after { content: ''; width: 80px; height: 1px; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #222; }

.seeus .seeus__mission__bg__col__card__text { letter-spacing: 0.02em; font-size: 1rem; line-height: 1.6875; }

@media (min-width: 768px) { .seeus .seeus__mission__bg__col__card__text { font-size: 1.25rem; line-height: 1.6; } }

.seeus .seeus__mainDirectors { position: relative; margin-bottom: 110px; }

.seeus .seeus__mainDirectors::before { content: ''; width: 100%; height: 500px; position: absolute; bottom: -110px; left: 0; background-color: #FDD625; z-index: -1; }

.seeus .seeus__mainDirectors .js-scrollBar { max-height: 200px; }

.seeus .seeus__mainDirectors.seeus-container { margin-bottom: 50px; }

@media (min-width: 768px) { .seeus .seeus__mainDirectors.seeus-container { margin-bottom: 100px; } }

.seeus .seeus__mainDirectors .seeus__mainDirectors__row__col:first-child .js-scrollBar { max-height: 265px; }

.seeus .seeus__mainDirectors__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (min-width: 1679px) { .seeus .seeus__mainDirectors__row { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } }

.seeus .seeus__mainDirectors__row__col { width: 100%; margin-bottom: 50px; }

@media (min-width: 1679px) { .seeus .seeus__mainDirectors__row__col { width: 50%; margin-bottom: 0; margin-right: 17px; } }

.seeus .seeus__mainDirectors__row__col__card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.1); box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.1); }

@media (min-width: 992px) { .seeus .seeus__mainDirectors__row__col__card { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 500px; } }

.seeus .seeus__mainDirectors__row__col__card__bg { width: 100%; background-size: cover; background-position: center; height: 300px; }

@media (min-width: 768px) { .seeus .seeus__mainDirectors__row__col__card__bg { height: 500px; } }

@media (min-width: 992px) { .seeus .seeus__mainDirectors__row__col__card__bg { width: 350px; } }

@media (min-width: 1200px) { .seeus .seeus__mainDirectors__row__col__card__bg { width: 500px; } }

@media (min-width: 1679px) { .seeus .seeus__mainDirectors__row__col__card__bg { width: 350px; } }

.seeus .seeus__mainDirectors__row__col__card__info { padding: 35px 20px 35px 35px; background-color: white; position: relative; height: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

@media (min-width: 576px) { .seeus .seeus__mainDirectors__row__col__card__info { padding: 78px 45px 65px 73px; } }

.seeus .seeus__mainDirectors__row__col__card__info__title { margin-bottom: 16px; margin-right: 15px; }

@media (min-width: 576px) { .seeus .seeus__mainDirectors__row__col__card__info__title { margin-bottom: 34px; margin-right: 30px; } }

@media (min-width: 992px) { .seeus .seeus__mainDirectors__row__col__card__info__title { margin-right: 60px; } }

.seeus .seeus__mainDirectors__row__col__card__info__title--zh { font-size: 2.1875rem; line-height: 1.48571; letter-spacing: 0.1em; color: #222; font-weight: 700; position: relative; white-space: nowrap; }

.seeus .seeus__mainDirectors__row__col__card__info__title--en { font-size: 1rem; line-height: 1; letter-spacing: 0.05em; text-transform: uppercase; display: block; position: relative; }

.seeus .seeus__mainDirectors__row__col__card__info__title__circle { position: absolute; top: 18px; left: 15px; background-color: #FDD625; border-radius: 50%; width: 40px; height: 40px; }

@media (min-width: 576px) { .seeus .seeus__mainDirectors__row__col__card__info__title__circle { top: 55px; left: 45px; width: 60px; height: 60px; } }

.seeus .seeus__mainDirectors__row__col__card__info__subTitle { font-size: 1.25rem; line-height: 2; font-weight: bold; margin-right: 15px; margin-bottom: 30px; }

.seeus .seeus__mainDirectors__row__col__card__info__text { font-size: 1.25rem; line-height: 2; text-align: justify; margin-right: 15px; }

.seeus .seeus__directors .js-scrollBar { max-height: 371px; }

.seeus .seeus__directors__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 30px; padding-right: 30px; }

@media (min-width: 768px) { .seeus .seeus__directors__list { padding-left: 0; padding-right: 0; } }

.seeus .seeus__directors .seeus__directors__list__item:first-child { height: auto; margin-top: 50px; margin-bottom: 50px; padding: 0; }

.seeus .seeus__directors__list__item { width: 100%; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; padding: 30px 62px; -webkit-transition: all linear 300ms; transition: all linear 300ms; overflow: hidden; margin-bottom: 30px; }

@media (min-width: 768px) { .seeus .seeus__directors__list__item { width: calc(100% / 2); margin-bottom: 0; } }

@media (min-width: 1200px) { .seeus .seeus__directors__list__item { width: calc(100% / 3); } }

@media (min-width: 1440px) { .seeus .seeus__directors__list__item { width: calc(100% / 4); } }

.seeus .seeus__directors__list__item__mask { position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(96.87%, rgba(0, 0, 0, 0.8))); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 96.87%); }

.seeus .seeus__directors__list__item .section-title { -ms-flex-item-align: start; -ms-grid-row-align: start; align-self: start; }

@media (min-width: 768px) { .seeus .seeus__directors__list__item .section-title { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

@media (min-width: 768px) and (min-width: 768px) { .seeus .seeus__directors__list__item .section-title { top: 60px; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } }

.seeus .seeus__directors__list__item .section-title .zh { font-size: 2rem; letter-spacing: 0.1em; }

.seeus .seeus__directors__list__item .section-title .en { white-space: nowrap; }

.seeus .seeus__directors__list__item__title { color: white; font-size: 1.625rem; line-height: 1.30769; letter-spacing: 0.05em; font-weight: bold; position: absolute; bottom: 30px; left: 62px; }

@media (min-width: 768px) { .seeus .seeus__directors__list__item__title { line-height: 1.76923; } }

.seeus .seeus__directors__list__item__title::before { content: ''; width: 41px; height: 5px; background-color: #FDD625; position: absolute; top: 25px; left: -61px; }

.seeus .seeus__directors__list__item__title__sub { font-size: 1.25rem; line-height: 2; display: block; font-weight: normal; }

@media (min-width: 1439px) { .seeus .seeus__directors__list__item__title__sub { font-size: 0.875rem; } }

@media (min-width: 1773px) { .seeus .seeus__directors__list__item__title__sub { font-size: 1.25rem; } }

.seeus .seeus__consultants { padding-top: 100px; padding-bottom: 80px; }

.seeus .seeus__consultants .section-title { margin-bottom: 50px; }

@media (min-width: 1440px) { .seeus .seeus__consultants .section-title { margin-bottom: 0; padding-top: 76px; } }

@media (min-width: 1440px) { .seeus .seeus__consultants__content { padding-left: 90px; } }

.seeus .seeus__consultants__content__sort { border: 1px solid #222; padding: 10px 20px; color: #222; opacity: .5; font-size: 1rem; letter-spacing: 0.1em; text-align: center; display: inline-block; margin-bottom: 30px; }

.seeus .seeus__consultants__content__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.seeus .seeus__consultants__content__list .seeus__consultants__content__list__item:last-child::after { height: 0; }

@media (min-width: 992px) { .seeus .seeus__consultants__content__list .seeus__consultants__content__list__item:nth-last-child(2)::after { height: 0; } }

.seeus .seeus__consultants__content__list__item { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 25px; margin-bottom: 25px; position: relative; }

@media (min-width: 992px) { .seeus .seeus__consultants__content__list__item { width: 50%; padding-right: 60px; } }

.seeus .seeus__consultants__content__list__item::after { content: ''; width: 100%; height: 1px; background-color: #B9B7B6; position: absolute; bottom: 0; left: 0; }

@media (min-width: 992px) { .seeus .seeus__consultants__content__list__item::after { width: 90%; } }

@media (min-width: 1200px) { .seeus .seeus__consultants__content__list__item::after { left: 50px; width: 395px; } }

.seeus .seeus__consultants__content__list__item__title { font-size: 1.625rem; line-height: 1.76923; letter-spacing: 0.05em; font-weight: bold; margin-left: 25px; }

.seeus .seeus__consultants__content__list__item__title__annotation { font-size: 1rem; color: #B9B7B6; }

.seeus .seeus__consultants__content__list__item__title__sub { font-size: 1.125rem; line-height: 1.5; color: #B17E5F; display: block; }

.seeus .seeus__organization { padding-top: 110px; padding-bottom: 68px; background-color: #E5E5E5; }

@media (min-width: 768px) { .seeus .seeus__organization { padding-top: 150px; } }

@media (min-width: 992px) { .seeus .seeus__organization { padding-top: 110px; } }

.seeus .seeus__organization .seeus-container { background-image: url(../images/seeus/organization.png); background-size: contain; background-position: center; background-repeat: no-repeat; width: 100%; height: 430px; }

@media (min-width: 768px) { .seeus .seeus__organization .seeus-container { height: 450px; } }

@media (min-width: 1200px) { .seeus .seeus__organization .seeus-container { height: 700px; } }

@media (min-width: 1440px) { .seeus .seeus__organization .seeus-container { height: 844px; } }

.seeus .seeus__organization .section-title { color: #222; padding: 0 12px; -webkit-transform: translateY(-50px); transform: translateY(-50px); }

@media (min-width: 768px) { .seeus .seeus__organization .section-title { -webkit-transform: translateY(-80px); transform: translateY(-80px); } }

@media (min-width: 992px) { .seeus .seeus__organization .section-title { -webkit-transform: translateY(0); transform: translateY(0); } }

.seeus .seeus__organization .section-title .circle { background-color: white; }

.seeus .seeus__history { padding-top: 80px; padding-bottom: 40px; background-color: #F2F2F2; }

.seeus .seeus__history .c-title__underline { text-align: left; margin-bottom: 50px; }

@media (min-width: 992px) { .seeus .seeus__history .c-title__underline { margin-bottom: 0; } }

.seeus .seeus__history .c-title__underline::after { left: 0; -webkit-transform: translateX(0); transform: translateX(0); }

.seeus .seeus__history .row { margin-left: 0; margin-right: 0; }

@media (min-width: 1440px) { .seeus .seeus__history .row > * { padding-left: 30px; padding-right: 30px; } }

.seeus .seeus__history .section-header .wrapper { position: relative; max-width: 1146px; padding: 0 31px; margin: auto; }

@media (min-width: 576px) { .seeus .seeus__history .section-header .wrapper { padding: 0 43px; } }

@media (min-width: 1440px) { .seeus .seeus__history .section-header .wrapper { padding-left: 90px; } }

.seeus .seeus__history .section-header .swiper-slide { width: auto; }

.seeus .seeus__history .section-header .swiper-slide a { display: block; }

.seeus .seeus__history .section-header .swiper-slide .content { padding: 15px 0; position: relative; color: #B9B7B6; font-size: 1.125rem; line-height: 1; letter-spacing: 0.1em; font-family: 'futura-pt-bold', sans-serif; font-weight: 700; font-style: normal; width: 100px; }

@media (min-width: 576px) { .seeus .seeus__history .section-header .swiper-slide .content { width: 231px; } }

.seeus .seeus__history .section-header .swiper-slide .content::after { content: ''; display: block; background-color: #B9B7B6; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; }

.seeus .seeus__history .section-header .active .content { color: #222222; font-weight: 700; }

.seeus .seeus__history .section-header .active .content::after { background-color: #FDD625; height: 6px; }

@media (max-width: 1439px) { .seeus .seeus__history .section-header .active .content::after { height: 3px; } }

.seeus .seeus__history .section-header .swiper-button { width: 8px; height: 13px; margin: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.seeus .seeus__history .section-header .swiper-button img { width: 100%; }

.seeus .seeus__history .section-header .swiper-button::after { display: none; }

.seeus .seeus__history .section-header .swiper-button-prev { left: 0; }

.seeus .seeus__history .section-header .swiper-button-next { right: 0; }

.seeus .seeus__history__top { margin-bottom: 38px; }

@media (min-width: 992px) { .seeus .seeus__history__top { margin-bottom: 73px; } }

.seeus .seeus__history__body .swiper { position: relative; padding-left: 30px; padding-right: 30px; }

@media (min-width: 992px) { .seeus .seeus__history__body .swiper { padding-right: 20px; } }

@media (min-width: 1200px) { .seeus .seeus__history__body .swiper { padding-right: 180px; } }

@media (min-width: 1440px) { .seeus .seeus__history__body .swiper { padding-right: 150px; } }

@media (min-width: 1599px) { .seeus .seeus__history__body .swiper { padding-right: 300px; } }

@media (min-width: 1799px) { .seeus .seeus__history__body .swiper { padding-right: 200px; } }

.seeus .seeus__history__body .swiper::after { content: ''; width: 100%; height: 3px; background-color: #B9B7B6; position: absolute; bottom: 203px; left: 0; }

@media (min-width: 576px) { .seeus .seeus__history__body .swiper::after { bottom: 208px; } }

@media (min-width: 768px) { .seeus .seeus__history__body .swiper::after { bottom: 230px; } }

@media (min-width: 992px) { .seeus .seeus__history__body .swiper::after { bottom: 235px; } }

.seeus .seeus__history__body .swiper-wrapper { padding-bottom: 150px; }

.seeus .seeus__history__body .swiper-button-prev { left: 15px; }

@media (min-width: 576px) { .seeus .seeus__history__body .swiper-button-prev { left: 30px; } }

.seeus .seeus__history__body .swiper-button-next { right: 15px; }

@media (min-width: 576px) { .seeus .seeus__history__body .swiper-button-next { right: 30px; } }

.seeus .seeus__history__body .swiper-button-prev, .seeus .seeus__history__body .swiper-button-next { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.seeus .seeus__history__body__card { -webkit-box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.05); box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.05); position: relative; }

.seeus .seeus__history__body__card::before { content: ''; width: 1px; height: 30px; position: absolute; bottom: -30px; left: 50%; background-color: #B9B7B6; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.seeus .seeus__history__body__card::after { content: ''; width: 20px; height: 20px; border-radius: 50%; border: 3px solid #B9B7B6; position: absolute; bottom: -50px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: white; }

.seeus .seeus__history__body__card__img { width: 100%; height: 245px; -o-object-fit: cover; object-fit: cover; }

@media (min-width: 992px) { .seeus .seeus__history__body__card__img { height: 300px; } }

@media (min-width: 1200px) { .seeus .seeus__history__body__card__img { height: 245px; } }

.seeus .seeus__history__body__card__info { padding: 30px; position: relative; height: 230px; background-color: white; }

@media (min-width: 768px) { .seeus .seeus__history__body__card__info { padding: 40px; } }

.seeus .seeus__history__body__card__info__date { background-color: #FDD625; padding: 10px auto; width: 197px; text-align: center; position: absolute; top: -10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 1rem; line-height: 1.5; letter-spacing: 0.05em; font-family: 'futura-pt-bold', sans-serif; font-weight: 700; font-style: normal; }

@media (min-width: 768px) { .seeus .seeus__history__body__card__info__date { font-size: 1.125rem; line-height: 1.77778; top: -16px; padding: 5px auto; } }

.seeus .seeus__history__body__card__info__title { font-size: 1.25rem; line-height: 1.8; letter-spacing: 0.05em; font-weight: bold; margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical; }

@media (min-width: 768px) { .seeus .seeus__history__body__card__info__title { font-size: 1.5rem; line-height: 1.79167; } }

.seeus .seeus__history__body__card__info__text { font-weight: 600; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; text-align: left; font-size: 1rem; line-height: 1.6875; }

@media (min-width: 768px) { .seeus .seeus__history__body__card__info__text { font-size: 1.25rem; line-height: 1.5; } }

.seeus .seeus__history__body .circle-button { background-color: #FAFAFA; opacity: .9; border-color: #F7BE4B; -webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1); box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1); width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.seeus .seeus__history__body .circle-button:hover { background-color: #F7BE4B; }

.seeus .seeus__history__body .circle-button:hover > svg { stroke: white; }

@media (min-width: 576px) { .seeus .seeus__history__body .circle-button { width: 60px; height: 60px; } }

@media (min-width: 992px) { .seeus .seeus__history__body .circle-button { width: 4.6875vw; height: 4.6875vw; } }

.seeus .seeus__history__body .circle-button svg { stroke: #F7BE4B; }

.seeus .seeus__history__body__month { font-size: 2.8125rem; letter-spacing: -0.02em; color: rgba(185, 183, 182, 0.5); font-weight: 700; text-align: center; margin-top: 36px; }

@media (min-width: 768px) { .seeus .seeus__history__body__month { font-size: 3.75rem; } }

.enterprise .container { padding-right: 20px; padding-left: 20px; }

@media (min-width: 576px) { .enterprise .container { padding-right: auto; padding-left: auto; } }

@media (min-width: 768px) { .enterprise .enterprise__case__swiper--mobile { display: none; } }

.enterprise .enterprise__case__swiper--desktop { display: none; }

@media (min-width: 768px) { .enterprise .enterprise__case__swiper--desktop { display: block; } }

.enterprise .enterprise-container { position: relative; padding-left: 20px; padding-right: 20px; padding-top: 3px; }

@media (min-width: 576px) { .enterprise .enterprise-container { padding-left: 60px; padding-right: 60px; } }

@media (min-width: 768px) { .enterprise .enterprise-container { padding-left: 100px; padding-right: 100px; } }

@media (min-width: 992px) { .enterprise .enterprise-container { padding-left: 135px; padding-right: 135px; } }

@media (min-width: 1200px) { .enterprise .enterprise-container { padding-left: 235px; padding-right: 235px; } }

.enterprise .enterprise-container::before { content: ''; width: 20px; height: 100%; position: absolute; top: 0; left: 0; background-color: #F3F3F3; z-index: 5; }

@media (min-width: 576px) { .enterprise .enterprise-container::before { width: 60px; } }

@media (min-width: 768px) { .enterprise .enterprise-container::before { width: 100px; } }

@media (min-width: 992px) { .enterprise .enterprise-container::before { width: 135px; } }

@media (min-width: 1200px) { .enterprise .enterprise-container::before { width: 235px; } }

.enterprise .enterprise-container::after { content: ''; width: 20px; height: 100%; position: absolute; top: 0; right: 0; background-color: #F3F3F3; z-index: 5; }

@media (min-width: 576px) { .enterprise .enterprise-container::after { width: 60px; } }

@media (min-width: 768px) { .enterprise .enterprise-container::after { width: 100px; } }

@media (min-width: 992px) { .enterprise .enterprise-container::after { width: 135px; } }

@media (min-width: 1200px) { .enterprise .enterprise-container::after { width: 235px; } }

.enterprise .section-kv { height: 700px; background: no-repeat center / cover; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 575px) { .enterprise .section-kv { height: 350px; } }

.enterprise .section-kv .bg-mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.1); }

.enterprise .section-kv .content { position: relative; z-index: 1; text-align: center; color: #FAFAFA; font-family: 'Noto Sans TC', sans-serif; letter-spacing: 0.1em; }

.enterprise .section-kv .content .title { font-size: 3.125rem; line-height: 1; font-weight: 700; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); margin-bottom: 19px; }

@media (max-width: 767px) { .enterprise .section-kv .content .title { font-size: 2.14286rem; } }

.enterprise .section-kv .content .desc { font-size: 1.8125rem; line-height: 1.8; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media (max-width: 767px) { .enterprise .section-kv .content .desc { font-size: 1.14286rem; } }

.enterprise .section-kv .content .desc span { margin-right: 16px; }

@media (max-width: 767px) { .enterprise .section-kv .content .desc span { width: 100%; display: block; } }

.enterprise__info { padding-top: 64px; padding-bottom: 60px; position: relative; font-size: 1.25rem; line-height: 2; }

@media (min-width: 768px) { .enterprise__info { padding-top: 150px; padding-bottom: 120px; } }

.enterprise__info__title { width: 100%; font-size: 3.75rem; line-height: 1; font-family: 'Baskervville', sans-serif; font-weight: 400; font-style: italic; font-display: swap; color: #B9B7B6; text-border: 1px solid #B9B7B6; text-shadow: 2px 3px 5px rgba(0, 0, 0, 0.4); text-transform: capitalize; text-align: center; position: absolute; top: -31px; left: 0; font-size: 2.5rem; line-height: 1; }

@media (min-width: 768px) { .enterprise__info__title { top: -63px; font-size: 5rem; line-height: 1; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } }

@media (min-width: 992px) { .enterprise__info__title { top: -68px; } }

@media (min-width: 1440px) { .enterprise__info__title { width: auto; font-size: 7.5rem; line-height: 1; top: -100px; white-space: nowrap; } }

.enterprise__info__boldText { font-weight: bold; margin-top: 40px; }

.enterprise__case { background-color: #F3F3F3; padding-top: 50px; }

@media (min-width: 768px) { .enterprise__case { padding-top: 100px; } }

.enterprise__case .section-title { margin-bottom: 50px; }

.enterprise__case .swiper { margin-left: 20px; margin-right: 20px; }

@media (min-width: 768px) { .enterprise__case .swiper { margin-left: 0; margin-right: 0; } }

.enterprise__case .swiper-wrapper { padding-bottom: 50px; }

@media (min-width: 768px) { .enterprise__case .swiper-wrapper { padding-bottom: 90px; } }

.enterprise__case .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (min-width: 576px) { .enterprise__case .swiper-slide { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } }

@media (min-width: 768px) { .enterprise__case .swiper-slide { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -15px; } }

@media (min-width: 1799px) { .enterprise__case .swiper-slide { margin-bottom: -30px; } }

.enterprise__case .swiper-circle-button { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; }

.enterprise__case .swiper-button-next { right: 0; }

@media (min-width: 768px) { .enterprise__case .swiper-button-next { right: 30px; } }

.enterprise__case .swiper-button-prev { left: 0; }

@media (min-width: 768px) { .enterprise__case .swiper-button-prev { left: 30px; } }

.enterprise__case .swiper-pagination { bottom: 20px; }

@media (min-width: 768px) { .enterprise__case .swiper-pagination { bottom: 30px; } }

@media (min-width: 1200px) { .enterprise__case .swiper-pagination { bottom: 20px; } }

.enterprise__case .swiper-pagination-bullet { background-color: #C4C4C4; width: 13px; height: 13px; }

.enterprise__case .swiper-pagination-bullet-active { background-color: #FDD625; }

.enterprise__case .circle-button { border: 1px solid #CF9A43; background-color: rgba(255, 255, 255, 0.9); width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.enterprise__case .circle-button:hover { background-color: #CF9A43; border-color: #CF9A43; }

.enterprise__case .circle-button:hover > svg { stroke: white; }

@media (min-width: 576px) { .enterprise__case .circle-button { width: 50px; height: 50px; } }

@media (min-width: 768px) { .enterprise__case .circle-button { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; -webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1); box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1); } }

@media (min-width: 992px) { .enterprise__case .circle-button { width: 4.6875vw; height: 4.6875vw; } }

.enterprise__case .circle-button svg { stroke: #CF9A43; width: 33.33%; }

.enterprise__case__card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; width: 100%; -webkit-box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.05); box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.05); margin-bottom: 15px; }

@media (min-width: 576px) { .enterprise__case__card { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

@media (min-width: 992px) { .enterprise__case__card { width: calc((100% / 2) - 10px); } }

@media (min-width: 1440px) { .enterprise__case__card { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 30px; width: calc((100% / 2) - 30px); } }

.enterprise__case__card__img { background-size: cover; background-position: center; background-repeat: no-repeat; padding-top: calc(100% / 250 * 200); width: 100%; background-color: #000; }

@media (min-width: 576px) { .enterprise__case__card__img { padding-top: calc(250px / 250 * 200); max-width: 250px; } }

@media (min-width: 768px) { .enterprise__case__card__img { padding-top: calc(50% / 250 * 200); max-width: 100%; } }

@media (min-width: 992px) { .enterprise__case__card__img { padding-top: calc(250px / 250 * 200); max-width: 250px; } }

.enterprise__case__card__info { padding: 16px 20px; width: 100%; }

@media (min-width: 576px) { .enterprise__case__card__info { padding: 12px 20px; } }

@media (min-width: 1440px) { .enterprise__case__card__info { padding: 10px 32px; } }

@media (min-width: null) { .enterprise__case__card__info { padding: 23px 32px; } }

.enterprise__case__card__info__title { font-size: 1.25rem; letter-spacing: 0.05em; font-weight: bold; margin-bottom: 6px; }

@media (min-width: 992px) { .enterprise__case__card__info__title { margin-bottom: 10px; } }

@media (min-width: 1440px) { .enterprise__case__card__info__title { font-size: 1.625rem; } }

.enterprise__case__card__info__text { font-size: 1rem; line-height: 1.6; letter-spacing: 0.03em; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; margin-bottom: 8px; }

@media (min-width: 992px) { .enterprise__case__card__info__text { margin-bottom: 15px; } }

@media (min-width: 1440px) { .enterprise__case__card__info__text { font-size: 1.25rem; } }

.enterprise__case__card__info__tag { font-size: 0.875rem; color: #CF9A43; padding: 3px 10px; border: 1px solid #CF9A43; border-radius: 20px; display: inline-block; }

@media (min-width: 992px) { .enterprise__case__card__info__tag { padding: 4px 20px; } }

@media (min-width: 1440px) { .enterprise__case__card__info__tag { font-size: 1rem; line-height: 1.0625; } }

.enterprise__brand { padding: 65px 0 80px 0; text-align: center; }

@media (min-width: 768px) { .enterprise__brand { padding: 130px 0 161px 0; } }

.enterprise__brand__wrap { overflow: hidden; position: relative; width: 100%; height: 200px; display: -webkit-box; display: -ms-flexbox; display: flex; }

.enterprise__brand__wrap__logo { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; left: 0; width: 1600%; -webkit-animation: marquee 80s linear infinite; animation: marquee 80s linear infinite; }

@media (min-width: 576px) { .enterprise__brand__wrap__logo { width: 1000%; -webkit-animation: marquee-sm 80s linear infinite; animation: marquee-sm 80s linear infinite; } }

.enterprise__brand__wrap__logo:hover { -webkit-animation-play-state: paused; animation-play-state: paused; }

.enterprise__brand__wrap__logo__group { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 50%; }

@-webkit-keyframes marquee { 0% { left: 0; }
  100% { left: -800%; } }

@keyframes marquee { 0% { left: 0; }
  100% { left: -800%; } }

@-webkit-keyframes marquee-sm { 0% { left: 0; }
  100% { left: -500%; } }

@keyframes marquee-sm { 0% { left: 0; }
  100% { left: -500%; } }

.enterprise__brand__wrap__logo__group__item { -o-object-fit: contain; object-fit: contain; width: calc(100% / 24); }

.enterprise__brand__text { font-size: 1.5625rem; line-height: 1.8; font-family: 'Noto Serif TC', serif; font-weight: 700; margin-bottom: 80px; position: relative; }

@media (min-width: 768px) { .enterprise__brand__text { font-size: 2.8125rem; line-height: 1.44444; margin-bottom: 120px; } }

@media (min-width: 1200px) { .enterprise__brand__text { font-size: 3.125rem; line-height: 1.5; margin-bottom: 160px; } }

.enterprise__brand__text::after { content: ''; width: 103px; height: 5px; background-color: #FDD625; position: absolute; bottom: -50px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

@media (min-width: 768px) { .enterprise__brand__text::after { width: 206px; bottom: -60px; height: 8px; } }

@media (min-width: 1200px) { .enterprise__brand__text::after { height: 10px; bottom: -100px; } }

.enterprise-detail .tag:last-child { border-right: 0; }

.enterprise-detail .tag { border-right: 2px solid #222; padding-right: 12px; margin-right: 12px; color: #222 !important; }