@charset "UTF-8";
/* inject:scss */
/* ------------------------------------
 *  Width and Height
 * ------------------------------------ */
/*wrap*/
/*nav*/
/* ------------------------------------
 *  Color
 * ------------------------------------ */
/* ------------------------------------
 *  Font
 * ------------------------------------ */
.c-text-carousel .c-text-carousel__btn, .inline-img-carousel .inline-img-carousel__btn, .overlap-carousel .overlap-carousel__btn {
  top: calc(50% - 24px);
  padding: 8px;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 10; }

/*Clearfix*/
.clear:before, .clear:after,
.overlap-carousel:before,
.overlap-carousel:after {
  content: " ";
  display: table; }

.clear:after,
.overlap-carousel:after {
  clear: both; }

.column:before, .container:before, .wrapper-s:before, .basic-block__container:before, .wrapper-ss:before, .wrapper-xs:before, .ellipsis-accordion__block:before, .colors-banner__wrap:before, .rich-content-banner--main:before, .basic-block:before, .inline-arw-block:before, .inline-img-blocks:before, .inline-img-block:before, .inline-title-block:before, .intro-block__top:before, .intro-block__main:before, .product-single-block:before, .quotation-block:before, .quotation-block__main:before, .quotation-details:before, .reg-info-block:before, .result-block__contact:before, .selector-block:before, .showcase-block__list:before, .side-border-block__info:before, .tab-block__top:before, .warranty-block__top:before,
.warranty-block__item:before, .series-card:before, .series-card__top:before, .series-card__bottom:before, .series-card__table:before, .series-card__tr:before, .overlap-carousel__containers-wrap:before, .r-img-carousel .flex-wrap:before, .step-carousel__slide:before, .print-form__container:before, .compare-section__block:before, .grid-section:before, .iiot-manage-section:before, .iiot-manage-section__block:before, .main-section__block:before, .side-section:before, .side-tab-section:before, .text-editor table td:before,
.border-table td:before, .submenu__main:before, .submenu__block:before {
  content: '';
  display: table; }

.column:after, .container:after, .wrapper-s:after, .basic-block__container:after, .wrapper-ss:after, .wrapper-xs:after, .ellipsis-accordion__block:after, .colors-banner__wrap:after, .rich-content-banner--main:after, .basic-block:after, .inline-arw-block:after, .inline-img-blocks:after, .inline-img-block:after, .inline-title-block:after, .intro-block__top:after, .intro-block__main:after, .product-single-block:after, .quotation-block:after, .quotation-block__main:after, .quotation-details:after, .reg-info-block:after, .result-block__contact:after, .selector-block:after, .showcase-block__list:after, .side-border-block__info:after, .tab-block__top:after, .warranty-block__top:after,
.warranty-block__item:after, .series-card:after, .series-card__top:after, .series-card__bottom:after, .series-card__table:after, .series-card__tr:after, .overlap-carousel__containers-wrap:after, .r-img-carousel .flex-wrap:after, .step-carousel__slide:after, .print-form__container:after, .compare-section__block:after, .grid-section:after, .iiot-manage-section:after, .iiot-manage-section__block:after, .main-section__block:after, .side-section:after, .side-tab-section:after, .text-editor table td:after,
.border-table td:after, .submenu__main:after, .submenu__block:after {
  content: '';
  display: table;
  clear: both; }

/*Background Size Cover*/
.background-cover,
.about-banner,
.colors-banner__img,
.full-banner,
.hero-banner.hero-banner--img,
.hero-banner.hero-banner--video,
.hero-banner.hero-banner--img-light,
.sg-banner__img,
.compare-block__item-outline,
.half-img-block__img,
.mid-block__img,
.product-bar__img,
.showcase-block__thb-img,
.side-img-block__img,
.two-flex-block__img,
.img-card__img,
.side-img-card__img,
.top-img-card__img,
.hero-carousel__img,
.hero-carousel__video-wrap,
.overflow-carousel__img,
.overlap-carousel__img,
.r-img-carousel__img,
.featured-section__img,
.galaxy-bg,
.grid-section__bg,
.grid-section__img,
.main-section {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }

/*Position*/
.position-relative,
.container,
.wrapper-s,
.basic-block__container,
.wrapper-ss,
.wrapper-xs,
.body-section,
.ellipsis-accordion__heading,
.ellipsis-accordion__container,
.tab-accordion__btn,
.about-banner,
.colors-banner,
.full-banner,
.hero-banner,
.rich-content-banner,
.anchors-block__headings,
.basic-pagination,
.basic-pagination__item,
.basic-pagination__select-wrap,
.compare-block__item-outline,
.compare-block__item,
.edit-tags-block .text-wrap,
.edit-tags-block .text-button,
.edit-tags-block__tags .item,
.filter-block__select-wrap,
.iframe-block,
.inline-img-block,
.login-block__bottom,
.mid-block,
.modal-img-block,
.module-block__i,
.module-block__card,
.module-block__pointer,
.product-bar__link,
.product-bar__item,
.product-single-block,
.product-single-block__main,
.quotation-block__list-top,
.quote-block__paragraph,
.reg-info-block__link,
.result-block,
.result-block__right,
.result-block__map,
.shadow-block,
.shadow-block__s-line,
.showcase-block__detail--container,
.showcase-block__detail--container .simple-icon-btn i,
.tags-list-block__bubble-wrap,
.two-flex-block__container li,
.recaptcha-block,
.fixed-bubble,
.border-btn,
.fill-btn,
.gradient-btn,
.rating-list__item,
.simple-icon-btn,
.business-card,
.img-card,
.img-card__img-wrap,
.img-card__container,
.item-card__upper,
.ocean-top-card,
.product-card,
.series-card,
.side-img-card__container,
.support-card,
.support-card__paragraph,
.top-img-card__link,
.top-img-card__inner-wrap,
.top-img-card__container,
.top-img-card__img-wrap,
.white-card,
.center-carousel__slide,
.inline-img-carousel__img-wrap,
.overflow-carousel__slide,
.overlap-carousel,
.r-img-carousel,
.r-img-carousel__container,
.step-carousel,
.language-dropdown,
.language-dropdown__trigger,
.search-dropdown,
.search-dropdown__trigger,
.shadow-dropdown,
.sort-dropdown,
.basic-checkbox__checkbox-wrap,
.basic-checkbox__checkbox-label,
.basic-form,
.basic-form__group,
.basic-form__legend .basic-form__notice,
.basic-form__radio,
.basic-form__dropdown,
.basic-form__select-wrap,
.basic-form__checkbox-wrap,
.basic-form__checkbox-label,
.basic-form__tooltip,
.inline-search,
.notify-checkbox,
.notify-checkbox__label,
.border-bullet-list__item,
.plant-cards-title,
.bullet-list__item,
.about-us-section ul ul > li,
.about-us-section ol ul > li,
.about-us-section ul > li,
.article__main-section .module-block .module-block__content ul ul > li,
.article__main-section .module-block .module-block__content ul ol > li,
.article__main-section .module-block .module-block__content ol ul > li,
.article__main-section .module-block .module-block__content ol ol > li,
.article__main-section .module-block .module-block__content ul > li,
.article__main-section .module-block .module-block__content ol > li,
.text-editor ul ul > li,
.text-editor ol ul > li,
.text-editor ul > li,
.text-editor table ul:not(.border-table__dash-list) li,
.border-table ul:not(.border-table__dash-list) li,
.account-section__tab-link,
.account-section__table--updates td,
.featured-section__img,
.galaxy-section,
.grid-section__bg,
.card-bg .grid-section__block .video-btn,
.card-bg .grid-section__block .border-btn,
.card-bg .grid-section__block .arrow-btn,
.iiot-manage-section,
.iiot-manage-section__block,
.iiot-manage-section__container,
.iiot-manage-section__tabs-part,
.main-section,
.tab-section,
.tab-section__top,
.tab-section__btn,
.tab-section__btn-fill,
.tab-section .tab-section__btn-underline,
.drag-slider__num,
.border-table__sort,
.basic-tag.basic-tag--relative,
footer,
header,
.header__profile-link,
.header__profile-link a,
.header__profile-link button,
.header__link,
.header__search-trigger,
.modal__video-container,
.modal__wrap,
.modal__container,
.modal__heading-wrap,
.submenu__main,
.submenu__block,
.iiot-animation,
.text-core,
.text-core .text-wrap .text-tags .text-tag .text-button {
  position: relative; }

.position-absolute,
.c-text-carousel .c-text-carousel__btn,
.inline-img-carousel .inline-img-carousel__btn,
.overlap-carousel .overlap-carousel__btn,
.ellipsis-accordion__heading span,
.tab-accordion__main,
.tab-accordion__btn:before,
.colors-banner__img,
.colors-banner__bg:before,
.full-banner__btn,
.hero-banner.hero-banner--img:not(.-no-shadow):before,
.hero-banner.hero-banner--video:not(.-no-shadow):before,
.hero-banner__icon,
.sg-banner__wrapper,
.sg-banner__img,
.sg-banner__img:before,
.anchors-block__headings .anchors-block__bar,
.basic-pagination__display,
.basic-pagination__select-wrap:before,
.compare-block__close,
.filter-block__select-wrap:before,
.iframe-block iframe,
.login-block__bottom:after,
.modal-img-block__icon-wrap,
.module-block__bubble,
.module-block__bubble:before,
.page-saved-block,
.pointer-block,
.pointer-block__point,
.pointer-block__point:before,
.pointer-block__point--2,
.pointer-block__bubble,
.product-bar__icon,
.quote-block__paragraph:before,
.quote-block__paragraph:after,
.reg-info-block__icon,
.shadow-block__s-line img,
.showcase-block__detail--container .simple-icon-btn,
.tags-list-block__bubble,
.two-flex-block__container li:before,
.recaptcha-block__note,
.fixed-bubble__circle,
.simple-icon-btn.form-add,
.simple-icon-btn__icon,
.img-card .arrow-btn,
.img-card__label,
.ocean-top-card:before,
.ocean-top-card__btn,
.product-card__close-btn,
.support-card__img,
.tooltip,
.top-img-card .arrow-btn,
.top-img-card__icon,
.center-carousel__video-btn,
.center-carousel__container,
.carousel--center .center-carousel__controls,
.hero-carousel__btn,
.hero-carousel__dots,
.module-carousel__btn,
.overflow-carousel__container,
.overlap-carousel__video-btn,
.product-carousel__btn,
.r-img-carousel .border-btn,
.r-img-carousel__controls,
.step-carousel__btns,
.step-carousel__btn:nth-child(2):before,
.language-dropdown__list,
.search-dropdown__drop,
.shadow-dropdown:before,
.shadow-dropdown:after,
.sort-dropdown__icon,
.basic-checkbox__checkbox,
.basic-checkbox__checkbox-label:after,
.basic-form__radio-input,
.basic-form__checkmark,
.basic-form__dropdown:before,
.basic-form__select-wrap:before,
.basic-form__notice,
.basic-form__checkbox,
.basic-form__checkbox-label:after,
.basic-form__bubble,
.basic-form__bubble:before,
.notify-checkbox__input,
.is-indeterminate,
.notify-checkbox__label:after,
.notify-checkbox-wrap,
.notify-checkbox-sublist,
.border-bullet-list__item:before,
.plant-cards-title:before,
.bullet-list__item:before,
.about-us-section ul ul > li:before,
.about-us-section ol ul > li:before,
.about-us-section ul > li:before,
.article__main-section .module-block .module-block__content ul ul > li:before,
.article__main-section .module-block .module-block__content ul ol > li:before,
.article__main-section .module-block .module-block__content ol ul > li:before,
.article__main-section .module-block .module-block__content ol ol > li:before,
.article__main-section .module-block .module-block__content ul > li:before,
.article__main-section .module-block .module-block__content ol > li:before,
.text-editor ul ul > li:before,
.text-editor ol ul > li:before,
.text-editor ul > li:before,
.text-editor table ul:not(.border-table__dash-list) li:before,
.border-table ul:not(.border-table__dash-list) li:before,
.account-section__tab-link:before,
.account-section__pagination,
.featured-section__img:before,
.featured-section__icon,
.galaxy-bg,
.iiot-manage-section__arrow,
.iiot-manage-section__img-subheading,
.iiot-manage-section__triangles,
.main-section--gradient.js-expand:before,
.tab-section__scroll-btn,
.drag-slider__rangebar,
.drag-slider__rangebar-oneway,
.drag-slider__bottom,
.drag-slider--between,
.drag-slider--small,
.drag-slider--big,
.basic-tag,
.account-nav__sublist,
.breadcrumb,
header:before,
.header__profile-link .header__profile-sub,
.header__link:before,
.search-input__line,
.header__search,
.header__search i,
.header__search-result-block,
.header__bag-note,
.modal--ps,
.modal__close,
.abs-btn,
.full-modal .sent-cover,
.submenu,
.submenu__arrow-btn,
.iiot-animation__btm-text,
#tech-1 .line,
#tech-1 .line-0,
#tech-1 .desktop,
#tech-1 .sensors,
#tech-1 .sensors img,
#tech-1 #box,
#tech-2 .line,
#tech-2 .line-2,
#tech-2 .line-3,
#tech-2 .internet,
#tech-2 .machines,
#tech-2 .machines div,
#tech-2 .desktop,
#tech-2 .desktop .iiot-animation__heading,
#tech-2 #firewall,
#tech-2 .network,
#tech-3 .img-wrap,
#tech-3 #step-1-arrow,
#tech-3 #step-2-arrow-1,
#tech-3 #step-2-arrow-2,
#tech-3 #step-3-arrow-btm,
#tech-3 #box-wrap,
#tech-3 #box-wrap img,
#tech-3 #sensors,
.text-core .text-wrap textarea,
.text-core .text-wrap input,
.text-core .text-wrap .text-tags,
.text-core .text-wrap .text-dropdown {
  position: absolute; }

.position-fixed,
body.is-fixed,
html.is-fixed,
body:before,
.full-banner .galaxy-bg,
.anchors-block.is-active,
.compare-block,
.cookie-block,
.fix-btm-block,
.fixed-bubbles,
.back-to-top-btn,
.account-section__unsaved-wrap,
.tab-section__top.is-active,
.modal:not(.modal--ps),
.full-modal {
  position: fixed; }

/*Display*/
.block,
.align--center,
.full-banner__icon,
.location-block,
.module-block__sm-img,
.quote-block,
.quote-block__img,
.center-card__img,
.product-card__img,
.galaxy-section__subheading,
.modal--wechat .modal__container,
img,
.c-text-carousel__icon,
.inline-img-carousel__icon,
.overlap-carousel__icon,
.center-carousel .center-carousel__icon,
.img-card-carousel .img-card-carousel__icon,
.overflow-carousel .overflow-carousel__icon,
.r-img-carousel .r-img-carousel__icon,
.swiper-controls .rounded-btn i,
.basic-accordion__trigger,
.ellipsis-accordion__trigger i,
.full-banner__btn span,
.anchors-block__heading,
.attachments-block__label,
.brand-block__item,
.iframe-block,
.inline-icon-block__link,
.login-block__bottom:after,
.modal-img-block,
.modal-img-block__icon,
.module-block__date,
.module-block__link,
.recommend-block__link,
.result-block__icon,
.result-block__back-to-top,
.result-block__reset-search,
.selector-block__link,
.shadow-block,
.close-btn__icon,
.side-border-blocks__note,
.side-border-block__link,
.side-border-block__subtitle,
.tags-list-block__bubble-text,
.warranty-block__title button i,
.warranty-block__num,
.recaptcha-block__note,
.fixed-bubble__icon,
.fill-btn-error,
.green-top-card__link,
.img-cards--isotope .img-card__link,
.img-card__date,
.tooltop__link,
.c-text-carousel__btm span,
.center-carousel__icon,
.hero-carousel__icon,
.module-carousel__icon,
.overflow-carousel__trigger,
.overlap-carousel__link,
.language-dropdown__link,
.basic-form__label,
.basic-form__label--bold,
.basic-form__radio,
.basic-list__text i,
.compare-section__info span,
.compare-section__info b,
.featured-section__btn,
.galaxy-section__number,
.grid-section__link,
.grid-section__card--l .grid-section__heading b,
.grid-section__date,
.iiot-manage-section__w-block .bullet-list__item span,
.main-section__note,
.border-table__note,
.border-table__shipping-info span,
.model-table,
.model-table__btn,
.footer__link,
.header__profile-link .header__profile-heading,
.header__profile-link a,
.header__profile-link button,
.header__mobile-menu i,
.header__mobile-bag i,
.mobile-nav__link,
.mobile-nav__next i,
.modal__heading span {
  display: block; }

.inline {
  display: inline; }

.inlineblock,
a,
.ellipsis-accordion__container > *:first-child,
.rating-bar__note,
.selector-block__heading,
.border-btn,
.gradient-btn,
.series-card__heading,
.tooltip__top .tooltip__top-text,
.search-dropdown__list-heading,
.drag-slider__heading,
.drag-slider__num {
  display: inline-block; }

.align--center,
.full-banner__icon,
.location-block,
.module-block__sm-img,
.quote-block,
.quote-block__img,
.center-card__img,
.product-card__img,
.galaxy-section__subheading,
.modal--wechat .modal__container {
  margin-left: auto;
  margin-right: auto; }

/*Full-width elements*/
.table, .container, body, html, body:before, img, .basic-accordion__trigger, .border-accordion__trigger, .tab-accordion__main, .tab-accordion__btn:before, .colors-banner, .colors-banner__img, .hero-banner.hero-banner--img:not(.-no-shadow):before, .hero-banner.hero-banner--video:not(.-no-shadow):before, .address-block, .address-block--add .address-block__trigger, .attachments-block__bar, .basic-pagination > span, .basic-pagination__select-wrap select, .compare-block, .compare-block__top, .compare-block__item--heading, .cookie-block, .edit-tags-block .text-wrap, .edit-tags-block__tags, .filter-block__select-wrap, .filter-block__select, .fix-btm-block, .half-img-block__img, .iframe-block iframe, .inline-icon-block, .inline-img-block__wrap, .modal-img-block, .module-block-bar, .module-block__card-download, .pointer-block, .product-bar__img, .quotation-block__block.quotation-block__block--full, .quotation-block__status, .quote-block__img, .recommend-block__link, .result-block__img, .result-block__contact, .selector-block__border-heading-area, .selector-block__text-field, .shadow-block__s-line, .showcase-block__detail--container, .showcase-block__thb-img, .border-btn.border-btn--full, .fill-btn.fill-btn--full, .gradient-btn.gradient-btn--full, .arrow-card, .business-card__list, .green-top-card__title, .green-top-card__btm, .img-card__img-wrap, .img-card__img, .ocean-top-card:before, .product-card__img, .release-card, .side-img-card__link, .side-img-card__img, .top-img-card__link,
.top-img-card__inner-wrap, .top-img-card__img-wrap, .top-img-card__img, .top-img-card__footer, .center-carousel__container, .center-carousel__controls, .hero-carousel__img,
.hero-carousel__video-wrap, .hero-carousel__paragraph, .hero-carousel__dots, .img-card-carousel__controls, .overflow-carousel__trigger, .overflow-carousel__img, .overflow-carousel__container, .overflow-carousel__controls, .overlap-carousel__containers-wrap, .r-img-carousel__img, .language-dropdown__trigger, .language-dropdown__list, .search-dropdown__drop, .search-dropdown__searchbox, .search-dropdown__input, .search-dropdown__main-btn, .shadow-dropdown__select, .basic-checkbox__checkbox.checkbox-full, .basic-form__legend-check, .basic-form__input,
.basic-form__select,
.basic-form__textarea, .basic-form__dropdown, .basic-form__input-search, .basic-form__checkbox-wrap, .basic-form__checkbox.checkbox-full, .easy-autocomplete-container, .basic-form__block, .inline-search, .notify-checkbox, .print-form__group.print-form__group--full, .account-section__unsaved-wrap, .account-section__pagination, .featured-section__btn, .featured-section__img, .featured-section__img:before, .galaxy-section__subheading, .galaxy-bg, .grid-section__bg, .grid-section__block, .grid-section__img, .iiot-manage-section__blocks, .main-section, .side-tab-section, .tab-section__top, .tab-section__long-tabs, .tab-section__btn, .drag-slider__rangebar, .drag-slider__bottom, .drag-slider__bar, .text-editor table,
.border-table, .model-table__cta-btn, .account-nav__sublist .account-nav__item, .breadcrumb, .form-control, .editing-form-control-nested-control,
.FormPanel, header, header:before, .header__profile-link .header__profile-sub, .header__link:before, .search-input, .mobile-nav__accordion, .modal, .full-modal, .full-modal .sent-cover, .submenu__main--solutions .header-card, .submenu__icon, .iiot-animation__btm-text, .text-core .text-wrap .text-tags, .text-core .text-wrap .text-dropdown,
.full-width {
  width: 100%; }

/*Full-height elements*/
.table, body:before, .colors-banner__img, .colors-banner__bg, .colors-banner__bg:before, .hero-banner.hero-banner--img:not(.-no-shadow):before, .hero-banner.hero-banner--video:not(.-no-shadow):before, .sg-banner__wrapper, .sg-banner__img, .address-block--add .address-block__trigger, .half-img-block__wrapper, .half-img-block__img, .iframe-block iframe, .inline-img-block__wrap, .mid-block__img, .pointer-block, .product-bar__img, .showcase-block__thb-img, .business-card__logo, .img-card__animation, .img-card__link, .img-card__wrapper, .img-card__img, .side-img-card__img, .top-img-card__link,
.top-img-card__inner-wrap, .top-img-card__img, .center-carousel__container, .overlap-carousel__img, .r-img-carousel__img, .step-carousel, .basic-checkbox__checkbox, .basic-form__checkbox, .notify-checkbox__input, .featured-section__img:before, .galaxy-bg, .grid-section__block, header:before, .search-input, .modal:not(.modal--ps), .full-modal .sent-cover, .iiot-animation, .text-core .text-wrap .text-tags,
.full-height {
  height: 100%; }

.rich-content-banner, .full-modal,
.full-view-height {
  height: 100vh; }

/*Text alignment*/
.attachments-block__btn .fill-btn, .inline-icon-block__container, .carousel--left .center-carousel__container, .step-carousel__slide .border-btn.border-btn--full, .basic-form__checkbox-text, .main-section__heading.main-section__heading--left, .main-section__paragraph.main-section__paragraph--left, .text-editor p, .text-editor table th,
.border-table th, .model-table th, .submenu,
.text--left {
  text-align: left; }

.ellipsis-accordion__btn-wrap, .intro-block__btn, .tab-section__accordion-btn,
.text--right {
  text-align: right; }

.center-carousel .center-carousel__btn, .img-card-carousel .img-card-carousel__btn, .overflow-carousel .overflow-carousel__btn, .r-img-carousel .r-img-carousel__btn, .swiper-controls .rounded-btn, .about-banner, .full-banner, .hero-banner.hero-banner--center, .compare-block__item-outline, .compare-block__footer, .filter-loadmore-block, .fix-btm-block, .module-block__loadmore, .quotation-block__num, .result-block__switch.is-active, .side-border-blocks__note, .tags-list-block__empty, .recaptcha-block.recaptcha-block--center, .border-btn, .border-btn.border-btn--full, .fill-btn, .fill-btn.fill-btn--full, .gradient-btn, .gradient-btn.gradient-btn--full, .gradient-btn__text, .basic-text-card, .business-card__top, .center-card, .ocean-top-card--center, .c-text-carousel__slide, .center-carousel__container, .account-section__unsaved-wrap, .account-section__unsaved-block, .galaxy-section__heading, .galaxy-section__block, .iiot-manage-section__tab, .main-section__heading, .main-section__paragraph, .tab-section__tab, .tab-section__long-tab, .model-table__cta-btn, .header__list, .iiot-animation__btm-text, #tech-1 .desktop h4, #tech-2 .internet .iiot-animation__heading, #tech-3 .img-wrap,
.text--center {
  text-align: center; }


.text--justify {
  text-align: justify; }

.tab-accordion__heading, .tab-accordion__list, .modal-block__side-img, .modal-block__side-content, .side-product-block__img, .side-product-block__container, .series-card__wrapper, .support-card__paragraph, .module-carousel__img-wrap, .module-carousel__container, .contact-form__statement, .i-list__icon, .i-list__text, .title-list__heading, .title-list__container,
.inline--top {
  display: inline-block;
  vertical-align: top; }

i, .tab-accordion__trigger-text, .tab-accordion__trigger-icon, .tab-accordion__item, .attachments-block__bars, .basic-pagination__display span, .basic-pagination__select-wrap, .brand-block__detail, .bubble-block__title, .bubble-block__img, .certification, .edit-tags-block .text-remove, .edit-tags-block .text-label, .edit-tags-block__tags .item, .filter-block__select-wrap, .filter-block__btns, .fix-btm-block__text, .inline-icon-block, .inline-icon-block__img, .inline-icon-block__container, .location-block__paragraph span, .quotation-block__label, .quotation-block__num, .quotation-block__btn-icon, .quotation-block__btn-text, .result-block__certificate, .side-img-block__tag, .tags-list-block .tag-btn, .tags-list-block__bubble-wrap, .recaptcha-block:not(.recaptcha-block--center), .arrow-btn__text, .arrow-btn__icon, .border-btn .border-btn__icon, .border-btn .border-btn__text, .fill-btn .fill-btn__icon, .fill-btn .fill-btn__text, .gradient-btn .gradient-btn__icon, .gradient-btn .gradient-btn__text, .rating-list__item, .simple-icon-btn__text, .simple-icon-btn__img, .switch-btn__text, .switch-btn__block, .tag-btn__text,
.tag-btn__icon, .video-btn__icon, .video-btn__text, .gray-text-card__info .js-save-tag, .series-card__item-heading, .series-card__btn--text,
.series-card__btn--icon, .step-carousel__current-step span, .language-dropdown, .language-dropdown__icon, .language-dropdown__current, .language-dropdown__arrow, .basic-checkbox__checkbox-label, .basic-form__legend-check span,
.basic-form__legend-check .basic-form__checkbox-wrap, .basic-form__notice i, .basic-form__checkbox-label, .basic-form__checkbox-list, .basic-form__checkbox-text,
.basic-form__checkbox-heading, .basic-form__tooltip, .notify-checkbox__label, .print-form__heading, .print-form__note, .print-form__label, .print-form__block, .basic-list__heading, .basic-list__text, .basic-list__text a, .media-list__item, .rss-list__btn a, .rss-list__btn img, .account-section .search-dropdown, .account-section__heading i, .account-section__tab, .account-section__check, .account-section__filter, .account-section__filter .basic-form__select-wrap, .account-section__filter-heading, .account-section__search .inline-search, .account-section__search-wrap, .account-section__search-wrap .account-section__filter-heading,
.account-section__search-wrap .basic-form__select-wrap, .account-section__unsaved-block, .account-section-status h4, .account-section-status h3, .account-section-status p, .iiot-manage-section__img-wrap img, .iiot-manage-section__tab, .main-section__filter-trigger, .product-section__img, .product-section__container, .tab-section__tabs, .tab-section__tab, .tab-section__long-tabs, .text-editor table th span, .text-editor table th i,
.border-table th span,
.border-table th i, .border-table__text, .model-table__btn .tag-btn, .account-nav .icon-arrow-down, .account-nav__item,
.account-nav__profile, .account-nav__icon, .account-nav__text, .breadcrumb__link,
.breadcrumb__current, .breadcrumb__icon, .footer__media, .SubscriptionButton, .footer__item, .footer__copyright, .editing-form-control-nested-control,
.FormPanel,
#p_lt_ctl03_MoxaGenericContainer_MoxaGenericContainer_zone_CustomSubscriptionForm_formElem, .newsletter-input, .header__top-item, .header__logo, .header__item, .submenu__main--solutions .header-card__icon,
.submenu__main--solutions .header-card__heading, .submenu__icon-item, .submenu__icon, .submenu__text, .submenu__note, #tech-2 .desktop .iiot-animation__heading,
#tech-2 .desktop img,
.inline--middle {
  display: inline-block;
  vertical-align: middle; }


.inline--bottom {
  display: inline-block;
  vertical-align: bottom; }

/*Text style*/

.text--b {
  font-weight: 700; }

.text-editor a,
.text--green {
  color: #008787 !important; }

.text--orange-light {
  color: #fa943e; }


.text--blue {
  color: #204a88; }


.text--black {
  color: #202020; }

/* Text margin */

.text--margin-top-m {
  margin-top: 32px; }
  @media (max-width: 767px) {
    
    .text--margin-top-m {
      margin-top: 16px; } }

/*Align center by table*/
.table {
  display: table; }

.table-cell {
  display: table-cell;
  vertical-align: middle; }

/*Flex*/
.hero-banner, .module-block__header, .module-block__card, .product-bar, .quotation-block__remove, .recommend-block__cards, .business-card__list, .gray-text-card__title, .basic-form__group--flex, .about-us-section .row, .article__main-section .module-block .module-block__content .inline-section, .article__main-section .module-block .article__tag-container, .article__main-section .module-block .article__comment, .article__main-section .article__subscribe-section .input-group, .module-container .module-block__save-btn .simple-icon-btn, .module-container .module-block__save-btn .simple-icon-btn__text a, .module-container .module-block__side-vertical, .module-container .module-block__side-vertical .media-list, .module-container .module-block__side-vertical .module-block__save-btn, .module-block__heading-info, .module-block__info-detail, .articles-section.img-cards, .articles-section .img-card .img-card__wrapper, .articles-section .img-card .img-card__main, .articles-section .img-card .img-card__overlay-container, .articles-section .img-card .img-card__overlay-container .img-card__overlay-content, .articles-section .img-card__link, .img-card__info, .main-section__filter-result-block, .tab-filter .tab-filter__header, .tab-filter .tab-filter__list,
.flex {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -ms-flex-direction: row; }

.basic-accordion__num, .colors-banner__bg, .full-banner, .full-banner__btn, .address-block--add .address-block__trigger, .basic-pagination > span, .basic-pagination__item.is-active, .bubble-block__bottom, .compare-block__top, .login-block__bottom, .product-bar__link, .result-block__switch, .tags-list-block__btn, .fixed-bubble, .fixed-bubble__circle, .back-to-top-btn, .rating-stars, .basic-text-card__icon-block, .hero-carousel__img,
.hero-carousel__video-wrap, .search-dropdown__searchbox, .basic-form__group--flex-center, .basic-form__input-cancel-btn, .basic-form__checkmark, .iiot-manage-section__container, .main-section--big, .account-nav__link, .header__search-trigger, .modal:not(.modal--ps), .full-modal .sent-cover,
.flex-center {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -ms-flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.basic-accordion__trigger, .border-accordion__trigger, .alphabets-bar__list, .attachments-block__bar, .filter-block--short, .list-block__link, .module-block__card-download, .preference-block__check, .quotation-block__list-top, .result-block__top, .result-top-block, .selector-block__border-heading-area, .white-block__container, .arrow-card, .checkbox-card, .green-top-card__btm, .header-card-wrap, .release-card, .series-card__item, .tooltip__top, .center-carousel__controls, .img-card-carousel__controls, .overflow-carousel__controls, .r-img-carousel__controls, .basic-form__legend, .online-list__item, .account-section__top, .compare-section__controls, .main-section__flex-block, .side-section.-flex, .tab-section__long-tabs, #tech-3 #sensors,
.flex-between {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -ms-flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.cookie-block__flex, .side-img-block__link, .gray-text-card.column, .plant-cards, .border-bullet-list,
.flex-wrap {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -ms-flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.justify-content-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.justify-content-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.justify-content-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.align-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.align-items-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.align-items-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }

.modal,
.opacity-hidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  .is-active.modal,
  .opacity-hidden.is-active {
    opacity: 1;
    visibility: visible; }

.text-editor h6, .about-banner__subheading, .full-banner__subheading, .compare-block__heading, .filter-block__label, .filter-block__cing, .filter-loadmore-block .simple-icon-btn__text, .inline-img-block__subheading, .mid-block__subheading, .module-block__subtitle, .quotation-block__label, .quotation-block__list-heading, .quotation-details__heading, .quotation-details__filter-block--heading, .quotation-details__des, .recommend-block__heading, .related-block__heading, .result-top-block__heading, .search-resault__side-block--heading, .search-resault__btn, .selector-block__heading, .side-border-block__subheading, .side-img-block__tag, .warranty-block__title, .arrow-btn__text, .border-btn, .fill-btn, .gradient-btn, .switch-btn__text, .video-btn__text, .img-card__subheading, .side-img-card__subheading, .top-img-card__subheading, .c-text-carousel__btm h4, .center-carousel__country, .module-carousel__heading, .overflow-carousel__subheading, .overlap-carousel__subheading, .r-img-carousel__subheading, .sort-dropdown__heading, .online-list__heading, .account-section__filter-heading, .featured-section__subheading, .grid-section__label, .iiot-manage-section__tab, .main-section__subheading, .text-editor table th,
.border-table th, .text-editor table th .sort,
.border-table th .sort, .mxTableStyle .theading td, .footer__heading, .SubscriptionButton, .footer__link {
  text-transform: uppercase; }

.hide {
  display: none !important; }

.side-border-block__list li:last-child, .about-us-section ul li:last-child, .about-us-section ol li:last-child, .article__main-section .module-block .module-block__content ul li:last-child, .article__main-section .module-block .module-block__content ol li:last-child, .text-editor ul li:last-child, .text-editor ol li:last-child, .module-block__title:last-child, .text-editor h1:last-child, .module-block__heading:last-child, .text-editor h2:last-child, .text-editor h3:last-child, .text-editor h4:last-child, .module-block__subheading:last-child, .text-editor h5:last-child, .text-editor h6:last-child, .basic-accordion__paragraph:last-child, .border-accordion__trigger:last-child, .border-accordion__filters .basic-form__checkbox-wrap:last-child,
.border-accordion__filters .basic-form__group-checkbox-wrap:last-child, .ellipsis-accordion__paragraph:last-child, .about-banner__paragraph:last-child, .colors-banner__paragraph:last-child, .hero-banner__heading:last-child, .hero-banner__description:last-child, .hero-banner__paragraph:last-child, .anchors-block__heading:last-child, .attachments-block__bar:last-child, .brand-block:last-child, .brand-block__item:last-child, .column-text-block:last-child, .event-block:last-child, .event-block__item:last-child, .inline-arw-block__item:last-child, .inline-icon-block__heading:last-child, .inline-img-block:last-child, .inline-img-block__container p:last-child, .inline-img-block__paragraph:last-child, .inline-title-block:last-child, .inline-title-block__paragraph:last-child, .inline-title-block__note:last-child, .location-block__paragraph:last-child, .mid-block:last-child, .mid-block__paragraph:last-child, .module-block .modal-img-block:last-child, .module-block-footer__actions .simple-icon-btn:last-child, .module-block__list li:last-child, .quotation-block__list:last-child, .quotation-block__item:last-child, .reg-info-block__item:last-child, .related-block:last-child, .mix-container:last-child, .search-resault-block:last-child, .search-resault__side-block:last-child, .search-resault__history:last-child, .selector-block__right .filter-block:last-child, .selector-block__link:last-child, .selector-block__border-heading-area:last-child, .shadow-block:last-child, .shadow-block__heading:last-child, .shadow-block__subheading:last-child, .short-block__paragraph:last-child, .side-block:last-child, .side-border-blocks:last-child, .side-border-block:last-child, .side-border-block.side-border-block--no-padding:last-child, .side-border-block__title:last-child, .side-img-block:last-child, .side-img-block__tags:last-child, .sitemap-block:last-child, .sitemap-block li:last-child, .sitemap-block__wrap:last-child, .tab-block__top:last-child, .tab-block__paragraph:last-child, .tags-list-block__item:last-child, .two-flex-block:last-child, .two-flex-block__container p:last-child, .two-flex-block__container li:last-child, .two-flex-block__paragraph:last-child, .warranty-block__item:last-child, .fixed-bubble:last-child, .arrow-btn.arrow-btn--margin:last-child, .checkbox-card:last-child, .img-cards:last-child, .img-cards.img-cards--margin-bottom-s:last-child, .img-card__date:last-child, .plant-card .tag-btn:last-child, .plant-card__paragraph:last-child, .series-card:last-child, .series-card__container li:last-child, .side-img-card__paragraph:last-child, .c-text-carousel__heading:last-child, .center-carousel:last-child, .center-carousel__heading:last-child, .r-img-carousel__wrap:last-child, .r-img-carousel__heading:last-child, .step-carousel__slide .border-btn:last-child, .step-carousel__paragraph:last-child, .basic-form:last-child, .basic-form__fieldset:last-child, .basic-form__radio:last-child, .basic-form__checkbox-wrap:last-child, .notify-checkbox-sublist li:last-child, .bold-title-heading:last-child, .basic-list__item:last-child, .border-bullet-list__item:last-child, .bullet-list:last-child, .bullet-list__item:last-child, .bullet-list__item.bullet-list__item--s:last-child, .i-list__item:last-child, .title-list__subitem:last-child, .xtra-list__item:last-child, .account-section__detail:last-child, .iiot-manage-section__block:last-child, .iiot-manage-section__img-heading:last-child, .iiot-manage-section__w-container:last-child, .main-section__block:last-child, .main-section__flex-block:last-child, .main-section__subheading:last-child, .main-section__heading:last-child, .main-section__note:last-child, .main-section__numlist .main-section__numlist-item:last-child, .side-section:last-child, .side-section__item:last-child, .side-section__side-block:last-child, .side-tab-section__paragraph:last-child, .text-editor img:last-child, .drag-slider__wrapper:last-child, .text-editor table:last-child,
.border-table:last-child, .text-editor table ul:not(.border-table__dash-list) li:last-child,
.border-table ul:not(.border-table__dash-list) li:last-child, .border-table__dash-list li:last-child, .border-table__id:last-child, .border-table__shipping-info:last-child, .model-table td li:last-child, .header__profile-link li:last-child, .header__search-result-list:last-child, .header-search-card:last-child, .modal__paragraph:last-child, .submenu__description:last-child, .submenu__item:last-child {
  margin-bottom: 0; }

@media (min-width: 551px) {
  .mobile-show {
    display: none !important; } }

@media (max-width: 550px) {
  .mobile-hide {
    display: none !important; } }

@media (max-width: 767px) {
  .tablet-hide {
    display: none !important; } }

@media (min-width: 768px) {
  .tablet-show {
    display: none !important; } }

@media (min-width: 1025px) {
  .desktop-show {
    display: none !important; } }

@media (max-width: 1024px) {
  .desktop-hide {
    display: none !important; } }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

.margin-auto {
  margin: auto; }

.cursor-pointer {
  cursor: pointer; }

.italic {
  font-style: italic; }

.reset-font-style {
  font-style: normal !important; }

.mt-0 {
  margin-top: 0rem !important; }

.mt-025 {
  margin-top: 0.25rem !important; }

.mt-05 {
  margin-top: 0.5rem !important; }

.mt-075 {
  margin-top: 0.75rem !important; }

.mt-1 {
  margin-top: 1rem !important; }

.mt-125 {
  margin-top: 1.25rem !important; }

.mt-15 {
  margin-top: 1.5rem !important; }

.mt-175 {
  margin-top: 1.75rem !important; }

.mt-2 {
  margin-top: 2rem !important; }

.mt-225 {
  margin-top: 2.25rem !important; }

.mt-25 {
  margin-top: 2.5rem !important; }

.mt-275 {
  margin-top: 2.75rem !important; }

.mt-3 {
  margin-top: 3rem !important; }

.mt-4 {
  margin-top: 4rem !important; }

.mb-0 {
  margin-bottom: 0rem !important; }

.mb-025 {
  margin-bottom: 0.25rem !important; }

.mb-05 {
  margin-bottom: 0.5rem !important; }

.mb-075 {
  margin-bottom: 0.75rem !important; }

.mb-1 {
  margin-bottom: 1rem !important; }

.mb-125 {
  margin-bottom: 1.25rem !important; }

.mb-15 {
  margin-bottom: 1.5rem !important; }

.mb-175 {
  margin-bottom: 1.75rem !important; }

.mb-2 {
  margin-bottom: 2rem !important; }

.mb-225 {
  margin-bottom: 2.25rem !important; }

.mb-25 {
  margin-bottom: 2.5rem !important; }

.mb-275 {
  margin-bottom: 2.75rem !important; }

.mb-3 {
  margin-bottom: 3rem !important; }

.mb-4 {
  margin-bottom: 4rem !important; }

.mr-0 {
  margin-right: 0rem !important; }

.mr-025 {
  margin-right: 0.25rem !important; }

.mr-05 {
  margin-right: 0.5rem !important; }

.mr-075 {
  margin-right: 0.75rem !important; }

.mr-1 {
  margin-right: 1rem !important; }

.mr-125 {
  margin-right: 1.25rem !important; }

.mr-15 {
  margin-right: 1.5rem !important; }

.mr-175 {
  margin-right: 1.75rem !important; }

.mr-2 {
  margin-right: 2rem !important; }

.mr-225 {
  margin-right: 2.25rem !important; }

.mr-25 {
  margin-right: 2.5rem !important; }

.mr-275 {
  margin-right: 2.75rem !important; }

.mr-3 {
  margin-right: 3rem !important; }

.mr-4 {
  margin-right: 4rem !important; }

.ml-0 {
  margin-left: 0rem !important; }

.ml-025 {
  margin-left: 0.25rem !important; }

.ml-05 {
  margin-left: 0.5rem !important; }

.ml-075 {
  margin-left: 0.75rem !important; }

.ml-1 {
  margin-left: 1rem !important; }

.ml-125 {
  margin-left: 1.25rem !important; }

.ml-15 {
  margin-left: 1.5rem !important; }

.ml-175 {
  margin-left: 1.75rem !important; }

.ml-2 {
  margin-left: 2rem !important; }

.ml-225 {
  margin-left: 2.25rem !important; }

.ml-25 {
  margin-left: 2.5rem !important; }

.ml-275 {
  margin-left: 2.75rem !important; }

.ml-3 {
  margin-left: 3rem !important; }

.ml-4 {
  margin-left: 4rem !important; }

.pt-0 {
  padding-top: 0rem !important; }

.pt-025 {
  padding-top: 0.25rem !important; }

.pt-05 {
  padding-top: 0.5rem !important; }

.pt-075 {
  padding-top: 0.75rem !important; }

.pt-1 {
  padding-top: 1rem !important; }

.pt-125 {
  padding-top: 1.25rem !important; }

.pt-15 {
  padding-top: 1.5rem !important; }

.pt-175 {
  padding-top: 1.75rem !important; }

.pt-2 {
  padding-top: 2rem !important; }

.pt-225 {
  padding-top: 2.25rem !important; }

.pt-25 {
  padding-top: 2.5rem !important; }

.pt-275 {
  padding-top: 2.75rem !important; }

.pt-3 {
  padding-top: 3rem !important; }

.pt-4 {
  padding-top: 4rem !important; }

.pb-0 {
  padding-bottom: 0rem !important; }

.pb-025 {
  padding-bottom: 0.25rem !important; }

.pb-05 {
  padding-bottom: 0.5rem !important; }

.pb-075 {
  padding-bottom: 0.75rem !important; }

.pb-1 {
  padding-bottom: 1rem !important; }

.pb-125 {
  padding-bottom: 1.25rem !important; }

.pb-15 {
  padding-bottom: 1.5rem !important; }

.pb-175 {
  padding-bottom: 1.75rem !important; }

.pb-2 {
  padding-bottom: 2rem !important; }

.pb-225 {
  padding-bottom: 2.25rem !important; }

.pb-25 {
  padding-bottom: 2.5rem !important; }

.pb-275 {
  padding-bottom: 2.75rem !important; }

.pb-3 {
  padding-bottom: 3rem !important; }

.pb-4 {
  padding-bottom: 4rem !important; }

.pr-0 {
  padding-right: 0rem !important; }

.pr-025 {
  padding-right: 0.25rem !important; }

.pr-05 {
  padding-right: 0.5rem !important; }

.pr-075 {
  padding-right: 0.75rem !important; }

.pr-1 {
  padding-right: 1rem !important; }

.pr-125 {
  padding-right: 1.25rem !important; }

.pr-15 {
  padding-right: 1.5rem !important; }

.pr-175 {
  padding-right: 1.75rem !important; }

.pr-2 {
  padding-right: 2rem !important; }

.pr-225 {
  padding-right: 2.25rem !important; }

.pr-25 {
  padding-right: 2.5rem !important; }

.pr-275 {
  padding-right: 2.75rem !important; }

.pr-3 {
  padding-right: 3rem !important; }

.pr-4 {
  padding-right: 4rem !important; }

.pl-0 {
  padding-left: 0rem !important; }

.pl-025 {
  padding-left: 0.25rem !important; }

.pl-05 {
  padding-left: 0.5rem !important; }

.pl-075 {
  padding-left: 0.75rem !important; }

.pl-1 {
  padding-left: 1rem !important; }

.pl-125 {
  padding-left: 1.25rem !important; }

.pl-15 {
  padding-left: 1.5rem !important; }

.pl-175 {
  padding-left: 1.75rem !important; }

.pl-2 {
  padding-left: 2rem !important; }

.pl-225 {
  padding-left: 2.25rem !important; }

.pl-25 {
  padding-left: 2.5rem !important; }

.pl-275 {
  padding-left: 2.75rem !important; }

.pl-3 {
  padding-left: 3rem !important; }

.pl-4 {
  padding-left: 4rem !important; }

.p-0 {
  padding: 0rem !important; }

.p-025 {
  padding: 0.25rem !important; }

.p-05 {
  padding: 0.5rem !important; }

.p-075 {
  padding: 0.75rem !important; }

.p-1 {
  padding: 1rem !important; }

.p-125 {
  padding: 1.25rem !important; }

.p-15 {
  padding: 1.5rem !important; }

.p-175 {
  padding: 1.75rem !important; }

.p-2 {
  padding: 2rem !important; }

.p-225 {
  padding: 2.25rem !important; }

.p-25 {
  padding: 2.5rem !important; }

.p-275 {
  padding: 2.75rem !important; }

.p-3 {
  padding: 3rem !important; }

.p-4 {
  padding: 4rem !important; }

.px-0 {
  padding-left: 0rem !important;
  padding-right: 0rem !important; }

.px-025 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important; }

.px-05 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important; }

.px-075 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important; }

.px-1 {
  padding-left: 1rem !important;
  padding-right: 1rem !important; }

.px-125 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important; }

.px-15 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important; }

.px-175 {
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important; }

.px-2 {
  padding-left: 2rem !important;
  padding-right: 2rem !important; }

.px-225 {
  padding-left: 2.25rem !important;
  padding-right: 2.25rem !important; }

.px-25 {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important; }

.px-275 {
  padding-left: 2.75rem !important;
  padding-right: 2.75rem !important; }

.px-3 {
  padding-left: 3rem !important;
  padding-right: 3rem !important; }

.px-4 {
  padding-left: 4rem !important;
  padding-right: 4rem !important; }

.py-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important; }

.py-025 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important; }

.py-05 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important; }

.py-075 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important; }

.py-1 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important; }

.py-125 {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important; }

.py-15 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important; }

.py-175 {
  padding-top: 1.75rem !important;
  padding-bottom: 1.75rem !important; }

.py-2 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important; }

.py-225 {
  padding-top: 2.25rem !important;
  padding-bottom: 2.25rem !important; }

.py-25 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important; }

.py-275 {
  padding-top: 2.75rem !important;
  padding-bottom: 2.75rem !important; }

.py-3 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important; }

.py-4 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important; }

.m-0 {
  margin: 0rem !important; }

.m-025 {
  margin: 0.25rem !important; }

.m-05 {
  margin: 0.5rem !important; }

.m-075 {
  margin: 0.75rem !important; }

.m-1 {
  margin: 1rem !important; }

.m-125 {
  margin: 1.25rem !important; }

.m-15 {
  margin: 1.5rem !important; }

.m-175 {
  margin: 1.75rem !important; }

.m-2 {
  margin: 2rem !important; }

.m-225 {
  margin: 2.25rem !important; }

.m-25 {
  margin: 2.5rem !important; }

.m-275 {
  margin: 2.75rem !important; }

.m-3 {
  margin: 3rem !important; }

.m-4 {
  margin: 4rem !important; }

.mx-0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important; }

.mx-025 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important; }

.mx-05 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important; }

.mx-075 {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important; }

.mx-1 {
  margin-left: 1rem !important;
  margin-right: 1rem !important; }

.mx-125 {
  margin-left: 1.25rem !important;
  margin-right: 1.25rem !important; }

.mx-15 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important; }

.mx-175 {
  margin-left: 1.75rem !important;
  margin-right: 1.75rem !important; }

.mx-2 {
  margin-left: 2rem !important;
  margin-right: 2rem !important; }

.mx-225 {
  margin-left: 2.25rem !important;
  margin-right: 2.25rem !important; }

.mx-25 {
  margin-left: 2.5rem !important;
  margin-right: 2.5rem !important; }

.mx-275 {
  margin-left: 2.75rem !important;
  margin-right: 2.75rem !important; }

.mx-3 {
  margin-left: 3rem !important;
  margin-right: 3rem !important; }

.mx-4 {
  margin-left: 4rem !important;
  margin-right: 4rem !important; }

.my-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important; }

.my-025 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important; }

.my-05 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important; }

.my-075 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important; }

.my-1 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important; }

.my-125 {
  margin-top: 1.25rem !important;
  margin-bottom: 1.25rem !important; }

.my-15 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important; }

.my-175 {
  margin-top: 1.75rem !important;
  margin-bottom: 1.75rem !important; }

.my-2 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important; }

.my-225 {
  margin-top: 2.25rem !important;
  margin-bottom: 2.25rem !important; }

.my-25 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important; }

.my-275 {
  margin-top: 2.75rem !important;
  margin-bottom: 2.75rem !important; }

.my-3 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important; }

.my-4 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important; }

.hr {
  display: block;
  padding-top: 1px; }
  .hr--light-grey {
    background-color: #E3E3E3; }

.side-border-block__list, .about-us-section ul,
.about-us-section ol, .article__main-section .module-block .module-block__content ul, .article__main-section .module-block .module-block__content ol, .text-editor ul,
.text-editor ol {
  line-height: 1.4em;
  margin-bottom: 16px; }
  .side-border-block__list li, .about-us-section ul li, .about-us-section ol li, .article__main-section .module-block .module-block__content ul li, .article__main-section .module-block .module-block__content ol li, .text-editor ul li, .text-editor ol li {
    margin-bottom: 12px; }

.module-block__title, .text-editor h1 {
  margin-bottom: 24px; }
  @media (max-width: 767px) {
    .module-block__title, .text-editor h1 {
      font-size: 1.4em; } }

.module-block__heading, .text-editor h2 {
  margin-bottom: 16px; }

.text-editor h3 {
  margin-bottom: 16px;
  font-weight: 200; }
  @media (max-width: 767px) {
    .text-editor h3 {
      margin-bottom: 16px; } }

.text-editor h4 {
  margin-bottom: 16px;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 700; }
  @media (max-width: 767px) {
    .text-editor h4 {
      margin-bottom: 16px; } }

.module-block__subheading, .text-editor h5 {
  font-weight: 700;
  line-height: 1.3rem;
  margin-bottom: 16px;
  color: #204a88; }
  @media (max-width: 767px) {
    .module-block__subheading, .text-editor h5 {
      margin-bottom: 16px; } }

.text-editor h6 {
  margin-bottom: 16px;
  color: #204a88; }
  @media (max-width: 767px) {
    .text-editor h6 {
      margin-bottom: 16px; } }

.fw-200 {
  font-weight: 200 !important; }

.fw-400 {
  font-weight: 400 !important; }

.fw-600 {
  font-weight: 600 !important; }

.fw-700 {
  font-weight: 700 !important; }

.text-lowercase {
  text-transform: lowercase !important; }

.overflow-auto {
  overflow: auto; }

.text-case-reset {
  text-transform: none !important; }

.img-fit {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; }

.link-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.text-white {
  color: #FFFFFF !important; }

.bg-white {
  background-color: #FFFFFF !important; }

.bg-green {
  background-color: #008787 !important; }

.bg-orange {
  background-color: #FF8000 !important; }

.bg-orange-light {
  background-color: #fa943e !important; }

.bg-gray-1 {
  background-color: #EAEAEA !important; }

.bg-turquoise-gradient {
  background: #17a3b1;
  background: linear-gradient(160deg, #17a3b1 40%, #3aaa70) !important; }

.text-underline {
  text-decoration: underline !important; }

.no-border {
  border: 0 !important; }

.divider {
  margin: 2rem 0;
  border-color: rgba(234, 234, 234, 0.3); }

.overflow-hidden {
  overflow: hidden !important; }

.flex-grow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.position-static {
  position: static !important; }

.opacity-show {
  opacity: 1 !important; }

.opacity-hide {
  opacity: 0 !important; }

.visibility-show {
  visibility: visible !important; }

.visibility-hidden {
  visibility: hidden !important; }

.pointer-events-none {
  pointer-events: none !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-nowrap {
  white-space: nowrap !important; }

.bg-esg-gradient {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#00798b), to(#05b5a1)) !important;
  background-image: linear-gradient(180deg, #00798b 0%, #05b5a1 100%) !important; }

.bg-esg-gradient-light {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#05b5a1), to(#00798b)) !important;
  background-image: linear-gradient(180deg, #05b5a1 0%, #00798b 100%) !important; }

.bg-esg-gradient-blue {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(15%, rgba(73, 133, 210, 0.9)), color-stop(71.33%, rgba(208, 224, 246, 0.72)), to(rgba(208, 224, 246, 0.54))) !important;
  background-image: linear-gradient(180deg, rgba(73, 133, 210, 0.9) 15%, rgba(208, 224, 246, 0.72) 71.33%, rgba(208, 224, 246, 0.54) 100%) !important; }

@supports (-moz-appearance: none) {
  .custom-scrollbar {
    scrollbar-color: #008787 transparent;
    scrollbar-width: thin; } }

.custom-scrollbar::-webkit-scrollbar {
  width: 0.25rem; }

.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #008787; }

.custom-scrollbar.scrollbar-visible {
  padding-right: 0.5rem; }

.card-hover-effect:hover {
  -webkit-transform: translateY(-2px) !important;
          transform: translateY(-2px) !important;
  -webkit-box-shadow: 0 10px 16px 0 rgba(32, 32, 32, 0.12) !important;
          box-shadow: 0 10px 16px 0 rgba(32, 32, 32, 0.12) !important; }

.c-text-carousel .c-text-carousel__btn, .inline-img-carousel .inline-img-carousel__btn, .overlap-carousel .overlap-carousel__btn {
  top: calc(50% - 24px);
  padding: 8px;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 10; }

/* ------------------------------------
 *  Width and Height
 * ------------------------------------ */
/*wrap*/
/*nav*/
/* ------------------------------------
 *  Color
 * ------------------------------------ */
/* ------------------------------------
 *  Font
 * ------------------------------------ */
/* endinject */
/* inject:scss */
.column.column--margin-btm {
  margin-bottom: 16px; }

.column__item {
  margin-top: 24px; }
  .column__item.no-margin {
    margin-top: 0; }
  .no-inner-margin .column__item {
    margin: 0; }
  .column--no-gap .column__item {
    margin-top: 0; }

.column--6 .column__item {
  width: calc(99.9% * 1/6 - (24px - 24px * 1/6)); }

.column--6 .column__item:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.column--6 .column__item:last-child {
  margin-right: 0; }

.column--6 .column__item:nth-child(6n) {
  margin-right: 0;
  float: right; }

.column--6 .column__item:nth-child(6n + 1) {
  clear: both; }
  .column--6 .column__item:nth-child(-n+6) {
    margin-top: 0; }

.column--6.column--wide .column__item {
  width: calc(99.9% * 1/6 - (48px - 48px * 1/6)); }

.column--6.column--wide .column__item:nth-child(1n) {
  float: left;
  margin-right: 48px;
  clear: none; }

.column--6.column--wide .column__item:last-child {
  margin-right: 0; }

.column--6.column--wide .column__item:nth-child(6n) {
  margin-right: 0;
  float: right; }

.column--6.column--wide .column__item:nth-child(6n + 1) {
  clear: both; }
  .column--6.column--wide .column__item:nth-child(-n+6) {
    margin-top: 0; }

.column--6.column--no-gap .column__item {
  width: calc(99.9% * 1/6); }

.column--6.column--no-gap .column__item:nth-child(1n) {
  float: left;
  margin-right: 0;
  clear: none; }

.column--6.column--no-gap .column__item:last-child {
  margin-right: 0; }

.column--6.column--no-gap .column__item:nth-child(6n) {
  margin-right: 0;
  float: right; }

.column--6.column--no-gap .column__item:nth-child(6n + 1) {
  clear: both; }

@media (min-width: 768px) {
  .column--5 .column__item {
    width: calc(99.9% * 1/5 - (24px - 24px * 1/5)); }
  .column--5 .column__item:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .column--5 .column__item:last-child {
    margin-right: 0; }
  .column--5 .column__item:nth-child(5n) {
    margin-right: 0;
    float: right; }
  .column--5 .column__item:nth-child(5n + 1) {
    clear: both; }
    .column--5 .column__item:nth-child(-n+5) {
      margin-top: 0; } }

@media (max-width: 767px) {
  .column--5 .column__item {
    width: calc(99.9% * 1/2 - (24px - 24px * 1/2)); }
  .column--5 .column__item:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .column--5 .column__item:last-child {
    margin-right: 0; }
  .column--5 .column__item:nth-child(2n) {
    margin-right: 0;
    float: right; }
  .column--5 .column__item:nth-child(2n + 1) {
    clear: both; } }

@media (min-width: 768px) {
  .column--5.column--wide .column__item {
    width: calc(99.9% * 1/5 - (48px - 48px * 1/5)); }
  .column--5.column--wide .column__item:nth-child(1n) {
    float: left;
    margin-right: 48px;
    clear: none; }
  .column--5.column--wide .column__item:last-child {
    margin-right: 0; }
  .column--5.column--wide .column__item:nth-child(5n) {
    margin-right: 0;
    float: right; }
  .column--5.column--wide .column__item:nth-child(5n + 1) {
    clear: both; }
    .column--5.column--wide .column__item:nth-child(-n+5) {
      margin-top: 0; } }

@media (max-width: 767px) {
  .column--5.column--wide .column__item {
    width: calc(99.9% * 1/2 - (48px - 48px * 1/2)); }
  .column--5.column--wide .column__item:nth-child(1n) {
    float: left;
    margin-right: 48px;
    clear: none; }
  .column--5.column--wide .column__item:last-child {
    margin-right: 0; }
  .column--5.column--wide .column__item:nth-child(2n) {
    margin-right: 0;
    float: right; }
  .column--5.column--wide .column__item:nth-child(2n + 1) {
    clear: both; } }

@media (min-width: 768px) {
  .column--5.column--no-gap .column__item {
    width: calc(99.9% * 1/5); }
  .column--5.column--no-gap .column__item:nth-child(1n) {
    float: left;
    margin-right: 0;
    clear: none; }
  .column--5.column--no-gap .column__item:last-child {
    margin-right: 0; }
  .column--5.column--no-gap .column__item:nth-child(5n) {
    margin-right: 0;
    float: right; }
  .column--5.column--no-gap .column__item:nth-child(5n + 1) {
    clear: both; }
    .column--5.column--no-gap .column__item:nth-child(-n+5) {
      margin-top: 0; } }

@media (max-width: 767px) {
  .column--5.column--no-gap .column__item {
    width: calc(99.9% * 1/2); }
  .column--5.column--no-gap .column__item:nth-child(1n) {
    float: left;
    margin-right: 0;
    clear: none; }
  .column--5.column--no-gap .column__item:last-child {
    margin-right: 0; }
  .column--5.column--no-gap .column__item:nth-child(2n) {
    margin-right: 0;
    float: right; }
  .column--5.column--no-gap .column__item:nth-child(2n + 1) {
    clear: both; } }

@media (min-width: 851px) {
  .column--4 .column__item {
    width: calc(99.9% * 1/4 - (24px - 24px * 1/4)); }
  .column--4 .column__item:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .column--4 .column__item:last-child {
    margin-right: 0; }
  .column--4 .column__item:nth-child(4n) {
    margin-right: 0;
    float: right; }
  .column--4 .column__item:nth-child(4n + 1) {
    clear: both; }
    .column--4 .column__item:nth-child(-n+4) {
      margin-top: 0; } }

@media (max-width: 850px) {
  .column--4 .column__item {
    width: calc(99.9% * 1/2 - (24px - 24px * 1/2)); }
  .column--4 .column__item:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .column--4 .column__item:last-child {
    margin-right: 0; }
  .column--4 .column__item:nth-child(2n) {
    margin-right: 0;
    float: right; }
  .column--4 .column__item:nth-child(2n + 1) {
    clear: both; } }

@media (max-width: 767px) {
  .column--4 .column__item {
    width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
  .column--4 .column__item:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .column--4 .column__item:last-child {
    margin-right: 0; }
  .column--4 .column__item:nth-child(1n) {
    margin-right: 0;
    float: right; }
  .column--4 .column__item:nth-child(1n + 1) {
    clear: both; } }

@media (min-width: 851px) {
  .column--4 .column__item.column__item--3 {
    width: calc(99.9% * 3/4 - (24px - 24px * 3/4)); }
  .column--4 .column__item.column__item--3:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .column--4 .column__item.column__item--3:last-child {
    margin-right: 0; }
  .column--4 .column__item.column__item--3:nth-child(4n) {
    margin-right: 0;
    float: right; }
  .column--4 .column__item.column__item--3:nth-child(4n + 1) {
    clear: both; } }

@media (max-width: 850px) {
  .column--4 .column__item.column__item--3 {
    width: calc(99.9% * 1/2 - (24px - 24px * 1/2)); }
  .column--4 .column__item.column__item--3:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .column--4 .column__item.column__item--3:last-child {
    margin-right: 0; }
  .column--4 .column__item.column__item--3:nth-child(2n) {
    margin-right: 0;
    float: right; }
  .column--4 .column__item.column__item--3:nth-child(2n + 1) {
    clear: both; } }

@media (max-width: 767px) {
  .column--4 .column__item.column__item--3 {
    width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
  .column--4 .column__item.column__item--3:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .column--4 .column__item.column__item--3:last-child {
    margin-right: 0; }
  .column--4 .column__item.column__item--3:nth-child(1n) {
    margin-right: 0;
    float: right; }
  .column--4 .column__item.column__item--3:nth-child(1n + 1) {
    clear: both; } }

@media (min-width: 1025px) {
  .column--4.column--wide .column__item {
    width: calc(99.9% * 1/4 - (48px - 48px * 1/4)); }
  .column--4.column--wide .column__item:nth-child(1n) {
    float: left;
    margin-right: 48px;
    clear: none; }
  .column--4.column--wide .column__item:last-child {
    margin-right: 0; }
  .column--4.column--wide .column__item:nth-child(4n) {
    margin-right: 0;
    float: right; }
  .column--4.column--wide .column__item:nth-child(4n + 1) {
    clear: both; }
    .column--4.column--wide .column__item:nth-child(-n+4) {
      margin-top: 0; } }

@media (max-width: 1024px) {
  .column--4.column--wide .column__item {
    width: calc(99.9% * 1/2 - (48px - 48px * 1/2)); }
  .column--4.column--wide .column__item:nth-child(1n) {
    float: left;
    margin-right: 48px;
    clear: none; }
  .column--4.column--wide .column__item:last-child {
    margin-right: 0; }
  .column--4.column--wide .column__item:nth-child(2n) {
    margin-right: 0;
    float: right; }
  .column--4.column--wide .column__item:nth-child(2n + 1) {
    clear: both; } }

@media (max-width: 550px) {
  .column--4.column--wide .column__item {
    width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
  .column--4.column--wide .column__item:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .column--4.column--wide .column__item:last-child {
    margin-right: 0; }
  .column--4.column--wide .column__item:nth-child(1n) {
    margin-right: 0;
    float: right; }
  .column--4.column--wide .column__item:nth-child(1n + 1) {
    clear: both; } }

.column--4.column--wide .column__item--1 {
  width: calc(99.9% * 1/4 - (48px - 48px * 1/4)); }

.column--4.column--wide .column__item--1:nth-child(1n) {
  float: left;
  margin-right: 48px;
  clear: none; }

.column--4.column--wide .column__item--1:last-child {
  margin-right: 0; }

.column--4.column--wide .column__item--1:nth-child(4n) {
  margin-right: 0;
  float: right; }

.column--4.column--wide .column__item--1:nth-child(4n + 1) {
  clear: both; }
  @media (max-width: 850px) {
    .column--4.column--wide .column__item--1 {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1));
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      padding: 0 16px;
      margin-top: 56px; }
    .column--4.column--wide .column__item--1:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .column--4.column--wide .column__item--1:last-child {
      margin-right: 0; }
    .column--4.column--wide .column__item--1:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .column--4.column--wide .column__item--1:nth-child(1n + 1) {
      clear: both; } }

.column--4.column--wide .column__item--3 {
  width: calc(99.9% * 3/4 - (48px - 48px * 3/4)); }

.column--4.column--wide .column__item--3:nth-child(1n) {
  float: left;
  margin-right: 48px;
  clear: none; }

.column--4.column--wide .column__item--3:last-child {
  margin-right: 0; }

.column--4.column--wide .column__item--3:nth-child(4n) {
  margin-right: 0;
  float: right; }

.column--4.column--wide .column__item--3:nth-child(4n + 1) {
  clear: both; }
  @media (max-width: 850px) {
    .column--4.column--wide .column__item--3 {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
    .column--4.column--wide .column__item--3:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .column--4.column--wide .column__item--3:last-child {
      margin-right: 0; }
    .column--4.column--wide .column__item--3:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .column--4.column--wide .column__item--3:nth-child(1n + 1) {
      clear: both; } }

@media (min-width: 1025px) {
  .column--4.column--no-gap .column__item {
    width: calc(99.9% * 1/4); }
  .column--4.column--no-gap .column__item:nth-child(1n) {
    float: left;
    margin-right: 0;
    clear: none; }
  .column--4.column--no-gap .column__item:last-child {
    margin-right: 0; }
  .column--4.column--no-gap .column__item:nth-child(4n) {
    margin-right: 0;
    float: right; }
  .column--4.column--no-gap .column__item:nth-child(4n + 1) {
    clear: both; }
    .column--4.column--no-gap .column__item:nth-child(-n+4) {
      margin-top: 0; } }

@media (max-width: 1024px) {
  .column--4.column--no-gap .column__item {
    width: calc(99.9% * 1/2); }
  .column--4.column--no-gap .column__item:nth-child(1n) {
    float: left;
    margin-right: 0;
    clear: none; }
  .column--4.column--no-gap .column__item:last-child {
    margin-right: 0; }
  .column--4.column--no-gap .column__item:nth-child(2n) {
    margin-right: 0;
    float: right; }
  .column--4.column--no-gap .column__item:nth-child(2n + 1) {
    clear: both; } }

@media (max-width: 550px) {
  .column--4.column--no-gap .column__item {
    width: calc(99.9% * 1/1); }
  .column--4.column--no-gap .column__item:nth-child(1n) {
    float: left;
    margin-right: 0;
    clear: none; }
  .column--4.column--no-gap .column__item:last-child {
    margin-right: 0; }
  .column--4.column--no-gap .column__item:nth-child(1n) {
    margin-right: 0;
    float: right; }
  .column--4.column--no-gap .column__item:nth-child(1n + 1) {
    clear: both; } }

@media (min-width: 768px) {
  .column--3 .column__item {
    width: calc(99.9% * 1/3 - (24px - 24px * 1/3)); }
  .column--3 .column__item:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .column--3 .column__item:last-child {
    margin-right: 0; }
  .column--3 .column__item:nth-child(3n) {
    margin-right: 0;
    float: right; }
  .column--3 .column__item:nth-child(3n + 1) {
    clear: both; }
    .column--3 .column__item:nth-child(-n+3) {
      margin-top: 0; } }

@media (max-width: 767px) {
  .column--3 .column__item {
    width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
  .column--3 .column__item:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .column--3 .column__item:last-child {
    margin-right: 0; }
  .column--3 .column__item:nth-child(1n) {
    margin-right: 0;
    float: right; }
  .column--3 .column__item:nth-child(1n + 1) {
    clear: both; }
    .column--3 .column__item:first-child {
      margin-top: 0; } }

.column--3 .column__item--2 {
  width: calc(99.9% * 2/3 - (24px - 24px * 2/3)); }

.column--3 .column__item--2:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.column--3 .column__item--2:last-child {
  margin-right: 0; }

.column--3 .column__item--2:nth-child(3n) {
  margin-right: 0;
  float: right; }

.column--3 .column__item--2:nth-child(3n + 1) {
  clear: both; }
  @media (max-width: 767px) {
    .column--3 .column__item--2 {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
    .column--3 .column__item--2:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .column--3 .column__item--2:last-child {
      margin-right: 0; }
    .column--3 .column__item--2:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .column--3 .column__item--2:nth-child(1n + 1) {
      clear: both; }
      .column--3 .column__item--2:first-child {
        margin-top: 0; } }

@media (min-width: 851px) {
  .column--3.column--wide .column__item {
    width: calc(99.9% * 1/3 - (48px - 48px * 1/3)); }
  .column--3.column--wide .column__item:nth-child(1n) {
    float: left;
    margin-right: 48px;
    clear: none; }
  .column--3.column--wide .column__item:last-child {
    margin-right: 0; }
  .column--3.column--wide .column__item:nth-child(3n) {
    margin-right: 0;
    float: right; }
  .column--3.column--wide .column__item:nth-child(3n + 1) {
    clear: both; }
    .column--3.column--wide .column__item:nth-child(-n+3) {
      margin-top: 0; } }

@media (max-width: 850px) {
  .column--3.column--wide .column__item {
    width: calc(99.9% * 1/3 - (24px - 24px * 1/3)); }
  .column--3.column--wide .column__item:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .column--3.column--wide .column__item:last-child {
    margin-right: 0; }
  .column--3.column--wide .column__item:nth-child(3n) {
    margin-right: 0;
    float: right; }
  .column--3.column--wide .column__item:nth-child(3n + 1) {
    clear: both; } }

@media (max-width: 767px) {
  .column--3.column--wide .column__item {
    width: calc(99.9% * 1/1 - (24px - 24px * 1/1));
    margin-top: 24px; }
  .column--3.column--wide .column__item:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .column--3.column--wide .column__item:last-child {
    margin-right: 0; }
  .column--3.column--wide .column__item:nth-child(1n) {
    margin-right: 0;
    float: right; }
  .column--3.column--wide .column__item:nth-child(1n + 1) {
    clear: both; } }

@media (min-width: 768px) {
  .column--3.column--no-gap .column__item {
    width: calc(99.9% * 1/3); }
  .column--3.column--no-gap .column__item:nth-child(1n) {
    float: left;
    margin-right: 0;
    clear: none; }
  .column--3.column--no-gap .column__item:last-child {
    margin-right: 0; }
  .column--3.column--no-gap .column__item:nth-child(3n) {
    margin-right: 0;
    float: right; }
  .column--3.column--no-gap .column__item:nth-child(3n + 1) {
    clear: both; }
    .column--3.column--no-gap .column__item:nth-child(-n+3) {
      margin-top: 0; } }

.column--3.column--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .column--3.column--flex::before, .column--3.column--flex::after {
    content: none; }
  .column--3.column--flex.column--3-centered {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .column--3.column--flex .column_item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    width: auto; }
    @media (min-width: 768px) {
      .column--3.column--flex .column_item {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 33.33%;
                flex: 0 0 33.33%;
        max-width: 33.33%; }
  .column--2 .column__item {
    width: calc(99.9% * 1/2 - (24px - 24px * 1/2)); }
  .column--2 .column__item:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .column--2 .column__item:last-child {
    margin-right: 0; }
  .column--2 .column__item:nth-child(2n) {
    margin-right: 0;
    float: right; }
  .column--2 .column__item:nth-child(2n + 1) {
    clear: both; }
    .column--2 .column__item:nth-child(-n+2) {
      margin-top: 0; } }

@media (max-width: 767px) {
  .column--2 .column__item {
    width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
  .column--2 .column__item:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .column--2 .column__item:last-child {
    margin-right: 0; }
  .column--2 .column__item:nth-child(1n) {
    margin-right: 0;
    float: right; }
  .column--2 .column__item:nth-child(1n + 1) {
    clear: both; }
    .column--2 .column__item:first-child {
      margin-top: 0; } }

@media (min-width: 768px) {
  .column--2.column--wide .column__item {
    width: calc(99.9% * 1/2 - (48px - 48px * 1/2)); }
  .column--2.column--wide .column__item:nth-child(1n) {
    float: left;
    margin-right: 48px;
    clear: none; }
  .column--2.column--wide .column__item:last-child {
    margin-right: 0; }
  .column--2.column--wide .column__item:nth-child(2n) {
    margin-right: 0;
    float: right; }
  .column--2.column--wide .column__item:nth-child(2n + 1) {
    clear: both; }
    .column--2.column--wide .column__item:nth-child(-n+2) {
      margin-top: 0; }
  .column--2.column--no-gap .column__item {
    width: calc(99.9% * 1/2); }
  .column--2.column--no-gap .column__item:nth-child(1n) {
    float: left;
    margin-right: 0;
    clear: none; }
  .column--2.column--no-gap .column__item:last-child {
    margin-right: 0; }
  .column--2.column--no-gap .column__item:nth-child(2n) {
    margin-right: 0;
    float: right; }
  .column--2.column--no-gap .column__item:nth-child(2n + 1) {
    clear: both; }
    .column--2.column--no-gap .column__item:nth-child(-n+2) {
      margin-top: 0; } }

.column--2.column--2-single .column__item {
  float: none;
  margin-left: auto;
  margin-right: auto; }

.column--8-4 .column__item {
  margin-top: 0; }
  .column--8-4 .column__item:nth-child(1) {
    width: calc(99.9% * 2/3 - (24px - 24px * 2/3)); }
  .column--8-4 .column__item:nth-child(1):nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .column--8-4 .column__item:nth-child(1):last-child {
    margin-right: 0; }
  .column--8-4 .column__item:nth-child(1):nth-child(3n) {
    margin-right: 0;
    float: right; }
  .column--8-4 .column__item:nth-child(1):nth-child(3n + 1) {
    clear: both; }
    @media (max-width: 850px) {
      .column--8-4 .column__item:nth-child(1) {
        width: calc(99.9% * 4/7 - (24px - 24px * 4/7)); }
      .column--8-4 .column__item:nth-child(1):nth-child(1n) {
        float: left;
        margin-right: 24px;
        clear: none; }
      .column--8-4 .column__item:nth-child(1):last-child {
        margin-right: 0; }
      .column--8-4 .column__item:nth-child(1):nth-child(7n) {
        margin-right: 0;
        float: right; }
      .column--8-4 .column__item:nth-child(1):nth-child(7n + 1) {
        clear: both; } }
  .column--8-4 .column__item:nth-child(2) {
    width: calc(99.9% * 1/3 - (24px - 24px * 1/3)); }
  .column--8-4 .column__item:nth-child(2):nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .column--8-4 .column__item:nth-child(2):last-child {
    margin-right: 0; }
  .column--8-4 .column__item:nth-child(2):nth-child(3n) {
    margin-right: 0;
    float: right; }
  .column--8-4 .column__item:nth-child(2):nth-child(3n + 1) {
    clear: both; }
    @media (max-width: 850px) {
      .column--8-4 .column__item:nth-child(2) {
        width: calc(99.9% * 3/7 - (24px - 24px * 3/7)); }
      .column--8-4 .column__item:nth-child(2):nth-child(1n) {
        float: left;
        margin-right: 24px;
        clear: none; }
      .column--8-4 .column__item:nth-child(2):last-child {
        margin-right: 0; }
      .column--8-4 .column__item:nth-child(2):nth-child(7n) {
        margin-right: 0;
        float: right; }
      .column--8-4 .column__item:nth-child(2):nth-child(7n + 1) {
        clear: both; } }
  @media (min-width: 768px) {
    .column--8-4 .column__item:nth-child(-n+2) {
      margin-top: 0; } }
  @media (max-width: 767px) {
    .column--8-4 .column__item:first-child {
      margin-top: 0; }
    .column--8-4 .column__item:nth-child(1), .column--8-4 .column__item:nth-child(2) {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
    .column--8-4 .column__item:nth-child(1):nth-child(1n), .column--8-4 .column__item:nth-child(2):nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .column--8-4 .column__item:nth-child(1):last-child, .column--8-4 .column__item:nth-child(2):last-child {
      margin-right: 0; }
    .column--8-4 .column__item:nth-child(1):nth-child(1n), .column--8-4 .column__item:nth-child(2):nth-child(1n) {
      margin-right: 0;
      float: right; }
    .column--8-4 .column__item:nth-child(1):nth-child(1n + 1), .column--8-4 .column__item:nth-child(2):nth-child(1n + 1) {
      clear: both; }
    .column--8-4 .column__item:nth-child(2) {
      margin-top: 16px; } }

.column--8-4.column--reverse .column__item:nth-child(1) {
  width: calc(99.9% * 1/3 - (24px - 24px * 1/3)); }

.column--8-4.column--reverse .column__item:nth-child(1):nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.column--8-4.column--reverse .column__item:nth-child(1):last-child {
  margin-right: 0; }

.column--8-4.column--reverse .column__item:nth-child(1):nth-child(3n) {
  margin-right: 0;
  float: right; }

.column--8-4.column--reverse .column__item:nth-child(1):nth-child(3n + 1) {
  clear: both; }
  @media (max-width: 850px) {
    .column--8-4.column--reverse .column__item:nth-child(1) {
      width: calc(99.9% * 3/7 - (24px - 24px * 3/7)); }
    .column--8-4.column--reverse .column__item:nth-child(1):nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .column--8-4.column--reverse .column__item:nth-child(1):last-child {
      margin-right: 0; }
    .column--8-4.column--reverse .column__item:nth-child(1):nth-child(7n) {
      margin-right: 0;
      float: right; }
    .column--8-4.column--reverse .column__item:nth-child(1):nth-child(7n + 1) {
      clear: both; } }
  @media (max-width: 767px) {
    .column--8-4.column--reverse .column__item:nth-child(1) {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
    .column--8-4.column--reverse .column__item:nth-child(1):nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .column--8-4.column--reverse .column__item:nth-child(1):last-child {
      margin-right: 0; }
    .column--8-4.column--reverse .column__item:nth-child(1):nth-child(1n) {
      margin-right: 0;
      float: right; }
    .column--8-4.column--reverse .column__item:nth-child(1):nth-child(1n + 1) {
      clear: both; } }

.column--8-4.column--reverse .column__item:nth-child(2) {
  width: calc(99.9% * 2/3 - (24px - 24px * 2/3)); }

.column--8-4.column--reverse .column__item:nth-child(2):nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.column--8-4.column--reverse .column__item:nth-child(2):last-child {
  margin-right: 0; }

.column--8-4.column--reverse .column__item:nth-child(2):nth-child(3n) {
  margin-right: 0;
  float: right; }

.column--8-4.column--reverse .column__item:nth-child(2):nth-child(3n + 1) {
  clear: both; }
  @media (max-width: 850px) {
    .column--8-4.column--reverse .column__item:nth-child(2) {
      width: calc(99.9% * 4/7 - (24px - 24px * 4/7)); }
    .column--8-4.column--reverse .column__item:nth-child(2):nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .column--8-4.column--reverse .column__item:nth-child(2):last-child {
      margin-right: 0; }
    .column--8-4.column--reverse .column__item:nth-child(2):nth-child(7n) {
      margin-right: 0;
      float: right; }
    .column--8-4.column--reverse .column__item:nth-child(2):nth-child(7n + 1) {
      clear: both; } }
  @media (max-width: 767px) {
    .column--8-4.column--reverse .column__item:nth-child(2) {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
    .column--8-4.column--reverse .column__item:nth-child(2):nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .column--8-4.column--reverse .column__item:nth-child(2):last-child {
      margin-right: 0; }
    .column--8-4.column--reverse .column__item:nth-child(2):nth-child(1n) {
      margin-right: 0;
      float: right; }
    .column--8-4.column--reverse .column__item:nth-child(2):nth-child(1n + 1) {
      clear: both; } }

@media (min-width: 851px) {
  .column--8-4.column--reverse .column__item.column__item--offset {
    width: calc(99.9% * 7/12 - (24px - 24px * 7/12));
    margin-left: calc(99.9% * (-1/12 * -1) - (24px - 24px * (-1/12 * -1)) + 24px) !important; }
  .column--8-4.column--reverse .column__item.column__item--offset:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .column--8-4.column--reverse .column__item.column__item--offset:last-child {
    margin-right: 0; }
  .column--8-4.column--reverse .column__item.column__item--offset:nth-child(12n) {
    margin-right: 0;
    float: right; }
  .column--8-4.column--reverse .column__item.column__item--offset:nth-child(12n + 1) {
    clear: both; } }

.column--9-3 > .column__item {
  margin-top: 0; }
  @media (min-width: 851px) {
    .column--9-3 > .column__item:first-child {
      width: calc(99.9% * 3/4 - (24px - 24px * 3/4)); }
    .column--9-3 > .column__item:first-child:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .column--9-3 > .column__item:first-child:last-child {
      margin-right: 0; }
    .column--9-3 > .column__item:first-child:nth-child(4n) {
      margin-right: 0;
      float: right; }
    .column--9-3 > .column__item:first-child:nth-child(4n + 1) {
      clear: both; }
    .column--9-3 > .column__item:last-child {
      width: calc(99.9% * 1/4 - (24px - 24px * 1/4)); }
    .column--9-3 > .column__item:last-child:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .column--9-3 > .column__item:last-child:last-child {
      margin-right: 0; }
    .column--9-3 > .column__item:last-child:nth-child(4n) {
      margin-right: 0;
      float: right; }
    .column--9-3 > .column__item:last-child:nth-child(4n + 1) {
      clear: both; }
    .column--9-3 > .column__item:nth-child(-n+2) {
      margin-top: 0; } }
  @media (max-width: 850px) {
    .column--9-3 > .column__item {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
    .column--9-3 > .column__item:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .column--9-3 > .column__item:last-child {
      margin-right: 0; }
    .column--9-3 > .column__item:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .column--9-3 > .column__item:nth-child(1n + 1) {
      clear: both; }
      .column--9-3 > .column__item:first-child {
        margin-top: 0;
        margin-bottom: 24px; } }

@media (min-width: 851px) {
  .column--9-3.column--reverse > .column__item:first-child {
    width: calc(99.9% * 1/4 - (24px - 24px * 1/4)); }
  .column--9-3.column--reverse > .column__item:first-child:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .column--9-3.column--reverse > .column__item:first-child:last-child {
    margin-right: 0; }
  .column--9-3.column--reverse > .column__item:first-child:nth-child(4n) {
    margin-right: 0;
    float: right; }
  .column--9-3.column--reverse > .column__item:first-child:nth-child(4n + 1) {
    clear: both; }
  .column--9-3.column--reverse > .column__item:last-child {
    width: calc(99.9% * 3/4 - (24px - 24px * 3/4)); }
  .column--9-3.column--reverse > .column__item:last-child:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .column--9-3.column--reverse > .column__item:last-child:last-child {
    margin-right: 0; }
  .column--9-3.column--reverse > .column__item:last-child:nth-child(4n) {
    margin-right: 0;
    float: right; }
  .column--9-3.column--reverse > .column__item:last-child:nth-child(4n + 1) {
    clear: both; } }

@media (max-width: 850px) and (min-width: 768px) {
  .column--9-3.column--reverse > .column__item:first-child {
    width: calc(99.9% * 1/3 - (24px - 24px * 1/3)); }
  .column--9-3.column--reverse > .column__item:first-child:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .column--9-3.column--reverse > .column__item:first-child:last-child {
    margin-right: 0; }
  .column--9-3.column--reverse > .column__item:first-child:nth-child(3n) {
    margin-right: 0;
    float: right; }
  .column--9-3.column--reverse > .column__item:first-child:nth-child(3n + 1) {
    clear: both; }
  .column--9-3.column--reverse > .column__item:last-child {
    width: calc(99.9% * 2/3 - (24px - 24px * 2/3)); }
  .column--9-3.column--reverse > .column__item:last-child:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .column--9-3.column--reverse > .column__item:last-child:last-child {
    margin-right: 0; }
  .column--9-3.column--reverse > .column__item:last-child:nth-child(3n) {
    margin-right: 0;
    float: right; }
  .column--9-3.column--reverse > .column__item:last-child:nth-child(3n + 1) {
    clear: both; } }

@media (min-width: 851px) {
  .column--9-3.column--no-gap > .column__item:first-child {
    width: calc(99.9% * 3/4); }
  .column--9-3.column--no-gap > .column__item:first-child:nth-child(1n) {
    float: left;
    margin-right: 0;
    clear: none; }
  .column--9-3.column--no-gap > .column__item:first-child:last-child {
    margin-right: 0; }
  .column--9-3.column--no-gap > .column__item:first-child:nth-child(2n) {
    margin-right: 0;
    float: right; }
  .column--9-3.column--no-gap > .column__item:first-child:nth-child(2n + 1) {
    clear: both; }
  .column--9-3.column--no-gap > .column__item:last-child {
    width: calc(99.9% * 1/4); }
  .column--9-3.column--no-gap > .column__item:last-child:nth-child(1n) {
    float: left;
    margin-right: 0;
    clear: none; }
  .column--9-3.column--no-gap > .column__item:last-child:last-child {
    margin-right: 0; }
  .column--9-3.column--no-gap > .column__item:last-child:nth-child(2n) {
    margin-right: 0;
    float: right; }
  .column--9-3.column--no-gap > .column__item:last-child:nth-child(2n + 1) {
    clear: both; } }

.column--5-7 > .column__item {
  margin-top: 0; }
  .column--5-7 > .column__item:first-child {
    width: calc(99.9% * 5/12 - (24px - 24px * 5/12)); }
  .column--5-7 > .column__item:first-child:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .column--5-7 > .column__item:first-child:last-child {
    margin-right: 0; }
  .column--5-7 > .column__item:first-child:nth-child(12n) {
    margin-right: 0;
    float: right; }
  .column--5-7 > .column__item:first-child:nth-child(12n + 1) {
    clear: both; }
    @media (min-width: 851px) {
      .column--5-7 > .column__item:first-child {
        width: calc(99.9% * 5/12 - (24px - 24px * 5/12)); }
      .column--5-7 > .column__item:first-child:nth-child(1n) {
        float: left;
        margin-right: 24px;
        clear: none; }
      .column--5-7 > .column__item:first-child:last-child {
        margin-right: 0; }
      .column--5-7 > .column__item:first-child:nth-child(12n) {
        margin-right: 0;
        float: right; }
      .column--5-7 > .column__item:first-child:nth-child(12n + 1) {
        clear: both; } }
    @media (max-width: 850px) {
      .column--5-7 > .column__item:first-child {
        width: calc(99.9% * 6/13 - (24px - 24px * 6/13)); }
      .column--5-7 > .column__item:first-child:nth-child(1n) {
        float: left;
        margin-right: 24px;
        clear: none; }
      .column--5-7 > .column__item:first-child:last-child {
        margin-right: 0; }
      .column--5-7 > .column__item:first-child:nth-child(13n) {
        margin-right: 0;
        float: right; }
      .column--5-7 > .column__item:first-child:nth-child(13n + 1) {
        clear: both; } }
    @media (max-width: 767px) {
      .column--5-7 > .column__item:first-child {
        width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
      .column--5-7 > .column__item:first-child:nth-child(1n) {
        float: left;
        margin-right: 24px;
        clear: none; }
      .column--5-7 > .column__item:first-child:last-child {
        margin-right: 0; }
      .column--5-7 > .column__item:first-child:nth-child(1n) {
        margin-right: 0;
        float: right; }
      .column--5-7 > .column__item:first-child:nth-child(1n + 1) {
        clear: both; } }
  @media (min-width: 851px) {
    .column--5-7 > .column__item:last-child {
      width: calc(99.9% * 7/12 - (24px - 24px * 7/12)); }
    .column--5-7 > .column__item:last-child:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .column--5-7 > .column__item:last-child:last-child {
      margin-right: 0; }
    .column--5-7 > .column__item:last-child:nth-child(12n) {
      margin-right: 0;
      float: right; }
    .column--5-7 > .column__item:last-child:nth-child(12n + 1) {
      clear: both; } }
  @media (max-width: 850px) {
    .column--5-7 > .column__item:last-child {
      width: calc(99.9% * 7/13 - (24px - 24px * 7/13)); }
    .column--5-7 > .column__item:last-child:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .column--5-7 > .column__item:last-child:last-child {
      margin-right: 0; }
    .column--5-7 > .column__item:last-child:nth-child(13n) {
      margin-right: 0;
      float: right; }
    .column--5-7 > .column__item:last-child:nth-child(13n + 1) {
      clear: both; } }
  @media (max-width: 767px) {
    .column--5-7 > .column__item:last-child {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1));
      margin-top: 24px; }
    .column--5-7 > .column__item:last-child:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .column--5-7 > .column__item:last-child:last-child {
      margin-right: 0; }
    .column--5-7 > .column__item:last-child:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .column--5-7 > .column__item:last-child:nth-child(1n + 1) {
      clear: both; } }
  @media (min-width: 768px) {
    .column--5-7 > .column__item:nth-child(-n+2) {
      margin-top: 0; } }

@media (min-width: 851px) {
  .column--5-7.column--reverse > .column__item:first-child {
    width: calc(99.9% * 7/12 - (24px - 24px * 7/12)); }
  .column--5-7.column--reverse > .column__item:first-child:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .column--5-7.column--reverse > .column__item:first-child:last-child {
    margin-right: 0; }
  .column--5-7.column--reverse > .column__item:first-child:nth-child(12n) {
    margin-right: 0;
    float: right; }
  .column--5-7.column--reverse > .column__item:first-child:nth-child(12n + 1) {
    clear: both; } }

@media (max-width: 850px) {
  .column--5-7.column--reverse > .column__item:first-child {
    width: calc(99.9% * 7/13 - (24px - 24px * 7/13)); }
  .column--5-7.column--reverse > .column__item:first-child:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .column--5-7.column--reverse > .column__item:first-child:last-child {
    margin-right: 0; }
  .column--5-7.column--reverse > .column__item:first-child:nth-child(13n) {
    margin-right: 0;
    float: right; }
  .column--5-7.column--reverse > .column__item:first-child:nth-child(13n + 1) {
    clear: both; } }

@media (max-width: 767px) {
  .column--5-7.column--reverse > .column__item:first-child {
    width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
  .column--5-7.column--reverse > .column__item:first-child:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .column--5-7.column--reverse > .column__item:first-child:last-child {
    margin-right: 0; }
  .column--5-7.column--reverse > .column__item:first-child:nth-child(1n) {
    margin-right: 0;
    float: right; }
  .column--5-7.column--reverse > .column__item:first-child:nth-child(1n + 1) {
    clear: both; } }

@media (min-width: 851px) {
  .column--5-7.column--reverse > .column__item:last-child {
    width: calc(99.9% * 5/12 - (24px - 24px * 5/12)); }
  .column--5-7.column--reverse > .column__item:last-child:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .column--5-7.column--reverse > .column__item:last-child:last-child {
    margin-right: 0; }
  .column--5-7.column--reverse > .column__item:last-child:nth-child(12n) {
    margin-right: 0;
    float: right; }
  .column--5-7.column--reverse > .column__item:last-child:nth-child(12n + 1) {
    clear: both; } }

@media (max-width: 850px) {
  .column--5-7.column--reverse > .column__item:last-child {
    width: calc(99.9% * 6/13 - (24px - 24px * 6/13)); }
  .column--5-7.column--reverse > .column__item:last-child:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .column--5-7.column--reverse > .column__item:last-child:last-child {
    margin-right: 0; }
  .column--5-7.column--reverse > .column__item:last-child:nth-child(13n) {
    margin-right: 0;
    float: right; }
  .column--5-7.column--reverse > .column__item:last-child:nth-child(13n + 1) {
    clear: both; } }

@media (max-width: 767px) {
  .column--5-7.column--reverse > .column__item:last-child {
    width: calc(99.9% * 1/1 - (24px - 24px * 1/1));
    margin-top: 24px; }
  .column--5-7.column--reverse > .column__item:last-child:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .column--5-7.column--reverse > .column__item:last-child:last-child {
    margin-right: 0; }
  .column--5-7.column--reverse > .column__item:last-child:nth-child(1n) {
    margin-right: 0;
    float: right; }
  .column--5-7.column--reverse > .column__item:last-child:nth-child(1n + 1) {
    clear: both; } }

@media (min-width: 768px) {
  body.JAJP .jp-column--1-1 .column__item {
    width: calc(99.9% * 1/2 - (24px - 24px * 1/2)); }
  body.JAJP .jp-column--1-1 .column__item:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  body.JAJP .jp-column--1-1 .column__item:last-child {
    margin-right: 0; }
  body.JAJP .jp-column--1-1 .column__item:nth-child(2n) {
    margin-right: 0;
    float: right; }
  body.JAJP .jp-column--1-1 .column__item:nth-child(2n + 1) {
    clear: both; }
    body.JAJP .jp-column--1-1 .column__item:nth-child(-n+2) {
      margin-top: 0; } }

@media (max-width: 767px) {
  body.JAJP .jp-column--1-1 .column__item {
    width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
  body.JAJP .jp-column--1-1 .column__item:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  body.JAJP .jp-column--1-1 .column__item:last-child {
    margin-right: 0; }
  body.JAJP .jp-column--1-1 .column__item:nth-child(1n) {
    margin-right: 0;
    float: right; }
  body.JAJP .jp-column--1-1 .column__item:nth-child(1n + 1) {
    clear: both; }
    body.JAJP .jp-column--1-1 .column__item:first-child {
      margin-top: 0; } }

@media (min-width: 768px) {
  body.JAJP .jp-column--1-1.column--wide .column__item {
    width: calc(99.9% * 1/2 - (48px - 48px * 1/2)); }
  body.JAJP .jp-column--1-1.column--wide .column__item:nth-child(1n) {
    float: left;
    margin-right: 48px;
    clear: none; }
  body.JAJP .jp-column--1-1.column--wide .column__item:last-child {
    margin-right: 0; }
  body.JAJP .jp-column--1-1.column--wide .column__item:nth-child(2n) {
    margin-right: 0;
    float: right; }
  body.JAJP .jp-column--1-1.column--wide .column__item:nth-child(2n + 1) {
    clear: both; }
    body.JAJP .jp-column--1-1.column--wide .column__item:nth-child(-n+2) {
      margin-top: 0; }
  body.JAJP .jp-column--1-1.column--no-gap .column__item {
    width: calc(99.9% * 1/2); }
  body.JAJP .jp-column--1-1.column--no-gap .column__item:nth-child(1n) {
    float: left;
    margin-right: 0;
    clear: none; }
  body.JAJP .jp-column--1-1.column--no-gap .column__item:last-child {
    margin-right: 0; }
  body.JAJP .jp-column--1-1.column--no-gap .column__item:nth-child(2n) {
    margin-right: 0;
    float: right; }
  body.JAJP .jp-column--1-1.column--no-gap .column__item:nth-child(2n + 1) {
    clear: both; }
    body.JAJP .jp-column--1-1.column--no-gap .column__item:nth-child(-n+2) {
      margin-top: 0; } }

body.JAJP .jp-column--1-1.column--2-single .column__item {
  float: none;
  margin-left: auto;
  margin-right: auto; }

.container {
  max-width: 1160px;
  padding: 0 16px;
  margin: 0 auto; }
  .container.-l {
    max-width: 2000px; }
  .container--fluid {
    max-width: none; }
  .container--s {
    max-width: 960px; }
  .container--xs {
    max-width: 787px; }

@media (min-width: 768px) {
  .wrapper-s,
  .basic-block__container {
    width: calc(99.9% * 5/6 - (24px - 24px * 5/6));
    margin-left: calc(99.9% * (-1/12 * -1) - (24px - 24px * (-1/12 * -1)) + 24px) !important;
    float: none !important; }
  .wrapper-s:nth-child(1n),
  .basic-block__container:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .wrapper-s:last-child,
  .basic-block__container:last-child {
    margin-right: 0; }
  .wrapper-s:nth-child(6n),
  .basic-block__container:nth-child(6n) {
    margin-right: 0;
    float: right; }
  .wrapper-s:nth-child(6n + 1),
  .basic-block__container:nth-child(6n + 1) {
    clear: both; } }

@media (max-width: 767px) {
  .wrapper-s,
  .basic-block__container {
    width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
  .wrapper-s:nth-child(1n),
  .basic-block__container:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .wrapper-s:last-child,
  .basic-block__container:last-child {
    margin-right: 0; }
  .wrapper-s:nth-child(1n),
  .basic-block__container:nth-child(1n) {
    margin-right: 0;
    float: right; }
  .wrapper-s:nth-child(1n + 1),
  .basic-block__container:nth-child(1n + 1) {
    clear: both; } }

.wrapper-ss {
  width: calc(99.9% * 2/3 - (24px - 24px * 2/3));
  margin-left: calc(99.9% * (-1/6 * -1) - (24px - 24px * (-1/6 * -1)) + 24px) !important;
  float: none !important; }

.wrapper-ss:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.wrapper-ss:last-child {
  margin-right: 0; }

.wrapper-ss:nth-child(3n) {
  margin-right: 0;
  float: right; }

.wrapper-ss:nth-child(3n + 1) {
  clear: both; }
  @media (max-width: 850px) {
    .wrapper-ss {
      width: calc(99.9% * 5/6 - (24px - 24px * 5/6));
      margin-left: calc(99.9% * (-1/12 * -1) - (24px - 24px * (-1/12 * -1)) + 24px) !important; }
    .wrapper-ss:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .wrapper-ss:last-child {
      margin-right: 0; }
    .wrapper-ss:nth-child(6n) {
      margin-right: 0;
      float: right; }
    .wrapper-ss:nth-child(6n + 1) {
      clear: both; } }
  @media (max-width: 767px) {
    .wrapper-ss {
      width: 100%;
      margin: 0 !important; } }

.wrapper-xs {
  width: calc(99.9% * 1/2 - (24px - 24px * 1/2));
  margin-left: calc(99.9% * (-1/4 * -1) - (24px - 24px * (-1/4 * -1)) + 24px) !important;
  float: none !important; }

.wrapper-xs:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.wrapper-xs:last-child {
  margin-right: 0; }

.wrapper-xs:nth-child(2n) {
  margin-right: 0;
  float: right; }

.wrapper-xs:nth-child(2n + 1) {
  clear: both; }
  @media (max-width: 850px) {
    .wrapper-xs {
      width: calc(99.9% * 5/6 - (24px - 24px * 5/6));
      margin-left: calc(99.9% * (-1/12 * -1) - (24px - 24px * (-1/12 * -1)) + 24px) !important; }
    .wrapper-xs:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .wrapper-xs:last-child {
      margin-right: 0; }
    .wrapper-xs:nth-child(6n) {
      margin-right: 0;
      float: right; }
    .wrapper-xs:nth-child(6n + 1) {
      clear: both; } }
  @media (max-width: 767px) {
    .wrapper-xs {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1));
      margin-left: 0 !important;
      margin-right: 24px !important; }
    .wrapper-xs:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .wrapper-xs:last-child {
      margin-right: 0; }
    .wrapper-xs:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .wrapper-xs:nth-child(1n + 1) {
      clear: both; } }

body.ZHCN .cn-letter-spacing-0 {
  letter-spacing: 0; }

@font-face {
  font-family: "icon";
  src: url("/css/Moxa/fonts/icon.1775705011950.eot");
  src: url("/css/Moxa/fonts/icon.1775705011950.eot?#iefix") format("eot"), url("/css/Moxa/fonts/icon.1775705011950.ttf") format("truetype"), url("/css/Moxa/fonts/icon.1775705011950.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

.icon-base,
[class^="icon-"], [class*=" icon-"] {
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-arrow-down:before {
  content: "\EA01"; }

.icon-arrow-left:before {
  content: "\EA02"; }

.icon-arrow-right:before {
  content: "\EA03"; }

.icon-arrow-up:before {
  content: "\EA04"; }

.icon-bag:before {
  content: "\EA05"; }

.icon-blog:before {
  content: "\EA06"; }

.icon-caret-down:before {
  content: "\EA07"; }

.icon-chat:before {
  content: "\EA08"; }

.icon-check-2:before {
  content: "\EA09"; }

.icon-check-3:before {
  content: "\EA0A"; }

.icon-check:before {
  content: "\EA0B"; }

.icon-circle-close:before {
  content: "\EA0C"; }

.icon-circle-play-2:before {
  content: "\EA0D"; }

.icon-circle-play:before {
  content: "\EA0E"; }

.icon-clip:before {
  content: "\EA0F"; }

.icon-collapse:before {
  content: "\EA10"; }

.icon-comma:before {
  content: "\EA11"; }

.icon-cross:before {
  content: "\EA12"; }

.icon-doc:before {
  content: "\EA13"; }

.icon-dots:before {
  content: "\EA14"; }

.icon-double-arrow-left:before {
  content: "\EA15"; }

.icon-double-arrow-right:before {
  content: "\EA16"; }

.icon-download:before {
  content: "\EA17"; }

.icon-earth:before {
  content: "\EA18"; }

.icon-email-2:before {
  content: "\EA19"; }

.icon-email:before {
  content: "\EA1A"; }

.icon-enlarge:before {
  content: "\EA1B"; }

.icon-expand-2:before {
  content: "\EA1C"; }

.icon-expand:before {
  content: "\EA1D"; }

.icon-export:before {
  content: "\EA1E"; }

.icon-facebook:before {
  content: "\EA1F"; }

.icon-folder:before {
  content: "\EA20"; }

.icon-gear:before {
  content: "\EA21"; }

.icon-google-plus:before {
  content: "\EA22"; }

.icon-hamburger:before {
  content: "\EA23"; }

.icon-info-2:before {
  content: "\EA24"; }

.icon-info:before {
  content: "\EA25"; }

.icon-light-bulb:before {
  content: "\EA26"; }

.icon-linkedin:before {
  content: "\EA27"; }

.icon-lock-1:before {
  content: "\EA28"; }

.icon-lock-2:before {
  content: "\EA29"; }

.icon-lock:before {
  content: "\EA2A"; }

.icon-magnifier:before {
  content: "\EA2B"; }

.icon-mail:before {
  content: "\EA2C"; }

.icon-minus:before {
  content: "\EA2D"; }

.icon-mobile-phone:before {
  content: "\EA2E"; }

.icon-pencil:before {
  content: "\EA2F"; }

.icon-people:before {
  content: "\EA30"; }

.icon-phone:before {
  content: "\EA31"; }

.icon-plus:before {
  content: "\EA32"; }

.icon-print:before {
  content: "\EA33"; }

.icon-profile:before {
  content: "\EA34"; }

.icon-qq-zone:before {
  content: "\EA35"; }

.icon-qq:before {
  content: "\EA36"; }

.icon-question-invert:before {
  content: "\EA37"; }

.icon-question:before {
  content: "\EA38"; }

.icon-refresh:before {
  content: "\EA39"; }

.icon-resrc:before {
  content: "\EA3A"; }

.icon-return:before {
  content: "\EA3B"; }

.icon-share:before {
  content: "\EA3C"; }

.icon-shopping-cart:before {
  content: "\EA3D"; }

.icon-star-fill:before {
  content: "\EA3E"; }

.icon-star:before {
  content: "\EA3F"; }

.icon-t-arrow-left:before {
  content: "\EA40"; }

.icon-t-arrow-right:before {
  content: "\EA41"; }

.icon-tag-2:before {
  content: "\EA42"; }

.icon-tag-full:before {
  content: "\EA43"; }

.icon-tag:before {
  content: "\EA44"; }

.icon-tencent-video:before {
  content: "\EA45"; }

.icon-trash:before {
  content: "\EA46"; }

.icon-twitter:before {
  content: "\EA47"; }

.icon-warn:before {
  content: "\EA48"; }

.icon-wechat:before {
  content: "\EA49"; }

.icon-weibo:before {
  content: "\EA4A"; }

.icon-youku:before {
  content: "\EA4B"; }

.icon-youtube:before {
  content: "\EA4C"; }

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

*, *::before, *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

a:focus {
  outline: none; }

/*form reset*/
input,
label,
select,
button,
textarea {
  margin: 0;
  border: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  background: none;
  line-height: 1;
  text-align: left;
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

button,
textarea,
input,
select {
  outline: 0; }

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset; }

button,
input[type="reset"],
input[type="button"],
input[type="submit"] {
  cursor: pointer; }
:root {
  --promotion-overlay-start-duration: 3;
  --scrollbar-width: 17px; }

body, html {
  font-family: "Neue Helvetica W01", Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
  font-weight: 400;
  color: #202020;
  font-size: 16px;
  background-color: #fff;
  -webkit-tap-highlight-color: rgba(32, 32, 32, 0.8);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  body.is-fixed, html.is-fixed {
    overflow-y: scroll; }
  body.modal-active, html.modal-active {
    overflow: hidden; }

body {
  -webkit-text-size-adjust: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }
  body.ZHCN {
    font-family: "微軟雅黑體", "Microsoft YaHei", "Neue Helvetica W01", Helvetica, Arial, sans-serif;
    line-height: 1.3;
    letter-spacing: .05em; }
  body.JAJP {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
  body:before {
    pointer-events: none;
    z-index: 400;
    top: 0;
    left: 0;
    background-color: rgba(32, 32, 32, 0.6);
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s; }

.body-section {
  min-height: calc(100vh - 415px);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s; }
  .body-section.ps-active {
    overflow: hidden;
    height: calc(100vh - 480px); }
  @media (max-width: 1024px) {
    .body-section {
      margin-top: 50px; } }
  .body-section .main-section.main-section--grey {
    background-color: #F4F4F4; }
  .body-section > .main-section:first-child:last-child {
    min-height: calc(100vh - 415px); }

a {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #008787;
  cursor: pointer;
  text-decoration: none; }
  @media (min-width: 1025px) {
    a:hover {
      color: rgba(0, 135, 135, 0.8); } }

body.ZHCN button {
  letter-spacing: inherit; }

p {
  line-height: 1.5em;
  letter-spacing: 0.16px; }
  p a {
    display: inline;
    word-break: break-all; }

body.ZHCN p {
  letter-spacing: inherit;
  line-height: 1.4; }

input, textarea {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  opacity: 1; }

.default-hover,
.compare-block__close,
.list-block__link,
.modal__close {
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  @media (min-width: 1025px) {
    .default-hover:hover,
    .compare-block__close:hover,
    .list-block__link:hover,
    .modal__close:hover {
      color: rgba(32, 32, 32, 0.8); } }

button,
textarea,
input,
select {
  border-radius: 0; }

body.ZHCN button, body.ZHCN textarea, body.ZHCN input, body.ZHCN select {
  letter-spacing: .05em; }

sup {
  vertical-align: super; }

.basic-accordion__trigger, .address-block:not(.address-block--add), .event-block, .filter-block:not(.-basic), .filter-loadmore-block, .list-block, .module-block__bubble, .quotation-block, .quotation-details, .quotation-details__category--block, .shadow-block, .side-img-block, .side-img-card, .top-img-card, .basic-form__bubble, .tippy-box[data-theme~='moxa'], .modal__container, .submenu__container {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 3px 0 rgba(32, 32, 32, 0.2);
          box-shadow: 0 0 3px 0 rgba(32, 32, 32, 0.2); }

.c-text-carousel__icon, .inline-img-carousel__icon, .overlap-carousel__icon {
  color: #D6D6D6;
  font-size: 32px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }

.center-carousel__dots .slick-dots, .hero-carousel__dots .slick-dots, .img-card-carousel__dots .slick-dots, .inline-img-carousel__dots .slick-dots, .overflow-carousel__dots .slick-dots, .r-img-carousel__dots .slick-dots {
  margin: 0; }
  .center-carousel__dots .slick-dots > li button, .hero-carousel__dots .slick-dots > li button, .img-card-carousel__dots .slick-dots > li button, .inline-img-carousel__dots .slick-dots > li button, .overflow-carousel__dots .slick-dots > li button, .r-img-carousel__dots .slick-dots > li button {
    width: 13px;
    height: 13px;
    background-color: #AFB3BA; }
    @media (max-width: 767px) {
      .center-carousel__dots .slick-dots > li button, .hero-carousel__dots .slick-dots > li button, .img-card-carousel__dots .slick-dots > li button, .inline-img-carousel__dots .slick-dots > li button, .overflow-carousel__dots .slick-dots > li button, .r-img-carousel__dots .slick-dots > li button {
        width: 10px;
        height: 10px; } }
  .center-carousel__dots .slick-dots > li.slick-active button, .hero-carousel__dots .slick-dots > li.slick-active button, .img-card-carousel__dots .slick-dots > li.slick-active button, .inline-img-carousel__dots .slick-dots > li.slick-active button, .overflow-carousel__dots .slick-dots > li.slick-active button, .r-img-carousel__dots .slick-dots > li.slick-active button {
    background-color: #FF8000; }

.center-carousel .center-carousel__btn, .img-card-carousel .img-card-carousel__btn, .overflow-carousel .overflow-carousel__btn, .r-img-carousel .r-img-carousel__btn, .swiper-controls .rounded-btn {
  width: 30px;
  height: 30px;
  border: 2px solid #AFB3BA;
  border-radius: 50%;
  margin: 0 2px;
  -webkit-transition: border 0.3s;
  transition: border 0.3s; }
  @media (min-width: 1025px) {
    .center-carousel .center-carousel__btn:hover, .img-card-carousel .img-card-carousel__btn:hover, .overflow-carousel .overflow-carousel__btn:hover, .r-img-carousel .r-img-carousel__btn:hover, .swiper-controls .rounded-btn:hover {
      border: 2px solid #008787; } }

.center-carousel .center-carousel__icon, .img-card-carousel .img-card-carousel__icon, .overflow-carousel .overflow-carousel__icon, .r-img-carousel .r-img-carousel__icon, .swiper-controls .rounded-btn i {
  font-size: 12px;
  color: #AFB3BA;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }

.SubscriptionButton {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none; }

/* Remove excess padding and border in Firefox 4+ */
.font-b-50 {
  font-weight: 700; }
  @media (min-width: 768px) {
    .font-b-50 {
      font-size: 3.125em;
      margin-bottom: 12px; } }
  @media (max-width: 767px) {
    .font-b-50 {
      font-size: 1.6em;
      margin-bottom: 16px; } }

.font-l-45,
.hero-carousel__heading,
.promotion-text {
  font-weight: 200; }
  @media (min-width: 768px) {
    .font-l-45,
    .hero-carousel__heading,
    .promotion-text {
      font-size: 2.8125em; } }
  @media (max-width: 767px) {
    .font-l-45,
    .hero-carousel__heading,
    .promotion-text {
      font-size: 1.65em; } }

.font-l-40,
.article-author__details-name {
  font-weight: 200;
  line-height: 1.2em; }
  @media (min-width: 768px) {
    .font-l-40,
    .article-author__details-name {
      font-size: 2.5em; } }
  @media (max-width: 767px) {
    .font-l-40,
    .article-author__details-name {
      font-size: 1.5em; } }

.font-m-32,
.module-block__title,
.text-editor h1,
.tags-list-block__empty,
.text-xl .img-card__heading,
.overlap-carousel__heading,
.account-section__no-result,
.modal__heading,
.submenu__headeing {
  line-height: 1.3em; }
  @media (min-width: 851px) {
    .font-m-32,
    .module-block__title,
    .text-editor h1,
    .tags-list-block__empty,
    .text-xl .img-card__heading,
    .overlap-carousel__heading,
    .account-section__no-result,
    .modal__heading,
    .submenu__headeing {
      font-size: 2em; } }
  @media (max-width: 850px) {
    .font-m-32,
    .module-block__title,
    .text-editor h1,
    .tags-list-block__empty,
    .text-xl .img-card__heading,
    .overlap-carousel__heading,
    .account-section__no-result,
    .modal__heading,
    .submenu__headeing {
      font-size: 1.6em; } }

.modal--region-redirect .modal__header h2, .modal-feedback .modal__header h2 {
  font-weight: 200; }
  @media (min-width: 851px) {
    .modal--region-redirect .modal__header h2, .modal-feedback .modal__header h2 {
      font-size: 2em; } }
  @media (max-width: 850px) {
    .modal--region-redirect .modal__header h2, .modal-feedback .modal__header h2 {
      font-size: 1.6em; } }

.font-b-30,
.intro-block__heading,
.basic-text-card__icon-block-heading,
.inline-img-carousel__heading {
  font-weight: 700; }
  @media (min-width: 851px) {
    .font-b-30,
    .intro-block__heading,
    .basic-text-card__icon-block-heading,
    .inline-img-carousel__heading {
      font-size: 2em; } }
  @media (max-width: 850px) {
    .font-b-30,
    .intro-block__heading,
    .basic-text-card__icon-block-heading,
    .inline-img-carousel__heading {
      font-size: 1.8em; } }
  @media (max-width: 767px) {
    .font-b-30,
    .intro-block__heading,
    .basic-text-card__icon-block-heading,
    .inline-img-carousel__heading {
      font-size: 1.4em; } }

.font-b-28,
.main-section.articles__main-section--author h2 {
  font-weight: 700; }
  @media (min-width: 851px) {
    .font-b-28,
    .main-section.articles__main-section--author h2 {
      font-size: 1.75em; } }
  @media (max-width: 850px) {
    .font-b-28,
    .main-section.articles__main-section--author h2 {
      font-size: 1.5em; } }
  @media (max-width: 767px) {
    .font-b-28,
    .main-section.articles__main-section--author h2 {
      font-size: 1.4em; } }

@media (min-width: 768px) {
  .font-m-22,
  .alphabet-list__title,
  .column-text-block__heading,
  .location-block__heading,
  .selector-block__result-heading,
  .sitemap-block__heading,
  .basic-text-card__heading,
  .gray-text-card__paragraph.gray-text-card__paragraph--l,
  .c-text-carousel__heading,
  .hero-carousel__paragraph,
  .basic-form__link--sms [class*="icon-"] {
    font-size: 1.375em; } }

@media (max-width: 767px) {
  .font-m-22,
  .alphabet-list__title,
  .column-text-block__heading,
  .location-block__heading,
  .selector-block__result-heading,
  .sitemap-block__heading,
  .basic-text-card__heading,
  .gray-text-card__paragraph.gray-text-card__paragraph--l,
  .c-text-carousel__heading,
  .hero-carousel__paragraph,
  .basic-form__link--sms [class*="icon-"] {
    font-size: 1.2em; } }

.font-b-22,
.tab-accordion__trigger-text,
.alphabets-bar__item,
.event-block__heading,
.white-block__text-heading,
.bold-title-heading--l,
.xtra-list__heading {
  font-weight: 700; }
  @media (min-width: 768px) {
    .font-b-22,
    .tab-accordion__trigger-text,
    .alphabets-bar__item,
    .event-block__heading,
    .white-block__text-heading,
    .bold-title-heading--l,
    .xtra-list__heading {
      font-size: 1.375em; } }
  @media (max-width: 767px) {
    .font-b-22,
    .tab-accordion__trigger-text,
    .alphabets-bar__item,
    .event-block__heading,
    .white-block__text-heading,
    .bold-title-heading--l,
    .xtra-list__heading {
      font-size: 1.2em; } }

.font-m-20,
.hero-banner__paragraph,
.result-block__intro--item,
.shadow-block__subheading,
.side-border-block__subheading + .side-border-block__heading,
.side-img-block__heading,
.gray-text-card__3-cols__item-top,
.gray-text-card__paragraph,
.header-card__heading,
.support-card__heading,
.center-carousel__quote,
.account-section__detail,
.featured-section__heading,
.modal .product-section__heading,
.search-input,
.modal__subheading {
  font-size: 1.25rem;
  line-height: 1.4rem; }

.font-b-20,
.ellipsis-accordion__heading,
.iiot-manage-section__img-heading,
.iiot-manage-section__subheading {
  font-size: 1.25rem;
  font-weight: 700; }

.basic-form__input-search::-webkit-input-placeholder {
  font-size: 1.125em; }

.basic-form__input-search::-moz-placeholder {
  font-size: 1.125em; }

.basic-form__input-search:-ms-input-placeholder {
  font-size: 1.125em; }

.basic-form__input-search::-ms-input-placeholder {
  font-size: 1.125em; }

.font-m-18,
.text-editor h3,
.border-accordion__heading,
.about-banner__paragraph,
.hero-banner__description,
.address-block__heading,
.alphabet-list__text,
.bubble-block__heading,
.fix-btm-block__text,
.inline-icon-block__container,
.location-block__paragraph,
.mid-block__paragraph,
.preference-block-note,
.reg-info-block__link,
.search-resault-block__heading,
.selector-block__border-heading,
.short-block__paragraph,
.green-top-card__title,
.support-card__heading.support-card__heading--margin-l,
.step-carousel__paragraph,
.basic-form__input-search,
.basic-form__input-search::placeholder,
.xtra-list__item,
.main-section__heading.main-section__heading--s,
.account-nav__link,
.header__link,
.header__search-result-list,
.mobile-nav__lv2 > li.is-active > .mobile-nav__next span,
.submenu__main--solutions .header-card__heading {
  font-size: 1.125em; }

.font-b-18,
.module-block__heading,
.text-editor h2,
.basic-accordion__heading,
.hero-banner__subheading,
.article-author__details-title,
.preference-block__heading,
.preference-block__check .basic-form__checkbox-list,
.product-bar__id,
.result-block__intro--heading,
.side-border-block--l .side-border-block__title,
.tab-block__subheading,
.print-form__heading,
.online-list__heading,
.product-section__paragraph,
.tab-section__heading,
.tab-section__filter-heading .tab-section__heading span,
.video-detail-section .video-detail-recommended .heading,
.model-table-heading,
.model-table th a:not(.tag-btn),
.model-table th .pdim-name,
.submenu__subheading {
  font-weight: 700;
  font-size: 1.125em; }

.font-b-14,
.text-editor h6,
.address-block__subheading,
.compare-block__item--heading,
.event-block__list-heading,
.filter-block__cing,
.module-block-bar,
.module-block__card-heading,
.module-block__block h5,
.quotation-block__list-heading,
.quotation-details__heading,
.quotation-details__filter-block--heading,
.quotation-details__des,
.related-block__heading,
.result-block__subheading,
.search-resault__btn,
.selector-block__btn,
.side-block__heading,
.side-border-blocks__note,
.side-border-block__title,
.side-img-block__tag,
.side-product-block__heading,
.rating-stars__text,
.switch-btn__text,
.green-top-card__type,
.series-card__heading,
.series-card__td,
.top-img-card__subheading,
.c-text-carousel__btm h4,
.center-carousel__country,
.basic-form__subheading,
.basic-form__link,
.basic-form__checkbox-heading,
.notify-checkbox-sublist h4,
.account-section__filter-heading,
.compare-section__info b,
.grid-section__label,
.side-section__heading,
.side-section__side-link:not(.-normal),
.text-editor table th,
.border-table th,
.side-border-tag,
.footer__heading {
  font-weight: 700;
  font-size: 0.875em;
  line-height: 1.3em; }

.font-m-14,
.tab-accordion__heading,
.rich-content-banner__paragraph,
.address-block__paragraph,
.attachments-block__label,
.attachments-block__note,
.basic-pagination__display,
.edit-tags-block__tags .item,
.event-block__list-paragraph,
.filter-block__select,
.inline-title-block__note,
.module-block__date,
.module-block__note,
.module-block__card-note,
.module-block-footer,
.module-block__block p,
.pointer-block__bubble,
.preference-block__paragraph,
.quotation-block__description,
.quotation-block__remove,
.quotation-block__item,
.quotation-details__subheading,
.quotation-details__checkbox-heading,
.quotation-block__note,
.rating-bar__note,
.recommend-block__card-des,
.related-block__paragraph,
.result-block__paragraph,
.save-note-block,
.search-resault-block__paragraph,
.selector-block__link,
.selector-block__text-field,
.side-border-block__des,
.side-border-block__subtitle,
.side-border-block__note.side-border-block__note--s,
.side-border-block__paragraph,
.side-product-block__paragraph,
.tags-list-block__input,
.tags-list-block__bubble-text,
.recaptcha-block__note,
.border-btn.border-btn--ml,
.border-btn.border-btn--m,
.border-btn.border-btn--sm,
.fill-btn.fill-btn--ml,
.fill-btn.fill-btn--m,
.fill-btn.fill-btn--sm,
.fill-btn-error,
.gradient-btn.gradient-btn--ml,
.gradient-btn.gradient-btn--m,
.gradient-btn.gradient-btn--sm,
.simple-icon-btn.simple-icon-btn--s,
.tag-btn,
.video-btn__text,
.checkbox-card__des,
.gray-text-card__info-spec,
.green-top-card__note,
.header-card__paragraph,
.img-card__date,
.ocean-top-card__pargarph,
.series-card__subheading,
.series-card__intro,
.series-card__item-heading,
.side-img-card__paragraph,
.support-card__paragraph.support-card__paragraph--s,
.top-img-card__note,
.module-carousel__paragraph,
.step-carousel__current-step span,
.language-dropdown__current,
.search-dropdown__list-heading,
.basic-checkbox__checkbox-text,
.basic-checkbox__note,
.basic-form__group--flex .basic-form__label--prefix,
.basic-form__label,
.basic-form__notice,
.basic-form__checkbox-text,
.basic-form__error-block,
.inline-search__input,
.inline-search__clear,
.print-form__label,
.basic-list__item,
.border-bullet-list__item,
.bullet-list__item.bullet-list__item--s,
.account-section__block-heading,
.account-section__block-note,
.account-section-status p,
.featured-section__note,
.grid-section__date,
.main-section__paragraph.main-section__paragraph--xs,
.main-section__numlist,
.modal .product-section__paragraph,
.side-section__item .simple-icon-btn__text,
.side-section__paragraph,
.side-section__subheading,
.tab-section__accordion-btn,
.text-editor table td,
.border-table td,
.border-table__note,
.mxTableStyle td,
.breadcrumb__link,
.breadcrumb__current,
.footer__paragraph,
.form-control,
.SubscriptionButton,
.header-search-card__paragraph,
.text-core .text-wrap .text-tags .text-tag .text-button {
  font-size: 0.875em;
  line-height: 1.3em; }

body.ZHCN h1,
body.ZHCN h2,
body.ZHCN h3,
body.ZHCN h4,
body.ZHCN h5,
body.ZHCN h6 {
  line-height: 1.3; }

body.ZHCN ol,
body.ZHCN ul {
  line-height: 1.4; }

em {
  font-style: italic; }

strong,
b {
  font-weight: 700; }

/* endinject */
/* inject:scss */
@use 'sass:math';
.accordion-item:not(:last-child) {
  margin-bottom: 1.5rem; }

.accordion-item .basic-form__checkmark {
  top: 0; }

.accordion-item .basic-form__radio {
  height: auto; }

.accordion-item__label-control {
  min-height: 22px;
  font-size: 1.375em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700;
  cursor: pointer; }

.accordion-item__detail__content {
  margin-top: 1rem; }
  .accordion-item__detail__content:not(.is-active) {
    display: none; }

.accordion-item__detail .fill-btn {
  margin-top: 1.5rem; }

@media (max-width: 767px) {
  .accordion-item .column--2 .column:last-child {
    display: none; } }

@media (min-width: 551px) {
  .accordion--right-padding {
    padding-right: 1rem; } }

.accordion-block-wrapper {
  border: 1px solid #EAEAEA;
  -webkit-box-shadow: 0 3px 5px 1px rgba(32, 32, 32, 0.05);
          box-shadow: 0 3px 5px 1px rgba(32, 32, 32, 0.05); }
  .accordion-block-wrapper .basic-accordion__trigger {
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 0;
    -webkit-transition: none;
    transition: none; }
    .accordion-block-wrapper .basic-accordion__trigger .basic-accordion__heading {
      font-size: 19.2px;
      font-weight: 700;
      line-height: 23.04px;
      padding-right: 1rem; }
    .accordion-block-wrapper .basic-accordion__trigger:hover {
      background-color: transparent; }
    .accordion-block-wrapper .basic-accordion__trigger .basic-accordion__icon {
      font-size: 1.5rem;
      color: #008787;
      -webkit-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease; }
  .accordion-block-wrapper .basic-accordion__block {
    --space-margin-inline: 1.5rem;
    border-bottom: 1px solid #EAEAEA;
    margin-left: var(--space-margin-inline);
    margin-right: var(--space-margin-inline);
    padding-top: 1.5rem;
    padding-bottom: 1rem;
    position: relative; }
    @media (min-width: 768px) {
      .accordion-block-wrapper .basic-accordion__block {
        --space-margin-inline: 3rem;
        padding-top: 2rem;
        padding-bottom: 2rem; } }
    .accordion-block-wrapper .basic-accordion__block::before {
      content: '';
      border-left: 4px solid #008787;
      position: absolute;
      height: 100%;
      left: -1.5rem;
      top: 0;
      opacity: 0; }
      @media (min-width: 768px) {
        .accordion-block-wrapper .basic-accordion__block::before {
          left: -3rem; } }
    .accordion-block-wrapper .basic-accordion__block[\:has\(.is-active\)]::before {
      opacity: 1; }
    .accordion-block-wrapper .basic-accordion__block:has(.is-active)::before {
      opacity: 1; }
    .accordion-block-wrapper .basic-accordion__block:hover:not(.is-active) {
      background-color: #008787; }
      .accordion-block-wrapper .basic-accordion__block:hover:not(.is-active)::before {
        content: '';
        position: absolute;
        top: 0;
        left: calc(var(--space-margin-inline) * -1);
        height: 100%;
        width: calc(100% + 2*var(--space-margin-inline));
        background-color: #008787;
        opacity: 1; }
      .accordion-block-wrapper .basic-accordion__block:hover:not(.is-active) .basic-accordion__trigger {
        background-color: #008787;
        color: #FFFFFF; }
        .accordion-block-wrapper .basic-accordion__block:hover:not(.is-active) .basic-accordion__trigger i {
          color: #FFFFFF; }
  .accordion-block-wrapper .accordion-content {
    padding-top: 1rem; }
    @media (min-width: 768px) {
      .accordion-block-wrapper .accordion-content {
        padding-top: 1.5rem; } }

.accordion-two-block {
  --space-margin-inline: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 767px) {
    .accordion-two-block {
      width: 100%; }
    .accordion-two-block .accordion-block-wrapper {
      width: 100%; } }
  .accordion-two-block .accordion-input {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0; }
  .accordion-two-block .basic-accordion__block {
    border-bottom: 1px solid #EAEAEA;
    margin-left: var(--space-margin-inline);
    margin-right: var(--space-margin-inline);
    padding-top: 1.5rem;
    padding-bottom: 1rem;
    position: relative;
    -webkit-transition: none;
    transition: none; }
    @media (min-width: 768px) {
      .accordion-two-block .basic-accordion__block {
        --space-margin-inline: 2rem;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem; } }
    .accordion-two-block .basic-accordion__block::before {
      border: none; }
    .accordion-two-block .basic-accordion__block:last-child.is-active {
      border: none; }
  .accordion-two-block .basic-accordion__trigger {
    position: relative;
    -webkit-transition: none;
    transition: none; }
    .accordion-two-block .basic-accordion__trigger.is-active {
      padding-bottom: 1rem; }
      @media (min-width: 768px) {
        .accordion-two-block .basic-accordion__trigger.is-active {
          padding-bottom: 1.5rem; } }
  .accordion-two-block .basic-accordion__container {
    background-color: transparent;
    padding: 0; }
    @media (min-width: 768px) {
      .accordion-two-block .basic-accordion__container {
        max-height: 190px;
        overflow: auto; }
        @supports (-moz-appearance: none) {
          .accordion-two-block .basic-accordion__container {
            scrollbar-color: #008787 transparent;
            scrollbar-width: thin; } }
        .accordion-two-block .basic-accordion__container::-webkit-scrollbar {
          width: 0.25rem; }
        .accordion-two-block .basic-accordion__container::-webkit-scrollbar-thumb {
          background-color: #008787; } }
  .accordion-two-block-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media (min-width: 768px) {
      .accordion-two-block-item {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 50%;
                flex: 1 1 50%; } }
    @media (max-width: 767px) {
      .accordion-two-block-item {
        width: 100%; } }
  .accordion-two-block img {
    aspect-ratio: 563/563;
    overflow: hidden; }
  .accordion-two-block .text-editor img {
    margin: auto; }
    @media (max-width: 767px) {
      .accordion-two-block .text-editor img {
        max-width: 295px;
        height: auto; } }
  .accordion-two-block .bgs {
    display: grid; }
    .accordion-two-block .bgs img {
      grid-area: 1 / -1;
      opacity: 0;
      -webkit-transition: .3s opacity ease-in-out;
      transition: .3s opacity ease-in-out; }
      .accordion-two-block .bgs img.is-active {
        opacity: 1; }

body:not(.ZHTW):not(.ZHCN) .accordion-item__label-control {
  font-size: 1.35rem; }

body.ZHCN .accordion-item__detail__content p {
  line-height: 1.7; }

.basic-accordion__block {
  background-color: #FFFFFF; }
  .basic-accordion__block .js-accordion-main {
    display: none; }
    .basic-accordion__block .js-accordion-main.basic-accordion__container {
      display: block; }
      .basic-accordion__block .js-accordion-main.basic-accordion__container.js-accordion-close {
        display: none; }

.basic-accordion__trigger {
  position: relative;
  z-index: 5;
  padding: 24px 32px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s; }
  @media (min-width: 1025px) {
    .basic-accordion__trigger:hover {
      background-color: rgba(0, 135, 135, 0.06); } }
  @media (max-width: 767px) {
    .basic-accordion__trigger {
      padding: 16px; } }
  .basic-accordion__trigger.is-active .basic-accordion__icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

.basic-accordion__icon {
  color: #717171; }

.basic-accordion__container {
  background-color: #FCFCFC;
  padding: 24px 32px; }
  @media (max-width: 767px) {
    .basic-accordion__container {
      padding: 16px; } }

.basic-accordion__amount {
  margin-right: 16px; }

.basic-accordion__paragraph {
  margin-bottom: 16px; }

.border-accordion-block {
  border-bottom: 1px solid #ADADAD; }
  .border-accordion-block:last-child {
    border-bottom: 0; }
  .border-accordion-block .basic-form__checkbox-wrap {
    padding-left: 16px; }
  .border-accordion-block--padding-top {
    padding-top: 24px; }

.border-accordion__trigger {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #202020;
  padding: 16px 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  @media (min-width: 1025px) {
    .border-accordion__trigger:hover {
      color: rgba(32, 32, 32, 0.8); } }
  .border-accordion__trigger.is-active .border-accordion__icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

.border-accordion__subheading {
  font-weight: 700;
  color: #ADADAD;
  margin-bottom: 16px; }

.border-accordion__icon {
  font-size: 13px; }

.border-accordion__filters {
  padding: 24px 0; }
  .border-accordion__filters .basic-form__checkbox-wrap,
  .border-accordion__filters .basic-form__group-checkbox-wrap {
    margin-bottom: 16px; }
  .border-accordion__filters .basic-form__select {
    white-space: nowrap; }
  .border-accordion__trigger + .border-accordion__filters {
    padding-top: 0; }
    .border-accordion__trigger + .border-accordion__filters h6:not(.drag-slider__heading) {
      margin-top: 0 !important; }
    .border-accordion__trigger + .border-accordion__filters > .drag-slider__wrapper {
      padding-top: 24px; }

.ellipsis-accordion__block {
  margin-bottom: 32px; }
  @media (max-width: 767px) {
    .ellipsis-accordion__block {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }

.ellipsis-accordion__wrap {
  width: calc(99.9% * 5/6 - (24px - 24px * 5/6)); }

.ellipsis-accordion__wrap:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.ellipsis-accordion__wrap:last-child {
  margin-right: 0; }

.ellipsis-accordion__wrap:nth-child(6n) {
  margin-right: 0;
  float: right; }

.ellipsis-accordion__wrap:nth-child(6n + 1) {
  clear: both; }
  @media (max-width: 1024px) {
    .ellipsis-accordion__wrap {
      width: calc(99.9% * 6/7 - (24px - 24px * 6/7)); }
    .ellipsis-accordion__wrap:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .ellipsis-accordion__wrap:last-child {
      margin-right: 0; }
    .ellipsis-accordion__wrap:nth-child(7n) {
      margin-right: 0;
      float: right; }
    .ellipsis-accordion__wrap:nth-child(7n + 1) {
      clear: both; } }
  @media (max-width: 767px) {
    .ellipsis-accordion__wrap {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      margin-right: 0 !important; } }

.ellipsis-accordion__heading {
  margin-bottom: 16px;
  padding-left: 32px; }
  @media (max-width: 767px) {
    .ellipsis-accordion__heading {
      font-size: 1em;
      padding-left: 24px; } }
  .ellipsis-accordion__heading span {
    top: 0;
    left: 0;
    width: 32px; }

.ellipsis-accordion__paragraph {
  margin-bottom: 8px; }
  .ellipsis-accordion__paragraph span {
    color: #FF8000; }

.ellipsis-accordion__btn-wrap {
  padding-top: 8px;
  width: calc(99.9% * 1/6 - (24px - 24px * 1/6)); }

.ellipsis-accordion__btn-wrap:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.ellipsis-accordion__btn-wrap:last-child {
  margin-right: 0; }

.ellipsis-accordion__btn-wrap:nth-child(6n) {
  margin-right: 0;
  float: right; }

.ellipsis-accordion__btn-wrap:nth-child(6n + 1) {
  clear: both; }
  @media (max-width: 1024px) {
    .ellipsis-accordion__btn-wrap {
      width: calc(99.9% * 1/7 - (24px - 24px * 1/7)); }
    .ellipsis-accordion__btn-wrap:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .ellipsis-accordion__btn-wrap:last-child {
      margin-right: 0; }
    .ellipsis-accordion__btn-wrap:nth-child(7n) {
      margin-right: 0;
      float: right; }
    .ellipsis-accordion__btn-wrap:nth-child(7n + 1) {
      clear: both; } }
  @media (max-width: 767px) {
    .ellipsis-accordion__btn-wrap {
      width: 48px; } }

.ellipsis-accordion__trigger {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #008787;
  padding: 16px; }
  @media (min-width: 1025px) {
    .ellipsis-accordion__trigger:hover {
      color: rgba(0, 135, 135, 0.8); } }
  .ellipsis-accordion__trigger.is-active {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

.ellipsis-accordion__container {
  overflow: hidden;
  white-space: nowrap;
  padding-left: 32px;
  text-overflow: ellipsis; }
  .ellipsis-accordion__container:not(.is-active) > *:not(:first-child) {
    display: none !important; }
  .ellipsis-accordion__container.is-active {
    white-space: normal; }
  .ellipsis-accordion__container .shadow-block {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px); }

body.JAJP .ellipsis-accordion__heading {
  font-size: 1.2em; }

.multitab-accordion.tab-accordion .tab-accordion__trigger {
  display: inline-block;
  margin-right: 32px; }

.multitab-accordion.tab-accordion .tab-accordion__trigger-icon.icon-caret-down {
  color: #202020; }

.tab-accordion__trigger {
  padding: 24px 0;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }
  .tab-accordion__trigger.is-active .tab-accordion__trigger-icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  @media (min-width: 1025px) {
    .tab-accordion__trigger:hover {
      color: #008787; } }
  @media (max-width: 767px) {
    .tab-accordion__trigger {
      padding: 16px 0;
      width: 100%; } }

.tab-accordion__trigger-text {
  margin-right: 16px; }
  @media (max-width: 767px) {
    .tab-accordion__trigger-text {
      max-width: calc(100% - 35px); } }

.tab-accordion__trigger-icon {
  font-size: 16px; }

.tab-accordion__main {
  -webkit-box-shadow: 0 3px 3px 0 rgba(32, 32, 32, 0.07);
          box-shadow: 0 3px 3px 0 rgba(32, 32, 32, 0.07);
  background-color: #FFFFFF;
  z-index: 20;
  left: 0;
  display: none;
  max-height: calc(100vh - 104px);
  overflow-y: auto; }

.tab-accordion__block {
  border-bottom: 1px solid #EAEAEA;
  padding: 16px 0; }
  .tab-accordion__block:last-child {
    border-bottom: none; }

.tab-accordion__heading {
  width: 135px;
  color: #858585;
  padding: 8px 0; }
  @media (max-width: 767px) {
    .tab-accordion__heading {
      display: block;
      margin-bottom: 16px; } }

@media (min-width: 768px) {
  .tab-accordion__list {
    width: calc(100% - 140px); } }

.tab-accordion__item {
  margin-top: 8px;
  margin-right: 24px; }
  .tab-accordion__item:last-child {
    margin-right: 0; }

.tab-accordion__btn {
  padding-bottom: 8px; }
  .tab-accordion__btn.is-active:before {
    opacity: 1; }
  @media (min-width: 1025px) {
    .tab-accordion__btn:hover:before {
      opacity: 1; } }
  .tab-accordion__btn:before {
    content: '';
    position: absolute;
    bottom: 0;
    height: 3px;
    background-color: #008787;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s; }

.about-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }
  @media (min-width: 851px) {
    .about-banner {
      height: 440px;
      padding-bottom: 90px; } }
  @media (max-width: 850px) {
    .about-banner {
      height: 300px;
      padding-bottom: 32px; } }
  @media (max-width: 767px) {
    .about-banner {
      height: auto;
      padding: 48px 0 24px; } }
  .about-banner.about-banner--big {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 0; }
    @media (min-width: 768px) {
      .about-banner.about-banner--big {
        height: 640px; } }
    @media (max-width: 767px) {
      .about-banner.about-banner--big {
        height: auto;
        padding: 32px 0; } }

.about-banner__subheading {
  font-weight: 700;
  letter-spacing: 1px;
  color: #204a88;
  margin-bottom: 16px; }

.about-banner__heading {
  font-weight: 200;
  margin-bottom: 16px; }
  @media (min-width: 768px) {
    .about-banner__heading {
      font-size: 2.5em; } }
  @media (max-width: 767px) {
    .about-banner__heading {
      font-size: 1.6em; } }
  @media (min-width: 768px) {
    .about-banner__heading.about-banner__heading--l {
      font-size: 3.125em; }
  .about-banner__center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); } }

body.ZHCN .about-banner__heading {
  font-weight: 500; }

body.JAJP .about-banner__subheading {
  font-size: 22px; }

.about-banner__paragraph {
  margin-bottom: 32px; }
  @media (max-width: 767px) {
    .about-banner__paragraph {
      font-size: 1em; } }

.colors-banner {
  overflow: hidden;
  height: 100%;
  min-height: 386px; }

.colors-banner__bg {
  padding: 40px 0;
  min-height: 386px;
  width: calc(99.9% * 1/2 - (24px - 24px * 1/2));
  background-color: #008787;
  -webkit-transform: skewX(12deg) translateX(-40px);
          transform: skewX(12deg) translateX(-40px);
  padding-right: 56px; }

.colors-banner__bg:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.colors-banner__bg:last-child {
  margin-right: 0; }

.colors-banner__bg:nth-child(2n) {
  margin-right: 0;
  float: right; }

.colors-banner__bg:nth-child(2n + 1) {
  clear: both; }
  .colors-banner__bg:before {
    width: 115%;
    content: '';
    right: 0;
    -webkit-transform: skewX(16deg);
            transform: skewX(16deg);
    background-color: #204a88; }

.colors-banner__container {
  padding-left: 88px;
  -webkit-transform: skewX(-12deg);
          transform: skewX(-12deg);
  color: #FFFFFF; }

.colors-banner__paragraph {
  margin-bottom: 16px; }

.full-banner {
  height: calc(100vh - 87px); }
  @media (max-width: 767px) {
    .full-banner {
      height: 400px; } }

.full-banner__icon {
  max-width: 130px;
  margin-bottom: 56px; }
  @media (max-width: 767px) {
    .full-banner__icon {
      max-width: 70px;
      margin-bottom: 32px; } }

.full-banner__subheading {
  font-weight: 700;
  margin-bottom: 24px; }

.full-banner__heading {
  font-weight: 200;
  font-size: 3.125em;
  color: #204a88; }
  @media (max-width: 767px) {
    .full-banner__heading {
      font-size: 1.6em; } }

body.ZHCN .full-banner__heading {
  font-weight: 500; }

.full-banner__btn {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  bottom: 32px;
  width: 56px;
  height: 56px;
  left: calc(50% - 28px);
  border-radius: 50%;
  border: 2px solid #ADADAD;
  color: #ADADAD; }
  @media (min-width: 1025px) {
    .full-banner__btn:hover {
      border: 2px solid #858585;
      color: #858585; } }
  @media (max-width: 767px) {
    .full-banner__btn {
      left: calc(50% - 20px);
      width: 40px;
      height: 40px; } }
  .full-banner__btn span {
    font-size: 0.625em; }
    @media (min-width: 768px) {
      .full-banner__btn span {
        margin-bottom: 4px; } }

.hero-banner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .hero-banner.hero-banner--img, .hero-banner.hero-banner--video {
    color: #FFFFFF; }
    @media (min-width: 768px) {
      .hero-banner.hero-banner--img, .hero-banner.hero-banner--video {
        padding: 64px 0;
        min-height: 440px; }
        .hero-banner.hero-banner--img.hero-banner--s, .hero-banner.hero-banner--video.hero-banner--s {
          -webkit-box-align: end;
              -ms-flex-align: end;
                  align-items: flex-end;
          min-height: 240px; } }
    @media (max-width: 767px) {
      .hero-banner.hero-banner--img, .hero-banner.hero-banner--video {
        padding: 48px 0 24px;
        min-height: 250px; } }
    .hero-banner.hero-banner--img:not(.-no-shadow):before, .hero-banner.hero-banner--video:not(.-no-shadow):before {
      content: "";
      top: 0;
      left: 0;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(32, 32, 32, 0)), color-stop(50%, rgba(32, 32, 32, 0)), to(rgba(32, 32, 32, 0.8)));
      background: linear-gradient(to bottom, rgba(32, 32, 32, 0) 0%, rgba(32, 32, 32, 0) 50%, rgba(32, 32, 32, 0.8) 100%); }
    .hero-banner.hero-banner--img.hero-banner--l, .hero-banner.hero-banner--video.hero-banner--l {
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end; }
    .hero-banner.hero-banner--img.hero-banner--pop:before, .hero-banner.hero-banner--video.hero-banner--pop:before {
      background: rgba(32, 32, 32, 0.2); }
    .hero-banner.hero-banner--img.hero-banner--green, .hero-banner.hero-banner--video.hero-banner--green {
      background-color: #008787; }
      .hero-banner.hero-banner--img.hero-banner--green.hero-banner--img, .hero-banner.hero-banner--video.hero-banner--green.hero-banner--img {
        height: 250px; }
      .hero-banner.hero-banner--img.hero-banner--green::before, .hero-banner.hero-banner--video.hero-banner--green::before {
        content: none; }
    .hero-banner.hero-banner--img.hero-banner--text-center > .container, .hero-banner.hero-banner--video.hero-banner--text-center > .container {
      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; }
  @media (min-width: 1025px) {
    .hero-banner.hero-banner--extra-height {
      min-height: 550px; } }
  .hero-banner.hero-banner--video {
    overflow: hidden; }
    @media (min-width: 768px) {
      .hero-banner.hero-banner--video {
        background-image: none !important; } }
    .hero-banner.hero-banner--video:before {
      z-index: 5; }
    .hero-banner.hero-banner--video .container {
      z-index: 10; }
  .hero-banner.hero-banner--img-light {
    color: #FFFFFF;
    height: 440px;
    padding: 64px 0; }
    .hero-banner.hero-banner--img-light .hero-banner__subheading {
      color: #202020; }
    .hero-banner.hero-banner--img-light .hero-banner__heading {
      color: #204a88; }
    .hero-banner.hero-banner--img-light .hero-banner__paragraph {
      color: #202020; }
  @media (min-width: 1025px) {
    .hero-banner.hero-banner--xl {
      height: 600px; } }
  @media (min-width: 768px) {
    .hero-banner.hero-banner--xl > .container {
      margin-bottom: 100px; } }
  @media (min-width: 1025px) {
    .hero-banner.hero-banner--xl > .container {
      margin-bottom: 150px; } }
  .hero-banner.hero-banner--xl .hero-banner__heading {
    margin-bottom: 26px; }
  .hero-banner.hero-banner--l {
    height: 240px;
    padding: 40px 0; }
    @media (max-width: 767px) {
      .hero-banner.hero-banner--l {
        height: auto;
        padding: 48px 0 24px; } }
  .hero-banner.hero-banner--s {
    padding: 40px 0; }
    @media (max-width: 767px) {
      .hero-banner.hero-banner--s {
        padding: 48px 0 24px; } }
    .hero-banner.hero-banner--s .container {
      width: 100%; }
    .hero-banner.hero-banner--s::before {
      content: ""; }
      @media (min-width: 768px) {
        .hero-banner.hero-banner--s::before {
          height: 100px; } }
      @media (max-width: 767px) {
        .hero-banner.hero-banner--s::before {
          height: auto; } }
  .hero-banner.hero-banner--main {
    background: #008787;
    background: var(--background-img, #008787);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    color: #FFFFFF; }
    @media (min-width: 768px) {
      .hero-banner.hero-banner--main .container {
        margin-top: 4rem; } }
  .hero-banner.-text-black {
    color: #202020; }
  .hero-banner.hero-banner--gray {
    background-color: #858585;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    color: #FFFFFF; }
  .hero-banner.hero-banner--white {
    background-color: #FFFFFF;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    color: #204a88; }
    .hero-banner.hero-banner--white:not(.hero-banner--border) + .main-section--white {
      padding-top: 0; }
  .hero-banner.hero-banner--end {
    -ms-flex-direction: row;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  @media (min-width: 768px) {
    .hero-banner.hero-banner--side .hero-banner__subheading,
    .hero-banner.hero-banner--side .hero-banner__heading,
    .hero-banner.hero-banner--side .hero-banner__paragraph,
    .hero-banner.hero-banner--side .hero-banner__btn {
      width: calc(99.9% * 2/3); }
    .hero-banner.hero-banner--side .hero-banner__subheading:nth-child(1n),
    .hero-banner.hero-banner--side .hero-banner__heading:nth-child(1n),
    .hero-banner.hero-banner--side .hero-banner__paragraph:nth-child(1n),
    .hero-banner.hero-banner--side .hero-banner__btn:nth-child(1n) {
      float: left;
      margin-right: 0;
      clear: none; }
    .hero-banner.hero-banner--side .hero-banner__subheading:last-child,
    .hero-banner.hero-banner--side .hero-banner__heading:last-child,
    .hero-banner.hero-banner--side .hero-banner__paragraph:last-child,
    .hero-banner.hero-banner--side .hero-banner__btn:last-child {
      margin-right: 0; }
    .hero-banner.hero-banner--side .hero-banner__subheading:nth-child(0n),
    .hero-banner.hero-banner--side .hero-banner__heading:nth-child(0n),
    .hero-banner.hero-banner--side .hero-banner__paragraph:nth-child(0n),
    .hero-banner.hero-banner--side .hero-banner__btn:nth-child(0n) {
      float: right; } }
  @media (max-width: 767px) {
    .hero-banner.hero-banner--side .hero-banner__subheading,
    .hero-banner.hero-banner--side .hero-banner__heading,
    .hero-banner.hero-banner--side .hero-banner__paragraph,
    .hero-banner.hero-banner--side .hero-banner__btn {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
    .hero-banner.hero-banner--side .hero-banner__subheading:nth-child(1n),
    .hero-banner.hero-banner--side .hero-banner__heading:nth-child(1n),
    .hero-banner.hero-banner--side .hero-banner__paragraph:nth-child(1n),
    .hero-banner.hero-banner--side .hero-banner__btn:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .hero-banner.hero-banner--side .hero-banner__subheading:last-child,
    .hero-banner.hero-banner--side .hero-banner__heading:last-child,
    .hero-banner.hero-banner--side .hero-banner__paragraph:last-child,
    .hero-banner.hero-banner--side .hero-banner__btn:last-child {
      margin-right: 0; }
    .hero-banner.hero-banner--side .hero-banner__subheading:nth-child(1n),
    .hero-banner.hero-banner--side .hero-banner__heading:nth-child(1n),
    .hero-banner.hero-banner--side .hero-banner__paragraph:nth-child(1n),
    .hero-banner.hero-banner--side .hero-banner__btn:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .hero-banner.hero-banner--side .hero-banner__subheading:nth-child(1n + 1),
    .hero-banner.hero-banner--side .hero-banner__heading:nth-child(1n + 1),
    .hero-banner.hero-banner--side .hero-banner__paragraph:nth-child(1n + 1),
    .hero-banner.hero-banner--side .hero-banner__btn:nth-child(1n + 1) {
      clear: both; } }
  .hero-banner.hero-banner--border {
    border-bottom: 1px solid #EAEAEA; }
  .hero-banner.hero-banner--event {
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #FFFFFF; }
    @media (min-width: 768px) {
      .hero-banner.hero-banner--event {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem; } }
    .hero-banner.hero-banner--event .hero-banner__heading {
      font-size: 1.625rem; }
      @media (min-width: 768px) {
        .hero-banner.hero-banner--event .hero-banner__heading {
          font-size: 2rem; } }
    .hero-banner.hero-banner--event .hero-banner__paragraph {
      font-size: 1rem; }
      @media (min-width: 768px) {
        .hero-banner.hero-banner--event .hero-banner__paragraph {
          font-size: 1.125rem; } }
  .hero-banner.hero-banner--esg .hero-banner__paragraph {
    line-height: 1.5; }
  .hero-banner--blend {
    background-color: rgba(0, 135, 135, 0.63);
    background-blend-mode: multiply; }
  .hero-banner__play-button {
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out; }
    @media (min-width: 1025px) {
      .hero-banner__play-button {
        margin-right: 15%; } }
    @media (min-width: 851px) {
      .hero-banner__play-button:hover {
        -webkit-transform: scale(1.15);
                transform: scale(1.15); } }
    .hero-banner__play-button i {
      font-size: 60px; }
      @media (min-width: 768px) {
        .hero-banner__play-button i {
          font-size: 80px; } }
    .hero-banner__play-button.hover:hover {
      color: #008787; }
  .hero-banner__heading-wrapper {
    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; }
    .hero-banner__heading-wrapper.center {
      text-align: center; }
  .hero-banner__pre-heading {
    line-height: 1.5em; }
    @media (min-width: 768px) {
      .hero-banner__pre-heading {
        font-size: 1.25rem; } }
  .hero-banner .fill-btn:not(:last-child) {
    margin-right: 1rem; }
  .hero-banner-video-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    background-color: #000000;
    z-index: 0; }
    .hero-banner-video-bg .iframe-block {
      min-height: 400px; }
    .hero-banner-video-bg .CCH5playerContainer,
    .hero-banner-video-bg .kWidgetIframeContainer {
      width: 100% !important;
      height: 100% !important;
      position: relative;
      z-index: -1; }
    .hero-banner-video-bg .CCH5playerContainer #ccH5historyTimeBox {
      display: none !important; }
    .hero-banner-video-bg .CCH5playerContainer .ccH5Poster img {
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center; }
    .hero-banner-video-bg .CCH5playerContainer video {
      position: absolute;
      max-width: none !important;
      top: 50% !important;
      left: 50% !important;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    .hero-banner-video-bg .kWidgetIframeContainer iframe {
      position: absolute;
      max-width: none !important;
      top: 50% !important;
      left: 50% !important;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
  .hero-banner--video-bg::before {
    z-index: 1; }
  .hero-banner--video-bg > div:not(.hero-banner-video-bg) {
    z-index: 1; }
  .hero-banner.hero-banner--product {
    min-height: 250px; }
    .hero-banner.hero-banner--product[\:has\(.banner-product\)] {
      min-height: 437px; }
    .hero-banner.hero-banner--product:has(.banner-product) {
      min-height: 437px; }
    .hero-banner.hero-banner--product .hero-banner__heading {
      padding-top: 96px;
      padding-bottom: 40px;
      margin-bottom: 0; }

@media (max-width: 767px) {
  .body-section .hero-banner__video-container {
    margin-top: 1rem; } }

@media (min-width: 1025px) {
  .body-section .hero-banner__video-container {
    position: absolute;
    width: 100%;
    height: 100px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: right; } }

@media (min-width: 768px) {
  .hero-banner__container {
    width: calc(99.9% * 6/13); }
  .hero-banner__container:nth-child(1n) {
    float: left;
    margin-right: 0;
    clear: none; }
  .hero-banner__container:last-child {
    margin-right: 0; }
  .hero-banner__container:nth-child(0n) {
    float: right; } }

@media (max-width: 767px) {
  .hero-banner__container {
    width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
  .hero-banner__container:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .hero-banner__container:last-child {
    margin-right: 0; }
  .hero-banner__container:nth-child(1n) {
    margin-right: 0;
    float: right; }
  .hero-banner__container:nth-child(1n + 1) {
    clear: both; } }

.hero-banner--special {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 280px; }
  @media (max-width: 767px) {
    .hero-banner--special {
      height: auto;
      padding: 24px 0; } }
  .hero-banner--special .hero-banner__subheading {
    color: #204a88; }

.hero-banner__icon {
  right: 0;
  bottom: -32px;
  width: 220px;
  opacity: 0.2;
  mix-blend-mode: multiply; }
  @media (max-width: 767px) {
    .hero-banner__icon {
      width: 120px;
      bottom: -22px; } }

.hero-banner__subheading {
  margin-bottom: 8px; }
  .hero-banner--white .hero-banner__subheading {
    color: #202020; }

.hero-banner__heading {
  line-height: 1.3; }
  @media (min-width: 768px) {
    .hero-banner__heading {
      font-weight: 200;
      font-size: 3.125em;
      margin-bottom: 12px; } }
  @media (max-width: 767px) {
    .hero-banner__heading {
      font-weight: 200;
      font-size: 1.6em;
      margin-bottom: 16px; } }
  @media (min-width: 851px) {
    .hero-banner--s .hero-banner__heading {
      font-weight: 200;
      font-size: 2.5em; } }
  @media (max-width: 850px) {
    .hero-banner--s .hero-banner__heading {
      font-weight: 200;
      font-size: 2em; } }
  @media (max-width: 767px) {
    .hero-banner--s .hero-banner__heading {
      font-weight: 200;
      font-size: 1.5em; } }
  .hero-banner__heading.hero-banner__heading--m {
    font-size: 2.5em; }
    @media (max-width: 850px) {
      .hero-banner__heading.hero-banner__heading--m {
        font-size: 1.4em; } }
  .hero-banner__heading.hero-banner__heading--s {
    font-weight: 400;
    font-size: 2em; }
  .hero-banner__heading.-bold {
    font-weight: 700; }
  .hero-banner__heading b {
    font-weight: 700; }
  .hero-banner__heading.gray {
    color: #4f4b4c; }

.banner-404 .hero-banner__heading {
  font-size: 1.625rem; }
  @media (min-width: 851px) {
    .banner-404 .hero-banner__heading {
      font-size: 2.5rem; } }

@media (min-width: 768px) {
  body.ZHCN .hero-banner__heading {
    font-weight: 500; } }

@media (max-width: 767px) {
  body.ZHCN .hero-banner__heading {
    font-weight: 500; } }

@media (min-width: 851px) {
  .hero-banner--s body.ZHCN .hero-banner__heading {
    font-weight: 500; } }

@media (max-width: 850px) {
  .hero-banner--s body.ZHCN .hero-banner__heading {
    font-weight: 500; } }

@media (max-width: 767px) {
  .hero-banner--s body.ZHCN .hero-banner__heading {
    font-weight: 500; } }

body.ZHCN .hero-banner__heading.hero-banner__heading--s {
  font-weight: 500; }

.hero-banner__description {
  margin-bottom: 24px; }

.hero-banner__paragraph {
  margin-bottom: 24px; }
  @media (max-width: 767px) {
    .hero-banner__paragraph {
      font-size: 1.125em; } }
  @media (min-width: 551px) {
    .hero-banner__paragraph--xl {
      font-size: 31px;
      line-height: 1.06452em;
      max-width: 70%; } }
  @media (min-width: 768px) {
    .hero-banner__paragraph--xl {
      max-width: 50%; } }

.hero-banner__video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  background-size: cover; }
  @media (max-width: 767px) {
    .hero-banner__video {
      display: none; } }

.hero-banner-wrapper {
  position: relative; }

body.ZHCN .hero-banner__heading {
  font-weight: 500;
  letter-spacing: 0.085em; }

body.ZHCN .hero-banner__subheading {
  letter-spacing: 0.085em; }

body.ZHCN .cn-letter-spacing-0 .hero-banner__heading {
  letter-spacing: 0; }

body.JAJP .hero-banner .container > *:last-child.hero-banner__heading {
  margin-bottom: 20px; }

body.JAJP .hero-banner.banner-404 .hero-banner__description {
  font-size: 1.125rem; }

body.JAJP .hero-banner.hero-banner--s .container > *:last-child {
  margin-bottom: 0; }

body.JAJP .hero-banner__paragraph {
  line-height: 1.5em; }

body.JAJP .hero-banner__description {
  font-size: 1.25em; }

body.ZHTW .hero-banner__subheading {
  font-weight: 400; }

body.ZHTW .hero-banner__heading {
  font-weight: 700; }

body.ZHTW .hero-banner__paragraph {
  line-height: 1.5em; }

.banner--find-product {
  background: #016366;
  padding-top: 16px;
  padding-bottom: 32px; }
  @media (max-width: 767px) {
    .banner--find-product {
      padding-bottom: 24px; } }
  .banner--find-product .banner-product {
    background-color: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem;
    -webkit-box-shadow: 4px 10px 24px 0px rgba(0, 0, 0, 0.4);
            box-shadow: 4px 10px 24px 0px rgba(0, 0, 0, 0.4); }
    @media (max-width: 767px) {
      .banner--find-product .banner-product {
        position: relative;
        margin-top: 1.5rem;
        gap: 1rem; } }
    .banner--find-product .banner-product--img {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 calc(274px - 16px);
              flex: 0 0 calc(274px - 16px); }
      .banner--find-product .banner-product--img img {
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        aspect-ratio: 258/149; }
      @media (max-width: 767px) {
        .banner--find-product .banner-product--img {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 calc(102px - 8px);
                  flex: 0 0 calc(102px - 8px); }
          .banner--find-product .banner-product--img img {
            aspect-ratio: 94/94; } }
    .banner--find-product .banner-product--content {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 calc(100% - 274px - 16px);
              flex: 0 0 calc(100% - 274px - 16px);
      padding: 1.5rem 3rem 1.5rem 0;
      color: #202020;
      position: relative; }
      @media (max-width: 767px) {
        .banner--find-product .banner-product--content {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 calc(100% - 102px - 8px);
                  flex: 0 0 calc(100% - 102px - 8px);
          padding: 0.5rem 1rem 0.5rem 0;
          position: static; } }
      .banner--find-product .banner-product--content .title {
        color: #204A88;
        font-size: 18px;
        font-weight: 700;
        line-height: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
        @media (max-width: 767px) {
          .banner--find-product .banner-product--content .title {
            font-size: 14px;
            line-height: 18px; } }
      .banner--find-product .banner-product--content .description, .banner--find-product .banner-product--content p {
        margin-top: 16px;
        line-height: 1.4em; }
        @media (max-width: 767px) {
          .banner--find-product .banner-product--content .description, .banner--find-product .banner-product--content p {
            margin-top: 4px;
            font-size: 12px;
            line-height: 16px; }
            .banner--find-product .banner-product--content .description p, .banner--find-product .banner-product--content p p {
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical; } }
      .banner--find-product .banner-product--content .basic-text-card__link {
        font-size: 14px;
        line-height: 14px;
        padding: 0;
        margin-top: 1.5rem; }
        @media (max-width: 767px) {
          .banner--find-product .banner-product--content .basic-text-card__link {
            opacity: 0;
            position: absolute;
            top: -1.5rem;
            left: 0;
            height: 100%;
            width: 100%; } }
      .banner--find-product .banner-product--content .close {
        color: #ADADAD;
        position: absolute;
        top: 1.5rem;
        right: 1.5rem; }
        @media (max-width: 767px) {
          .banner--find-product .banner-product--content .close {
            color: white;
            top: -1.5rem;
            right: 0; } }

.img-banner {
  padding: 2rem 1rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #FFFFFF; }
  @media (min-width: 768px) {
    .img-banner {
      padding: 4rem 3.375rem; } }
  @media (min-width: 851px) {
    .img-banner {
      padding-left: 6rem;
      padding-right: 6rem; } }
  .img-banner .heading {
    font-size: 1.625rem;
    font-weight: 700; }
    @media (min-width: 768px) {
      .img-banner .heading {
        font-size: 2rem; } }
  .img-banner .paragraph {
    font-size: 1rem; }
    @media (min-width: 768px) {
      .img-banner .paragraph {
        font-size: 1.125rem; } }

.rich-content-banner {
  height: auto;
  padding: 64px 0 24px; }
  @media (max-width: 767px) {
    .rich-content-banner {
      padding: 40px 0; } }

@media (min-width: 768px) {
  .rich-content-banner--left {
    width: calc(99.9% * 8/12 - (24px - 24px * 8/12));
    position: relative;
    left: calc(99.9% * -4/12 - (24px - 24px * -4/12) + 24px); }
  .rich-content-banner--left:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .rich-content-banner--left:last-child {
    margin-right: 0; }
  .rich-content-banner--left:nth-child(12n) {
    margin-right: 0;
    float: right; }
  .rich-content-banner--left:nth-child(12n + 1) {
    clear: both; }
  .rich-content-banner--right {
    width: calc(99.9% * 4/12 - (24px - 24px * 4/12));
    position: relative;
    left: calc(99.9% * 8/12 - (24px - 24px * 8/12) + 24px); }
  .rich-content-banner--right:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .rich-content-banner--right:last-child {
    margin-right: 0; }
  .rich-content-banner--right:nth-child(12n) {
    margin-right: 0;
    float: right; }
  .rich-content-banner--right:nth-child(12n + 1) {
    clear: both; } }

@media (max-width: 767px) {
  .rich-content-banner--right {
    margin-bottom: 16px; } }

.rich-content-banner__subheading {
  font-size: 1.5em;
  font-weight: 700;
  color: #204a88;
  margin-bottom: 16px; }

.rich-content-banner__heading {
  font-size: 2em;
  font-weight: 700;
  color: #008787;
  margin-bottom: 24px; }
  @media (max-width: 767px) {
    .rich-content-banner__heading {
      margin-bottom: 8px; } }
  @media (max-width: 550px) {
    .rich-content-banner__heading {
      font-size: 1.625em; } }

body.ZHCN .rich-content-banner__heading {
  font-weight: 500; }

body.JAJP .rich-content-banner .rich-content-banner__paragraph {
  line-height: 1.5em; }

body.ZHTW .rich-content-banner .rich-content-banner__heading {
  font-size: 2.25rem; }

body.ZHTW .rich-content-banner .rich-content-banner__paragraph {
  line-height: 1.6em; }

.sg-banner__wrapper {
  top: 0;
  left: 50%; }

.sg-banner__img {
  top: 0;
  right: 0;
  width: 50%; }
  .sg-banner__img:before {
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(#FFFFFF), color-stop(25%, rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to right, #FFFFFF 0%, rgba(255, 255, 255, 0) 25%); }

.action-block {
  background-color: #F4F4F4;
  display: grid;
  grid-gap: 1.5rem;
  gap: 1.5rem;
  padding: 1.5rem 1rem; }
  @media (min-width: 551px) {
    .action-block {
      padding-left: 2rem;
      padding-right: 2rem; } }
  @media (min-width: 851px) {
    .action-block {
      grid-template-columns: 0.7fr 0.3fr; } }
  .action-block:not(:last-child) {
    margin-bottom: 1rem; }
  .action-block .left > *:last-child,
  .action-block .right > *:last-child {
    margin-bottom: 0; }
  .action-block .right button,
  .action-block .right a {
    width: 100%; }

.address-block {
  height: 290px; }
  .address-block:not(.address-block--add) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 24px;
    border-top: 5px solid #008787; }
  @media (max-width: 850px) {
    .address-block {
      padding: 16px; } }

.address-block--add {
  background-color: #FCFCFC;
  border: 1px dashed #D6D6D6; }
  @media (min-width: 1025px) {
    .address-block--add .address-block__trigger:hover .address-block__icon {
      color: #008787; } }
  .address-block--add .address-block__icon {
    font-size: 27px;
    color: #ADADAD;
    -webkit-transition: color 0.3s;
    transition: color 0.3s; }

.address-block__container {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.address-block__heading + button {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #008787; }
  @media (min-width: 1025px) {
    .address-block__heading + button:hover {
      color: rgba(0, 135, 135, 0.8); } }

.address-block__subheading {
  margin: 16px 0;
  color: #AFB3BA; }
  @media (max-width: 850px) {
    .address-block__subheading {
      margin: 4px 0; } }

.alphabets-bar {
  background-color: #F4F4F4; }
  @media (min-width: 768px) {
    .alphabets-bar {
      padding: 40px 0 16px 0;
      margin-top: -48px; } }
  @media (max-width: 767px) {
    .alphabets-bar {
      padding: 16px 0; }
  .alphabets-bar__list {
    overflow-x: auto; } }

.alphabets-bar__item {
  color: #008787; }
  @media (max-width: 767px) {
    .alphabets-bar__item {
      -webkit-box-flex: 0;
          -ms-flex: 0 0  50px;
              flex: 0 0  50px; } }

.alphabets-bar__link {
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }
  @media (min-width: 1025px) {
    .alphabets-bar__link:hover {
      color: rgba(0, 135, 135, 0.8); } }

.alphabets-bar__item--disable {
  color: #ADADAD; }

.alphabet-lists {
  border-bottom: 1px solid #D6D6D6; }
  @media (min-width: 768px) {
    .alphabet-lists {
      padding: 40px 0; } }
  @media (max-width: 767px) {
    .alphabet-lists {
      padding: 24px 0; } }
  .alphabet-lists:last-child {
    border-bottom: 0; }

.alphabet-lists__heading {
  font-weight: 200;
  font-size: 2em;
  text-indent: 2px; }
  @media (min-width: 768px) {
    .alphabet-lists__heading {
      margin-bottom: 24px; } }
  @media (max-width: 767px) {
    .alphabet-lists__heading {
      margin-bottom: 16px; } }

body.ZHCN .alphabet-lists__heading {
  font-weight: 500; }

.alphabet-list {
  margin-bottom: 16px; }
  .alphabet-list.alphabet-list--no-margin {
    margin-bottom: 0; }
  @media (min-width: 1025px) {
    .alphabet-list:hover .alphabet-list__title {
      color: rgba(0, 135, 135, 0.8); } }

.alphabet-list__title {
  color: #008787;
  margin-bottom: 4px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }

.alphabet-list__text {
  color: #717171; }

.anchors-block {
  z-index: 1; }
  .anchors-block.is-active {
    top: 68px; }
  .anchors-block.is-absolute {
    position: absolute;
    top: auto;
    bottom: 0; }
  .anchors-block__inner {
    background-color: #F4F4F4;
    padding: 16px 16px 16px 12px; }
  .anchors-block .warranty-download {
    padding: 1.5em 20px; }

@media (max-width: 850px) {
  .js-stickyContainer {
    display: none; } }

.anchors-block__headings {
  border-left: 2px solid #EAEAEA;
  padding: 0 8px; }
  .anchors-block__headings .anchors-block__bar {
    left: -2px;
    content: '';
    height: 20px;
    width: 2px;
    background-color: #008787;
    -webkit-transition: top 0.3s ease-in, height 0.3s ease;
    transition: top 0.3s ease-in, height 0.3s ease; }

.anchors-block__heading {
  font-weight: 400;
  font-size: 1em;
  color: #202020;
  margin-bottom: 16px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  @media (min-width: 1025px) {
    .anchors-block__heading:hover {
      color: rgba(0, 135, 135, 0.8); } }
  .anchors-block__heading.is-active {
    color: #008787; }

.attachments-block__label {
  margin-bottom: 8px; }

.attachments-block__container {
  margin-bottom: 16px; }
  @media (max-width: 550px) {
    .attachments-block__container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.attachments-block__input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }
  .attachments-block__input:focus + .attachments-block__btn {
    border: 2px solid #ADADAD; }

.attachments-block__btn {
  margin-right: 16px;
  cursor: pointer; }
  @media (min-width: 1025px) {
    .attachments-block__btn.fill-btn.fill-btn--light:hover {
      border: 2px solid #ADADAD; } }
  @media (max-width: 550px) {
    .attachments-block__btn {
      margin: 0 0 8px 0; } }

.attachments-block__note {
  color: #858585; }

@media (min-width: 768px) {
  .attachments-block__bars {
    width: calc(100% - 150px); } }

.attachments-block__bar {
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 4px;
  max-width: 500px;
  padding: 16px;
  color: #FFFFFF;
  background-color: #ADADAD;
  margin-bottom: 8px; }
  @media (min-width: 1025px) {
    .attachments-block__bar:hover {
      background-color: rgba(133, 133, 133, 0.8); } }
  @media (max-width: 550px) {
    .attachments-block__bar {
      width: 100%; } }
  .attachments-block__bar .fill-btn__icon {
    font-size: 12px; }

.article-author {
  padding-top: 68px;
  padding-bottom: 28px; }
  @media (max-width: 767px) {
    .article-author {
      padding-top: 48px;
      padding-bottom: 24px; } }
  .article-author .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .article-author .row::before, .article-author .row::after {
      content: none; }
  .article-author__details {
    max-width: 58.33%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33%;
            flex: 0 0 58.33%;
    padding: 28px 15px;
    color: #1F1F1F; }
    @media (max-width: 1024px) {
      .article-author__details {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 66.67%;
                flex: 0 0 66.67%;
        max-width: 66.67%; } }
    @media (max-width: 767px) {
      .article-author__details {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2; } }
    .article-author__details-name {
      margin: 0 0 16px; }
    .article-author__details-title {
      line-height: 1.22222em;
      margin: 0 0 8px; }
      @media (max-width: 767px) {
        .article-author__details-title {
          font-size: 16px; } }
    .article-author__details-company {
      font-size: 1.125em;
      line-height: 1.22222em;
      margin: 0 0 8px;
      color: rgba(31, 31, 31, 0.48); }
      @media (max-width: 767px) {
        .article-author__details-company {
          font-size: 16px; } }
    .article-author__details-description {
      margin-top: 32px; }
      .article-author__details-description p {
        margin: 0 0 16px; }
      .article-author__details-description > *:last-child {
        margin-bottom: 0; }
    .article-author__details-social {
      margin: 16px 0 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .article-author__details-social-title {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        margin-right: 8px;
        color: #979797;
        font-size: 0.875em;
        line-height: 1.625em;
        font-weight: 700; }
      .article-author__details-social-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        max-width: 100%;
        list-style: none;
        padding: 0;
        margin: 0;
        position: relative; }
        .article-author__details-social-list li {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-flex: 0;
              -ms-flex: 0 0 24px;
                  flex: 0 0 24px;
          max-width: 24px;
          padding: 0;
          margin: 4px 8px 4px 0; }
          .article-author__details-social-list li.active .article-author__media-link {
            color: #008787; }
          .article-author__details-social-list li a, .article-author__details-social-list li button.article-author__media-link {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 0;
                -ms-flex: 0 0 100%;
                    flex: 0 0 100%;
            max-width: 100%;
            font-size: 24px;
            color: #979797;
            -webkit-transition: color .3s;
            transition: color .3s; }
            .article-author__details-social-list li a:hover, .article-author__details-social-list li button.article-author__media-link:hover {
              color: #008787; }
  .article-author__avatar {
    max-width: 33.33%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
            flex: 0 0 33.33%;
    padding: 28px 15px; }
    .article-author__avatar--mobile {
      display: none; }
      @media (max-width: 767px) {
        .article-author__avatar--mobile {
          display: block; }
      .article-author__avatar--desktop {
        display: none; }
      .article-author__avatar {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        padding-top: 0;
        padding-bottom: 0; } }
    .article-author__avatar-image {
      max-width: 263px;
      height: auto;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      border-radius: 50%; }
  .article-author__media-modal {
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 246px;
    background-color: #EAEAEA;
    display: none; }
    @media (max-width: 767px) {
      .article-author__media-modal {
        bottom: 54px; } }
    .article-author__media-modal-header {
      padding: 8px 12px 8px 12px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .article-author__media-modal-header-title {
        max-width: calc(100% - 26px);
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        font-size: 16px;
        line-height: 1.5em;
        color: #717171;
        padding-left: 26px;
        text-align: center; }
      .article-author__media-modal-header-close {
        max-width: 16px;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        height: 16px;
        width: 16px;
        position: relative;
        margin-left: auto;
        cursor: pointer; }
        .article-author__media-modal-header-close::before, .article-author__media-modal-header-close::after {
          content: '';
          position: absolute;
          height: 1.2px;
          background-color: #212121;
          width: 100%;
          left: 50%;
          top: 50%; }
        .article-author__media-modal-header-close::before {
          -webkit-transform: translate(-50%, -50%) rotate(45deg);
                  transform: translate(-50%, -50%) rotate(45deg); }
        .article-author__media-modal-header-close::after {
          -webkit-transform: translate(-50%, -50%) rotate(-45deg);
                  transform: translate(-50%, -50%) rotate(-45deg); }
    .article-author__media-modal-content {
      padding: 0 16px 16px; }
      .article-author__media-modal-content img {
        display: block;
        width: 100%;
        height: auto; }

.basic-block {
  background-color: #FFFFFF;
  padding: 72px 0; }
  @media (max-width: 767px) {
    .basic-block {
      padding: 36px 16px; } }

.basic-pagination :not(.basic-pagination__item-wrapper) > .basic-pagination__item:first-child {
  margin-left: 0; }

.basic-pagination :not(.basic-pagination__item-wrapper) > .basic-pagination__item:last-child {
  margin-right: 0; }

.basic-pagination.small-icon .basic-pagination__icon {
  font-size: 0.75rem; }

.basic-pagination__item {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #202020;
  cursor: pointer;
  margin: 0 8px;
  padding: 4px; }
  @media (min-width: 1025px) {
    .basic-pagination__item:hover {
      color: rgba(32, 32, 32, 0.8); } }
  .basic-pagination__item.is-active {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    color: #484848;
    pointer-events: none;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: #FFFFFF;
    background-color: #ADADAD; }
    @media (min-width: 1025px) {
      .basic-pagination__item.is-active:hover {
        color: rgba(72, 72, 72, 0.8); } }
    @media (max-width: 767px) {
      .basic-pagination__item.is-active {
        width: 24px;
        height: 24px; } }

.basic-pagination__inner {
  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; }

.basic-pagination__item-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 0.5rem; }
  .basic-pagination__item-wrapper .basic-pagination__item:not(.visible) {
    display: none; }

.basic-pagination__icon {
  color: #717171;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  font-size: 14px;
  margin-left: 0.5rem; }
  @media (min-width: 1025px) {
    .basic-pagination__icon:hover {
      color: rgba(113, 113, 113, 0.8); } }

.basic-pagination__display {
  right: 0;
  top: 0;
  color: #717171; }
  @media (max-width: 767px) {
    .basic-pagination__display {
      position: relative;
      text-align: center;
      margin-top: 8px; } }

.basic-pagination__select-wrap {
  border: 1px solid #ADADAD;
  margin: 0 4px;
  padding: 4px;
  width: 55px; }
  .basic-pagination__select-wrap select::-ms-expand {
    display: none; }
  .basic-pagination__select-wrap:before {
    pointer-events: none;
    content: "";
    top: calc(50% - 2px);
    right: 8px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #202020;
    border-bottom: 0;
    -webkit-transition: border 0.3s;
    transition: border 0.3s; }

.brand-block {
  background-color: #F4F4F4;
  padding: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px; }
  @media (max-width: 767px) {
    .brand-block {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 16px; }
  .brand-block__list {
    margin-bottom: 16px; } }

.brand-block__container {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.brand-block__item {
  margin-bottom: 16px; }

.brand-block__detail {
  width: 49%; }
  .brand-block__detail:first-child {
    max-width: 125px;
    font-weight: 700; }

.brand-block__img {
  width: 161px; }

body.JAJP .brand-block__detail {
  width: calc(100% - 150px); }
  body.JAJP .brand-block__detail:first-child {
    max-width: 140px; }

body.ZHTW .brand-block {
  margin-bottom: 1.5rem; }

.bubble-block {
  -webkit-transform: translateY(30px);
          transform: translateY(30px); }
  .bubble-block:before {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #FFFFFF;
    position: absolute;
    bottom: 30px;
    left: calc(50% - 10px); }
    @media (min-width: 768px) {
      .bubble-block:before {
        content: ''; } }
  .bubble-block.pointer-block__bubble {
    color: #202020;
    background-color: transparent;
    font-size: 1em; }
    @media (min-width: 1025px) {
      .bubble-block.pointer-block__bubble:hover {
        pointer-events: auto;
        opacity: 1; } }
    @media (min-width: 768px) {
      .bubble-block.pointer-block__bubble {
        padding: 0 0 40px 0;
        width: 360px;
        left: calc(50% - 180px); } }
    @media (max-width: 767px) {
      .bubble-block.pointer-block__bubble {
        width: auto;
        left: calc(50% - 156px); } }
  .bubble-block .bullet-list__item {
    margin-bottom: 4px; }
    .bubble-block .bullet-list__item:before {
      background-color: #AFB3BA; }

.bubble-block__shadow {
  -webkit-box-shadow: 1px 4px 10px rgba(214, 214, 214, 0.8);
          box-shadow: 1px 4px 10px rgba(214, 214, 214, 0.8); }

.bubble-block__top {
  padding: 16px;
  background-color: #E2E7EA; }

.bubble-block__subheading {
  color: #008787;
  font-weight: 700;
  font-size: 0.75em;
  margin-bottom: 8px; }

.bubble-block__heading {
  margin-bottom: 16px; }

.bubble-block__title {
  width: calc(100% - 72px); }

.bubble-block__img {
  width: 50px;
  height: auto;
  margin-left: 16px; }

.bubble-block__bottom {
  padding: 16px;
  background-color: #FFFFFF; }

.bubble-block__btn {
  margin-right: 16px;
  width: 185px; }

.career-accordion-block {
  padding: 1rem;
  border-radius: 0.5rem;
  background-color: #FFFFFF; }
  @media (min-width: 768px) {
    .career-accordion-block {
      padding: 2rem; } }
  .career-accordion-block .basic-accordion__heading {
    font-family: "Neue Helvetica W01", Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
    font-weight: 700;
    font-size: 1.2rem;
    letter-spacing: 0;
    line-height: normal; }
    @media (min-width: 768px) {
      .career-accordion-block .basic-accordion__heading {
        font-family: "Neue Helvetica W01", Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
        font-weight: 700;
        font-size: 1.5rem;
        letter-spacing: 0;
        line-height: normal; } }
  .career-accordion-block .basic-accordion__trigger {
    -webkit-box-shadow: none;
            box-shadow: none;
    border-bottom: 1px solid #202020;
    padding-left: 0;
    padding-right: 0; }
  .career-accordion-block .basic-accordion__trigger,
  .career-accordion-block .basic-accordion__container {
    padding-left: 0;
    padding-right: 0; }
  .career-accordion-block .title {
    font-size: 1.125rem;
    line-height: 1.5em;
    margin-bottom: 1rem; }
    @media (min-width: 768px) {
      .career-accordion-block .title {
        font-size: 1.375rem;
        line-height: 1.5625em; }
    .career-accordion-block .border .col:not(:last-child) {
      border-right: 1px solid #202020; } }
  @media (max-width: 767px) {
    .career-accordion-block .border .col:not(:last-child) .inner {
      border-bottom: 1px solid #202020;
      padding-bottom: 1rem; } }
  .career-accordion-block .three-col-grid {
    margin-left: -2rem;
    margin-right: -2rem; }
    .career-accordion-block .three-col-grid .col {
      padding: 0 2rem 1rem; }
      @media (min-width: 768px) {
        .career-accordion-block .three-col-grid .col {
          padding: 0 2rem; } }
  .career-accordion-block .basic-accordion__icon {
    color: #008787;
    font-size: 1.5rem; }

.certifications-block {
  margin-bottom: 16px; }

.certification {
  -webkit-filter: gray;
          filter: gray;
  /* For IE9 */
  -webkit-filter: grayscale(1);
          filter: grayscale(1); }

.column-text-block {
  margin-bottom: 56px; }
  @media (max-width: 767px) {
    .column-text-block {
      margin-bottom: 32px; } }

.column-text-block__top {
  margin-bottom: 40px; }
  @media (max-width: 767px) {
    .column-text-block__top {
      margin-bottom: 24px; } }

.column-text-block__heading {
  color: #008787;
  margin-bottom: 16px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }

.column-text-block__paragraph {
  color: #484848; }

@media (min-width: 1025px) {
  .column-text-block__link:hover .column-text-block__heading {
    color: rgba(0, 135, 135, 0.6); } }

.compare-block {
  bottom: 0;
  left: 0;
  z-index: 20; }

#vue-product-compare .compare-block {
  z-index: 21; }

.compare-block__top {
  background-color: #858585;
  font-weight: 700;
  letter-spacing: 1px;
  color: #FFFFFF;
  padding: 22px 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  @media (min-width: 1025px) {
    .compare-block__top:hover {
      color: #D6D6D6; } }
  .compare-block__top.is-active .compare-block__icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

.compare-block__bottom {
  display: none;
  padding: 16px 0;
  background-color: #858585; }
  @media (max-width: 767px) {
    .compare-block__bottom .column--4 .column__item {
      width: calc(99.9% * 1/2 - (24px - 24px * 1/2)); }
    .compare-block__bottom .column--4 .column__item:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .compare-block__bottom .column--4 .column__item:last-child {
      margin-right: 0; }
    .compare-block__bottom .column--4 .column__item:nth-child(2n) {
      margin-right: 0;
      float: right; }
    .compare-block__bottom .column--4 .column__item:nth-child(2n + 1) {
      clear: both; } }

.compare-block__heading {
  margin-right: 24px; }

.compare-block__heading--amount {
  margin-right: 24px; }

.compare-block__item-outline {
  height: 160px;
  padding: 16px 8px;
  background-color: #FFFFFF; }
  .compare-block__item-outline.is-empty {
    border: 1px dashed #484848;
    background-color: #ADADAD; }
  .compare-block__item-outline:last-child {
    margin-right: 0; }

.compare-block__item {
  background-color: #FFFFFF; }

.compare-block__item--img {
  width: 75px;
  height: 75px;
  margin: 0 auto 16px; }

.compare-block__close {
  top: 8px;
  right: 8px;
  padding: 8px;
  z-index: 20; }

.compare-block__item--icon {
  font-size: 12px; }

.compare-block__footer {
  margin: 24px 0; }

.compare-block__clear {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #FFFFFF;
  padding: 16px 24px;
  margin-right: 32px; }
  @media (min-width: 1025px) {
    .compare-block__clear:hover {
      color: #AFB3BA; } }

.confirmation-block_title--center {
  text-align: center; }

[data-locale="cn"] .confirmation-block_title {
  font-weight: 600;
  font-size: 2em;
  line-height: 1.4em; }

.cookie-block {
  bottom: 0;
  left: 0;
  background-color: rgba(72, 72, 72, 0.8);
  z-index: 100;
  padding: 32px 0;
  display: none; }

.cookie-block__flex {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }

.cookie-block__p {
  width: calc(99.9% * 3/4 - (24px - 24px * 3/4));
  color: white; }

.cookie-block__p:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.cookie-block__p:last-child {
  margin-right: 0; }

.cookie-block__p:nth-child(2n) {
  margin-right: 0;
  float: right; }

.cookie-block__p:nth-child(2n + 1) {
  clear: both; }
  @media (max-width: 1024px) {
    .cookie-block__p {
      width: calc(99.9% * 2/3 - (24px - 24px * 2/3)); }
    .cookie-block__p:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .cookie-block__p:last-child {
      margin-right: 0; }
    .cookie-block__p:nth-child(2n) {
      margin-right: 0;
      float: right; }
    .cookie-block__p:nth-child(2n + 1) {
      clear: both; } }
  @media (max-width: 767px) {
    .cookie-block__p {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1));
      margin-bottom: 16px; }
    .cookie-block__p:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .cookie-block__p:last-child {
      margin-right: 0; }
    .cookie-block__p:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .cookie-block__p:nth-child(1n + 1) {
      clear: both; }
  .cookie-block__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

@media (min-width: 851px) {
  .cookie-block__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

.cookie-block__btns {
  width: calc(99.9% * 1/4 - (24px - 24px * 1/4)); }

.cookie-block__btns:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.cookie-block__btns:last-child {
  margin-right: 0; }

.cookie-block__btns:nth-child(2n) {
  margin-right: 0;
  float: right; }

.cookie-block__btns:nth-child(2n + 1) {
  clear: both; }
  @media (max-width: 1024px) {
    .cookie-block__btns {
      width: calc(99.9% * 1/3 - (24px - 24px * 1/3)); }
    .cookie-block__btns:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .cookie-block__btns:last-child {
      margin-right: 0; }
    .cookie-block__btns:nth-child(2n) {
      margin-right: 0;
      float: right; }
    .cookie-block__btns:nth-child(2n + 1) {
      clear: both; } }
  @media (max-width: 767px) {
    .cookie-block__btns {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
    .cookie-block__btns:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .cookie-block__btns:last-child {
      margin-right: 0; }
    .cookie-block__btns:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .cookie-block__btns:nth-child(1n + 1) {
      clear: both; } }

@media (max-width: 850px) and (min-width: 768px) {
  .cookie-block__btns .fill-btn, .cookie-block__btns .border-btn {
    width: 100%; } }
  .cookie-block__btns .border-btn {
    margin-right: 8px; }

@media (max-width: 850px) and (min-width: 768px) {
  .cookie-block__btns .border-btn {
    margin-bottom: 16px; } }

.edit-tags-block {
  background-color: #F4F4F4;
  padding: 0 8px;
  height: 0;
  opacity: 0; }
  .edit-tags-block .border-btn.border-btn--main,
  .edit-tags-block .fill-btn.fill-btn--main {
    border-width: 1px; }
  .edit-tags-block .text-remove {
    font-size: 12px; }
  .edit-tags-block .text-label {
    margin-right: 4px; }
  .edit-tags-block .text-tag {
    margin: 4px 8px 4px 0; }

.edit-tags-block__tags {
  resize: none;
  border: 1px solid #ADADAD;
  background-color: #FFFFFF;
  margin-bottom: 8px;
  min-height: 85px; }
  .edit-tags-block__tags.selectize-dropdown {
    border: 1px solid #858585;
    z-index: 20;
    max-height: 100px;
    overflow: auto; }
  .edit-tags-block__tags .selectize-input {
    padding: 8px; }
  .edit-tags-block__tags .item {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 4px 8px;
    background-color: #F4F4F4;
    color: #717171;
    -webkit-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
    margin: 4px 8px 4px 0; }
  .edit-tags-block__tags .remove {
    color: transparent;
    -webkit-transform: translateY(1px);
            transform: translateY(1px); }
    @media (min-width: 1025px) {
      .edit-tags-block__tags .remove:hover:after {
        color: #008787; } }
    .edit-tags-block__tags .remove:after {
      color: #717171;
      font-family: "icon";
      content: '\EA34';
      font-size: 12px;
      -webkit-transition: color 0.3s;
      transition: color 0.3s; }
  .edit-tags-block__tags .create,
  .edit-tags-block__tags .option {
    padding: 8px;
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s; }
    .edit-tags-block__tags .create.active,
    .edit-tags-block__tags .option.active {
      background-color: #008787;
      color: #FFFFFF; }

.event-block {
  background-color: #FFFFFF;
  margin-bottom: 24px;
  padding: 24px; }
  @media (min-width: 768px) {
    .event-block {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }
  @media (max-width: 767px) {
    .event-block {
      padding: 16px; } }

.event-block__img {
  width: 100%; }
  @media (min-width: 768px) {
    .event-block__img {
      max-width: 240px;
      margin-right: 24px; } }
  @media (max-width: 767px) {
    .event-block__img {
      margin-bottom: 16px; } }

@media (min-width: 768px) {
  .event-block__container {
    width: calc(100% - 265px); } }

.event-block__heading {
  border-bottom: 1px solid #D6D6D6;
  padding-bottom: 8px;
  margin-bottom: 16px; }

.event-block__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (min-width: 768px) {
    .event-block__contents {
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end; } }
  @media (max-width: 767px) {
    .event-block__contents {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }

.event-block__list {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  @media (min-width: 768px) {
    .event-block__list {
      max-width: calc(100% - 104px); } }
  @media (max-width: 767px) {
    .event-block__list {
      margin-bottom: 16px; } }

.event-block__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px; }

.event-block__list-heading {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
  margin-right: 8px; }
  @media (max-width: 767px) {
    .event-block__list-heading {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 80px;
              flex: 0 0 80px; } }

.event-block__list-paragraph {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 108px);
          flex: 0 0 calc(100% - 108px); }
  @media (max-width: 767px) {
    .event-block__list-paragraph {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 calc(100% - 88px);
              flex: 0 0 calc(100% - 88px); } }

.event-block__list-link {
  word-wrap: break-word; }

@media (min-width: 768px) {
  .filter-block {
    padding: 16px 24px 12px;
    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; } }

@media (max-width: 767px) {
  .filter-block {
    padding: 16px 16px 12px; } }

.filter-block + .column {
  margin: 16px 0; }

.filter-block + .shadow-block {
  padding: 16px 32px; }
  @media (max-width: 767px) {
    .filter-block + .shadow-block {
      padding: 16px; } }

.filter-block.-basic {
  margin-bottom: 16px;
  background-color: transparent;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0; }

.filter-block__label {
  font-weight: 700;
  margin-right: 8px; }

.filter-block--short {
  min-width: calc(33% - 21px); }

.filter-block__cing {
  color: #ADADAD; }
  @media (min-width: 768px) {
    .filter-block__cing {
      margin-right: 8px; } }
  @media (max-width: 767px) {
    .filter-block__cing {
      margin-right: 0;
      margin-bottom: 8px; } }

.filter-block__select-wrap {
  margin-right: 8px; }
  @media (min-width: 768px) {
    .filter-block__select-wrap {
      max-width: 300px; } }
  @media (max-width: 767px) {
    .filter-block__select-wrap {
      margin-bottom: 16px; }
      .filter-block__select-wrap:last-child {
        margin-bottom: 0; } }
  .filter-block__select-wrap:before {
    content: '';
    top: calc(50% - 2px);
    right: 16px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #484848;
    border-bottom: 0;
    -webkit-transition: border 0.3s;
    transition: border 0.3s; }
  .filter-block__select-wrap:last-child {
    margin-right: 0; }

.filter-block__select {
  background-color: #FFFFFF;
  border: 1px solid #F4F4F4;
  border-radius: 0;
  padding: 8px 16px;
  color: #484848; }
  .filter-block__select.is-active {
    border: 1px solid #858585; }
  .filter-block__select:focus {
    border: 1px solid #858585; }
  .filter-block__select.filter-block__select--big {
    font-size: 1em;
    padding: 12px 36px 12px 16px;
    border: 2px solid #D6D6D6;
    min-width: 240px; }
    @media (max-width: 850px) {
      .filter-block__select.filter-block__select--big {
        min-width: 210px; } }
    @media (max-width: 767px) {
      .filter-block__select.filter-block__select--big {
        min-width: auto; } }
    .filter-block__select.filter-block__select--big.is-active {
      border: 2px solid #858585; }
  .filter-block__select::-ms-expand {
    display: none; }

.filter-block__container {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: 8px; }
  .filter-block__container:last-child {
    margin-right: 0; }
  @media (min-width: 768px) {
    .filter-block__container {
      padding-left: 8px; }
  .filter-block__select-wrap + .filter-block__btns {
    max-width: calc(100% - 315px); } }

.filter-block__btn {
  margin-right: 4px;
  margin-bottom: 4px;
  background-color: #EAEAEA;
  padding: 6px 8px;
  font-size: 0.75em;
  color: #484848;
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s; }
  @media (min-width: 1025px) {
    .filter-block__btn:hover {
      color: #FFFFFF;
      background-color: #008787; } }
  .filter-block__btn.is-active {
    color: #FFFFFF;
    background-color: #008787; }
  .filter-block__btn:last-child {
    margin-right: 0; }

.filter-block__wrapper {
  display: none; }
  .filter-block__wrapper.is-active {
    display: block; }
  .filter-block__wrapper .filter-block--short {
    margin-bottom: 40px; }
    @media (max-width: 550px) {
      .filter-block__wrapper .filter-block--short {
        margin-bottom: 8px; } }

.filter-block__heading {
  margin-bottom: 4px; }
  @media (max-width: 767px) {
    .filter-block__heading {
      margin-bottom: 8px; }
      .filter-block__heading:last-child {
        margin-bottom: 4px; } }

.filter-loadmore-block {
  padding: 12px 0;
  margin-top: -32px; }
  .filter-loadmore-block.filter-loadmore-block--no-bg {
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: transparent;
    margin-top: 0; }
  .filter-loadmore-block.filter-loadmore-block--no-shadow {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .filter-loadmore-block.filter-loadmore-block--xtr-margin {
    margin-top: 0; }
  .filter-loadmore-block .simple-icon-btn__icon {
    font-size: 12px; }
  .filter-loadmore-block__btn-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media (min-width: 768px) {
      .filter-loadmore-block__btn-wrapper {
        -webkit-column-gap: calc(min(212px, 15vw));
           -moz-column-gap: calc(min(212px, 15vw));
                column-gap: calc(min(212px, 15vw)); } }

@media (min-width: 1025px) {
  .five-col-block--extra-padding {
    padding: 0 48px; } }

.five-col-block__row {
  margin-left: -15px;
  margin-right: -15px;
  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; }

.five-col-block .item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (max-width: 767px) {
    .five-col-block .item {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%; } }

.fix-btm-block {
  bottom: 0;
  left: 0;
  background-color: #F4F4F4;
  padding: 17px 0;
  z-index: 20; }

.fix-btm-block__text {
  color: #484848;
  margin-right: 24px; }

@media (min-width: 1025px) {
  .four-col-block--extra-padding {
    padding: 0 48px; } }

.four-col-block__row {
  margin-left: -15px;
  margin-right: -15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.four-col-block .item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (max-width: 767px) {
    .four-col-block .item {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%; } }

@media (min-width: 768px) {
  .half-img-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; } }

.half-img-block.half-img-block--divider {
  padding-bottom: 64px;
  margin-bottom: 64px;
  border-bottom: 1px solid #D6D6D6; }

.half-img-block__container {
  width: calc(50% - 24px); }
  @media (max-width: 767px) {
    .half-img-block__container {
      width: 100%; } }

.iframe-block {
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden; }
  .iframe-block iframe {
    top: 0;
    left: 0; }
  .iframe-block .prism-player {
    padding-bottom: 56.25%; }
  .iframe-block .CCH5playerContainer {
    position: absolute !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100% !important;
    height: auto !important; }
    .iframe-block .CCH5playerContainer > :not([class]) {
      height: 100% !important; }
  .iframe-block .ccH5playerBox {
    z-index: 1; }
  .iframe-block .ccH5Poster img {
    width: 100%; }
    .article__main-section .module-block .module-block__content .iframe-block .ccH5Poster img {
      width: 100%; }
  .iframe-block .video-thumbnail {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100% !important;
    width: 100% !important; }
    .iframe-block .video-thumbnail img {
      width: 100%;
      height: 100%; }
    .iframe-block .video-thumbnail .kWidgetPlayBtn {
      width: 60px;
      height: 60px;
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='40px' height='40px' viewBox='0 0 40 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='svg' transform='translate(-398.000000, -819.000000)'%3E%3Cg id='Group-10-Copy-3' transform='translate(398.000000, 819.000000)'%3E%3Ccircle id='Oval-81' fill='%23FFFFFF' opacity='0.9' cx='20' cy='20' r='20'%3E%3C/circle%3E%3Cpath d='M17.4930246,26.8300175 C16.5521794,27.4180458 15.7894737,27.0005862 15.7894737,25.8949891 L15.7894737,14.1050109 C15.7894737,13.0005807 16.5418083,12.5754723 17.4930246,13.1699825 L26.7175017,18.9352807 C27.6583469,19.5233089 27.668718,20.4702091 26.7175017,21.0647193 L17.4930246,26.8300175 Z' id='Triangle-5' fill='%23008787'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      margin: 0;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }

.modal--video .iframe-block {
  padding-top: 0; }

.cn-vid .iframe-block {
  padding-top: 0; }

.embeded-vid .prism-player {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.inline-arw-block__heading {
  font-size: 1.75rem;
  color: #333333;
  width: calc(99.9% * 3/10 - (24px - 24px * 3/10)); }

.inline-arw-block__heading:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.inline-arw-block__heading:last-child {
  margin-right: 0; }

.inline-arw-block__heading:nth-child(2n) {
  margin-right: 0;
  float: right; }

.inline-arw-block__heading:nth-child(2n + 1) {
  clear: both; }
  @media (max-width: 767px) {
    .inline-arw-block__heading {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1));
      margin-bottom: 24px; }
    .inline-arw-block__heading:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .inline-arw-block__heading:last-child {
      margin-right: 0; }
    .inline-arw-block__heading:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .inline-arw-block__heading:nth-child(1n + 1) {
      clear: both; } }

.inline-arw-block__container {
  width: calc(99.9% * 7/10 - (24px - 24px * 7/10)); }

.inline-arw-block__container:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.inline-arw-block__container:last-child {
  margin-right: 0; }

.inline-arw-block__container:nth-child(2n) {
  margin-right: 0;
  float: right; }

.inline-arw-block__container:nth-child(2n + 1) {
  clear: both; }
  @media (max-width: 767px) {
    .inline-arw-block__container {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
    .inline-arw-block__container:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .inline-arw-block__container:last-child {
      margin-right: 0; }
    .inline-arw-block__container:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .inline-arw-block__container:nth-child(1n + 1) {
      clear: both; } }

.inline-arw-block__item {
  margin-bottom: 24px; }
  .inline-arw-block__item .arrow-btn__text {
    text-transform: none; }

.inline-icon-block {
  margin-right: 16px; }
  @media (min-width: 768px) {
    .inline-icon-block {
      max-width: 260px; } }
  @media (max-width: 767px) {
    .inline-icon-block {
      max-width: 100%;
      text-align: center;
      margin-bottom: 16px; } }
  .inline-icon-block:last-child {
    margin-right: 0; }
  .inline-icon-block.inline-icon-block--full {
    max-width: 100%; }

.inline-icon-block__img {
  width: 30px;
  margin-right: 16px; }

.inline-icon-block__container {
  font-weight: 400;
  max-width: calc(100% - 80px); }

.inline-icon-block__heading {
  margin-bottom: 4px; }

.inline-icon-block__link {
  color: #008787; }
  .inline-icon-block__link span {
    text-decoration: underline; }

@media (min-width: 851px) {
  .inline-img-blocks .inline-img-block:nth-child(2n+1) .inline-img-block__container {
    position: relative;
    left: calc(99.9% * 7/12); }
  .inline-img-blocks .inline-img-block:nth-child(2n+1) .inline-img-block__img {
    position: relative;
    left: calc(99.9% * 0 - (24px - 24px * 0) + 24px); } }

@media (min-width: 1025px) {
  .inline-img-blocks.inline-img-blocks--l .inline-img-block:nth-child(2n+1) .inline-img-block__container {
    width: calc(50% - 24px);
    left: 100%;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); } }

@media (max-width: 1024px) {
  .inline-img-blocks.inline-img-blocks--l .inline-img-block:nth-child(2n+1) .inline-img-block__container {
    width: 100%;
    left: 0; } }

.inline-img-blocks.inline-img-blocks--l .inline-img-block__container {
  -webkit-transition: -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
  transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;
  transition: transform 0.3s ease-out, box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; }
  @media (min-width: 1025px) {
    .inline-img-blocks.inline-img-blocks--l .inline-img-block__container:hover {
      -webkit-transform: translate(-100%, -4px) !important;
              transform: translate(-100%, -4px) !important;
      -webkit-box-shadow: 0 10px 16px 0 rgba(32, 32, 32, 0.12);
              box-shadow: 0 10px 16px 0 rgba(32, 32, 32, 0.12); } }

.inline-img-block {
  margin-bottom: 56px; }
  @media (max-width: 767px) {
    .inline-img-block {
      margin-bottom: 24px; } }
  .inline-img-block__logo {
    margin-top: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    @media (max-width: 767px) {
      .inline-img-block__logo {
        margin-top: 16px; } }
    .inline-img-block__logo img {
      width: auto;
      height: auto;
      max-height: 50px;
      max-width: 100%; }
  .inline-img-block__link::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

@media (min-width: 851px) {
  .inline-img-block__img {
    width: calc(99.9% * 3/4);
    position: relative;
    left: calc(99.9% * 1/4); }
  .inline-img-block__img:nth-child(1n) {
    float: left;
    margin-right: 0;
    clear: none; }
  .inline-img-block__img:last-child {
    margin-right: 0; }
  .inline-img-block__img:nth-child(2n) {
    margin-right: 0;
    float: right; }
  .inline-img-block__img:nth-child(2n + 1) {
    clear: both; } }

@media (max-width: 850px) {
  .inline-img-block__img {
    width: calc(99.9% * 1/1 - (24px - 24px * 1/1));
    position: relative;
    left: calc(99.9% * 0 - (24px - 24px * 0) + 24px); }
  .inline-img-block__img:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .inline-img-block__img:last-child {
    margin-right: 0; }
  .inline-img-block__img:nth-child(1n) {
    margin-right: 0;
    float: right; }
  .inline-img-block__img:nth-child(1n + 1) {
    clear: both; } }

.inline-img-block__img.inline-img-block__img--left {
  position: relative;
  left: calc(99.9% * 0 - (24px - 24px * 0) + 24px); }

.inline-img-block__img.inline-img-block__img--s {
  max-height: 548px;
  -o-object-fit: cover;
     object-fit: cover; }
  @media (min-width: 1025px) {
    .inline-img-block__img.inline-img-block__img--s {
      width: calc(99.9% * 3/4);
      position: relative;
      left: calc(99.9% * 1/4); }
    .inline-img-block__img.inline-img-block__img--s:nth-child(1n) {
      float: left;
      margin-right: 0;
      clear: none; }
    .inline-img-block__img.inline-img-block__img--s:last-child {
      margin-right: 0; }
    .inline-img-block__img.inline-img-block__img--s:nth-child(2n) {
      margin-right: 0;
      float: right; }
    .inline-img-block__img.inline-img-block__img--s:nth-child(2n + 1) {
      clear: both; } }
  @media (max-width: 1024px) {
    .inline-img-block__img.inline-img-block__img--s {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1));
      position: relative;
      left: calc(99.9% * 0 - (24px - 24px * 0) + 24px); }
    .inline-img-block__img.inline-img-block__img--s:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .inline-img-block__img.inline-img-block__img--s:last-child {
      margin-right: 0; }
    .inline-img-block__img.inline-img-block__img--s:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .inline-img-block__img.inline-img-block__img--s:nth-child(1n + 1) {
      clear: both; } }

@media (min-width: 851px) {
  .inline-img-block__img--s {
    width: 65%;
    min-height: 400px; } }

.inline-img-block__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (min-width: 851px) {
    .inline-img-block__wrap {
      position: absolute; } }
  @media (max-width: 850px) {
    .inline-img-block__wrap {
      position: relative; } }
  .inline-img-block__wrap.inline-img-block__wrap--right {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  @media (min-width: 1025px) {
    .inline-img-blocks--l .inline-img-block__wrap {
      position: absolute; } }
  @media (max-width: 1024px) {
    .inline-img-blocks--l .inline-img-block__wrap {
      position: relative; } }

.inline-img-block__container {
  background-color: #FFFFFF; }
  @media (min-width: 851px) {
    .inline-img-block__container {
      width: calc(99.9% * 5/12); }
    .inline-img-block__container:nth-child(1n) {
      float: left;
      margin-right: 0;
      clear: none; }
    .inline-img-block__container:last-child {
      margin-right: 0; }
    .inline-img-block__container:nth-child(2n) {
      margin-right: 0;
      float: right; }
    .inline-img-block__container:nth-child(2n + 1) {
      clear: both; } }
  @media (max-width: 850px) {
    .inline-img-block__container {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
    .inline-img-block__container:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .inline-img-block__container:last-child {
      margin-right: 0; }
    .inline-img-block__container:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .inline-img-block__container:nth-child(1n + 1) {
      clear: both; } }
  @media (min-width: 768px) {
    .inline-img-block__container {
      padding: 32px; } }
  @media (max-width: 767px) {
    .inline-img-block__container {
      padding: 24px 16px; } }
  @media (max-width: 550px) {
    .inline-img-block__container {
      padding: 16px; } }
  .inline-img-block__container p {
    margin-bottom: 16px; }

.inline-img-block__subheading {
  font-weight: 700;
  letter-spacing: 1px;
  color: #204a88;
  margin-bottom: 16px; }

.inline-img-block__heading {
  font-size: 1.5em;
  line-height: 1.3em;
  margin-bottom: 16px;
  font-weight: 700; }

.inline-img-block__paragraph {
  margin-bottom: 16px; }

.inline-img-block__link {
  display: block; }

.inline-img-shadow {
  -webkit-box-shadow: 0 10px 16px 0 rgba(32, 32, 32, 0.12);
          box-shadow: 0 10px 16px 0 rgba(32, 32, 32, 0.12); }

body.ZHCN .inline-img-block__container p {
  line-height: 1.7; }

.inline-title-block {
  margin-bottom: 40px; }

.inline-title-block__heading {
  font-size: 1.375em;
  width: calc(99.9% * 3/10 - (24px - 24px * 3/10)); }

.inline-title-block__heading:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.inline-title-block__heading:last-child {
  margin-right: 0; }

.inline-title-block__heading:nth-child(2n) {
  margin-right: 0;
  float: right; }

.inline-title-block__heading:nth-child(2n + 1) {
  clear: both; }
  @media (max-width: 767px) {
    .inline-title-block__heading {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1));
      margin-bottom: 16px; }
    .inline-title-block__heading:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .inline-title-block__heading:last-child {
      margin-right: 0; }
    .inline-title-block__heading:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .inline-title-block__heading:nth-child(1n + 1) {
      clear: both; } }

.inline-title-block__container {
  width: calc(99.9% * 7/10 - (24px - 24px * 7/10)); }

.inline-title-block__container:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.inline-title-block__container:last-child {
  margin-right: 0; }

.inline-title-block__container:nth-child(2n) {
  margin-right: 0;
  float: right; }

.inline-title-block__container:nth-child(2n + 1) {
  clear: both; }
  @media (max-width: 767px) {
    .inline-title-block__container {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
    .inline-title-block__container:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .inline-title-block__container:last-child {
      margin-right: 0; }
    .inline-title-block__container:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .inline-title-block__container:nth-child(1n + 1) {
      clear: both; } }

.inline-title-block__paragraph {
  margin-bottom: 16px;
  color: #484848; }

.inline-title-block__note {
  margin-bottom: 16px;
  max-width: 365px;
  color: #484848; }

.inline-title-block__buttons {
  text-align: left; }
  @media (max-width: 550px) {
    .inline-title-block__buttons {
      text-align: center; } }
  @media (min-width: 768px) {
    .inline-title-block__buttons .simple-icon-btn {
      margin-left: 16px; } }
  .inline-title-block__buttons .simple-icon-btn__text {
    text-align: left; }
  @media (max-width: 767px) {
    .inline-title-block__buttons .fill-btn,
    .inline-title-block__buttons .border-btn {
      width: 100%;
      margin-bottom: 16px;
      margin-left: 0; } }
  .inline-title-block__buttons-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0.5rem; }
  .inline-title-block__buttons .border-btn--l .border-btn__icon {
    font-size: 18px; }
  .inline-title-block__buttons .js-follow-btn {
    margin-left: 0; }
  .inline-title-block__buttons .follow-us-btn-wrapper {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

.intro-block__subheading {
  font-weight: 700;
  font-size: 1.625em;
  padding-bottom: 16px;
  border-bottom: 1px solid #AFB3BA; }
  @media (min-width: 768px) {
    .intro-block__subheading {
      width: calc(99.9% * 1/3 - (24px - 24px * 1/3)); }
    .intro-block__subheading:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .intro-block__subheading:last-child {
      margin-right: 0; }
    .intro-block__subheading:nth-child(3n) {
      margin-right: 0;
      float: right; }
    .intro-block__subheading:nth-child(3n + 1) {
      clear: both; } }
  @media (max-width: 767px) {
    .intro-block__subheading {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
    .intro-block__subheading:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .intro-block__subheading:last-child {
      margin-right: 0; }
    .intro-block__subheading:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .intro-block__subheading:nth-child(1n + 1) {
      clear: both; } }

body.ZHCN .intro-block__subheading {
  letter-spacing: .085em; }

.intro-block__main {
  padding-top: 16px; }

.intro-block__heading {
  color: #008787;
  line-height: 1.1em; }
  @media (min-width: 1025px) {
    .intro-block__heading {
      width: calc(99.9% * 1/3 - (24px - 24px * 1/3)); }
    .intro-block__heading:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .intro-block__heading:last-child {
      margin-right: 0; }
    .intro-block__heading:nth-child(3n) {
      margin-right: 0;
      float: right; }
    .intro-block__heading:nth-child(3n + 1) {
      clear: both; } }
  @media (max-width: 1024px) {
    .intro-block__heading {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1));
      margin-bottom: 16px; }
    .intro-block__heading:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .intro-block__heading:last-child {
      margin-right: 0; }
    .intro-block__heading:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .intro-block__heading:nth-child(1n + 1) {
      clear: both; } }

body.ZHCN .intro-block__heading {
  letter-spacing: .06em; }

@media (min-width: 1025px) {
  .intro-block__paragraph {
    width: calc(99.9% * 1/2 - (24px - 24px * 1/2)); }
  .intro-block__paragraph:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .intro-block__paragraph:last-child {
    margin-right: 0; }
  .intro-block__paragraph:nth-child(3n) {
    margin-right: 0;
    float: right; }
  .intro-block__paragraph:nth-child(3n + 1) {
    clear: both; } }

@media (max-width: 1024px) {
  .intro-block__paragraph {
    width: calc(99.9% * 3/4 - (24px - 24px * 3/4)); }
  .intro-block__paragraph:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .intro-block__paragraph:last-child {
    margin-right: 0; }
  .intro-block__paragraph:nth-child(4n) {
    margin-right: 0;
    float: right; }
  .intro-block__paragraph:nth-child(4n + 1) {
    clear: both; } }

@media (max-width: 767px) {
  .intro-block__paragraph {
    width: calc(99.9% * 1/1 - (24px - 24px * 1/1));
    margin-bottom: 16px; }
  .intro-block__paragraph:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .intro-block__paragraph:last-child {
    margin-right: 0; }
  .intro-block__paragraph:nth-child(1n) {
    margin-right: 0;
    float: right; }
  .intro-block__paragraph:nth-child(1n + 1) {
    clear: both; } }

@media (min-width: 1025px) {
  .intro-block__btn {
    width: calc(99.9% * 1/6 - (24px - 24px * 1/6)); }
  .intro-block__btn:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .intro-block__btn:last-child {
    margin-right: 0; }
  .intro-block__btn:nth-child(3n) {
    margin-right: 0;
    float: right; }
  .intro-block__btn:nth-child(3n + 1) {
    clear: both; } }

@media (max-width: 1024px) {
  .intro-block__btn {
    width: calc(99.9% * 1/4 - (24px - 24px * 1/4)); }
  .intro-block__btn:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .intro-block__btn:last-child {
    margin-right: 0; }
  .intro-block__btn:nth-child(4n) {
    margin-right: 0;
    float: right; }
  .intro-block__btn:nth-child(4n + 1) {
    clear: both; } }

.list-block__link {
  padding: 24px 32px; }
  @media (min-width: 1025px) {
    .list-block__link:hover {
      background-color: rgba(0, 135, 135, 0.06); } }

.list-block__link .list-block__location {
  margin-right: 32px; }

.list-block__icon {
  color: #717171;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }

.location-block {
  max-width: 456px; }

.location-block__heading {
  padding-bottom: 16px;
  border-bottom: 1px solid #D6D6D6;
  margin-bottom: 16px; }

.location-block__paragraph span {
  width: 40px; }

body.ZHCN .location-block__paragraph span,
body.JAJP .location-block__paragraph span,
body.ZHTW .location-block__paragraph span {
  width: 60px; }

body.ZHCN .login-block .password-strength-text {
  display: none; }

body.ZHCN .login-block .password-strength-note {
  display: none; }

.login-block {
  background-color: #FFFFFF;
  float: none !important; }
  @media (max-width: 850px) {
    .login-block {
      width: calc(99.9% * 3/4 - (24px - 24px * 3/4));
      margin-left: calc(99.9% * (-1/8 * -1) - (24px - 24px * (-1/8 * -1)) + 24px) !important; }
    .login-block:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .login-block:last-child {
      margin-right: 0; }
    .login-block:nth-child(4n) {
      margin-right: 0;
      float: right; }
    .login-block:nth-child(4n + 1) {
      clear: both; } }
  @media (max-width: 767px) {
    .login-block {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1));
      margin-left: 0 !important;
      margin-right: 24px !important; }
    .login-block:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .login-block:last-child {
      margin-right: 0; }
    .login-block:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .login-block:nth-child(1n + 1) {
      clear: both; } }
  .login-block .password-strength-text {
    margin-top: 8px;
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: small;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (max-width: 550px) {
      .login-block .password-strength-text {
        display: block; } }
    .login-block .password-strength-text .password-strength-hint {
      font-weight: 700; }
    .login-block .password-strength-text .password-strength-not-acceptable {
      display: none; }
      .login-block .password-strength-text .password-strength-not-acceptable + .password-strength-indicator--custom {
        display: block; }
    .login-block .password-strength-text .password-strength-weak {
      display: none; }
      .login-block .password-strength-text .password-strength-weak + .password-strength-indicator--custom {
        display: block; }
        .login-block .password-strength-text .password-strength-weak + .password-strength-indicator--custom i:nth-of-type(1) {
          background-color: #008787; }
    .login-block .password-strength-text .password-strength-acceptable {
      display: none; }
      .login-block .password-strength-text .password-strength-acceptable + .password-strength-indicator--custom {
        display: block; }
        .login-block .password-strength-text .password-strength-acceptable + .password-strength-indicator--custom i:nth-of-type(1) {
          background-color: #008787; }
        .login-block .password-strength-text .password-strength-acceptable + .password-strength-indicator--custom i:nth-of-type(2) {
          background-color: #008787; }
    .login-block .password-strength-text .password-strength-average {
      display: none; }
      .login-block .password-strength-text .password-strength-average + .password-strength-indicator--custom {
        display: block; }
        .login-block .password-strength-text .password-strength-average + .password-strength-indicator--custom i:nth-of-type(1) {
          background-color: #008787; }
        .login-block .password-strength-text .password-strength-average + .password-strength-indicator--custom i:nth-of-type(2) {
          background-color: #008787; }
        .login-block .password-strength-text .password-strength-average + .password-strength-indicator--custom i:nth-of-type(3) {
          background-color: #008787; }
    .login-block .password-strength-text .password-strength-strong {
      display: none; }
      .login-block .password-strength-text .password-strength-strong + .password-strength-indicator--custom {
        display: block; }
        .login-block .password-strength-text .password-strength-strong + .password-strength-indicator--custom i:nth-of-type(1) {
          background-color: #008787; }
        .login-block .password-strength-text .password-strength-strong + .password-strength-indicator--custom i:nth-of-type(2) {
          background-color: #008787; }
        .login-block .password-strength-text .password-strength-strong + .password-strength-indicator--custom i:nth-of-type(3) {
          background-color: #008787; }
        .login-block .password-strength-text .password-strength-strong + .password-strength-indicator--custom i:nth-of-type(4) {
          background-color: #008787; }
    .login-block .password-strength-text .password-strength-excellent {
      display: none; }
      .login-block .password-strength-text .password-strength-excellent + .password-strength-indicator--custom {
        display: block; }
        .login-block .password-strength-text .password-strength-excellent + .password-strength-indicator--custom i:nth-of-type(1) {
          background-color: #008787; }
        .login-block .password-strength-text .password-strength-excellent + .password-strength-indicator--custom i:nth-of-type(2) {
          background-color: #008787; }
        .login-block .password-strength-text .password-strength-excellent + .password-strength-indicator--custom i:nth-of-type(3) {
          background-color: #008787; }
        .login-block .password-strength-text .password-strength-excellent + .password-strength-indicator--custom i:nth-of-type(4) {
          background-color: #008787; }
        .login-block .password-strength-text .password-strength-excellent + .password-strength-indicator--custom i:nth-of-type(5) {
          background-color: #008787; }
    .login-block .password-strength-text .password-strength-indicator--custom {
      display: none;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 310px;
              flex: 0 0 310px;
      max-width: 310px;
      height: 8px;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      @media (max-width: 550px) {
        .login-block .password-strength-text .password-strength-indicator--custom {
          margin-top: 8px; } }
      .login-block .password-strength-text .password-strength-indicator--custom span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        padding-left: 6px;
        padding-right: 6px; }
        @media (max-width: 550px) {
          .login-block .password-strength-text .password-strength-indicator--custom span {
            padding-left: 0;
            padding-right: 0; } }
      .login-block .password-strength-text .password-strength-indicator--custom i {
        height: 100%;
        width: calc(20% - 9px);
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        margin-right: 12px;
        background-color: #E0E0E0; }
        .login-block .password-strength-text .password-strength-indicator--custom i:nth-last-of-type(1) {
          margin-right: 0; }
  .login-block .password-strength-note {
    font-size: 14px;
    line-height: 20px;
    color: #484848; }

.login-block__main {
  padding: 56px 64px; }
  @media (max-width: 767px) {
    .login-block__main {
      padding: 16px; } }
  .login-block__main .narrow {
    max-width: 45ch; }

.login-block--cn .login-block__main {
  padding-bottom: 32px; }
  @media (max-width: 767px) {
    .login-block--cn .login-block__main {
      padding-bottom: 16px; } }

@media (max-width: 550px) {
  .login-block--cn .tab-section__tab:last-child {
    display: none; } }

.login-block__heading {
  font-size: 2em;
  font-weight: 200;
  margin-bottom: 24px; }

body.ZHCN .login-block__heading {
  font-weight: 500; }

.login-block__standalone .container {
  padding-left: 0;
  padding-right: 0; }

.login-block__standalone .login-block__back-link {
  margin-bottom: 48px;
  padding: 32px 0 0;
  font-weight: 700; }
  .login-block__standalone .login-block__back-link a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .login-block__standalone .login-block__back-link .icon-arrow-left {
    margin-right: 5px; }

.login-block__bottom {
  border-top: 1px solid #D6D6D6;
  padding: 24px 0;
  position: relative; }
  .login-block__bottom:after {
    content: '';
    top: -13px;
    right: 75px;
    width: 25px;
    height: 25px;
    background: #FFFFFF;
    border-right: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }

.login-block__note {
  margin-right: 8px; }

.login-block__link {
  font-weight: 700;
  font-size: 1em; }

.login-block__divider {
  margin-left: 8px;
  margin-right: 8px;
  width: 1px;
  position: relative; }
  .login-block__divider::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 12px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background-color: #202020; }

.login-block__hr {
  border-bottom: 1px solid #D6D6D6;
  margin-bottom: 48px; }
  .login-block__hr--compact {
    margin-bottom: 24px; }

.login-block__wechat-qr-code img {
  max-width: 192px;
  height: auto;
  width: 100%;
  margin: 0 auto; }

#wechat-login-container iframe {
  display: block;
  margin: 0 auto;
  max-width: 300px;
  width: 100%; }

.password-strength-indicator {
  font-size: 14px;
  line-height: 20px;
  margin-top: 8px;
  margin-bottom: 8px;
  display: none; }
  .password-strength-indicator.visible {
    display: block; }
  @media (max-width: 767px) {
    .password-strength-indicator {
      display: block; } }
  .password-strength-indicator strong {
    display: block;
    font-weight: 700; }
  .password-strength-indicator ul {
    margin: 8px 0 0 0;
    padding: 0;
    display: block;
    list-style: none; }
    .password-strength-indicator ul li {
      padding: 0;
      margin: 0;
      display: block; }
      .password-strength-indicator ul li.valid .icon {
        color: #008787; }
  .password-strength-indicator .icon {
    width: 12px;
    height: 12px;
    border: 1px solid #ADADAD;
    border-radius: 50%;
    font-size: 6px;
    line-height: 10px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    color: transparent; }

.mid-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (min-width: 851px) {
    .mid-block {
      margin-bottom: 64px;
      min-height: 480px; } }
  @media (max-width: 850px) {
    .mid-block {
      min-height: 400px;
      display: block;
      height: auto;
      margin-bottom: 32px; } }
  .mid-block:nth-child(2n) .mid-block__container {
    padding-right: 0; }
    @media (min-width: 851px) {
      .mid-block:nth-child(2n) .mid-block__container {
        margin-left: calc(99.9% * (-7/12 * -1) - (24px - 24px * (-7/12 * -1)) + 24px) !important;
        padding-left: 48px; } }
    @media (max-width: 850px) {
      .mid-block:nth-child(2n) .mid-block__container {
        margin-left: calc(99.9% * (-7/13 * -1) - (24px - 24px * (-7/13 * -1)) + 24px) !important;
        padding-left: 24px;
        padding-left: 0; } }
  .mid-block:nth-child(2n) .mid-block__img {
    left: 0;
    right: auto; }

.mid-block__container {
  padding-left: 0; }
  @media (min-width: 851px) {
    .mid-block__container {
      width: calc(99.9% * 5/12 - (24px - 24px * 5/12));
      padding-right: 48px; }
    .mid-block__container:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .mid-block__container:last-child {
      margin-right: 0; }
    .mid-block__container:nth-child(12n) {
      margin-right: 0;
      float: right; }
    .mid-block__container:nth-child(12n + 1) {
      clear: both; } }
  @media (max-width: 850px) {
    .mid-block__container {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1));
      padding-right: 0; }
    .mid-block__container:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .mid-block__container:last-child {
      margin-right: 0; }
    .mid-block__container:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .mid-block__container:nth-child(1n + 1) {
      clear: both; } }
  .mid-block__container .btn-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1.5rem 1.875rem; }

.mid-block__img {
  overflow: hidden;
  top: 0;
  right: 0; }
  @media (min-width: 851px) {
    .mid-block__img {
      position: absolute;
      width: calc((100% - 1160px) / 2 + (1160px - 24px * 11) / 12 * 7 + 24px * 6); } }
  @media (max-width: 850px) {
    .mid-block__img {
      position: relative;
      width: 100%;
      height: 250px;
      margin-bottom: 32px; } }

.mid-block__subheading {
  font-weight: 700;
  letter-spacing: 1px;
  color: #204a88;
  margin-bottom: 16px; }

.mid-block__heading {
  font-weight: 200;
  margin-bottom: 16px; }
  @media (min-width: 851px) {
    .mid-block__heading {
      font-size: 2.5em; } }
  @media (max-width: 850px) {
    .mid-block__heading {
      font-size: 2em; } }
  @media (max-width: 767px) {
    .mid-block__heading {
      font-size: 1.6em; } }

body.ZHCN .mid-block__heading {
  font-weight: 500; }

.mid-block__paragraph {
  margin-bottom: 32px; }

.mid-block--special {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .mid-block--special .mid-block__container {
    padding-right: 0;
    padding-left: 24px; }
    @media (min-width: 851px) {
      .mid-block--special .mid-block__container {
        margin-left: calc(99.9% * (-7/12 * -1) - (24px - 24px * (-7/12 * -1)) + 24px) !important; } }
    @media (max-width: 850px) {
      .mid-block--special .mid-block__container {
        margin-left: calc(99.9% * (-7/13 * -1) - (24px - 24px * (-7/13 * -1)) + 24px) !important;
        padding-left: 0; } }
  .mid-block--special .mid-block__img {
    right: auto;
    left: 0; }
  .mid-block--special .mid-block__paragraph {
    margin-bottom: 20px; }

body.ZHTW .mid-block__container .arrow-btn .arrow-btn__text {
  font-size: 1.125rem; }

@media (min-width: 1025px) {
  .modal-img-block:hover .modal-img-block__icon-wrap {
    opacity: 1; } }

.modal-img-block__icon-wrap {
  top: 0;
  right: 0;
  padding: 8px;
  background-color: #008787;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }
  @media (max-width: 1024px) {
    .modal-img-block__icon-wrap {
      opacity: 1;
      padding: 4px; } }

.modal-img-block__icon {
  color: #FFFFFF; }

.module-block .column, .module-block__subtitle, .module-block__heading--l, .module-block__date, .module-block__paragraph, .module-block__note, .module-block__pointer, .module-block__details, .module-block__list, .module-block__sm-img {
  margin-bottom: 24px; }

@media (min-width: 768px) {
  .module-block {
    padding: 32px; } }

@media (max-width: 767px) {
  .module-block {
    padding: 16px; } }

.module-block--white {
  background-color: #FFFFFF; }

.module-block--gray {
  background-color: #F4F4F4; }

.module-block .modal-img-block {
  margin-bottom: 32px; }

.module-block .border-table__td {
  padding: 8px 8px 8px 0; }

.module-block .border-table__td--padding-left {
  padding-left: 16px; }

.module-block .bullet-list__item {
  line-height: normal; }

.module-block.module-block--xscroll {
  overflow-x: auto; }

.module-block.module-block--bd-r {
  border-right: 1px solid #EAEAEA; }

.module-block__top {
  border-bottom: 1px solid #D6D6D6;
  padding-bottom: 16px;
  margin-bottom: 32px; }
  .module-block__top h2 {
    font-size: 1.5rem;
    margin-bottom: 16px; }
  .module-block__top p {
    margin-bottom: 8px; }

.module-block-bar {
  color: #FFFFFF;
  background-color: #008787;
  padding: 16px 32px; }
  @media (max-width: 767px) {
    .module-block-bar {
      padding: 16px; } }

body.ZHCN .module-block-bar__heading {
  letter-spacing: .085em; }

body.JAJP .module-block-bar__heading {
  font-size: 16px; }

.module-block__subtitle {
  color: #204a88;
  font-weight: 700; }

.module-block__heading--l {
  font-weight: 200;
  font-size: 1.625em; }
  @media (max-width: 767px) {
    .module-block__heading--l {
      font-size: 1.4em; } }

body.ZHCN .module-block__heading--l {
  font-weight: 500; }

body.JAJP .module-block__heading--l {
  line-height: 1.25em; }

.module-block__header {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-bottom: 1px solid #D6D6D6;
  margin-bottom: 40px; }
  @media (max-width: 550px) {
    .module-block__header {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-bottom: 24px; }
    .module-block__header .flex-between {
      margin-bottom: 16px; } }
  .module-block__header .simple-icon-btn--tag {
    margin-right: 8px; }
  .module-block__header .save-note-block {
    margin-left: 8px; }

.module-block__date {
  font-style: italic; }
  .module-block__date:not(.-no-line) {
    padding: 16px 0 32px;
    border-bottom: 1px solid #D6D6D6; }
  @media (max-width: 767px) {
    .module-block__date {
      padding: 16px 0; } }

.module-block__note {
  color: #FF8000; }

.modal-block__side-img {
  margin: 32px 24px 0 0;
  max-width: 75px; }
  @media (max-width: 767px) {
    .modal-block__side-img {
      margin: 0 0 16px 0; } }

.modal-block__side-content {
  width: calc(100% - 105px); }
  @media (max-width: 767px) {
    .modal-block__side-content {
      width: 100%; } }

.module-block__line-block {
  border-left: 5px solid #008787;
  background-color: #F4F4F4;
  padding: 32px 48px; }
  .module-block__line-block .modal-block__heading {
    font-weight: 700;
    font-size: 1.375em;
    margin-bottom: 24px; }

.module-block__i {
  vertical-align: middle;
  display: inline-block;
  padding-left: 4px;
  padding-right: 4px;
  line-height: 0; }
  @media (max-width: 767px) {
    .module-block__i {
      position: inherit; } }
  .module-block__i.is-active i, .module-block__i:hover i {
    color: rgba(0, 135, 135, 0.85); }
  .module-block__i i {
    color: #008787;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    font-size: 14px;
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px); }
  .module-block__i .icon-center {
    -webkit-transform: none;
            transform: none; }

.module-block__bubble {
  background-color: #D6D6D6;
  width: 300px;
  padding: 8px;
  font-size: 14px;
  right: -16px;
  opacity: 0;
  display: none;
  pointer-events: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 5;
  word-wrap: break-word; }
  @media (min-width: 768px) {
    .module-block__bubble {
      bottom: 30px; } }
  @media (max-width: 767px) {
    .module-block__bubble {
      margin: 0 0 16px 0;
      width: calc(100vw - 48px);
      right: 0; } }
  .module-block__bubble.module-block__bubble--small {
    width: 200px; }
    @media (max-width: 767px) {
      .module-block__bubble.module-block__bubble--small {
        width: 100%; } }
  .module-block__bubble:before {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: '';
    border-top: 8px solid #D6D6D6;
    bottom: -8px;
    right: 16px; }
    @media (max-width: 767px) {
      .module-block__bubble:before {
        display: none; } }

.module-block__table {
  border: 1px solid #EAEAEA;
  padding: 8px 24px 16px 24px;
  margin-bottom: 24px;
  overflow-x: auto; }
  @media (max-width: 767px) {
    .module-block__table {
      padding: 8px 16px 16px; } }

.module-block__table--shadow {
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05);
  padding: 8px 0 16px;
  margin-bottom: 80px; }
  .module-block__table--shadow.border-table__tr {
    padding: 0 24px; }
  .module-block__table--shadow .border-table__td,
  .module-block__table--shadow .border-table__th {
    padding: 16px; }

.module-block__table--row {
  margin-bottom: 40px; }

.module-block__card {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px 16px 16px 16px;
  border: 1px solid #EAEAEA;
  border-top: 2px solid #008787;
  min-height: 120px;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s; }
  @media (min-width: 1025px) {
    .module-block__card:hover {
      border-color: #D6D6D6;
      border-top-color: rgba(0, 135, 135, 0.8); } }

@media (max-width: 767px) {
  .module-block__link {
    width: 100%; } }

.module-block__pointer {
  max-width: 400px;
  margin: 0 auto; }

.module-block__card-download {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }

.module-block__card-note {
  color: #858585; }

.module-block__note-heading {
  color: #717171;
  margin-bottom: 16px; }

.module-block__card-icon {
  font-size: 18px; }

.module-block-footer {
  background-color: #FFFFFF;
  padding: 16px 40px;
  -webkit-box-shadow: 0 -2px 8px 0 rgba(32, 32, 32, 0.05);
          box-shadow: 0 -2px 8px 0 rgba(32, 32, 32, 0.05);
  margin-bottom: 24px; }
  @media (max-width: 550px) {
    .module-block-footer {
      font-size: 0.75em;
      padding: 16px; } }

.module-block-footer__note {
  color: #858585; }

.module-block-footer__actions .simple-icon-btn {
  margin-right: 16px; }

.module-block__loadmore {
  margin-top: 16px; }

.module-block__details {
  border-bottom: 1px solid #D6D6D6;
  padding-bottom: 16px; }
  .module-block__details li {
    color: #717171;
    line-height: 1.2em; }

.module-block__list li {
  margin-bottom: 8px; }

.module-block__sm-img {
  display: block;
  max-width: 390px;
  width: 100%; }

.module-block__block {
  padding: 32px;
  background-color: #EAEAEA; }
  @media (max-width: 767px) {
    .module-block__block {
      padding: 16px; } }
  .module-block__block h5 {
    margin-bottom: 8px; }

.module-block__social-heading {
  font-size: 0.875em;
  line-height: 1.857em;
  color: #979797;
  font-weight: 700;
  margin-right: 0.5rem; }

.module-block__social .media-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .module-block__social .media-list .media-list__icon {
    display: block; }
  .module-block__social .media-list .media-list__link {
    display: block; }
  .module-block__social .media-list__item {
    margin-right: 0.5rem; }

body.JAJP .module-block__date {
  margin-bottom: 5px; }

body.ZHTW .side-section .module-block__heading {
  font-size: 1.325rem; }

body.ZHTW .side-section .module-block__subheading {
  font-size: 1.125rem; }

body.ZHTW .side-section .module-block__title {
  line-height: 1.5em; }

.page-saved-block {
  color: #FFFFFF;
  background-color: #717171;
  font-size: 1.5em;
  padding: 20px 72px;
  top: -80px;
  display: none;
  z-index: 20; }
  @media (max-width: 767px) {
    .page-saved-block {
      position: fixed;
      top: 80px;
      left: calc(50% - 135px); } }

.pointer-block {
  overflow-x: visible;
  overflow-y: visible;
  top: 0;
  left: 0; }

.pointer-block__point {
  -webkit-transform: translate(-15px, -15px);
          transform: translate(-15px, -15px);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 4px solid #3EE9CB;
  -webkit-animation: ripple 1.7s linear infinite;
          animation: ripple 1.7s linear infinite;
  -webkit-transition: border 0.3s;
  transition: border 0.3s;
  z-index: 2; }
  .pointer-block__point:before {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #008787;
    top: calc(50% - 7px);
    left: calc(50% - 7px);
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s; }
  .pointer-block__point:hover {
    border: 4px solid #008787;
    -webkit-animation: ripple-stop 1.7s linear infinite;
            animation: ripple-stop 1.7s linear infinite;
    z-index: 3; }
    .pointer-block__point:hover:before {
      opacity: 1; }
    .pointer-block__point:hover .pointer-block__bubble {
      opacity: 1; }

@-webkit-keyframes ripple {
  0% {
    -webkit-box-shadow: 0 0 0 1px rgba(62, 233, 203, 0.5), 0 0 0 6px rgba(62, 233, 203, 0.3);
            box-shadow: 0 0 0 1px rgba(62, 233, 203, 0.5), 0 0 0 6px rgba(62, 233, 203, 0.3); }
  100% {
    -webkit-box-shadow: 0 0 0 6px rgba(62, 233, 203, 0.3), 0 0 0 14px rgba(62, 233, 203, 0);
            box-shadow: 0 0 0 6px rgba(62, 233, 203, 0.3), 0 0 0 14px rgba(62, 233, 203, 0); } }

@keyframes ripple {
  0% {
    -webkit-box-shadow: 0 0 0 1px rgba(62, 233, 203, 0.5), 0 0 0 6px rgba(62, 233, 203, 0.3);
            box-shadow: 0 0 0 1px rgba(62, 233, 203, 0.5), 0 0 0 6px rgba(62, 233, 203, 0.3); }
  100% {
    -webkit-box-shadow: 0 0 0 6px rgba(62, 233, 203, 0.3), 0 0 0 14px rgba(62, 233, 203, 0);
            box-shadow: 0 0 0 6px rgba(62, 233, 203, 0.3), 0 0 0 14px rgba(62, 233, 203, 0); } }

@-webkit-keyframes ripple-stop {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(62, 233, 203, 0);
            box-shadow: 0 0 0 0 rgba(62, 233, 203, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 1px rgba(62, 233, 203, 0);
            box-shadow: 0 0 0 1px rgba(62, 233, 203, 0); } }

@keyframes ripple-stop {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(62, 233, 203, 0);
            box-shadow: 0 0 0 0 rgba(62, 233, 203, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 1px rgba(62, 233, 203, 0);
            box-shadow: 0 0 0 1px rgba(62, 233, 203, 0); } }

.pointer-block__point--2 {
  -webkit-transform: translate(-8px, -8px);
          transform: translate(-8px, -8px);
  background-color: #204a88;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  -webkit-transition: border 0.3s;
  transition: border 0.3s; }
  .pointer-block__point--2:before, .pointer-block__point--2:after {
    content: "";
    pointer-events: none;
    display: block;
    width: 120px;
    height: 120px;
    position: absolute;
    top: -52px;
    left: -52px;
    background: rgba(32, 74, 136, 0.5);
    border: 1px solid #204a88;
    border-radius: 50%;
    z-index: -1;
    -webkit-animation: sonar-marker-pulse 3s infinite ease-out;
            animation: sonar-marker-pulse 3s infinite ease-out; }
  .pointer-block__point--2:after {
    -webkit-animation: sonar-marker-pulse-inner 3s infinite ease-out;
            animation: sonar-marker-pulse-inner 3s infinite ease-out; }
  .pointer-block__point--2:hover {
    background-color: #008787; }
    @media (max-width: 767px) {
      .pointer-block__point--2:hover {
        top: 100% !important;
        left: 50% !important;
        width: 0;
        height: 0;
        -webkit-transform: translate(0);
                transform: translate(0);
        z-index: 10; } }
    .pointer-block__point--2:hover:before, .pointer-block__point--2:hover:after {
      display: none; }
    .pointer-block__point--2:hover .pointer-block__bubble {
      opacity: 1;
      pointer-events: auto; }

.pointer-block__bubble {
  opacity: 0;
  padding: 8px;
  background-color: #008787;
  width: 200px;
  color: #FFFFFF;
  pointer-events: none;
  left: -18px; }
  @media (min-width: 768px) {
    .pointer-block__bubble {
      -webkit-transition: opacity 0.3s;
      transition: opacity 0.3s; } }
  .pointer-block__bubble[data-bubble-position="top"] {
    bottom: 30px; }
  .pointer-block__bubble[data-bubble-position="bottom"] {
    top: 30px; }
  @media (max-width: 767px) {
    .pointer-block__bubble {
      width: 120px;
      left: calc(50% - 60px); } }

@-webkit-keyframes sonar-marker-pulse {
  0% {
    opacity: .65;
    -webkit-transform: scale(0.1);
            transform: scale(0.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes sonar-marker-pulse {
  0% {
    opacity: .65;
    -webkit-transform: scale(0.1);
            transform: scale(0.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes sonar-marker-pulse-inner {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1);
            transform: scale(0.1); }
  24%, 90% {
    opacity: 0; }
  25% {
    opacity: .65;
    -webkit-transform: scale(0.1);
            transform: scale(0.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes sonar-marker-pulse-inner {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1);
            transform: scale(0.1); }
  24%, 90% {
    opacity: 0; }
  25% {
    opacity: .65;
    -webkit-transform: scale(0.1);
            transform: scale(0.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); } }

.preference-block {
  padding: 24px;
  background-color: #F4F4F4;
  margin-bottom: 16px; }
  @media (max-width: 767px) {
    .preference-block {
      padding: 16px; } }
  .preference-block--extra-padding {
    padding: 24px 24px 48px; }

.preference-block__heading {
  color: #008787;
  margin-bottom: 24px; }

.preference-block__hr {
  border: none;
  padding-bottom: 16px;
  margin-top: 16px; }

.preference-block__check .basic-form__checkbox-list {
  color: #008787;
  margin-left: 0; }

.preference-block__check .basic-form__checkbox {
  left: 0; }

.preference-block__check + .preference-block__paragraph {
  padding-right: 40px; }

.preference-block__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  margin-bottom: 24px; }
  @media (min-width: 768px) {
    .preference-block__column .preference-block {
      width: calc(50% - 8px);
      margin-right: 16px; }
      .preference-block__column .preference-block:nth-child(2n) {
        margin-right: 0; } }
  @media (max-width: 767px) {
    .preference-block__column .preference-block {
      width: 100%; } }

.preference-block-note {
  color: #E26C6C;
  margin-bottom: 16px;
  display: none; }

.basic-form__checkbox-wrap.preference-block__check {
  margin-bottom: 1em; }

.product-bars {
  margin-bottom: 40px; }

.product-bar--border {
  border: 1px solid #EAEAEA; }

.product-bar__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  max-width: 70%; }
  @media (min-width: 768px) {
    .product-bar__info {
      gap: 0.25rem; } }

.product-bar__link {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 8px 16px; }

.product-bar__item {
  height: 70px;
  width: 70px;
  margin-right: 32px; }

.product-bar__img {
  padding-top: 100%; }

.product-bar__name {
  color: #484848;
  line-height: 1; }

.product-bar__id {
  line-height: 1 !important; }

.product-bar__icon {
  right: 24px; }

@media (min-width: 768px) {
  .product-single-block .side-border-tag {
    position: absolute;
    top: -6px;
    right: 0; } }

@media (max-width: 767px) {
  .product-single-block .side-border-tag {
    display: inline-block;
    margin-bottom: 16px; }
  .product-single-block.flex-center,
  .product-single-block .flex-center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }

@media (min-width: 768px) {
  .product-single-block__side {
    width: calc(99.9% * 5/12 - (64px - 64px * 5/12)); }
  .product-single-block__side:nth-child(1n) {
    float: left;
    margin-right: 64px;
    clear: none; }
  .product-single-block__side:last-child {
    margin-right: 0; }
  .product-single-block__side:nth-child(2n) {
    margin-right: 0;
    float: right; }
  .product-single-block__side:nth-child(2n + 1) {
    clear: both; } }

@media (max-width: 767px) {
  .product-single-block__side {
    width: calc(99.9% * 1/1 - (24px - 24px * 1/1));
    margin-bottom: 24px; }
  .product-single-block__side:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .product-single-block__side:last-child {
    margin-right: 0; }
  .product-single-block__side:nth-child(1n) {
    margin-right: 0;
    float: right; }
  .product-single-block__side:nth-child(1n + 1) {
    clear: both; } }

@media (min-width: 768px) {
  .product-single-block__main {
    width: calc(99.9% * 7/12 - (64px - 64px * 7/12)); }
  .product-single-block__main:nth-child(1n) {
    float: left;
    margin-right: 64px;
    clear: none; }
  .product-single-block__main:last-child {
    margin-right: 0; }
  .product-single-block__main:nth-child(2n) {
    margin-right: 0;
    float: right; }
  .product-single-block__main:nth-child(2n + 1) {
    clear: both; } }

@media (max-width: 767px) {
  .product-single-block__main {
    width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
  .product-single-block__main:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .product-single-block__main:last-child {
    margin-right: 0; }
  .product-single-block__main:nth-child(1n) {
    margin-right: 0;
    float: right; }
  .product-single-block__main:nth-child(1n + 1) {
    clear: both; } }

@media (max-width: 550px) {
  .product-single-block__main .bold-title-heading--l {
    font-size: 1.375em; } }

.product-single-block__heading {
  font-weight: 700;
  font-size: 1.625em;
  color: #204a88; }
  @media (max-width: 850px) {
    .product-single-block__heading {
      margin-bottom: 24px; } }
  @media (max-width: 767px) {
    .product-single-block__heading {
      font-size: 1.375em; } }

.quotation-block {
  padding: 24px;
  background-color: #FFFFFF; }
  .quotation-block:not(:last-child) {
    margin-bottom: 1rem; }
  .quotation-block:last-child {
    margin-bottom: 2rem; }
  @media (max-width: 767px) {
    .quotation-block {
      padding: 16px; } }

.quotation-block__img-wrap {
  width: calc(99.9% * 1/6 - (24px - 24px * 1/6)); }

.quotation-block__img-wrap:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.quotation-block__img-wrap:last-child {
  margin-right: 0; }

.quotation-block__img-wrap:nth-child(6n) {
  margin-right: 0;
  float: right; }

.quotation-block__img-wrap:nth-child(6n + 1) {
  clear: both; }
  @media (max-width: 767px) {
    .quotation-block__img-wrap {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1));
      margin-bottom: 16px; }
    .quotation-block__img-wrap:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .quotation-block__img-wrap:last-child {
      margin-right: 0; }
    .quotation-block__img-wrap:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .quotation-block__img-wrap:nth-child(1n + 1) {
      clear: both; } }

.quotation-block__container {
  width: calc(99.9% * 5/6 - (24px - 24px * 5/6)); }

.quotation-block__container:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.quotation-block__container:last-child {
  margin-right: 0; }

.quotation-block__container:nth-child(6n) {
  margin-right: 0;
  float: right; }

.quotation-block__container:nth-child(6n + 1) {
  clear: both; }
  @media (max-width: 767px) {
    .quotation-block__container {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
    .quotation-block__container:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .quotation-block__container:last-child {
      margin-right: 0; }
    .quotation-block__container:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .quotation-block__container:nth-child(1n + 1) {
      clear: both; } }

@media (min-width: 768px) {
  .quotation-block__img {
    max-width: 120px;
    margin: 0 auto;
    margin-bottom: 16px; } }

@media (max-width: 767px) {
  .quotation-block__img {
    display: inline-block;
    vertical-align: middle;
    max-width: 50px; } }

@media (min-width: 768px) {
  .quotation-block__qty {
    text-align: center; } }

@media (max-width: 767px) {
  .quotation-block__qty {
    display: inline-block;
    vertical-align: middle;
    margin-left: 16px; } }

.quotation-block__label {
  font-weight: 700;
  color: #858585;
  margin-right: 8px; }

.quotation-block__num {
  width: 50px;
  border: 1px solid #D6D6D6;
  padding: 2px 0;
  height: 23px;
  -webkit-transition: border 0.3s;
  transition: border 0.3s; }
  .quotation-block__num:focus, .quotation-block__num.is-valid {
    border: 2px solid #008787; }

.quotation-block__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 24px; }
  @media (max-width: 767px) {
    .quotation-block__top {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-bottom: 16px; } }

.quotation-block__title {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  @media (max-width: 767px) {
    .quotation-block__title {
      margin-bottom: 8px; } }

@media (min-width: 768px) {
  .quotation-block__control {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 140px;
            flex: 0 0 140px; } }

.quotation-block__heading {
  font-weight: 700;
  font-size: 1.125em;
  margin-bottom: 8px; }

.quotation-block__subheading {
  font-weight: 400;
  margin-bottom: 4px; }

.quotation-block__remove {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #717171;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (min-width: 1025px) {
    .quotation-block__remove:hover {
      color: rgba(113, 113, 113, 0.8); } }
  @media (min-width: 768px) {
    .quotation-block__remove {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; } }
  .quotation-block__remove span {
    margin-left: 8px; }

.quotation-block__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }

.quotation-block__block {
  width: calc(99.9% * 1/2); }

.quotation-block__block:nth-child(1n) {
  float: left;
  margin-right: 0;
  clear: none; }

.quotation-block__block:last-child {
  margin-right: 0; }

.quotation-block__block:nth-child(2n) {
  margin-right: 0;
  float: right; }

.quotation-block__block:nth-child(2n + 1) {
  clear: both; }
  @media (max-width: 767px) {
    .quotation-block__block {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1));
      margin-bottom: 8px; }
    .quotation-block__block:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .quotation-block__block:last-child {
      margin-right: 0; }
    .quotation-block__block:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .quotation-block__block:nth-child(1n + 1) {
      clear: both; } }
  @media (min-width: 768px) {
    .quotation-block__block:first-child {
      padding-right: 32px; } }
  .quotation-block__block:last-child {
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px); }
    @media (min-width: 768px) {
      .quotation-block__block:last-child {
        border-left: 1px solid #EAEAEA;
        padding-left: 32px; } }
  .quotation-block__block.quotation-block__block--full {
    border-left: none;
    padding: 0; }

.quotation-block__list {
  margin-bottom: 16px; }

.quotation-block__list-top {
  border-top: 1px solid #EAEAEA; }
  @media (max-width: 767px) {
    .quotation-block__list-top {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      padding: 8px 0; } }
  @media (min-width: 768px) {
    .quotation-block__list-top .tag-btn {
      -webkit-transform: translate(-4px, 4px);
              transform: translate(-4px, 4px); } }

.quotation-block__list-heading {
  color: rgba(32, 32, 32, 0.5);
  padding: 8px 0; }

.quotation-block__item {
  margin-bottom: 4px; }

.quotation-block__status {
  background-color: #FCFCFC;
  padding: 16px; }
  .quotation-block__status--editing .border-btn {
    pointer-events: none;
    opacity: 0; }

.quotation-block__edit-heading {
  font-size: 1.625em;
  font-weight: 200;
  color: #484848;
  margin-bottom: 32px; }
  @media (max-width: 767px) {
    .quotation-block__edit-heading {
      font-size: 1.4em;
      margin-bottom: 16px; } }

body.ZHCN .quotation-block__edit-heading {
  font-weight: 500; }

.quotation-details {
  padding: 32px 48px;
  background-color: #F4F4F4;
  margin: -16px 0 16px; }
  @media (max-width: 850px) {
    .quotation-details {
      padding: 24px; } }
  @media (max-width: 767px) {
    .quotation-details {
      padding: 16px; } }

.quotation-details__heading {
  margin-bottom: 16px;
  color: #858585; }

.quotation-details__filter-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 24px;
  margin-bottom: 40px;
  -webkit-box-shadow: 0 2px 7px 0 rgba(32, 32, 32, 0.05);
          box-shadow: 0 2px 7px 0 rgba(32, 32, 32, 0.05);
  background-color: #FFFFFF; }

.quotation-details__filter-block--left {
  margin-right: 8px; }

.quotation-details__filter-block--heading {
  color: rgba(32, 32, 32, 0.3); }

.quotation-details__filter-block--button {
  background-color: #D6D6D6;
  padding: 8px 16px;
  margin-right: 8px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  .quotation-details__filter-block--button.is-active {
    background-color: #008787;
    color: #FFFFFF; }

.quotation-details__filter-block--button {
  font-size: 0.75em; }

.quotation-details__category {
  position: relative;
  margin-bottom: 24px; }
  .quotation-details__category:last-child {
    margin-bottom: 32px; }

.quotation-details__close {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out;
  font-size: 14px;
  color: #858585; }
  .quotation-details__close:hover {
    opacity: 0.8; }

.quotation-details__category--heading {
  color: #484848;
  margin-bottom: 16px; }

.quotation-details__category--block {
  background-color: #FFFFFF;
  overflow-x: auto;
  padding: 16px; }

.quotation-details__subheading {
  color: #717171;
  margin-bottom: 16px; }

.quotation-details__des {
  color: rgba(32, 32, 32, 0.3); }

.quotation-details__compare-block {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 2px 10px 0 rgba(32, 32, 32, 0.05);
          box-shadow: 0 2px 10px 0 rgba(32, 32, 32, 0.05);
  padding: 24px;
  margin-bottom: 24px; }

.quotation-details__checkbox-block {
  margin-bottom: 40px; }

.quotation-details__checkbox-heading {
  color: #858585;
  margin-bottom: 16px; }

.quotation-details__checkbox-item {
  margin-bottom: 24px; }
  .quotation-details__checkbox-item:last-child {
    margin-bottom: 0; }

.quotation-block__btn {
  background-color: #EAEAEA;
  padding: 6px 8px;
  font-size: 0.75em;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  color: #484848; }
  @media (min-width: 1025px) {
    .quotation-block__btn:hover {
      background-color: #D6D6D6; } }

.quotation-block__note {
  color: #FF8000; }

@media (max-width: 550px) {
  .quotation-btn-wrpaper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }

.quotation-btn-wrpaper > :not(:last-child) {
  margin: 0 0 1rem 0; }
  @media (min-width: 551px) {
    .quotation-btn-wrpaper > :not(:last-child) {
      margin: 0 2rem 0 0; } }
  @media (min-width: 768px) {
    .quotation-btn-wrpaper > :not(:last-child) {
      margin: 0 4rem 0 0; } }

.quotation-btn-wrpaper--btn-width .border-btn, .quotation-btn-wrpaper--btn-width .fill-btn {
  width: 205px; }

.quote-block {
  padding: 40px 56px;
  background-color: #F4F4F4;
  max-width: 375px; }
  @media (max-width: 767px) {
    .quote-block {
      padding: 24px 40px; } }

.quote-block__img {
  margin-bottom: 16px; }

.quote-block__paragraph:before, .quote-block__paragraph:after {
  font-family: "icon";
  content: '\EA0E';
  font-size: 20px;
  color: #D6D6D6; }

.quote-block__paragraph:before {
  top: 0;
  left: -28px; }

.quote-block__paragraph:after {
  bottom: 0;
  right: -28px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.rating-bar {
  padding: 24px 80px;
  border-top: 1px solid #D6D6D6;
  border-bottom: 1px solid #D6D6D6;
  color: #484848; }
  @media (max-width: 1024px) {
    .rating-bar {
      padding: 24px 56px; } }
  @media (max-width: 767px) {
    .rating-bar {
      padding: 24px 0; } }

.rating-bar__note {
  margin-bottom: 16px; }

@media (max-width: 850px) {
  .rating-bar__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .rating-bar__title {
    margin-bottom: 8px; } }

.recommend-block {
  background-color: #EAEAEA;
  padding: 24px; }
  @media (max-width: 550px) {
    .recommend-block {
      padding: 16px; } }
  .recommend-block.recommend-block--no-bg {
    background-color: transparent;
    padding: 0; }

.recommend-block__heading {
  color: #008787;
  font-weight: 700;
  margin-bottom: 16px; }

.recommend-block__card-img {
  height: 88px;
  width: 88px;
  margin: 0 auto 24px; }

.recommend-block__cards {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.recommend-block__card {
  position: relative;
  margin: 0 16px 16px 0;
  background-color: #FFFFFF;
  display: none; }
  @media (min-width: 851px) {
    .recommend-block__card {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 32%;
              flex: 0 1 32%;
      padding: 16px 40px; }
      .ie-browser .recommend-block__card {
        max-width: 32%; } }
  @media (max-width: 850px) {
    .recommend-block__card {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 31.5%;
              flex: 0 1 31.5%;
      padding: 16px 24px; }
      .ie-browser .recommend-block__card {
        max-width: 31.5%; } }
  @media (max-width: 767px) {
    .recommend-block__card {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 100%;
              flex: 0 1 100%;
      margin-right: 0; } }
  .recommend-block__card:nth-child(3n) {
    margin-right: 0; }

.recommend-block__card-heading {
  font-weight: 700;
  text-align: center;
  margin-bottom: 16px; }

.recommend-block__card-des {
  text-align: center;
  color: #484848; }

body.JAJP .recommend-block__card-img {
  width: 185px;
  height: auto;
  max-width: 100%;
  margin-bottom: 10px; }

body.ZHTW .recommend-block__card-des {
  line-height: 1.5em; }

.reg-info-block__heading {
  width: calc(99.9% * 3/10 - (24px - 24px * 3/10));
  font-size: 2em;
  font-weight: 200; }

.reg-info-block__heading:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.reg-info-block__heading:last-child {
  margin-right: 0; }

.reg-info-block__heading:nth-child(10n) {
  margin-right: 0;
  float: right; }

.reg-info-block__heading:nth-child(10n + 1) {
  clear: both; }
  @media (max-width: 767px) {
    .reg-info-block__heading {
      font-size: 1.4em;
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1));
      margin-bottom: 16px; }
    .reg-info-block__heading:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .reg-info-block__heading:last-child {
      margin-right: 0; }
    .reg-info-block__heading:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .reg-info-block__heading:nth-child(1n + 1) {
      clear: both; } }

body.ZHCN .reg-info-block__heading {
  font-weight: 500; }

.reg-info-block__list {
  width: calc(99.9% * 7/10 - (24px - 24px * 7/10)); }

.reg-info-block__list:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.reg-info-block__list:last-child {
  margin-right: 0; }

.reg-info-block__list:nth-child(10n) {
  margin-right: 0;
  float: right; }

.reg-info-block__list:nth-child(10n + 1) {
  clear: both; }
  @media (max-width: 767px) {
    .reg-info-block__list {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
    .reg-info-block__list:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .reg-info-block__list:last-child {
      margin-right: 0; }
    .reg-info-block__list:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .reg-info-block__list:nth-child(1n + 1) {
      clear: both; } }

.reg-info-block__item {
  margin-bottom: 24px; }

.reg-info-block__link {
  padding-right: 24px; }

.reg-info-block__icon {
  top: calc(50% - 9px);
  right: 0; }

.related-block {
  border-bottom: 1px solid #D6D6D6;
  padding-bottom: 14px;
  margin-bottom: 16px; }

.related-block__heading {
  color: #204a88;
  margin-bottom: 8px; }

.related-block__paragraph {
  line-height: 1.4em; }

.related-block__link {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #202020; }
  @media (min-width: 1025px) {
    .related-block__link:hover {
      color: rgba(32, 32, 32, 0.8); } }

.result-block-wrap {
  -webkit-box-shadow: 0 0 3px 0 rgba(32, 32, 32, 0.05);
          box-shadow: 0 0 3px 0 rgba(32, 32, 32, 0.05); }
  .result-block-wrap > .result-block {
    -webkit-box-shadow: 0 6px 20px 0 rgba(32, 32, 32, 0.1);
            box-shadow: 0 6px 20px 0 rgba(32, 32, 32, 0.1); }

.result-block__additional {
  display: none; }

.result-block {
  margin-bottom: 16px;
  background-color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 24px; }
  @media (max-width: 767px) {
    .result-block {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 16px; } }

.result-block__img {
  max-width: 112px; }
  @media (max-width: 767px) {
    .result-block__img {
      margin: 0 auto 24px; } }

.result-block__container {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  @media (min-width: 768px) {
    .result-block__container {
      padding-left: 24px;
      width: calc(100% - 112px); }
      .result-block__additional .result-block__container {
        padding-left: 136px; } }
  @media (max-width: 767px) {
    .result-block__container {
      width: 100%; } }

.result-block__top {
  border-bottom: 1px solid #F4F4F4;
  padding-bottom: 8px;
  margin-bottom: 16px; }

.result-block__heading {
  font-weight: 700;
  font-size: 1.375em;
  width: calc(100% - 36px);
  margin-right: 16px; }
  @media (max-width: 767px) {
    .result-block__heading {
      font-size: 1.2em; } }

.result-block__subheading {
  margin-bottom: 8px; }

.result-block__paragraph {
  line-height: 1.5em; }

.result-block__switch.is-active {
  background-color: #008787;
  border-radius: 50%;
  width: 20px;
  height: 20px; }
  .result-block__switch.is-active .result-block__icon {
    font-size: 10px;
    color: #FFFFFF; }

.result-block__icon {
  font-size: 20px; }

.result-block__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  @media (max-width: 850px) {
    .result-block__main {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .result-block__main .basic-list {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: calc(100% - 270px); }
    @media (max-width: 850px) {
      .result-block__main .basic-list {
        width: 100%; } }

@media (min-width: 851px) {
  .result-block__info {
    width: calc(100% - 250px);
    padding-right: 24px; } }

@media (max-width: 850px) {
  .result-block__info {
    width: 100%;
    margin-bottom: 16px; } }

.result-block__info + .result-block__right {
  margin-top: 0; }

.result-block__right {
  width: 270px;
  -ms-flex-item-align: stretch;
      align-self: stretch; }
  @media (min-width: 851px) {
    .result-block__right {
      min-height: 160px;
      text-align: right; } }
  @media (max-width: 850px) {
    .result-block__right {
      width: 100%;
      -ms-flex-item-align: start;
          align-self: flex-start;
      margin-top: 24px; } }
  @media (min-width: 851px) {
    .result-block__right .border-btn {
      position: absolute;
      bottom: 0;
      right: 0; } }

.result-block__imgs {
  margin-bottom: 64px; }
  @media (max-width: 850px) {
    .result-block__imgs {
      margin-bottom: 24px; } }

.result-block__certificate {
  margin-left: 8px; }
  .result-block__certificate:first-child {
    margin-left: 0; }

.result-block__back-to-top .result-block__icon {
  display: inline;
  font-size: 8px; }

.result-block__back-to-top--text {
  display: inline;
  font-size: 14px;
  margin-right: 8px;
  font-weight: 700; }

.result-block__reset-search {
  margin-top: 8px; }
  .result-block__reset-search .result-block__icon {
    font-size: 16px;
    display: inline;
    margin-right: 8px;
    vertical-align: middle; }

.result-block__reset-search--text {
  display: inline;
  font-size: 14px;
  vertical-align: middle; }

.mix-container {
  margin-bottom: 16px; }

.result-block__certificate-img {
  width: 65px; }
  @media (max-width: 767px) {
    .result-block__certificate-img {
      width: 50px; } }

.result-block__contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 767px) {
    .result-block__contact {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.result-block__map {
  width: calc(99.9% * 7/12 - (24px - 24px * 7/12));
  min-height: 288px;
  height: 1px;
  overflow: hidden; }

.result-block__map:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.result-block__map:last-child {
  margin-right: 0; }

.result-block__map:nth-child(12n) {
  margin-right: 0;
  float: right; }

.result-block__map:nth-child(12n + 1) {
  clear: both; }
  @media (max-width: 767px) {
    .result-block__map {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1));
      min-height: 250px; }
    .result-block__map:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .result-block__map:last-child {
      margin-right: 0; }
    .result-block__map:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .result-block__map:nth-child(1n + 1) {
      clear: both; } }
  .result-block__map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.result-block__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: auto; }
  @media (max-width: 767px) {
    .result-block__btn {
      padding-top: 16px; } }

.result-block__intro {
  width: calc(99.9% * 5/12 - (24px - 24px * 5/12));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.result-block__intro:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.result-block__intro:last-child {
  margin-right: 0; }

.result-block__intro:nth-child(12n) {
  margin-right: 0;
  float: right; }

.result-block__intro:nth-child(12n + 1) {
  clear: both; }
  @media (max-width: 767px) {
    .result-block__intro {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1));
      margin-bottom: 16px; }
    .result-block__intro:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .result-block__intro:last-child {
      margin-right: 0; }
    .result-block__intro:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .result-block__intro:nth-child(1n + 1) {
      clear: both; } }

.result-block__intro--heading {
  margin-bottom: 24px; }
  @media (max-width: 767px) {
    .result-block__intro--heading {
      margin-bottom: 16px; }
  .result-block__intro--item {
    font-size: 1em;
    margin-bottom: 8px; }
    .result-block__intro--item:last-child {
      margin-bottom: 0; } }

.result-top-block {
  padding-bottom: 32px; }
  @media (max-width: 767px) {
    .result-top-block {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; } }
  .result-top-block .sort-dropdown__select {
    line-height: 1.2; }

.result-top-block--wide {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
  background-color: #FFFFFF;
  padding: 24px 32px;
  margin-bottom: 16px; }
  @media (max-width: 767px) {
    .result-top-block--wide {
      padding: 16px; } }

.result-top-block__heading {
  font-weight: 700; }
  @media (max-width: 767px) {
    .result-top-block__heading {
      margin-bottom: 16px; } }

.result-top-block__heading--big {
  font-size: 1.625em;
  margin-bottom: 32px; }

.save-note-block {
  color: #717171;
  line-height: 1.4em;
  display: none;
  max-width: 200px;
  vertical-align: middle; }
  .simple-icon-btn--tag + .save-note-block {
    margin-left: 8px; }

.search-resault-block--outline {
  margin-bottom: 40px; }

.search-resault-block {
  padding: 16px; }
  .search-resault-block.search-resault-block--with-border {
    border: 1px solid #EAEAEA; }

.search-resault-block__heading-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px; }
  @media (max-width: 550px) {
    .search-resault-block__heading-block {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
      .search-resault-block__heading-block > .simple-icon-btn {
        margin-right: 16px; } }
  .search-resault-block__heading-block .simple-icon-btn__icon {
    position: relative;
    top: auto;
    -webkit-transform: translateY(1px);
            transform: translateY(1px); }

.search-resault-block__tag {
  font-size: 0.625em;
  padding: 2px 4px;
  border: 1px solid #202020;
  margin-right: 4px;
  margin-top: 1px; }

.search-resault-block__heading {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #202020;
  font-size: 1.125em; }
  @media (min-width: 1025px) {
    .search-resault-block__heading:hover {
      color: rgba(32, 32, 32, 0.8); } }
  @media (max-width: 550px) {
    .search-resault-block__heading {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; } }

.search-resault-block__paragraph {
  margin-bottom: 4px;
  line-height: 1.2em; }

body.JAJP .search-resault-block__paragraph {
  line-height: 1.4em; }

.search-resault-block__ref-link {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #858585;
  font-size: 0.8em;
  word-break: break-all;
  line-height: 1.2em; }
  @media (min-width: 1025px) {
    .search-resault-block__ref-link:hover {
      color: rgba(133, 133, 133, 0.8); } }

.search-resault__side-block--heading {
  font-weight: 700;
  margin-bottom: 32px; }
  @media (max-width: 550px) {
    .search-resault__side-block--heading {
      margin-bottom: 16px; } }

.search-resault__side-block--paragraph {
  margin-bottom: 8px;
  line-height: 1.25em; }

.search-resault__side-block {
  margin-bottom: 48px; }
  @media (max-width: 850px) {
    .search-resault__side-block {
      -webkit-box-flex: 1;
          -ms-flex: 1 0;
              flex: 1 0;
      margin: 0 24px 0 0; }
      .search-resault__side-block:last-child {
        margin-right: 0; } }
  @media (max-width: 550px) {
    .search-resault__side-block {
      -webkit-box-flex: 100%;
          -ms-flex: 100%;
              flex: 100%;
      margin: 0 0 24px; }
      .search-resault__side-block:last-child {
        margin: 0; } }

.search-resault__quick-link {
  border-bottom: 1px solid #EAEAEA;
  padding-bottom: 16px;
  margin-bottom: 16px; }
  .search-resault__quick-link:last-child {
    margin-bottom: 0;
    border-bottom: 0; }

.search-resault__side-block--top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .search-resault__side-block--top .search-resault__btn {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px); }

.search-resault__btn {
  color: #484848;
  background-color: #F4F4F4;
  padding: 4px;
  float: right;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  @media (min-width: 1025px) {
    .search-resault__btn:hover {
      color: rgba(72, 72, 72, 0.8); } }

.search-resault__history {
  color: #008787;
  margin-bottom: 16px; }

.search-resault-ad-block {
  padding: 1rem;
  margin-bottom: 1rem;
  position: relative; }
  .search-resault-ad-block__inner {
    padding: 1.5rem;
    background-color: #F4F4F4;
    -webkit-transition: 0.3s -webkit-box-shadow ease-in-out;
    transition: 0.3s -webkit-box-shadow ease-in-out;
    transition: 0.3s box-shadow ease-in-out;
    transition: 0.3s box-shadow ease-in-out, 0.3s -webkit-box-shadow ease-in-out; }
    @media (max-width: 550px) {
      .search-resault-ad-block__inner {
        padding: 1rem; } }
  .search-resault-ad-block .heading {
    font-size: 16px;
    line-height: 1.4em;
    font-weight: 700;
    margin-bottom: 0.5rem; }
  .search-resault-ad-block p {
    font-size: 14px;
    line-height: 1.4em; }
  .search-resault-ad-block .content-wrapper {
    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;
    background-color: #FFFFFF;
    -webkit-box-shadow: 10px 10px 16px 0 rgba(32, 32, 32, 0.18);
            box-shadow: 10px 10px 16px 0 rgba(32, 32, 32, 0.18); }
    .search-resault-ad-block .content-wrapper .img-block {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 33.3333%;
              flex: 0 0 33.3333%;
      max-width: 33.3333%;
      overflow: hidden; }
      .search-resault-ad-block .content-wrapper .img-block .img {
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        aspect-ratio: 258 / 149;
        height: 100%; }
        @media (max-width: 550px) {
          .search-resault-ad-block .content-wrapper .img-block .img {
            aspect-ratio: 94/94; } }
    .search-resault-ad-block .content-wrapper .text-block {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      padding: 1rem; }
      @media (max-width: 550px) {
        .search-resault-ad-block .content-wrapper .text-block-wrapper {
          font-size: 14px;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 4;
          -webkit-box-orient: vertical; }
          .search-resault-ad-block .content-wrapper .text-block-wrapper .heading {
            font-size: 16px;
            margin-bottom: 8px; } }

@media (min-width: 851px) {
  .selector-block__left {
    width: calc(99.9% * 2/7 - (64px - 64px * 2/7)); }
  .selector-block__left:nth-child(1n) {
    float: left;
    margin-right: 64px;
    clear: none; }
  .selector-block__left:last-child {
    margin-right: 0; }
  .selector-block__left:nth-child(2n) {
    margin-right: 0;
    float: right; }
  .selector-block__left:nth-child(2n + 1) {
    clear: both; } }

@media (max-width: 850px) {
  .selector-block__left {
    width: calc(99.9% * 1/3 - (32px - 32px * 1/3)); }
  .selector-block__left:nth-child(1n) {
    float: left;
    margin-right: 32px;
    clear: none; }
  .selector-block__left:last-child {
    margin-right: 0; }
  .selector-block__left:nth-child(2n) {
    margin-right: 0;
    float: right; }
  .selector-block__left:nth-child(2n + 1) {
    clear: both; } }

@media (max-width: 767px) {
  .selector-block__left {
    width: calc(99.9% * 1/1 - (24px - 24px * 1/1));
    margin-bottom: 24px; }
  .selector-block__left:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .selector-block__left:last-child {
    margin-right: 0; }
  .selector-block__left:nth-child(1n) {
    margin-right: 0;
    float: right; }
  .selector-block__left:nth-child(1n + 1) {
    clear: both; } }

@media (min-width: 851px) {
  .selector-block__right {
    width: calc(99.9% * 5/7 - (64px - 64px * 5/7)); }
  .selector-block__right:nth-child(1n) {
    float: left;
    margin-right: 64px;
    clear: none; }
  .selector-block__right:last-child {
    margin-right: 0; }
  .selector-block__right:nth-child(2n) {
    margin-right: 0;
    float: right; }
  .selector-block__right:nth-child(2n + 1) {
    clear: both; } }

@media (max-width: 850px) {
  .selector-block__right {
    width: calc(99.9% * 2/3 - (32px - 32px * 2/3)); }
  .selector-block__right:nth-child(1n) {
    float: left;
    margin-right: 32px;
    clear: none; }
  .selector-block__right:last-child {
    margin-right: 0; }
  .selector-block__right:nth-child(2n) {
    margin-right: 0;
    float: right; }
  .selector-block__right:nth-child(2n + 1) {
    clear: both; } }

@media (max-width: 767px) {
  .selector-block__right {
    width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
  .selector-block__right:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .selector-block__right:last-child {
    margin-right: 0; }
  .selector-block__right:nth-child(1n) {
    margin-right: 0;
    float: right; }
  .selector-block__right:nth-child(1n + 1) {
    clear: both; } }

.selector-block__right .filter-block {
  margin-bottom: 24px; }

@media (max-width: 850px) {
  .selector-block__right .top-img-cards .top-img-card {
    width: calc(50% - 24px); } }

@media (max-width: 767px) {
  .selector-block__right .top-img-cards .top-img-card {
    width: 100%; } }

.selector-block__btn {
  color: #484848;
  background-color: #F4F4F4;
  padding: 4px;
  float: right;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  @media (min-width: 1025px) {
    .selector-block__btn:hover {
      color: rgba(72, 72, 72, 0.8); } }

.selector-block__heading {
  font-weight: 700;
  color: #202020;
  margin-bottom: 24px; }

.selector-block__result-heading {
  margin-bottom: 24px; }

.selector-block__subcategories {
  padding-bottom: 40px;
  border-bottom: 1px solid #858585;
  margin-bottom: 32px; }

.selector-block__link {
  color: #008787;
  margin-bottom: 16px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  line-height: 1.2em; }
  @media (min-width: 1025px) {
    .selector-block__link:hover {
      color: rgba(0, 135, 135, 0.8); } }
  .selector-block__link.is-active {
    font-weight: 700; }

.selector-block__header-area {
  background-color: #FCFCFC;
  padding: 32px;
  margin-bottom: 24px; }

.selector-block__header-area--heading {
  color: #204a88;
  font-size: 1.375em;
  margin-bottom: 16px; }

.selector-block__border-area {
  border-bottom: 1px solid #ADADAD; }
  .selector-block__border-area:last-child {
    border-bottom: 0; }
  .selector-block__border-area .basic-form__checkbox-wrap {
    padding-left: 16px; }

.selector-block__border-heading-area {
  padding-top: 16px; }

.selector-block__border-filters {
  padding: 16px 0; }

@media (min-width: 768px) {
  .selector-block__filter-btn {
    display: none; } }

.selector-block__close-filter {
  position: absolute;
  top: 24px;
  color: #008787; }
  @media (min-width: 768px) {
    .selector-block__close-filter {
      display: none; } }

@media (max-width: 767px) {
  .selector-block__filter-wrap {
    padding: 56px 16px;
    position: fixed;
    width: 100%;
    top: 50px;
    left: 0;
    height: calc(100vh - 50px);
    background-color: #E2E7EA;
    z-index: 25;
    overflow-y: auto;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s; }
    .selector-block__filter-wrap.is-active {
      -webkit-transform: translateX(0);
              transform: translateX(0); } }

.selector-block__text-field {
  background-color: #FFFFFF;
  border: 1px solid #D6D6D6;
  border-radius: 0;
  padding: 8px 16px;
  color: #484848;
  line-height: 1; }
  .selector-block__text-field.is-active {
    border-color: #858585; }
  .selector-block__text-field:focus {
    border-color: #858585; }
  .selector-block__text-field--big {
    font-size: 1rem;
    padding: 0.75rem 1rem 0.75rem 2.4rem;
    border-width: 2px;
    min-width: 240px; }
  .selector-block__text-field-wrapper {
    position: relative; }
    .selector-block__text-field-wrapper .search-btn {
      position: absolute;
      top: 50%;
      left: 0.7rem;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      font-size: 1.3rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .selector-block__text-field-wrapper.reverse-search-icon .selector-block__text-field {
      padding: 0.75rem 2.4rem 0.75rem 1rem; }
    .selector-block__text-field-wrapper.reverse-search-icon .search-btn {
      left: auto;
      right: 0.7rem; }

.selector-block__search {
  margin-bottom: 1.5rem; }
  @media (min-width: 768px) {
    .selector-block__search {
      margin-top: calc(48px + 2rem + 12px); } }

.shadow-block {
  margin-bottom: 32px;
  border-top: 1px solid #EAEAEA; }
  @media (min-width: 768px) {
    .shadow-block {
      padding: 32px; } }
  @media (max-width: 767px) {
    .shadow-block {
      padding: 16px; } }
  .shadow-block--no-padding {
    padding: 0; }
  .shadow-block.shadow-block--with-margin {
    margin-bottom: 32px; }
  .shadow-block.shadow-block--xscroll {
    overflow-x: auto; }

.shadow-block__heading {
  font-weight: 700;
  font-size: 1.625em;
  margin-bottom: 32px; }
  .shadow-block__heading.shadow-block__heading--l {
    font-weight: 200;
    font-size: 2em;
    margin-bottom: 16px; }
    @media (max-width: 767px) {
      .shadow-block__heading.shadow-block__heading--l {
        font-size: 1.4em; } }

body.ZHCN .shadow-block__heading.shadow-block__heading--l {
  font-weight: 500; }

.shadow-block__subheading {
  color: #717171;
  margin-bottom: 32px; }
  @media (max-width: 767px) {
    .shadow-block__subheading {
      font-size: 1.1em;
      margin-bottom: 16px; } }

.close-btn {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #008787;
  padding: 8px;
  border-radius: 50%; }
  @media (min-width: 1025px) {
    .close-btn:hover {
      background-color: rgb(0, 113, 113); } }

.close-btn__icon {
  color: #FFFFFF;
  font-size: 14px; }

.shadow-block__s-line {
  height: 1px;
  border-top: 1px dashed #ADADAD; }
  .shadow-block__s-line img {
    top: -20px;
    right: 65px;
    width: 40px; }
    @media (max-width: 767px) {
      .shadow-block__s-line img {
        top: -15px;
        right: 16px;
        width: 30px; } }

.short-block {
  width: calc(99.9% * 2/3 - (24px - 24px * 2/3)); }

.short-block:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.short-block:last-child {
  margin-right: 0; }

.short-block:nth-child(3n) {
  margin-right: 0;
  float: right; }

.short-block:nth-child(3n + 1) {
  clear: both; }
  @media (max-width: 767px) {
    .short-block {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
    .short-block:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .short-block:last-child {
      margin-right: 0; }
    .short-block:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .short-block:nth-child(1n + 1) {
      clear: both; } }

.short-block__heading {
  font-size: 1.625em;
  margin-bottom: 16px;
  font-weight: 700; }
  @media (max-width: 767px) {
    .short-block__heading {
      font-size: 1.3em; } }

body.ZHCN .short-block__heading {
  letter-spacing: .085em; }

body.JAJP .short-block {
  width: 100%; }

.short-block__paragraph {
  font-weight: 400;
  color: #484848;
  margin-bottom: 16px; }

.showcase-block__detail--container {
  margin-bottom: 16px;
  display: none; }
  .showcase-block__detail--container.is-active {
    display: block; }
  .showcase-block__detail--container .simple-icon-btn {
    top: 0;
    right: 0;
    z-index: 2; }

.showcase-block__item {
  width: calc(99.9% * 1/7 - (8px - 8px * 1/7));
  cursor: pointer;
  border: 1px solid #D6D6D6;
  -webkit-transition: border-color .3s;
  transition: border-color .3s; }

.showcase-block__item:nth-child(1n) {
  float: left;
  margin-right: 8px;
  clear: none; }

.showcase-block__item:last-child {
  margin-right: 0; }

.showcase-block__item:nth-child(7n) {
  margin-right: 0;
  float: right; }

.showcase-block__item:nth-child(7n + 1) {
  clear: both; }
  .showcase-block__item.is-active {
    border: 1px solid #008787; }

.showcase-block__thb-img {
  padding-top: 100%; }

.side-block {
  margin-bottom: 40px; }
  .side-block .js-save-tag {
    margin-bottom: 24px; }

.side-block__heading {
  margin-bottom: 16px; }

.side-border-blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 32px; }
  @media (max-width: 850px) {
    .side-border-blocks {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.side-border-blocks__note {
  color: #717171;
  font-style: italic; }

.side-border-block {
  margin-bottom: 24px;
  border: 1px solid #EAEAEA;
  border-left: 2px solid #008787;
  padding: 12px 16px;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
  background: #FFFFFF; }
  .side-border-block.side-border-block--no-padding {
    padding: 0;
    margin-bottom: 16px; }
  .side-border-block.side-border-block--margin-bottom-big {
    margin-bottom: 40px; }
    @media (max-width: 767px) {
      .side-border-block.side-border-block--margin-bottom-big {
        margin-bottom: 24px; } }
  .side-border-block.side-border-block--border-wide {
    border-left: 4px solid #008787; }
  .side-border-block.side-border-block--gray-light {
    background-color: rgba(214, 214, 214, 0.1);
    border: none;
    border-left: 2px solid #008787;
    -webkit-box-shadow: 0 2px 7px 0 rgba(32, 32, 32, 0.1);
            box-shadow: 0 2px 7px 0 rgba(32, 32, 32, 0.1); }
  .side-border-block.side-border-block--gray-main {
    background-color: #F4F4F4;
    border: none;
    border-left: 2px solid #008787;
    -webkit-box-shadow: 0 2px 2px 0 rgba(32, 32, 32, 0.1);
            box-shadow: 0 2px 2px 0 rgba(32, 32, 32, 0.1); }
    @media (max-width: 850px) {
      .side-border-block.side-border-block--gray-main {
        border-left: none;
        border-top: 4px solid #008787; } }
  .side-border-block.side-border-block--orange {
    border-left: 2px solid #FF8000; }
    @media (min-width: 1025px) {
      .side-border-block.side-border-block--orange:hover {
        border-color: none;
        border-left-color: #FF8000; } }
  .side-border-block.side-border-block--m {
    padding: 24px;
    border-left-width: 4px; }
    @media (max-width: 767px) {
      .side-border-block.side-border-block--m {
        padding: 16px; } }
  .side-border-block.side-border-block--l {
    padding: 32px;
    border-left-width: 4px; }
    @media (max-width: 767px) {
      .side-border-block.side-border-block--l {
        padding: 16px; } }
  .side-border-block.side-border-block--xl {
    padding: 48px 64px;
    border-left-width: 4px; }
    @media (max-width: 767px) {
      .side-border-block.side-border-block--xl {
        padding: 16px; } }
  .blocks-column-3 .side-border-block {
    width: calc(33.33% - 16px);
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-bottom: 0; }
    @media (max-width: 850px) {
      .blocks-column-3 .side-border-block {
        width: 100%; } }
    @media (max-width: 767px) {
      .blocks-column-3 .side-border-block.side-border-block--m {
        margin-bottom: 16px; } }
  @media (min-width: 1025px) {
    .side-border-block:hover {
      border-color: #D6D6D6;
      border-left-color: rgba(0, 135, 135, 0.8); } }

.side-border-block--no-result {
  border-left: 4px solid #FF8000;
  padding: 24px 32px;
  background: #FFFFFF;
  margin-bottom: 32px; }
  @media (max-width: 767px) {
    .side-border-block--no-result {
      padding: 16px; } }
  .side-border-block--no-result.wide {
    margin: 40px 0px 26vh; }

.side-border-block__link {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #202020; }
  @media (min-width: 1025px) {
    .side-border-block__link:hover {
      color: rgba(32, 32, 32, 0.8); }
    .side-border-block__link:hover .side-border-block__title {
      color: rgba(0, 135, 135, 0.8); } }
  .side-border-block__link.side-border-block__link--wide {
    padding: 24px 32px; }
    @media (max-width: 767px) {
      .side-border-block__link.side-border-block__link--wide {
        padding: 16px; } }

.side-border-block__bold-heading {
  font-weight: 700;
  width: calc(99.9% * 1/3 - (24px - 24px * 1/3));
  color: #008787;
  line-height: 1.2em; }

.side-border-block__bold-heading:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.side-border-block__bold-heading:last-child {
  margin-right: 0; }

.side-border-block__bold-heading:nth-child(3n) {
  margin-right: 0;
  float: right; }

.side-border-block__bold-heading:nth-child(3n + 1) {
  clear: both; }
  @media (max-width: 767px) {
    .side-border-block__bold-heading {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1));
      margin-bottom: 8px; }
    .side-border-block__bold-heading:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .side-border-block__bold-heading:last-child {
      margin-right: 0; }
    .side-border-block__bold-heading:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .side-border-block__bold-heading:nth-child(1n + 1) {
      clear: both; } }

.side-border-block__des {
  width: calc(99.9% * 2/3 - (24px - 24px * 2/3));
  line-height: 1.3em; }

.side-border-block__des:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.side-border-block__des:last-child {
  margin-right: 0; }

.side-border-block__des:nth-child(3n) {
  margin-right: 0;
  float: right; }

.side-border-block__des:nth-child(3n + 1) {
  clear: both; }
  @media (max-width: 767px) {
    .side-border-block__des {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
    .side-border-block__des:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .side-border-block__des:last-child {
      margin-right: 0; }
    .side-border-block__des:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .side-border-block__des:nth-child(1n + 1) {
      clear: both; } }

.side-border-block__subtitle {
  color: #717171; }

.side-border-block__title {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  margin-bottom: 8px; }
  .side-border-block__title.side-border-block__title--gray {
    color: #484848; }
  .side-border-block--m .side-border-block__title {
    font-weight: 700;
    font-size: 1em;
    margin-bottom: 8px; }
  .side-border-block--l .side-border-block__title {
    margin-bottom: 24px; }

.side-border-block__heading {
  font-weight: 700;
  font-size: 1.625em;
  margin-bottom: 16px; }
  @media (max-width: 767px) {
    .side-border-block__heading {
      font-size: 1.3em; } }

body.ZHCN .side-border-block__heading {
  letter-spacing: .085em; }

.side-border-block__subheading {
  margin-bottom: 8px; }

.side-border-block__note {
  line-height: 18px;
  margin-bottom: 16px; }
  .side-border-block__note:last-child {
    margin-bottom: 0; }
  .side-border-block--gray-main .side-border-block__note {
    color: #202020; }

.side-border-block-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }

.side-border-block__list {
  list-style: disc;
  list-style-position: inside; }
  .side-border-block__list li {
    padding-left: 24px;
    text-indent: -22px; }
    .side-border-block__list li > a {
      text-indent: 0;
      display: inline;
      word-break: break-all; }
  .side-border-block__list--no-margin li {
    margin-bottom: 0 !important; }
  .side-border-block__list--indent {
    padding-left: 17px; }

.side-border-block--spacing > *:not(:last-child) {
  margin-bottom: 24px; }

body.JAJP .side-border-block .rich-content-banner__paragraph {
  line-height: 1.5em; }

body.ZHTW .side-border-block .rich-content-banner__paragraph {
  font-size: 0.8125rem; }

.side-img-block {
  background-color: #FFFFFF;
  margin-bottom: 24px; }

@media (max-width: 767px) {
  .side-img-block__link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }

.side-img-block__container {
  padding: 24px;
  max-width: 70%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  @media (max-width: 767px) {
    .side-img-block__container {
      padding: 16px;
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      max-width: 100%;
      width: 100%; } }

.side-img-block__img-wrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%; }
  @media (max-width: 767px) {
    .side-img-block__img-wrap {
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0; } }

.side-img-block__img {
  width: 100%;
  height: 100%;
  min-height: 208px; }
  @media (max-width: 767px) {
    .side-img-block__img {
      min-height: 150px; } }

.side-img-block__subheading {
  margin-bottom: 16px;
  color: #484848; }

.side-img-block__heading {
  margin-bottom: 16px;
  color: #202020; }

.side-img-block__tags {
  margin-bottom: 32px; }
  .side-img-block__tags.-line {
    padding-bottom: 16px;
    border-bottom: 1px solid #D6D6D6; }

.side-img-block__tag {
  color: #204a88;
  padding: 0 5px 0 8px;
  border-left: 2px solid #204a88; }
  .side-img-block__tag:first-child {
    border-left: none;
    padding-left: 0; }

body.JAJP .side-img-block__heading {
  font-size: 1.2em;
  line-height: 1.5em; }

body.JAJP .side-img-block__subheading {
  font-size: 14px; }

body.ZHTW .side-img-block__heading {
  line-height: 1.7em;
  letter-spacing: 0.3px; }

.side-product-block {
  padding: 16px 0;
  border-bottom: 1px solid #D6D6D6; }
  .side-product-block:first-child {
    padding-top: 0; }
  .side-product-block:last-of-type {
    margin-bottom: 16px; }

.side-product-block__img {
  width: 56px;
  margin-right: 8px; }

.side-product-block__container {
  width: calc(100% - 70px); }

.side-product-block__heading {
  color: #008787;
  margin-bottom: 8px; }

.side-product-block__paragraph {
  line-height: 1.2em;
  word-break: break-word; }

.side-product-block__link {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #202020; }
  @media (min-width: 1025px) {
    .side-product-block__link:hover {
      color: rgba(32, 32, 32, 0.8); } }

.sitemap-block {
  margin-bottom: 48px; }
  .sitemap-block li {
    margin-bottom: 16px; }

.sitemap-block__wrap {
  margin-bottom: 32px; }

.sitemap-block__heading {
  border-bottom: 1px solid #EAEAEA;
  margin-bottom: 24px;
  padding-bottom: 8px; }
  .sitemap-block__heading a {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    color: #484848; }
    @media (min-width: 1025px) {
      .sitemap-block__heading a:hover {
        color: rgba(72, 72, 72, 0.8); } }

.sitemap-block__subheading {
  margin-bottom: 16px;
  font-weight: 700;
  color: #484848; }

.tab-block {
  display: none; }
  .tab-block.is-active {
    display: block; }
  .tab-block .inline-img-block__heading {
    font-weight: normal; }

@media (min-width: 768px) {
  .tab-block__top {
    margin-bottom: 48px; } }

@media (max-width: 767px) {
  .tab-block__top {
    margin-bottom: 24px; } }

@media (min-width: 768px) {
  .tab-block__intro {
    width: calc(99.9% * 7/12 - (24px - 24px * 7/12)); }
  .tab-block__intro:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .tab-block__intro:last-child {
    margin-right: 0; }
  .tab-block__intro:nth-child(12n) {
    margin-right: 0;
    float: right; }
  .tab-block__intro:nth-child(12n + 1) {
    clear: both; } }

@media (max-width: 767px) {
  .tab-block__intro {
    width: calc(99.9% * 1/1 - (24px - 24px * 1/1));
    margin-bottom: 16px; }
  .tab-block__intro:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .tab-block__intro:last-child {
    margin-right: 0; }
  .tab-block__intro:nth-child(1n) {
    margin-right: 0;
    float: right; }
  .tab-block__intro:nth-child(1n + 1) {
    clear: both; } }

@media (min-width: 768px) {
  .tab-block__img-countainer {
    width: calc(99.9% * 5/12 - (24px - 24px * 5/12)); }
  .tab-block__img-countainer:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .tab-block__img-countainer:last-child {
    margin-right: 0; }
  .tab-block__img-countainer:nth-child(12n) {
    margin-right: 0;
    float: right; }
  .tab-block__img-countainer:nth-child(12n + 1) {
    clear: both; } }

@media (max-width: 767px) {
  .tab-block__img-countainer {
    width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
  .tab-block__img-countainer:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .tab-block__img-countainer:last-child {
    margin-right: 0; }
  .tab-block__img-countainer:nth-child(1n) {
    margin-right: 0;
    float: right; }
  .tab-block__img-countainer:nth-child(1n + 1) {
    clear: both; } }

.tab-block__heading {
  color: #202020;
  font-size: 1.5em;
  margin-bottom: 24px; }

.tab-block__paragraph {
  margin-bottom: 16px; }

.tab-block__bottom {
  margin-bottom: 24px; }

.tab-block__subheading {
  color: #484848;
  margin-bottom: 16px; }

body.ZHCN .tab-block .inline-img-block__container p {
  line-height: 1.4; }

.tags-list-block {
  overflow-y: auto;
  height: 55vh; }
  @media (max-width: 767px) {
    .tags-list-block {
      height: 35vh; } }
  .tags-list-block .tag-btn {
    pointer-events: none; }
  .tags-list-block .simple-icon-btn {
    margin-left: 8px;
    opacity: 0;
    -webkit-transition: all 0.3s !important;
    transition: all 0.3s !important; }

.tags-list-block__item {
  margin-bottom: 16px; }
  .tags-list-block__item:hover .simple-icon-btn {
    opacity: 1; }
  .tags-list-block__item.is-active .tags-list-block__front {
    display: none; }
  .tags-list-block__item.is-active .tags-list-block__edit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .tags-list-block__item.is-check-delete .tags-list-block__front {
    padding-bottom: 80px; }
  .tags-list-block__item.is-check-delete .simple-icon-btn {
    opacity: 1;
    pointer-events: none; }
  .tags-list-block__item.is-check-delete .tags-list-block__bubble {
    display: block; }

.tags-list-block__edit {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.tags-list-block__input {
  border: 1px solid #D6D6D6;
  padding: 4px 8px; }

.tags-list-block__btn {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #F4F4F4;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  margin-left: 8px; }
  @media (min-width: 1025px) {
    .tags-list-block__btn:hover {
      background-color: rgb(205, 205, 205); } }
  .tags-list-block__btn i {
    font-size: 8px; }
  .tags-list-block__btn .icon-check-3 {
    color: #008787; }

.tags-list-block__bubble {
  width: 135px;
  top: 30px;
  right: -16px;
  padding: 8px;
  -webkit-box-shadow: 0 0 3px 0 #ADADAD;
          box-shadow: 0 0 3px 0 #ADADAD;
  display: none;
  background-color: #FFFFFF;
  z-index: 1; }
  .tags-list-block__bubble > a {
    vertical-align: middle; }
  .tags-list-block__bubble > button {
    vertical-align: middle; }

.tags-list-block__bubble-text {
  margin-bottom: 4px; }

.tags-list-block__empty {
  font-weight: 200;
  color: #858585; }

body.ZHCN .tags-list-block__bubble .fill-btn {
  line-height: 1; }

body.JAJP .tags-list-block__bubble {
  width: 145px; }

.two-col-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem; }
  @media (min-width: 551px) {
    .two-col-block .item {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      max-width: 50%; } }

.two-flex-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 600px;
  margin-bottom: 48px; }
  .two-flex-block:nth-child(2n+1) .two-flex-block__img {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  @media (max-width: 850px) {
    .two-flex-block {
      display: block; } }

.two-flex-block__img {
  width: calc(50% - 12px);
  min-height: 600px; }
  @media (max-width: 850px) {
    .two-flex-block__img {
      width: 100%;
      margin-bottom: 32px; } }
  @media (max-width: 550px) {
    .two-flex-block__img {
      min-height: 300px;
      width: 100%;
      margin-bottom: 32px; } }

.two-flex-block__container {
  width: calc(50% - 12px);
  background-color: #EAEAEA;
  padding: 40px 32px; }
  .two-flex-block__container h3 {
    border-top: 6px solid #484848;
    font-size: 1.5em;
    padding-top: 24px;
    margin-bottom: 24px; }
  .two-flex-block__container p {
    margin-bottom: 24px; }
  .two-flex-block__container li {
    color: #484848;
    margin-bottom: 16px;
    padding-left: 24px;
    line-height: 1.3em; }
    .two-flex-block__container li:before {
      font-family: "icon";
      content: '\EA0A';
      font-size: 16px;
      left: 0;
      top: 3px; }
  @media (max-width: 850px) {
    .two-flex-block__container {
      width: 100%; } }
  @media (max-width: 550px) {
    .two-flex-block__container {
      padding: 16px; } }

.two-flex-block__heading {
  border-top: 6px solid #484848;
  font-size: 1.625em;
  padding-top: 24px;
  margin-bottom: 24px; }

.two-flex-block__paragraph {
  margin-bottom: 24px;
  color: #484848; }

.video-embed-block {
  width: 100%;
  padding-top: 56.25%;
  position: relative; }
  .video-embed-block iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%; }

.huode-video-embed .CCH5playerContainer {
  width: min(600px, 100%) !important;
  height: auto !important; }

@media (max-width: 550px) {
  .warranty-block {
    overflow-x: scroll; }
    .warranty-block.warranty-block--no-scroll {
      overflow-x: visible;
      overflow-x: initial; } }

.warranty-block .border-table {
  margin: 48px 0; }
  .warranty-block .border-table th,
  .warranty-block .border-table td {
    font-size: 1em; }
  .warranty-block .border-table th {
    padding: 16px 12px; }
  .warranty-block .border-table td {
    padding: 18px 12px; }

@media (max-width: 550px) {
  .warranty-block__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

.warranty-block__column:nth-child(1) {
  width: calc(99.9% * 1/12 - (24px - 24px * 1/12)); }

.warranty-block__column:nth-child(1):nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.warranty-block__column:nth-child(1):last-child {
  margin-right: 0; }

.warranty-block__column:nth-child(1):nth-child(3n) {
  margin-right: 0;
  float: right; }

.warranty-block__column:nth-child(1):nth-child(3n + 1) {
  clear: both; }

.warranty-block__column:nth-child(2) {
  width: calc(99.9% * 1/4 - (24px - 24px * 1/4)); }

.warranty-block__column:nth-child(2):nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.warranty-block__column:nth-child(2):last-child {
  margin-right: 0; }

.warranty-block__column:nth-child(2):nth-child(3n) {
  margin-right: 0;
  float: right; }

.warranty-block__column:nth-child(2):nth-child(3n + 1) {
  clear: both; }

.warranty-block__column:nth-child(3) {
  width: calc(99.9% * 1/2 - (24px - 24px * 1/2));
  position: relative;
  left: calc(99.9% * -1/6 - (24px - 24px * -1/6) + 24px); }

.warranty-block__column:nth-child(3):nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.warranty-block__column:nth-child(3):last-child {
  margin-right: 0; }

.warranty-block__column:nth-child(3):nth-child(3n) {
  margin-right: 0;
  float: right; }

.warranty-block__column:nth-child(3):nth-child(3n + 1) {
  clear: both; }

@media (max-width: 550px) {
  .warranty-block__column:nth-child(1) {
    width: calc(99.9% * 0 - (24px - 24px * 0));
    min-width: 10%;
    margin-right: 0 !important;
    margin-bottom: 8px; }
  .warranty-block__column:nth-child(1):nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .warranty-block__column:nth-child(1):last-child {
    margin-right: 0; }
  .warranty-block__column:nth-child(1):nth-child(NaNn) {
    margin-right: 0;
    float: right; }
  .warranty-block__column:nth-child(1):nth-child(NaNn + 1) {
    clear: both; }
  .warranty-block__column:nth-child(2) {
    width: calc(99.9% * 0 - (24px - 24px * 0));
    min-width: 90%;
    margin-right: 0 !important;
    margin-bottom: 8px; }
  .warranty-block__column:nth-child(2):nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .warranty-block__column:nth-child(2):last-child {
    margin-right: 0; }
  .warranty-block__column:nth-child(2):nth-child(NaNn) {
    margin-right: 0;
    float: right; }
  .warranty-block__column:nth-child(2):nth-child(NaNn + 1) {
    clear: both; }
  .warranty-block__column:nth-child(3) {
    position: relative;
    left: calc(99.9% * 0 - (24px - 24px * 0) + 24px);
    width: calc(99.9% * 0 - (24px - 24px * 0));
    min-width: 100%; }
  .warranty-block__column:nth-child(3):nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .warranty-block__column:nth-child(3):last-child {
    margin-right: 0; }
  .warranty-block__column:nth-child(3):nth-child(NaNn) {
    margin-right: 0;
    float: right; }
  .warranty-block__column:nth-child(3):nth-child(NaNn + 1) {
    clear: both; }
  .warranty-block__top .warranty-block__column {
    display: none; } }

.warranty-block__column .basic-form__notice {
  left: auto;
  bottom: 12px;
  right: 12px; }

.warranty-block__top {
  padding: 8px 16px;
  border-bottom: 1px solid #D6D6D6; }
  @media (max-width: 550px) {
    .warranty-block__top {
      padding: 0;
      margin-bottom: 8px; } }

.warranty-block__title {
  color: #204a88;
  font-weight: 700; }
  .warranty-block__title button {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    color: #008787;
    margin-left: 4px;
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px); }
    @media (min-width: 1025px) {
      .warranty-block__title button:hover {
        color: rgba(0, 135, 135, 0.8); } }

.warranty-block__list {
  padding: 8px 16px;
  margin-bottom: 24px; }
  .warranty-block__list .basic-form__group {
    padding-bottom: 0; }

.warranty-block__item .js-select-input:first-child {
  display: block; }

.warranty-block__item.basic-form {
  margin-bottom: 8px; }
  @media (max-width: 550px) {
    .warranty-block__item.basic-form {
      margin-bottom: 24px; }
  .warranty-block__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }

.warranty-block__num {
  margin-top: 14px; }

.recaptcha-block:not(.recaptcha-block--center) {
  margin-right: 40px; }

.recaptcha-block.recaptcha-block--center {
  margin-bottom: 32px; }

.recaptcha-block__note {
  color: #E26C6C;
  bottom: -16px; }

.warranty-download > .simple-icon-btn {
  display: block; }

.warranty-download > *:not(:last-child) {
  margin-bottom: 20px; }

.white-block {
  color: #FFFFFF; }
  @media (max-width: 767px) {
    .white-block {
      text-align: center; } }

.white-block__heading {
  font-size: 2.5em;
  margin-bottom: 72px; }
  @media (max-width: 767px) {
    .white-block__heading {
      font-size: 1.8em;
      margin-bottom: 24px; } }
  @media (max-width: 550px) {
    .white-block__heading {
      font-size: 1.625em; } }

.white-block__container {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid rgba(214, 214, 214, 0.5); }
  @media (max-width: 767px) {
    .white-block__container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      padding-bottom: 24px;
      margin-bottom: 24px; } }
  .white-block__container:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none; }
  @media (max-width: 767px) {
    .white-block__container.white-block__container--center {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }

.white-block__text-heading {
  margin-bottom: 8px; }

@media (max-width: 767px) {
  .white-block__text-paragraph {
    margin-bottom: 16px; } }

.fixed-bubbles {
  bottom: 100px;
  right: 25px;
  z-index: 15; }
  @media (max-width: 1024px) {
    .fixed-bubbles {
      bottom: auto;
      top: 65px;
      right: 10px; } }
  .fixed-bubbles .quote-reminder {
    position: absolute;
    right: 0;
    background-color: white;
    padding: 0.75rem 1rem;
    -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
    border-radius: 0.5rem;
    font-size: 0.75rem;
    line-height: 1.5;
    display: none;
    min-width: 194px; }
    @media (max-width: 1024px) {
      .fixed-bubbles .quote-reminder {
        bottom: 0;
        -webkit-transform: translateY(100%);
                transform: translateY(100%); } }
    @media (min-width: 1025px) {
      .fixed-bubbles .quote-reminder {
        top: 0;
        -webkit-transform: translateY(calc(-100% - 1.5rem));
                transform: translateY(calc(-100% - 1.5rem)); } }
    .fixed-bubbles .quote-reminder::after {
      content: "";
      position: absolute;
      width: 0.75rem;
      height: 0.75rem;
      background-color: #FFFFFF; }
      @media (max-width: 1024px) {
        .fixed-bubbles .quote-reminder::after {
          right: 2px;
          top: 1px;
          -webkit-transform: translate(-50%, -50%) rotate(45deg);
                  transform: translate(-50%, -50%) rotate(45deg); } }
      @media (min-width: 1025px) {
        .fixed-bubbles .quote-reminder::after {
          bottom: 0;
          right: 28px;
          -webkit-transform: translate(50%, 50%) rotate(45deg);
                  transform: translate(50%, 50%) rotate(45deg); } }
    .fixed-bubbles .quote-reminder .quote-reminder-close {
      position: absolute;
      top: 0;
      left: 0;
      font-size: 20px;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      background-color: #FFFFFF;
      border-radius: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      color: #B0B0B0;
      -webkit-transition: 0.3s color;
      transition: 0.3s color; }
      .fixed-bubbles .quote-reminder .quote-reminder-close:hover {
        color: #008787; }

.fixed-bubble {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  cursor: pointer;
  margin-bottom: 10px;
  background-color: #008787;
  -webkit-box-shadow: 2px 2px 10px rgba(173, 173, 173, 0.8);
          box-shadow: 2px 2px 10px rgba(173, 173, 173, 0.8); }
  @media (min-width: 1025px) {
    .fixed-bubble:hover {
      background-color: rgb(0, 113, 113); } }
  @media (max-width: 1024px) {
    .fixed-bubble {
      display: none !important; } }
  .fixed-bubble.fixed-bubble--white {
    background-color: #FFFFFF;
    -webkit-box-shadow: 2px 2px 10px rgba(234, 234, 234, 0.8);
            box-shadow: 2px 2px 10px rgba(234, 234, 234, 0.8); }
  .fixed-bubble.is-active {
    background-color: rgb(0, 113, 113); }

.fixed-bubble__icon {
  color: #FFFFFF;
  font-size: 30px;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px); }
  @media (max-width: 767px) {
    .fixed-bubble__icon {
      font-size: 20px; } }

.fixed-bubble__circle {
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background-color: #E26C6C;
  bottom: -2px;
  right: -10px;
  -webkit-box-shadow: 2px 2px 10px rgba(214, 214, 214, 0.8);
          box-shadow: 2px 2px 10px rgba(214, 214, 214, 0.8); }

.fixed-bubble__num {
  color: #FFFFFF;
  font-size: 14px; }

.arrow-btn {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .arrow-btn.arrow-btn--l {
    font-size: 18px; }
    .arrow-btn.arrow-btn--l .arrow-btn__icon {
      font-size: 15px;
      -webkit-transform: translateY(1px);
              transform: translateY(1px); }
  .arrow-btn.arrow-btn--m {
    font-size: 14px; }
  .arrow-btn.arrow-btn--s {
    font-size: 12px; }
  .arrow-btn.arrow-btn--main {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    color: #008787; }
    @media (min-width: 1025px) {
      .arrow-btn.arrow-btn--main:hover {
        color: rgba(0, 135, 135, 0.8); } }
  .arrow-btn.arrow-btn--black {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    color: #202020; }
    @media (min-width: 1025px) {
      .arrow-btn.arrow-btn--black:hover {
        color: rgba(32, 32, 32, 0.8); } }
  .arrow-btn.arrow-btn--white {
    color: #FFFFFF; }
    @media (min-width: 1025px) {
      .arrow-btn.arrow-btn--white:hover {
        color: rgb(220, 220, 220); } }
  .arrow-btn.arrow-btn--margin {
    margin-bottom: 8px; }
  @media (min-width: 768px) {
    .arrow-btn.arrow-btn--xtr-margin-left {
      margin-left: 8px; } }
  @media (max-width: 767px) {
    .arrow-btn.arrow-btn--xtr-margin-left {
      margin-top: 8px; } }
  .arrow-btn-break {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 6px; }
    .arrow-btn-break .arrow-btn__text {
      margin-right: 0; }
    .arrow-btn-break .arrow-btn__icon {
      font-size: 12px; }

.arrow-btn__text {
  margin-right: 8px; }
  .arrow-btn__text.arrow-btn__text--bold {
    font-weight: 700; }

body.ZHCN .arrow-btn .arrow-btn__text {
  font-weight: 700;
  font-size: 16px; }

body.JAJP .arrow-btn.arrow-btn--s {
  font-size: 15px; }

body.ZHTW .arrow-btn .arrow-btn__text {
  font-size: 0.875rem; }

.arrow-btn__icon {
  font-size: 8px; }

body.ZHCN .arrow-btn {
  letter-spacing: .05em; }
  body.ZHCN .arrow-btn.arrow-btn--main {
    font-weight: 500; }

.back-to-top-btn {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #008787;
  bottom: 35px;
  right: 25px;
  z-index: 25;
  width: 56px;
  height: 56px;
  background-color: white;
  border-radius: 50%;
  -webkit-box-shadow: 2px 2px 10px rgba(173, 173, 173, 0.8);
          box-shadow: 2px 2px 10px rgba(173, 173, 173, 0.8); }
  @media (min-width: 1025px) {
    .back-to-top-btn:hover {
      color: rgba(0, 135, 135, 0.8); } }
  @media (max-width: 767px) {
    .back-to-top-btn {
      bottom: 24px;
      width: 40px;
      height: 40px; } }

.back-to-top-btn__icon {
  font-size: 20px; }

body.ZHCN .back-to-top-btn {
  letter-spacing: .05em; }

.border-btn {
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  .border-btn.border-btn--full {
    padding: 12px; }
  .border-btn.border-btn--l {
    padding: 16px 24px;
    font-size: 16px;
    min-width: 160px; }
    @media (max-width: 767px) {
      .border-btn.border-btn--l {
        padding: 12px 16px;
        min-width: 140px; } }
  .border-btn.border-btn--ml {
    min-width: 120px;
    padding: 12px 16px; }
  .border-btn.border-btn--m {
    min-width: 100px;
    padding: 12px 16px; }
  .border-btn.border-btn--sm {
    min-width: 160px;
    padding: 8px 12px; }
  .border-btn.border-btn--s {
    padding: 6px 8px;
    font-size: 0.75em; }
  .border-btn.border-btn--disable, .border-btn.btn--disable {
    pointer-events: none !important; }
  .border-btn.border-btn--search {
    font-size: 1em;
    min-width: 120px;
    padding: 16px 24px; }
  .border-btn .border-btn__icon {
    font-size: 12px; }
  .border-btn .border-btn__text {
    margin-right: 18px; }
    .border-btn .border-btn__text:last-child {
      margin-right: 0; }
  .border-btn .border-btn__icon + .border-btn__text {
    margin-left: 8px;
    margin-right: 0; }
  .border-btn .border-btn__text + .border-btn__icon {
    left: auto; }
  .border-btn.border-btn--main {
    border: 2px solid #008787;
    color: #008787; }
    .border-btn.border-btn--main:hover, .border-btn.border-btn--main:focus:not(.focus-visible), .border-btn.border-btn--main.focus-visible {
      background-color: #008787;
      color: #FFFFFF; }
    .border-btn.border-btn--main:hover, .border-btn.border-btn--main:focus:not(:focus-visible), .border-btn.border-btn--main:focus-visible {
      background-color: #008787;
      color: #FFFFFF; }
  .border-btn.border-btn--dash {
    border: 1px dashed #D6D6D6;
    color: #ADADAD; }
    .border-btn.border-btn--dash .border-btn__icon {
      font-size: 10px;
      top: calc(50% - 5px); }
    .border-btn.border-btn--dash:hover, .border-btn.border-btn--dash:focus:not(.focus-visible), .border-btn.border-btn--dash.focus-visible {
      background-color: #F4F4F4; }
    .border-btn.border-btn--dash:hover, .border-btn.border-btn--dash:focus:not(:focus-visible), .border-btn.border-btn--dash:focus-visible {
      background-color: #F4F4F4; }
  .border-btn.border-btn--white {
    border: 2px solid #FFFFFF;
    color: #FFFFFF; }
    .border-btn.border-btn--white:hover, .border-btn.border-btn--white:focus:not(.focus-visible), .border-btn.border-btn--white.focus-visible {
      background-color: #FFFFFF;
      color: #008787; }
    .border-btn.border-btn--white:hover, .border-btn.border-btn--white:focus:not(:focus-visible), .border-btn.border-btn--white:focus-visible {
      background-color: #FFFFFF;
      color: #008787; }
  .border-btn.border-btn--red {
    border: 2px solid #E26C6C;
    color: #E26C6C; }
    .border-btn.border-btn--red:hover, .border-btn.border-btn--red:focus:not(.focus-visible), .border-btn.border-btn--red.focus-visible {
      background-color: #E26C6C;
      color: #FFFFFF; }
    .border-btn.border-btn--red:hover, .border-btn.border-btn--red:focus:not(:focus-visible), .border-btn.border-btn--red:focus-visible {
      background-color: #E26C6C;
      color: #FFFFFF; }
  .border-btn.border-btn--gray {
    border: 2px solid #ADADAD;
    color: #ADADAD; }
    .border-btn.border-btn--gray:hover, .border-btn.border-btn--gray:focus:not(.focus-visible), .border-btn.border-btn--gray.focus-visible {
      background-color: #ADADAD;
      color: #FFFFFF; }
    .border-btn.border-btn--gray:hover, .border-btn.border-btn--gray:focus:not(:focus-visible), .border-btn.border-btn--gray:focus-visible {
      background-color: #ADADAD;
      color: #FFFFFF; }
  .border-btn.border-btn--orange-light {
    border: 2px solid #fa943e;
    color: #fa943e; }
    .border-btn.border-btn--orange-light:hover, .border-btn.border-btn--orange-light:focus:not(.focus-visible), .border-btn.border-btn--orange-light.focus-visible {
      background-color: #fa943e;
      color: #FFFFFF; }
    .border-btn.border-btn--orange-light:hover, .border-btn.border-btn--orange-light:focus:not(:focus-visible), .border-btn.border-btn--orange-light:focus-visible {
      background-color: #fa943e;
      color: #FFFFFF; }
  .border-btn.border-btn--orange {
    border: 2px solid #FF8000;
    color: #FF8000; }
    .border-btn.border-btn--orange:hover, .border-btn.border-btn--orange:focus:not(.focus-visible), .border-btn.border-btn--orange.focus-visible {
      background-color: #FF8000;
      color: #FFFFFF; }
    .border-btn.border-btn--orange:hover, .border-btn.border-btn--orange:focus:not(:focus-visible), .border-btn.border-btn--orange:focus-visible {
      background-color: #FF8000;
      color: #FFFFFF; }
  .border-btn.border-btn--disable {
    border: 2px solid #D6D6D6;
    color: #D6D6D6; }
  .border-btn.is-active {
    background-color: #008787;
    color: #FFFFFF; }
  .border-btn.border-btn--white-bg {
    background-color: #FFFFFF; }
  .border-btn.inline-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

.js-follow-btn {
  text-transform: none;
  font-weight: 700;
  margin-left: 8px; }
  .js-follow-btn.is-active {
    border: none;
    border: 2px solid #EAEAEA;
    background-color: #EAEAEA;
    color: #717171; }
    .js-follow-btn.is-active:hover, .js-follow-btn.is-active:focus:not(.focus-visible), .js-follow-btn.is-active.focus-visible {
      border: 2px solid #D6D6D6;
      background-color: #D6D6D6;
      color: #717171; }
    .js-follow-btn.is-active:hover, .js-follow-btn.is-active:focus:not(:focus-visible), .js-follow-btn.is-active:focus-visible {
      border: 2px solid #D6D6D6;
      background-color: #D6D6D6;
      color: #717171; }
  .js-follow-btn + .save-note-block {
    margin-left: 8px; }
  .js-follow-btn.border-btn--l .border-btn__icon {
    font-size: 18px; }

.border-btn--m-2 {
  font-size: 14px;
  padding: 0.5rem 1rem; }

body.ZHCN .border-btn {
  letter-spacing: 0.05em;
  font-weight: 700; }

.fill-btn {
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  .fill-btn.fill-btn--full {
    padding: 12px; }
  .fill-btn.fill-btn--l {
    padding: 16px 24px;
    font-size: 16px;
    min-width: 160px; }
    @media (max-width: 767px) {
      .fill-btn.fill-btn--l {
        padding: 12px 16px;
        min-width: 140px; } }
  .fill-btn.fill-btn--ml {
    min-width: 120px;
    padding: 12px 16px; }
  .fill-btn.fill-btn--m {
    min-width: 100px;
    padding: 12px 16px; }
  .fill-btn.fill-btn--sm {
    min-width: 160px;
    padding: 8px 12px; }
  .fill-btn.fill-btn--s {
    padding: 6px 8px;
    font-size: 0.75em; }
  .fill-btn.fill-btn--disable, .fill-btn.btn--disable {
    pointer-events: none !important; }
  .fill-btn.fill-btn--search {
    font-size: 1em;
    min-width: 120px;
    padding: 16px 24px; }
  .fill-btn .fill-btn__icon {
    font-size: 12px; }
  .fill-btn .fill-btn__text {
    margin-right: 18px; }
    .fill-btn .fill-btn__text:last-child {
      margin-right: 0; }
  .fill-btn .fill-btn__icon + .fill-btn__text {
    margin-left: 8px;
    margin-right: 0; }
  .fill-btn .fill-btn__text + .fill-btn__icon {
    left: auto; }
  .fill-btn.fill-btn--white {
    color: #008787;
    border: 2px solid #FFFFFF;
    background-color: #FFFFFF; }
    .fill-btn.fill-btn--white:hover, .fill-btn.fill-btn--white:focus:not(.focus-visible), .fill-btn.fill-btn--white.focus-visible {
      background-color: transparent; }
    .fill-btn.fill-btn--white:hover, .fill-btn.fill-btn--white:focus:not(:focus-visible), .fill-btn.fill-btn--white:focus-visible {
      background-color: transparent; }
    .fill-btn.fill-btn--white:hover {
      color: #FFFFFF; }
  .fill-btn.fill-btn--red {
    color: #FFFFFF;
    border: 2px solid #E26C6C;
    background-color: #E26C6C; }
    .fill-btn.fill-btn--red:hover, .fill-btn.fill-btn--red:focus:not(.focus-visible), .fill-btn.fill-btn--red.focus-visible {
      background-color: transparent;
      color: #E26C6C; }
    .fill-btn.fill-btn--red:hover, .fill-btn.fill-btn--red:focus:not(:focus-visible), .fill-btn.fill-btn--red:focus-visible {
      background-color: transparent;
      color: #E26C6C; }
  .fill-btn.fill-btn--light {
    color: #ADADAD;
    border: 2px solid #F4F4F4;
    background-color: #F4F4F4; }
    .fill-btn.fill-btn--light:hover, .fill-btn.fill-btn--light:focus:not(.focus-visible), .fill-btn.fill-btn--light.focus-visible {
      background-color: transparent; }
    .fill-btn.fill-btn--light:hover, .fill-btn.fill-btn--light:focus:not(:focus-visible), .fill-btn.fill-btn--light:focus-visible {
      background-color: transparent; }
  .fill-btn.fill-btn--main {
    color: #FFFFFF;
    border: 2px solid #008787;
    background-color: #008787; }
    .fill-btn.fill-btn--main:hover, .fill-btn.fill-btn--main:focus:not(.focus-visible), .fill-btn.fill-btn--main.focus-visible {
      background-color: transparent;
      color: #008787; }
    .fill-btn.fill-btn--main:hover, .fill-btn.fill-btn--main:focus:not(:focus-visible), .fill-btn.fill-btn--main:focus-visible {
      background-color: transparent;
      color: #008787; }
  .fill-btn.fill-btn--orange {
    color: #FFFFFF;
    border: 2px solid #FF8000;
    background-color: #FF8000; }
    .fill-btn.fill-btn--orange:hover, .fill-btn.fill-btn--orange:focus:not(.focus-visible), .fill-btn.fill-btn--orange.focus-visible {
      color: #FF8000;
      background-color: transparent; }
    .fill-btn.fill-btn--orange:hover, .fill-btn.fill-btn--orange:focus:not(:focus-visible), .fill-btn.fill-btn--orange:focus-visible {
      color: #FF8000;
      background-color: transparent; }
  .fill-btn.fill-btn--orange-2 {
    color: #FFFFFF;
    border: 2px solid #FF8000;
    background-color: #FF8000; }
    .fill-btn.fill-btn--orange-2:hover, .fill-btn.fill-btn--orange-2:focus:not(.focus-visible), .fill-btn.fill-btn--orange-2.focus-visible {
      color: #FF8000;
      background-color: #FFFFFF; }
    .fill-btn.fill-btn--orange-2:hover, .fill-btn.fill-btn--orange-2:focus:not(:focus-visible), .fill-btn.fill-btn--orange-2:focus-visible {
      color: #FF8000;
      background-color: #FFFFFF; }
  .fill-btn.fill-btn--orange-light {
    color: #FFFFFF;
    border: 2px solid #fa943e;
    background-color: #fa943e; }
    .fill-btn.fill-btn--orange-light:hover, .fill-btn.fill-btn--orange-light:focus:not(.focus-visible), .fill-btn.fill-btn--orange-light.focus-visible {
      color: #008787;
      background-color: #FFFFFF;
      border: 2px solid #FFFFFF; }
    .fill-btn.fill-btn--orange-light:hover, .fill-btn.fill-btn--orange-light:focus:not(:focus-visible), .fill-btn.fill-btn--orange-light:focus-visible {
      color: #008787;
      background-color: #FFFFFF;
      border: 2px solid #FFFFFF; }
  .fill-btn.fill-btn--orange-light-2 {
    color: #FFFFFF;
    border: 2px solid #fa943e;
    background-color: #fa943e; }
    .fill-btn.fill-btn--orange-light-2:hover, .fill-btn.fill-btn--orange-light-2:focus:not(.focus-visible), .fill-btn.fill-btn--orange-light-2.focus-visible {
      color: #fa943e;
      background-color: #FFFFFF; }
    .fill-btn.fill-btn--orange-light-2:hover, .fill-btn.fill-btn--orange-light-2:focus:not(:focus-visible), .fill-btn.fill-btn--orange-light-2:focus-visible {
      color: #fa943e;
      background-color: #FFFFFF; }
  .fill-btn.fill-btn--disable, .fill-btn.btn--disable {
    border: 2px solid #AFB3BA;
    background-color: #AFB3BA;
    color: #FFFFFF; }
  .fill-btn.save-btn {
    margin-top: 18px; }
  .fill-btn.fill-btn--margin-right {
    margin-right: 16px; }
  .fill-btn.fill-btn--small {
    font-size: 0.8rem;
    padding: 0.8rem 1.3rem;
    min-width: 9.8rem; }

.fill-btn-error {
  color: #E26C6C;
  margin-bottom: 8px; }

.fill-btn--m-2 {
  font-size: 14px;
  padding: 0.5rem 1rem; }

body.ZHCN .fill-btn {
  letter-spacing: 0.05em;
  font-weight: 700; }

.floating-btn--feedback {
  position: fixed;
  bottom: 0;
  right: 15px;
  background-color: #6D6D6D;
  color: #FFFFFF;
  padding: 5px 10px;
  font-size: 14px;
  cursor: pointer;
  z-index: 999; }
  @media (max-width: 767px) {
    .floating-btn--feedback {
      z-index: 1; } }

.usabilla_live_button_container {
  display: none; }

.follow-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0 !important;
  background-color: #FFFFFF; }
  .follow-btn.is-active {
    border: none;
    border: 2px solid #EAEAEA;
    background-color: #EAEAEA; }
    .follow-btn.is-active + .info-btn {
      border: 2px solid #EAEAEA;
      background-color: #EAEAEA; }
    .follow-btn.is-active:hover {
      border: 2px solid #D6D6D6;
      background-color: #D6D6D6; }
  .follow-btn:not(.is-active) + .info-btn {
    display: none; }
  .follow-btn-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1px; }
    .follow-btn-container.bg-gray {
      background-color: #D6D6D6; }
    @media (max-width: 767px) {
      .follow-btn-container {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        margin-bottom: 1rem; } }
    .follow-btn-container.followed {
      border: 1px solid #D6D6D6; }
    .follow-btn-container .follow-btn,
    .follow-btn-container .info-btn {
      -webkit-transition: 0.3s background-color, 0.3s border;
      transition: 0.3s background-color, 0.3s border; }
    .follow-btn-container .follow-btn {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      padding: 1rem 1.5rem;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .follow-btn-container .info-btn {
      padding: 1rem;
      color: #717171; }
      .follow-btn-container .info-btn:hover {
        border: 2px solid #D6D6D6;
        background-color: #D6D6D6; }
    .follow-btn-container .save-note-block {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: rgba(72, 72, 72, 0.8);
      padding: 0.5rem 1rem;
      color: #FFFFFF;
      margin: 0;
      max-width: none; }
      .follow-btn-container .save-note-block a {
        color: #FFFFFF;
        font-weight: 700; }
      .follow-btn-container .save-note-block .save-note-block-inner {
        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;
        height: 100%; }
    .follow-btn-container .border-btn .border-btn__icon {
      font-size: 18px; }
  .follow-btn.small-icon.border-btn .border-btn__icon {
    font-size: 1rem; }

.ZHCN .follow-btn-container .save-note-block {
  font-size: 12px; }

.gradient-btn {
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  .gradient-btn.gradient-btn--full {
    padding: 12px; }
  .gradient-btn.gradient-btn--l {
    padding: 16px 24px;
    font-size: 16px;
    min-width: 160px; }
    @media (max-width: 767px) {
      .gradient-btn.gradient-btn--l {
        padding: 12px 16px;
        min-width: 140px; } }
  .gradient-btn.gradient-btn--ml {
    min-width: 120px;
    padding: 12px 16px; }
  .gradient-btn.gradient-btn--m {
    min-width: 100px;
    padding: 12px 16px; }
  .gradient-btn.gradient-btn--sm {
    min-width: 160px;
    padding: 8px 12px; }
  .gradient-btn.gradient-btn--s {
    padding: 6px 8px;
    font-size: 0.75em; }
  .gradient-btn.gradient-btn--disable, .gradient-btn.btn--disable {
    pointer-events: none !important; }
  .gradient-btn.gradient-btn--search {
    font-size: 1em;
    min-width: 120px;
    padding: 16px 24px; }
  .gradient-btn .gradient-btn__icon {
    font-size: 12px; }
  .gradient-btn .gradient-btn__text {
    margin-right: 18px; }
    .gradient-btn .gradient-btn__text:last-child {
      margin-right: 0; }
  .gradient-btn .gradient-btn__icon + .gradient-btn__text {
    margin-left: 8px;
    margin-right: 0; }
  .gradient-btn .gradient-btn__text + .gradient-btn__icon {
    left: auto; }
  .gradient-btn.gradient-btn--main {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background-color: #008787;
    color: #FFFFFF; }
    @media (min-width: 1025px) {
      .gradient-btn.gradient-btn--main:hover {
        background-color: rgb(0, 113, 113); } }
  .gradient-btn.gradient-btn--orange {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background-color: #FF8000;
    color: #FFFFFF; }
    @media (min-width: 1025px) {
      .gradient-btn.gradient-btn--orange:hover {
        background-color: rgb(214, 108, 0); } }
  .gradient-btn.gradient-btn--orange-light {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background-color: #fa943e;
    color: #FFFFFF; }
    @media (min-width: 1025px) {
      .gradient-btn.gradient-btn--orange-light:hover {
        background-color: rgb(210, 124, 52); } }
  .gradient-btn.gradient-btn--disable {
    background-color: #D6D6D6;
    color: #FFFFFF; }

body.ZHCN .gradient-btn {
  letter-spacing: .05em; }

.rating-stars__text {
  margin-right: 12px; }

.rating-list__list {
  line-height: 2em; }

.rating-list__item {
  cursor: pointer;
  width: 25px;
  height: 25px; }

.simple-icon-btn {
  overflow: visible; }
  .simple-icon-btn.simple-icon-btn--black {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    color: #202020; }
    @media (min-width: 1025px) {
      .simple-icon-btn.simple-icon-btn--black:hover {
        color: rgba(32, 32, 32, 0.8); } }
  .simple-icon-btn.simple-icon-btn--gray {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    color: #858585; }
    @media (min-width: 1025px) {
      .simple-icon-btn.simple-icon-btn--gray:hover {
        color: rgba(133, 133, 133, 0.8); } }
  .simple-icon-btn.simple-icon-btn--main {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    color: #008787; }
    @media (min-width: 1025px) {
      .simple-icon-btn.simple-icon-btn--main:hover {
        color: rgba(0, 135, 135, 0.8); } }
  .simple-icon-btn.favorite-active, .simple-icon-btn.simple-icon-btn--orange {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    color: #FF8000; }
    @media (min-width: 1025px) {
      .simple-icon-btn.favorite-active:hover, .simple-icon-btn.simple-icon-btn--orange:hover {
        color: rgba(255, 128, 0, 0.8); } }
  .simple-icon-btn.simple-icon-btn--s .simple-icon-btn__text {
    padding-left: 18px; }
  .simple-icon-btn.simple-icon-btn--m .simple-icon-btn__icon {
    font-size: 16px; }
  .simple-icon-btn.simple-icon-btn--l .simple-icon-btn__icon {
    font-size: 23px;
    top: calc(50% - 11px); }
  .simple-icon-btn.simple-icon-btn--l .simple-icon-btn__icon + .simple-icon-btn__text {
    padding-left: 32px; }
  .simple-icon-btn.simple-icon-btn--tag {
    display: inline-block;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    color: #717171; }
    @media (min-width: 1025px) {
      .simple-icon-btn.simple-icon-btn--tag:hover {
        color: rgba(113, 113, 113, 0.8); }
      .simple-icon-btn.simple-icon-btn--tag:hover .simple-icon-btn__text {
        color: rgba(32, 32, 32, 0.8); } }
    .simple-icon-btn.simple-icon-btn--tag .simple-icon-btn__text {
      color: #202020;
      -webkit-transition: color 0.3s;
      transition: color 0.3s; }
  .simple-icon-btn.js-print, .simple-icon-btn.js-save-tag {
    cursor: pointer; }
  .simple-icon-btn.form-add {
    bottom: -28px;
    right: 0; }

.simple-icon-btn__icon {
  top: calc(50% - 8px); }
  @media (max-width: 767px) {
    .simple-icon-btn__icon {
      top: calc(50% - 7px); } }

.simple-icon-btn__text {
  padding-right: 24px; }
  .simple-icon-btn__text b {
    font-weight: 700; }

.simple-icon-btn__icon + .simple-icon-btn__text {
  padding-left: 24px;
  padding-right: 0; }

.simple-icon-btn__text + .simple-icon-btn__icon {
  right: 0; }

.simple-icon-btn__img {
  width: 22px; }
  .ie-browser .simple-icon-btn__img {
    height: 22px; }
  .simple-icon-btn__img + .simple-icon-btn__text {
    color: #484848;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    margin-left: 8px; }
    @media (min-width: 1025px) {
      .simple-icon-btn__img + .simple-icon-btn__text:hover {
        color: rgba(0, 135, 135, 0.8); } }

body.ZHCN .simple-icon-btn {
  letter-spacing: .05em; }

.switch-btn__text {
  color: #484848;
  margin-right: 8px; }

.switch-btn__block {
  padding: 4px;
  width: 54px;
  background-color: #D6D6D6;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s; }
  @media (min-width: 1025px) {
    .switch-btn__block:hover {
      background-color: #ADADAD; } }
  .switch-btn__block.is-active {
    background-color: #008787; }
    .switch-btn__block.is-active .switch-btn__control {
      -webkit-transform: translateX(100%);
              transform: translateX(100%); }

.switch-btn__control {
  width: 23px;
  height: 23px;
  background-color: #FFFFFF;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  pointer-events: none; }

body.ZHCN .switch-btn__text {
  letter-spacing: .05em; }

.tag-btn {
  padding: 6px 8px;
  background-color: #EAEAEA;
  color: #717171;
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s; }
  @media (max-width: 550px) {
    .tag-btn.tag-btn--flex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  @media (min-width: 1025px) {
    .tag-btn:hover {
      background-color: #D6D6D6;
      color: #008787; } }

.tag-btn__icon {
  font-size: 12px; }

@media (max-width: 850px) {
  .tag-btn__text {
    max-width: 120px; } }

@media (max-width: 767px) {
  .tag-btn__text {
    max-width: none; } }

.tag-btn__icon + .tag-btn__text,
.tag-btn__text + .tag-btn__icon {
  margin-left: 2px; }

body.ZHCN .tag-btn {
  letter-spacing: .05em; }

.video-btn {
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }
  .video-btn.video-btn--white {
    color: #FFFFFF; }
    @media (min-width: 1025px) {
      .video-btn.video-btn--white:hover {
        color: rgba(255, 255, 255, 0.8); } }

.video-btn__icon:last-child {
  margin-right: 0; }

@media (min-width: 768px) {
  .video-btn__icon {
    font-size: 55px;
    margin-right: 16px; } }

@media (max-width: 767px) {
  .video-btn__icon {
    font-size: 30px;
    margin-right: 8px; } }

body.ZHCN .video-btn {
  letter-spacing: .05em; }

.arrow-card {
  padding: 16px 0;
  border-bottom: 1px solid #EAEAEA;
  cursor: pointer;
  font-weight: 700;
  color: #ADADAD;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  @media (min-width: 1025px) {
    .arrow-card:hover {
      color: #484848; } }
  .arrow-card.is-active {
    color: #484848; }

.basic-text-card {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 56px 32px; }
  @media (max-width: 767px) {
    .basic-text-card {
      padding: 16px; } }

.basic-text-card__item {
  margin-bottom: 24px; }

.basic-text-card__heading {
  line-height: 1.4em; }

.basic-text-card__icon-block-img {
  height: 32px;
  width: 32px; }

.basic-text-card__info {
  color: #717171;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 20px; }

.basic-text-card__link {
  padding: 16px;
  margin-bottom: -16px; }

.business-card {
  background-color: #FFFFFF;
  padding: 48px 40px;
  width: calc(99.9% * 1/2 - (24px - 24px * 1/2));
  margin-left: calc(99.9% * (-1/2 * -1) - (24px - 24px * (-1/2 * -1)) + 24px) !important; }

.business-card:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.business-card:last-child {
  margin-right: 0; }

.business-card:nth-child(2n) {
  margin-right: 0;
  float: right; }

.business-card:nth-child(2n + 1) {
  clear: both; }
  @media (max-width: 767px) {
    .business-card {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1));
      margin-left: calc(99.9% * (-1 * -1) - (24px - 24px * (-1 * -1)) + 24px) !important;
      padding: 24px 16px; }
    .business-card:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .business-card:last-child {
      margin-right: 0; }
    .business-card:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .business-card:nth-child(1n + 1) {
      clear: both; } }

.business-card__top {
  height: 88px;
  margin-bottom: 24px; }

.business-card__logo {
  width: auto;
  margin: 0 auto; }

.business-card__list {
  margin-bottom: 16px; }
  @media (max-width: 767px) {
    .business-card__list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.business-card__title {
  font-weight: 700; }
  @media (min-width: 768px) {
    .business-card__title {
      width: 30%; } }
  @media (max-width: 767px) {
    .business-card__title {
      width: 100%;
      margin-bottom: 4px; } }

.card-ad-wrapper {
  background-color: #f4f4f4;
  padding: 24px;
  min-height: var(--height-card-menu); }
  .card-ad-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 224/126; }
  .card-ad-wrapper .card-ad--content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
    background-color: #fff;
    padding: 16px;
    -webkit-box-shadow: 10px 10px 16px 0 rgba(32, 32, 32, 0.18);
            box-shadow: 10px 10px 16px 0 rgba(32, 32, 32, 0.18); }
    .card-ad-wrapper .card-ad--content .title {
      color: #204a88;
      font-size: 15px;
      font-weight: 700;
      line-height: 20px; }
    .card-ad-wrapper .card-ad--content .description, .card-ad-wrapper .card-ad--content p {
      font-size: 13px;
      line-height: 1.4em; }
    .card-ad-wrapper .card-ad--content .basic-text-card__link {
      font-size: 13px;
      line-height: 14px;
      padding: 0;
      margin: 0; }
    @media (min-width: 768px) {
      .card-ad-wrapper .card-ad--content-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 1rem; } }
  @media (max-width: 767px) {
    .card-ad-wrapper {
      padding: 16px; }
      .card-ad-wrapper .card-ad-flex {
        background-color: #FFFFFF;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 1rem; }
      .card-ad-wrapper .card-ad--img {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc(102px - 8px);
                flex: 0 0 calc(102px - 8px);
        -webkit-box-flex: var(--width-img, 0 0 calc(102px - 8px));
            -ms-flex: var(--width-img, 0 0 calc(102px - 8px));
                flex: var(--width-img, 0 0 calc(102px - 8px)); }
      .card-ad-wrapper .card-ad--content {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc(100% - 102px - 8px);
                flex: 0 0 calc(100% - 102px - 8px);
        -webkit-box-flex: var(--width-content, 0 0 calc(100% - 102px - 8px));
            -ms-flex: var(--width-content, 0 0 calc(100% - 102px - 8px));
                flex: var(--width-content, 0 0 calc(100% - 102px - 8px));
        -webkit-box-shadow: none;
                box-shadow: none;
        gap: 8px;
        padding-left: 0; }
        .card-ad-wrapper .card-ad--content .title {
          margin-bottom: 8px; }
        .card-ad-wrapper .card-ad--content-block {
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 4;
          -webkit-box-orient: vertical; }
        .card-ad-wrapper .card-ad--content .basic-text-card__link {
          display: none; } }

.card-tab {
  margin-bottom: 40px; }

.card-tab__card {
  background-color: #F4F4F4;
  padding: 16px 24px;
  display: none;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }
  .card-tab__card.is-active {
    display: block;
    opacity: 1; }

.center-card__img {
  max-width: 150px;
  margin-bottom: 16px; }
  .center-card__img.center-card__img--small {
    height: 88px;
    max-width: 88px; }
  @media (min-width: 768px) {
    .center-card__img.center-card__img--l {
      max-width: none;
      max-height: 150px;
      min-height: 150px; } }

.center-card__heading {
  margin-bottom: 8px;
  color: #333333; }
  @media (min-width: 851px) {
    .center-card__heading {
      font-size: 1.5em; } }
  @media (max-width: 850px) {
    .center-card__heading {
      font-size: 1.3em; } }
  .center-card__heading.center-card__heading--s {
    font-size: 1.375em; }
    @media (max-width: 850px) {
      .center-card__heading.center-card__heading--s {
        font-size: 1em; } }
  @media (min-width: 1025px) {
    .center-card__heading.center-card__heading--l {
      font-size: 33px;
      line-height: 1.21212em; } }

.center-card__paragraph {
  color: #484848; }
  .center-card__paragraph.center-card__paragraph--margin-btm {
    margin-bottom: 16px; }
  @media (min-width: 1025px) {
    .center-card__paragraph--l {
      font-size: 22px; } }

body.JAJP .center-card__heading {
  margin-bottom: 13px; }

.checkbox-card {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 2px 10px 0 rgba(32, 32, 32, 0.05);
          box-shadow: 0 2px 10px 0 rgba(32, 32, 32, 0.05);
  padding: 24px 16px;
  margin-bottom: 16px; }

.checkbox-card__des {
  color: #717171; }

.checkbox-card__intro {
  width: calc(99.9% * 4/6 - (24px - 24px * 4/6)); }

.checkbox-card__intro:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.checkbox-card__intro:last-child {
  margin-right: 0; }

.checkbox-card__intro:nth-child(6n) {
  margin-right: 0;
  float: right; }

.checkbox-card__intro:nth-child(6n + 1) {
  clear: both; }

.checkbox-card__img {
  width: calc(99.9% * 2/6 - (24px - 24px * 2/6));
  width: 70px; }

.checkbox-card__img:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.checkbox-card__img:last-child {
  margin-right: 0; }

.checkbox-card__img:nth-child(6n) {
  margin-right: 0;
  float: right; }

.checkbox-card__img:nth-child(6n + 1) {
  clear: both; }

body.JAJP .card-column-4 .small-card__heading {
  font-size: 1.25rem; }

.card__container {
  padding: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .card__container--slider {
    row-gap: 1.5rem; }
  .card__container-title {
    font-weight: 700; }

.card-column-4 {
  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;
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
  row-gap: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 2rem; }
  @media (min-width: 768px) {
    .card-column-4 {
      row-gap: 2rem; } }
  .card-column-4 .small-card {
    -webkit-box-shadow: 0px 10px 16px 0px rgba(32, 32, 32, 0.12);
            box-shadow: 0px 10px 16px 0px rgba(32, 32, 32, 0.12);
    border: 1px solid #EAEAEA; }
    @media (min-width: 992px) {
      .card-column-4 .small-card {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 calc(25% - 2rem);
                flex: 1 1 calc(25% - 2rem);
        padding: 1.5rem;
        max-width: 16.125rem; }
        .card-column-4 .small-card:nth-child(4n) {
          margin-right: 0; } }
    @media (max-width: 991px) {
      .card-column-4 .small-card {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 calc(50% - 2rem);
                flex: 1 1 calc(50% - 2rem);
        padding: 1.5rem;
        max-width: 16.125rem; }
        .card-column-4 .small-card:nth-child(2n) {
          margin-right: 0; } }
    @media (max-width: 550px) {
      .card-column-4 .small-card {
        padding: 1rem;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 calc(100%);
                flex: 1 1 calc(100%);
        max-width: 100%; }
        .card-column-4 .small-card .border-btn {
          width: 100%; } }
    .card-column-4 .small-card__img-wrap img {
      aspect-ratio: 1/1;
      -o-object-fit: cover;
         object-fit: cover; }
    @media (min-width: 1025px) {
      .card-column-4 .small-card__animation {
        -webkit-transition: -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
        transition: -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
        transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;
        transition: transform 0.3s ease-out, box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; }
        .card-column-4 .small-card__animation:hover {
          -webkit-transform: translateY(-4px);
                  transform: translateY(-4px); } }
    .card-column-4 .small-card__link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      row-gap: 1rem;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      @media (min-width: 551px) {
        .card-column-4 .small-card__link {
          row-gap: 1.5rem; } }
    .card-column-4 .small-card__heading {
      color: #484848;
      font-size: 22.4px;
      font-weight: 700;
      line-height: 32.2px;
      margin-bottom: 0.5rem; }
      @media (max-width: 550px) {
        .card-column-4 .small-card__heading {
          font-size: 19.2px;
          line-height: 23px; } }

@media (max-width: 767px) {
  .cards-column-3.img-cards {
    row-gap: 1rem; } }

@media (min-width: 768px) {
  .cards-column-3.img-cards.img-card-link {
    row-gap: 1.5rem; } }

@media (max-width: 550px) {
  .img-card-link .img-card__img-wrap {
    height: 14.75rem; }
  .img-card-link .img-card__img {
    padding-top: 0; } }

.img-card-link .img-card__subheading {
  font-size: 14px;
  line-height: 18.2px; }

.img-card-link .img-card__heading {
  line-height: 28.8px; }
  @media (max-width: 767px) {
    .img-card-link .img-card__heading {
      line-height: 23.04px; } }

.gray-text-card {
  padding: 40px 24px;
  background-color: #EAEAEA; }
  .gray-text-card.gray-text-card--wide {
    padding: 72px 96px; }
    @media (max-width: 850px) {
      .gray-text-card.gray-text-card--wide {
        padding: 54px; } }
    @media (max-width: 767px) {
      .gray-text-card.gray-text-card--wide {
        padding: 24px 16px; } }
  .gray-text-card.gray-text-card--tall {
    min-height: 362px; }
    @media (max-width: 850px) {
      .gray-text-card.gray-text-card--tall {
        min-height: 0; } }
  .gray-text-card.gray-text-card--light {
    background-color: #F4F4F4; }
  .gray-text-card.gray-text-card--white {
    background-color: #FFFFFF; }
  .gray-text-card.gray-text-card--no-padding {
    padding: 0; }
  .gray-text-card__3-cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: -2rem; }
    .gray-text-card__3-cols__item {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 33.333%;
              flex: 0 0 33.333%;
      max-width: 33.333%;
      margin-bottom: 2rem; }
      @media (max-width: 950px) {
        .gray-text-card__3-cols__item {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 50%;
                  flex: 0 0 50%;
          max-width: 50%; } }
      @media (max-width: 550px) {
        .gray-text-card__3-cols__item {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 100%;
                  flex: 0 0 100%;
          max-width: 100%; } }
      .gray-text-card__3-cols__item-top {
        color: #717171;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-bottom: 1rem; }
        @media (max-width: 767px) {
          .gray-text-card__3-cols__item-top {
            font-size: 1em; } }
        .gray-text-card__3-cols__item-top .icon {
          margin-right: 0.5rem;
          color: #008787;
          font-size: 1.5rem; }
      .gray-text-card__3-cols__item-bottom {
        font-size: 1.25rem;
        color: #000000; }
        @media (max-width: 767px) {
          .gray-text-card__3-cols__item-bottom {
            font-size: 1em; } }
        .gray-text-card__3-cols__item-bottom a {
          color: #000000; }
  .gray-text-card__copy-btn {
    font-size: 1rem; }
    .gray-text-card__copy-btn:hover i {
      opacity: 0.7; }
    .gray-text-card__copy-btn i {
      color: #008787;
      -webkit-transition: 0.3s opacity ease-in-out;
      transition: 0.3s opacity ease-in-out; }

.gray-text-card__title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700;
  margin-bottom: 24px; }
  .gray-text-card__title.gray-text-card__title--big {
    font-size: 2.3rem;
    font-weight: 200;
    margin-bottom: 48px; }
    @media (max-width: 767px) {
      .gray-text-card__title.gray-text-card__title--big {
        margin-bottom: 24px;
        font-size: 1.6em; } }
  .gray-text-card__title__icon {
    width: auto;
    height: 18px;
    margin-right: 1rem; }
    @media (min-width: 551px) {
      .gray-text-card__title__icon {
        height: 33px; } }

body.ZHCN .gray-text-card__title.gray-text-card__title--big {
  font-size: 2.875em;
  line-height: 1.413em;
  margin-bottom: 32px;
  font-weight: 500; }
  @media (max-width: 767px) {
    body.ZHCN .gray-text-card__title.gray-text-card__title--big {
      margin-bottom: 24px;
      font-size: 1.6em; } }

.gray-text-card__subtitle {
  font-weight: 200;
  font-size: 2em;
  color: #858585; }

body.ZHCN .gray-text-card__subtitle {
  font-weight: 500; }

.gray-text-card__icon--l {
  display: block;
  font-size: 2em;
  color: #858585;
  margin-bottom: 16px; }

.gray-text-card__paragraph {
  color: #717171;
  margin-bottom: 40px; }
  @media (max-width: 767px) {
    .gray-text-card__paragraph {
      font-size: 1em; } }
  .gray-text-card__paragraph:last-child {
    margin-bottom: 0; }
  .gray-text-card__paragraph.gray-text-card__paragraph--l {
    line-height: 1.364em; }
  .gray-text-card__paragraph.gray-text-card__paragraph--m-s {
    margin-bottom: 0.5rem; }
  .gray-text-card__paragraph.gray-text-card__paragraph--m-m {
    margin-bottom: 1rem; }
  .gray-text-card__paragraph-message *:last-child {
    margin-bottom: 0; }

body.JAJP .gray-text-card__paragraph {
  line-height: 1.4em; }

.gray-text-card__img-wraper {
  background-color: #FCFCFC;
  padding: 32px 64px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33%;
          flex: 0 0 33%; }
  @media (max-width: 850px) {
    .gray-text-card__img-wraper {
      padding: 32px 40px; } }
  @media (min-width: 768px) {
    .ie-browser .gray-text-card__img-wraper {
      max-width: 33%; } }
  @media (max-width: 767px) {
    .gray-text-card__img-wraper {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      padding: 16px; }
      .gray-text-card__img-wraper img {
        max-width: 100px;
        margin: 0 auto; } }

.gray-text-card__info {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 67%;
          flex: 0 0 67%;
  padding: 48px 40px; }
  @media (min-width: 768px) {
    .ie-browser .gray-text-card__info {
      max-width: 67%; } }
  @media (max-width: 767px) {
    .gray-text-card__info {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      padding: 16px; } }
  .gray-text-card__info .js-save-tag {
    margin-left: 8px; }

.gray-text-card__info-heading {
  font-size: 2em;
  color: #484848;
  margin-bottom: 24px; }
  @media (max-width: 767px) {
    .gray-text-card__info-heading {
      font-size: 1.4em;
      line-height: 1.2em;
      margin-bottom: 16px; } }

.gray-text-card__info-spec {
  color: #717171;
  margin-bottom: 24px; }
  @media (max-width: 767px) {
    .gray-text-card__info-spec {
      margin-bottom: 16px; } }

.gray-text-card__info-des {
  color: #202020;
  margin-bottom: 24px; }

.green-top-cards {
  margin-bottom: 40px; }

.green-top-card {
  border-top: 4px solid #008787;
  background-color: #FFFFFF;
  -webkit-transition: -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
  transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;
  transition: transform 0.3s ease-out, box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; }
  @media (min-width: 1025px) {
    .green-top-card:hover {
      -webkit-transform: translateY(-2px);
              transform: translateY(-2px);
      -webkit-box-shadow: 0 10px 16px 0 rgba(32, 32, 32, 0.12);
              box-shadow: 0 10px 16px 0 rgba(32, 32, 32, 0.12); } }

.green-top-card__link {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #202020; }
  @media (min-width: 1025px) {
    .green-top-card__link:hover {
      color: rgba(32, 32, 32, 0.8); } }

.green-top-card__type {
  color: #204a88;
  margin-bottom: 16px; }

.green-top-card__top {
  padding: 24px; }
  @media (min-width: 768px) {
    .green-top-card__top {
      min-height: 120px; } }
  @media (max-width: 767px) {
    .green-top-card__top {
      padding: 16px; } }

.green-top-card__btm {
  border-top: 1px solid #EAEAEA;
  padding: 8px 24px; }
  @media (max-width: 767px) {
    .green-top-card__btm {
      padding: 8px 16px; } }

.green-top-card__note {
  color: #858585; }

.header-card {
  border: 1px solid rgba(0, 135, 135, 0.3);
  background-color: rgba(234, 234, 234, 0.3);
  padding: 24px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  width: calc(50% - 12px);
  -webkit-transition: 0.3s border-color ease-in-out;
  transition: 0.3s border-color ease-in-out;
  position: relative; }
  .header-card--one-col {
    width: 100%; }
  .header-card:hover {
    border-color: #008787;
    border-width: 2px; }
    .header-card:hover:not(.header-card--carousel) {
      padding: 23px; }
    .header-card:hover .arrow-btn {
      color: #008787; }
  .header-card .arrow-btn::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
  .header-card--carousel {
    padding: 0; }
    .header-card--carousel .header-card__inner {
      padding: 24px;
      position: relative; }
    .header-card--carousel:hover .header-card__inner {
      padding: 23px; }
  .header-card--no-padding {
    padding: 0 !important; }
  .header-card-search-ad .top {
    margin: -24px -24px 24px;
    height: 120px;
    overflow: hidden; }
    .header-card-search-ad .top .img {
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .header-card-search-ad h3 {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 1rem; }
  .header-card-search-ad .link-wrap {
    display: block; }
  .header-card-outer-wrap {
    max-width: 260px;
    height: 100%; }
    .header-card-outer-wrap .card-ad-wrapper {
      height: 100%; }
    @media (max-width: 767px) {
      .header-card-outer-wrap[\:has\(.card-ad-wrapper\)] {
        max-width: 100%; }
      .header-card-outer-wrap:has(.card-ad-wrapper) {
        max-width: 100%; } }

.header__search-result-block.column--3 > .column__item.header-card-container {
  -ms-flex-preferred-size: 260px;
      flex-basis: 260px;
  -ms-flex-negative: 1;
      flex-shrink: 1; }
  @media (max-width: 767px) {
    .header__search-result-block.column--3 > .column__item.header-card-container {
      padding-top: 1rem;
      border-top: 1px solid #EAEAEA;
      margin-top: 1rem; }
      .header__search-result-block.column--3 > .column__item.header-card-container[\:has\(.card-ad-wrapper\)] {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%; }
      .header__search-result-block.column--3 > .column__item.header-card-container:has(.card-ad-wrapper) {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%; } }

.header-card__icon {
  width: 30px;
  height: 30px;
  margin-bottom: 8px; }

.header-card__heading {
  color: #484848;
  margin-bottom: 16px;
  display: block; }

.header-card__paragraph {
  margin-bottom: 16px; }

.img-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media (min-width: 768px) {
    .img-cards {
      margin-bottom: 48px; } }
  @media (max-width: 767px) {
    .img-cards {
      margin-bottom: 24px; } }
  @media (min-width: 768px) {
    .img-cards.img-cards--margin-bottom-s {
      margin-bottom: 40px; } }
  @media (max-width: 767px) {
    .img-cards.img-cards--margin-bottom-s {
      margin-bottom: 24px; } }
  @media (min-width: 768px) {
    .img-cards.cards-column-2--l .img-card {
      margin-right: 24px; } }
  @media (min-width: 1025px) {
    .img-cards.cards-column-2--l .img-card {
      margin-right: 48px;
      width: calc(50% - 24px); } }

.img-cards--isotope {
  margin: 0 -12px; }
  .img-cards--isotope.img-cards {
    display: block; }
  .img-cards--isotope .img-card {
    margin: 0; }
  .img-cards--isotope.cards-column-4 .img-card {
    padding: 12px; }
    @media (min-width: 1025px) {
      .img-cards--isotope.cards-column-4 .img-card {
        width: 25%; } }
    @media (max-width: 1024px) {
      .img-cards--isotope.cards-column-4 .img-card {
        width: 33.33%; } }
    @media (max-width: 767px) {
      .img-cards--isotope.cards-column-4 .img-card {
        width: 100%; } }
  .img-cards--isotope.cards-column-3 .img-card {
    padding: 12px; }
    @media (min-width: 768px) {
      .img-cards--isotope.cards-column-3 .img-card {
        width: 33.33%; } }
    @media (max-width: 767px) {
      .img-cards--isotope.cards-column-3 .img-card {
        width: 100%; } }
  .img-cards--isotope .img-card__animation {
    height: auto; }
  .img-cards--isotope .img-card__container {
    padding: 24px; }
    @media (max-width: 767px) {
      .img-cards--isotope .img-card__container {
        padding: 16px; } }

@media (min-width: 768px) {
  .img-card {
    margin-bottom: 40px;
    margin-right: 24px; } }

@media (max-width: 767px) {
  .img-card {
    margin-bottom: 24px; } }

@media (min-width: 1025px) {
  .cards-column-4 .img-card {
    width: calc(25% - 18px); }
    .cards-column-4 .img-card:nth-child(4n) {
      margin-right: 0; } }

@media (max-width: 1024px) {
  .cards-column-4 .img-card {
    width: calc(50% - 12px); }
    .cards-column-4 .img-card:nth-child(2n) {
      margin-right: 0; } }

@media (max-width: 850px) {
  .cards-column-4 .img-card {
    width: 100%; } }

@media (min-width: 768px) {
  .cards-column-3 .img-card {
    width: calc(33.33% - 16px); }
    .cards-column-3 .img-card:nth-child(3n) {
      margin-right: 0; } }

@media (max-width: 767px) {
  .cards-column-3 .img-card {
    width: 100%; } }

.cards-column-2 .img-card {
  width: calc(50% - 12px); }
  @media (max-width: 767px) {
    .cards-column-2 .img-card {
      width: 100%;
      margin-bottom: 16px; }
      .cards-column-2 .img-card:last-child {
        margin-bottom: 0; } }
  @media (min-width: 768px) {
    .cards-column-2 .img-card:nth-last-child(-n + 2) {
      margin-bottom: 0; }
    .cards-column-2 .img-card:nth-child(2n) {
      margin-right: 0; } }

.img-card .arrow-btn {
  bottom: 24px; }

@media (min-width: 851px) {
  .img-card .border-btn {
    position: absolute;
    bottom: 24px;
    right: 32px; } }

@media (max-width: 850px) {
  .img-card .border-btn {
    margin: 16px; } }

.img-card__time {
  position: absolute;
  bottom: 1rem;
  font-size: 0.8rem; }

.img-card__animation {
  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-shadow: 0 3px 5px 1px rgba(32, 32, 32, 0.05);
          box-shadow: 0 3px 5px 1px rgba(32, 32, 32, 0.05);
  -webkit-transition: -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
  transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;
  transition: transform 0.3s ease-out, box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; }
  @media (min-width: 1025px) {
    .img-card__animation:hover {
      -webkit-transform: translateY(-4px);
              transform: translateY(-4px);
      -webkit-box-shadow: 0 10px 16px 0 rgba(32, 32, 32, 0.12);
              box-shadow: 0 10px 16px 0 rgba(32, 32, 32, 0.12); } }
  .img-card__animation.img-card__animation--no-hover {
    pointer-events: none; }

.img-card__link {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #202020;
  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: 1025px) {
    .img-card__link:hover {
      color: rgba(32, 32, 32, 0.8); } }

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

.img-card__img-wrap {
  overflow: hidden; }

.img-card__img {
  padding-top: 66%;
  top: 0;
  left: 0; }
  .img-card--s .img-card__img {
    padding-top: 40%; }
  .img-card--m .img-card__img {
    padding-top: 50%; }

.img-card__container {
  background-color: #FFFFFF;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  .text-xl .img-card__container {
    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: 851px) {
      .text-xl .img-card__container {
        padding: 38px 54px; } }
    @media (max-width: 850px) {
      .text-xl .img-card__container {
        padding: 16px; } }
  @media (min-width: 851px) {
    .text-l .img-card__container {
      padding: 24px 24px 64px; } }
  @media (max-width: 850px) {
    .text-l .img-card__container {
      padding: 16px; } }
  @media (min-width: 851px) {
    .text-s .img-card__container {
      padding: 32px 32px 88px; } }
  @media (max-width: 850px) {
    .text-s .img-card__container {
      padding: 16px; } }
  .with-list .img-card__container {
    padding: 24px; }

.img-card__heading {
  margin-bottom: 16px; }
  @media (min-width: 851px) {
    .img-card__heading {
      font-size: 1.5em; } }
  @media (max-width: 850px) {
    .img-card__heading {
      font-size: 1.2em; } }
  .text-xl .img-card__heading {
    font-weight: 700; }
    @media (min-width: 768px) {
      .text-xl .img-card__heading {
        margin-bottom: 50px; } }
    .text-xl .img-card__heading.img-card__heading--s {
      color: #484848;
      font-size: 1.5em; }
      @media (min-width: 768px) {
        .text-xl .img-card__heading.img-card__heading--s {
          margin-bottom: 16px; } }

.text-xl .img-card__heading--l {
  font-weight: 400;
  text-transform: capitalize;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0; }
  @media (min-width: 768px) {
    .text-xl .img-card__heading--l {
      margin-bottom: 17px; } }

@media (min-width: 1025px) {
  .text-xl .img-card__paragraph--l {
    font-size: 22px;
    line-height: 1.27273em; } }

@media (min-width: 851px) {
  .text-xl .img-card__container {
    padding: 20px 42px 40px; } }

.img-card__subheading {
  font-weight: 700;
  margin-bottom: 8px;
  color: #204a88; }

.img-card__date {
  letter-spacing: 1px;
  font-style: italic;
  color: #858585;
  margin-bottom: 16px; }

.img-card__paragraph {
  font-weight: 400;
  font-size: 1em;
  color: #484848; }
  .img-card__paragraph.img-card__paragraph--margin-bottom {
    margin-bottom: 24px; }

.img-card__label {
  bottom: 0;
  padding: 4px;
  color: white;
  background-color: #FF8000; }
  @media (min-width: 851px) {
    .text-l .img-card__label {
      left: 24px; } }
  @media (max-width: 850px) {
    .text-l .img-card__label {
      left: 16px; } }
  @media (min-width: 851px) {
    .text-s .img-card__label {
      left: 32px; } }
  @media (max-width: 850px) {
    .text-s .img-card__label {
      left: 16px; } }

.img-card__logo {
  padding-top: 20px;
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  @media (max-width: 850px) {
    .img-card__logo {
      padding-top: 16px; } }
  .img-card__logo img {
    width: auto;
    height: auto;
    max-height: 50px;
    max-width: 100%; }

body.JAJP .img-card__heading {
  line-height: 1.25em; }
  @media (max-width: 850px) {
    body.JAJP .img-card__heading {
      line-height: 1.5em; } }

body.JAJP .img-card__date {
  font-style: normal; }

body.ZHTW .img-card__heading {
  line-height: 1.3em; }

@media (min-width: 768px) {
  body.ZHTW .img-card__paragraph.text-l {
    font-size: 1.2rem; }
  body.ZHTW .img-card__time {
    font-size: 0.875rem; } }

body.ZHCN .item-cards-custom .center-card__sub-heading {
  line-height: 2.5em; }

@media (min-width: 768px) {
  .item-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; } }

.item-cards-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

@media (min-width: 1025px) {
  .item-cards-custom .center-card__sub-heading, .item-cards-custom .center-card__heading {
    height: 63px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; } }

.item-cards--3-col {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -1rem; }
  @media (min-width: 768px) {
    .item-cards--3-col {
      margin: 0 -1rem -2rem; } }
  .item-cards--3-col .item-card {
    background-color: transparent;
    padding: 0 1rem;
    margin: 0 0 2rem 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    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: 768px) {
      .item-cards--3-col .item-card {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 33.333%;
                flex: 0 0 33.333%;
        max-width: 33.333%; } }
    .item-cards--3-col .item-card .center-card {
      background-color: #ffffff;
      padding: 24px;
      height: 100%;
      -webkit-box-shadow: 0 3px 5px 1px rgba(32, 32, 32, 0.05);
              box-shadow: 0 3px 5px 1px rgba(32, 32, 32, 0.05);
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      -ms-flex-positive: 1;
          flex-grow: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .item-cards--3-col .item-card .center-card__paragraph {
        min-height: 72px; }
      .item-cards--3-col .item-card .center-card__sub-heading {
        font-size: 1.2rem;
        line-height: 1.4375em;
        margin-bottom: 1rem;
        font-weight: 700; }
        @media (min-width: 768px) {
          .item-cards--3-col .item-card .center-card__sub-heading {
            font-size: 1.4rem; } }
      .item-cards--3-col .item-card .center-card__img {
        height: 80px;
        width: auto;
        max-width: none;
        margin-bottom: 1.5rem; }
      .item-cards--3-col .item-card .center-card__heading {
        margin-bottom: 1rem;
        font-size: 1.1rem;
        font-weight: 700; }
        @media (min-width: 768px) {
          .item-cards--3-col .item-card .center-card__heading {
            font-size: 1.6rem; } }

.item-card {
  background-color: #FFFFFF;
  padding: 24px;
  margin-right: 24px;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); }
  @media (min-width: 768px) {
    .item-card {
      -webkit-box-flex: 25%;
          -ms-flex: 25%;
              flex: 25%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media (max-width: 767px) {
    .item-card {
      width: 100%;
      margin-bottom: 16px; }
      .item-card:last-child {
        margin-bottom: 0; } }
  .item-card:last-child {
    margin-right: 0; }
  .item-card.item-card--extended {
    padding: 0;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .item-card .center-card__img {
    max-width: 80px; }
  .item-card .border-btn {
    -ms-flex-item-align: center;
        align-self: center; }

.item-card__upper {
  z-index: 2;
  padding: 24px;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); }
  @media (max-width: 767px) {
    .item-card__upper {
      padding: 16px; } }

.item-card__extend {
  padding: 24px;
  margin-right: 24px;
  background-color: #FCFCFC; }
  .item-card__extend:last-child {
    margin-right: 0; }
  @media (max-width: 767px) {
    .item-card__extend {
      padding: 16px; } }

.item-cards--careers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .item-cards--careers .item-card {
    padding: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    -webkit-transition: 600ms -webkit-flex-basis ease-in-out !important;
    transition: 600ms -webkit-flex-basis ease-in-out !important;
    transition: 600ms flex-basis ease-in-out !important;
    transition: 600ms flex-basis ease-in-out, 600ms -webkit-flex-basis ease-in-out, 600ms -ms-flex-preferred-size ease-in-out !important;
    transition: 600ms flex-basis ease-in-out, 600ms -ms-flex-preferred-size ease-in-out !important;
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .item-cards--careers .item-card-inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      background-color: #FFFFFF;
      height: 100%;
      overflow: hidden;
      -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
              box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); }
      .item-cards--careers .item-card-inner .center-card {
        padding: 1.5rem;
        -webkit-transition: 400ms opacity ease-in-out,
 height 600ms ease-in-out,
 -webkit-transform 400ms ease-in-out;
        transition: 400ms opacity ease-in-out,
 height 600ms ease-in-out,
 -webkit-transform 400ms ease-in-out;
        transition: 400ms opacity ease-in-out,
 transform 400ms ease-in-out,
 height 600ms ease-in-out;
        transition: 400ms opacity ease-in-out,
 transform 400ms ease-in-out,
 height 600ms ease-in-out,
 -webkit-transform 400ms ease-in-out; }
      .item-cards--careers .item-card-inner .scroll-area {
        -webkit-transition: 400ms opacity ease-in-out;
        transition: 400ms opacity ease-in-out;
        -webkit-transition-delay: 0.3s;
                transition-delay: 0.3s; }
      .item-cards--careers .item-card-inner .reveal-area {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        -webkit-transition: 400ms opacity ease-in-out;
        transition: 400ms opacity ease-in-out;
        -webkit-transition-delay: 0.6s;
                transition-delay: 0.6s;
        color: #484848;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        height: 100%; }
    .item-cards--careers .item-card .card-cover {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-transition: opacity 400ms;
      transition: opacity 400ms;
      -webkit-transition-delay: 0.2s;
              transition-delay: 0.2s; }
    .item-cards--careers .item-card .close-text {
      text-align: center; }
    .item-cards--careers .item-card.is-active {
      -webkit-transition: none;
      transition: none; }
      .item-cards--careers .item-card.is-active .center-card > .card-cover {
        max-height: 0;
        opacity: 0;
        overflow: hidden; }
      .item-cards--careers .item-card.is-active .center-card__paragraph,
      .item-cards--careers .item-card.is-active .center-card .reveal-area {
        text-align: left; }
        .item-cards--careers .item-card.is-active .center-card__paragraph .center-card__img,
        .item-cards--careers .item-card.is-active .center-card .reveal-area .center-card__img {
          height: 40px;
          width: 40px; }
    .item-cards--careers .item-card:not(.is-active) {
      cursor: pointer; }
      .item-cards--careers .item-card:not(.is-active) .center-card__img {
        width: 80px;
        height: 80px; }
      .item-cards--careers .item-card:not(.is-active) .scroll-area {
        opacity: 0;
        max-height: 0;
        overflow: hidden; }
      .item-cards--careers .item-card:not(.is-active) .reveal-area {
        opacity: 0;
        max-height: 0;
        overflow: hidden; }
      .item-cards--careers .item-card:not(.is-active) .close-text {
        display: none; }
      .item-cards--careers .item-card:not(.is-active) .center-card__paragraph {
        margin-bottom: 1.5rem; }
  .item-cards--careers .center-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .item-cards--careers .center-card-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .item-cards--careers .center-card__heading {
      -webkit-transition: 200ms font-size ease-in-out;
      transition: 200ms font-size ease-in-out; }
  .item-cards--careers .center-card__paragraph {
    margin-bottom: 0.5rem;
    -webkit-transition: max-height 10ms,
 opacity 400ms ease-in-out;
    transition: max-height 10ms,
 opacity 400ms ease-in-out;
    -webkit-transition-delay: 0.5s, 0.5s;
            transition-delay: 0.5s, 0.5s; }
  @supports (-moz-appearance: none) {
    .item-cards--careers .scroll-area {
      scrollbar-color: #008787 transparent;
      scrollbar-width: thin; } }
  .item-cards--careers .scroll-area::-webkit-scrollbar {
    width: 0.25rem; }
  .item-cards--careers .scroll-area::-webkit-scrollbar-thumb {
    background-color: #008787; }
  .item-cards--careers .cta-text {
    -webkit-transition: opacity 400ms;
    transition: opacity 400ms;
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
    margin-top: auto; }
  .item-cards--careers.opened .item-card .card-cover .center-card__paragraph {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition-delay: 0s, 0s;
            transition-delay: 0s, 0s; }
  .item-cards--careers.opened .item-card:not(.is-active) .center-card {
    width: 100%; }
  @media (min-width: 851px) {
    .item-cards--careers.opened .item-card:not(.is-active) .center-card__heading {
      font-size: 1.5em; } }
  .item-cards--careers.opened .item-card.is-active .cta-text {
    opacity: 0;
    max-height: 0;
    overflow: hidden; }
  .item-cards--careers.opened .item-card.is-active .scroll-area {
    overflow: auto; }
  @media (min-width: 768px) {
    .item-cards--careers:not(.opened) .center-card__paragraph {
      max-height: 182px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical; } }
  @media (min-width: 992px) {
    .item-cards--careers:not(.opened) .center-card__paragraph {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 6;
      -webkit-box-orient: vertical; } }
  @media (max-width: 767px) {
    .item-cards--careers:not(.item-cards--careers--5-cards) {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  @media (min-width: 768px) {
    .item-cards--careers:not(.item-cards--careers--5-cards) .item-card {
      height: var(--card-height);
      -webkit-box-flex: 1;
          -ms-flex: 1 1 15%;
              flex: 1 1 15%; }
    .item-cards--careers:not(.item-cards--careers--5-cards) .item-card .close-text {
      display: none; }
    .item-cards--careers:not(.item-cards--careers--5-cards) .item-card.is-active {
      -ms-flex-preferred-size: 35%;
          flex-basis: 35%; } }
  @media (min-width: 992px) {
    .item-cards--careers:not(.item-cards--careers--5-cards) .item-card.is-active {
      -ms-flex-preferred-size: 55%;
          flex-basis: 55%;
      min-width: 0; } }
  @media (min-width: 768px) {
    .item-cards--careers:not(.item-cards--careers--5-cards) .item-card.is-active .center-card {
      width: 100%;
      width: var(--active-card-width, 100%);
      -ms-flex-negative: 0;
          flex-shrink: 0; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .item-cards--careers:not(.item-cards--careers--5-cards) .item-card:not(.is-active) {
      -ms-flex-preferred-size: calc((100% - 35%) / 3);
          flex-basis: calc((100% - 35%) / 3); } }
  @media (min-width: 768px) {
    .item-cards--careers:not(.item-cards--careers--5-cards) .center-card {
      height: var(--card-height); }
    .item-cards--careers:not(.item-cards--careers--5-cards) .scroll-area {
      max-height: 246px; }
    .item-cards--careers:not(.item-cards--careers--5-cards).opened .item-card:not(.is-active) .center-card {
      height: 240px; }
    .item-cards--careers:not(.item-cards--careers--5-cards).opened .item-card:not(.is-active) .center-card__heading {
      height: calc(1em * 2 * 1 + 0px);
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      font-size: 1.2em; }
    .item-cards--careers:not(.item-cards--careers--5-cards).opened .item-card.is-active .scroll-area {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      padding-right: 0.5rem; } }
  .item-cards--careers.item-cards--careers--5-cards {
    min-height: 333px; }
    @media (max-width: 1024px) {
      .item-cards--careers.item-cards--careers--5-cards {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
      .item-cards--careers.item-cards--careers--5-cards .item-card {
        margin-bottom: 1rem; } }
    @media (min-width: 1025px) {
      .item-cards--careers.item-cards--careers--5-cards .item-card {
        height: var(--card-height);
        -webkit-box-flex: 1;
            -ms-flex: 1 1 15%;
                flex: 1 1 15%; }
      .item-cards--careers.item-cards--careers--5-cards .item-card .close-text {
        display: none; }
      .item-cards--careers.item-cards--careers--5-cards .item-card.is-active {
        -ms-flex-preferred-size: 35%;
            flex-basis: 35%; } }
    @media (min-width: 992px) {
      .item-cards--careers.item-cards--careers--5-cards .item-card.is-active {
        -ms-flex-preferred-size: 55%;
            flex-basis: 55%;
        min-width: 0; } }
    @media (min-width: 1025px) {
      .item-cards--careers.item-cards--careers--5-cards .item-card.is-active .center-card {
        width: 100%;
        width: var(--active-card-width, 100%);
        -ms-flex-negative: 0;
            flex-shrink: 0; } }
    .item-cards--careers.item-cards--careers--5-cards .item-card .center-card__paragraph .center-card__img,
    .item-cards--careers.item-cards--careers--5-cards .item-card .center-card .reveal-area .center-card__img {
      height: 4rem;
      width: 4rem; }
    .item-cards--careers.item-cards--careers--5-cards .item-card .reveal-area {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    @media (min-width: 1025px) {
      .item-cards--careers.item-cards--careers--5-cards .center-card {
        height: var(--card-height); } }
    .item-cards--careers.item-cards--careers--5-cards .center-card__heading {
      font-size: 1.25rem;
      line-height: 1.2; }
    @media (min-width: 1025px) {
      .item-cards--careers.item-cards--careers--5-cards .scroll-area {
        max-height: 246px; }
      .item-cards--careers.item-cards--careers--5-cards.opened .item-card:not(.is-active) .center-card {
        height: 240px; }
      .item-cards--careers.item-cards--careers--5-cards.opened .item-card:not(.is-active) .center-card__heading {
        font-size: 1rem; }
      .item-cards--careers.item-cards--careers--5-cards.opened .item-card.is-active .scroll-area {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 auto;
                flex: 0 1 auto;
        padding-right: 0.5rem; }
      .item-cards--careers.item-cards--careers--5-cards.opened .item-card.is-active .scroll-area .text-editor {
        padding-left: 2rem;
        padding-right: 1.5rem; }
      .item-cards--careers.item-cards--careers--5-cards.opened .item-card.is-active .reveal-area {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem; }
      .item-cards--careers.item-cards--careers--5-cards.opened .cta-text {
        margin-top: 0; }
      .item-cards--careers.item-cards--careers--5-cards:not(.opened) .cta-text {
        margin-top: 1.5rem; } }

.ocean-top-card {
  padding: 24px;
  background-color: #FFFFFF;
  height: 330px;
  -webkit-transition: -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
  transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;
  transition: transform 0.3s ease-out, box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; }
  @media (max-width: 767px) {
    .ocean-top-card {
      padding: 16px; } }
  .ocean-top-card:before {
    height: 8px;
    top: 0;
    left: 0;
    content: '';
    background: -webkit-gradient(linear, left top, right top, color-stop(30%, #204a88), color-stop(120%, #3EE9CB));
    background: linear-gradient(90deg, #204a88 30%, #3EE9CB 120%); }
  .ocean-top-card.ocean-top-card--shadow {
    -webkit-box-shadow: 0 5px 8px 0 rgba(32, 32, 32, 0.12);
            box-shadow: 0 5px 8px 0 rgba(32, 32, 32, 0.12); }
  @media (min-width: 1025px) {
    .ocean-top-card:hover {
      -webkit-transform: translateY(-2px);
              transform: translateY(-2px);
      -webkit-box-shadow: 0 10px 16px 0 rgba(32, 32, 32, 0.12);
              box-shadow: 0 10px 16px 0 rgba(32, 32, 32, 0.12); } }

.ocean-top-card__heading {
  font-size: 1.625em;
  margin-bottom: 16px; }
  @media (max-width: 550px) {
    .ocean-top-card__heading {
      font-size: 1.5em; } }

.ocean-top-card__icons {
  margin-bottom: 24px; }

.ocean-top-card__icon {
  font-size: 22px;
  margin-right: 8px; }
  .ocean-top-card__icon:last-child {
    margin-right: 0; }

@media (max-width: 850px) {
  .ocean-top-card__pargarph {
    line-height: 1.25em; } }

@media (max-width: 767px) {
  .ocean-top-card__pargarph {
    font-size: 1em; } }

.ocean-top-card__btn {
  bottom: 24px;
  right: 24px; }
  @media (max-width: 850px) {
    .ocean-top-card__btn {
      right: auto;
      left: 24px; } }

.ocean-top-card__img {
  margin-bottom: 24px; }

.ocean-top-card--center {
  height: auto; }
  .ocean-top-card--center .ocean-top-card__heading {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

.partner-card-grid {
  display: grid;
  grid-gap: 1.5rem;
  gap: 1.5rem; }
  @media (min-width: 551px) {
    .partner-card-grid {
      grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 851px) {
    .partner-card-grid {
      grid-template-columns: repeat(3, 1fr); } }

.partner-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
  padding: 1.5rem;
  background-color: #FFFFFF;
  min-width: 0;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content; }
  .partner-card > * {
    min-width: 0; }
  .partner-card .logo {
    height: 50px;
    width: 156px;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: left;
       object-position: left; }
  .partner-card-inner-grid {
    display: grid;
    grid-template-columns: 5.25rem 1fr;
    grid-gap: 1rem;
    gap: 1rem;
    font-size: 0.875rem;
    line-height: 1.6; }
    .partner-card-inner-grid div {
      min-width: 0; }
      .partner-card-inner-grid div a {
        word-break: break-all; }
  .partner-card-name {
    line-height: 1.4; }
  .partner-card-cta {
    margin-top: auto;
    border-top: 1px solid #D6D6D6;
    padding-top: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }

.plant-cards {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .plant-cards-title {
    font-size: 1.26562rem;
    margin-bottom: 1rem;
    font-weight: 700; }
    .plant-cards-title::before {
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }

.plant-cards-container:not(:last-child) {
  margin-bottom: 2rem; }
  @media (min-width: 768px) {
    .plant-cards-container:not(:last-child) {
      margin-bottom: 4rem; } }

.plant-card {
  width: 33%; }
  @media (min-width: 768px) {
    .plant-card {
      padding: 24px;
      border-left: 1px solid #D6D6D6;
      border-bottom: 1px solid #D6D6D6; }
      .plant-card:nth-child(-n+3) {
        border-top: 1px solid #D6D6D6; }
      .plant-card:nth-child(3n) {
        border-right: 1px solid #D6D6D6; }
      .plant-card:nth-last-child(1) {
        border-right: 1px solid #D6D6D6; } }
  @media (max-width: 767px) {
    .plant-card {
      padding: 16px;
      width: 100%;
      border-top: 1px solid #D6D6D6;
      border-left: 1px solid #D6D6D6;
      border-right: 1px solid #D6D6D6; }
      .plant-card:last-child {
        border-bottom: 1px solid #D6D6D6; } }
  .plant-card .tag-btn {
    margin-bottom: 8px; }

.plant-card__heading {
  font-size: 1.5em;
  margin-bottom: 16px; }

.plant-card__paragraph {
  color: #484848;
  margin-bottom: 24px; }
  @media (max-width: 767px) {
    .plant-card__paragraph {
      margin-bottom: 16px; } }

.plant-card__img {
  width: auto;
  max-width: 100%;
  margin-bottom: 16px; }

.product-card__img {
  max-width: 108px;
  margin-bottom: 16px; }

.product-card__btn {
  margin-bottom: 16px; }

.product-card__heading {
  font-weight: 700;
  margin-bottom: 8px; }

.product-card__subheading {
  font-weight: 400; }

.product-card__close-btn {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #717171;
  top: 0.5rem;
  right: 16px; }
  @media (min-width: 1025px) {
    .product-card__close-btn:hover {
      color: rgba(113, 113, 113, 0.8); } }

.product-card__icon {
  font-size: 14px; }

.profile-card {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  padding: 64px 32px;
  background-color: #FFFFFF;
  text-align: center; }
  .profile-card__image {
    margin: 0 auto 24px;
    max-width: 166px; }
  .profile-card__name {
    margin: 0 0 24px;
    font-size: 1em;
    line-height: 1.375em; }
  .profile-card__paragraph {
    font-size: .875em;
    line-height: 1.43em; }
  .profile-card__actions {
    margin: 32px auto 0;
    width: 166px; }
    .profile-card__actions .border-btn--l, .profile-card__actions .fill-btn--l {
      display: block;
      padding-left: 5px;
      padding-right: 5px;
      margin-bottom: 24px; }
    .profile-card__actions > *:last-child {
      margin-bottom: 0; }
  .profile-card > *:last-child {
    margin-bottom: 0; }

.release-card {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 24px 0 0; }
  .release-card__version {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    max-width: 100%;
    margin-bottom: 24px; }
    @media (max-width: 767px) {
      .release-card__version {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%; } }
  .release-card__release-date {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    max-width: 100%;
    margin-bottom: 24px; }
    @media (max-width: 767px) {
      .release-card__release-date {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%; } }
  .release-card__description {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 24px; }
    .release-card__description > *:last-child {
      margin: 0; }
    .release-card__description .release-card__title {
      margin-bottom: 16px;
      display: block; }
  .release-card__title {
    font-weight: 700;
    color: #204a88;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 5px; }

.release-cards {
  border: 1px solid rgba(109, 109, 109, 0.16);
  padding: 0 40px; }
  @media (max-width: 767px) {
    .release-cards {
      padding: 0 24px; } }
  .release-cards .release-card {
    border-top: 1px solid rgba(109, 109, 109, 0.16); }
    .release-cards .release-card:nth-of-type(1) {
      border-top: 0; }

.series-card {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
  padding: 16px 40px;
  margin-bottom: 16px; }
  @media (max-width: 850px) {
    .series-card {
      padding: 16px 24px; } }
  @media (max-width: 767px) {
    .series-card {
      padding: 16px; } }
  .series-card.series-card--big {
    padding: 40px; }
    @media (max-width: 550px) {
      .series-card.series-card--big {
        padding: 16px; } }

.series-card--big .series-card__top {
  padding: 0;
  margin-bottom: 24px; }

.series-card__wrapper {
  width: calc(100% - 135px); }
  @media (max-width: 767px) {
    .series-card__wrapper {
      width: 100%;
      margin-bottom: 8px; }
      .series-card__wrapper:last-child {
        margin-bottom: 0; } }

.series-card__top {
  padding-bottom: 16px; }
  .series-card__top.series-card__top--no-padding {
    padding: 0; }

.series-card__img {
  overflow: hidden; }
  @media (min-width: 1025px) {
    .series-card__img {
      width: calc(99.9% * 1/6 - (24px - 24px * 1/6)); }
    .series-card__img:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .series-card__img:last-child {
      margin-right: 0; }
    .series-card__img:nth-child(6n) {
      margin-right: 0;
      float: right; }
    .series-card__img:nth-child(6n + 1) {
      clear: both; } }
  @media (max-width: 1024px) {
    .series-card__img {
      width: calc(99.9% * 1/5 - (24px - 24px * 1/5)); }
    .series-card__img:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .series-card__img:last-child {
      margin-right: 0; }
    .series-card__img:nth-child(5n) {
      margin-right: 0;
      float: right; }
    .series-card__img:nth-child(5n + 1) {
      clear: both; } }
  @media (max-width: 767px) {
    .series-card__img {
      width: calc(99.9% * 1/3 - (24px - 24px * 1/3)); }
    .series-card__img:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .series-card__img:last-child {
      margin-right: 0; }
    .series-card__img:nth-child(3n) {
      margin-right: 0;
      float: right; }
    .series-card__img:nth-child(3n + 1) {
      clear: both; } }

@media (min-width: 1025px) {
  .series-card__info {
    width: calc(99.9% * 5/6 - (24px - 24px * 5/6)); }
  .series-card__info:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .series-card__info:last-child {
    margin-right: 0; }
  .series-card__info:nth-child(6n) {
    margin-right: 0;
    float: right; }
  .series-card__info:nth-child(6n + 1) {
    clear: both; } }

@media (max-width: 1024px) {
  .series-card__info {
    width: calc(99.9% * 4/5 - (24px - 24px * 4/5)); }
  .series-card__info:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .series-card__info:last-child {
    margin-right: 0; }
  .series-card__info:nth-child(5n) {
    margin-right: 0;
    float: right; }
  .series-card__info:nth-child(5n + 1) {
    clear: both; } }

@media (max-width: 767px) {
  .series-card__info {
    width: calc(99.9% * 2/3 - (24px - 24px * 2/3)); }
  .series-card__info:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .series-card__info:last-child {
    margin-right: 0; }
  .series-card__info:nth-child(3n) {
    margin-right: 0;
    float: right; }
  .series-card__info:nth-child(3n + 1) {
    clear: both; } }

.series-card__fav-btn {
  cursor: pointer;
  float: right; }
  @media (max-width: 767px) {
    .series-card__fav-btn {
      margin-bottom: 16px; }
      .series-card__fav-btn:last-child {
        margin-bottom: 0; } }

.series-card__heading {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  margin-bottom: 2px; }
  .series-card__heading.series-card__heading--big {
    font-size: 1em; }

.series-card__subheading {
  margin-bottom: 2px; }
  .series-card__subheading.series-card__subheading--big {
    font-size: 1em; }

.series-card__intro {
  color: #484848; }

.series-card__bottom {
  border-top: 1px solid #E5E2E2;
  padding-top: 16px; }

.series-card__item {
  width: calc(99.9% * 1/2 - (24px - 24px * 1/2));
  margin-bottom: 16px; }

.series-card__item:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.series-card__item:last-child {
  margin-right: 0; }

.series-card__item:nth-child(2n) {
  margin-right: 0;
  float: right; }

.series-card__item:nth-child(2n + 1) {
  clear: both; }
  @media (max-width: 850px) {
    .series-card__item {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; } }
  @media (min-width: 768px) {
    .series-card__item:nth-last-child(-n+2) {
      margin-bottom: 0; } }
  @media (max-width: 767px) {
    .series-card__item {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1));
      margin-bottom: 16px; }
    .series-card__item:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .series-card__item:last-child {
      margin-right: 0; }
    .series-card__item:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .series-card__item:nth-child(1n + 1) {
      clear: both; } }
  .series-card__item .fill-btn__text {
    font-weight: 400; }

.series-card__item-heading {
  padding-right: 8px; }
  @media (max-width: 850px) {
    .series-card__item-heading {
      margin-bottom: 8px; } }

@media (min-width: 851px) {
  .series-card__btns {
    min-width: 185px;
    text-align: right; } }

.series-card__btn {
  padding: 4px 8px;
  background-color: #F4F4F4;
  color: #717171;
  font-size: 0.68em;
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s; }
  @media (min-width: 1025px) {
    .series-card__btn:hover {
      background-color: #008787;
      color: #FFFFFF; } }

.series-card__btn--border {
  background-color: #FFFFFF;
  border: 1px solid #D6D6D6; }
  .series-card__btn--border.is-active {
    border: 1px solid #008787;
    color: #008787; }
    @media (min-width: 1025px) {
      .series-card__btn--border.is-active:hover {
        background-color: #008787;
        color: #FFFFFF; } }

.series-card__btn--icon {
  font-size: 8px; }

.series-card__btn--icon + .series-card__btn--text,
.series-card__btn--text + .series-card__btn--icon {
  margin-left: 2px; }

.series-card__table {
  border-top: 2px solid #EAEAEA;
  padding: 4px 0; }

.series-card__th {
  width: calc(99.9% * 1/7 - (24px - 24px * 1/7));
  color: #858585;
  padding: 12px 0; }

.series-card__th:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.series-card__th:last-child {
  margin-right: 0; }

.series-card__th:nth-child(7n) {
  margin-right: 0;
  float: right; }

.series-card__th:nth-child(7n + 1) {
  clear: both; }
  @media (max-width: 1024px) {
    .series-card__th {
      width: calc(99.9% * 2/7 - (24px - 24px * 2/7));
      font-size: 0.875em; }
    .series-card__th:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .series-card__th:last-child {
      margin-right: 0; }
    .series-card__th:nth-child(7n) {
      margin-right: 0;
      float: right; }
    .series-card__th:nth-child(7n + 1) {
      clear: both; } }
  @media (max-width: 550px) {
    .series-card__th {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
    .series-card__th:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .series-card__th:last-child {
      margin-right: 0; }
    .series-card__th:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .series-card__th:nth-child(1n + 1) {
      clear: both; } }

body.ZHCN .series-card__th {
  width: calc(99.9% * 1/3 - (24px - 24px * 1/3));
  word-wrap: break-word; }

body.ZHCN .series-card__th:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

body.ZHCN .series-card__th:last-child {
  margin-right: 0; }

body.ZHCN .series-card__th:nth-child(3n) {
  margin-right: 0;
  float: right; }

body.ZHCN .series-card__th:nth-child(3n + 1) {
  clear: both; }
  @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    body.ZHCN .series-card__th {
      word-wrap: break-word; } }
  @media (max-width: 1024px) {
    body.ZHCN .series-card__th {
      width: calc(99.9% * 1/3 - (24px - 24px * 1/3)); }
    body.ZHCN .series-card__th:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    body.ZHCN .series-card__th:last-child {
      margin-right: 0; }
    body.ZHCN .series-card__th:nth-child(3n) {
      margin-right: 0;
      float: right; }
    body.ZHCN .series-card__th:nth-child(3n + 1) {
      clear: both; } }
  @media (max-width: 550px) {
    body.ZHCN .series-card__th {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
    body.ZHCN .series-card__th:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    body.ZHCN .series-card__th:last-child {
      margin-right: 0; }
    body.ZHCN .series-card__th:nth-child(1n) {
      margin-right: 0;
      float: right; }
    body.ZHCN .series-card__th:nth-child(1n + 1) {
      clear: both; } }

.series-card__list {
  width: calc(99.9% * 6/7 - (24px - 24px * 6/7));
  float: left !important; }

.series-card__list:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.series-card__list:last-child {
  margin-right: 0; }

.series-card__list:nth-child(7n) {
  margin-right: 0;
  float: right; }

.series-card__list:nth-child(7n + 1) {
  clear: both; }
  @media (max-width: 1024px) {
    .series-card__list {
      width: calc(99.9% * 5/7 - (24px - 24px * 5/7)); }
    .series-card__list:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .series-card__list:last-child {
      margin-right: 0; }
    .series-card__list:nth-child(7n) {
      margin-right: 0;
      float: right; }
    .series-card__list:nth-child(7n + 1) {
      clear: both; } }
  @media (max-width: 550px) {
    .series-card__list {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
    .series-card__list:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .series-card__list:last-child {
      margin-right: 0; }
    .series-card__list:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .series-card__list:nth-child(1n + 1) {
      clear: both; } }

body.ZHCN .series-card__list {
  width: calc(99.9% * 2/3 - (24px - 24px * 2/3));
  word-wrap: break-word; }

body.ZHCN .series-card__list:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

body.ZHCN .series-card__list:last-child {
  margin-right: 0; }

body.ZHCN .series-card__list:nth-child(3n) {
  margin-right: 0;
  float: right; }

body.ZHCN .series-card__list:nth-child(3n + 1) {
  clear: both; }
  @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    body.ZHCN .series-card__list {
      word-wrap: break-word; } }
  @media (max-width: 1024px) {
    body.ZHCN .series-card__list {
      width: calc(99.9% * 2/3 - (24px - 24px * 2/3)); }
    body.ZHCN .series-card__list:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    body.ZHCN .series-card__list:last-child {
      margin-right: 0; }
    body.ZHCN .series-card__list:nth-child(3n) {
      margin-right: 0;
      float: right; }
    body.ZHCN .series-card__list:nth-child(3n + 1) {
      clear: both; } }
  @media (max-width: 550px) {
    body.ZHCN .series-card__list {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
    body.ZHCN .series-card__list:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    body.ZHCN .series-card__list:last-child {
      margin-right: 0; }
    body.ZHCN .series-card__list:nth-child(1n) {
      margin-right: 0;
      float: right; }
    body.ZHCN .series-card__list:nth-child(1n + 1) {
      clear: both; } }

.series-card__tr {
  padding: 12px 0;
  border-bottom: 1px solid #EAEAEA; }
  .series-card__tr:last-child {
    border-bottom: none; }

.series-card__td {
  color: #484848;
  width: calc(99.9% * 1/3 - (24px - 24px * 1/3)); }

.series-card__td:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.series-card__td:last-child {
  margin-right: 0; }

.series-card__td:nth-child(3n) {
  margin-right: 0;
  float: right; }

.series-card__td:nth-child(3n + 1) {
  clear: both; }

body.ZHCN .series-card__td {
  width: calc(99.9% * 1/2 - (24px - 24px * 1/2));
  word-wrap: break-word; }

body.ZHCN .series-card__td:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

body.ZHCN .series-card__td:last-child {
  margin-right: 0; }

body.ZHCN .series-card__td:nth-child(2n) {
  margin-right: 0;
  float: right; }

body.ZHCN .series-card__td:nth-child(2n + 1) {
  clear: both; }
  @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    body.ZHCN .series-card__td {
      word-wrap: break-word; } }

.series-card__container {
  width: calc(99.9% * 2/3 - (24px - 24px * 2/3)); }

.series-card__container:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.series-card__container:last-child {
  margin-right: 0; }

.series-card__container:nth-child(3n) {
  margin-right: 0;
  float: right; }

.series-card__container:nth-child(3n + 1) {
  clear: both; }
  .series-card__container li {
    margin-bottom: 8px; }
  @media (max-width: 1024px) {
    .series-card__container {
      font-size: 0.875em; } }

body.ZHCN .series-card__container {
  width: calc(99.9% * 1/2 - (24px - 24px * 1/2));
  word-wrap: break-word; }

body.ZHCN .series-card__container:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

body.ZHCN .series-card__container:last-child {
  margin-right: 0; }

body.ZHCN .series-card__container:nth-child(2n) {
  margin-right: 0;
  float: right; }

body.ZHCN .series-card__container:nth-child(2n + 1) {
  clear: both; }
  @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    body.ZHCN .series-card__container {
      word-wrap: break-word; } }

.side-img-card__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 767px) {
    .side-img-card__link {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.side-img-card__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #FFFFFF;
  width: 57%;
  padding: 16px; }
  @media (max-width: 767px) {
    .side-img-card__container {
      width: 100%; } }

.side-img-card__img-wrap {
  width: 43%; }
  @media (max-width: 767px) {
    .side-img-card__img-wrap {
      width: 100%; } }

.side-img-card__img {
  padding-top: 100%; }
  @media (max-width: 767px) {
    .side-img-card__img {
      padding-top: 60%; } }

.side-img-card__paragraph {
  color: #484848;
  margin-bottom: 8px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.side-img-card__subheading {
  color: #204a88;
  font-size: 0.875;
  font-weight: 700;
  margin-bottom: 16px; }

.support-card-title {
  font-size: 1.625em;
  margin-bottom: 24px; }
  @media (max-width: 767px) {
    .support-card-title {
      margin-bottom: 16px; } }

.support-card {
  overflow: hidden;
  height: 200px;
  border: 1px solid #EAEAEA;
  margin-bottom: 16px; }
  .support-card.support-card--auto-height {
    height: auto; }
  @media (max-width: 767px) {
    .support-card {
      height: auto; } }

.support-card__link {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #202020;
  padding: 16px;
  height: 100%;
  width: 100%; }
  @media (min-width: 1025px) {
    .support-card__link:hover {
      color: rgba(32, 32, 32, 0.8); }
    .support-card__link:hover .support-card__img {
      opacity: 1; } }

.support-card__wrapper {
  padding: 16px;
  height: 100%; }
  .support-card__wrapper.support-card__wrapper--l {
    padding: 24px; }

.support-card__heading {
  margin-bottom: 16px;
  position: relative;
  z-index: 2; }
  .support-card__heading.support-card__heading--margin-s {
    margin-bottom: 8px; }
  .support-card__heading.support-card__heading--margin-l {
    margin-bottom: 32px; }

.support-card__paragraph {
  width: calc(100% -  70px); }
  @media (max-width: 767px) {
    .support-card__paragraph {
      width: 100%; } }
  .support-card__paragraph.support-card__paragraph--margin-btm {
    margin-bottom: 16px; }
  .support-card__paragraph.support-card__paragraph--full {
    z-index: 1;
    width: 100%; }

.support-card__img {
  opacity: 0.6;
  pointer-events: none;
  width: 150px;
  top: 40px;
  right: -50px;
  -webkit-transition: 0.3s;
  transition: 0.3s; }
  @media (max-width: 767px) {
    .support-card__img {
      opacity: 0.3;
      top: 0; } }
  .support-card__img.support-card__img--btm {
    top: auto;
    bottom: -24px;
    right: -24px;
    z-index: 0;
    opacity: 1; }
  .support-card__img.support-card__img--s {
    width: 100px;
    bottom: 0;
    right: -15px;
    z-index: 0; }

.three-col-cards {
  position: relative;
  overflow: hidden;
  display: grid;
  padding: 1rem 0;
  margin: -1rem 0; }
  @media (min-width: 551px) {
    .three-col-cards {
      grid-template-columns: repeat(3, 1fr);
      gap: 1rem; } }
  @media (min-width: 851px) {
    .three-col-cards {
      gap: 2rem; } }
  @media (max-width: 767px) {
    .three-col-cards.two-col-md {
      grid-template-columns: repeat(2, 1fr);
      gap: 1rem; } }
  .three-col-cards .card {
    -webkit-transition: 0.3s margin ease-in-out;
    transition: 0.3s margin ease-in-out; }
    @media (min-width: 481px) {
      .three-col-cards .card {
        height: max(200px, min(25vmax, 318px)); } }
    @media (min-width: 768px) {
      .three-col-cards .card:hover {
        margin-top: -0.25rem; } }
  @supports not (aspect-ratio: auto) {
    .three-col-cards .square {
      height: calc(100vw - 2rem); }
      @media (min-width: 551px) {
        .three-col-cards .square {
          height: calc(100vw / 3 - 2rem); } }
    @media (max-width: 550px) {
      .three-col-cards .square--mobile {
        min-height: calc(100vw - 2rem); }
        .three-col-cards .square--mobile .aspect-ratio-fix {
          min-height: calc(100vw - 2rem); } }
    @media (max-width: 767px) {
      .three-col-cards .square--tablet {
        height: 30vw; } }
    @media (max-width: 550px) {
      .three-col-cards .square--tablet {
        height: calc(100vw / 2 - 2rem); } } }
  @supports (aspect-ratio: auto) {
    .three-col-cards .square {
      aspect-ratio: 1;
      height: auto; }
    @media (max-width: 550px) {
      .three-col-cards .square--mobile {
        aspect-ratio: 1;
        height: auto; } }
    @media (max-width: 767px) {
      .three-col-cards .square--tablet {
        aspect-ratio: 1;
        height: auto; } } }
  .three-col-cards .wrapper {
    position: relative;
    height: 100%; }
    .three-col-cards .wrapper.shadow .bg::before {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
      background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
      height: 70%;
      width: 100%; }
  .three-col-cards .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
    .three-col-cards .bg.flex-column {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
  .three-col-cards .bg-overlay::before, .three-col-cards .bg-overlay::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .three-col-cards .bg-overlay::before {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.9)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(255, 255, 255, 0) 100%); }
  .three-col-cards .bg-overlay::after {
    background: -webkit-gradient(linear, left bottom, left top, from(black), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(0deg, black 0%, rgba(255, 255, 255, 0) 100%);
    -webkit-transition: 0.3s opacity ease-in-out;
    transition: 0.3s opacity ease-in-out;
    opacity: 0; }
  .three-col-cards .bg-overlay:hover::after {
    opacity: 1; }
  .three-col-cards .card-title {
    font-size: 1.375rem;
    line-height: 1.2em;
    color: #FFFFFF;
    position: relative; }
    @media (min-width: 851px) {
      .three-col-cards .card-title {
        font-size: 1.625rem; } }
  .three-col-cards .card-description {
    color: #FFFFFF;
    margin-top: 1rem; }
    @media (min-width: 551px) {
      .three-col-cards .card-description {
        margin-top: 1.5rem; } }
    @media (max-width: 550px) {
      .three-col-cards .card-description {
        display: none; } }
  .three-col-cards .content-wrapper {
    position: relative;
    z-index: 2; }
  .three-col-cards .description-area {
    background-color: #FFFFFF;
    z-index: 1; }
    @media (max-width: 550px) {
      .three-col-cards .description-area {
        max-height: 0;
        -webkit-transition: 0.3s all ease-in-out;
        transition: 0.3s all ease-in-out; } }
    @media (min-width: 551px) {
      .three-col-cards .description-area {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1; } }
    .three-col-cards .description-area > * {
      -webkit-transition: 0.3s opacity ease-in-out;
      transition: 0.3s opacity ease-in-out;
      opacity: 0; }
    .three-col-cards .description-area.is-active {
      z-index: 11; }
      @media (max-width: 550px) {
        .three-col-cards .description-area.is-active {
          max-height: 999px; } }
      .three-col-cards .description-area.is-active > * {
        opacity: 1; }
    .three-col-cards .description-area .two-col-grid {
      height: 100%; }
    .three-col-cards .description-area .padded-wrapper {
      padding: 1rem; }
      @media (min-width: 768px) {
        .three-col-cards .description-area .padded-wrapper {
          padding: 3rem; } }
    .three-col-cards .description-area .img {
      height: 100%; }
      @media (max-width: 550px) {
        .three-col-cards .description-area .img {
          display: none; } }
    .three-col-cards .description-area .title {
      font-size: 1.25rem;
      line-height: 1.875rem;
      font-weight: 700;
      margin-bottom: 1rem; }
      @media (min-width: 768px) {
        .three-col-cards .description-area .title {
          font-size: 1.5rem;
          line-height: 2.125rem;
          margin-bottom: 2rem; } }
    .three-col-cards .description-area .close {
      position: absolute;
      top: 1rem;
      right: 1rem;
      cursor: pointer; }
    .three-col-cards .description-area footer {
      padding-top: 1rem; }
    .three-col-cards .description-area .author {
      font-weight: 700; }
  .three-col-cards .placeholder {
    position: fixed;
    z-index: 10;
    background-color: #FFFFFF; }
  .three-col-cards .slick-dots {
    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;
    margin: 2rem 0 0; }
    @media (min-width: 551px) {
      .three-col-cards .slick-dots {
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); } }
    @media (min-width: 768px) {
      .three-col-cards .slick-dots {
        margin: 4rem 0 0; } }
    .three-col-cards .slick-dots > li button {
      background: #717171; }
    .three-col-cards .slick-dots > li.slick-active button {
      background: #fa943e; }
  @media (max-width: 550px) {
    .three-col-cards .slick-list {
      margin: 0 -1rem; }
    .three-col-cards .slick-slide > div {
      padding: 0 1rem; } }

body.ZHCN .three-col-cards .card-description {
  line-height: 1.7; }

.three-col-img-card {
  display: grid; }
  @media (max-width: 767px) {
    .three-col-img-card {
      gap: 2rem; } }
  @media (min-width: 768px) {
    .three-col-img-card {
      grid-template-columns: repeat(3, 1fr);
      gap: 1rem; } }
  @media (min-width: 1281px) {
    .three-col-img-card {
      gap: 2rem; } }
  .three-col-img-card .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  @media (max-width: 767px) {
    .three-col-img-card .img {
      height: 250px; } }
  @media (min-width: 992px) {
    .three-col-img-card .img {
      height: 334px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .three-col-img-card .img {
      aspect-ratio: 1; } }
  .three-col-img-card .text-content {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    background-color: #FFFFFF;
    padding: 1rem;
    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: 768px) {
      .three-col-img-card .text-content {
        padding: 2rem; } }
    .three-col-img-card .text-content .title {
      font-size: 1.25rem;
      line-height: 1.875rem;
      font-weight: 700;
      margin-bottom: 1rem; }
      @media (min-width: 768px) {
        .three-col-img-card .text-content .title {
          font-size: 1.5rem;
          line-height: 2.125rem;
          height: 68px;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical; } }
  .three-col-img-card .cta {
    margin-top: auto;
    -ms-flex-item-align: start;
        align-self: flex-start; }

.tooltip {
  background-color: #FFFFFF;
  -webkit-box-shadow: 2px 8px 12px rgba(214, 214, 214, 0.6);
          box-shadow: 2px 8px 12px rgba(214, 214, 214, 0.6);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  @media (min-width: 768px) {
    .tooltip {
      min-width: 440px;
      right: 150%;
      top: -100%; } }
  @media (max-width: 767px) {
    .tooltip {
      right: 0;
      width: calc(100vw - 20px); } }
  .tooltip:after {
    content: "";
    position: absolute;
    right: -20px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent transparent #FFFFFF; }
    @media (min-width: 1025px) {
      .tooltip:after {
        top: calc(50% - 10px);
        right: -20px; } }
    @media (max-width: 1024px) {
      .tooltip:after {
        top: -18px;
        right: 8px;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #FF8000; } }
  .tooltip.is-active {
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
  @media (max-width: 767px) {
    .tooltip .product-bar__item {
      display: none; }
    .tooltip .product-bar__info {
      max-width: 100%; }
    .tooltip .product-bar__id {
      font-size: 1em; } }

.tooltop__close {
  cursor: pointer;
  font-size: 12px; }

.tooltip__top {
  color: #FFFFFF;
  background-color: #FF8000;
  padding: 8px 16px; }

.tooltip__main {
  padding: 16px 24px; }
  @media (max-width: 767px) {
    .tooltip__main {
      padding: 16px; } }

.top-img-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -12px; }
  .top-img-cards > .top-img-cards {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%; }
  .top-img-cards .top-img-card {
    margin: 12px; }
    .ie-browser .top-img-cards .top-img-card {
      border: 1px solid #D6D6D6; }
    @media (min-width: 768px) {
      .top-img-cards .top-img-card {
        width: calc(33% - 24px); } }
    @media (max-width: 767px) {
      .top-img-cards .top-img-card {
        width: 100%; } }
  .top-img-cards.top-img-cards--4 .top-img-card {
    width: calc(24% - 18px); }
    @media (max-width: 767px) {
      .top-img-cards.top-img-cards--4 .top-img-card {
        width: 100%; } }

.top-img-card {
  -webkit-transition: -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
  transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;
  transition: transform 0.3s ease-out, box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; }
  @media (min-width: 1025px) {
    .top-img-card:not(.top-img-card--no-hover):hover {
      -webkit-transform: translateY(-2px);
              transform: translateY(-2px);
      -webkit-box-shadow: 0 10px 16px 0 rgba(32, 32, 32, 0.12);
              box-shadow: 0 10px 16px 0 rgba(32, 32, 32, 0.12); } }
  .top-img-card .arrow-btn {
    bottom: 20px;
    left: 20px; }
  .top-img-card.top-img-card--s .top-img-card__img {
    padding-top: 45%; }
  .top-img-card__label {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #FF8000;
    padding: 0.25rem;
    color: #FFFFFF;
    font-size: 0.625rem; }
    @media (min-width: 551px) {
      .top-img-card__label {
        font-size: 0.75rem; } }

.top-img-card__link,
.top-img-card__inner-wrap {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #202020;
  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: 1025px) {
    .top-img-card__link:hover,
    .top-img-card__inner-wrap:hover {
      color: rgba(32, 32, 32, 0.8); } }

.top-img-card__container {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: #FFFFFF;
  padding: 20px; }
  @media (max-width: 767px) {
    .top-img-card__container {
      padding: 16px; } }

.top-img-card__img {
  padding-top: 60%; }

.top-img-card__subheading {
  color: #204a88;
  margin-bottom: 8px; }

.top-img-card__footer {
  left: 0;
  bottom: 0;
  padding: 10px 20px;
  border-top: 1px solid #EAEAEA; }
  .top-img-card__footer .save-notification-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 12;
    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;
    color: #FFFFFF;
    -webkit-transition: 1s opacity ease-in-out;
    transition: 1s opacity ease-in-out;
    font-size: 0.875rem; }
    @media (max-width: 550px) {
      .top-img-card__footer .save-notification-overlay {
        font-size: 0.75rem; } }
    .top-img-card__footer .save-notification-overlay a {
      color: #FFFFFF;
      text-decoration: underline; }

.top-img-card__note {
  color: #858585; }
  .top-img-card__note--s {
    font-size: 0.75rem; }
  .top-img-card__note--light {
    color: rgba(32, 32, 32, 0.3); }
  .top-img-card__note.member {
    margin-left: auto;
    margin-right: 1.5rem;
    color: #008787;
    background-color: rgba(0, 135, 135, 0.2);
    padding: 0.25rem;
    height: 20px;
    line-height: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .top-img-card__note.video-length {
    line-height: 1;
    margin-right: 1rem; }

.top-img-card__icon {
  left: calc(50% - 20px);
  top: calc(50% - 20px);
  color: #FFFFFF;
  font-size: 40px; }

.top-img-card__download-icon {
  color: #008787; }

@media (max-width: 767px) {
  .video-cards {
    padding: 0 0.5rem; }
  .video-cards.video-card-list {
    margin: 0 -16px; }
  .video-cards.video-card-list .top-img-card {
    margin: 8px;
    width: calc(50% - 1rem); } }

.video-cards.video-card-list .top-img-card__footer {
  min-height: 2.5rem; }

.video-cards .video-card:not(.is-active) {
  display: none; }

.video-cards .save-btn {
  position: absolute;
  bottom: 10px;
  right: 12px;
  font-size: 1.25rem;
  z-index: 11; }
  @media (min-width: 1025px) {
    .video-cards .save-btn {
      right: 20px; } }
  .video-cards .save-btn .icon {
    display: block;
    color: rgba(32, 32, 32, 0.8); }

@media (max-width: 550px) {
  .video-cards .top-img-card__heading {
    font-size: 0.75rem;
    line-height: 0.9375em; } }

.video-cards .top-img-card__heading.fixed-height {
  height: calc(1em * 3 * 1.375 + 0px);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }

.video-cards .top-img-card__heading.increased-line-height {
  line-height: 1.375em; }

@media (max-width: 550px) {
  .video-cards .top-img-card__container {
    padding: 0.75rem; }
  .video-cards .top-img-card__footer {
    padding: 0.625rem 0.75rem; } }

@media (min-width: 851px) and (max-width: 1024px) {
  .video-cards .top-img-card__footer {
    padding: 0.625rem 0.75rem; } }

.top-img-cards.top-img-cards--margin-bottom {
  margin-bottom: 40px; }

body.JAJP .top-img-card__heading {
  font-size: 18px;
  line-height: 1.2em; }

body.ZHTW .top-img-card__heading {
  line-height: 1.5em; }

body.ZHTW .top-img-card__note {
  letter-spacing: 0.6px; }

.two-col-inline-card {
  display: grid;
  -webkit-box-shadow: 0 3px 5px 1px rgba(32, 32, 32, 0.05);
          box-shadow: 0 3px 5px 1px rgba(32, 32, 32, 0.05);
  border: 1px solid #EAEAEA; }
  @media (min-width: 768px) {
    .two-col-inline-card {
      grid-template-columns: repeat(2, 1fr); } }
  .two-col-inline-card__img {
    height: 275px;
    -o-object-fit: cover;
       object-fit: cover; }
    @media (min-width: 768px) {
      .two-col-inline-card__img {
        height: 425px; } }
  .two-col-inline-card__col {
    overflow: hidden; }
  .two-col-inline-card__description {
    padding: 1rem; }
    @media (min-width: 768px) {
      .two-col-inline-card__description {
        padding: 3rem;
        height: 425px;
        overflow: auto; } }
    @supports (-moz-appearance: none) {
      .two-col-inline-card__description {
        scrollbar-color: #008787 transparent;
        scrollbar-width: thin; } }
    .two-col-inline-card__description::-webkit-scrollbar {
      width: 0.25rem; }
    .two-col-inline-card__description::-webkit-scrollbar-thumb {
      background-color: #008787; }
    .two-col-inline-card__description__heading {
      font-size: 1.25rem;
      line-height: 1.875em;
      margin-bottom: 1rem;
      font-weight: 700; }
      @media (min-width: 768px) {
        .two-col-inline-card__description__heading {
          font-size: 1.5rem;
          line-height: 2.125em; } }

body.ZHCN .two-col-inline-card__description .text-editor p {
  line-height: 1.7; }

.white-card {
  background-color: #FFFFFF;
  border: 1px solid #EAEAEA;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
  padding: 24px; }
  @media (min-width: 1025px) {
    .white-card:hover {
      border-color: #D6D6D6; } }
  @media (min-width: 768px) {
    .white-card {
      height: 280px; } }
  @media (max-width: 767px) {
    .white-card {
      padding: 16px; } }

.white-card__heading {
  font-size: 1.625em;
  margin-bottom: 32px; }
  @media (max-width: 1024px) {
    .white-card__heading {
      font-size: 1.5em;
      margin-bottom: 16px; } }

.white-card__paragraph {
  color: #717171; }
  @media (max-width: 1024px) {
    .white-card__paragraph {
      margin-bottom: 16px;
      line-height: 1.25em; }
      .white-card__paragraph:last-child {
        margin-bottom: 0; } }
  @media (max-width: 850px) {
    .white-card__paragraph {
      font-size: 0.875em; } }

@media (min-width: 768px) {
  .white-card__btn {
    position: absolute;
    bottom: 24px;
    left: 24px; } }

[data-slick-banner] .slide-bg {
  background-size: cover;
  background-position: center; }
  @media (min-width: 768px) {
    [data-slick-banner] .slide-bg {
      padding: 64px 0; } }
  @media (max-width: 767px) {
    [data-slick-banner] .slide-bg {
      padding: 32px 0; } }
  @media (min-width: 1025px) {
    [data-slick-banner] .slide-bg {
      padding: 90px 0; } }

@media (max-width: 550px) {
  [data-slick-banner] .slick-dots {
    margin: 0; } }

@media (min-width: 551px) {
  [data-slick-banner] .slick-dots {
    position: absolute;
    bottom: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); } }

[data-slick-banner] .slick-dots > li button {
  background: #717171; }

[data-slick-banner] .slick-dots > li.slick-active button {
  background: #008787; }

@media (max-width: 767px) {
  [data-slick-banner] .slick-list {
    margin-bottom: 40px; }
  [data-slick-banner] .slides {
    padding-left: 15px;
    padding-right: 15px; } }

[data-slick-banner] .slick-dots li {
  position: relative; }
  [data-slick-banner] .slick-dots li::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    display: none;
    cursor: pointer; }

[data-slick-banner] .slick-dots.changing li::after {
  display: block; }

[data-slick-banner][data-slick-full-width] .slick-dots {
  bottom: 40px; }

[data-slick-banner] .fade {
  -webkit-animation: fadeIn ease-in-out;
          animation: fadeIn ease-in-out;
  -webkit-animation-duration: 800ms;
          animation-duration: 800ms;
  -webkit-animation-delay: 100ms;
          animation-delay: 100ms; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

[data-slick-banner] .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

[data-slick-banner] .slick-slide {
  height: auto; }
  [data-slick-banner] .slick-slide > div {
    height: 100%; }
    [data-slick-banner] .slick-slide > div .slide-bg {
      height: 100%;
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }

@media (min-width: 1025px) {
  .c-text-carousel .c-text-carousel__btn:hover .c-text-carousel__icon {
    color: #008787; } }

.c-text-carousel .c-text-carousel__btn--prev {
  left: 0; }

.c-text-carousel .c-text-carousel__btn--next {
  right: 0; }

@media (min-width: 1025px) {
  .c-text-carousel:hover .c-text-carousel__btn {
    opacity: 1; } }

.c-text-carousel .slick-slide {
  height: auto; }

.c-text-carousel__comma {
  font-size: 32px;
  color: #204a88;
  margin-bottom: 32px; }
  @media (max-width: 767px) {
    .c-text-carousel__comma {
      margin-bottom: 24px; } }

.c-text-carousel__heading {
  color: #484848;
  line-height: 1.3em;
  margin-bottom: 56px; }
  @media (max-width: 767px) {
    .c-text-carousel__heading {
      margin-bottom: 32px; } }

.c-text-carousel__btm h4 {
  color: #204a88;
  margin-bottom: 8px; }

.c-text-carousel__btm span {
  color: #484848; }

.c-text-carousel__icon {
  color: #ADADAD; }

.center-carousel {
  margin-bottom: 24px; }
  @media (min-width: 1025px) {
    .center-carousel .center-carousel__btn:hover .center-carousel__icon {
      color: #008787; } }
  .center-carousel .slick-slide {
    height: auto; }
  .center-carousel .responsive-video {
    position: relative;
    padding-top: 56.25%; }
    .center-carousel .responsive-video a {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    .center-carousel .responsive-video iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

body.ZHCN .center-carousel p.center-carousel__quote {
  line-height: 1.7; }

body.JAJP .center-carousel__quote {
  line-height: 1.35em; }

body.ZHTW .center-carousel__quote {
  line-height: 1.5em; }

.center-carousel--overflow .slick-list {
  overflow: visible;
  margin: 0 -12px; }

.center-carousel--overflow .center-carousel__slide {
  margin: 0 12px;
  opacity: 0.5;
  pointer-events: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }
  .center-carousel--overflow .center-carousel__slide.slick-current {
    opacity: 1;
    pointer-events: auto; }

.center-carousel__video-btn {
  top: 46%;
  left: calc(50% - 27px); }
  @media (max-width: 767px) {
    .center-carousel__video-btn {
      left: calc(50% - 15px); } }

.center-carousel__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0;
  left: 0;
  color: #FFFFFF; }
  @media (max-width: 767px) {
    .center-carousel__container {
      position: relative;
      padding: 16px 0;
      color: #202020; } }
  .center-carousel__container.center-carousel__container--bottom {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }

@media (min-width: 768px) {
  .center-carousel__content.center-carousel__content--small {
    max-width: 416px;
    margin-bottom: 32px; }
  body.JAJP .center-carousel__content.center-carousel__content--small {
    max-width: none; } }

.center-carousel__comma {
  font-size: 30px;
  margin-bottom: 32px; }
  @media (max-width: 767px) {
    .center-carousel__comma {
      font-size: 20px;
      margin-bottom: 16px; } }

.center-carousel__heading {
  margin-bottom: 16px; }
  @media (min-width: 768px) {
    .center-carousel__heading {
      font-size: 1.625em; } }
  @media (max-width: 767px) {
    .center-carousel__heading {
      font-size: 1.2em; } }

.center-carousel__quote {
  line-height: 1.2em;
  margin-bottom: 32px; }
  @media (max-width: 850px) {
    .center-carousel__quote {
      font-size: 1.1em; } }

.center-carousel__source {
  color: #484848; }

.center-carousel__country {
  margin-bottom: 16px; }
  @media (min-width: 768px) {
    .center-carousel__country {
      color: #FFFFFF; } }
  @media (max-width: 767px) {
    .center-carousel__country {
      margin-bottom: 8px; } }

.center-carousel__tour {
  font-size: 1.625em; }
  @media (min-width: 768px) {
    .center-carousel__tour {
      color: #FFFFFF; } }
  @media (max-width: 767px) {
    .center-carousel__tour {
      font-size: 1.2em; } }

body.JAJP .center-carousel__tour {
  font-size: 1.8em; }
  @media (max-width: 767px) {
    body.JAJP .center-carousel__tour {
      font-size: 1.2em; } }

.center-carousel__controls {
  bottom: 0; }

.center-carousel__icon {
  font-size: 12px;
  color: #AFB3BA;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.carousel--center .center-carousel__controls {
  padding: 16px; }
  @media (max-width: 767px) {
    .carousel--center .center-carousel__controls {
      position: relative;
      padding: 8px 0; } }

@media (min-width: 768px) {
  .carousel--left .center-carousel__slide.center-carousel__slide--dark:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(256.44deg, rgba(32, 32, 32, 0) 0%, rgba(32, 32, 32, 0.3) 100%); } }

.carousel--left .center-carousel__container {
  width: 58%;
  padding-left: 40px;
  color: #202020; }
  @media (max-width: 767px) {
    .carousel--left .center-carousel__container {
      width: 100%;
      padding: 16px 0;
      color: #202020; } }

.carousel--left .center-carousel__controls {
  padding: 16px 0; }
  @media (max-width: 767px) {
    .carousel--left .center-carousel__controls {
      padding: 8px 0; } }

.center-carousel__link {
  position: relative; }
  @media (min-width: 768px) {
    .center-carousel__link:before {
      position: absolute;
      content: "";
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      background: linear-gradient(256.44deg, rgba(32, 32, 32, 0) 0%, rgba(32, 32, 32, 0.3) 100%); } }

.four-col-carousel {
  position: relative;
  margin-left: -1rem;
  margin-right: -1rem; }
  @media (min-width: 768px) and (max-width: 850px) {
    .four-col-carousel {
      padding-left: 0.5rem;
      padding-right: 0.5rem; } }
  .four-col-carousel .tile {
    position: relative;
    overflow: hidden; }
    @media (min-width: 768px) {
      .four-col-carousel .tile {
        height: 367px; }
      .four-col-carousel .tile.hover-zoom:hover .bg {
        -webkit-transform: scale(1.05);
                transform: scale(1.05); } }
    .four-col-carousel .tile .bg {
      height: 100%;
      position: relative;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      padding: 1rem;
      -webkit-transition: 0.3s -webkit-transform ease-in-out;
      transition: 0.3s -webkit-transform ease-in-out;
      transition: 0.3s transform ease-in-out;
      transition: 0.3s transform ease-in-out, 0.3s -webkit-transform ease-in-out;
      background-color: #F4F4F4; }
      .four-col-carousel .tile .bg::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), color-stop(22%, rgba(196, 196, 196, 0)));
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(196, 196, 196, 0) 22%);
        -webkit-transition: 0.3s background-color ease-in-out;
        transition: 0.3s background-color ease-in-out; }
    .four-col-carousel .tile-title {
      color: #FFFFFF;
      font-size: 1.25rem;
      line-height: 1.2;
      z-index: 3;
      width: calc(100% - 2rem); }
  .four-col-carousel .swiper-wrapper {
    position: static; }
  .four-col-carousel .swiper-slide {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    position: static; }
    @media (min-width: 851px) {
      .four-col-carousel .swiper-slide {
        padding-left: 1rem;
        padding-right: 1rem; } }
  .four-col-carousel > .swiper {
    z-index: 2; }
    .four-col-carousel > .swiper > .swiper-wrapper > .swiper-slide {
      width: 230px;
      -webkit-transition: 300ms opacity ease-in-out;
      transition: 300ms opacity ease-in-out; }
      @media (max-width: 767px) {
        .four-col-carousel > .swiper > .swiper-wrapper > .swiper-slide:not(.swiper-slide-active) {
          opacity: 0.7; } }
      .four-col-carousel > .swiper > .swiper-wrapper > .swiper-slide .tile-title {
        position: absolute;
        left: 1rem;
        bottom: 1rem; }
    .four-col-carousel > .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide {
      opacity: 0; }
  @media (max-width: 1280px) {
    .four-col-carousel > .swiper-controls.outside .swiper-button-prev {
      left: 1rem; }
    .four-col-carousel > .swiper-controls.outside .swiper-button-next {
      right: 1rem; } }
  .four-col-carousel .detail-area {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #FFFFFF;
    z-index: 11;
    -webkit-transition: 0.3s opacity ease-in-out;
    transition: 0.3s opacity ease-in-out; }
    .four-col-carousel .detail-area::before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin-left: 1rem;
      margin-right: 1rem;
      background-color: #FCFCFC; }
    .four-col-carousel .detail-area:not(.is-active) {
      z-index: -1;
      opacity: 0; }
    .four-col-carousel .detail-area.transitioning {
      z-index: auto; }
    @media (min-width: 768px) {
      .four-col-carousel .detail-area {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); } }
    .four-col-carousel .detail-area .tile {
      padding-left: 0;
      padding-right: 0; }
      @media (min-width: 768px) {
        .four-col-carousel .detail-area .tile {
          padding-left: 0.5rem;
          padding-right: 0.5rem; } }
      @media (min-width: 851px) {
        .four-col-carousel .detail-area .tile {
          padding-left: 1rem;
          padding-right: 1rem; } }
      @media (max-width: 767px) {
        .four-col-carousel .detail-area .tile .bg::before {
          background: rgba(32, 32, 32, 0.3); } }
      @media (min-width: 768px) {
        .four-col-carousel .detail-area .tile .bg::before {
          background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), color-stop(22%, rgba(196, 196, 196, 0)));
          background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(196, 196, 196, 0) 22%); } }
      @media (max-width: 767px) {
        .four-col-carousel .detail-area .tile .bg {
          height: auto;
          width: 100%; }
        .four-col-carousel .detail-area .tile-title {
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
          max-width: calc(100% - (1rem * 2) + 1rem); } }
    .four-col-carousel .detail-area .inner-carousel {
      padding-left: 1rem;
      padding-right: 1rem;
      width: 100%;
      -ms-flex-item-align: start;
          align-self: flex-start;
      -webkit-transition: 0.3s opacity ease-in-out;
      transition: 0.3s opacity ease-in-out; }
      @media (min-width: 768px) {
        .four-col-carousel .detail-area .inner-carousel {
          padding-left: 1.5rem;
          padding-right: 3.4375rem; } }
      .four-col-carousel .detail-area .inner-carousel > .swiper {
        padding-top: 1rem;
        padding-bottom: 1rem; }
        @media (max-width: 767px) {
          .four-col-carousel .detail-area .inner-carousel > .swiper {
            padding-left: 0.5rem;
            padding-right: 0.5rem; } }
      .four-col-carousel .detail-area .inner-carousel .swiper-slide {
        height: auto;
        padding-left: 0.5rem;
        padding-right: 0.5rem; }
        .four-col-carousel .detail-area .inner-carousel .swiper-slide .top-img-card {
          height: 100%; }
      .four-col-carousel .detail-area .inner-carousel .swiper-slide-invisible-blank {
        visibility: unset; }
      .four-col-carousel .detail-area .inner-carousel .swiper-controls {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        @media (max-width: 767px) {
          .four-col-carousel .detail-area .inner-carousel .swiper-controls .swiper-button-prev {
            display: none; }
          .four-col-carousel .detail-area .inner-carousel .swiper-controls .swiper-button-next {
            display: none; } }
        .four-col-carousel .detail-area .inner-carousel .swiper-controls .swiper-button-prev {
          left: 1.3rem; }
          @media (min-width: 768px) {
            .four-col-carousel .detail-area .inner-carousel .swiper-controls .swiper-button-prev {
              -webkit-transform: translateX(-100%);
                      transform: translateX(-100%); } }
        .four-col-carousel .detail-area .inner-carousel .swiper-controls .swiper-button-next {
          right: 1.3rem; }
          @media (min-width: 768px) {
            .four-col-carousel .detail-area .inner-carousel .swiper-controls .swiper-button-next {
              -webkit-transform: translateX(0);
                      transform: translateX(0); } }
        .four-col-carousel .detail-area .inner-carousel .swiper-controls .swiper-pagination {
          -webkit-transform: none;
                  transform: none;
          width: auto;
          position: static; }
      @media (max-width: 767px) {
        .four-col-carousel .detail-area .inner-carousel .top-img-card {
          margin: 0;
          width: 100%; } }
    .four-col-carousel .detail-area:not(.show-content) .tile {
      opacity: 0; }
    .four-col-carousel .detail-area:not(.show-content) .inner-carousel {
      opacity: 0; }
    .four-col-carousel .detail-area .close {
      height: 2rem;
      max-width: 2rem;
      overflow: hidden;
      position: absolute;
      color: #202020;
      background-color: rgba(255, 255, 255, 0.5);
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      z-index: 2;
      -webkit-transition: 0.3s background-color ease-in-out, 0.3s max-width ease-in-out;
      transition: 0.3s background-color ease-in-out, 0.3s max-width ease-in-out;
      padding-right: 0.5rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      font-size: 0.875rem; }
      @media (max-width: 767px) {
        .four-col-carousel .detail-area .close {
          top: 50%;
          right: 1rem;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); } }
      .four-col-carousel .detail-area .close .icon-wrapper {
        height: 2rem;
        width: 2rem;
        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;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 2rem;
                flex: 0 0 2rem; }
      .four-col-carousel .detail-area .close .text-wrapper {
        text-transform: uppercase;
        white-space: nowrap; }
      @media (min-width: 768px) {
        .four-col-carousel .detail-area .close {
          top: 1rem;
          left: 2rem; }
          .four-col-carousel .detail-area .close:hover {
            max-width: 6rem; }
            .four-col-carousel .detail-area .close:hover + .bg::before {
              background-color: rgba(32, 32, 32, 0.2); } }
  .four-col-carousel.overlay-active > .swiper-controls {
    display: none; }
  .four-col-carousel .placeholder {
    position: absolute;
    z-index: 11;
    background-color: transparent; }
  .four-col-carousel .top-img-card__img-wrap {
    background-color: #F4F4F4; }

.hero-carousel {
  position: relative;
  background-color: #000; }
  @media (min-width: 1025px) {
    .hero-carousel.carousel-loaded:hover .hero-carousel__btn {
      opacity: 1; } }
  .hero-carousel .fill-btn {
    margin-right: 16px; }
    .hero-carousel .fill-btn:last-child {
      margin-right: 0; }
  @media (max-width: 767px) {
    .hero-carousel .fill-btn,
    .hero-carousel .border-btn {
      margin-bottom: 8px; } }
  .hero-carousel--fade {
    opacity: 1;
    overflow: hidden;
    -webkit-transition: 1s opacity ease-in-out;
    transition: 1s opacity ease-in-out; }
    .hero-carousel--fade.hidden {
      opacity: 0;
      height: 0; }

.hero-carousel__slider {
  position: relative;
  width: 100%;
  height: 550px; }
  @media (max-width: 767px) {
    .hero-carousel__slider {
      height: 350px; } }
  .hero-carousel__slider .hero-carousel__slide {
    position: relative;
    height: 550px;
    overflow: hidden; }
    @media (max-width: 767px) {
      .hero-carousel__slider .hero-carousel__slide {
        height: 350px; } }
  .hero-carousel__slider :where(.hero-banner__play-button) {
    color: #FFFFFF; }

.hero-carousel__item {
  height: 100%; }
  .hero-carousel__item .pic {
    height: 100%; }
  .hero-carousel__item.-videoYT {
    position: absolute; }
    @media (max-width: 767px) {
      .hero-carousel__item.-videoYT {
        display: none; } }
    @media (min-width: 768px) {
      .hero-carousel__item.-videoYT + .hero-carousel__img {
        background: none !important; } }
  .hero-carousel__item.-videoVD {
    position: absolute; }
    .hero-carousel__item.-videoVD video {
      position: relative; }
  .hero-carousel__item.hd-video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
    .hero-carousel__item.hd-video .CCH5playerContainer,
    .hero-carousel__item.hd-video .kWidgetIframeContainer {
      width: 100% !important;
      height: 100% !important;
      position: relative;
      z-index: -1; }
    .hero-carousel__item.hd-video .CCH5playerContainer #ccH5historyTimeBox {
      display: none !important; }
    .hero-carousel__item.hd-video .CCH5playerContainer .ccH5Poster img {
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center; }
    .hero-carousel__item.hd-video .CCH5playerContainer video {
      position: absolute;
      max-width: none !important;
      top: 50% !important;
      left: 50% !important;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    .hero-carousel__item.hd-video .kWidgetIframeContainer iframe {
      position: absolute;
      max-width: none !important;
      top: 50% !important;
      left: 50% !important;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    .hero-carousel__item.hd-video #replaybtn,
    .hero-carousel__item.hd-video #ccH5-share-box,
    .hero-carousel__item.hd-video #ccH5RightMenu {
      display: none !important; }

.hero-carousel__img,
.hero-carousel__video-wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%; }

.hero-carousel__container .fill-btn,
.hero-carousel__container .border-btn {
  vertical-align: baseline; }

@media (min-width: 851px) {
  .hero-carousel__container {
    width: calc(99.9% * 1/2 - (24px - 24px * 1/2)); }
  .hero-carousel__container:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .hero-carousel__container:last-child {
    margin-right: 0; }
  .hero-carousel__container:nth-child(2n) {
    margin-right: 0;
    float: right; }
  .hero-carousel__container:nth-child(2n + 1) {
    clear: both; } }

@media (max-width: 850px) {
  .hero-carousel__container {
    width: calc(99.9% * 2/3 - (24px - 24px * 2/3)); }
  .hero-carousel__container:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .hero-carousel__container:last-child {
    margin-right: 0; }
  .hero-carousel__container:nth-child(3n) {
    margin-right: 0;
    float: right; }
  .hero-carousel__container:nth-child(3n + 1) {
    clear: both; } }

@media (max-width: 767px) {
  .hero-carousel__container {
    width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
  .hero-carousel__container:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .hero-carousel__container:last-child {
    margin-right: 0; }
  .hero-carousel__container:nth-child(1n) {
    margin-right: 0;
    float: right; }
  .hero-carousel__container:nth-child(1n + 1) {
    clear: both; } }

.hero-carousel__heading {
  color: #FFFFFF;
  line-height: normal; }
  @media (min-width: 768px) {
    .hero-carousel__heading {
      margin-bottom: 32px; } }
  @media (max-width: 767px) {
    .hero-carousel__heading {
      margin-bottom: 16px; } }
  .hero-carousel__heading b {
    font-weight: 700; }

body.ZHCN .hero-carousel__heading {
  font-weight: 500; }

.hero-carousel__paragraph {
  color: #FCFCFC;
  margin-bottom: 32px; }
  @media (max-width: 767px) {
    .hero-carousel__paragraph {
      margin-bottom: 16px; } }
  @media (min-width: 851px) {
    .hero-carousel__paragraph:not(.hero-carousel__paragraph--no-max-width) {
      max-width: 350px; } }
  @media (max-width: 850px) {
    .hero-carousel__paragraph:not(.hero-carousel__paragraph--no-max-width) {
      max-width: none; } }

body.JAJP .hero-carousel__paragraph {
  max-width: none; }

.hero-carousel__btn {
  top: calc(50% - 23px);
  padding: 8px;
  z-index: 10;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0; }
  .hero-carousel__btn--prev {
    left: 80px; }
  .hero-carousel__btn--next {
    right: 80px; }
  @media (min-width: 1025px) {
    .hero-carousel__btn:hover .hero-carousel__icon {
      color: #FFFFFF; } }

.hero-carousel__icon {
  font-size: 30px;
  color: rgba(255, 255, 255, 0.6);
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }

.hero-carousel__video {
  min-width: 100%;
  min-height: 100%;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.hero-carousel__video-wrap {
  position: absolute; }

.hero-carousel__dots {
  left: 0;
  bottom: 8px;
  z-index: 1; }
  @media (min-width: 768px) {
    .hero-carousel__dots {
      display: none; } }
  .hero-carousel__dots .slick-dots {
    margin: 0; }

@media (min-width: 1025px) {
  .img-card-carousel .img-card-carousel__btn:hover .img-card-carousel__icon {
    color: #008787; } }

.img-card-carousel .slick-list {
  margin: 0 -12px; }

.img-card-carousel .img-card__container {
  min-height: 312px; }

.img-card-carousel__slide {
  padding: 12px; }

.img-card-carousel__controls {
  padding: 16px; }

@media (min-width: 1025px) {
  .inline-img-carousel .inline-img-carousel__btn:hover .inline-img-carousel__icon {
    color: #008787; } }

.inline-img-carousel .inline-img-carousel__btn--prev {
  left: 0; }

.inline-img-carousel .inline-img-carousel__btn--next {
  right: 0; }

@media (min-width: 1025px) {
  .inline-img-carousel:hover .inline-img-carousel__btn {
    opacity: 1; } }

.inline-img-carousel .slick-track {
  pointer-events: none; }

.inline-img-carousel .slick-list {
  overflow: visible; }

.inline-img-carousel__wrap {
  z-index: 5; }
  .inline-img-carousel__wrap.slick-initialized .slick-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 767px) {
      .inline-img-carousel__wrap.slick-initialized .slick-slide {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }

.inline-img-carousel__slide {
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }
  @media (min-width: 768px) {
    .inline-img-carousel__slide {
      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;
      padding: 0 24px; } }
  @media (max-width: 767px) {
    .inline-img-carousel__slide {
      padding: 0; } }
  .inline-img-carousel__slide.slick-current {
    pointer-events: auto;
    opacity: 1; }

.inline-img-carousel__img-wrap img {
  height: auto; }

@media (max-width: 1024px) {
  .inline-img-carousel__img-wrap {
    -webkit-transform: translateX(15%);
            transform: translateX(15%); } }

@media (max-width: 767px) {
  .inline-img-carousel__img-wrap {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@media (min-width: 768px) {
  .inline-img-carousel__img-wrap {
    width: 40%; } }

@media (max-width: 767px) {
  .inline-img-carousel__img-wrap {
    width: 75%;
    margin: 0 auto 16px; } }

@media (min-width: 768px) {
  .inline-img-carousel__container {
    width: 50%; } }

@media (max-width: 767px) {
  .inline-img-carousel__container {
    width: 100%;
    margin-bottom: 16px; } }

.inline-img-carousel__heading {
  color: #008787;
  margin-bottom: 24px; }

body.ZHCN .inline-img-carousel__heading {
  letter-spacing: .06em; }

body.JAJP .inline-img-carousel__heading {
  line-height: 1.25em; }

.inline-img-carousel__paragraph {
  margin-bottom: 24px; }

.inline-img-carousel__dots .slick-dots > li {
  margin: 0 16px; }

.module-carousel {
  background-color: #204a88;
  margin: 0 -32px 32px; }
  @media (min-width: 851px) {
    .module-carousel {
      padding: 32px 120px; } }
  @media (max-width: 850px) {
    .module-carousel {
      padding: 32px 70px; } }
  @media (max-width: 767px) {
    .module-carousel {
      padding: 32px 48px; } }
  .module-carousel .slick-slide {
    height: auto; }

.module-carousel__img-wrap {
  width: 90px; }
  @media (min-width: 768px) {
    .module-carousel__img-wrap {
      margin-right: 32px; } }
  @media (max-width: 767px) {
    .module-carousel__img-wrap {
      margin: 0 auto 16px;
      display: block; } }

.module-carousel__container {
  color: #FFFFFF; }
  @media (min-width: 768px) {
    .module-carousel__container {
      width: calc(100% - 130px); } }
  @media (max-width: 767px) {
    .module-carousel__container {
      width: 100%; } }

.module-carousel__heading {
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 16px; }

.module-carousel__btn {
  top: calc(50% - 17px);
  padding: 8px; }
  .module-carousel__btn--prev {
    left: 24px; }
    @media (max-width: 767px) {
      .module-carousel__btn--prev {
        left: 16px; } }
  .module-carousel__btn--next {
    right: 24px; }
    @media (max-width: 767px) {
      .module-carousel__btn--next {
        right: 16px; } }

.module-carousel__icon {
  color: #FFFFFF;
  font-size: 18px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }

.news-ticker {
  background-color: #FFFFFF;
  position: relative; }
  .news-ticker .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    overflow: hidden;
    padding: 0; }
    @media (max-width: 767px) {
      .news-ticker .container {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
  .news-ticker__title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 186px;
            flex: 0 0 186px;
    max-width: 186px;
    font-size: 17px;
    line-height: 28px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    color: #FFFFFF;
    background-color: #008787; }
    @media (max-width: 767px) {
      .news-ticker__title {
        padding-right: 80px;
        padding-left: 16px;
        padding-bottom: 0;
        background: transparent;
        color: #008787;
        text-align: left;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%; } }
  .news-ticker__wrapper {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    max-width: calc(100% - 186px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 767px) {
      .news-ticker__wrapper {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%; } }
  .news-ticker__controls {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 64px;
            flex: 0 0 64px;
    max-width: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 767px) {
      .news-ticker__controls {
        position: absolute;
        top: 0;
        right: 0;
        width: 64px;
        display: none; } }
    .news-ticker__controls + .news-ticker__slides {
      max-width: calc(100% - 64px); }
  .news-ticker__control {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    height: 48px;
    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;
    color: #FFFFFF;
    background-color: #AFB3BA; }
    .news-ticker__control.slick-hidden {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      opacity: .2;
      cursor: not-allowed; }
  .news-ticker__slides {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    max-width: 100%;
    line-height: 0;
    display: none; }
    .news-ticker__slides .slick-slide {
      opacity: 0 !important;
      background-color: #FFFFFF; }
    .news-ticker__slides .slick-slide.slick-current {
      opacity: 1 !important; }
      .news-ticker__slides .slick-slide.slick-current .news-ticker__slide-text {
        -webkit-animation-name: tickerFadeIn;
                animation-name: tickerFadeIn;
        -webkit-animation-duration: 1.5s;
                animation-duration: 1.5s;
        -webkit-animation-delay: 0s;
                animation-delay: 0s; }
    .news-ticker__slides.slick-initialized {
      display: block; }
    @media (max-width: 767px) {
      .news-ticker__slides {
        max-width: 100%;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%; } }
    .news-ticker__slides .news-ticker__slide::before, .news-ticker__slides .news-ticker__slide::after {
      content: none; }
    .news-ticker__slides .news-ticker__slide-text {
      padding: 10px 24px;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 17px;
      line-height: 28px; }
      @media (max-width: 767px) {
        .news-ticker__slides .news-ticker__slide-text {
          padding-left: 16px;
          padding-right: 16px;
          padding-top: 0; } }
      .news-ticker__slides .news-ticker__slide-text > a {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 24px;
                flex: 0 0 24px;
        max-width: 24px;
        margin-left: 16px;
        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;
        border: 1px solid #008787;
        border-radius: 50%;
        height: 24px;
        font-size: 12px;
        line-height: 24px; }
    .news-ticker__slides p {
      margin: 0;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      max-width: calc(100% - 40px);
      line-height: inherit; }
      .news-ticker__slides p span, .news-ticker__slides p a {
        display: block;
        max-width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        color: #202020;
        text-decoration: none; }

@-webkit-keyframes tickerFadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes tickerFadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes tickerFadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes tickerFadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@media (min-width: 551px) {
  .news-cards {
    padding: 0 4rem; } }

.news-cards .slick-list {
  margin: -1rem 0; }

.news-cards .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem 0; }

.news-cards .slick-slide {
  height: auto; }
  @media (min-width: 551px) {
    .news-cards .slick-slide {
      padding: 0 1rem; } }
  .news-cards .slick-slide > div {
    height: 100%; }
    .news-cards .slick-slide > div .img-card {
      height: 100%; }

@media (max-width: 550px) {
  .news-cards .slick-list {
    margin: 0 -1rem; }
  .news-cards .slick-slide > div {
    padding: 0 1rem; } }

.news-cards .img-card__img--l {
  padding-top: 76%; }

.news-cards .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 1.5rem;
  color: #008787; }
  .news-cards .slick-arrow.slick-prev {
    left: 0; }
  .news-cards .slick-arrow.slick-next {
    right: 0; }

.news-cards .slick-dots {
  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;
  margin: 2rem 0 0; }
  @media (min-width: 551px) {
    .news-cards .slick-dots {
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); } }
  @media (min-width: 768px) {
    .news-cards .slick-dots {
      margin: 4rem 0 0; } }
  .news-cards .slick-dots > li button {
    background: #717171; }
  .news-cards .slick-dots > li.slick-active button {
    background: #fa943e; }

@media (min-width: 851px) {
  .news-cards.text-l .img-card__container {
    padding: 1.5rem 1.5rem 3rem; } }

@media (max-width: 850px) {
  .news-cards.text-l .img-card__container {
    padding: 1rem 1rem 3rem; } }

.news-cards .img-card__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .news-cards .img-card__container > div:last-child {
    margin-top: auto; }
  .news-cards .img-card__container.img-card__container--s {
    padding: 1rem; }
    @media (min-width: 851px) {
      .news-cards .img-card__container.img-card__container--s {
        padding: 1.5rem; } }

@media (min-width: 1025px) {
  .overflow-carousel .overflow-carousel__btn:hover .overflow-carousel__icon {
    color: #008787; } }

.overflow-carousel .slick-list {
  overflow: visible;
  margin: 0 -12px; }

.overflow-carousel__slide {
  margin: 0 12px; }

@media (min-width: 1025px) {
  .overflow-carousel__trigger:hover .video-btn {
    color: #FFFFFF; } }

.overflow-carousel__img {
  padding-top: 63%; }

.overflow-carousel__container {
  left: 0;
  bottom: 0;
  padding: 24px;
  color: #FFFFFF; }
  .overflow-carousel__container .video-btn {
    margin-bottom: 16px; }

.overflow-carousel__subheading {
  font-family: "Neue Helvetica W01", Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
  font-weight: 700;
  font-size: 1em;
  letter-spacing: 1px;
  line-height: normal;
  margin-bottom: 8px; }

body.ZHCN .overflow-carousel__subheading {
  font-family: "微軟雅黑體", "Microsoft YaHei", "Neue Helvetica W01", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1em;
  letter-spacing: 1px;
  line-height: normal; }

body.JAJP .overflow-carousel__subheading {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
  font-size: 1em;
  letter-spacing: 1px;
  line-height: normal; }

.overflow-carousel__heading {
  font-size: 1.625em;
  margin-bottom: 8px; }

.overflow-carousel__controls {
  margin-top: 24px; }

@media (min-width: 1025px) {
  .overlap-carousel .overlap-carousel__btn:hover .overlap-carousel__icon {
    color: #008787; } }

.overlap-carousel .overlap-carousel__btn--prev {
  left: 0; }

.overlap-carousel .overlap-carousel__btn--next {
  right: 0; }

@media (min-width: 1025px) {
  .overlap-carousel:hover .overlap-carousel__btn {
    opacity: 1; } }

.overlap-carousel__img {
  padding-top: 50%; }
  @media (min-width: 768px) {
    .overlap-carousel__img {
      margin-left: calc(99.9% * (-1/12 * -1) - (24px - 24px * (-1/12 * -1)) + 24px) !important;
      width: calc(99.9% * 11/12 - (24px - 24px * 11/12)); }
    .overlap-carousel__img:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .overlap-carousel__img:last-child {
      margin-right: 0; }
    .overlap-carousel__img:nth-child(12n) {
      margin-right: 0;
      float: right; }
    .overlap-carousel__img:nth-child(12n + 1) {
      clear: both; } }
  @media (max-width: 767px) {
    .overlap-carousel__img {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
    .overlap-carousel__img:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .overlap-carousel__img:last-child {
      margin-right: 0; }
    .overlap-carousel__img:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .overlap-carousel__img:nth-child(1n + 1) {
      clear: both; } }

@media (min-width: 768px) {
  .overlap-carousel__video-btn {
    bottom: 56px;
    right: 56px; } }

@media (max-width: 767px) {
  .overlap-carousel__video-btn {
    bottom: 15px;
    right: 25px; } }

.overlap-carousel__containers-wrap {
  pointer-events: none; }
  @media (min-width: 768px) {
    .overlap-carousel__containers-wrap {
      position: absolute;
      bottom: 40px;
      left: 0; } }
  @media (max-width: 767px) {
    .overlap-carousel__containers-wrap {
      position: relative; } }

.overlap-carousel__containers {
  pointer-events: auto; }
  @media (min-width: 768px) {
    .overlap-carousel__containers {
      width: calc(99.9% * 5/12 - (24px - 24px * 5/12)); }
    .overlap-carousel__containers:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .overlap-carousel__containers:last-child {
      margin-right: 0; }
    .overlap-carousel__containers:nth-child(12n) {
      margin-right: 0;
      float: right; }
    .overlap-carousel__containers:nth-child(12n + 1) {
      clear: both; } }
  @media (max-width: 767px) {
    .overlap-carousel__containers {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
    .overlap-carousel__containers:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .overlap-carousel__containers:last-child {
      margin-right: 0; }
    .overlap-carousel__containers:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .overlap-carousel__containers:nth-child(1n + 1) {
      clear: both; } }
  .overlap-carousel__containers .slick-slide {
    height: auto; }

.overlap-carousel__link {
  background-color: #008787;
  padding: 24px;
  color: #FFFFFF;
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s; }
  @media (min-width: 1025px) {
    .overlap-carousel__link:hover {
      color: #008787;
      background-color: #FFFFFF; } }

.overlap-carousel__subheading {
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 16px; }

body.ZHCN .overlap-carousel__subheading {
  letter-spacing: .05em; }

.overlap-carousel__heading {
  text-decoration: none;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none; }

.product-carousel .product-carousel {
  position: relative; }

.product-carousel__btn {
  padding: 8px;
  top: calc(50% - 24px); }
  .product-carousel__btn--prev {
    left: 0; }
  .product-carousel__btn--next {
    right: 0; }

.product-carousel__icon {
  font-size: 32px; }

@media (min-width: 1025px) {
  .r-img-carousel .r-img-carousel__btn:hover .r-img-carousel__icon {
    color: #008787; } }

.r-img-carousel .border-btn {
  bottom: 77px;
  left: 32px; }

.r-img-carousel__container {
  width: calc(99.9% * 5/12);
  background-color: #FFFFFF;
  padding: 32px;
  -ms-flex-item-align: stretch;
      align-self: stretch; }

.r-img-carousel__container:nth-child(1n) {
  float: left;
  margin-right: 0;
  clear: none; }

.r-img-carousel__container:last-child {
  margin-right: 0; }

.r-img-carousel__container:nth-child(2n) {
  margin-right: 0;
  float: right; }

.r-img-carousel__container:nth-child(2n + 1) {
  clear: both; }

.r-img-carousel__img-wrap {
  width: calc(99.9% * 7/12);
  -ms-flex-item-align: stretch;
      align-self: stretch; }

.r-img-carousel__img-wrap:nth-child(1n) {
  float: left;
  margin-right: 0;
  clear: none; }

.r-img-carousel__img-wrap:last-child {
  margin-right: 0; }

.r-img-carousel__img-wrap:nth-child(2n) {
  margin-right: 0;
  float: right; }

.r-img-carousel__img-wrap:nth-child(2n + 1) {
  clear: both; }

.r-img-carousel__img {
  padding-top: 69%; }

.r-img-carousel__subheading {
  font-family: "Neue Helvetica W01", Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
  font-weight: 700;
  font-size: 1em;
  letter-spacing: 1px;
  line-height: normal;
  color: #008787;
  margin-bottom: 24px; }

.ZHCN .r-img-carousel__subheading {
  font-family: "微軟雅黑體", "Microsoft YaHei", "Neue Helvetica W01", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1em;
  letter-spacing: 1px;
  line-height: normal; }

.JAJP .r-img-carousel__subheading {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
  font-size: 1em;
  letter-spacing: 1px;
  line-height: normal; }

.r-img-carousel__wrap {
  margin-bottom: 32px; }

.r-img-carousel__heading {
  font-family: "Neue Helvetica W01", Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
  font-weight: 400;
  font-size: 1.5em;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 16px; }

.ZHCN .r-img-carousel__heading {
  font-family: "微軟雅黑體", "Microsoft YaHei", "Neue Helvetica W01", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.5em;
  letter-spacing: 0;
  line-height: normal; }

.JAJP .r-img-carousel__heading {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
  font-size: 1.5em;
  letter-spacing: 0;
  line-height: normal; }

.r-img-carousel__controls {
  bottom: 32px;
  left: 0;
  width: calc(99.9% * 5/12);
  padding: 0 32px; }

.r-img-carousel__controls:nth-child(1n) {
  float: left;
  margin-right: 0;
  clear: none; }

.r-img-carousel__controls:last-child {
  margin-right: 0; }

.r-img-carousel__controls:nth-child(2n) {
  margin-right: 0;
  float: right; }

.r-img-carousel__controls:nth-child(2n + 1) {
  clear: both; }

.step-carousel {
  width: calc(99.9% * 1/3 - (24px - 24px * 1/3)); }

.step-carousel:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.step-carousel:last-child {
  margin-right: 0; }

.step-carousel:nth-child(3n) {
  margin-right: 0;
  float: right; }

.step-carousel:nth-child(3n + 1) {
  clear: both; }
  .step-carousel .slick-slide {
    height: auto; }
  @media (max-width: 850px) {
    .step-carousel {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1));
      margin-bottom: 32px; }
    .step-carousel:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .step-carousel:last-child {
      margin-right: 0; }
    .step-carousel:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .step-carousel:nth-child(1n + 1) {
      clear: both; } }
  @media (max-width: 767px) {
    .step-carousel {
      margin-bottom: 0; } }

.step-carousel__slide .border-btn {
  text-transform: none;
  margin-bottom: 16px; }
  .step-carousel__slide .border-btn.border-btn--full {
    padding: 12px 24px; }

.step-carousel__heading {
  font-size: 1.5em;
  font-weight: 700;
  margin-bottom: 8px; }
  @media (max-width: 767px) {
    .step-carousel__heading {
      text-align: center; } }

.step-carousel__paragraph {
  margin-bottom: 24px; }
  @media (max-width: 767px) {
    .step-carousel__paragraph {
      font-size: 1em; } }

.step-carousel__current-step {
  margin-bottom: 16px; }
  @media (max-width: 767px) {
    .step-carousel__current-step {
      text-align: center; } }
  .step-carousel__current-step span {
    padding: 0 4px; }
    .step-carousel__current-step span:first-child {
      padding: 0 8px 0 0;
      border-right: 1px solid #202020; }
    .step-carousel__current-step span b {
      font-weight: 700; }

.step-carousel__btns {
  bottom: 0;
  left: 0; }
  @media (max-width: 850px) {
    .step-carousel__btns {
      position: relative;
      margin-top: 32px; } }
  @media (max-width: 767px) {
    .step-carousel__btns {
      margin-top: 16px; } }

.step-carousel__m-image {
  margin: 24px 0;
  display: none; }
  @media (max-width: 767px) {
    .step-carousel__m-image {
      display: block; } }

.step-carousel__btn {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #008787;
  padding: 24px; }
  @media (min-width: 1025px) {
    .step-carousel__btn:hover {
      background-color: rgb(0, 113, 113); } }
  .step-carousel__btn:nth-child(2) {
    -webkit-transform: translateX(-4px);
            transform: translateX(-4px); }
    .step-carousel__btn:nth-child(2):before {
      top: 9px;
      left: 0;
      height: calc(100% - 18px);
      width: 1px;
      background-color: rgba(255, 255, 255, 0.6);
      content: ''; }
  @media (max-width: 767px) {
    .step-carousel__btn {
      padding: 16px; } }

.step-carousel__icon {
  font-size: 24px;
  color: #FFFFFF; }

.step-carousel__btn--disable {
  background-color: #858585;
  pointer-events: none; }
  @media (min-width: 1025px) {
    .step-carousel__btn--disable:hover {
      background-color: #858585; } }

/**
 * Swiper 11.1.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 9, 2024
 */
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal; }

:root {
  --swiper-theme-color: #007aff;
  /*
    --swiper-preloader-color: var(--swiper-theme-color);
    --swiper-wrapper-transition-timing-function: initial;
    */ }

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1; }

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block; }

.swiper-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: initial;
          transition-timing-function: initial;
  -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
          transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  -webkit-box-sizing: content-box;
          box-sizing: content-box; }

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0); }

.swiper-horizontal {
  -ms-touch-action: pan-y;
      touch-action: pan-y; }

.swiper-vertical {
  -ms-touch-action: pan-x;
      touch-action: pan-x; }

.swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  display: block; }

.swiper-slide-invisible-blank {
  visibility: hidden; }

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto; }

.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform; }

.swiper-backface-hidden .swiper-slide {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
          perspective: 1200px; }

.swiper-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }

.swiper-3d {
  -webkit-perspective: 1200px;
          perspective: 1200px; }
  .swiper-3d .swiper-slide,
  .swiper-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; }

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */ }
  .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none; }

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start; }

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory; }

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory; }

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  -ms-scroll-snap-type: none;
      scroll-snap-type: none; }

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none; }

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
      -ms-flex-order: 9999;
          order: 9999; }

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always; }

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-left: var(--swiper-centered-offset-before); }

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after); }

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-top: var(--swiper-centered-offset-before); }

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after); }

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15); }

.swiper-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 4px solid #007aff;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent; }

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear; }

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff; }

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000; }

@-webkit-keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

/* Slide styles end */
.swiper-fade.swiper-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out; }

.swiper-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity; }
  .swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none; }

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */ }

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 10; }
  .swiper-pagination.swiper-pagination-hidden {
    opacity: 0; }
  .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
    display: none !important; }

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 8px;
  bottom: var(--swiper-pagination-bottom, 8px);
  top: auto;
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%; }

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0; }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
            transform: scale(0.33);
    position: relative; }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
            transform: scale(1); }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
            transform: scale(1); }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
            transform: scale(0.66); }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
            transform: scale(0.33); }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
            transform: scale(0.66); }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
            transform: scale(0.33); }

.swiper-pagination-bullet {
  width: 8px;
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: 8px;
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: #000;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: 0.2;
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); }
  button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
  .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer; }
  .swiper-pagination-bullet:only-child {
    display: none !important; }

.swiper-pagination-bullet-active {
  opacity: 1;
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: #007aff;
  background: var(--swiper-pagination-color, var(--swiper-theme-color)); }

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: 8px;
  right: var(--swiper-pagination-right, 8px);
  left: auto;
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
          transform: translate3d(0px, -50%, 0); }
  .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block; }
  .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
  .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 8px; }
    .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
      display: inline-block;
      -webkit-transition: 200ms top, 200ms -webkit-transform;
      transition: 200ms top, 200ms -webkit-transform;
      transition: 200ms transform, 200ms top;
      transition: 200ms transform, 200ms top, 200ms -webkit-transform; }

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); }

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap; }
  .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
  .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms left, 200ms -webkit-transform;
    transition: 200ms left, 200ms -webkit-transform;
    transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left, 200ms -webkit-transform; }

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform; }

/* Fraction */
.swiper-pagination-fraction {
  color: inherit;
  color: var(--swiper-pagination-fraction-color, inherit); }

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute; }
  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: left top;
            transform-origin: left top; }
  .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
            transform-origin: right top; }
  .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal,
  .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0; }
  .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical,
  .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: 4px;
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0; }

.swiper-pagination-lock {
  display: none; }

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */ }

.swiper-button-prev, .swiper-button-next {
  position: absolute;
  top: 50%;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(44px / 44 * 27);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: 44px;
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (44px / 2));
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  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;
  color: #007aff;
  color: var(--swiper-navigation-color, var(--swiper-theme-color)); }
  .swiper-button-prev.swiper-button-disabled,
  .swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none; }
  .swiper-button-prev.swiper-button-hidden,
  .swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none; }
  .swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled
  .swiper-button-next {
    display: none !important; }
  .swiper-button-prev svg,
  .swiper-button-next svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -webkit-transform-origin: center;
            transform-origin: center; }
  .swiper-rtl .swiper-button-prev svg, .swiper-rtl
  .swiper-button-next svg {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto; }

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto; }

.swiper-button-lock {
  display: none; }

/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: 44px;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  -webkit-font-feature-settings: ;
          font-feature-settings: ;
  font-variant: normal;
  font-variant: initial;
  line-height: 1; }

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev'; }

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto; }
  .swiper-button-next:after,
  .swiper-rtl .swiper-button-prev:after {
    content: 'next'; }

/* Navigation font end */
.swiper-button-prev {
  font-size: 1.5rem;
  color: #FFFFFF;
  -webkit-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out; }
.swiper-button-next {
  font-size: 1.5rem;
  color: #FFFFFF;
  -webkit-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out; }
  .swiper-button-prev::after {
    display: none; }
  .swiper-button-next::after {
    display: none; }
  .swiper-button-prev:hover {
    opacity: 0.5; }
  .swiper-button-next:hover {
    opacity: 0.5; }

.swiper-container {
  position: relative; }

.swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .swiper-pagination.horizontal-bar-style .swiper-pagination-bullet {
    width: 2.8125rem;
    height: 0.25rem;
    border-radius: 0.25rem; }
    .swiper-pagination.horizontal-bar-style .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background-color: #008787; }
  .swiper-pagination.small .swiper-pagination-bullet {
    width: 0.5rem;
    height: 0.5rem; }

.swiper-pagination.swiper-pagination-horizontal {
  width: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }

.swiper-pagination-bullet {
  background-color: #717171;
  opacity: 1;
  margin: 0 5px;
  width: 12px;
  height: 12px; }
  .swiper-pagination-bullet-active {
    background-color: #FF8000; }

.swiper-controls {
  display: none; }
  .swiper-controls .swiper-button-prev {
    color: #D6D6D6;
    -webkit-transition: 0.3s color ease-in-out,
 0.3s border ease-in-out;
    transition: 0.3s color ease-in-out,
 0.3s border ease-in-out; }
  .swiper-controls .swiper-button-next {
    color: #D6D6D6;
    -webkit-transition: 0.3s color ease-in-out,
 0.3s border ease-in-out;
    transition: 0.3s color ease-in-out,
 0.3s border ease-in-out; }
    .swiper-controls .swiper-button-prev:hover {
      color: #008787;
      opacity: 1; }
    .swiper-controls .swiper-button-next:hover {
      color: #008787;
      opacity: 1; }
    .swiper-controls .swiper-button-prev.static {
      position: static; }
    .swiper-controls .swiper-button-next.static {
      position: static; }
  .swiper-controls.outside .swiper-button-prev {
    left: 0; }
    @media (min-width: 1281px) {
      .swiper-controls.outside .swiper-button-prev {
        left: -1rem;
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%); } }
    @media (max-width: 1280px) {
      .swiper-controls.outside .swiper-button-prev {
        opacity: 0.5; } }
  .swiper-controls.outside .swiper-button-next {
    right: 0; }
    @media (min-width: 1281px) {
      .swiper-controls.outside .swiper-button-next {
        right: -1rem;
        -webkit-transform: translateX(100%);
                transform: translateX(100%); } }
    @media (max-width: 1280px) {
      .swiper-controls.outside .swiper-button-next {
        opacity: 0.5; } }
  @media (min-width: 1025px) {
    .swiper-controls .rounded-btn:hover i {
      color: #008787; } }
  .swiper-controls.white .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    background-color: rgba(255, 255, 255, 0.2); }
  .swiper-controls.white .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #FFFFFF; }
  .swiper-controls.white .swiper-button-prev,
  .swiper-controls.white .swiper-button-next {
    border-color: #FFFFFF; }
    .swiper-controls.white .swiper-button-prev i,
    .swiper-controls.white .swiper-button-next i {
      color: #FFFFFF; }
    .swiper-controls.white .swiper-button-prev:hover,
    .swiper-controls.white .swiper-button-next:hover {
      border-color: rgba(255, 255, 255, 0.2); }
      .swiper-controls.white .swiper-button-prev:hover i,
      .swiper-controls.white .swiper-button-next:hover i {
        color: rgba(255, 255, 255, 0.2); }
  .swiper-controls.gray .swiper-button-prev,
  .swiper-controls.gray .swiper-button-next {
    border-color: #717171; }
    .swiper-controls.gray .swiper-button-prev i,
    .swiper-controls.gray .swiper-button-next i {
      color: #717171; }
    .swiper-controls.gray .swiper-button-prev:hover,
    .swiper-controls.gray .swiper-button-next:hover {
      border-color: rgba(113, 113, 113, 0.2); }
      .swiper-controls.gray .swiper-button-prev:hover i,
      .swiper-controls.gray .swiper-button-next:hover i {
        color: rgba(113, 113, 113, 0.2); }

.swiper-initialized + .swiper-controls,
.swiper-initialized .swiper-controls {
  display: block; }

.swiper-initialized + .swiper-controls-container .swiper-controls {
  display: block; }

@media (min-width: 1025px) {
  .timeline-section .main-section__heading {
    display: none; } }

@media (max-width: 1024px) {
  .timeline-carousel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .timeline-carousel .timeline-carousel-content {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; } }

.timeline-carousel-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 1024px) {
    .timeline-carousel-content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .timeline-carousel-content-left {
    background-color: #FCFCFC; }
    @media (min-width: 1025px) {
      .timeline-carousel-content-left {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 41.66666667%;
                flex: 0 0 41.66666667%;
        max-width: 41.66666667%; } }
    @media (min-width: 1281px) {
      .timeline-carousel-content-left {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 33.33333333%;
                flex: 0 0 33.33333333%;
        max-width: 33.33333333%; } }
    .timeline-carousel-content-left .inner-wrapper {
      padding: 1rem;
      height: 100%;
      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: 1025px) {
        .timeline-carousel-content-left .inner-wrapper {
          padding: 2rem; } }
    @media (min-width: 768px) {
      .timeline-carousel-content-left .title {
        font-family: "Neue Helvetica W01", Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
        font-weight: 700;
        font-size: 1.75em;
        letter-spacing: 0;
        line-height: normal; } }
    @media (max-width: 767px) {
      .timeline-carousel-content-left .title {
        font-family: "Neue Helvetica W01", Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
        font-weight: 700;
        font-size: 1.2em;
        letter-spacing: 0;
        line-height: normal;
        margin-bottom: 16px; } }
    @media (max-width: 1024px) {
      .timeline-carousel-content-left .title {
        display: none; } }
    .timeline-carousel-content-left .year-summary {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      position: relative;
      width: 100%; }
    .timeline-carousel-content-left .summary-item {
      height: 100%;
      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-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .timeline-carousel-content-left .summary-item.is-active {
        opacity: 1;
        z-index: 0; }
      .timeline-carousel-content-left .summary-item .year {
        font-size: 4rem;
        font-weight: 700; }
        body.JAJP .timeline-carousel-content-left .summary-item .year {
          font-size: 3.5rem; }
        @media (min-width: 1025px) {
          .timeline-carousel-content-left .summary-item .year {
            font-size: 10rem; }
            body.JAJP .timeline-carousel-content-left .summary-item .year {
              font-size: 8.5rem; } }
      @media (min-width: 768px) {
        .timeline-carousel-content-left .summary-item .summary {
          font-size: 1.125rem; } }
  @media (min-width: 1025px) {
    .timeline-carousel-content-right {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 58.33333333%;
              flex: 0 0 58.33333333%;
      max-width: 58.33333333%; } }
  @media (min-width: 1281px) {
    .timeline-carousel-content-right {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 66.66666667%;
              flex: 0 0 66.66666667%;
      max-width: 66.66666667%; } }
  .timeline-carousel-content-right .two-col-grid {
    gap: 1rem; }
    @media (min-width: 1025px) {
      .timeline-carousel-content-right .two-col-grid {
        gap: 2rem; } }
    @media (max-width: 1024px) {
      .timeline-carousel-content-right .two-col-grid .swap-order-mobile {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1; } }
  .timeline-carousel-content-right .inner-wrapper {
    height: 100%;
    width: 100%;
    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: 550px) {
      .timeline-carousel-content-right .inner-wrapper {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; } }
    .timeline-carousel-content-right .inner-wrapper.bg {
      background-size: cover;
      background-repeat: no-repeat; }
  .timeline-carousel-content-right .logo {
    position: absolute;
    top: 2rem;
    right: 2rem; }
    .timeline-carousel-content-right .logo img {
      width: 168px;
      height: 25px; }
    @media (max-width: 1024px) {
      .timeline-carousel-content-right .logo {
        display: none; } }
  .timeline-carousel-content-right .timeline-carousel-accordion {
    width: 100%;
    padding: 2rem 0; }
    @media (min-width: 1025px) {
      .timeline-carousel-content-right .timeline-carousel-accordion {
        padding: 5rem 0; } }
  .timeline-carousel-content-right .basic-accordion {
    max-width: 777px;
    margin: 0 auto;
    padding: 0 1rem; }
    @media (min-width: 1025px) {
      .timeline-carousel-content-right .basic-accordion {
        padding: 0 3rem; } }
    @media (min-width: 768px) {
      .timeline-carousel-content-right .basic-accordion__heading {
        font-size: 1.5rem; } }
  .timeline-carousel-content-right .basic-accordion__trigger--green {
    background-color: #008787;
    color: #FFFFFF; }
    .timeline-carousel-content-right .basic-accordion__trigger--green i {
      color: #FFFFFF; }
  @media (min-width: 1025px) {
    .timeline-carousel-content-right .fixed-height-desktop {
      max-height: 350px;
      overflow-y: auto; }
      @supports (-moz-appearance: none) {
        .timeline-carousel-content-right .fixed-height-desktop {
          scrollbar-color: #008787 transparent;
          scrollbar-width: thin; } }
      .timeline-carousel-content-right .fixed-height-desktop::-webkit-scrollbar {
        width: 0.25rem; }
      .timeline-carousel-content-right .fixed-height-desktop::-webkit-scrollbar-thumb {
        background-color: #008787; }
      .timeline-carousel-content-right .fixed-height-desktop p {
        padding-right: 0.5rem; } }
  @media (max-width: 1024px) {
    .timeline-carousel-content-right .fixed-height-below-desktop {
      max-height: 250px;
      overflow-y: auto; }
      @supports (-moz-appearance: none) {
        .timeline-carousel-content-right .fixed-height-below-desktop {
          scrollbar-color: #008787 transparent;
          scrollbar-width: thin; } }
      .timeline-carousel-content-right .fixed-height-below-desktop::-webkit-scrollbar {
        width: 0.25rem; }
      .timeline-carousel-content-right .fixed-height-below-desktop::-webkit-scrollbar-thumb {
        background-color: #008787; } }
  @media (max-width: 550px) {
    .timeline-carousel-content-right .fixed-height-below-desktop {
      max-height: 150px;
      overflow-y: auto; }
      @supports (-moz-appearance: none) {
        .timeline-carousel-content-right .fixed-height-below-desktop {
          scrollbar-color: #008787 transparent;
          scrollbar-width: thin; } }
      .timeline-carousel-content-right .fixed-height-below-desktop::-webkit-scrollbar {
        width: 0.25rem; }
      .timeline-carousel-content-right .fixed-height-below-desktop::-webkit-scrollbar-thumb {
        background-color: #008787; } }
  .timeline-carousel-content-right .timeline-line {
    position: relative; }
    @media (max-width: 1024px) {
      .timeline-carousel-content-right .timeline-line {
        margin-bottom: 2rem; } }
    .timeline-carousel-content-right .timeline-line::before,
    .timeline-carousel-content-right .timeline-line .timeline-carousel-accordion::before {
      content: "";
      position: absolute;
      background-color: #D0D0D0; }
    .timeline-carousel-content-right .timeline-line::before {
      bottom: 0;
      left: 0;
      width: 100%;
      height: 5px; }
    .timeline-carousel-content-right .timeline-line .timeline-carousel-accordion::before {
      height: 400%;
      width: 5px;
      left: 50%;
      top: 5rem;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      z-index: -1; }

.timeline-carousel-control {
  height: 100px;
  width: 100%;
  background-color: #008787;
  color: #FFFFFF; }
  .timeline-carousel-control .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    overflow: hidden;
    width: 20%; }
    @media (min-width: 768px) {
      .timeline-carousel-control .item {
        width: 10%; } }
    .timeline-carousel-control .item::before {
      content: "";
      position: absolute;
      bottom: 25%;
      left: 50%;
      -webkit-transform: translate(-50%, 50%);
              transform: translate(-50%, 50%);
      background-color: #FFFFFF;
      width: 1rem;
      height: 1rem;
      border-radius: 100%;
      z-index: 1; }
      @media (min-width: 551px) {
        .timeline-carousel-control .item::before {
          width: 1.25rem;
          height: 1.25rem; } }
    .timeline-carousel-control .item:first-child::after, .timeline-carousel-control .item:nth-last-child(2)::after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      width: 50%;
      height: 100%;
      background: #008787;
      z-index: 0; }
    .timeline-carousel-control .item:first-child::after {
      left: 0; }
    .timeline-carousel-control .item:nth-last-child(2)::after {
      right: 0;
      left: unset; }
    .timeline-carousel-control .item .year {
      height: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 1.25rem;
      position: relative;
      z-index: 1;
      margin-top: 0.5rem; }
      @media (max-width: 550px) {
        .timeline-carousel-control .item .year {
          font-size: 1.125rem; } }
  .timeline-carousel-control .spacer {
    width: 1px;
    opacity: 0; }
    .timeline-carousel-control .spacer.show {
      opacity: 1;
      width: auto; }
      .timeline-carousel-control .spacer.show.small {
        width: 15%; }
      .timeline-carousel-control .spacer.show.medium {
        width: 25%; }
      .timeline-carousel-control .spacer.show.large {
        width: 30%; }
  .timeline-carousel-control .swiper-wrapper .line {
    content: "";
    position: absolute;
    bottom: 25%;
    left: 0;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    width: 95%;
    height: 2px;
    z-index: -1; }
    .timeline-carousel-control .swiper-wrapper .line.dashed {
      background-image: repeating-linear-gradient(to right, #ffffff 0, #ffffff 40px, transparent 40px, transparent 59px); }
    .timeline-carousel-control .swiper-wrapper .line.dimmed {
      background-color: rgba(255, 255, 255, 0.8);
      -webkit-box-shadow: 0px 2px 4px rgba(255, 255, 255, 0.25);
              box-shadow: 0px 2px 4px rgba(255, 255, 255, 0.25); }
  .timeline-carousel-control .swiper-slide-active.item::before {
    width: 1.25rem;
    height: 1.25rem; }
    @media (min-width: 551px) {
      .timeline-carousel-control .swiper-slide-active.item::before {
        width: 1.75rem;
        height: 1.75rem; } }
  .timeline-carousel-control .swiper-slide-active .year {
    font-size: 2rem;
    font-weight: 700; }
    body.JAJP .timeline-carousel-control .swiper-slide-active .year {
      font-size: 1.7rem; }
    @media (max-width: 550px) {
      .timeline-carousel-control .swiper-slide-active .year {
        font-size: 1.375rem; }
        body.JAJP .timeline-carousel-control .swiper-slide-active .year {
          font-size: 1.2rem; } }
  .timeline-carousel-control .swiper-slide:not(.swiper-slide-active) .year {
    opacity: 0.5; }

body.ZHCN .timeline-carousel .year-summary .summary {
  line-height: 1.7; }

body.ZHCN .timeline-carousel .fixed-height-desktop p {
  line-height: 1.7; }

.language-dropdown.is-active {
  z-index: 20; }
  .language-dropdown.is-active .language-dropdown__trigger {
    background-color: #008787; }
  .language-dropdown.is-active .language-dropdown__list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  .language-dropdown.is-active .language-dropdown__icon,
  .language-dropdown.is-active .language-dropdown__current,
  .language-dropdown.is-active .language-dropdown__arrow {
    color: #FFFFFF; }
  .language-dropdown.is-active .language-dropdown__arrow {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

.language-dropdown__trigger {
  background-color: #FFFFFF;
  padding: 16px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  z-index: 5; }
  @media (min-width: 1025px) {
    .language-dropdown__trigger:hover {
      background-color: #EAEAEA; } }

.language-dropdown__icon {
  font-size: 14px;
  color: rgba(32, 32, 32, 0.8);
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }

.language-dropdown__current {
  color: #484848;
  padding: 0 8px;
  min-width: 160px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }

.language-dropdown__arrow {
  font-size: 11px;
  color: #AFB3BA;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }

.language-dropdown__list {
  background-color: #EAEAEA;
  bottom: 48px;
  -webkit-transform: translateY(8px);
          transform: translateY(8px);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
  text-align: left; }

.language-dropdown__link {
  padding: 16px 24px 16px 40px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #717171; }
  @media (min-width: 1025px) {
    .language-dropdown__link:hover {
      color: rgba(113, 113, 113, 0.8); } }

.search-dropdown.is-active .search-dropdown__drop {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0);
          transform: translateY(0); }

.search-dropdown__trigger {
  z-index: 2; }

.search-dropdown__drop {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 2px 7px 0 rgba(32, 32, 32, 0.05);
          box-shadow: 0 2px 7px 0 rgba(32, 32, 32, 0.05);
  top: 100%;
  z-index: 5;
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; }

.search-dropdown__wrapper {
  padding: 8px;
  border: 2px solid #EAEAEA;
  border-top: none;
  max-height: 300px;
  overflow-y: auto; }
  .search-dropdown__wrapper.with-border-btm {
    border-bottom: 1px solid #EAEAEA; }

.search-dropdown__searchbox {
  border: 1px solid #D6D6D6;
  border-radius: 5px;
  -webkit-transition: border 0.3s;
  transition: border 0.3s; }
  .search-dropdown__searchbox:focus {
    border: 1px solid #008787; }
  .search-dropdown__searchbox:visited {
    border: 1px solid #202020; }

.search-dropdown__input {
  padding: 8px; }

.search-dropdown__icon {
  padding: 8px 10px; }

.search-dropdown__magnifier {
  color: #ADADAD; }

.search-dropdown__list-heading {
  color: #ADADAD;
  margin: 8px 0; }

.search-dropdown__items {
  padding: 8px 16px; }

.search-dropdown__link {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #202020; }
  @media (min-width: 1025px) {
    .search-dropdown__link:hover {
      color: rgba(32, 32, 32, 0.8); } }
  .search-dropdown__link em {
    font-weight: 700; }

.search-dropdown__item {
  font-family: "Neue Helvetica W01", Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
  font-weight: 400;
  font-size: 1em;
  letter-spacing: 0;
  line-height: normal;
  margin: 12px 0;
  cursor: pointer; }
  .search-dropdown__item:first-child {
    margin-top: 0; }
  .search-dropdown__item:last-child {
    margin-bottom: 0; }

.ZHCN .search-dropdown__item {
  font-family: "微軟雅黑體", "Microsoft YaHei", "Neue Helvetica W01", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1em;
  letter-spacing: 0;
  line-height: normal; }

.JAJP .search-dropdown__item {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
  font-size: 1em;
  letter-spacing: 0;
  line-height: normal; }

.search-dropdown__main-btn {
  padding: 8px 16px 16px;
  border-bottom: 1px solid #EAEAEA; }

.shadow-dropdown {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 2px 10px 0 rgba(32, 32, 32, 0.05);
          box-shadow: 0 2px 10px 0 rgba(32, 32, 32, 0.05);
  padding: 0 16px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  @media (min-width: 1025px) {
    .shadow-dropdown:hover {
      background-color: #FCFCFC; }
      .shadow-dropdown:hover:before {
        border-top: 5px solid #3EE9CB; }
      .shadow-dropdown:hover:after {
        border-bottom: 5px solid #3EE9CB; } }
  .shadow-dropdown:before {
    content: '';
    top: calc(50% + 3px);
    right: 24px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #202020;
    border-bottom: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
  .shadow-dropdown:after {
    content: '';
    top: calc(50% - 5px);
    right: 24px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 0;
    border-bottom: 5px solid #202020;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }

.shadow-dropdown__select {
  border-radius: 0;
  height: 45px; }
  .shadow-dropdown__select option {
    color: #202020; }
  .shadow-dropdown__select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #484848;
    -moz-transition: all 0.3s;
    transition: all 0.3s; }
    @media (min-width: 1025px) {
      .shadow-dropdown__select:-moz-focusring:hover {
        text-shadow: 0 0 0 #3EE9CB; } }

@media (max-width: 767px) {
  .sort-dropdown {
    width: 100%; } }

.sort-dropdown.sort-dropdown--l {
  margin-bottom: 24px;
  font-family: "Neue Helvetica W01", Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
  font-weight: 400;
  font-size: 1.625em;
  letter-spacing: 0;
  line-height: normal; }
  @media (max-width: 767px) {
    .sort-dropdown.sort-dropdown--l {
      font-size: 1.2em; } }

.sort-dropdown.align-right {
  margin-left: auto; }

.ZHCN .sort-dropdown.sort-dropdown--l {
  font-family: "微軟雅黑體", "Microsoft YaHei", "Neue Helvetica W01", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.625em;
  letter-spacing: 0;
  line-height: normal; }

.JAJP .sort-dropdown.sort-dropdown--l {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
  font-size: 1.625em;
  letter-spacing: 0;
  line-height: normal; }

.sort-dropdown__heading {
  letter-spacing: 1px;
  font-weight: 700;
  margin-right: 8px; }
  @media (max-width: 767px) {
    .sort-dropdown__heading {
      display: inline-block;
      margin-bottom: 8px; } }

.sort-dropdown__select,
.sort-dropdown__select2 {
  border-bottom: 1px solid #AFB3BA;
  padding: 0 30px 4px 0; }
  @media (max-width: 767px) {
    .sort-dropdown__select,
    .sort-dropdown__select2 {
      width: 100%; } }
  .sort-dropdown--l .sort-dropdown__select, .sort-dropdown--l
  .sort-dropdown__select2 {
    color: #008787; }
  .sort-dropdown__select::-ms-expand,
  .sort-dropdown__select2::-ms-expand {
    display: none; }

.sort-dropdown__icon {
  font-size: 10px;
  top: calc(50% - 7px);
  right: 0;
  /*
	not sure if this mq is needed?
	the icon in `Product FAQs` tab in `support-search-result` page is broken since `below-tablet` downward
	*/ }

.basic-checkbox__checkbox-wrap {
  display: inline-block;
  margin-bottom: 16px; }
  .basic-checkbox__checkbox-wrap.with-xtr-margin-btm {
    margin-bottom: 40px; }
  .basic-checkbox__checkbox-wrap label {
    cursor: pointer; }
  .basic-checkbox__checkbox-wrap label.basic-checkbox__checkbox-text {
    display: contents; }
  .basic-checkbox__checkbox-wrap .basic-checkbox__checkbox-text {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 0;
    margin-left: -28px;
    padding-left: 28px;
    max-width: calc(100% - 28px); }
  .basic-checkbox__checkbox-wrap .basic-checkbox__checkbox-label {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20px;
            flex: 0 0 20px; }
  .basic-checkbox__checkbox-wrap .basic-form__notice {
    position: relative;
    bottom: 0;
    margin-top: 16px; }

.basic-checkbox__checkbox {
  cursor: pointer;
  opacity: 0;
  width: 20px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px; }
  .basic-checkbox__checkbox:checked + .basic-checkbox__checkbox-label {
    border: 2px solid #008787; }
    .basic-checkbox__checkbox:checked + .basic-checkbox__checkbox-label:after {
      opacity: 1; }

.chkChoice .basic-checkbox__checkbox-label {
  padding-left: 0; }

.basic-checkbox__checkbox-label {
  cursor: pointer;
  width: 20px;
  height: 20px;
  top: calc(50% - 10px);
  left: 0;
  margin-right: 8px;
  border: 2px solid #ADADAD;
  pointer-events: none; }
  .basic-checkbox__checkbox-label:after {
    opacity: 0;
    content: '';
    width: 11px;
    height: 7px;
    top: 3px;
    left: 3px;
    border: 2px solid #008787;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }

.basic-checkbox__note {
  color: #E26C6C;
  margin-bottom: 16px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; }

.basic-form {
  margin-bottom: 32px; }
  .basic-form .close-btn {
    margin-bottom: 16px; }
  .basic-form.basic-form--no-margin {
    margin-bottom: 0; }

.basic-form__fieldset {
  margin-bottom: 32px; }
  .basic-form__fieldset--extended {
    margin-bottom: 64px; }

.basic-form__content {
  font-size: 0.875em;
  line-height: 1.3em;
  padding-bottom: 32px; }

.basic-form__group {
  padding-bottom: 32px; }
  .basic-form__group.basic-form__group--margin-bottom {
    margin-bottom: 48px; }
  .basic-form__group.basic-form__group--no-padding-bottom {
    padding-bottom: 0; }
    .basic-form__group.basic-form__group--no-padding-bottom > .basic-form__notice {
      position: relative;
      bottom: auto;
      left: auto;
      display: block;
      margin-top: 10px; }
  .basic-form__group + .basic-form__checkbox-wrap {
    margin-top: 8px; }
  .basic-form__group.column__item {
    margin-top: 8px; }
    @media (max-width: 850px) {
      .basic-form__group.column__item {
        margin-top: 0; } }
  .basic-form__group .simple-icon-btn {
    margin-top: 32px; }
  .basic-form__group .address-save-btn {
    -webkit-transform: translateY(26px);
            transform: translateY(26px);
    padding: 9px 24px; }
  .basic-form__group--error-text-long {
    position: static;
    margin-bottom: -25px; }

.basic-form__group--button {
  padding-top: 26px; }
  .basic-form__group--button .fill-btn.fill-btn--m {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.4em; }

.basic-form__column {
  margin-bottom: 0; }
  .basic-form__column.column--2 .basic-form__label--postfix {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    max-width: 110px; }
  @media (max-width: 1024px) {
    .basic-form__column--flex .column__item {
      width: 100%; }
  .basic-form__group--flex.basic-form__group--flex-start .basic-form__label--postfix {
    margin-left: 0; }
  .basic-form__group--flex.basic-form__group--flex-end .basic-form__label--postfix {
    margin-right: 0; } }

.basic-form__group--flex .basic-form__label--prefix {
  max-width: 90px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 90px;
          flex: 0 0 90px;
  background-color: #F4F4F4;
  border: 1px solid #ADADAD;
  border-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px;
  color: #484848; }
  @media (max-width: 1024px) {
    .basic-form__group--flex .basic-form__label--prefix + .basic-form__input {
      max-width: calc(100% - 90px);
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto; } }

.basic-form__group--flex .basic-form__empty {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-width: calc(100% - 190px);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  font-size: 14px;
  line-height: 18px;
  color: #717171; }
  @media (max-width: 1024px) {
    .basic-form__group--flex .basic-form__empty {
      max-width: 100%; } }

.basic-form__group--flex .basic-form__label--postfix {
  max-width: 190px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 190px;
          flex: 0 0 190px;
  margin-left: -1px; }
  @media (max-width: 1024px) {
    .basic-form__group--flex .basic-form__label--postfix {
      max-width: 100%;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      margin-left: 0; } }
  .basic-form__group--flex .basic-form__label--postfix .fill-btn {
    width: 100%;
    min-width: 0; }

@media (max-width: 1024px) {
  .basic-form__group--flex-wrap-lg {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }

.basic-form__heading {
  color: #204a88;
  font-size: 1.5rem;
  margin-bottom: 1.5rem; }
  @media (min-width: 551px) {
    .basic-form__heading {
      font-size: 2rem;
      margin-bottom: 2rem; } }

.basic-form__group-heading {
  color: #484848;
  margin-bottom: 24px; }

.basic-form__subheading {
  color: #204a88;
  margin-bottom: 16px; }

.basic-form__legend {
  font-family: "Neue Helvetica W01", Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
  font-weight: 200;
  font-size: 1.375em;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 24px; }
  @media (max-width: 767px) {
    .basic-form__legend {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      margin-bottom: 16px; } }
  .basic-form__legend .basic-form__notice {
    bottom: 0;
    font-size: 14px;
    margin-left: 8px; }
  .basic-form__legend .add-address {
    font-size: 16px; }
    @media (min-width: 768px) {
      .basic-form__legend .add-address {
        position: absolute;
        top: 40px;
        right: 32px; } }

.ZHCN .basic-form__legend {
  font-family: "微軟雅黑體", "Microsoft YaHei", "Neue Helvetica W01", Helvetica, Arial, sans-serif;
  font-weight: 200;
  font-size: 1.375em;
  letter-spacing: 0;
  line-height: normal; }

.JAJP .basic-form__legend {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 200;
  font-size: 1.375em;
  letter-spacing: 0;
  line-height: normal; }

.basic-form__legend--s {
  font-size: 18px; }

@media (max-width: 767px) {
  .basic-form__legend-check {
    margin-bottom: 16px; }
    .basic-form__legend-check:last-child {
      margin-bottom: 0; } }

.basic-form__legend-check .basic-form__checkbox-wrap {
  width: 210px; }
  @media (min-width: 768px) {
    .basic-form__legend-check .basic-form__checkbox-wrap {
      margin-left: 8px; } }

.basic-form__legend-check .basic-form__checkbox-text {
  font-size: 14px; }

.basic-form__label {
  color: #484848;
  margin-bottom: 8px; }

.basic-form__label--bold {
  font-weight: 700;
  font-size: 1em;
  color: #717171; }

.basic-form__input--margin-top {
  margin-top: 21px; }

.basic-form__input,
.basic-form__select,
.basic-form__textarea,
.basic-form__dropdown {
  padding: 11px 16px;
  border: 1px solid #ADADAD;
  -webkit-transition: border 0.3s;
  transition: border 0.3s;
  background: #FFFFFF; }
  .basic-form__input:focus,
  .basic-form__select:focus,
  .basic-form__textarea:focus,
  .basic-form__dropdown:focus {
    border: 1px solid #008787; }
  .basic-form__input:visited,
  .basic-form__select:visited,
  .basic-form__textarea:visited,
  .basic-form__dropdown:visited {
    border: 1px solid #202020; }
  .basic-form__input:disabled,
  .basic-form__select:disabled,
  .basic-form__textarea:disabled,
  .basic-form__dropdown:disabled {
    color: rgba(173, 173, 173, 0.8); }

.basic-form__input {
  resize: vertical;
  white-space: pre-wrap;
  line-height: 20px;
  padding: 10px 16px; }
  .basic-form__input::-webkit-input-placeholder {
    color: #D6D6D6; }
  .basic-form__input::-moz-placeholder {
    color: #D6D6D6; }
  .basic-form__input:-ms-input-placeholder {
    color: #D6D6D6; }
  .basic-form__input::-ms-input-placeholder {
    color: #D6D6D6; }
  .basic-form__input::placeholder {
    color: #D6D6D6; }
  .basic-form__input.-with-btn {
    padding-right: 70px; }
  .basic-form__input.placeholder-dark::-webkit-input-placeholder {
    color: #202020; }
  .basic-form__input.placeholder-dark::-moz-placeholder {
    color: #202020; }
  .basic-form__input.placeholder-dark:-ms-input-placeholder {
    color: #202020; }
  .basic-form__input.placeholder-dark::-ms-input-placeholder {
    color: #202020; }
  .basic-form__input.placeholder-dark::placeholder {
    color: #202020; }

.basic-form__input-search {
  position: relative;
  padding: 13px 16px 13px 40px;
  -webkit-transition: border 0.3s;
  transition: border 0.3s;
  background: #FFFFFF; }
  .basic-form__input-search::-webkit-input-placeholder {
    color: #ADADAD; }
  .basic-form__input-search::-moz-placeholder {
    color: #ADADAD; }
  .basic-form__input-search:-ms-input-placeholder {
    color: #ADADAD; }
  .basic-form__input-search::-ms-input-placeholder {
    color: #ADADAD; }
  .basic-form__input-search::placeholder {
    color: #ADADAD; }

.basic-form__search-result-block {
  position: absolute;
  top: 48px;
  left: -2px;
  width: calc(100% - 118px);
  border: 2px solid #EAEAEA;
  background: white;
  z-index: 2;
  padding: 24px 28px; }

.basic-form__input-search-icon {
  position: absolute;
  color: #ADADAD;
  left: 16px; }

.basic-form__input-cancel-btn {
  position: absolute;
  right: 144px;
  background: #EAEAEA;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.basic-form__input-cancel-icon {
  position: absolute;
  font-size: 8px; }

.basic-form__radio {
  padding-left: 35px;
  margin-bottom: 5px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  line-height: 1.3em;
  height: 39px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .flex-wrap .basic-form__radio {
    margin-bottom: 0;
    margin-right: 20px; }
  .basic-form__radio-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .basic-form__radio-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px; }
  .basic-form__radio-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .basic-form__radio-inline .basic-form__radio {
      margin-bottom: 0;
      height: auto; }
    .basic-form__radio-inline .basic-form__radio:not(:last-child) {
      margin-right: 20px; }
  .basic-form__radio-title {
    margin-right: 20px; }

.basic-form__radio-input {
  opacity: 0;
  cursor: pointer; }
  .basic-form__radio-input:checked + .basic-form__checkmark {
    background-color: #008787; }
    .basic-form__radio-input:checked + .basic-form__checkmark:after {
      background-color: #008787; }
    .basic-form__radio-input:checked + .basic-form__checkmark.basic-form__checkmark--glowing-circle {
      -webkit-animation: none;
              animation: none;
      background-color: #008787; }
      .basic-form__radio-input:checked + .basic-form__checkmark.basic-form__checkmark--glowing-circle:after {
        background-color: #008787; }

.basic-form__checkmark {
  top: calc(50% - 11px);
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #ADADAD;
  border-radius: 50%;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s; }
  .basic-form__checkmark:after {
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #FFFFFF;
    border: 2px solid #FFFFFF;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    display: block; }
  .basic-form__checkmark.basic-form__checkmark--glowing-circle {
    -webkit-animation: ripple 1.7s linear infinite;
            animation: ripple 1.7s linear infinite;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background-color: transparent; }
    .basic-form__checkmark.basic-form__checkmark--glowing-circle:after {
      background-color: transparent; }

.basic-form__radio-extra {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: none; }

.basic-form--error {
  border: 2px solid #E26C6C; }

.basic-form__dropdown:before,
.basic-form__select-wrap:before {
  pointer-events: none;
  content: "";
  top: calc(50% - 2px);
  right: 16px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #202020;
  border-bottom: 0;
  -webkit-transition: border 0.3s;
  transition: border 0.3s; }

.basic-form__select-wrap--s {
  display: inline-block;
  min-width: 200px; }

.basic-form__dropdown {
  cursor: pointer; }
  @media (min-width: 1025px) {
    .basic-form__dropdown:hover {
      border-color: #008787;
      -webkit-transition: border 0.3s;
      transition: border 0.3s; } }

.basic-form__select--margin-bottom {
  margin-bottom: 16px; }

.basic-form__select {
  border-radius: 0;
  height: 42px;
  line-height: normal;
  padding: 9px 32px 9px 16px; }
  .basic-form__select::-ms-expand {
    display: none; }

body.ZHCN .registration-cn .basic-form__fieldset {
  margin-bottom: 0; }

body.ZHCN .registration-cn .basic-form__notice span::before {
  content: "! "; }

body.ZHCN .registration-cn .recaptcha-block {
  padding-top: 32px; }

body.ZHCN .registration-cn .recaptcha-block--center {
  margin-bottom: 0;
  padding-bottom: 32px; }

body.ZHCN .registration-cn .basic-form__notice--center {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }

.basic-form__notice {
  color: #E26C6C;
  bottom: 6px;
  left: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; }
  .basic-form__notice.basic-form__notice--static {
    position: static;
    margin-top: 6px; }
  .basic-form__notice.basic-form__notice--password-static {
    position: static; }
  .basic-form__notice.hidden {
    visibility: hidden; }
  .basic-form__notice i {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
    margin-right: 4px; }
  .basic-form__notice.is-active {
    display: block; }
  .basic-form__notice--summary {
    left: 0;
    right: 0;
    bottom: -22px;
    display: block;
    position: absolute;
    text-align: center;
    margin-top: 0; }
    .basic-form__notice--summary.hidden {
      visibility: hidden; }
  .basic-form__notice--info {
    margin-top: 8px;
    font-size: 14px;
    line-height: 20px; }
    .basic-form__notice--info.hidden {
      display: none; }
    .basic-form__notice--info [class*="icon-"] {
      top: 2px;
      position: relative;
      font-size: 16px;
      margin-right: 5px;
      color: #008787; }

.basic-form__link {
  color: #717171;
  padding: 4px 0; }
  .basic-form__link--sms {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .basic-form__link--sms [class*="icon-"] {
      color: #008787;
      margin-right: 8px; }
  .basic-form__link--text-small {
    font-size: 12px;
    line-height: 1.41667em; }

.basic-form__checkbox-wrap {
  margin-bottom: 32px; }
  .basic-form__checkbox-wrap.basic-form__checkbox-wrap--small {
    padding-left: 24px; }
  .basic-form__checkbox-wrap--compact {
    margin-bottom: 24px; }
  .basic-form__checkbox-wrap--no-margin {
    margin-bottom: 0; }
  .basic-form__checkbox-wrap .basic-form__checkbox-link {
    position: relative;
    z-index: 2; }
  .basic-form__checkbox-wrap .basic-form__checkbox-wrap {
    margin-bottom: 16px; }
    .basic-form__checkbox-wrap .basic-form__checkbox-wrap:nth-last-of-type(1) {
      margin-bottom: 0; }

.basic-form__checkbox {
  cursor: pointer;
  opacity: 0;
  width: 20px; }
  .basic-form__checkbox:checked + .basic-form__checkbox-label {
    border: 2px solid #008787; }
    .basic-form__checkbox:checked + .basic-form__checkbox-label:after {
      opacity: 1; }

.chkChoice .basic-form__checkbox-label {
  padding-left: 0; }

.basic-form__checkbox-label {
  width: 20px;
  height: 20px;
  top: calc(50% - 10px);
  left: 0;
  border: 2px solid #ADADAD;
  background: #FFFFFF;
  pointer-events: none; }
  @media (max-width: 767px) {
    .basic-form__checkbox-label {
      width: 15px;
      height: 15px; } }
  .basic-form__checkbox-label:after {
    opacity: 0;
    content: "";
    width: 11px;
    height: 7px;
    top: 3px;
    left: 3px;
    border: 2px solid #008787;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
    @media (max-width: 767px) {
      .basic-form__checkbox-label:after {
        width: 9px;
        height: 5px;
        top: 2px;
        left: 1px; } }

.basic-form__checkbox-list,
.basic-form__checkbox-text,
.basic-form__checkbox-heading {
  margin-left: 8px;
  max-width: calc(100% - 40px); }
  @media (max-width: 767px) {
    .basic-form__checkbox-list,
    .basic-form__checkbox-text,
    .basic-form__checkbox-heading {
      max-width: calc(100% - 28px);
      font-size: 0.875em; } }
  .basic-form__checkbox-list b,
  .basic-form__checkbox-text b,
  .basic-form__checkbox-heading b {
    font-weight: 700; }
  .basic-form__checkbox-list a,
  .basic-form__checkbox-text a,
  .basic-form__checkbox-heading a {
    word-break: break-word; }

.basic-form__checkbox-heading {
  color: #204a88; }
  .basic-form__checkbox-heading + .basic-form__checkbox-text {
    margin: 8px 0 0 32px;
    padding-left: 0;
    display: block; }

.basic-form__checkbox-text {
  color: #484848;
  margin-left: -28px;
  padding-left: 28px;
  display: contents; }
  .basic-form__checkbox-text.basic-form__checkbox-text--bold {
    font-weight: 700;
    font-size: 1em;
    color: #ADADAD; }
  .basic-form__checkbox-text.basic-form__checkbox-text--flow {
    margin-left: 0;
    margin-top: 0; }
  .basic-form__checkbox-text p {
    display: contents; }

.basic-form__checkbox-link {
  font-weight: 700; }

.basic-form__textarea {
  resize: vertical;
  white-space: pre-wrap; }
  .basic-form__textarea::-webkit-input-placeholder {
    color: #D6D6D6; }
  .basic-form__textarea::-moz-placeholder {
    color: #D6D6D6; }
  .basic-form__textarea:-ms-input-placeholder {
    color: #D6D6D6; }
  .basic-form__textarea::-ms-input-placeholder {
    color: #D6D6D6; }
  .basic-form__textarea::placeholder {
    color: #D6D6D6; }

.basic-form__error-block {
  background: #E26C6C;
  color: white;
  padding: 8px 32px; }
  @media (max-width: 767px) {
    .basic-form__error-block {
      padding: 8px 16px; } }
  .basic-form__error-block > a {
    font-weight: 700;
    color: white; }
  .basic-form__error-block + .shadow-block {
    padding-top: 16px; }

.easy-autocomplete-container {
  border: 2px solid #D6D6D6 !important;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  z-index: 1; }
  .easy-autocomplete-container > div {
    background-color: #FFFFFF;
    padding: 12px 16px;
    cursor: pointer;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s; }
    @media (min-width: 1025px) {
      .easy-autocomplete-container > div:hover {
        background-color: #F4F4F4 !important;
        padding: 12px 16px !important; } }
    .easy-autocomplete-container > div span {
      color: #AFB3BA; }

.basic-form__btn {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #008787;
  height: 14px;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px); }
  @media (min-width: 1025px) {
    .basic-form__btn:hover {
      color: rgba(0, 135, 135, 0.8); } }

.basic-form__block {
  height: 43px;
  padding: 8px 16px;
  border: 2px solid #EAEAEA;
  background: #EAEAEA; }
  .basic-form__block.basic-form__block-error {
    color: #E26C6C; }

.product-area {
  margin-bottom: 16px; }

.js-select-input {
  display: none; }

.basic-form__remove-product {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #858585;
  font-size: 14px; }
  @media (min-width: 1025px) {
    .basic-form__remove-product:hover {
      color: rgba(133, 133, 133, 0.8); } }

.basic-form__tooltip i {
  color: #008787; }

.basic-form__tooltip:hover .basic-form__bubble {
  opacity: 1;
  pointer-events: auto; }

@media (max-width: 767px) {
  .basic-form__tooltip:not(.all-screen) {
    display: none; } }

.basic-form__tooltip.superscript {
  -webkit-transform: translateY(-25%);
          transform: translateY(-25%);
  -ms-flex-item-align: start;
      align-self: flex-start; }

.basic-form__bubble {
  background-color: #D6D6D6;
  width: 300px;
  padding: 13px 17px;
  font-size: 12px;
  left: calc(50% - 150px);
  bottom: 30px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }
  .basic-form__bubble:before {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: "";
    border-top: 8px solid #D6D6D6;
    bottom: -8px;
    left: calc(50% - 8px); }

@media (max-width: 767px) {
  .basic-form--submit {
    margin-top: 24px; } }

.basic-form__modal-btn {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #008787;
  font-size: 14px; }
  @media (min-width: 1025px) {
    .basic-form__modal-btn:hover {
      color: rgba(0, 135, 135, 0.8); } }

.basic-form__toggle-pw {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #008787;
  font-size: 0.875em;
  position: absolute;
  right: 24px;
  -webkit-transform: translateY(-29px);
          transform: translateY(-29px); }
  @media (min-width: 1025px) {
    .basic-form__toggle-pw:hover {
      color: rgba(0, 135, 135, 0.8); } }
  .ie-browser .basic-form__toggle-pw {
    -webkit-transform: translateY(12px);
            transform: translateY(12px); }

.basic-form__control-separator {
  color: #858585; }
  .basic-form__control-separator--text-center {
    text-align: center; }

.basic-form__action {
  margin-top: 12px; }

[data-field-type="hidden"] {
  width: 1px;
  height: 1px;
  border: 0;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0; }

.attachments-block__bars[\:has\(.hide\)] {
  display: none; }

.attachments-block__bars:has(.hide) {
  display: none; }

.contact-form__submit {
  margin-bottom: 16px; }

.contact-form__top {
  padding: 0 40px 32px; }
  @media (max-width: 767px) {
    .contact-form__top {
      padding: 0 16px 16px; } }
  .contact-form__top label {
    margin-bottom: 8px;
    color: #717171; }

body.JAJP .contact-form__top {
  line-height: 2em; }

.contact-form__bottom {
  background-color: #EAEAEA;
  padding: 32px 40px; }
  @media (max-width: 767px) {
    .contact-form__bottom {
      padding: 16px; } }
  .contact-form__bottom.contact-form__bottom--white {
    background-color: #FFFFFF; }
  .contact-form__bottom.contact-form__bottom--small {
    padding: 24px 40px; }
  .contact-form__bottom.contact-form__bottom--with-border {
    border-top: 1px solid #D6D6D6; }

.contact-form__statement {
  width: calc(100% - 32px);
  font-size: 14px;
  margin-bottom: 16px;
  color: #484848; }

.contact-form__link {
  color: #008787;
  margin-left: 8px;
  font-weight: 700; }

.inline-search {
  max-width: 385px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 12px; }

body.JAJP .inline-search {
  max-width: 420px; }

.inline-search__input {
  background-color: #FFFFFF;
  border: 1px solid #D6D6D6;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 16px; }
  @media (max-width: 767px) {
    .inline-search__input {
      padding: 0 8px; } }

.inline-search__btn.fill-btn--s {
  padding: 11px 14px; }

.inline-search__clear {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #008787;
  margin-left: 8px; }
  @media (min-width: 1025px) {
    .inline-search__clear:hover {
      color: rgba(0, 135, 135, 0.8); } }
  @media (max-width: 767px) {
    .inline-search__clear {
      position: absolute;
      top: -30px;
      right: 0; } }

.notify-checkbox__input {
  width: 20px;
  cursor: pointer;
  opacity: 0; }
  .notify-checkbox__input:checked + .notify-checkbox__label {
    border: 1px solid #008787; }
    .notify-checkbox__input:checked + .notify-checkbox__label:after {
      opacity: 1; }

.is-indeterminate {
  width: 8px;
  left: 3px;
  height: 1px;
  top: 10px;
  background-color: #008787;
  display: none; }

.notify-checkbox__label {
  pointer-events: none;
  width: 14px;
  height: 14px;
  top: calc(50% - 7px);
  left: 0;
  border: 1px solid #717171;
  margin-right: 4px; }
  .notify-checkbox__label.is-active {
    border: 1px solid #008787; }
  .notify-checkbox__label:after {
    opacity: 0;
    content: '';
    width: 8px;
    left: 2px;
    border: 1px solid #008787;
    border-top: none;
    border-right: none;
    top: 2px;
    height: 5px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }

.notify-checkbox-wrap {
  padding: 8px 8px 16px;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  top: 8px; }
  .notify-checkbox-wrap:hover {
    border: 1px solid #EAEAEA;
    background-color: #FFFFFF; }
    .notify-checkbox-wrap:hover .notify-checkbox-sublist {
      opacity: 1;
      pointer-events: auto; }

.notify-checkbox-sublist {
  background-color: #FFFFFF;
  border: 1px solid #EAEAEA;
  top: 35px;
  left: -1px;
  z-index: 5;
  width: 157px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  padding: 8px; }
  .notify-checkbox-sublist h4 {
    color: #858585;
    margin-bottom: 16px; }
  .notify-checkbox-sublist ul {
    padding-left: 8px; }
  .notify-checkbox-sublist li {
    margin-bottom: 8px; }

.print-form__title {
  margin-bottom: 16px; }

@media (max-width: 767px) {
  .print-form__heading {
    margin-bottom: 8px; } }

.print-form__note {
  color: #717171; }
  @media (min-width: 768px) {
    .print-form__note {
      margin-left: 16px; } }

.print-form__group {
  width: calc(99.9% * 1/2 - (24px - 24px * 1/2));
  margin-bottom: 16px;
  float: left !important; }

.print-form__group:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.print-form__group:last-child {
  margin-right: 0; }

.print-form__group:nth-child(2n) {
  margin-right: 0;
  float: right; }

.print-form__group:nth-child(2n + 1) {
  clear: both; }
  @media (max-width: 767px) {
    .print-form__group {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
    .print-form__group:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .print-form__group:last-child {
      margin-right: 0; }
    .print-form__group:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .print-form__group:nth-child(1n + 1) {
      clear: both; } }

.print-form__label {
  width: 115px;
  color: #484848; }
  @media (max-width: 767px) {
    .print-form__label {
      width: 100%; } }

.print-form__block {
  width: calc(100% -  120px);
  border: 1px solid #D6D6D6; }
  @media (min-width: 768px) {
    .print-form__block {
      min-height: 50px;
      padding: 16px; } }
  @media (max-width: 767px) {
    .print-form__block {
      width: calc(100% -  83px);
      padding: 8px;
      font-size: 0.875em; } }

.bold-title-heading {
  font-family: "Neue Helvetica W01", Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
  font-weight: 700;
  font-size: 1.125em;
  letter-spacing: 1px;
  line-height: 1.125em;
  color: #484848;
  margin-bottom: 24px; }

body.ZHCN .bold-title-heading {
  font-family: "微軟雅黑體", "Microsoft YaHei", "Neue Helvetica W01", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.125em;
  letter-spacing: 0.05em;
  line-height: 1.125em; }

body.JAJP .bold-title-heading {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
  font-size: 1.125em;
  letter-spacing: 0.05em;
  line-height: 1.125em; }

.bold-title-heading--l {
  color: #484848;
  margin-bottom: 24px; }

.bold-title-heading--green {
  color: #008787; }

.border-top-heading {
  font-family: "Neue Helvetica W01", Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
  font-weight: 200;
  font-size: 1.625em;
  letter-spacing: 0;
  line-height: normal;
  border-top: 1px solid #ADADAD;
  padding-top: 16px; }

body.ZHCN .border-top-heading {
  font-family: "微軟雅黑體", "Microsoft YaHei", "Neue Helvetica W01", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 1.625em;
  letter-spacing: 0.05em;
  line-height: normal; }

body.JAJP .border-top-heading {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  font-size: 1.625em;
  letter-spacing: 0.05em;
  line-height: normal; }

.basic-list__item {
  margin-bottom: 8px; }

.basic-list__heading {
  font-weight: 700;
  width: 100px; }
  @media (max-width: 767px) {
    .basic-list__heading {
      width: 80px; } }

.basic-list__text {
  width: calc(100% - 105px);
  line-height: 1.4em; }
  @media (max-width: 767px) {
    .basic-list__text {
      width: calc(100% - 85px); } }
  .basic-list__text i {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    color: #202020;
    margin-left: 4px; }
    @media (min-width: 1025px) {
      .basic-list__text i:hover {
        color: rgba(32, 32, 32, 0.8); } }

.border-bullet-list {
  border-left: 2px solid #008787;
  padding-left: 24px; }

.border-bullet-list__item {
  color: #717171;
  margin: 0 24px 12px 0; }
  .border-bullet-list__item:before {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #D6D6D6;
    content: '';
    top: 4px;
    left: -8px; }

.plant-cards-title, .bullet-list__item, .about-us-section ul ul > li,
.about-us-section ol ul > li, .about-us-section ul > li, .article__main-section .module-block .module-block__content ul ul > li, .article__main-section .module-block .module-block__content ul ol > li, .article__main-section .module-block .module-block__content ol ul > li, .article__main-section .module-block .module-block__content ol ol > li, .article__main-section .module-block .module-block__content ul > li, .article__main-section .module-block .module-block__content ol > li, .text-editor ul ul > li,
.text-editor ol ul > li, .text-editor ul > li, .text-editor table ul:not(.border-table__dash-list) li,
.border-table ul:not(.border-table__dash-list) li {
  padding-left: 16px; }
  .plant-cards-title:before, .bullet-list__item:before, .about-us-section ul ul > li:before,
  .about-us-section ol ul > li:before, .about-us-section ul > li:before, .article__main-section .module-block .module-block__content ul ul > li:before, .article__main-section .module-block .module-block__content ul ol > li:before, .article__main-section .module-block .module-block__content ol ul > li:before, .article__main-section .module-block .module-block__content ol ol > li:before, .article__main-section .module-block .module-block__content ul > li:before, .article__main-section .module-block .module-block__content ol > li:before, .text-editor ul ul > li:before,
  .text-editor ol ul > li:before, .text-editor ul > li:before, .text-editor table ul:not(.border-table__dash-list) li:before,
  .border-table ul:not(.border-table__dash-list) li:before {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #D6D6D6;
    content: '';
    top: 9px;
    left: 0; }

.bullet-list {
  margin-bottom: 16px; }
  .bullet-list h4 {
    font-weight: 700; }

.bullet-list--bg {
  background-color: #F4F4F4;
  padding: 16px 24px; }

.bullet-list__item {
  margin-bottom: 16px;
  line-height: 1.4em; }
  @media (max-width: 767px) {
    .bullet-list__item {
      margin-bottom: 8px; } }
  .bullet-list__item.bullet-list__item--s {
    margin-bottom: 8px; }
  .bullet-list__item.bullet-list__item--no-margin {
    margin-bottom: 0; }

.esg-listing .list-title {
  line-height: 1.2; }

.esg-latest-listing .list-title {
  line-height: 1.3; }

body.ZHCN .esg-listing .list-title {
  line-height: 1.4; }

body.ZHCN .i-list {
  letter-spacing: 0; }

.i-list__item {
  color: #484848;
  margin-bottom: 16px; }

.i-list__icon {
  font-size: 16px;
  margin-right: 8px;
  -webkit-transform: translateY(3px);
          transform: translateY(3px); }

.i-list__icon--green {
  color: #008787; }

.i-list__text {
  width: calc(100% - 35px);
  line-height: 1.3em; }

.info-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 8px; }

.info-link {
  color: #008787;
  font-size: 0.81em; }

.info-links--with-dot::after {
  content: "・";
  color: #202020; }

@media (max-width: 550px) {
  .addthis_toolbox .media-list li:nth-last-child(2), .addthis_toolbox .media-list li:last-child {
    display: none; }
  .addthis_toolbox.side-section__wrap .media-list li:nth-last-child(2), .addthis_toolbox.side-section__wrap .media-list li:last-child {
    display: inline-block; } }

.media-list__item {
  margin-right: 4px; }
  .media-list__item:last-child {
    margin-right: 0; }

@media (min-width: 1025px) {
  .media-list__link:hover .media-list__icon {
    color: #008787; } }

.media-list__icon {
  font-size: 22px;
  color: #858585;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }

.news-feed {
  max-width: 946px;
  margin-left: auto;
  margin-right: auto;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
  .news-feed .fill-btn.fill-btn--l {
    min-width: 165px; }

.news-list-link {
  display: block; }
  .news-list-link:hover .news-list-item__summary p {
    color: #008787; }

.news-list-item {
  color: #1F1F1F; }
  .news-list-item__date {
    color: #6D6D6D; }
  .news-list-item__category {
    color: #204a88; }
  .news-list-item__summary p {
    margin: 0 0 12px;
    line-height: inherit; }
  .news-list-item__summary > *:last-child {
    margin-bottom: 0; }

@media (min-width: 768px) {
  .news-list {
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 1.5em; }
    .news-list-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      border-bottom: 1px solid rgba(109, 109, 109, 0.16);
      padding: 20px 40px 20px 32px; }
      .news-list-item__heading {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 163px;
                flex: 0 0 163px;
        max-width: 163px;
        text-align: right;
        padding-right: 29px;
        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; }
      .news-list-item__date {
        display: block; }
      .news-list-item__category {
        display: block; }
      .news-list-item__summary {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        max-width: calc(100% - 195px);
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }

@media (max-width: 767px) {
  .news-list {
    font-size: 14px;
    line-height: 1.71429em;
    margin-top: 24px; }
    .news-list-item__heading {
      margin-bottom: 8px; }
    .news-list-item__date {
      margin-right: 4px; }
    .news-list.slick-initialized .news-list-item {
      display: block; }
    .news-list .news-list-item {
      display: none; }
    .news-list .slick-dots {
      margin-top: 12px;
      margin-bottom: 20px;
      line-height: 0; }
      .news-list .slick-dots > li {
        margin: 0 8px 4px; }
        .news-list .slick-dots > li button {
          width: 6px;
          height: 6px;
          padding: 0;
          background: #E3E3E3; }
        .news-list .slick-dots > li.slick-active button {
          background: #fa943e; } }

.online-list {
  padding: 16px;
  background-color: #FCFCFC; }
  .modal .online-list {
    padding: 0 32px;
    margin-bottom: 60px; }
  .online-list .flex-between {
    padding-bottom: 8px;
    border-bottom: 1px solid #ADADAD; }

.online-list__heading {
  color: #204a88; }

.online-list__item {
  padding: 8px 0;
  border-bottom: 1px solid #EAEAEA; }
  .online-list__item:last-child {
    border-bottom: none; }

.rss-list {
  margin-top: 24px; }

.rss-list__item {
  border-bottom: 1px solid #EAEAEA;
  padding: 24px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.rss-list__heading {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-right: 8px; }

.rss-list__btn {
  min-width: 132px; }
  .rss-list__btn a {
    margin-right: 16px; }
  .rss-list__btn img {
    width: 12px;
    height: 12px; }

.title-list__category {
  border-bottom: 2px solid #D6D6D6;
  padding-bottom: 8px; }

@media (min-width: 768px) {
  .title-list {
    padding: 24px 0; } }

.title-list__item {
  border-bottom: 1px solid #F4F4F4;
  padding: 8px 0; }
  .title-list__item:first-child {
    padding-top: 0; }
  .title-list__item:last-child {
    border-bottom: none;
    padding-bottom: 0; }

@media (min-width: 851px) {
  .title-list__heading {
    width: 250px; } }

@media (max-width: 850px) {
  .title-list__heading {
    width: 170px; } }

@media (min-width: 768px) {
  .title-list__heading {
    margin-right: 24px; } }

@media (max-width: 767px) {
  .title-list__heading {
    display: block;
    width: 100%;
    margin-bottom: 16px; } }

@media (min-width: 851px) {
  .title-list__container {
    width: calc(100% - 280px); } }

@media (max-width: 850px) {
  .title-list__container {
    width: calc(100% - 200px); } }

@media (max-width: 767px) {
  .title-list__container {
    display: block;
    width: 100%; } }

.title-list__subitem {
  line-height: 1.3em;
  margin-bottom: 8px; }
  .title-list__subitem.title-list__subitem--bold {
    font-weight: 700; }

.title-list__btn {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #008787;
  margin-left: 16px; }
  @media (min-width: 1025px) {
    .title-list__btn:hover {
      color: rgba(0, 135, 135, 0.8); } }

.xtra-list__heading {
  color: #204a88;
  margin-bottom: 16px; }

.xtra-list__item {
  margin-bottom: 8px; }
  @media (max-width: 767px) {
    .xtra-list__item {
      margin-bottom: 16px; } }

.lds-spinner {
  color: #008787;
  display: inline-block;
  position: relative;
  width: 32px;
  height: 32px; }

.lds-spinner div {
  -webkit-transform-origin: 16px 16px;
          transform-origin: 16px 16px;
  -webkit-animation: lds-spinner 1.2s linear infinite;
          animation: lds-spinner 1.2s linear infinite; }

.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 15px;
  width: 2px;
  height: 7px;
  border-radius: 20%;
  background: #008787; }

.lds-spinner div:nth-child(1) {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }

.lds-spinner div:nth-child(2) {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }

.lds-spinner div:nth-child(3) {
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
  -webkit-animation-delay: -.9s;
          animation-delay: -.9s; }

.lds-spinner div:nth-child(4) {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-animation-delay: -.8s;
          animation-delay: -.8s; }

.lds-spinner div:nth-child(5) {
  -webkit-transform: rotate(120deg);
          transform: rotate(120deg);
  -webkit-animation-delay: -.7s;
          animation-delay: -.7s; }

.lds-spinner div:nth-child(6) {
  -webkit-transform: rotate(150deg);
          transform: rotate(150deg);
  -webkit-animation-delay: -.6s;
          animation-delay: -.6s; }

.lds-spinner div:nth-child(7) {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-animation-delay: -.5s;
          animation-delay: -.5s; }

.lds-spinner div:nth-child(8) {
  -webkit-transform: rotate(210deg);
          transform: rotate(210deg);
  -webkit-animation-delay: -.4s;
          animation-delay: -.4s; }

.lds-spinner div:nth-child(9) {
  -webkit-transform: rotate(240deg);
          transform: rotate(240deg);
  -webkit-animation-delay: -.3s;
          animation-delay: -.3s; }

.lds-spinner div:nth-child(10) {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
  -webkit-animation-delay: -.2s;
          animation-delay: -.2s; }

.lds-spinner div:nth-child(11) {
  -webkit-transform: rotate(300deg);
          transform: rotate(300deg);
  -webkit-animation-delay: -.1s;
          animation-delay: -.1s; }

.lds-spinner div:nth-child(12) {
  -webkit-transform: rotate(330deg);
          transform: rotate(330deg);
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }

@-webkit-keyframes lds-spinner {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes lds-spinner {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.satellite-feedback {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 46px;
  position: relative; }
  @media (max-width: 550px) {
    .satellite-feedback {
      padding-bottom: 0;
      width: 250px;
      margin-left: auto;
      margin-right: auto; } }
  .satellite-feedback .control {
    max-width: 22px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 22px;
            flex: 0 0 22px;
    position: relative;
    pointer-events: none; }
    @media (max-width: 550px) {
      .satellite-feedback .control {
        display: none; } }
    .satellite-feedback .control::before {
      content: '';
      background-color: #D3D3D3;
      width: 8px;
      height: 2px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    .satellite-feedback .control--decrease {
      margin-right: 9px; }
      @media (max-width: 550px) {
        .satellite-feedback .control--decrease {
          position: absolute;
          bottom: 0;
          left: 12px;
          margin-right: 0; } }
    .satellite-feedback .control--increase {
      margin-left: 9px; }
      @media (max-width: 550px) {
        .satellite-feedback .control--increase {
          position: absolute;
          top: 0;
          left: 12px;
          margin-left: 0; } }
      .satellite-feedback .control--increase::after {
        content: '';
        background-color: #D3D3D3;
        width: 8px;
        height: 2px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(90deg);
                transform: translate(-50%, -50%) rotate(90deg);
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%; }
  .satellite-feedback .rating {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    position: relative; }
    @media (max-width: 550px) {
      .satellite-feedback .rating {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        flex-direction: column-reverse; } }
    .satellite-feedback .rating.locked .rating__option {
      cursor: default; }
    .satellite-feedback .rating::before, .satellite-feedback .rating::after {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      height: 8px;
      border-radius: 12px; }
      @media (max-width: 550px) {
        .satellite-feedback .rating::before, .satellite-feedback .rating::after {
          width: 8px;
          height: 0;
          -webkit-transform: translateY(0);
                  transform: translateY(0);
          top: 0;
          left: 8px; } }
    .satellite-feedback .rating::before {
      width: 100%;
      background-color: rgba(211, 211, 211, 0.22);
      z-index: 0; }
      @media (max-width: 550px) {
        .satellite-feedback .rating::before {
          width: 8px;
          height: 100%; } }
    .satellite-feedback .rating::after {
      width: 0%;
      background-color: rgba(0, 137, 128, 0.32);
      z-index: 1;
      -webkit-transition: width .5s linear;
      transition: width .5s linear; }
      @media (max-width: 550px) {
        .satellite-feedback .rating::after {
          width: 8px;
          height: 0%;
          top: auto;
          bottom: 0;
          -webkit-transition: height .5s linear;
          transition: height .5s linear; } }
    .satellite-feedback .rating[data-value="1"]::after {
      width: 0%; }
      @media (max-width: 550px) {
        .satellite-feedback .rating[data-value="1"]::after {
          width: 8px;
          height: 0; } }
    .satellite-feedback .rating[data-value="1"] li:nth-of-type(1) .rating__option {
      background-color: #008980; }
      @media (max-width: 550px) {
        .satellite-feedback .rating[data-value="1"] li:nth-of-type(1) .rating__option {
          background-color: #FFFFFF; }
          .satellite-feedback .rating[data-value="1"] li:nth-of-type(1) .rating__option .rating__text::before {
            background-color: #008980; } }
    .satellite-feedback .rating[data-value="2"]::after {
      width: 25%; }
      @media (max-width: 550px) {
        .satellite-feedback .rating[data-value="2"]::after {
          width: 8px;
          height: 25%; } }
    .satellite-feedback .rating[data-value="2"] li:nth-of-type(1) .rating__option,
    .satellite-feedback .rating[data-value="2"] li:nth-of-type(2) .rating__option {
      background-color: #008980; }
      @media (max-width: 550px) {
        .satellite-feedback .rating[data-value="2"] li:nth-of-type(1) .rating__option,
        .satellite-feedback .rating[data-value="2"] li:nth-of-type(2) .rating__option {
          background-color: #FFFFFF; }
          .satellite-feedback .rating[data-value="2"] li:nth-of-type(1) .rating__option .rating__text::before,
          .satellite-feedback .rating[data-value="2"] li:nth-of-type(2) .rating__option .rating__text::before {
            background-color: #008980; } }
    .satellite-feedback .rating[data-value="2"] li:nth-of-type(2) .rating__option .rating__text {
      opacity: 1; }
    .satellite-feedback .rating[data-value="3"]::after {
      width: 50%; }
      @media (max-width: 550px) {
        .satellite-feedback .rating[data-value="3"]::after {
          width: 8px;
          height: 50%; } }
    .satellite-feedback .rating[data-value="3"] li:nth-of-type(1) .rating__option,
    .satellite-feedback .rating[data-value="3"] li:nth-of-type(2) .rating__option,
    .satellite-feedback .rating[data-value="3"] li:nth-of-type(3) .rating__option {
      background-color: #008980; }
      @media (max-width: 550px) {
        .satellite-feedback .rating[data-value="3"] li:nth-of-type(1) .rating__option,
        .satellite-feedback .rating[data-value="3"] li:nth-of-type(2) .rating__option,
        .satellite-feedback .rating[data-value="3"] li:nth-of-type(3) .rating__option {
          background-color: #FFFFFF; }
          .satellite-feedback .rating[data-value="3"] li:nth-of-type(1) .rating__option .rating__text::before,
          .satellite-feedback .rating[data-value="3"] li:nth-of-type(2) .rating__option .rating__text::before,
          .satellite-feedback .rating[data-value="3"] li:nth-of-type(3) .rating__option .rating__text::before {
            background-color: #008980; } }
    .satellite-feedback .rating[data-value="3"] li:nth-of-type(3) .rating__option .rating__text {
      opacity: 1; }
    .satellite-feedback .rating[data-value="4"]::after {
      width: 75%; }
      @media (max-width: 550px) {
        .satellite-feedback .rating[data-value="4"]::after {
          width: 8px;
          height: 75%; } }
    .satellite-feedback .rating[data-value="4"] li:nth-of-type(1) .rating__option,
    .satellite-feedback .rating[data-value="4"] li:nth-of-type(2) .rating__option,
    .satellite-feedback .rating[data-value="4"] li:nth-of-type(3) .rating__option,
    .satellite-feedback .rating[data-value="4"] li:nth-of-type(4) .rating__option {
      background-color: #008980; }
      @media (max-width: 550px) {
        .satellite-feedback .rating[data-value="4"] li:nth-of-type(1) .rating__option,
        .satellite-feedback .rating[data-value="4"] li:nth-of-type(2) .rating__option,
        .satellite-feedback .rating[data-value="4"] li:nth-of-type(3) .rating__option,
        .satellite-feedback .rating[data-value="4"] li:nth-of-type(4) .rating__option {
          background-color: #FFFFFF; }
          .satellite-feedback .rating[data-value="4"] li:nth-of-type(1) .rating__option .rating__text::before,
          .satellite-feedback .rating[data-value="4"] li:nth-of-type(2) .rating__option .rating__text::before,
          .satellite-feedback .rating[data-value="4"] li:nth-of-type(3) .rating__option .rating__text::before,
          .satellite-feedback .rating[data-value="4"] li:nth-of-type(4) .rating__option .rating__text::before {
            background-color: #008980; } }
    .satellite-feedback .rating[data-value="4"] li:nth-of-type(4) .rating__option .rating__text {
      opacity: 1; }
    .satellite-feedback .rating[data-value="5"]::after {
      width: 100%; }
      @media (max-width: 550px) {
        .satellite-feedback .rating[data-value="5"]::after {
          width: 8px;
          height: 100%; } }
    .satellite-feedback .rating[data-value="5"] li:nth-of-type(1) .rating__option,
    .satellite-feedback .rating[data-value="5"] li:nth-of-type(2) .rating__option,
    .satellite-feedback .rating[data-value="5"] li:nth-of-type(3) .rating__option,
    .satellite-feedback .rating[data-value="5"] li:nth-of-type(4) .rating__option,
    .satellite-feedback .rating[data-value="5"] li:nth-of-type(5) .rating__option {
      background-color: #008980; }
      @media (max-width: 550px) {
        .satellite-feedback .rating[data-value="5"] li:nth-of-type(1) .rating__option,
        .satellite-feedback .rating[data-value="5"] li:nth-of-type(2) .rating__option,
        .satellite-feedback .rating[data-value="5"] li:nth-of-type(3) .rating__option,
        .satellite-feedback .rating[data-value="5"] li:nth-of-type(4) .rating__option,
        .satellite-feedback .rating[data-value="5"] li:nth-of-type(5) .rating__option {
          background-color: #FFFFFF; }
          .satellite-feedback .rating[data-value="5"] li:nth-of-type(1) .rating__option .rating__text::before,
          .satellite-feedback .rating[data-value="5"] li:nth-of-type(2) .rating__option .rating__text::before,
          .satellite-feedback .rating[data-value="5"] li:nth-of-type(3) .rating__option .rating__text::before,
          .satellite-feedback .rating[data-value="5"] li:nth-of-type(4) .rating__option .rating__text::before,
          .satellite-feedback .rating[data-value="5"] li:nth-of-type(5) .rating__option .rating__text::before {
            background-color: #008980; } }
    .satellite-feedback .rating[data-value="5"] li:nth-of-type(5) .rating__option .rating__text {
      opacity: 1; }
    .satellite-feedback .rating li {
      display: block;
      margin: 0 auto;
      padding: 0;
      position: relative;
      z-index: 2; }
      @media (max-width: 550px) {
        .satellite-feedback .rating li {
          margin-bottom: 20px;
          width: 100%; } }
      .satellite-feedback .rating li:nth-of-type(1) {
        margin-left: 0; }
        @media (max-width: 550px) {
          .satellite-feedback .rating li:nth-of-type(1) {
            margin-bottom: 0; } }
      .satellite-feedback .rating li:nth-last-of-type(1) {
        margin-right: 0; }
    .satellite-feedback .rating .rating__option {
      position: relative;
      width: 24px;
      height: 24px;
      border: 2px solid #008980;
      background-color: #FFFFFF;
      border-radius: 50%;
      cursor: pointer;
      -webkit-transition: background-color .4s ease-in-out;
      transition: background-color .4s ease-in-out;
      display: block; }
      @media (max-width: 550px) {
        .satellite-feedback .rating .rating__option {
          width: 100%;
          height: auto;
          border: 0;
          border-radius: 0; } }
      .satellite-feedback .rating .rating__option .rating__text {
        pointer-events: none; }
        @media (max-width: 1024px) {
          .satellite-feedback .rating .rating__option .rating__text {
            opacity: 1;
            z-index: 1; } }
        @media (max-width: 550px) {
          .satellite-feedback .rating .rating__option .rating__text {
            padding-left: 35px;
            line-height: 24px;
            display: block;
            -webkit-transform: none;
                    transform: none;
            text-align: left; }
            .satellite-feedback .rating .rating__option .rating__text::before {
              content: '';
              left: 0;
              top: 0;
              position: absolute;
              width: 24px;
              height: 24px;
              border: 2px solid #008980;
              background-color: #FFFFFF;
              border-radius: 50%; } }
        .satellite-feedback .rating .rating__option .rating__text .br {
          display: block; }
          @media (max-width: 550px) {
            .satellite-feedback .rating .rating__option .rating__text .br {
              display: inline-block;
              width: 3px; } }
    .satellite-feedback .rating .rating__text {
      position: absolute;
      top: 100%;
      margin-top: 12px;
      font-size: 14px;
      line-height: 17px;
      text-align: center;
      color: #008980;
      font-weight: 700;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      -webkit-transition: opacity .1s ease-in-out;
      transition: opacity .1s ease-in-out; }
      @media (min-width: 551px) {
        .satellite-feedback .rating .rating__text {
          white-space: pre; } }
      @media (max-width: 550px) {
        .satellite-feedback .rating .rating__text {
          position: relative;
          top: auto;
          left: auto;
          margin-top: 0; } }

body.ZHCN .about-carousel .img-card__paragraph {
  line-height: 1.5rem; }

.about-carousel {
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: clip;
  overflow-clip-margin: 1rem; }
  @media (min-width: 768px) {
    .about-carousel {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }
  @media (max-width: 767px) {
    .about-carousel {
      padding: 0 16px;
      row-gap: 1rem; } }
  .about-carousel .center-carousel__slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    float: none;
    height: auto;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s; }
    @media (min-width: 768px) {
      .about-carousel .center-carousel__slide {
        padding: 0 1rem; } }
    .about-carousel .center-carousel__slide .center-carousel-card {
      -webkit-box-shadow: 0px 3px 5px 1px rgba(32, 32, 32, 0.05);
              box-shadow: 0px 3px 5px 1px rgba(32, 32, 32, 0.05);
      height: 100%; }
      .about-carousel .center-carousel__slide .center-carousel-card .img-card__img-wrap {
        overflow: auto; }
        .about-carousel .center-carousel__slide .center-carousel-card .img-card__img-wrap img {
          aspect-ratio: 16/9; }
        .about-carousel .center-carousel__slide .center-carousel-card .img-card__img-wrap .kaltura-video {
          width: 100%;
          height: 100%; }
        .about-carousel .center-carousel__slide .center-carousel-card .img-card__img-wrap[\:has\(.iframe-block\)] {
          position: relative;
          width: 100%;
          overflow: hidden; }
        .about-carousel .center-carousel__slide .center-carousel-card .img-card__img-wrap:has(.iframe-block) {
          position: relative;
          width: 100%;
          overflow: hidden; }
          .about-carousel .center-carousel__slide .center-carousel-card .img-card__img-wrap[\:has\(.iframe-block\)] video,
          .about-carousel .center-carousel__slide .center-carousel-card .img-card__img-wrap[\:has\(.iframe-block\)] iframe,
          .about-carousel .center-carousel__slide .center-carousel-card .img-card__img-wrap[\:has\(.iframe-block\)] .kaltura-player-container {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            width: 100%;
            height: 100%;
            border: none; }
          .about-carousel .center-carousel__slide .center-carousel-card .img-card__img-wrap:has(.iframe-block) video,
          .about-carousel .center-carousel__slide .center-carousel-card .img-card__img-wrap:has(.iframe-block) iframe,
          .about-carousel .center-carousel__slide .center-carousel-card .img-card__img-wrap:has(.iframe-block) .kaltura-player-container {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            width: 100%;
            height: 100%;
            border: none; }
      .about-carousel .center-carousel__slide .center-carousel-card .img-card__container {
        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: 768px) {
          .about-carousel .center-carousel__slide .center-carousel-card .img-card__container {
            padding: 1.5rem; } }
        @media (max-width: 767px) {
          .about-carousel .center-carousel__slide .center-carousel-card .img-card__container {
            padding: 1rem; } }
      @media (min-width: 768px) {
        .about-carousel .center-carousel__slide .center-carousel-card .img-card__heading {
          line-height: 28.8px; } }
      @media (max-width: 767px) {
        .about-carousel .center-carousel__slide .center-carousel-card .img-card__heading {
          line-height: 23.04px; } }
      .about-carousel .center-carousel__slide .center-carousel-card .img-card__paragraph {
        letter-spacing: normal; }
      .about-carousel .center-carousel__slide .center-carousel-card .img-card__btn {
        padding-top: 20px;
        margin-top: auto; }
  .about-carousel:not(.swiper-initialized) .swiper-wrapper {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    row-gap: 2rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    @media (min-width: 1025px) {
      .about-carousel:not(.swiper-initialized) .swiper-wrapper[\:has\(.swiper-slide\:first-child\:last-child\)] .swiper-slide {
        width: 50%; }
      .about-carousel:not(.swiper-initialized) .swiper-wrapper:has(.swiper-slide:first-child:last-child) .swiper-slide {
        width: 50%; } }
    @media (min-width: 768px) {
      .about-carousel:not(.swiper-initialized) .swiper-wrapper[\:has\(.swiper-slide\:nth-child\(2\)\:last-child\)] .swiper-slide {
        width: 50%; }
      .about-carousel:not(.swiper-initialized) .swiper-wrapper:has(.swiper-slide:nth-child(2):last-child) .swiper-slide {
        width: 50%; } }
    @media (min-width: 1281px) {
      .about-carousel:not(.swiper-initialized) .swiper-wrapper[\:has\(.swiper-slide\:nth-child\(2\)\:last-child\)] .swiper-slide {
        width: 33%; }
      .about-carousel:not(.swiper-initialized) .swiper-wrapper:has(.swiper-slide:nth-child(2):last-child) .swiper-slide {
        width: 33%; } }
    @media (min-width: 768px) {
      .about-carousel:not(.swiper-initialized) .swiper-wrapper[\:has\(.swiper-slide\:nth-child\(3\)\:last-child\)] .swiper-slide {
        width: 33%; }
      .about-carousel:not(.swiper-initialized) .swiper-wrapper:has(.swiper-slide:nth-child(3):last-child) .swiper-slide {
        width: 33%; } }
  .about-carousel.swiper-initialized .swiper-slide:not(.swiper-slide-active) {
    opacity: 0.45;
    pointer-events: none; }

.swiper-container[\:has\(\%3E\%20.about-carousel\)] .center-carousel__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1rem; }

.swiper-container:has(> .about-carousel) .center-carousel__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1rem; }
  @media (max-width: 767px) {
    .swiper-container[\:has\(\%3E\%20.about-carousel\)] .center-carousel__controls {
      padding-left: 1rem;
      padding-right: 1rem; }
    .swiper-container[\:has\(\%3E\%20.about-carousel\)] .center-carousel__controls {
      padding-left: 1rem;
      padding-right: 1rem; }
    .swiper-container:has(> .about-carousel) .center-carousel__controls {
      padding-left: 1rem;
      padding-right: 1rem; } }
  @media (min-width: 768px) {
    .swiper-container[\:has\(\%3E\%20.about-carousel\)] .center-carousel__controls {
      width: calc(100% / 3 - 2rem);
      margin-left: auto;
      margin-right: auto; }
    .swiper-container[\:has\(\%3E\%20.about-carousel\)] .center-carousel__controls {
      width: calc(100% / 3 - 2rem);
      margin-left: auto;
      margin-right: auto; }
    .swiper-container:has(> .about-carousel) .center-carousel__controls {
      width: calc(100% / 3 - 2rem);
      margin-left: auto;
      margin-right: auto; } }
  .swiper-container[\:has\(\%3E\%20.about-carousel\)] .center-carousel__controls.gray .swiper-pagination {
    position: static;
    -webkit-transform: none;
            transform: none; }
  .swiper-container:has(> .about-carousel) .center-carousel__controls.gray .swiper-pagination {
    position: static;
    -webkit-transform: none;
            transform: none; }
  .swiper-container[\:has\(\%3E\%20.about-carousel\)] .center-carousel__controls.gray .center-carousel__btn {
    position: static;
    width: 30px;
    height: 30px;
    border: 2px solid #717171;
    border-radius: 50%;
    margin: 0;
    -webkit-transition: border 0.3s;
    transition: border 0.3s;
    text-align: center; }
  .swiper-container:has(> .about-carousel) .center-carousel__controls.gray .center-carousel__btn {
    position: static;
    width: 30px;
    height: 30px;
    border: 2px solid #717171;
    border-radius: 50%;
    margin: 0;
    -webkit-transition: border 0.3s;
    transition: border 0.3s;
    text-align: center; }
    .swiper-container[\:has\(\%3E\%20.about-carousel\)] .center-carousel__controls.gray .center-carousel__btn .center-carousel__icon {
      color: #717171; }
    .swiper-container:has(> .about-carousel) .center-carousel__controls.gray .center-carousel__btn .center-carousel__icon {
      color: #717171; }

.swiper-container[\:has\(\%3E\%20.about-carousel\:not\(.swiper-initialized\)\)] .swiper-controls {
  display: none; }

.swiper-container:has(> .about-carousel:not(.swiper-initialized)) .swiper-controls {
  display: none; }

.two-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 3rem;
     -moz-column-gap: 3rem;
          column-gap: 3rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 1rem; }
  @media (min-width: 768px) {
    .two-columns.revert-colums .two-columns__item:first-child {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; } }
  .two-columns iframe {
    width: 100%; }
  .two-columns.two-colums__optional .two-columns__item img {
    aspect-ratio: 840/540; }
  .two-columns.two-colums__optional .two-columns__item:first-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%; }
    @media (min-width: 768px) {
      .two-columns.two-colums__optional .two-columns__item:first-child {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 calc(41.6667% - 1.5rem);
                flex: 1 1 calc(41.6667% - 1.5rem); } }
    @media (min-width: 1025px) {
      .two-columns.two-colums__optional .two-columns__item:first-child {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 calc(33.33333333% - 1.5rem);
                flex: 1 1 calc(33.33333333% - 1.5rem); } }
  .two-columns.two-colums__optional .two-columns__item:last-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%; }
    @media (min-width: 768px) {
      .two-columns.two-colums__optional .two-columns__item:last-child {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 calc(58.3333% - 1.5rem);
                flex: 1 1 calc(58.3333% - 1.5rem); } }
    @media (min-width: 1025px) {
      .two-columns.two-colums__optional .two-columns__item:last-child {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 calc(66.66666667% - 1.5rem);
                flex: 1 1 calc(66.66666667% - 1.5rem); } }
  .two-columns__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%; }
    @media (min-width: 768px) {
      .two-columns__item {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc(50% - 1.5rem);
                flex: 0 0 calc(50% - 1.5rem); } }
    .two-columns__item img {
      aspect-ratio: 1000/650; }
    .two-columns__item-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      row-gap: 2rem; }
      @media (max-width: 767px) {
        .two-columns__item-content {
          row-gap: 1rem; } }
      .two-columns__item-content .main-section__heading {
        margin-bottom: 0; }
      .two-columns__item-content .main-section__optional-heading {
        font-size: 1.5rem;
        line-height: 28.8px;
        font-weight: 700; }
        @media (max-width: 767px) {
          .two-columns__item-content .main-section__optional-heading {
            font-size: 19.2px;
            line-height: 23px; } }
      .two-columns__item-content .img-card__paragraph h3 {
        margin-bottom: 0.5rem;
        font-size: 1.5rem;
        line-height: 28.8px;
        font-weight: 700; }
        @media (max-width: 767px) {
          .two-columns__item-content .img-card__paragraph h3 {
            font-size: 19.2px;
            line-height: 23px; } }
      .two-columns__item-content .img-card__paragraph h4 {
        margin-bottom: 1rem;
        font-size: 1.125em;
        line-height: 18px;
        font-weight: 700; }
      .two-columns__item-content .img-card__paragraph p {
        margin-bottom: 1rem; }
        .two-columns__item-content .img-card__paragraph p:last-child {
          margin-bottom: 0; }
      .two-columns__item-content .img-card__paragraph ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        row-gap: 0.5rem;
        list-style: disc;
        padding-left: 2rem;
        line-height: 24px;
        margin-bottom: 1rem; }

@media (max-width: 576px) {
  .about-us-section .row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }

.about-us-section .row .col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }
  .about-us-section .row .col.col-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% / 12 * 3);
            flex: 0 0 calc(100% / 12 * 3); }
    @media (max-width: 641px) {
      .about-us-section .row .col.col-3 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc(100% / 12 * 4);
                flex: 0 0 calc(100% / 12 * 4); } }
    @media (max-width: 576px) {
      .about-us-section .row .col.col-3 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        margin-bottom: 0.5em; } }
  .about-us-section .row .col ul,
  .about-us-section .row .col ol,
  .about-us-section .row .col p {
    color: #1F1F1F;
    line-height: 1.3125em; }
  .about-us-section .row .col p:not(:last-child) {
    margin-bottom: 24px; }

@media (max-width: 550px) {
  .about-us-section ul,
  .about-us-section ol {
    padding-left: 16px; } }

.about-us-section ul ul,
.about-us-section ol ul {
  padding-left: 16px;
  margin-top: 4px; }
  .about-us-section ul ul > li:before,
  .about-us-section ol ul > li:before {
    background-color: transparent;
    border: 1px solid #858585; }

.about-us-section ul ol,
.about-us-section ol ol {
  padding-left: 16px;
  margin-top: 4px;
  list-style-type: lower-latin; }

.about-us-section ol {
  list-style: decimal;
  list-style-position: inside; }

.about-us-section span,
.about-us-section h3 {
  margin-bottom: 0.5em;
  font-weight: 700; }

@media (max-width: 1024px) {
  .about-us-section .section-table {
    padding-left: 16px;
    padding-right: 16px; } }

.about-us-section .section-table .table--item:not(:last-child) {
  padding-bottom: 1em; }

.about-us-section .section-table .table--item-title {
  color: #204a88;
  font-size: 1em;
  line-height: 1.3125em; }

@media (min-width: 1201px) {
  .about-us-section .section-table .table--item-details {
    padding-right: 2em; } }

.about-us-section .section-table .table--item ul,
.about-us-section .section-table .table--item ol {
  margin-bottom: 0; }

.about-us-section .section-table.bg-white {
  background-color: #FFFFFF;
  padding: 2em 40px;
  margin: 4em -40px; }
  @media (max-width: 1024px) {
    .about-us-section .section-table.bg-white {
      margin: 2em 0 0;
      padding: 2em 16px; } }
  .about-us-section .section-table.bg-white .table--item:not(:last-child) {
    padding-bottom: 2em;
    border-bottom: 1px solid rgba(109, 109, 109, 0.16);
    margin-bottom: 2em; }

body.JAJP .about-us-section .row .col ol, body.JAJP .about-us-section .row .col p, body.JAJP .about-us-section .row .col ul {
  line-height: 1.5em; }

.account-section .search-dropdown {
  width: 385px; }
  @media (max-width: 850px) {
    .account-section .search-dropdown {
      width: 270px; } }
  @media (max-width: 767px) {
    .account-section .search-dropdown {
      width: 100%; } }

.account-section__top .simple-icon-btn__text {
  font-weight: 700; }

@media (max-width: 767px) {
  .account-section__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .account-section__top .account-section__border-btn,
    .account-section__top .simple-icon-btn {
      margin-top: 8px; } }

.account-section__top.tags-control {
  margin: 24px 0; }
  @media (max-width: 767px) {
    .account-section__top.tags-control {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; } }

.account-section__top + .border-table {
  margin-top: 32px; }

.account-section__top--right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end; }

.account-section__paragraph {
  margin-bottom: 40px; }

.account-section__copy-btn:hover i {
  opacity: 0.7; }

.account-section__copy-btn i {
  color: #008787;
  -webkit-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out;
  font-size: 1rem; }

.account-section__copy-btn__message {
  font-size: 0.9rem;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%); }

.account-section__heading {
  font-size: 1.625em;
  font-weight: 700;
  color: #484848; }
  .account-section__heading i {
    margin-right: 8px; }
  .account-section__heading span {
    display: inline-block;
    font-size: 14px;
    margin-left: 4px; }

.account-section__tabs {
  margin-bottom: 24px; }

.account-section__tab {
  margin-right: 16px; }
  .account-section__tab:last-child {
    margin-right: 0; }
  .account-section__tab__label {
    position: absolute;
    font-size: 0.8rem;
    font-weight: 700;
    color: #fa943e;
    top: 4px;
    right: -12px;
    pointer-events: none; }
    .account-section__tab__label-wrapper {
      position: relative; }
      .account-section__tab__label-wrapper .account-section__tab-link {
        position: relative;
        z-index: 1; }

.account-section__tab-link {
  padding: 16px 4px;
  color: #717171;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }
  .account-section__tab-link.is-active {
    color: #202020;
    pointer-events: none; }
    .account-section__tab-link.is-active:before {
      opacity: 1; }
  @media (min-width: 1025px) {
    .account-section__tab-link:hover {
      color: #202020; }
      .account-section__tab-link:hover:before {
        opacity: 1; } }
  .account-section__tab-link:before {
    width: 100%;
    height: 3px;
    background-color: #008787;
    content: '';
    bottom: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s; }

.account-section__check {
  color: #008787;
  font-size: 28px;
  margin-left: 16px; }

.account-section__border-block {
  border: 1px solid #EAEAEA;
  padding: 32px;
  background-color: #FCFCFC; }
  @media (max-width: 767px) {
    .account-section__border-block {
      padding: 16px; } }
  .account-section__border-block + .account-section__border-block {
    border-top: none; }
  .account-section__border-block .pw-form {
    display: none; }
  .account-section__border-block.is-active .js-extand-pw,
  .account-section__border-block.is-active .account-section__detail,
  .account-section__border-block.is-active .account-section__block-note {
    display: none; }
  .account-section__border-block.is-active .pw-form {
    display: block; }
  .account-section__border-block.account-section__border-block--transparent {
    border: none;
    background-color: transparent; }
  .account-section__border-block.account-section__border-block--heading-half-margin .account-section__block-heading {
    margin-bottom: 0.5rem; }
  .account-section__border-block .icon {
    font-size: 1.5rem;
    margin-right: 0.25rem; }

.account-section__cancel-btn {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #008787; }
  @media (min-width: 1025px) {
    .account-section__cancel-btn:hover {
      color: rgba(0, 135, 135, 0.8); } }

.account-section__block-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #717171;
  margin-bottom: 16px;
  font-weight: 700; }
  .account-section__block-heading button {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    color: #008787;
    margin-left: 16px;
    font-weight: 400; }
    @media (min-width: 1025px) {
      .account-section__block-heading button:hover {
        color: rgba(0, 135, 135, 0.8); } }

.account-section__detail {
  margin-bottom: 40px; }
  .account-section__detail--s {
    font-size: 1.1rem; }

.account-section__block-note {
  color: #717171;
  line-height: 1.3em; }

.account-section__table {
  border-top: 1px solid #858585;
  padding-top: 24px;
  min-height: 40vh; }
  .account-section__table .border-table {
    min-width: 736px; }
    .account-section__table .border-table td {
      vertical-align: top; }
  .account-section__table.account-section__table--tag {
    border-top: none;
    padding-top: 0; }
  .account-section__table .basic-form__checkbox:checked + .basic-form__checkbox-label {
    border: 1px solid #008787; }
  .account-section__table .basic-form__checkbox-label {
    border: 1px solid #717171;
    width: 14px;
    height: 14px;
    top: calc(50% - 7px); }
    .account-section__table .basic-form__checkbox-label:after {
      width: 8px;
      left: 2px;
      top: 2px;
      height: 5px;
      border-width: 1px; }
  .account-section__table .basic-form__checkbox-list {
    margin-left: 4px; }
  .account-section__table__inner {
    overflow-x: auto; }
    .account-section__table__inner .fill-btn {
      line-height: 14px;
      vertical-align: middle; }
  .account-section__table--wide .border-table {
    min-width: 896px; }

.account-section__table--tag .border-table {
  background-color: #FFFFFF; }

.account-section__table--tag th {
  padding-top: 16px; }

.account-section__table--tag thead tr {
  border-bottom: 1px solid #ADADAD; }

.account-section__table--tag th:nth-child(1),
.account-section__table--tag td:nth-child(1) {
  padding-left: 24px; }

.account-section__table--tag tr:last-child td {
  padding-bottom: 16px; }

.account-section__table--saved {
  padding-bottom: 100px; }
  .account-section__table--saved .tag-btn {
    margin: 0 4px 8px 0; }
  .account-section__table--saved .border-btn--dash {
    margin-bottom: 8px; }
  .account-section__table--saved td:hover .account-section__edit-tag {
    opacity: 1; }
  .account-section__table--saved .border-table__tr.is-active .js-status-btn {
    pointer-events: none; }
  .account-section__table--saved .border-table__tr.is-active .edit-tags-block {
    padding: 16px 8px;
    height: auto;
    opacity: 1; }
  .account-section__table--saved .border-table__tr.is-active .account-section__edit-tag {
    opacity: 1;
    background-color: #F4F4F4;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .account-section__table--saved .border-table__tr.is-active .account-section__edit-tag .simple-icon-btn__icon {
      top: 6px; }
    .account-section__table--saved .border-table__tr.is-active .account-section__edit-tag .simple-icon-btn__text {
      -webkit-transform: translateY(1px);
              transform: translateY(1px); }
  .account-section__table--saved .border-table__tr.is-locked .js-status-btn,
  .account-section__table--saved .border-table__tr.is-locked .js-update-tags {
    pointer-events: none; }
  @media (min-width: 1025px) {
    .account-section__table--saved .border-table__tr.is-locked .border-table__td:hover .account-section__edit-tag {
      opacity: 0; } }

.account-section__table--rma-doa .border-table {
  min-width: 1024px; }

.account-section__table--technical .border-table {
  min-width: 730px; }

.account-section__table--updates {
  border-top: none;
  overflow-y: hidden;
  padding-bottom: 100px; }
  .account-section__table--updates th td {
    padding-right: 32px; }

@media (max-width: 850px) {
  .account-section__filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }

@media (max-width: 767px) {
  .account-section__filters {
    width: 100%; } }

.account-section__filter {
  margin-right: 8px; }
  @media (max-width: 850px) {
    .account-section__filter {
      margin-bottom: 8px; }
      .account-section__filter:last-child {
        margin-bottom: 0; } }
  @media (max-width: 767px) {
    .account-section__filter {
      width: 100%;
      margin-right: 0; }
      .account-section__filter:last-child {
        margin-bottom: 16px; }
    .account-section__filter .basic-form__select-wrap {
      width: 100%; } }

.account-section__filter-heading {
  margin-right: 8px; }
  @media (max-width: 767px) {
    .account-section__filter-heading {
      display: block;
      margin-right: 0;
      margin-bottom: 4px; } }

.account-section__tags-deisply {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.account-section__tags {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  .account-section__tags .tag-btn {
    margin-bottom: 4px; }

.account-section__edit-tag {
  padding: 4px;
  -webkit-transition: all 0.3s !important;
  transition: all 0.3s !important; }
  @media (min-width: 1025px) {
    .account-section__edit-tag {
      opacity: 0; } }

@media (min-width: 768px) {
  .account-section__btns .simple-icon-btn {
    margin-left: 24px; } }

@media (max-width: 767px) {
  .account-section__btns .simple-icon-btn {
    margin-bottom: 16px; } }

.account-section__search {
  border-top: 1px solid #EAEAEA;
  padding: 20px 0;
  display: none; }
  .account-section__search .inline-search {
    margin-top: 0; }
  .account-section__search .fill-btn.fill-btn--m {
    padding: 8px 16px; }

.account-section__search-wrap {
  margin-right: 16px; }
  .account-section__search-wrap:last-child {
    margin-right: 0; }
  @media (max-width: 850px) {
    .account-section__search-wrap {
      margin: 8px 0; } }
  @media (max-width: 767px) {
    .account-section__search-wrap {
      width: 100%; } }
  @media (min-width: 768px) {
    .account-section__search-wrap .inline-search {
      display: inline; } }
  .account-section__search-wrap .inline-search__input {
    height: 38px;
    width: 200px; }
  .account-section__search-wrap .inline-search__btn {
    -webkit-transform: translate(-5px, -1px);
            transform: translate(-5px, -1px); }
  .account-section__search-wrap .basic-form__select[name="status"] {
    width: 200px; }
  @media (min-width: 1025px) {
    .account-section__search-wrap .basic-form__select-wrap {
      min-width: 110px; } }

body.JAJP .account-section__search-wrap .inline-search__input {
  width: 232px; }
  @media (max-width: 767px) {
    body.JAJP .account-section__search-wrap .inline-search__input {
      width: 216px; } }

.account-section__unsaved-wrap {
  top: 160px;
  left: 0;
  z-index: 20;
  display: none; }

.account-section__unsaved-block {
  color: #FFFFFF;
  background-color: #484848;
  padding: 20px 24px; }
  @media (max-width: 1024px) {
    .account-section__unsaved-block {
      top: 120px; } }
  .account-section__unsaved-block > span {
    font-size: 1.5em;
    margin-right: 8px; }
  .account-section__unsaved-block .simple-icon-btn {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px); }
    .account-section__unsaved-block .simple-icon-btn.simple-icon-btn--main {
      -webkit-transition: color 0.3s;
      transition: color 0.3s;
      color: #3EE9CB; }
      @media (min-width: 1025px) {
        .account-section__unsaved-block .simple-icon-btn.simple-icon-btn--main:hover {
          color: rgba(62, 233, 203, 0.8); } }

.account-section__no-result {
  color: #858585;
  font-weight: 200; }

.account-section__updates {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .account-section__updates > div {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    .account-section__updates > div h4 {
      font-size: 16px;
      margin-bottom: 4px; }
    .account-section__updates > div span {
      color: #484848; }

.account-section__border-btn {
  min-width: 105px;
  font-size: 14px;
  padding: 4px 8px; }
  .account-section__border-btn.border-btn {
    text-transform: none; }
  .account-section__border-btn.border-btn--main {
    border: 1px solid #008787; }

.account-section-status {
  padding: 24px 0;
  background-color: #F4F4F4; }
  .account-section-status h4 {
    color: #484848;
    font-weight: 700; }
  .account-section-status h3 {
    font-weight: 700; }
  @media (min-width: 851px) {
    .account-section-status p {
      margin-left: 8px; } }
  @media (max-width: 850px) {
    .account-section-status p {
      margin-top: 8px; } }

.account-section__pagination {
  bottom: 48px;
  left: 0; }

@media (min-width: 768px) {
  .account-section__info-msg {
    margin-left: 20px; } }

@media (max-width: 767px) {
  .account-section__info-msg {
    display: block;
    margin-top: 20px; } }

.article__main-section.main-section {
  padding-top: 0; }

.article__main-section .container {
  max-width: 968px; }

.article__main-section .module-block {
  margin: 1em;
  padding: 0; }
  @media (min-width: 768px) {
    .article__main-section .module-block {
      padding: 0;
      margin-top: 2.5em;
      margin-bottom: 2.5em; } }
  @media (max-width: 767px) {
    .article__main-section .module-block {
      font-size: 0.9em;
      margin-left: 0;
      margin-right: 0; } }
  .article__main-section .module-block .module-block__title {
    font-size: 2.5em;
    line-height: 1.1em;
    font-weight: 300; }
    @media (max-width: 767px) {
      .article__main-section .module-block .module-block__title {
        font-size: 2em; } }
  .article__main-section .module-block .module-block__content {
    color: #1F1F1F;
    line-height: 1.625em; }
    .article__main-section .module-block .module-block__content h2 {
      font-weight: 700;
      font-size: 18px; }
    .article__main-section .module-block .module-block__content p {
      line-height: 1.625em;
      letter-spacing: 0; }
      .article__main-section .module-block .module-block__content p a {
        color: #008787;
        display: inline;
        word-break: break-word; }
      .article__main-section .module-block .module-block__content p img {
        display: inline; }
    @media (max-width: 550px) {
      .article__main-section .module-block .module-block__content ul, .article__main-section .module-block .module-block__content ol {
        padding-left: 16px; } }
    .article__main-section .module-block .module-block__content ul ul, .article__main-section .module-block .module-block__content ul ol, .article__main-section .module-block .module-block__content ol ul, .article__main-section .module-block .module-block__content ol ol {
      padding-left: 16px;
      margin-top: 4px; }
      .article__main-section .module-block .module-block__content ul ul > li:before, .article__main-section .module-block .module-block__content ul ol > li:before, .article__main-section .module-block .module-block__content ol ul > li:before, .article__main-section .module-block .module-block__content ol ol > li:before {
        background-color: transparent;
        border: 1px solid #858585; }
    .article__main-section .module-block .module-block__content ul > li:before, .article__main-section .module-block .module-block__content ol > li:before {
      top: 7px; }
    .article__main-section .module-block .module-block__content ol {
      counter-reset: list;
      list-style-type: none; }
      .article__main-section .module-block .module-block__content ol li:before {
        content: counter(list) ".";
        counter-increment: list;
        top: 0;
        background-color: transparent; }
    .article__main-section .module-block .module-block__content hr {
      border: 0.5px solid #D6D6D6;
      margin-bottom: 40px; }
      @media (max-width: 767px) {
        .article__main-section .module-block .module-block__content hr {
          margin-bottom: 24px; } }
    .article__main-section .module-block .module-block__content > *:not(:last-child):not(img):not(.module-block__video) {
      margin-bottom: 2rem; }
      @media (max-width: 767px) {
        .article__main-section .module-block .module-block__content > *:not(:last-child):not(img):not(.module-block__video) {
          margin-bottom: 1.5em; } }
    .article__main-section .module-block .module-block__content:last-child {
      padding-bottom: 2rem; }
    .article__main-section .module-block .module-block__content > p > div {
      margin-top: 2.5em;
      margin-bottom: 2.5em; }
    .article__main-section .module-block .module-block__content .module-block__video {
      float: none;
      clear: both;
      width: 100%;
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 25px;
      height: 0; }
    .article__main-section .module-block .module-block__content .module-block__video iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .article__main-section .module-block .module-block__content img {
      max-width: 100%;
      width: auto; }
      @media (max-width: 550px) {
        .article__main-section .module-block .module-block__content img {
          height: auto !important; } }
    .article__main-section .module-block .module-block__content .video-thumbnail img {
      width: 100% !important;
      height: 100% !important; }
    .article__main-section .module-block .module-block__content .inline-section {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .article__main-section .module-block .module-block__content .inline-section img {
        margin-bottom: 0; }
        .article__main-section .module-block .module-block__content .inline-section img:first-child {
          margin-right: 1em; }
      .article__main-section .module-block .module-block__content .inline-section.inline-section--center {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
  .article__main-section .module-block .article__tag-heading {
    color: #204a88;
    font-size: 1em;
    line-height: 1.625em;
    margin-bottom: 0; }
  .article__main-section .module-block .article__tag-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .article__main-section .module-block .article__tag {
    font-size: 0.875em;
    color: #979797;
    padding-right: 1.714em;
    padding-top: 0.785em; }
    .article__main-section .module-block .article__tag:hover {
      color: #008787; }
  .article__main-section .module-block.module-block--border-bottom {
    border-bottom: 1px solid #E4E4E4; }
  .article__main-section .module-block .article__comment-heading,
  .article__main-section .module-block .article__feedback-heading {
    font-size: 1.125em;
    line-height: 1.444em;
    font-weight: 700;
    padding-top: 0.888em;
    padding-bottom: 1.333em;
    text-align: center; }
  .article__main-section .module-block .article__comment {
    -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; }
    .article__main-section .module-block .article__comment textarea {
      max-width: 550px;
      width: 100%;
      margin-bottom: 1.5em; }
    .article__main-section .module-block .article__comment [type="submit"] {
      padding: 0.875em 0;
      font-size: 1em;
      min-width: 120px; }
    .article__main-section .module-block .article__comment .article__comment-error-text {
      color: #E26C6C;
      margin-bottom: 1em; }
  .article__main-section .module-block .article__feedback-heading {
    padding-top: 1.111em;
    padding-bottom: 3.142em; }
  .article__main-section .module-block .article__feedback-subheading {
    font-size: 0.875em;
    line-height: 1.857em;
    opacity: 0.5;
    text-align: center;
    margin-bottom: 3.142em; }
  @media (min-width: 551px) {
    .article__main-section .module-block .satellite-feedback {
      margin-left: -31px;
      margin-right: -31px; }
    .article__main-section .module-block .js-save-tag {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
    .article__main-section .module-block .save-note-block {
      text-align: right;
      margin-top: 0.5em; } }
  @media (max-width: 550px) {
    .article__main-section .module-block .save-note-block {
      display: none !important; } }
  .article__main-section .module-block .loading-spinner {
    opacity: 0;
    position: absolute;
    z-index: 0;
    margin: 0;
    background-color: transparent;
    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;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    .article__main-section .module-block .loading-spinner.visible {
      opacity: 1;
      z-index: 3;
      width: 100%;
      height: 100%; }
    .article__main-section .module-block .loading-spinner__spinner {
      display: block;
      width: 32px;
      height: 32px;
      background-repeat: no-repeat;
      background-image: url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wCHh8bj44TExLbc3JrPzzagoFavr9js7OTx8bzf3x6VlQSIiAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQACgABACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQACgACACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkEAAoAAwAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkEAAoABAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAAKAAUALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAAKAAYALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQACgAHACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAAKAAgALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAAKAAkALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQACgAKACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkEAAoACwAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==); }
  .article__main-section .module-block.module-block--comment {
    position: relative; }

.article__main-section .module-block__header-img {
  max-width: 100%;
  width: 100%; }

.article__main-section .article__tag-section {
  padding-bottom: 2.5em; }

.article__main-section .article__subscribe-section {
  color: #FFFFFF;
  padding: 3em 6em; }
  @media (max-width: 767px) {
    .article__main-section .article__subscribe-section {
      padding: 1.5em 3em; } }
  @media (max-width: 550px) {
    .article__main-section .article__subscribe-section {
      padding: 1.5em 1.5em; } }
  .article__main-section .article__subscribe-section .basic-form__input {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 333px;
    height: 44px;
    border: 1px solid #ADADAD;
    background-color: #FFFFFF;
    font-size: 14px;
    line-height: 16px;
    padding: 13px 16px;
    color: #202020; }
    @media (max-width: 550px) {
      .article__main-section .article__subscribe-section .basic-form__input {
        margin-bottom: 1em; } }
  .article__main-section .article__subscribe-section .article__subscribe-heading {
    font-size: 2.5em;
    line-height: 1.2em;
    font-weight: 300;
    margin-bottom: 0.6em; }
  .article__main-section .article__subscribe-section .article__subscribe-paragraph {
    font-size: 1.375em;
    line-height: 1.318em;
    margin-bottom: 1.454em; }
  @media (max-width: 767px) {
    .article__main-section .article__subscribe-section .article__subscribe-text {
      font-size: 0.7em; } }
  .article__main-section .article__subscribe-section .input-group .fill-btn {
    font-size: 16px;
    padding: 0.75em 0;
    line-height: 1; }
    .article__main-section .article__subscribe-section .input-group .fill-btn:hover {
      background-color: #FFFFFF;
      color: #008787; }
  @media (max-width: 550px) {
    .article__main-section .article__subscribe-section .input-group {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }

.breadcrumb + .article__main-section.main-section {
  padding-top: 2.5em; }

.module-container .module-block--container {
  max-width: 743px;
  margin-left: auto;
  margin-right: auto; }
  .module-container .module-block--container-small {
    position: relative;
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3em; }

@media (max-width: 767px) {
  .module-container {
    margin: 1em auto; } }

.module-container .module-block__date {
  padding: 0;
  border-bottom: 0; }

.module-container .module-block__save-btn {
  margin-left: auto; }
  @media (min-width: 1025px) {
    .module-container .module-block__save-btn:hover .simple-icon-btn__text a,
    .module-container .module-block__save-btn:hover .simple-icon-btn__icon {
      color: #979797;
      opacity: 0.7; } }
  @media (max-width: 550px) {
    .module-container .module-block__save-btn {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      margin-top: 1em; } }
  .module-container .module-block__save-btn .simple-icon-btn__text a,
  .module-container .module-block__save-btn .simple-icon-btn__icon {
    font-size: 0.875em;
    line-height: 1.214em;
    font-weight: 700;
    color: #979797;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s; }
  .module-container .module-block__save-btn .simple-icon-btn__text {
    padding-right: 5px; }
  .module-container .module-block__save-btn .simple-icon-btn__icon {
    position: static; }
  .module-container .module-block__save-btn .simple-icon-btn__text a {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .module-container .module-block__save-btn .simple-icon-btn__text a i {
      margin-left: 0.5em; }

@media (min-width: 1025px) {
  .module-container .module-block__side-vertical {
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-transform: translateX(-6em);
            transform: translateX(-6em); } }

@media (max-width: 1024px) {
  .module-container .module-block__side-vertical {
    margin-bottom: 2em;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; } }

@media (min-width: 1025px) {
  .module-container .module-block__side-vertical .media-list {
    -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; } }

.module-container .module-block__side-vertical .media-list .media-list__item {
  margin-right: 0; }
  @media (min-width: 1025px) {
    .module-container .module-block__side-vertical .media-list .media-list__item:first-child {
      margin-top: 0.5em; }
    .module-container .module-block__side-vertical .media-list .media-list__item:not(:first-child) {
      margin-top: 1em; } }
  @media (max-width: 1024px) {
    .module-container .module-block__side-vertical .media-list .media-list__item:not(:last-child) {
      margin-right: 0.5em; } }
  .module-container .module-block__side-vertical .media-list .media-list__item .media-list__icon {
    font-size: 1.5em; }

@media (max-width: 1024px) {
  .module-container .module-block__side-vertical .media-list {
    margin-right: 0.5em; } }

.module-container .module-block__side-vertical .module-block__side-vertical-heading {
  font-size: 0.875em;
  line-height: 1.857em;
  color: #979797;
  font-weight: 700; }
  @media (min-width: 1025px) {
    .module-container .module-block__side-vertical .module-block__side-vertical-heading {
      margin-bottom: 0.5em; } }
  @media (max-width: 1024px) {
    .module-container .module-block__side-vertical .module-block__side-vertical-heading {
      display: none; } }

@media (max-width: 550px) {
  .module-container .module-block__side-vertical .module-block__save-btn {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; } }

.module-block__author-img {
  width: 3em;
  height: 3em;
  background-color: #FFFFFF;
  border-radius: 50%;
  margin-right: 0.5em; }

.module-block__date,
.module-block__author-name {
  font-size: 0.875em;
  line-height: 1.214em; }

.module-block__author-name {
  color: #008787;
  font-weight: 700;
  -webkit-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out; }

.module-block__date {
  font-style: normal;
  color: #979797;
  margin: 0; }

.module-block__heading-info {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.module-block__info-detail {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline; }
  .module-block__info-detail a:hover .module-block__author-name {
    opacity: 0.5; }

.ZHCN .module-block__side-vertical-heading {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright; }

.articles-section {
  margin: 0 -0.875em; }
  .articles-section .img-card {
    margin: 0; }
    .articles-section .img-card .img-card__wrapper {
      position: relative;
      overflow: hidden; }
    .articles-section .img-card .img-card__wrapper, .articles-section .img-card .img-card__main {
      min-height: 396px;
      height: 100%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    .articles-section .img-card .img-card__overlay-container {
      -webkit-transform: translateY(100%);
              transform: translateY(100%);
      -webkit-transition: -webkit-transform .18s ease-in;
      transition: -webkit-transform .18s ease-in;
      transition: transform .18s ease-in;
      transition: transform .18s ease-in, -webkit-transform .18s ease-in;
      position: absolute;
      bottom: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background-size: cover;
      z-index: 3; }
      .articles-section .img-card .img-card__overlay-container .img-card__overlay-content {
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 1.5em; }
      .articles-section .img-card .img-card__overlay-container .img-card__overlay-text, .articles-section .img-card .img-card__overlay-container .img-card__overlay-title {
        opacity: 0;
        -webkit-transition: opacity .5s ease-out;
        transition: opacity .5s ease-out; }
      .articles-section .img-card .img-card__overlay-container .img-card__overlay-background {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-size: cover; }
        .articles-section .img-card .img-card__overlay-container .img-card__overlay-background .img-card__overlay {
          height: 100%;
          width: 100%;
          background-color: rgba(0, 0, 0, 0.72); }
      .articles-section .img-card .img-card__overlay-container .img-card__heading, .articles-section .img-card .img-card__overlay-container .img-card__paragraph, .articles-section .img-card .img-card__overlay-container .img-card__info-detail * {
        color: #FFFFFF; }
      .articles-section .img-card .img-card__overlay-container .img-card__info {
        padding-top: 1.5em;
        position: relative; }
    @media (min-width: 551px) {
      .articles-section .img-card:hover .img-card__overlay-container {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        -webkit-transition: -webkit-transform .25s ease-out;
        transition: -webkit-transform .25s ease-out;
        transition: transform .25s ease-out;
        transition: transform .25s ease-out, -webkit-transform .25s ease-out;
        background-color: black; }
      .articles-section .img-card:hover .img-card__overlay-text {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0); } }
    .articles-section .img-card .img-card--s .img-card__img {
      padding-top: 44.2%; }
  .articles-section.cards-column-4 .img-card {
    padding: 0.875em; }
    @media (min-width: 1025px) {
      .articles-section.cards-column-4 .img-card {
        width: 25%; } }
    @media (max-width: 1024px) {
      .articles-section.cards-column-4 .img-card {
        width: 33.33%; } }
    @media (max-width: 767px) {
      .articles-section.cards-column-4 .img-card {
        width: 100%; } }
  .articles-section.cards-column-3 .img-card {
    padding: 0.875em; }
    @media (min-width: 1025px) {
      .articles-section.cards-column-3 .img-card:nth-child(-n+3) {
        padding-top: 0; } }
    @media (max-width: 767px) {
      .articles-section.cards-column-3 .img-card:first-child {
        padding-top: 0; } }
    @media (min-width: 768px) {
      .articles-section.cards-column-3 .img-card {
        width: 33.33%; } }
    @media (max-width: 767px) {
      .articles-section.cards-column-3 .img-card {
        width: 100%; } }
  .articles-section .img-card__link {
    color: #979797; }
  .articles-section .img-card__animation {
    height: 100%; }
  .articles-section .img-card__container {
    padding: 1em 1.5em; }
    @media (max-width: 767px) {
      .articles-section .img-card__container {
        padding: 1em; } }
  .articles-section .img-card__heading {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.375em;
    color: #202020; }
  .articles-section .img-card__paragraph {
    font-size: 0.875em;
    line-height: 1.428em; }
  .articles-section .article-pagination {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%; }

body.JAJP .articles-section .img-card__heading {
  font-size: 20px; }

body.JAJP .articles-section .img-card__paragraph {
  line-height: 1.5em; }

.img-card__info {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 1em;
  min-height: 3em; }
  .img-card__info .img-card__author-img {
    width: 3em;
    height: 3em;
    background-color: #FFFFFF;
    border-radius: 50%; }
  .img-card__info .img-card__author-name {
    font-size: 0.875em;
    line-height: 1.0625rem;
    color: #979797;
    font-weight: 700; }
    .img-card__info .img-card__author-name + .img-card__date {
      margin-top: 0; }
  .img-card__info .img-card__author-img-container {
    margin-right: 1em; }
  .img-card__info .img-card__info-detail {
    line-height: 1.375em; }
  .img-card__info .img-card__date {
    font-size: 0.75em;
    line-height: 1.166em;
    font-style: normal;
    color: #979797;
    letter-spacing: normal;
    margin-top: 1.833em; }

.main-section.articles__main-section {
  padding-top: 2em; }
  .main-section.articles__main-section .img-card--s .img-card__img {
    padding-top: 44.2%; }
  .main-section.articles__main-section .basic-pagination {
    margin-top: 2em; }
  .main-section.articles__main-section--author {
    padding-bottom: 0.875em;
    padding-top: 64px; }
    @media (max-width: 767px) {
      .main-section.articles__main-section--author {
        padding-top: 2em; } }
    .main-section.articles__main-section--author h2 {
      line-height: 1.21429em;
      margin: 0 0 32px; }

@media (min-width: 768px) {
  .code-of-conduct p {
    font-size: 1.125rem; } }

.code-of-conduct h3 {
  font-size: 1.125rem;
  margin-top: 3rem;
  margin-bottom: 1.5rem;
  text-align: center;
  font-weight: 700; }
  @media (min-width: 768px) {
    .code-of-conduct h3 {
      font-size: 1.5rem; } }

.code-of-conduct.text-editor > * {
  margin-bottom: 1.5rem; }

.code-of-conduct h4 {
  font-size: 1rem;
  margin-bottom: 0.5rem !important;
  color: #204a88;
  font-weight: 400; }
  @media (min-width: 768px) {
    .code-of-conduct h4 {
      font-size: 1.25rem; }
  .code-of-conduct ul {
    font-size: 1.125rem; } }

.code-of-conduct ul li {
  padding-left: 1.5rem; }
  .code-of-conduct ul li::before {
    width: 0.25rem;
    height: 0.25rem;
    margin: 0.5rem;
    top: 2px; }

.compare-section {
  padding: 24px 0; }

.compare-section__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  min-width: 992px; }
  .compare-section__top:before,
  .compare-section__top .compare-section__ie-block {
    content: '';
    width: calc(99.9% * 1/6);
    background-color: #FFFFFF; }
  .compare-section__top:before:nth-child(1n),
  .compare-section__top .compare-section__ie-block:nth-child(1n) {
    float: left;
    margin-right: 0;
    clear: none; }
  .compare-section__top:before:last-child,
  .compare-section__top .compare-section__ie-block:last-child {
    margin-right: 0; }
  .compare-section__top:before:nth-child(2n),
  .compare-section__top .compare-section__ie-block:nth-child(2n) {
    margin-right: 0;
    float: right; }
  .compare-section__top:before:nth-child(2n + 1),
  .compare-section__top .compare-section__ie-block:nth-child(2n + 1) {
    clear: both; }

.compare-section__main {
  overflow-x: auto; }
  .compare-section__main-inner {
    min-width: 992px;
    max-width: 100%; }

.compare-section__top-wrap {
  width: calc(99.9% * 5/6);
  padding-bottom: 1rem;
  background-color: #FFFFFF; }

.compare-section__top-wrap:nth-child(1n) {
  float: left;
  margin-right: 0;
  clear: none; }

.compare-section__top-wrap:last-child {
  margin-right: 0; }

.compare-section__top-wrap:nth-child(2n) {
  margin-right: 0;
  float: right; }

.compare-section__top-wrap:nth-child(2n + 1) {
  clear: both; }

.compare-section__sticky {
  position: sticky;
  top: -110px;
  overflow-x: hidden; }
  @media (max-width: 1024px) {
    .compare-section__sticky {
      top: -60px; } }

.product-card {
  width: calc(99.9% * 1/4 - (24px - 24px * 1/4));
  padding: 0 16px; }

.product-card:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.product-card:last-child {
  margin-right: 0; }

.product-card:nth-child(4n) {
  margin-right: 0;
  float: right; }

.product-card:nth-child(4n + 1) {
  clear: both; }
  .product-card:nth-child(1n) {
    margin-right: 18px; }
  .product-card:nth-child(4n) {
    float: left; }

.compare-section__controls {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-bottom: 32px; }
  @media (max-width: 1024px) {
    .compare-section__controls {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
      .compare-section__controls .arrow-btn {
        margin-bottom: 16px; } }

.compare-section__block {
  border-top: 1px solid #EAEAEA; }

.compare-section__title {
  width: calc(99.9% * 1/6);
  color: #858585;
  padding: 16px 8px; }

.compare-section__title:nth-child(1n) {
  float: left;
  margin-right: 0;
  clear: none; }

.compare-section__title:last-child {
  margin-right: 0; }

.compare-section__title:nth-child(5n) {
  margin-right: 0;
  float: right; }

.compare-section__title:nth-child(5n + 1) {
  clear: both; }

.compare-section__details {
  width: calc(99.9% * 5/6); }

.compare-section__details:nth-child(1n) {
  float: left;
  margin-right: 0;
  clear: none; }

.compare-section__details:last-child {
  margin-right: 0; }

.compare-section__details:nth-child(5n) {
  margin-right: 0;
  float: right; }

.compare-section__details:nth-child(5n + 1) {
  clear: both; }

.compare-section__list .column {
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s; }

@media (max-width: 1024px) {
  .compare-section__list .column--4.column--no-gap .column__item {
    width: calc(99.9% * 1/4); }
  .compare-section__list .column--4.column--no-gap .column__item:nth-child(1n) {
    float: left;
    margin-right: 0;
    clear: none; }
  .compare-section__list .column--4.column--no-gap .column__item:last-child {
    margin-right: 0; }
  .compare-section__list .column--4.column--no-gap .column__item:nth-child(4n) {
    margin-right: 0;
    float: right; }
  .compare-section__list .column--4.column--no-gap .column__item:nth-child(4n + 1) {
    clear: both; }
    .compare-section__list .column--4.column--no-gap .column__item:nth-child(-n+4) {
      margin-top: 0; } }

.compare-section__list.is-active .column {
  background-color: rgba(0, 168, 226, 0.1); }

.compare-section__info {
  padding: 16px;
  color: #484848;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s; }
  .compare-section__info span {
    font-size: 0.937em;
    margin-bottom: 2px; }
  .compare-section__info b {
    margin-bottom: 8px; }

.contact-form-section .close {
  position: absolute;
  top: -1rem;
  right: 2rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 1rem; }
  @media (min-width: 768px) {
    .contact-form-section .close {
      top: -2rem; } }

.featured-section {
  background-color: #FFFFFF; }
  @media (min-width: 768px) {
    .featured-section {
      padding: 64px 0; } }
  @media (max-width: 767px) {
    .featured-section {
      padding: 32px 0; } }

.featured-section__subheading {
  color: #204a88;
  margin-bottom: 16px;
  font-weight: 700; }

.featured-section__heading {
  line-height: 1.35em;
  margin-bottom: 16px; }
  @media (max-width: 767px) {
    .featured-section__heading {
      font-size: 1.1em; } }

@media (min-width: 1025px) {
  .featured-section__btn:hover .featured-section__icon {
    opacity: 1; } }

.featured-section__img {
  padding-top: 66%; }
  .featured-section__img:before {
    content: '';
    top: 0;
    left: 0;
    background-color: rgba(0, 135, 135, 0.2); }

.featured-section__icon {
  color: #FFFFFF;
  font-size: 40px;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
  opacity: 0.8;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }

.four-col-card-section .card-blocks {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1rem;
  gap: 1rem; }
  @media (min-width: 851px) {
    .four-col-card-section .card-blocks {
      grid-template-columns: repeat(4, 1fr); } }
  @media (min-width: 768px) {
    .four-col-card-section .card-blocks {
      gap: 1.5rem; } }
  .four-col-card-section .card-blocks .header-card {
    width: 100%;
    height: 100%; }
    @media (min-width: 551px) {
      .four-col-card-section .card-blocks .header-card__icon {
        width: 3.625rem;
        height: 3.625rem;
        margin-bottom: 1.5rem; } }
    .four-col-card-section .card-blocks .header-card__heading {
      color: #008787;
      margin-bottom: 0.5rem; }
    .four-col-card-section .card-blocks .header-card > *:last-child {
      margin-bottom: 0; }
    .four-col-card-section .card-blocks .header-card .header-card__paragraph {
      color: #202020; }
      @media (max-width: 1280px) {
        .four-col-card-section .card-blocks .header-card .header-card__paragraph br {
          display: none; } }

body.JAJP .four-col-card-section .header-card__heading {
  font-size: 1.125rem; }

@media (min-width: 768px) {
  .full-width-four-col-section .two-col-grid {
    grid-template-columns: auto; } }

@media (max-width: 767px) {
  .full-width-four-col-section .two-col-grid > .col:not(:last-child) {
    margin-bottom: 2rem; } }

.galaxy-section {
  color: #FFFFFF; }
  @media (min-width: 768px) {
    .galaxy-section {
      padding: 64px 0; } }
  @media (max-width: 767px) {
    .galaxy-section {
      padding: 32px 0; } }

.galaxy-section__heading {
  font-weight: 700;
  font-size: 1.625em;
  margin-bottom: 40px; }

body.ZHCN .galaxy-section__heading {
  letter-spacing: .085em; }

.galaxy-section__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around; }
  @media (max-width: 767px) {
    .galaxy-section__container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

@media (min-width: 768px) {
  .galaxy-section__block {
    padding: 0 12px; } }

@media (max-width: 767px) {
  .galaxy-section__block {
    padding: 0;
    margin-bottom: 16px; } }

@media (min-width: 851px) {
  .galaxy-section__number {
    font-family: "Neue Helvetica W01", Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
    font-weight: 200;
    font-size: 4.375em;
    letter-spacing: 0;
    line-height: normal; } }

@media (max-width: 850px) {
  .galaxy-section__number {
    font-family: "Neue Helvetica W01", Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
    font-weight: 200;
    font-size: 3.5em;
    letter-spacing: 0;
    line-height: normal; } }

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

@media (max-width: 767px) {
  .galaxy-section__number {
    margin-bottom: 0;
    font-size: 2.5em; } }

@media (min-width: 851px) {
  .ZHCN .galaxy-section__number {
    font-family: "微軟雅黑體", "Microsoft YaHei", "Neue Helvetica W01", Helvetica, Arial, sans-serif;
    font-weight: 200;
    font-size: 4.375em;
    letter-spacing: 0;
    line-height: normal; } }

@media (max-width: 850px) {
  .ZHCN .galaxy-section__number {
    font-family: "微軟雅黑體", "Microsoft YaHei", "Neue Helvetica W01", Helvetica, Arial, sans-serif;
    font-weight: 200;
    font-size: 3.5em;
    letter-spacing: 0;
    line-height: normal; } }

@media (min-width: 851px) {
  .JAJP .galaxy-section__number {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 200;
    font-size: 4.375em;
    letter-spacing: 0;
    line-height: normal; } }

@media (max-width: 850px) {
  .JAJP .galaxy-section__number {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 200;
    font-size: 3.5em;
    letter-spacing: 0;
    line-height: normal; } }

.galaxy-section__subheading {
  font-family: "Neue Helvetica W01", Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
  font-weight: 700;
  font-size: 1em;
  letter-spacing: 1px;
  line-height: normal; }
  .galaxy-section__subheading--l {
    font-size: 1.5rem; }

body.ZHCN .galaxy-section__subheading {
  font-family: "微軟雅黑體", "Microsoft YaHei", "Neue Helvetica W01", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 1em;
  letter-spacing: 0.05em;
  line-height: normal; }

body.JAJP .galaxy-section__subheading {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  font-size: 1em;
  letter-spacing: 0.05em;
  line-height: normal; }

.galaxy-bg {
  top: 0;
  left: 0; }

.galaxy-bg--blue {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#0F89A8), color-stop(70%, #337FB9));
  background-image: linear-gradient(to top, #0F89A8 0%, #337FB9 70%); }

.galaxy-bg--white {
  background-color: #FAFDFD; }

.grid-section__card {
  margin-bottom: 24px;
  -webkit-transition: -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
  transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;
  transition: transform 0.3s ease-out, box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; }
  @media (min-width: 768px) {
    .grid-section__card.grid-section__card--l {
      width: calc(99.9% * 2/3 - (24px - 24px * 2/3)); }
    .grid-section__card.grid-section__card--l:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .grid-section__card.grid-section__card--l:last-child {
      margin-right: 0; }
    .grid-section__card.grid-section__card--l:nth-child(2n) {
      margin-right: 0;
      float: right; }
    .grid-section__card.grid-section__card--l:nth-child(2n + 1) {
      clear: both; } }
  @media (max-width: 767px) {
    .grid-section__card.grid-section__card--l {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
    .grid-section__card.grid-section__card--l:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .grid-section__card.grid-section__card--l:last-child {
      margin-right: 0; }
    .grid-section__card.grid-section__card--l:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .grid-section__card.grid-section__card--l:nth-child(1n + 1) {
      clear: both; } }
  @media (min-width: 768px) {
    .grid-section__card.grid-section__card--h {
      width: calc(99.9% * 1/3 - (24px - 24px * 1/3)); }
    .grid-section__card.grid-section__card--h:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .grid-section__card.grid-section__card--h:last-child {
      margin-right: 0; }
    .grid-section__card.grid-section__card--h:nth-child(2n) {
      margin-right: 0;
      float: right; }
    .grid-section__card.grid-section__card--h:nth-child(2n + 1) {
      clear: both; } }
  @media (max-width: 767px) {
    .grid-section__card.grid-section__card--h {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
    .grid-section__card.grid-section__card--h:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .grid-section__card.grid-section__card--h:last-child {
      margin-right: 0; }
    .grid-section__card.grid-section__card--h:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .grid-section__card.grid-section__card--h:nth-child(1n + 1) {
      clear: both; } }
  @media (min-width: 768px) {
    .grid-section__card.grid-section__card--m {
      width: calc(99.9% * 2/3 - (24px - 24px * 2/3)); }
    .grid-section__card.grid-section__card--m:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .grid-section__card.grid-section__card--m:last-child {
      margin-right: 0; }
    .grid-section__card.grid-section__card--m:nth-child(2n) {
      margin-right: 0;
      float: right; }
    .grid-section__card.grid-section__card--m:nth-child(2n + 1) {
      clear: both; } }
  @media (max-width: 767px) {
    .grid-section__card.grid-section__card--m {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
    .grid-section__card.grid-section__card--m:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .grid-section__card.grid-section__card--m:last-child {
      margin-right: 0; }
    .grid-section__card.grid-section__card--m:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .grid-section__card.grid-section__card--m:nth-child(1n + 1) {
      clear: both; } }
  .grid-section__wrap .grid-section__card.grid-section__card--m {
    width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
  .grid-section__wrap .grid-section__card.grid-section__card--m:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .grid-section__wrap .grid-section__card.grid-section__card--m:last-child {
    margin-right: 0; }
  .grid-section__wrap .grid-section__card.grid-section__card--m:nth-child(1n) {
    margin-right: 0;
    float: right; }
  .grid-section__wrap .grid-section__card.grid-section__card--m:nth-child(1n + 1) {
    clear: both; }
  @media (min-width: 768px) {
    .grid-section__card.grid-section__card--s {
      width: calc(99.9% * 1/3 - (24px - 24px * 1/3)); }
    .grid-section__card.grid-section__card--s:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .grid-section__card.grid-section__card--s:last-child {
      margin-right: 0; }
    .grid-section__card.grid-section__card--s:nth-child(2n) {
      margin-right: 0;
      float: right; }
    .grid-section__card.grid-section__card--s:nth-child(2n + 1) {
      clear: both; } }
  @media (max-width: 767px) {
    .grid-section__card.grid-section__card--s {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
    .grid-section__card.grid-section__card--s:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .grid-section__card.grid-section__card--s:last-child {
      margin-right: 0; }
    .grid-section__card.grid-section__card--s:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .grid-section__card.grid-section__card--s:nth-child(1n + 1) {
      clear: both; } }
  .grid-section__wrap .grid-section__card.grid-section__card--s {
    width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
  .grid-section__wrap .grid-section__card.grid-section__card--s:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .grid-section__wrap .grid-section__card.grid-section__card--s:last-child {
    margin-right: 0; }
  .grid-section__wrap .grid-section__card.grid-section__card--s:nth-child(1n) {
    margin-right: 0;
    float: right; }
  .grid-section__wrap .grid-section__card.grid-section__card--s:nth-child(1n + 1) {
    clear: both; }
  @media (min-width: 1025px) {
    .grid-section__card:hover {
      -webkit-transform: translateY(-2px);
              transform: translateY(-2px);
      -webkit-box-shadow: 0 10px 16px 0 rgba(32, 32, 32, 0.12);
              box-shadow: 0 10px 16px 0 rgba(32, 32, 32, 0.12); } }

.grid-section__link {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #202020; }
  @media (min-width: 1025px) {
    .grid-section__link:hover {
      color: rgba(32, 32, 32, 0.8); } }

@media (min-width: 768px) {
  .grid-section__wrap {
    width: calc(99.9% * 1/3 - (24px - 24px * 1/3)); }
  .grid-section__wrap:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .grid-section__wrap:last-child {
    margin-right: 0; }
  .grid-section__wrap:nth-child(2n) {
    margin-right: 0;
    float: right; }
  .grid-section__wrap:nth-child(2n + 1) {
    clear: both; } }

@media (max-width: 767px) {
  .grid-section__wrap {
    width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
  .grid-section__wrap:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none; }
  .grid-section__wrap:last-child {
    margin-right: 0; }
  .grid-section__wrap:nth-child(1n) {
    margin-right: 0;
    float: right; }
  .grid-section__wrap:nth-child(1n + 1) {
    clear: both; } }

.grid-section__card--h + .grid-section__wrap {
  width: calc(99.9% * 2/3 - (24px - 24px * 2/3)); }

.grid-section__card--h + .grid-section__wrap:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.grid-section__card--h + .grid-section__wrap:last-child {
  margin-right: 0; }

.grid-section__card--h + .grid-section__wrap:nth-child(2n) {
  margin-right: 0;
  float: right; }

.grid-section__card--h + .grid-section__wrap:nth-child(2n + 1) {
  clear: both; }

.grid-section__card--l .grid-section__bg {
  background-color: #008787; }
  @media (min-width: 768px) {
    .grid-section__card--l .grid-section__bg {
      padding-top: 100%; } }
  @media (max-width: 767px) {
    .grid-section__card--l .grid-section__bg {
      padding-bottom: 50%; } }

.grid-section__card--h .grid-section__bg {
  padding-top: calc(200% + 24px);
  background-color: #008787; }

.grid-section__card--m .grid-section__bg {
  background-color: #FFFFFF; }
  @media (min-width: 768px) {
    .grid-section__card--m .grid-section__bg {
      padding-top: calc(50% - 12px); } }

.grid-section__card--s .grid-section__bg {
  background-color: #FFFFFF; }
  @media (min-width: 768px) {
    .grid-section__card--s .grid-section__bg {
      padding-top: 100%; } }
  @media (max-width: 767px) {
    .grid-section__card--s .grid-section__bg {
      padding-bottom: 50%; }
  .grid-section__card--s:not(.grid-section__card--bg) .grid-section__bg {
    padding: 0; } }

.grid-section__block {
  top: 0;
  left: 0; }
  @media (min-width: 851px) {
    .grid-section__block {
      padding: 40px 32px; } }
  @media (max-width: 850px) {
    .grid-section__block {
      padding: 16px; } }
  @media (min-width: 768px) {
    .grid-section__block {
      position: absolute; } }
  @media (max-width: 767px) {
    .grid-section__block {
      position: relative; } }
  @media (min-width: 768px) {
    .grid-section__block .video-btn,
    .grid-section__block .border-btn,
    .grid-section__block .arrow-btn {
      position: absolute;
      bottom: 40px;
      left: 32px; } }
  .card-bg .grid-section__block .video-btn, .card-bg
  .grid-section__block .border-btn, .card-bg
  .grid-section__block .arrow-btn {
    bottom: 0;
    left: 0; }
  .grid-section__card--reverse .grid-section__block {
    right: 0;
    left: auto; }
  @media (min-width: 768px) {
    .grid-section__card--m .grid-section__block {
      width: 50%; } }
  @media (max-width: 767px) {
    .grid-section__card--m .grid-section__block {
      width: 100%; }
    .grid-section__block .video-btn {
      margin-top: 16px; } }

@media (min-width: 768px) {
  .grid-section__img-wrap {
    position: absolute;
    width: 50%;
    top: 0;
    right: 0; }
    .grid-section__card--reverse .grid-section__img-wrap {
      right: auto;
      left: 0; } }

@media (max-width: 767px) {
  .grid-section__img-wrap {
    position: relative;
    width: 100%; } }

.grid-section__img {
  padding-top: calc(100% - 12px); }

.grid-section__label {
  letter-spacing: 1px;
  color: #204a88;
  margin-bottom: 16px; }
  .grid-section__card--l .grid-section__label,
  .grid-section__card--h .grid-section__label,
  .grid-section__card--bg .grid-section__label {
    color: #FFFFFF; }

body.ZHCN .grid-section__label {
  letter-spacing: .05em; }

.grid-section__heading {
  margin-bottom: 16px; }
  @media (min-width: 851px) {
    .grid-section__heading {
      font-family: "Neue Helvetica W01", Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
      font-weight: 400;
      font-size: 1.625em;
      letter-spacing: 0;
      line-height: normal; } }
  @media (max-width: 850px) {
    .grid-section__heading {
      font-family: "Neue Helvetica W01", Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
      font-weight: 400;
      font-size: 1.25em;
      letter-spacing: 0;
      line-height: normal; } }
  .grid-section__card--l .grid-section__heading,
  .grid-section__card--h .grid-section__heading,
  .grid-section__card--bg .grid-section__heading {
    color: #FFFFFF; }
  @media (min-width: 768px) {
    .grid-section__card--l .grid-section__heading {
      font-family: "Neue Helvetica W01", Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
      font-weight: 200;
      font-size: 3.125em;
      letter-spacing: 1px;
      line-height: normal; } }
  @media (max-width: 767px) {
    .grid-section__card--l .grid-section__heading {
      font-family: "Neue Helvetica W01", Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
      font-weight: 200;
      font-size: 2em;
      letter-spacing: 1px;
      line-height: normal; } }
  .grid-section__card--l .grid-section__heading b {
    font-weight: 700; }

@media (min-width: 851px) {
  body.ZHCN .grid-section__heading {
    font-family: "微軟雅黑體", "Microsoft YaHei", "Neue Helvetica W01", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 1.625em;
    letter-spacing: 0;
    line-height: normal; } }

@media (max-width: 850px) {
  body.ZHCN .grid-section__heading {
    font-family: "微軟雅黑體", "Microsoft YaHei", "Neue Helvetica W01", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 1.25em;
    letter-spacing: 0;
    line-height: normal; } }

@media (min-width: 768px) {
  body.ZHCN .grid-section__card--l .grid-section__heading {
    font-family: "微軟雅黑體", "Microsoft YaHei", "Neue Helvetica W01", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 3.125em;
    letter-spacing: 1px;
    line-height: normal; } }

@media (max-width: 767px) {
  body.ZHCN .grid-section__card--l .grid-section__heading {
    font-family: "微軟雅黑體", "Microsoft YaHei", "Neue Helvetica W01", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 2em;
    letter-spacing: 1px;
    line-height: normal; } }

@media (min-width: 851px) {
  body.JAJP .grid-section__heading {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 500;
    font-size: 1.625em;
    letter-spacing: 0;
    line-height: normal; } }

@media (max-width: 850px) {
  body.JAJP .grid-section__heading {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 500;
    font-size: 1.25em;
    letter-spacing: 0;
    line-height: normal; } }

@media (min-width: 768px) {
  body.JAJP .grid-section__card--l .grid-section__heading {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 500;
    font-size: 2.8em;
    letter-spacing: 1px;
    line-height: normal; } }

@media (max-width: 767px) {
  body.JAJP .grid-section__card--l .grid-section__heading {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 500;
    font-size: 2em;
    letter-spacing: 1px;
    line-height: normal; } }

.grid-section__date {
  letter-spacing: 1px;
  color: #484848;
  font-style: italic;
  margin-bottom: 16px; }

body.JAJP .grid-section__date {
  font-style: normal; }

.grid-section__paragraph {
  color: #484848;
  font-family: "Neue Helvetica W01", Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
  font-weight: 400;
  font-size: 1em;
  letter-spacing: 0;
  line-height: normal; }
  .grid-section__card--l .grid-section__paragraph,
  .grid-section__card--bg .grid-section__paragraph {
    color: #FFFFFF; }

.ZHCN .grid-section__paragraph {
  font-family: "微軟雅黑體", "Microsoft YaHei", "Neue Helvetica W01", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1em;
  letter-spacing: 0;
  line-height: normal; }

.JAJP .grid-section__paragraph {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
  font-size: 1em;
  letter-spacing: 0;
  line-height: normal; }

.ie-warning {
  padding: 1rem;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.2;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 301; }
  .ie-warning .icon {
    margin-right: 1rem; }
  .ie-warning a {
    color: #FFFFFF;
    text-decoration: underline; }
  @media (min-width: 1025px) {
    .ie-warning:not(.hide) + header {
      margin-top: 48px; } }

.iiot-manage-section {
  margin-bottom: 40px; }

@media (min-width: 851px) {
  .iiot-manage-section__blocks {
    position: absolute;
    top: 64px;
    left: 0; } }

@media (max-width: 850px) {
  .iiot-manage-section__blocks {
    margin-bottom: 24px; } }

.iiot-manage-section__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 8px;
  background-color: #EAEAEA; }
  @media (max-width: 850px) {
    .iiot-manage-section__block {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  @media (min-width: 768px) {
    .iiot-manage-section__block {
      height: 214px;
      padding: 24px; } }
  @media (max-width: 767px) {
    .iiot-manage-section__block {
      height: auto;
      padding: 32px 8px; } }
  .iiot-manage-section__block:nth-child(1) .iiot-manage-section__img-subheading {
    left: calc(50% + 70px); }
    @media (max-width: 767px) {
      .iiot-manage-section__block:nth-child(1) .iiot-manage-section__img-subheading {
        left: calc(50% + 48px); } }
  .iiot-manage-section__block:nth-child(2) img:not(.iiot-manage-section__arrow) {
    -webkit-transform: translateX(-46px);
            transform: translateX(-46px); }
    @media (max-width: 767px) {
      .iiot-manage-section__block:nth-child(2) img:not(.iiot-manage-section__arrow) {
        -webkit-transform: translateX(-21px);
                transform: translateX(-21px); } }
  .iiot-manage-section__block:nth-child(2) .iiot-manage-section__img-heading {
    z-index: 5; }
    @media (min-width: 768px) {
      .iiot-manage-section__block:nth-child(2) .iiot-manage-section__img-heading {
        position: absolute;
        bottom: -3px;
        left: 35%; } }
  .iiot-manage-section__block:nth-child(2) .iiot-manage-section__img-subheading:nth-of-type(1) {
    left: calc(50% + 40px);
    width: 95px; }
  .iiot-manage-section__block:nth-child(2) .iiot-manage-section__img-subheading:nth-of-type(2) {
    left: calc(50% - 200px); }
    @media (max-width: 767px) {
      .iiot-manage-section__block:nth-child(2) .iiot-manage-section__img-subheading:nth-of-type(2) {
        width: 95px;
        left: 5px;
        bottom: 10px; } }

.iiot-manage-section__arrow {
  left: calc(50% - 22px);
  bottom: -65px;
  z-index: 2; }
  @media (max-width: 767px) {
    .iiot-manage-section__arrow {
      width: 30px !important;
      left: calc(50% - 15px);
      bottom: -56px; } }

.iiot-manage-section__container {
  float: right;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc(100% - 456px); }
  @media (max-width: 850px) {
    .iiot-manage-section__container {
      width: 100%; } }
  .iiot-manage-section__container img {
    width: auto; }
    @media (max-width: 767px) {
      .iiot-manage-section__container img {
        max-width: 165px; } }

.iiot-manage-section__img-heading {
  margin-bottom: 16px; }

.iiot-manage-section__img-subheading {
  font-weight: 700;
  color: #00B9F2; }

.iiot-manage-section__img-wrap {
  margin-bottom: 16px; }
  .iiot-manage-section__img-wrap img {
    width: 70px; }
    @media (max-width: 767px) {
      .iiot-manage-section__img-wrap img {
        width: 50px; } }

.iiot-manage-section__tabs-part {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 456px;
  z-index: 20; }
  @media (max-width: 850px) {
    .iiot-manage-section__tabs-part {
      width: 100%; } }

.iiot-manage-section__w-block {
  position: relative;
  padding: 24px;
  height: 658px;
  background-color: #FFFFFF; }
  @media (max-width: 850px) {
    .iiot-manage-section__w-block {
      height: auto; } }
  @media (max-width: 767px) {
    .iiot-manage-section__w-block {
      padding: 24px 16px; } }
  .iiot-manage-section__w-block .bullet-list__item {
    color: #484848; }
    .iiot-manage-section__w-block .bullet-list__item span {
      color: #202020; }
  .iiot-manage-section__w-block .js-tab-main {
    display: none; }
    .iiot-manage-section__w-block .js-tab-main.is-active {
      display: block; }

.iiot-manage-section__w-container {
  margin-bottom: 48px; }
  @media (max-width: 767px) {
    .iiot-manage-section__w-container {
      margin-bottom: 24px; } }

.iiot-manage-section__heading {
  font-weight: 700;
  font-size: 1.625em;
  margin-bottom: 32px; }
  @media (max-width: 767px) {
    .iiot-manage-section__heading {
      margin-bottom: 24px;
      font-size: 1.5em; } }

.iiot-manage-section__subheading {
  margin-bottom: 8px; }

.iiot-manage-section__triangles {
  top: 0;
  right: -50px; }
  @media (max-width: 850px) {
    .iiot-manage-section__triangles {
      display: none; } }

.iiot-manage-section__triangle {
  left: calc(40% + 4px);
  width: 0;
  height: 0;
  border-top: 110px solid transparent;
  border-bottom: 110px solid transparent;
  border-left: 50px solid #FFFFFF;
  content: ''; }

.iiot-manage-section__tab {
  padding: 24px 0;
  font-weight: 700;
  background-color: #EAEAEA;
  width: 176px;
  cursor: pointer; }
  .iiot-manage-section__tab.is-active {
    background-color: white; }
  .iiot-manage-section__tab:last-child {
    margin-left: -3px; }
  @media (max-width: 767px) {
    .iiot-manage-section__tab {
      width: 50%; } }

.cols {
  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;
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
  row-gap: 1rem; }
  .cols__item img {
    aspect-ratio: 258/166;
    margin: auto;
    -o-object-fit: none;
       object-fit: none; }
    @media (max-width: 550px) {
      .cols__item img {
        aspect-ratio: 343/221; } }
  @media (min-width: 768px) {
    .cols__item {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 calc(25% - 2rem);
              flex: 1 1 calc(25% - 2rem); } }
  @media (max-width: 767px) {
    .cols__item {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 calc(50% - 2rem);
              flex: 1 1 calc(50% - 2rem); } }
  @media (max-width: 550px) {
    .cols__item {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%; } }

.inline-img-section .container-outer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%; }
  .inline-img-section .container-outer .col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
    @media (min-width: 768px) {
      .inline-img-section .container-outer .col {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        max-width: 50%; }
    .inline-img-section .container-outer .container {
      position: absolute;
      top: 0;
      left: 50%;
      height: 100%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); } }
  .inline-img-section .container-outer .half-col-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    height: 100%; }
    .inline-img-section .container-outer .half-col-block .col {
      padding: 1rem 0; }
      @media (min-width: 768px) {
        .inline-img-section .container-outer .half-col-block .col {
          padding: 3rem;
          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; } }
      .inline-img-section .container-outer .half-col-block .col .title {
        font-size: 1.25rem;
        line-height: 1.875rem;
        font-weight: 700;
        margin-bottom: 1rem; }
        @media (min-width: 768px) {
          .inline-img-section .container-outer .half-col-block .col .title {
            font-size: 1.5rem;
            line-height: 2.125rem;
            margin-bottom: 2rem; } }
      .inline-img-section .container-outer .half-col-block .col .cta {
        -ms-flex-item-align: start;
            align-self: flex-start; }

.inline-img-section .img-fullwidth {
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover; }
  @media (min-width: 768px) {
    .inline-img-section .img-fullwidth {
      height: 475px; } }

.inline-img-section.reverse .container-outer > .col {
  margin-left: auto; }

.inline-img-section.reverse .half-col-block {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  @media (min-width: 1281px) {
    .inline-img-section.reverse .half-col-block .col {
      padding-left: 0 !important; } }

@media (max-width: 1280px) {
  .inline-img-section.reverse--lg .container-outer > .col {
    margin-left: auto; }
  .inline-img-section.reverse--lg .half-col-block {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; } }
  @media (max-width: 1280px) and (min-width: 1281px) {
    .inline-img-section.reverse--lg .half-col-block .col {
      padding-left: 0 !important; } }

.inline-img-section--carousel .container-outer {
  height: 100%; }
  @media (max-width: 767px) {
    .inline-img-section--carousel .container-outer {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    .inline-img-section--carousel .container-outer > .col {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      margin-left: 0 !important; } }
  @media (min-width: 768px) {
    .inline-img-section--carousel .container-outer > .col {
      height: 100%;
      position: absolute;
      left: 50%;
      width: 100%; } }
  .inline-img-section--carousel .container-outer > .col .swiper {
    height: 100%; }
  @media (min-width: 768px) {
    .inline-img-section--carousel .container-outer > .container {
      position: static;
      -webkit-transform: none;
              transform: none; }
    .inline-img-section--carousel .container-outer .half-col-block {
      min-height: 450px; } }
  .inline-img-section--carousel .container-outer .half-col-block .col {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    @media (min-width: 768px) {
      .inline-img-section--carousel .container-outer .half-col-block .col {
        padding: 5rem 3rem; } }

.inline-img-section--carousel .swiper {
  width: 100%; }

.inline-img-section--carousel .swiper-container {
  height: 100%;
  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) {
    .inline-img-section--carousel .swiper-container {
      gap: 2rem; } }

.inline-img-section--carousel .swiper-controls-container {
  width: 100%; }
  @media (max-width: 767px) {
    .inline-img-section--carousel .swiper-controls-container {
      background-color: #FFFFFF;
      padding-top: 16px;
      padding-bottom: 1.5rem; } }
  @media (min-width: 768px) {
    .inline-img-section--carousel .swiper-controls-container {
      position: absolute;
      bottom: 2rem;
      left: 50%;
      z-index: 1;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); } }

.inline-img-section--carousel .swiper-controls {
  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem; }
  @media (max-width: 1280px) {
    .inline-img-section--carousel .swiper-controls {
      padding-left: 3rem; } }
  @media (max-width: 767px) {
    .inline-img-section--carousel .swiper-controls {
      padding-left: 0;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }

.inline-img-section--carousel .swiper-initialized + .swiper-controls-container .swiper-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.inline-img-section--carousel .swiper-button-prev,
.inline-img-section--carousel .swiper-button-next {
  margin: 0; }

.inline-img-section--carousel .swiper-button-prev,
.inline-img-section--carousel .swiper-button-next,
.inline-img-section--carousel .swiper-pagination {
  position: static;
  -webkit-transform: none;
          transform: none; }

.inline-img-section--carousel .swiper-slide {
  height: auto; }

@media (min-width: 768px) {
  .inline-img-section--carousel .img-fullwidth {
    height: 100%; } }

body.ZHCN .inline-img-section .text-editor p {
  line-height: 1.7; }

@media (min-width: 768px) {
  .main-section {
    padding: 64px 0; }
    .main-section--extended {
      padding-bottom: 175px; } }

@media (max-width: 767px) {
  .main-section {
    padding: 32px 0; } }

.main-section.main-section--with-overflow {
  overflow: visible; }

@media (min-width: 768px) {
  .main-section--l {
    padding: 96px 0; }
  .main-section--m {
    padding: 80px 0; } }

.main-section-wrapper {
  max-width: 742px;
  margin: auto; }
  .main-section-wrapper .main-section__heading:last-child {
    margin-bottom: 2rem; }
    @media (max-width: 767px) {
      .main-section-wrapper .main-section__heading:last-child {
        margin-bottom: 1rem; } }
  .main-section-wrapper .main-section__description {
    max-width: 100%; }
  .main-section-wrapper-m {
    max-width: 934px; }

.main-section .text-right {
  text-align: right; }

.main-section__preheading {
  font-size: 14px;
  text-transform: uppercase;
  color: #FFFFFF;
  position: relative;
  display: inline-block;
  margin-bottom: 1.6875rem;
  line-height: 1.71429em; }
  .main-section__preheading::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #FFFFFF; }

@media (min-width: 1025px) and (min-width: 1025px) {
  .main-section.main-section--l .main-section__heading {
    font-size: 43px;
    line-height: 1.2093em; } }

@media (min-width: 1025px) {
  .main-section.main-section--l .main-section__paragraph {
    max-width: 90%;
    margin-bottom: 100px; } }
  @media (min-width: 1025px) and (min-width: 1025px) {
    .main-section.main-section--l .main-section__paragraph {
      font-size: 22px;
      line-height: 1.27273em; }
  .main-section.main-section--l .main-section__block {
    font-size: 22px;
    line-height: 1.27273em; } }

.main-section.main-section--l .main-section .centered {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto; }

@media (min-width: 1025px) {
  .main-section--extra-padding {
    padding: 110px 0; }
  .main-section--extra-padding-2 {
    padding: 90px 0; } }

.main-section--no-padding {
  padding: 0 !important; }

@media (min-width: 992px) {
  .main-section--no-padding-lg {
    padding: 0 !important; } }

.main-section .container--narrow {
  max-width: 700px; }

.main-section__inner-bg {
  position: absolute;
  width: 100%;
  height: 70%;
  top: 0;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat; }
  @media (max-width: 767px) {
    .main-section__inner-bg {
      height: 50vw; } }

.main-section .main-section:not(.with-padding) {
  padding: 0; }

@media (min-width: 768px) {
  .main-section__description {
    margin-left: auto;
    margin-right: auto;
    max-width: 65%; } }

.main-section.promotion:not(.show) {
  display: none; }

.main-section--promo .swiper-slide-bg {
  background-size: cover;
  background-position: center bottom;
  position: relative;
  width: 100%; }
  @media (min-width: 551px) {
    .main-section--promo .swiper-slide-bg {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; } }
  @media (max-width: 550px) {
    .main-section--promo .swiper-slide-bg {
      height: 240px; } }
  .main-section--promo .swiper-slide-bg::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), color-stop(22%, rgba(196, 196, 196, 0)));
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(196, 196, 196, 0) 22%); }

@media (max-width: 550px) {
  .main-section--promo .swiper .mb-below-mobile {
    margin-bottom: 2rem; } }

@media (max-width: 767px) {
  .main-section--promo .swiper .mb-below-tablet {
    margin-bottom: 2rem; } }

@media (min-width: 768px) {
  .main-section--promo .swiper-slide__inner {
    width: 50%; } }

@media (max-width: 1280px) {
  .main-section--promo .swiper-button-prev:hover {
    opacity: 1; }
  .main-section--promo .swiper-button-next:hover {
    opacity: 1; } }

@media (max-width: 550px) {
  .main-section--promo .swiper-button-prev {
    display: none; }
  .main-section--promo .swiper-button-next {
    display: none; } }

@media (min-width: 768px) {
  .main-section--promo.two-col-banner .swiper-inner {
    position: relative;
    padding-left: calc((44px / 44 * 27) * 2);
    padding-left: calc((var(--swiper-navigation-size) / 44 * 27) * 2);
    padding-right: calc((44px / 44 * 27) * 2);
    padding-right: calc((var(--swiper-navigation-size) / 44 * 27) * 2); }
  .main-section--promo.two-col-banner {
    padding: 3rem 0 6rem; }
  .main-section--promo.two-col-banner .swiper-pagination {
    -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
    bottom: -40px; } }

@media (max-width: 767px) {
  .main-section--promo.two-col-banner .swiper {
    margin-bottom: 2rem; } }

@media (min-width: 551px) {
  .main-section--promo.two-col-banner .swiper-wrapper {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; } }

.main-section--promo.two-col-banner .swiper-button-prev {
  left: 0; }

.main-section--promo.two-col-banner .swiper-button-next {
  right: 0; }

@media (max-width: 767px) {
  .main-section--promo.two-col-banner .swiper-button-next,
  .main-section--promo.two-col-banner .swiper-button-prev {
    display: none; } }

.main-section--promo.two-col-banner .swiper-pagination {
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  bottom: 0; }
  @media (min-width: 768px) {
    .main-section--promo.two-col-banner .swiper-pagination {
      -webkit-transform: translate(-50%, 100%);
              transform: translate(-50%, 100%);
      bottom: -30px; } }

.main-section--promo.mega-banner {
  max-width: 100%;
  padding: 0; }
  @media (min-width: 768px) {
    .main-section--promo.mega-banner {
      min-height: 489px;
      height: 1px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }
  @media (min-width: 551px) {
    .main-section--promo.mega-banner .main-section__heading {
      color: #FFFFFF; }
    .main-section--promo.mega-banner .main-section__pargraph {
      color: #FFFFFF; } }
  .main-section--promo.mega-banner .swiper-container,
  .main-section--promo.mega-banner .swiper {
    height: 100%; }
  @media (max-width: 550px) {
    .main-section--promo.mega-banner .swiper-slide__inner {
      padding-top: 2rem;
      padding-bottom: 2rem; } }
  .main-section--promo.mega-banner .swiper-container {
    max-width: 100%;
    width: 100%; }
  .main-section--promo.mega-banner .swiper-slide {
    padding: 2rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: auto; }
    @media (max-width: 550px) {
      .main-section--promo.mega-banner .swiper-slide {
        -ms-flex-line-pack: start;
            align-content: flex-start;
        padding-top: 0; } }
    @media (min-width: 551px) {
      .main-section--promo.mega-banner .swiper-slide {
        -ms-flex-line-pack: center;
            align-content: center; } }
    @media (max-width: 767px) and (min-width: 551px) {
      .main-section--promo.mega-banner .swiper-slide {
        padding-bottom: 4rem; } }
    @media (min-width: 768px) {
      .main-section--promo.mega-banner .swiper-slide {
        padding: 4rem 0; } }
  .main-section--promo.mega-banner .swiper-pagination {
    -webkit-transform: translate(-50%, 50%);
            transform: translate(-50%, 50%);
    bottom: 2rem; }
    @media (min-width: 768px) {
      .main-section--promo.mega-banner .swiper-pagination {
        -webkit-transform: translate(-50%, 100%);
                transform: translate(-50%, 100%);
        bottom: 4rem; } }
  .main-section--promo.mega-banner .swiper-controls-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

.main-section--promo .img-tile {
  position: relative;
  height: max(220px, min(50vw, 345px)); }
  .main-section--promo .img-tile::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), color-stop(22%, rgba(196, 196, 196, 0)));
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(196, 196, 196, 0) 22%); }
  .main-section--promo .img-tile-title {
    color: #FFFFFF;
    position: absolute;
    bottom: 2rem;
    left: 2rem;
    font-size: 1.625rem;
    width: 50%; }
    @media (max-width: 767px) {
      .main-section--promo .img-tile-title {
        display: none; } }

.main-section--big {
  text-align: center; }
  @media (min-width: 768px) {
    .main-section--big {
      min-height: 450px; } }

.main-section--no-pd-top {
  padding-top: 0; }

.main-section--s {
  padding: 32px 0; }

.main-section--white {
  background-color: #FFFFFF; }
  .main-section--white + .main-section--white:not(.has-inner-bg) {
    padding-top: 0; }

.main-section--green {
  background-color: #008787; }
  .main-section--green + .main-section--green:not(.has-inner-bg) {
    padding-top: 0; }

.main-section--green-gradient {
  background-image: linear-gradient(136.55deg, #23a59a 15.23%, #009ddb 222.97%); }
  .main-section--green-gradient + .main-section--green-gradient:not(.has-inner-bg) {
    padding-top: 0; }

.main-section--gray {
  background-color: #F4F4F4; }
  .main-section--gray + .main-section--gray:not(.has-inner-bg):not(.normal-padding) {
    padding-top: 0; }

.main-section--light-green {
  background-color: #FAFDFD; }
  .main-section--light-green + .main-section--light-green:not(.has-inner-bg) {
    padding-top: 0; }

.main-section--gray-darker {
  background-color: #EAEAEA; }
  .main-section--gray-darker + .main-section--gray-darker:not(.has-inner-bg) {
    padding-top: 0; }

.main-section--gray-black {
  background-color: #C8C8C8; }
  .main-section--gray-black + .main-section--gray-black:not(.has-inner-bg) {
    padding-top: 0; }

.main-section--blue-gray {
  background-color: #E2E7EA; }
  .main-section--blue-gray + .main-section--blue-gray:not(.has-inner-bg) {
    padding-top: 0; }

.main-section--blue-gray-new {
  background-color: #F5F5F7; }
  .main-section--blue-gray-new + .main-section--blue-gray-new:not(.has-inner-bg) {
    padding-top: 0; }

.main-section--cta {
  padding: 24px 0 32px; }
  @media (max-width: 767px) {
    .main-section--cta {
      padding: 16px 0; }
      .main-section--cta + .main-section {
        padding-top: 0; } }

.main-section--gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#EAEAEA), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, #EAEAEA 0%, rgba(255, 255, 255, 0) 100%); }
  .main-section--gradient.js-expand {
    overflow: visible; }
    .main-section--gradient.js-expand:before {
      top: -20px;
      left: calc(50% - 10px);
      content: "";
      width: 0;
      height: 0;
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      border-bottom: 20px solid #EAEAEA; }

.main-section--gradient-2 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #FFFFFF), to(#EAEAEA));
  background: linear-gradient(180deg, #FFFFFF 50%, #EAEAEA 100%); }

.main-section--ocean {
  background: -webkit-gradient(linear, left top, right top, color-stop(30%, #204a88), color-stop(120%, #3EE9CB));
  background: linear-gradient(90deg, #204a88 30%, #3EE9CB 120%); }
  .main-section--ocean .main-section__heading,
  .main-section--ocean .main-section__paragraph {
    font-family: "Neue Helvetica W01", Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif; }

.ZHCN .main-section--ocean {
  background: -webkit-gradient(linear, left top, right top, color-stop(30%, #204a88), color-stop(120%, #3EE9CB));
  background: linear-gradient(90deg, #204a88 30%, #3EE9CB 120%); }
  .ZHCN .main-section--ocean .main-section__heading,
  .ZHCN .main-section--ocean .main-section__paragraph {
    font-family: "微軟雅黑體", "Microsoft YaHei", "Neue Helvetica W01", Helvetica, Arial, sans-serif; }

.JAJP .main-section--ocean {
  background: -webkit-gradient(linear, left top, right top, color-stop(30%, #204a88), color-stop(120%, #3EE9CB));
  background: linear-gradient(90deg, #204a88 30%, #3EE9CB 120%); }
  .JAJP .main-section--ocean .main-section__heading,
  .JAJP .main-section--ocean .main-section__paragraph {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

@media (min-width: 768px) {
  .ZHTW[data-page-template="homepage"] .main-section__heading {
    font-size: 1.875rem; } }

.main-section--bg {
  background-size: cover; }

@media (min-width: 768px) {
  .main-section--top-half-spacing {
    padding: 2rem 0 4rem; }
  .main-section--bottom-half-spacing {
    padding: 4rem 0 2rem; }
  .main-section--half-spacing {
    padding: 2rem 0; } }

.main-section--overflow {
  overflow: visible;
  overflow: initial; }

.main-section__block {
  margin-bottom: 56px; }
  @media (max-width: 767px) {
    .main-section__block {
      margin-bottom: 32px; } }

@media (min-width: 851px) {
  .main-section__flex-block {
    margin-bottom: 56px; } }

@media (max-width: 850px) {
  .main-section__flex-block {
    margin-bottom: 24px; } }

@media (max-width: 767px) {
  .main-section__flex-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }

.main-section__page-heading {
  font-family: "Neue Helvetica W01", Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
  font-weight: 200;
  font-size: 3.125em;
  letter-spacing: 0;
  line-height: normal; }

.ZHCN .main-section__page-heading {
  font-family: "微軟雅黑體", "Microsoft YaHei", "Neue Helvetica W01", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 3.125em;
  letter-spacing: 0;
  line-height: normal; }

.JAJP .main-section__page-heading {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  font-size: 3.125em;
  letter-spacing: 0;
  line-height: normal; }

.main-section__subheading {
  font-weight: 700;
  margin-bottom: 16px;
  color: #FFFFFF; }

@media (min-width: 768px) {
  .main-section__heading {
    font-family: "Neue Helvetica W01", Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
    font-weight: 700;
    font-size: 1.75em;
    letter-spacing: 0;
    line-height: 33.6px;
    margin-bottom: 32px; } }

@media (max-width: 767px) {
  .main-section__heading {
    font-family: "Neue Helvetica W01", Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
    font-weight: 700;
    font-size: 1.2em;
    letter-spacing: 0;
    line-height: 23.04px;
    margin-bottom: 16px; } }

.main-section__heading.main-section__heading--margin-s {
  margin-bottom: 16px; }

.main-section__heading.main-section__heading--white {
  color: #FFFFFF; }

.main-section__heading.main-section__heading--no-margin {
  margin-bottom: 0; }
  @media (max-width: 767px) {
    .main-section__heading.main-section__heading--no-margin {
      margin-bottom: 16px; } }

.main-section__heading.main-section__heading--s {
  margin-bottom: 16px; }

.main-section__heading.main-section__heading--l {
  font-size: 2em;
  margin-bottom: 24px; }
  @media (max-width: 550px) {
    .main-section__heading.main-section__heading--l {
      font-size: 1.4em; } }

@media (min-width: 1025px) and (min-width: 1025px) {
  .main-section__heading.main-section__heading--xl {
    font-size: 43px;
    line-height: 1.2093em; } }

.main-section__heading.main-section__heading--light {
  font-weight: 200 !important; }

.main-section__heading b {
  font-weight: 700; }

.main-section__heading.main-section__heading--normal {
  font-weight: 400 !important; }

@media (min-width: 1025px) {
  .main-section__heading.main-section__heading--mb-s {
    margin-bottom: 1.6875rem; } }

@media (min-width: 768px) {
  .ZHCN .main-section__heading {
    font-family: "微軟雅黑體", "Microsoft YaHei", "Neue Helvetica W01", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 1.75em;
    letter-spacing: 0.085em;
    line-height: normal; } }

@media (max-width: 767px) {
  .ZHCN .main-section__heading {
    font-family: "微軟雅黑體", "Microsoft YaHei", "Neue Helvetica W01", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 1.2em;
    letter-spacing: 0.085em;
    line-height: normal; } }

@media (min-width: 768px) {
  .JAJP .main-section__heading {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
    font-size: 1.9em;
    letter-spacing: 0.085em;
    line-height: 1.5em; } }

@media (max-width: 767px) {
  .JAJP .main-section__heading {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
    font-size: 1.35em;
    letter-spacing: 0.085em;
    line-height: 1.5em; } }

@media (min-width: 768px) {
  .main-section__paragraph {
    margin-bottom: 32px;
    font-size: 1.125em; } }

@media (max-width: 767px) {
  .main-section__paragraph {
    margin-bottom: 16px;
    font-size: 1em; } }

.main-section__paragraph.main-section__paragraph--no-margin {
  margin-bottom: 0; }

.main-section__paragraph.main-section__paragraph--margin-s {
  margin-bottom: 16px; }

.main-section__paragraph.main-section__paragraph--white {
  color: #FFFFFF; }

.main-section__paragraph.main-section__paragraph--s {
  font-size: 1em; }

.main-section__paragraph--small {
  width: 80%;
  margin-left: auto;
  margin-right: auto; }

.main-section__note {
  margin-bottom: 16px; }

.main-section__numlist {
  margin: 16px 0; }
  .main-section__numlist.main-section__numlist--indent {
    padding-left: 16px;
    font-weight: 700; }
  .main-section__numlist.main-section__numlist--xtr-margin {
    margin-bottom: 40px; }
  .main-section__numlist .main-section__numlist-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px; }
  .main-section__numlist .main-section__numlist-num {
    -ms-flex-preferred-size: 1.5%;
        flex-basis: 1.5%; }
  .main-section__numlist .main-section__numlist-text {
    -ms-flex-preferred-size: 99%;
        flex-basis: 99%;
    margin-left: 8px; }

.main-section__filter-heading {
  margin-bottom: 16px; }
  @media (min-width: 768px) {
    .main-section__filter-heading {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
  .main-section__filter-heading.main-section__filter-heading--l {
    margin-bottom: 32px; }
  .main-section__filter-heading .main-section__heading {
    margin-bottom: 0; }
    @media (max-width: 767px) {
      .main-section__filter-heading .main-section__heading {
        margin-bottom: 16px; } }

.main-section__filter-result-block {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (max-width: 767px) {
    .main-section__filter-result-block {
      margin-bottom: 16px; } }

.main-section__filter-result {
  color: #ADADAD; }

.main-section__filter-divided {
  margin: 0 8px;
  color: #ADADAD; }

.main-section__filter-trigger {
  color: #008787; }

.main-section__filter-icon {
  margin-left: 8px;
  font-size: 8px;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px); }
  .main-section__filter-icon .main-section__heading {
    margin-bottom: 0; }
    .main-section__filter-icon .main-section__heading span {
      font-size: 16px;
      color: #858585;
      margin-left: 16px;
      font-weight: 400; }

.main-section__result-heading {
  color: #858585; }
  @media (min-width: 768px) {
    .main-section__result-heading {
      margin-top: 16px; } }
  @media (max-width: 767px) {
    .main-section__result-heading {
      margin-bottom: 16px; } }

.main-section--p-padded p {
  margin: 0 0 32px; }

.main-section--p-padded > *:last-child {
  margin-bottom: 0; }

.main-section__products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .main-section__products .heading {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%; }
    @media (min-width: 851px) {
      .main-section__products .heading {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 22%;
                flex: 0 0 22%; }
        .main-section__products .heading .main-section__heading {
          text-align: left; } }
  .main-section__products .content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }

.our-progress {
  margin-top: 3rem; }
  .our-progress .swiper-horizontal {
    margin-bottom: -2.5rem;
    padding-bottom: 2.5rem; }
  .our-progress-item {
    padding: 2rem 1.5rem;
    border: 1px solid #EAEAEA;
    -webkit-box-shadow: 0px 3px 5px 1px rgba(32, 32, 32, 0.05);
            box-shadow: 0px 3px 5px 1px rgba(32, 32, 32, 0.05); }
    .our-progress-item.tw-transition-colors {
      transition: transform 0.3s ease-out, box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out !important; }
    .our-progress-item:hover {
      -webkit-transform: translateY(-4px);
              transform: translateY(-4px);
      -webkit-box-shadow: 0 10px 16px 0 rgba(32, 32, 32, 0.12);
              box-shadow: 0 10px 16px 0 rgba(32, 32, 32, 0.12); }
    .our-progress-item__title {
      font-size: 3.5rem;
      line-height: 72px;
      color: #008787; }
      @media (max-width: 767px) {
        .our-progress-item__title {
          font-size: 3.75rem;
          line-height: 60px; } }
    .our-progress-item__subTitle {
      font-size: 1.125rem;
      line-height: 18px;
      color: #008787;
      margin-bottom: 1rem; }
    .our-progress-item__description {
      font-size: 1.125rem;
      line-height: 27px;
      color: #484848;
      letter-spacing: 0.202px; }
  .our-progress .swiper-controls {
    padding-top: 2.5rem; }
    @media (max-width: 550px) {
      .our-progress .swiper-controls {
        padding-top: 1.5rem; } }

.product-btn-section .product-btns__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }
  @media (min-width: 768px) {
    .product-btn-section .product-btns__heading {
      margin-bottom: 40px;
      min-height: 56px; } }
  .product-btn-section .product-btns__heading .product-heading {
    color: #008787;
    font-size: 22px;
    line-height: 1.27273em;
    font-weight: 700; }
  @media (min-width: 768px) {
    .product-btn-section .product-btns__heading--s {
      margin-bottom: 10px; } }
  .product-btn-section .product-btns__heading--img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: hidden; }

.product-btn-section .product-btns__wrapper {
  margin-top: auto; }
  .product-btn-section .product-btns__wrapper .border-btn {
    font-size: 16px;
    display: block;
    min-width: 100%;
    margin-bottom: 17px;
    min-height: 60px;
    text-transform: none;
    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; }

.product-btn-section .product-btns__img {
  max-width: 100%; }
  @media (min-width: 768px) {
    .product-btn-section .product-btns__img {
      max-height: 153px;
      -o-object-fit: cover;
         object-fit: cover; } }

@media (max-width: 767px) {
  .product-btn-section .five-col-block .item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%; } }

.product-btn-section .five-col-block .item-inner {
  padding: 2.5rem 1rem 0;
  -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05);
  -webkit-transition: 300ms -webkit-box-shadow;
  transition: 300ms -webkit-box-shadow;
  transition: 300ms box-shadow;
  transition: 300ms box-shadow, 300ms -webkit-box-shadow;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.product-btn-section .five-col-block .item a {
  height: 100%; }
  .product-btn-section .five-col-block .item a:hover .item-inner {
    -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.12); }
  .product-btn-section .five-col-block .item a:hover .border-btn__text {
    background-color: #008787;
    color: #FFFFFF; }
  @media (min-width: 768px) {
    .product-btn-section .five-col-block .item a:hover .product-btns__img {
      -webkit-transform: translateY(-1rem);
              transform: translateY(-1rem); } }

.product-btn-section .five-col-block .item .product-btns__img {
  -webkit-transition: 300ms -webkit-transform;
  transition: 300ms -webkit-transform;
  transition: 300ms transform;
  transition: 300ms transform, 300ms -webkit-transform; }

.product-btn-section .five-col-block .item .product-btns__wrapper {
  margin-top: auto; }

.product-btn-section .five-col-block .item .border-btn__text {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  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;
  height: 3.5rem;
  margin-left: -1rem;
  margin-right: -1rem;
  text-align: center;
  -webkit-transition: 300ms background-color, 300ms color;
  transition: 300ms background-color, 300ms color; }
  @media (max-width: 767px) {
    .product-btn-section .five-col-block .item .border-btn__text {
      border: 2px solid #008787; }
  .product-btn-section .five-col-block .product-btns__heading {
    -ms-flex-preferred-size: 350px;
        flex-basis: 350px; } }

@media (max-width: 450px) {
  .product-btn-section .five-col-block .product-btns__heading {
    -ms-flex-preferred-size: 250px;
        flex-basis: 250px; } }

@media (max-width: 767px) {
  .product-btn-section .four-col-block .item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%; }
  .product-btn-section .four-col-block .product-btns__heading {
    height: 350px; } }

@media (max-width: 450px) {
  .product-btn-section .four-col-block .product-btns__heading {
    height: 250px; } }

.product-btn-section .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #008787;
  font-size: 24px;
  z-index: 1; }

.product-btn-section .slick-prev {
  left: 15px; }

.product-btn-section .slick-next {
  right: 15px; }

.product-btn-section .slick-disabled {
  opacity: 0; }

.product-btn-section .fill-btn.fill-btn--l {
  background-color: white;
  font-size: 16px;
  display: block;
  min-width: 100%;
  margin-bottom: 17px;
  min-height: 60px;
  text-transform: none;
  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;
  padding: 0;
  border: 2px solid #008787; }
  .product-btn-section .fill-btn.fill-btn--l:hover, .product-btn-section .fill-btn.fill-btn--l:focus, .product-btn-section .fill-btn.fill-btn--l:active {
    background-color: #008787;
    color: #FFFFFF; }

.product-node-section {
  position: relative; }
  @media (min-width: 551px) {
    .product-node-section {
      padding: 32px 0; } }
  @media (min-width: 768px) {
    .product-node-section--nbg {
      padding: 104px 0; } }
  @media (min-width: 851px) {
    .product-node-section--nbg {
      padding: 127px 0; } }
  .product-node-section--nbg .product-svg-wrapper {
    -webkit-transform: translateY(20px);
            transform: translateY(20px); }
    @media (min-width: 851px) {
      .product-node-section--nbg .product-svg-wrapper {
        max-width: 90%;
        margin-left: auto;
        margin-right: auto; } }
    @media (min-width: 768px) {
      .product-node-section--nbg .product-svg-wrapper {
        -webkit-transform: translateY(80px);
                transform: translateY(80px); } }
  @media (min-width: 851px) {
    .product-node-section--nbg.showcase {
      padding: 197px 0; } }
  @media (min-width: 768px) {
    .product-node-section--nbg.showcase .product-svg-wrapper {
      -webkit-transform: translateY(110px);
              transform: translateY(110px); }
    .product-node-section--idd {
      padding: 102px 0; } }
  .product-node-section--idd .product-svg-wrapper {
    -webkit-transform: translateY(12px);
            transform: translateY(12px); }
    @media (min-width: 768px) {
      .product-node-section--idd .product-svg-wrapper {
        -webkit-transform: translateY(54px);
                transform: translateY(54px);
        padding-left: 6rem;
        padding-right: 6rem; } }
  .product-node-section .container {
    width: 100%;
    height: 100%; }
  @media (max-width: 1200px) {
    .product-node-section .product-node-container {
      display: none; } }
  .product-node-section .product-node {
    position: absolute;
    top: 0;
    left: 0; }
    .product-node-section .product-node .pointer-block__point {
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      position: relative; }
      @media (max-width: 767px) {
        .product-node-section .product-node .pointer-block__point {
          height: 15px;
          width: 15px;
          border-width: 2px; } }
      @media (min-width: 768px) {
        .product-node-section .product-node .pointer-block__point:hover ~ .product-node__name {
          opacity: 1; } }
      @media (min-width: 551px) {
        .product-node-section .product-node .pointer-block__point a::after {
          content: "";
          position: absolute;
          top: 0;
          right: 0;
          left: 0;
          bottom: 0; } }
    .product-node-section .product-node img {
      -webkit-transition: 0.3s -webkit-transform ease-in-out;
      transition: 0.3s -webkit-transform ease-in-out;
      transition: 0.3s transform ease-in-out;
      transition: 0.3s transform ease-in-out, 0.3s -webkit-transform ease-in-out; }
    .product-node-section .product-node-image {
      max-width: 100%; }
      .product-node-section .product-node-image img {
        width: 100%; }
      @media (min-width: 551px) {
        .product-node-section .product-node-image {
          display: none; } }
    .product-node-section .product-node__name {
      position: absolute;
      width: 200px;
      height: 60px;
      background-color: #008787;
      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;
      pointer-events: none;
      opacity: 0;
      -webkit-transition: 0.3s opacity ease-in-out;
      transition: 0.3s opacity ease-in-out;
      padding: 16px;
      text-align: center;
      top: 00;
      left: 0;
      z-index: 3; }
      .product-node-section .product-node__name-new {
        width: 15.9375rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        height: auto;
        text-align: left;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; }
        .product-node-section .product-node__name-new.white {
          background-color: #FFFFFF;
          color: #484848; }
        .product-node-section .product-node__name-new.green {
          background-color: #008787;
          color: #FFFFFF; }
          .product-node-section .product-node__name-new.green b {
            color: #FFFFFF; }
        .product-node-section .product-node__name-new b {
          color: #008787;
          line-height: 1rem; }
        .product-node-section .product-node__name-new small {
          font-size: 0.875rem;
          font-weight: 400;
          line-height: 1.1375rem; }
      .product-node-section .product-node__name span {
        color: #FFFFFF; }
      @media (min-width: 1281px) {
        .product-node-section .product-node__name.left {
          top: 0;
          left: -30px;
          -webkit-transform: translateX(-100%);
                  transform: translateX(-100%); }
        .product-node-section .product-node__name.right {
          top: 0;
          left: unset;
          right: -30px;
          -webkit-transform: translateX(100%);
                  transform: translateX(100%); }
        .product-node-section .product-node__name.top-left {
          top: 0;
          left: -30px;
          -webkit-transform: translate(-100%, -100%);
                  transform: translate(-100%, -100%); }
        .product-node-section .product-node__name.top-right {
          top: 0;
          left: unset;
          right: -30px;
          -webkit-transform: translate(100%, -100%);
                  transform: translate(100%, -100%); } }
      @media (min-width: 1025px) {
        .product-node-section .product-node__name.top {
          top: -100%;
          left: 50%;
          -webkit-transform: translate(-50%, -100%);
                  transform: translate(-50%, -100%); } }
    .product-node-section .product-node.is-active .product-node__name {
      opacity: 1; }

.product-pointer {
  margin-top: 3rem; }
  @media (max-width: 767px) {
    .product-pointer {
      margin-top: 1.5rem; } }
  .product-pointer__img-wrap {
    width: 100%;
    position: relative; }
    .product-pointer__img-wrap img {
      aspect-ratio: 16/9; }
  .product-pointer .pointer-block__bubble {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: left;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    row-gap: 0.5rem;
    width: 15.9375rem;
    height: auto;
    padding: 1.5rem;
    -webkit-box-shadow: 0px 10px 16px 0px rgba(32, 32, 32, 0.12);
            box-shadow: 0px 10px 16px 0px rgba(32, 32, 32, 0.12); }
    @media (max-width: 767px) {
      .product-pointer .pointer-block__bubble {
        width: 12.5rem;
        padding: 1rem;
        left: calc(50% - 75px); } }
    .product-pointer .pointer-block__bubble.white {
      background-color: #FFFFFF;
      color: #484848; }
    .product-pointer .pointer-block__bubble.green {
      background-color: #008787;
      color: #FFFFFF; }
      .product-pointer .pointer-block__bubble.green b {
        color: #FFFFFF; }
    .product-pointer .pointer-block__bubble b {
      color: #008787;
      line-height: 1rem; }
    .product-pointer .pointer-block__bubble small {
      font-size: 0.875rem;
      font-weight: 400;
      line-height: 1.1375rem; }

.product-section {
  background-color: #FFFFFF;
  padding: 32px 0; }

.product-section__img {
  max-width: 300px;
  margin-right: 32px; }

.product-section__container {
  width: calc(100% - 340px); }

.product-section__subheading {
  font-size: 1.375em;
  font-weight: 700;
  margin-bottom: 8px; }

.product-section__heading {
  font-size: 1.75em;
  font-weight: 700;
  margin-bottom: 8px;
  color: #008787; }

.modal .product-section {
  padding: 16px 16px; }

.modal .product-section__img {
  max-width: 170px; }

.modal .product-section__container {
  width: calc(100% - 210px); }

.modal .product-section__subheading {
  font-size: 0.75em; }

.promotion-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden; }
  .promotion-section.animating {
    -webkit-transition: 1s height ease-in-out;
    transition: 1s height ease-in-out; }
  .promotion-section.close {
    height: auto !important; }
    .promotion-section.close .promotion-video-block {
      height: 0;
      opacity: 0;
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      margin-top: -100%; }
  .promotion-section:not(.show-banner) .hero-banner {
    opacity: 1;
    height: auto; }
  .promotion-section:not(.show-video) .promotion-video-block {
    display: none; }
  .promotion-section.show-banner .hero-carousel {
    opacity: 0;
    height: 0; }
  .promotion-section.video-closing .promotion-video-block {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%; }
  .promotion-section .hero-carousel {
    z-index: 3; }
  .promotion-section .hero-banner.hero-banner--compact {
    min-height: auto;
    padding: 2rem 0;
    position: relative;
    z-index: 2;
    background-color: transparent; }
    @media (min-width: 768px) {
      .promotion-section .hero-banner.hero-banner--compact {
        min-height: 250px;
        padding: 0; }
      .promotion-section .hero-banner.hero-banner--compact .hero-banner__paragraph {
        max-width: 50%; } }
    .promotion-section .hero-banner.hero-banner--compact .hero-banner__heading {
      line-height: 1.4em; }
  .promotion-section .promotion-banner {
    display: grid; }
    .promotion-section .promotion-banner > * {
      grid-area: 1 / -1; }
    .promotion-section .promotion-banner .hero-carousel,
    .promotion-section .promotion-banner .hero-banner {
      -webkit-transition: 1s opacity ease-in-out;
      transition: 1s opacity ease-in-out; }
    @media (min-width: 768px) {
      .promotion-section .promotion-banner .hero-banner__heading {
        font-size: 2rem; } }
  .promotion-section .promotion-video-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 1s all ease-in-out;
    transition: 1s all ease-in-out;
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    .promotion-section .promotion-video-block .video-wrapper {
      position: relative;
      z-index: 2; }
      @media (max-height: 820px) {
        .promotion-section .promotion-video-block .video-wrapper {
          max-width: max(300px, min(80vh, 960px));
          margin-left: auto;
          margin-right: auto; } }
    .promotion-section .promotion-video-block .close {
      position: absolute;
      top: 1rem;
      right: 1rem;
      color: white;
      opacity: 0.7;
      -webkit-transition: 0.3s opacity ease-in-out;
      transition: 0.3s opacity ease-in-out;
      z-index: 2; }
      @media (min-width: 768px) {
        .promotion-section .promotion-video-block .close {
          top: 2rem;
          right: 2rem;
          font-size: 1.4rem; } }
      .promotion-section .promotion-video-block .close:hover {
        opacity: 1; }
    .promotion-section .promotion-video-block .promotion-video-bg-extension {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      z-index: 1; }
    .promotion-section .promotion-video-block .prism-player {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
      .promotion-section .promotion-video-block .prism-player .prism-big-play-btn {
        top: 50%;
        left: 50% !important;
        bottom: unset !important;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }

.promotion-overlay-bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  height: 100vh;
  width: 100vw;
  -webkit-transition: -webkit-transform 3s cubic-bezier(0.6, 0.13, 0.31, 1.02);
  transition: -webkit-transform 3s cubic-bezier(0.6, 0.13, 0.31, 1.02);
  transition: transform 3s cubic-bezier(0.6, 0.13, 0.31, 1.02);
  transition: transform 3s cubic-bezier(0.6, 0.13, 0.31, 1.02), -webkit-transform 3s cubic-bezier(0.6, 0.13, 0.31, 1.02);
  -webkit-transform: translateY(-280%);
          transform: translateY(-280%);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  will-change: transform; }
  .promotion-overlay-bg::before {
    content: "";
    height: 100vh;
    background-color: #FFFFFF;
    position: relative;
    display: block;
    width: 100vw;
    top: 100%; }
  .promotion-overlay-bg.show {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
    .promotion-overlay-bg.show.leave {
      -webkit-transform: translateY(200%);
              transform: translateY(200%); }
  .promotion-overlay-bg .top-curve,
  .promotion-overlay-bg .bottom-curve {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100vh; }
  .promotion-overlay-bg .top-curve {
    top: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
    .promotion-overlay-bg .top-curve img {
      position: absolute;
      bottom: 0;
      -webkit-transform: translateY(35%);
              transform: translateY(35%); }
  .promotion-overlay-bg .bottom-curve {
    bottom: 0;
    -webkit-transform: translateY(200%);
            transform: translateY(200%); }
    .promotion-overlay-bg .bottom-curve img {
      position: absolute;
      top: 0;
      -webkit-transform: translateY(-10%);
              transform: translateY(-10%); }

.promotion-text {
  font-weight: 700;
  color: #008787;
  position: fixed;
  z-index: 5;
  top: 25%;
  left: 0;
  width: 100%;
  font-size: 1.6rem;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  will-change: transform, opacity;
  -webkit-transition: opacity 750ms 500ms, -webkit-transform 1500ms 400ms;
  transition: opacity 750ms 500ms, -webkit-transform 1500ms 400ms;
  transition: transform 1500ms 400ms, opacity 750ms 500ms;
  transition: transform 1500ms 400ms, opacity 750ms 500ms, -webkit-transform 1500ms 400ms;
  opacity: 0;
  -webkit-transform: translateY(-125px);
          transform: translateY(-125px); }
  @media (max-width: 1024px) {
    .promotion-text {
      text-align: center; } }
  @media (min-width: 1025px) {
    .promotion-text {
      top: 34%;
      left: 55%;
      width: auto; } }
  @media (min-width: 551px) {
    .promotion-text {
      font-size: 2rem; } }
  @media (min-width: 768px) {
    .promotion-text {
      font-size: 2.5rem; } }
  .promotion-text.show {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  .promotion-text.leave {
    opacity: 0;
    -webkit-transform: translateY(125px);
            transform: translateY(125px); }
  .promotion-text span {
    color: #fa943e; }

@media (min-width: 1025px) {
  body.ZHCN .promotion-text {
    left: 65%; } }

.side-section {
  margin-bottom: 32px; }
  .side-section.side-section--side-only {
    padding: 24px; }
  @media (min-width: 1025px) {
    .side-section:not(.-flex) .side-section__main {
      width: calc(99.9% * 4/5 - (24px - 24px * 4/5)); }
    .side-section:not(.-flex) .side-section__main:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .side-section:not(.-flex) .side-section__main:last-child {
      margin-right: 0; }
    .side-section:not(.-flex) .side-section__main:nth-child(5n) {
      margin-right: 0;
      float: right; }
    .side-section:not(.-flex) .side-section__main:nth-child(5n + 1) {
      clear: both; } }
  @media (max-width: 1024px) {
    .side-section:not(.-flex) .side-section__main {
      width: calc(99.9% * 3/4 - (24px - 24px * 3/4)); }
    .side-section:not(.-flex) .side-section__main:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .side-section:not(.-flex) .side-section__main:last-child {
      margin-right: 0; }
    .side-section:not(.-flex) .side-section__main:nth-child(4n) {
      margin-right: 0;
      float: right; }
    .side-section:not(.-flex) .side-section__main:nth-child(4n + 1) {
      clear: both; } }
  @media (max-width: 850px) {
    .side-section:not(.-flex) .side-section__main {
      width: calc(99.9% * 5/7 - (24px - 24px * 5/7)); }
    .side-section:not(.-flex) .side-section__main:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .side-section:not(.-flex) .side-section__main:last-child {
      margin-right: 0; }
    .side-section:not(.-flex) .side-section__main:nth-child(7n) {
      margin-right: 0;
      float: right; }
    .side-section:not(.-flex) .side-section__main:nth-child(7n + 1) {
      clear: both; } }
  @media (max-width: 767px) {
    .side-section:not(.-flex) .side-section__main {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1));
      margin-bottom: 24px; }
    .side-section:not(.-flex) .side-section__main:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .side-section:not(.-flex) .side-section__main:last-child {
      margin-right: 0; }
    .side-section:not(.-flex) .side-section__main:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .side-section:not(.-flex) .side-section__main:nth-child(1n + 1) {
      clear: both; } }
  .side-section:not(.-flex) .side-section__main > .arrow-btn {
    margin-bottom: 16px; }
  @media (min-width: 1025px) {
    .side-section:not(.-flex) .side-section__side {
      width: calc(99.9% * 1/5 - (24px - 24px * 1/5)); }
    .side-section:not(.-flex) .side-section__side:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .side-section:not(.-flex) .side-section__side:last-child {
      margin-right: 0; }
    .side-section:not(.-flex) .side-section__side:nth-child(5n) {
      margin-right: 0;
      float: right; }
    .side-section:not(.-flex) .side-section__side:nth-child(5n + 1) {
      clear: both; } }
  @media (max-width: 1024px) {
    .side-section:not(.-flex) .side-section__side {
      width: calc(99.9% * 1/4 - (24px - 24px * 1/4)); }
    .side-section:not(.-flex) .side-section__side:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .side-section:not(.-flex) .side-section__side:last-child {
      margin-right: 0; }
    .side-section:not(.-flex) .side-section__side:nth-child(4n) {
      margin-right: 0;
      float: right; }
    .side-section:not(.-flex) .side-section__side:nth-child(4n + 1) {
      clear: both; } }
  @media (max-width: 850px) {
    .side-section:not(.-flex) .side-section__side {
      width: calc(99.9% * 2/7 - (24px - 24px * 2/7)); }
    .side-section:not(.-flex) .side-section__side:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .side-section:not(.-flex) .side-section__side:last-child {
      margin-right: 0; }
    .side-section:not(.-flex) .side-section__side:nth-child(7n) {
      margin-right: 0;
      float: right; }
    .side-section:not(.-flex) .side-section__side:nth-child(7n + 1) {
      clear: both; } }
  @media (max-width: 767px) {
    .side-section:not(.-flex) .side-section__side {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
    .side-section:not(.-flex) .side-section__side:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .side-section:not(.-flex) .side-section__side:last-child {
      margin-right: 0; }
    .side-section:not(.-flex) .side-section__side:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .side-section:not(.-flex) .side-section__side:nth-child(1n + 1) {
      clear: both; } }
  .side-section.-flex {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
    @media (max-width: 767px) {
      .side-section.-flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .side-section.-flex .side-section__main {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      margin-right: 24px; }
      @media (max-width: 767px) {
        .side-section.-flex .side-section__main {
          margin-right: 0;
          margin-bottom: 24px; } }
      .side-section.-flex .side-section__main .shadow-block {
        height: 100%; }
    .side-section.-flex .side-section__side {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 265px;
              flex: 0 0 265px; }
    .side-section.-flex.-single {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      @media (max-width: 767px) {
        .side-section.-flex.-single {
          margin-bottom: 0; } }
      .side-section.-flex.-single .side-section__main {
        width: calc(100% - 289px);
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0; }
        @media (max-width: 850px) {
          .side-section.-flex.-single .side-section__main {
            width: 100%;
            margin-right: 0; } }
  .side-section.-no-margin {
    margin-bottom: 0; }
  .side-section .social-media {
    font-size: 0.875rem; }
    @media (max-width: 550px) {
      .side-section .social-media {
        margin-top: 1.5rem; } }

.side-section__side.-bg-white {
  background-color: white;
  padding: 24px; }
  @media (max-width: 767px) {
    .side-section__side.-bg-white {
      padding: 16px; } }

.side-section__side .js-save-tag {
  margin-bottom: 24px; }

.side-section__left {
  width: calc(99.9% * 1/6 - (24px - 24px * 1/6)); }

.side-section__left:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.side-section__left:last-child {
  margin-right: 0; }

.side-section__left:nth-child(6n) {
  margin-right: 0;
  float: right; }

.side-section__left:nth-child(6n + 1) {
  clear: both; }
  .side-section__left .arrow-btn {
    margin-bottom: 40px; }

.side-section__right {
  width: calc(99.9% * 5/6 - (24px - 24px * 5/6)); }

.side-section__right:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.side-section__right:last-child {
  margin-right: 0; }

.side-section__right:nth-child(6n) {
  margin-right: 0;
  float: right; }

.side-section__right:nth-child(6n + 1) {
  clear: both; }

@media (max-width: 550px) {
  .side-section__list {
    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; } }

.side-section__item {
  margin-bottom: 32px; }
  @media (max-width: 767px) {
    .side-section__item {
      margin-bottom: 16px; } }
  @media (max-width: 550px) {
    .side-section__item {
      display: inline-block; }
    .side-section__item.full-width {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%; } }

.side-section__heading {
  margin-bottom: 8px; }

.side-section__side-block {
  margin-bottom: 24px; }

.ie-browser .side-section__side-link {
  display: block; }

.side-section__side-link:not(.-normal) {
  margin-bottom: 8px; }

.side-section__side-link.-normal {
  color: #202020; }
  @media (min-width: 1025px) {
    .side-section__side-link.-normal:hover {
      color: rgba(0, 135, 135, 0.8); } }

.side-section__wrap {
  border-top: 1px solid #D6D6D6;
  padding: 24px 0; }
  .side-section__wrap:first-child {
    padding-top: 0;
    border-top: none; }

.side-section__subheading {
  margin-bottom: 8px; }

.side-tab-section__side {
  width: calc(99.9% * 1/4 - (24px - 24px * 1/4)); }

.side-tab-section__side:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.side-tab-section__side:last-child {
  margin-right: 0; }

.side-tab-section__side:nth-child(4n) {
  margin-right: 0;
  float: right; }

.side-tab-section__side:nth-child(4n + 1) {
  clear: both; }
  @media (max-width: 850px) {
    .side-tab-section__side {
      width: calc(99.9% * 1/3 - (24px - 24px * 1/3)); }
    .side-tab-section__side:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .side-tab-section__side:last-child {
      margin-right: 0; }
    .side-tab-section__side:nth-child(3n) {
      margin-right: 0;
      float: right; }
    .side-tab-section__side:nth-child(3n + 1) {
      clear: both; } }
  @media (max-width: 550px) {
    .side-tab-section__side {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
    .side-tab-section__side:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .side-tab-section__side:last-child {
      margin-right: 0; }
    .side-tab-section__side:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .side-tab-section__side:nth-child(1n + 1) {
      clear: both; } }

.side-tab-section__main {
  width: calc(99.9% * 3/4 - (24px - 24px * 3/4));
  background-color: #EAEAEA;
  padding: 24px; }

.side-tab-section__main:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.side-tab-section__main:last-child {
  margin-right: 0; }

.side-tab-section__main:nth-child(4n) {
  margin-right: 0;
  float: right; }

.side-tab-section__main:nth-child(4n + 1) {
  clear: both; }
  .side-tab-section__main .js-tab-main {
    display: none; }
    .side-tab-section__main .js-tab-main.is-active {
      display: block; }
  @media (max-width: 850px) {
    .side-tab-section__main {
      width: calc(99.9% * 2/3 - (24px - 24px * 2/3)); }
    .side-tab-section__main:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .side-tab-section__main:last-child {
      margin-right: 0; }
    .side-tab-section__main:nth-child(3n) {
      margin-right: 0;
      float: right; }
    .side-tab-section__main:nth-child(3n + 1) {
      clear: both; } }
  @media (max-width: 550px) {
    .side-tab-section__main {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1));
      padding: 16px; }
    .side-tab-section__main:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .side-tab-section__main:last-child {
      margin-right: 0; }
    .side-tab-section__main:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .side-tab-section__main:nth-child(1n + 1) {
      clear: both; } }

.side-tab-section__item {
  padding: 16px 24px;
  background-color: #FCFCFC;
  cursor: pointer;
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s; }
  .side-tab-section__item.is-active {
    color: #FFFFFF;
    background-color: #008787; }
  @media (min-width: 1025px) {
    .side-tab-section__item:hover {
      color: #FFFFFF;
      background-color: #008787; } }
  @media (max-width: 550px) {
    .side-tab-section__item {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1));
      padding: 16px; }
    .side-tab-section__item:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .side-tab-section__item:last-child {
      margin-right: 0; }
    .side-tab-section__item:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .side-tab-section__item:nth-child(1n + 1) {
      clear: both; } }

body.JAJP .side-tab-section__item {
  padding: 16px; }

.side-tab-section__paragraph {
  margin-bottom: 16px; }

.tab-section .tab-section__underline {
  left: 16px; }

.tab-section__heading {
  margin-bottom: 16px; }

body.ZHCN .tab-section__heading {
  letter-spacing: 0.085em; }

.tab-section__filter-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 16px; }
  .tab-section__filter-heading .tab-section__heading {
    margin-bottom: 0; }
    .tab-section__filter-heading .tab-section__heading span {
      color: #858585;
      margin-left: 16px;
      font-weight: 400; }

.tab-section__subheading {
  margin-bottom: 24px;
  color: #858585; }

.tab-section__top {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 3px 3px rgba(32, 32, 32, 0.07);
          box-shadow: 0 0 3px 3px rgba(32, 32, 32, 0.07); }
  @media (max-width: 1024px) {
    .tab-section__top .arrow-btn {
      padding: 16px 0; } }
  @media (max-width: 768px) {
    .tab-section__top .arrow-btn {
      display: none; } }
  .tab-section__top.is-active {
    top: 0;
    left: 0;
    z-index: 10; }
    @media (max-width: 1024px) {
      .tab-section__top.is-active {
        top: 50px; } }
    .tab-section__top.is-active + .tab-section__body {
      margin-top: 51px; }
  .tab-section__top.tab-section__top--light-shadow {
    -webkit-box-shadow: 0 2px 3px 0 rgba(32, 32, 32, 0.05);
            box-shadow: 0 2px 3px 0 rgba(32, 32, 32, 0.05); }
  @media (max-width: 767px) {
    .tab-section__top .container {
      overflow-x: auto; } }

.tab-section__cta {
  padding: 8px 0;
  background-color: #EAEAEA; }
  @media (max-width: 767px) {
    .tab-section__cta {
      padding: 16px 0; } }
  .tab-section__cta .arrow-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (max-width: 767px) {
      .tab-section__cta .arrow-btn .arrow-btn__text {
        font-size: 1rem; } }
  @media (min-width: 768px) {
    .tab-section__cta {
      display: none; } }

@media (max-width: 767px) {
  .tab-section__tabs {
    overflow-x: auto;
    white-space: nowrap; } }

.tab-section__tabs--four-col {
  display: grid;
  grid-template-columns: repeat(4, minmax(200px, 1fr));
  grid-column-gap: 1rem; }
  .tab-section__tabs--four-col button {
    border: 1px solid #008787;
    height: 70px;
    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;
    text-align: center;
    font-size: 1rem;
    line-height: 1.25em;
    color: #008787;
    -webkit-transition: 0.3s background-color ease-in-out;
    transition: 0.3s background-color ease-in-out;
    margin-bottom: 1rem;
    padding: 1rem; }
    @media (min-width: 768px) {
      .tab-section__tabs--four-col button {
        padding: 1.25rem;
        height: 90px; } }
    .tab-section__tabs--four-col button:hover, .tab-section__tabs--four-col button.is-active {
      background-color: #008787;
      color: #FFFFFF; }

@media (min-width: 768px) {
  .tab-section__tab {
    min-width: 140px; } }

@media (max-width: 850px) {
  .tab-section__tab {
    min-width: 100px; } }

@media (max-width: 767px) {
  .tab-section__tab {
    padding: 0 16px; } }

@media (max-width: 550px) {
  .tab-section__tab {
    font-size: 0.875em;
    min-width: 0;
    padding: 0 8px 0 0; } }

.tab-section__tab--no-min-width {
  min-width: 0; }

@media (min-width: 551px) {
  body.JAJP .tab-section__tab .js-tab-trigger {
    padding-left: 10px;
    padding-right: 10px; } }

@media (max-width: 767px) {
  .tab-section__long-tabs {
    overflow-x: scroll;
    white-space: nowrap;
    margin-bottom: 16px; }
  .tab-section__long-tab {
    padding: 0 8px; } }

.tab-section__btn {
  text-align: center;
  padding: 24px 0;
  line-height: normal;
  color: #484848; }
  @media (max-width: 767px) {
    .tab-section__btn {
      padding: 16px 0; }
      .tab-section__btn.is-active:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 4px;
        background: #008787;
        -webkit-transition: 0.3s ease;
        transition: 0.3s ease; } }

.tab-section__underline {
  position: absolute;
  height: 4px;
  bottom: 0;
  left: 0;
  background: #008787;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease; }
  @media (max-width: 767px) {
    .tab-section__underline {
      display: none; } }

.tab-section__btn-fill {
  text-transform: capitalize;
  line-height: normal;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #484848; }
  @media (min-width: 768px) {
    .tab-section__btn-fill {
      padding: 24px 16px; } }
  @media (max-width: 767px) {
    .tab-section__btn-fill {
      width: 100%;
      padding: 16px 4px;
      text-align: center; } }
  .tab-section__btn-fill.is-active {
    background-color: #008787;
    color: #FFFFFF; }
    .tab-section__btn-fill.is-active:hover {
      color: #FFFFFF; }
  @media (min-width: 1025px) {
    .tab-section__btn-fill:hover {
      color: #008787; } }

@media (min-width: 1025px) and (min-width: 1025px) {
  .tab-section--l {
    font-size: 22px;
    line-height: 1.27273em; } }

@media (min-width: 1281px) {
  .tab-section--l a.arrow-btn {
    font-size: 20px; } }

@media (max-width: 1280px) {
  .tab-section--l a.arrow-btn {
    font-size: 17px;
    display: none; } }

.tab-section .tab-section__btn-underline {
  line-height: normal;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #484848; }
  @media (min-width: 768px) {
    .tab-section .tab-section__btn-underline {
      padding: 24px 16px; } }
  @media (max-width: 767px) {
    .tab-section .tab-section__btn-underline {
      width: 100%;
      padding: 16px 4px;
      text-align: center; } }
  .tab-section .tab-section__btn-underline::after {
    content: "";
    position: absolute;
    height: 4px;
    width: 100%;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
  .tab-section .tab-section__btn-underline.is-active::after {
    background-color: #008787; }
  @media (min-width: 1025px) {
    .tab-section .tab-section__btn-underline:hover {
      color: #008787; } }
  @media (min-width: 768px) {
    .tab-section .tab-section__btn-underline--l {
      padding: 1.5rem 2.25rem; }
    .tab-section .tab-section__btn-underline--m {
      padding: 1.5rem 2rem; } }

.tab-section__tabs-featured {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px; }
  @media (min-width: 551px) {
    .tab-section__tabs-featured {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  @media (min-width: 768px) {
    .tab-section__tabs-featured {
      margin-bottom: 50px; } }
  .tab-section__tabs-featured button {
    padding: 14px;
    background-color: #FFFFFF; }
    .tab-section__tabs-featured button:not(:last-child) {
      margin-right: 1rem; }
    .tab-section__tabs-featured button.is-active {
      background-color: #008787;
      color: #FFFFFF; }

.tab-section__body {
  background-color: #E2E7EA;
  padding: 48px 0; }

.tab-section__body--white {
  background-color: #FFFFFF;
  padding: 48px 0; }
  @media (max-width: 767px) {
    .tab-section__body--white {
      padding: 0; } }
  .tab-section__body--white:last-child {
    padding-bottom: 0; }

.tab-section__body--light-gray {
  background-color: #F4F4F4;
  padding: 48px 0; }

.tab-section__main {
  display: none; }
  .tab-section__main.is-active {
    display: block; }

.tab-section__accordion-btn {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  cursor: pointer;
  margin-bottom: 24px; }
  @media (min-width: 1025px) {
    .tab-section__accordion-btn:hover {
      color: rgba(0, 135, 135, 0.6); } }

.tab-section__scroll {
  overflow-x: hidden; }
  .tab-section__scroll .tab-section__underline {
    left: 12px; }
  .tab-section__scroll .tab-section__tabs {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto; }
  .tab-section__scroll .tab-section__tab {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    min-width: 0;
    padding: 0 12px; }
  .tab-section__scroll .tab-section__btn {
    color: #858585; }
    .tab-section__scroll .tab-section__btn.is-active {
      color: #202020; }

.tab-section__scroll-btn {
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 55px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }
  .tab-section__scroll-btn.btn-hide {
    opacity: 0;
    pointer-events: none; }
  .tab-section__scroll-btn--left {
    left: 16px;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(white), color-stop(19%, white), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, white 0%, white 19%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
    /* IE6-9 */ }
  .tab-section__scroll-btn--right {
    right: 16px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(81%, white), to(white));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 81%, white 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); }

.tab-section--login .tab-section__top {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: 1px solid rgba(32, 32, 32, 0.1); }
  .tab-section--login .tab-section__top .container {
    padding-left: 0;
    padding-right: 0; }

.tab-section--login .tab-section__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; }

.tab-section--login .tab-section__tab {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
  @media (max-width: 767px) {
    .tab-section--login .tab-section__tab {
      padding-left: 0;
      padding-right: 0; } }

.tab-section--login .tab-section__body {
  background-color: #FFFFFF; }
  @media (min-width: 768px) {
    .tab-section--login .tab-section__body {
      padding-bottom: 0; } }
  .tab-section--login .tab-section__body .container {
    padding-left: 0;
    padding-right: 0; }

.tab-section--login .tab-section__btn {
  padding-left: 16px;
  padding-right: 16px; }

body.JAJP .tab-section__btn {
  font-size: 1.125rem; }

body.ZHTW .tab-section__btn {
  font-size: 1.125rem; }

body.ZHTW .tab-section__top .arrow-btn .arrow-btn__text {
  font-size: 1.125rem;
  font-weight: 700; }

body.ZHCN .text-img-editor p {
  line-height: 1.7rem; }

.figure {
  padding-top: 1.5rem;
  clear: both; }
  .figure img {
    aspect-ratio: 16/9; }
  @media (min-width: 768px) {
    .figure {
      padding-top: 3rem; } }
  .figure figcaption {
    font-size: 12.8px;
    line-height: 15.36px;
    color: #717171;
    margin-top: 12px; }

.text-editor p {
  margin-bottom: 24px; }
  @media (max-width: 767px) {
    .text-editor p {
      margin-bottom: 16px; } }

.text-editor img {
  margin-bottom: 24px;
  width: auto;
  max-width: 100%; }

.ie-browser .text-editor a {
  display: inline; }

@media (max-width: 550px) {
  .text-editor ul,
  .text-editor ol {
    padding-left: 16px; } }

.text-editor ul ul,
.text-editor ol ul {
  padding-left: 16px;
  margin-top: 4px; }
  .text-editor ul ul > li:before,
  .text-editor ol ul > li:before {
    background-color: transparent;
    border: 1px solid #858585; }

.text-editor ul ol,
.text-editor ol ol {
  padding-left: 16px;
  margin-top: 4px;
  list-style-type: lower-latin; }

.text-editor ol {
  list-style: decimal;
  padding-left: 20px; }

.text-editor hr {
  border: 0.5px solid #D6D6D6;
  margin-bottom: 40px; }
  @media (max-width: 767px) {
    .text-editor hr {
      margin-bottom: 24px; } }

.text-editor i {
  font-style: italic; }

.text-editor strong,
.text-editor b {
  font-weight: 700; }

.text-editor em {
  font-style: italic; }

.text-editor sub {
  vertical-align: sub;
  font-size: smaller; }

.text-editor table tr th,
.text-editor table tr td {
  padding: 0.75rem; }

.text-editor table tr td p:last-child {
  margin-bottom: 0; }

.text-editor table tr .table-separator-right {
  border-right: 1px solid #204a88; }

.text-editor.centered-aligned-images img {
  margin-left: auto;
  margin-right: auto; }

.text-editor .text-around-image .image-wrapper {
  margin-bottom: 24px; }
  @media (min-width: 577px) {
    .text-editor .text-around-image .image-wrapper {
      max-width: 50%; } }
  @media (min-width: 992px) {
    .text-editor .text-around-image .image-wrapper {
      max-width: 40%; } }

@media (min-width: 577px) {
  .text-editor .text-around-image.left .image-wrapper {
    float: left;
    margin-right: 24px; }
  .text-editor .text-around-image.right .image-wrapper {
    float: right;
    margin-left: 24px; } }

.text-editor.text-editor--text-center p {
  text-align: center; }

.text-editor blockquote {
  padding: 1rem 2rem;
  position: relative;
  font-size: 1.375rem;
  font-style: italic;
  font-weight: 700;
  color: #008787; }
  .text-editor blockquote > :last-child {
    margin-bottom: 0; }
  .text-editor blockquote::before {
    content: "";
    height: 100%;
    width: 5px;
    background-color: #e5e5e4;
    position: absolute;
    top: 0;
    left: 0; }

.text-editor.no-last-child-margin > *:last-child {
  margin-bottom: 0; }

body.ZHCN .text-editor h2 {
  letter-spacing: 0.085em; }

body.ZHTW .text-editor p {
  line-height: 1.7rem; }

.text-editor--l p {
  font-size: 1em; }

.text-editor--l ul,
.text-editor--l ol {
  font-size: 1em; }

body .text-editor.text-editor--esg img {
  margin-top: 2rem;
  margin-bottom: 2rem; }
  @media (max-width: 767px) {
    body .text-editor.text-editor--esg img {
      margin-top: 2.5rem;
      margin-bottom: 2.5rem; } }

body .text-editor.text-editor--esg p {
  margin-bottom: 1rem; }

body .text-editor.text-editor--esg p,
body .text-editor.text-editor--esg ul,
body .text-editor.text-editor--esg ol {
  line-height: 1.625; }

.toggle-section {
  overflow: hidden;
  -webkit-transition: 1s max-height ease-in-out;
  transition: 1s max-height ease-in-out; }
  .toggle-section:not(.is-active) {
    max-height: 0 !important; }
  .toggle-section--half-duration {
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s; }

.two-col-intro-section .bgs {
  display: grid; }
  .two-col-intro-section .bgs img {
    grid-area: 1 / -1;
    opacity: 0;
    -webkit-transition: 0.3s opacity ease-in-out;
    transition: 0.3s opacity ease-in-out; }
    .two-col-intro-section .bgs img.is-active {
      opacity: 1; }

.video-detail-section .container {
  max-width: 1160px; }

.video-detail-section .module-block {
  margin: 1rem 0; }
  @media (min-width: 768px) {
    .video-detail-section .module-block {
      margin-top: 2.5rem;
      margin-bottom: 2.5rem; } }
  .video-detail-section .module-block__social-heading {
    font-weight: 400; }

.video-detail-section .video-detail-recommended {
  background-color: #F4F4F4;
  padding: 1rem 0 0 1rem; }
  @media (max-width: 850px) {
    .video-detail-section .video-detail-recommended {
      padding: 2rem 1rem 1rem;
      margin: 0 -1rem; } }
  .video-detail-section .video-detail-recommended__inner {
    overflow: auto; }
    @supports (-moz-appearance: none) {
      .video-detail-section .video-detail-recommended__inner {
        scrollbar-color: #008787 transparent;
        scrollbar-width: thin; } }
    .video-detail-section .video-detail-recommended__inner::-webkit-scrollbar {
      width: 0.25rem; }
    .video-detail-section .video-detail-recommended__inner::-webkit-scrollbar-thumb {
      background-color: #008787; }
    @media (min-width: 851px) {
      .video-detail-section .video-detail-recommended__inner {
        max-height: 675px;
        padding-right: 0.75rem; } }
    .video-detail-section .video-detail-recommended__inner .video-cards .video-list-item > .top-img-card {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .video-detail-section .video-detail-recommended__inner .video-cards .video-list-item:first-child .top-img-card {
      margin-top: 0; }
  .video-detail-section .video-detail-recommended .top-img-card__container {
    padding: 0.5rem; }
    @media (min-width: 401px) {
      .video-detail-section .video-detail-recommended .top-img-card__container {
        padding: 0.75rem; } }
  .video-detail-section .video-detail-recommended .top-img-card__footer {
    padding: 0.5rem 0.625rem; }
    @media (min-width: 401px) {
      .video-detail-section .video-detail-recommended .top-img-card__footer {
        padding: 0.625rem 0.75rem; } }
  .video-detail-section .video-detail-recommended .top-img-card__note.video-length {
    line-height: 1.25rem; }
  @media (max-width: 850px) {
    .video-detail-section .video-detail-recommended .top-img-card__label {
      top: 0;
      bottom: auto; }
    .video-detail-section .video-detail-recommended .video-cards {
      padding: 0;
      margin-bottom: -1rem; } }
  .video-detail-section .video-detail-recommended .video-cards .top-img-card {
    margin: 1rem 0; }
    @media (min-width: 851px) {
      .video-detail-section .video-detail-recommended .video-cards .top-img-card {
        margin: 0.5rem 0 0.5rem 0; }
      .video-detail-section .video-detail-recommended .video-cards .top-img-card:last-child {
        margin-bottom: 1rem; } }
  @media (max-width: 550px) {
    .video-detail-section .video-detail-recommended .video-cards .fixed-height {
      height: calc(1em * 3 * 1.375 + 0px);
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical; } }
  @media (max-width: 370px) {
    .video-detail-section .video-detail-recommended .video-cards .fixed-height {
      height: calc(1em * 2 * 1.375 + 0px);
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; } }
  @media (max-width: 400px) {
    .video-detail-section .video-detail-recommended .video-cards .save-btn {
      bottom: 8px; } }
  @media (min-width: 851px) {
    .video-detail-section .video-detail-recommended .video-cards .save-btn {
      bottom: 10px;
      right: 12px;
      width: 1.25rem;
      height: 1.25rem;
      font-size: 1.25rem; } }
  .video-detail-section .video-detail-recommended .top-img-card__img-wrap {
    height: 100%; }
  @media (max-width: 850px) {
    .video-detail-section .video-detail-recommended .top-img-card__inner-wrap {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
    .video-detail-section .video-detail-recommended .top-img-card__mobile-left {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      max-width: 50%; }
    .video-detail-section .video-detail-recommended .top-img-card__mobile-right {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      max-width: 50%; }
    .video-detail-section .video-detail-recommended .top-img-card__mobile-right {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .video-detail-section .video-detail-recommended .top-img-card__mobile-right .top-img-card__container {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; } }
  .video-detail-section .video-detail-recommended .video-loadmore {
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-bottom: -1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #ADADAD; }
    @media (min-width: 851px) {
      .video-detail-section .video-detail-recommended .video-loadmore {
        display: none; } }
    .video-detail-section .video-detail-recommended .video-loadmore-btn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .video-detail-section .video-detail-recommended .video-loadmore-btn .icon {
        margin-left: 0.75rem; }
  @media (max-width: 850px) {
    .video-detail-section .video-detail-recommended .video-hide {
      display: none; } }
  @media (min-width: 480px) {
    .video-detail-section .video-detail-recommended .top-img-card__container {
      margin-bottom: 1rem; } }
  @media (max-width: 850px) {
    .video-detail-section .video-detail-recommended .top-img-card__img {
      padding-top: 56%; } }
  @media (max-width: 400px) {
    .video-detail-section .video-detail-recommended .top-img-card__img {
      padding-top: 50%; } }

.video-detail-section .video-detail-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.video-detail-section .save-btn {
  margin-left: auto; }

.video-detail-section .iframe-block {
  padding-top: 0;
  margin-bottom: 1rem; }
  .video-detail-section .iframe-block .CCH5playerContainer {
    position: absolute !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .video-detail-section .iframe-block .ccH5PlayBtn,
  .video-detail-section .iframe-block #ccH5RightMenu {
    z-index: 210 !important; }

@media (max-width: 550px) {
  .video-detail-section .module-container .module-block__save-btn {
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; } }

.video-detail-section .article__tag-section {
  margin-bottom: 0; }

@media (max-width: 850px) {
  .video-detail-section .main-body > .column__item {
    float: none; } }

.video-detail-section .contact-form-wrapper-tablet {
  margin-left: -1rem;
  margin-right: -1rem; }

@media (max-width: 767px) {
  .video-detail-section .video-info-bar {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .video-detail-section .video-info-bar > * {
    max-width: 50%;
    margin: 0 0 1rem 0; }
    .video-detail-section .video-info-bar > *:not(button) {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%; } }

@media (min-width: 768px) {
  .video-detail-section .video-info-bar > *:nth-child(-n + 2) {
    border-right: 1px solid #979797;
    padding-right: 1rem;
    min-height: 1.7rem;
    margin-top: 0.46875rem;
    margin-bottom: 0.46875rem; }
  .video-detail-section .video-info-bar > *:not(:last-child) {
    margin-right: 1rem; } }

@media (max-width: 767px) {
  .video-detail-section .video-info-bar .order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .video-detail-section .video-info-bar .order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .video-detail-section .video-info-bar .order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .video-detail-section .video-info-bar .order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; } }

.video-detail-section .video-info-bar .module-block__info-detail {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.video-detail-section .video-info-bar .module-block__save-btn {
  margin-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (max-width: 767px) {
    .video-detail-section .video-info-bar .module-block__save-btn {
      margin-left: auto; } }
  .video-detail-section .video-info-bar .module-block__save-btn > .inline--middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .video-detail-section .video-info-bar .module-block__save-btn .simple-icon-btn__icon {
    font-weight: 400;
    margin-left: 0;
    margin-right: 0.5rem; }
  .video-detail-section .video-info-bar .module-block__save-btn .save-note-block {
    margin: 0; }
    @media (min-width: 551px) {
      .video-detail-section .video-info-bar .module-block__save-btn .save-note-block {
        text-align: left;
        margin-left: 1rem; } }
    @media (max-width: 991px) {
      .video-detail-section .video-info-bar .module-block__save-btn .save-note-block {
        display: none !important; } }

.video-detail-section .video-info-bar .module-block__cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto; }
  .video-detail-section .video-info-bar .module-block__cta button {
    margin-left: auto; }
    body.ZHTW .video-detail-section .video-info-bar .module-block__cta button.fill-btn {
      font-size: 0.875rem; }

@media (max-width: 550px) {
  .video-detail-section .module-container .module-block__save-btn {
    -ms-flex-preferred-size: auto;
        flex-basis: auto; } }

.video-detail-section .top-img-card__img-wrap {
  background-color: #F4F4F4; }

.video-detail-section .module-container .module-block__save-btn .simple-icon-btn__icon {
  color: rgba(32, 32, 32, 0.8); }

.video-detail-section .save-btn .simple-icon-btn__text a {
  font-weight: 400; }

.video-event-promo-section {
  --pattern-width: 0;
  --background-color: #FFFFFF;
  --min-pattern-width: 1920px;
  overflow: hidden; }
  .video-event-promo-section .video-event-promo-banner {
    background-size: cover;
    background-position: center;
    height: 100%; }
    .video-event-promo-section .video-event-promo-banner.colored-area {
      position: relative; }
      .video-event-promo-section .video-event-promo-banner.colored-area .video-event-promo-animated-wrapper {
        padding-top: 2rem;
        padding-bottom: 2rem;
        position: relative;
        height: 100%;
        z-index: 1; }
        @media (min-width: 768px) {
          .video-event-promo-section .video-event-promo-banner.colored-area .video-event-promo-animated-wrapper {
            padding-top: 5.0625rem;
            padding-bottom: 5.0625rem;
            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: 1281px) {
          .video-event-promo-section .video-event-promo-banner.colored-area .video-event-promo-animated-wrapper {
            padding-top: 10.125rem;
            padding-bottom: 10.125rem; } }
        .video-event-promo-section .video-event-promo-banner.colored-area .video-event-promo-animated-wrapper::before {
          content: "";
          position: absolute; }
          @media (min-width: 768px) {
            .video-event-promo-section .video-event-promo-banner.colored-area .video-event-promo-animated-wrapper::before {
              width: var(--min-pattern-width);
              height: calc(100% + 1px);
              top: 50%;
              left: 50%;
              -webkit-transform: translate(calc(-50% + 20%), -50%);
                      transform: translate(calc(-50% + 20%), -50%);
              background-color: var(--background-color);
              clip-path: polygon(63.75% 0, 100% 0, 100% 100%, 36.25% 100%);
              -webkit-animation: none;
                      animation: none;
              opacity: 0; } }
      .video-event-promo-section .video-event-promo-banner.colored-area.animated .video-event-promo-animated-wrapper::before {
        -webkit-transform: translate(calc(-50% + 20%), -50%);
                transform: translate(calc(-50% + 20%), -50%);
        -webkit-animation: slideIn;
                animation: slideIn;
        -webkit-animation-duration: 300ms;
                animation-duration: 300ms;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards; }
        @media (min-width: 768px) {
          .video-event-promo-section .video-event-promo-banner.colored-area.animated .video-event-promo-animated-wrapper::before {
            -webkit-animation-delay: 100ms;
                    animation-delay: 100ms; } }
      .video-event-promo-section .video-event-promo-banner.colored-area.animated .video-event-promo-animated-wrapper .video-event-promo-text {
        -webkit-animation: wipeDown;
                animation: wipeDown;
        -webkit-animation-duration: 1000ms;
                animation-duration: 1000ms;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards; }
        @media (min-width: 768px) {
          .video-event-promo-section .video-event-promo-banner.colored-area.animated .video-event-promo-animated-wrapper .video-event-promo-text {
            -webkit-animation-delay: 500ms;
                    animation-delay: 500ms; } }
      .video-event-promo-section .video-event-promo-banner.colored-area.animated .video-event-promo-animated-wrapper .video-event-promo-image {
        -webkit-animation: fadeIn;
                animation: fadeIn;
        -webkit-animation-duration: 500ms;
                animation-duration: 500ms;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards; }
        @media (min-width: 768px) {
          .video-event-promo-section .video-event-promo-banner.colored-area.animated .video-event-promo-animated-wrapper .video-event-promo-image {
            -webkit-animation-delay: 500ms;
                    animation-delay: 500ms; } }
      .video-event-promo-section .video-event-promo-banner.colored-area.animated.reverse .video-event-promo-animated-wrapper::before {
        -webkit-animation: slideInReverse;
                animation: slideInReverse;
        -webkit-animation-delay: 100ms;
                animation-delay: 100ms;
        -webkit-animation-duration: 300ms;
                animation-duration: 300ms;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards; }
        @media (min-width: 768px) {
          .video-event-promo-section .video-event-promo-banner.colored-area.animated.reverse .video-event-promo-animated-wrapper::before {
            clip-path: polygon(63.75% 0, 100% 0, 100% 100%, 36.25% 100%);
            clip-path: polygon(0 0, 63.75% 0, 36.25% 100%, 0 100%);
            -webkit-transform: translateX(-20%);
                    transform: translateX(-20%);
            opacity: 0; }
        .video-event-promo-section .video-event-promo-banner.colored-area.animated.reverse .video-event-promo-text {
          color: #202020; } }
  .video-event-promo-section .video-event-promo-text {
    color: #FFFFFF;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    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: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    clip-path: inset(0 0 100% 0); }
    @media (min-width: 768px) {
      .video-event-promo-section .video-event-promo-text {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 40%;
                flex: 0 0 40%;
        max-width: 40%; } }
    .video-event-promo-section .video-event-promo-text .pre-headline {
      font-weight: 700;
      margin-bottom: 1rem;
      color: #FFFFFF; }
      @media (min-width: 768px) {
        .video-event-promo-section .video-event-promo-text .pre-headline {
          margin-bottom: 1.5rem; } }
      .video-event-promo-section .video-event-promo-text .pre-headline--blue {
        color: #204a88; }
    .video-event-promo-section .video-event-promo-text .headline {
      font-size: 1.625rem;
      margin-bottom: 1rem; }
      @media (min-width: 768px) {
        .video-event-promo-section .video-event-promo-text .headline {
          margin-bottom: 1.5rem;
          font-size: 2.5rem; } }
    .video-event-promo-section .video-event-promo-text .paragraph {
      font-size: 1.125rem;
      margin-bottom: 1rem; }
      @media (min-width: 768px) {
        .video-event-promo-section .video-event-promo-text .paragraph {
          margin-bottom: 1.5rem; } }
  .video-event-promo-section .video-event-promo-image {
    opacity: 0; }
  .video-event-promo-section .video-event-promo-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2.5rem; }
    @media (max-width: 767px) {
      .video-event-promo-section .video-event-promo-content {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin-bottom: calc(2rem + 44px); } }
    @media (min-width: 768px) {
      .video-event-promo-section .video-event-promo-content {
        gap: 6rem; } }
  .video-event-promo-section .video-event-promo-inner {
    max-width: calc(100vw - 17px);
    max-width: calc(100vw - var(--scrollbar-width, 0)); }
  .video-event-promo-section .swiper-slide {
    height: auto; }
  @media (max-width: 767px) {
    .video-event-promo-section .swiper-initialized .swiper-controls {
      position: absolute;
      bottom: 2rem;
      left: 0;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 1rem; } }
  .video-event-promo-section .swiper-initialized .swiper-controls .swiper-pagination {
    bottom: 2.5rem;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    @media (max-width: 767px) {
      .video-event-promo-section .swiper-initialized .swiper-controls .swiper-pagination {
        display: none; } }
  .video-event-promo-section .swiper-button-prev,
  .video-event-promo-section .swiper-button-next {
    width: 2.75rem;
    height: 2.75rem;
    background: #E2E7EA;
    border-radius: 100%;
    font-size: 0.625rem;
    color: #008787; }
    @media (max-width: 767px) {
      .video-event-promo-section .swiper-button-prev,
      .video-event-promo-section .swiper-button-next {
        position: static; } }
  @media (min-width: 768px) {
    .video-event-promo-section .swiper-button-prev {
      left: 3%; } }
  @media (max-width: 1350px) and (min-width: 767px) {
    .video-event-promo-section .swiper-button-prev {
      display: none; } }
  @media (min-width: 768px) {
    .video-event-promo-section .swiper-button-next {
      right: 3%; } }
  @media (max-width: 1350px) and (min-width: 767px) {
    .video-event-promo-section .swiper-button-next {
      display: none; } }

@-webkit-keyframes slideIn {
  from {
    -webkit-transform: translate(calc(-50% + 20%), -50%);
            transform: translate(calc(-50% + 20%), -50%);
    opacity: 0; }
  to {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    opacity: 1; } }

@keyframes slideIn {
  from {
    -webkit-transform: translate(calc(-50% + 20%), -50%);
            transform: translate(calc(-50% + 20%), -50%);
    opacity: 0; }
  to {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    opacity: 1; } }

@-webkit-keyframes slideInReverse {
  from {
    -webkit-transform: translate(calc(-50% - 20%), -50%);
            transform: translate(calc(-50% - 20%), -50%);
    opacity: 0; }
  to {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    opacity: 1; } }

@keyframes slideInReverse {
  from {
    -webkit-transform: translate(calc(-50% - 20%), -50%);
            transform: translate(calc(-50% - 20%), -50%);
    opacity: 0; }
  to {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    opacity: 1; } }

@-webkit-keyframes wipeDown {
  from {
    clip-path: inset(0 0 100% 0); }
  to {
    clip-path: inset(0); } }

@keyframes wipeDown {
  from {
    clip-path: inset(0 0 100% 0); }
  to {
    clip-path: inset(0); } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.video-section.loading {
  cursor: wait; }
  .video-section.loading > .container {
    pointer-events: none; }

.video-section .video-search::-webkit-input-placeholder {
  color: #ADADAD; }

.video-section .video-search::-moz-placeholder {
  color: #ADADAD; }

.video-section .video-search:-ms-input-placeholder {
  color: #ADADAD; }

.video-section .video-search::-ms-input-placeholder {
  color: #ADADAD; }

.video-section .video-search::placeholder {
  color: #ADADAD; }

.video-section .video-search .selector-block__text-field--big {
  min-width: 0; }

.video-section .filter-block__container {
  padding-left: 0.5rem; }

.video-section .top-img-card__img-wrap {
  background-color: #F4F4F4; }

.drag-slider--one-result {
  color: #008787;
  float: right; }

.drag-slider__two-result {
  color: #008787;
  float: right; }

.drag-slider__wrapper {
  position: relative;
  margin-bottom: 32px; }

.drag-slider__rangebar {
  background: #008787;
  height: 4px;
  top: 33px;
  pointer-events: none;
  cursor: pointer;
  z-index: 1;
  border-radius: 10px; }

.drag-slider__rangebar-oneway {
  width: 0;
  background: #008787;
  height: 4px;
  top: 33px;
  pointer-events: none;
  cursor: pointer;
  z-index: 1;
  border-radius: 10px; }

.drag-slider__bottom {
  height: 4px;
  top: 32px;
  background: #D6D6D6;
  border-radius: 10px;
  z-index: 0; }

.drag-slider__num {
  color: #858585; }

.drag-slider__num--min.is-active {
  color: #484848; }

.drag-slider__num--max {
  float: right; }
  .drag-slider__num--max.is-active {
    color: #484848; }

.drag-slider--between {
  color: #484848;
  left: 0;
  top: 48px;
  z-index: 3; }

.drag-slider--small {
  color: #484848;
  left: 0;
  top: 48px;
  z-index: 3; }

.drag-slider--big {
  color: #484848;
  left: 100%;
  top: 48px;
  z-index: 3; }

.drag-slider__bar {
  position: relative;
  z-index: 9;
  pointer-events: none;
  height: 16px;
  -webkit-appearance: none;
  margin: 10px 0; }
  .drag-slider__bar:focus {
    outline: none; }
  .drag-slider__bar::-webkit-slider-runnable-track {
    height: 4px;
    cursor: pointer;
    background: transparent; }
  .drag-slider__bar::-webkit-slider-thumb {
    position: relative;
    pointer-events: auto;
    border: 4px solid #FFFFFF;
    border-radius: 50%;
    z-index: 9;
    height: 14px;
    width: 14px;
    background: #008787;
    -webkit-box-shadow: 0 0 3px 0 #717171;
            box-shadow: 0 0 3px 0 #717171;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -4px; }
  .drag-slider__bar:focus::-webkit-slider-runnable-track {
    background: transparent; }
  .drag-slider__bar::-moz-range-track {
    height: 4px;
    cursor: pointer;
    background: transparent; }
  .drag-slider__bar::-moz-range-thumb {
    pointer-events: auto;
    border: 4px solid #FFFFFF;
    border-radius: 50%;
    z-index: 9;
    height: 6px;
    width: 6px;
    background: #008787;
    cursor: pointer;
    box-shadow: 0 0 3px 0 #717171; }
  .drag-slider__bar::-moz-focus-outer {
    border: 0; }
  .drag-slider__bar::-ms-track {
    height: 4px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent; }
  .drag-slider__bar::-ms-fill-lower {
    background: transparent; }
  .drag-slider__bar::-ms-fill-upper {
    background: transparent; }
  .drag-slider__bar::-ms-thumb {
    pointer-events: auto;
    border: 4px solid #FFFFFF;
    box-shadow: 0 0 3px 0 #717171;
    border-radius: 50%;
    z-index: 9;
    height: 14px;
    width: 14px;
    background: #008787;
    cursor: pointer; }
  .drag-slider__bar:focus::-ms-fill-lower {
    background: transparent; }
  .drag-slider__bar:focus::-ms-fill-upper {
    background: transparent; }

.drag-slider__bar-2 {
  position: absolute;
  left: 0;
  top: 16px; }
  .drag-slider__bar-2:focus {
    outline: none; }
  .drag-slider__bar-2::-webkit-slider-runnable-track {
    height: 2px;
    cursor: pointer;
    background: transparent; }
  .drag-slider__bar-2::-webkit-slider-thumb {
    position: relative;
    pointer-events: auto;
    border: 4px solid #FFFFFF;
    border-radius: 50%;
    z-index: 9;
    height: 14px;
    width: 14px;
    background: #008787;
    -webkit-box-shadow: 0 0 3px 0 #717171;
            box-shadow: 0 0 3px 0 #717171;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -4px; }
  .drag-slider__bar-2:focus::-webkit-slider-runnable-track {
    background: transparent; }
  .drag-slider__bar-2::-moz-range-track {
    height: 4px;
    cursor: pointer;
    background: transparent; }
  .drag-slider__bar-2::-moz-range-thumb {
    pointer-events: auto;
    border: 4px solid #FFFFFF;
    border-radius: 50%;
    z-index: 9;
    height: 6px;
    width: 6px;
    background: #008787;
    cursor: pointer;
    box-shadow: 0 0 3px 0 #717171; }
  .drag-slider__bar-2::-moz-focus-outer {
    border: 0; }
  .drag-slider__bar-2::-ms-track {
    height: 4px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent; }
  .drag-slider__bar-2::-ms-fill-lower {
    background: transparent; }
  .drag-slider__bar-2::-ms-fill-upper {
    background: transparent; }
  .drag-slider__bar-2::-ms-thumb {
    pointer-events: auto;
    border: 4px solid #FFFFFF;
    box-shadow: 0 0 3px 0 #717171;
    border-radius: 50%;
    z-index: 9;
    height: 14px;
    width: 14px;
    background: #008787;
    cursor: pointer; }
  .drag-slider__bar-2:focus::-ms-fill-lower {
    background: transparent; }
  .drag-slider__bar-2:focus::-ms-fill-upper {
    background: transparent; }

.drag-slider__wrapper.hidden-range {
  position: relative; }
  .drag-slider__wrapper.hidden-range .drag-slider__bar {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    width: 1px;
    height: 1px;
    position: absolute;
    bottom: 0;
    right: 0;
    overflow: hidden; }
  .drag-slider__wrapper.hidden-range .drag-slider__bottom {
    display: none; }
  .drag-slider__wrapper.hidden-range .drag-slider__rangebar {
    display: none; }
  .drag-slider__wrapper.hidden-range .drag-slider__rangebar-oneway {
    display: none; }

.text-editor table,
.border-table {
  min-width: 768px;
  margin-bottom: 16px; }
  .text-editor table .border-table__th--long,
  .text-editor table .border-table__td--long,
  .border-table .border-table__th--long,
  .border-table .border-table__td--long {
    width: 45%; }
  .text-editor table thead tr,
  .border-table thead tr {
    border-bottom: 1px solid #EAEAEA; }
  .text-editor table th,
  .border-table th {
    color: #204a88;
    padding: 8px 16px 8px 0; }
    .text-editor table th i,
    .border-table th i {
      font-size: 10px;
      margin-left: 8px; }
    .text-editor table th .sort,
    .border-table th .sort {
      font-weight: 700;
      font-size: 14px; }
      .text-editor table th .sort:after,
      .border-table th .sort:after {
        font-family: "icon";
        content: '\EA01';
        font-size: 9px;
        margin-left: 4px; }
      .text-editor table th .sort.is-active:after,
      .border-table th .sort.is-active:after {
        content: '\EA04'; }
  .text-editor table tbody tr,
  .border-table tbody tr {
    border-top: 1px solid #EAEAEA; }
    .text-editor table tbody tr:first-child,
    .border-table tbody tr:first-child {
      border-bottom: none; }
    .text-editor table tbody tr.note,
    .border-table tbody tr.note {
      border-top: none; }
      .text-editor table tbody tr.note td,
      .border-table tbody tr.note td {
        padding-top: 0; }
    .text-editor table tbody tr.warning,
    .border-table tbody tr.warning {
      background-color: rgba(250, 190, 62, 0.1);
      padding: 0; }
  .text-editor table td,
  .border-table td {
    padding: 16px 16px 16px 0;
    vertical-align: top; }
    .text-editor table td:last-child,
    .border-table td:last-child {
      padding-right: 0; }
    .text-editor table td.gray,
    .border-table td.gray {
      color: #858585; }
    .text-editor table td.red,
    .border-table td.red {
      color: #E26C6C; }
  .text-editor table b,
  .border-table b {
    font-weight: 700; }
  .text-editor table .notify-checkbox-sublist ul:not(.border-table__dash-list) li,
  .border-table .notify-checkbox-sublist ul:not(.border-table__dash-list) li {
    padding-left: 0; }
    .text-editor table .notify-checkbox-sublist ul:not(.border-table__dash-list) li:before,
    .border-table .notify-checkbox-sublist ul:not(.border-table__dash-list) li:before {
      display: none; }
  .text-editor table ul:not(.border-table__dash-list) li,
  .border-table ul:not(.border-table__dash-list) li {
    padding-left: 16px;
    margin-bottom: 4px; }
    .text-editor table ul:not(.border-table__dash-list) li:before,
    .border-table ul:not(.border-table__dash-list) li:before {
      top: 6px; }
  .text-editor table.print--display-table,
  .border-table.print--display-table {
    display: none; }

@media (min-width: 1201px) {
  .border-table--main-width {
    width: 40%; } }

.border-table--title {
  font-weight: 700;
  width: calc(99.9% * 2/3 - (24px - 24px * 2/3)); }

.border-table--title:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.border-table--title:last-child {
  margin-right: 0; }

.border-table--title:nth-child(3n) {
  margin-right: 0;
  float: right; }

.border-table--title:nth-child(3n + 1) {
  clear: both; }

.border-table--img {
  width: calc(99.9% * 1/3 - (24px - 24px * 1/3)); }

.border-table--img:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.border-table--img:last-child {
  margin-right: 0; }

.border-table--img:nth-child(3n) {
  margin-right: 0;
  float: right; }

.border-table--img:nth-child(3n + 1) {
  clear: both; }

.border-table__note {
  color: #858585;
  margin-top: 4px; }
  .border-table__note.border-table__link {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    color: #008787; }
    @media (min-width: 1025px) {
      .border-table__note.border-table__link:hover {
        color: rgba(0, 135, 135, 0.8); } }
  @media (min-width: 768px) {
    .border-table__note--narrow {
      max-width: 80%; } }

.border-table__text {
  width: calc(100% - 35px); }
  .border-table__text + .border-table__link {
    margin-left: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .border-table__text i {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
    margin-left: 4px;
    font-size: 12px; }

.border-table__sort {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #204a88;
  cursor: pointer;
  white-space: nowrap; }
  @media (min-width: 1025px) {
    .border-table__sort:hover {
      color: rgba(32, 74, 136, 0.8); } }
  .border-table__sort.is-active:after {
    content: '\EA04'; }
  .border-table__sort:after {
    font-family: "icon";
    content: '\EA01';
    font-size: 9px;
    margin-left: 4px; }

.border-table__td .flex-between {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.border-table__td .inline-text .basic-form__tooltip {
  margin-left: 0.5rem; }

.border-table__icon {
  font-size: 18px; }

.border-table__dash-list li {
  text-indent: -8px;
  margin-left: 8px;
  margin-bottom: 4px; }
  .border-table__dash-list li:nth-child(n+4) {
    display: none; }
  .border-table__dash-list li:before {
    content: '-';
    margin-right: 4px; }

.border-table__id {
  margin-bottom: 12px; }
  .border-table__id span:first-child {
    color: #858585; }

.border-table__shipping-info {
  margin-bottom: 12px; }
  .border-table__shipping-info span:first-child {
    font-size: 12px;
    color: #858585;
    margin-bottom: 4px; }
  .border-table__shipping-info .icon-download {
    font-size: 20px; }

.border-table__checksum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .border-table__checksum__text {
    white-space: nowrap; }
  .border-table__checksum-btn {
    color: #008787;
    margin-top: 20px; }
    .border-table__checksum-btn:hover {
      opacity: 0.8; }
  .border-table__checksum-icon {
    color: #008787;
    margin-left: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .border-table__checksum-icon:hover {
      opacity: 0.8; }

.border-table__diagonal-cell {
  padding: 0 !important;
  position: relative;
  overflow: hidden; }
  .border-table__diagonal-cell__inner {
    height: 100%;
    width: 100%;
    position: relative;
    font-size: 0.75rem;
    background-image: linear-gradient(to top right, transparent calc(50% - 1px), #EAEAEA, transparent calc(50% + 1px)); }
  .border-table__diagonal-cell p {
    margin-bottom: 0 !important; }
  .border-table__diagonal-cell__top {
    position: absolute;
    width: 50%; }
  .border-table__diagonal-cell__bottom {
    position: absolute;
    width: 50%; }
  .border-table__diagonal-cell__top {
    right: 0.5rem;
    top: 1rem; }
  .border-table__diagonal-cell__bottom {
    left: 0.75rem;
    bottom: 0.5rem; }

.border-table-inner-container {
  border: 2px solid #EAEAEA;
  margin: 0 auto 1.5rem;
  padding: 0.5rem 2rem; }
  @media (min-width: 992px) {
    .border-table-inner-container {
      max-width: 70%; } }
  .border-table-inner-container thead tr:first-child {
    border: none; }
  .border-table-inner-container .checkbox-wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .border-table-inner-container .checkbox-wrapper .basic-form__checkbox-wrap {
      margin-bottom: 0; }
  .border-table-inner-container .inline-checkbox {
    width: auto;
    margin-right: 1rem; }
  .border-table-inner-container .product-table {
    min-width: auto; }
    .border-table-inner-container .product-table .account-section__info-msg {
      margin: 0 0 1rem; }
      @media (min-width: 768px) {
        .border-table-inner-container .product-table .account-section__info-msg {
          margin: 0 1rem 0 0; } }
  .border-table-inner-container [data-checkbox-select-all-wrapper] {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .border-table-inner-container [data-checkbox-select-all-wrapper] [type="checkbox"] {
      pointer-events: none; }

body.JAJP .border-table.jp-table--padded-first-col tr > *:first-child {
  padding-right: 32px; }

body.JAJP .border-table.jp-table--padded-first-col td {
  line-height: 1.5em; }

.model-table-heading {
  color: #717171; }

.model-table {
  min-width: 920px; }
  .model-table th, .model-table td {
    width: 20%;
    padding: 16px 24px 16px 0; }
  .model-table th a:not(.tag-btn),
  .model-table th .pdim-name {
    margin-top: 24px;
    min-width: 188px; }
    @media (max-width: 1024px) {
      .model-table th a:not(.tag-btn),
      .model-table th .pdim-name {
        min-width: 163px; } }
    @media (max-width: 767px) {
      .model-table th a:not(.tag-btn),
      .model-table th .pdim-name {
        min-width: 0; } }
  .model-table th .pdim-name {
    display: inline-block;
    color: #008787; }
  .model-table td {
    border-top: 1px solid #EAEAEA; }
    .model-table td:first-child {
      font-family: "Neue Helvetica W01", Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
      font-weight: 700;
      color: #484848; }
    .model-table td.model-table--no-line {
      border-top: none; }
    .model-table td li {
      margin-bottom: 8px; }
  .model-table + .model-table {
    padding-top: 16px;
    border-top: 1px solid #EAEAEA;
    margin-top: 8px; }

.ZHCN .model-table td {
  border-top: 1px solid #EAEAEA; }
  .ZHCN .model-table td:first-child {
    font-family: "微軟雅黑體", "Microsoft YaHei", "Neue Helvetica W01", Helvetica, Arial, sans-serif;
    font-weight: 700;
    color: #484848; }

.JAJP .model-table td {
  border-top: 1px solid #EAEAEA; }
  .JAJP .model-table td:first-child {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
    color: #484848; }

.model-table__img {
  width: auto;
  max-width: 100%;
  display: none; }
  .model-table__img.is-active {
    display: block; }

.model-table__btn {
  margin-bottom: 8px;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }
  .model-table__btn.is-active, .model-table__btn.static-active {
    opacity: 1; }
  @media (max-width: 1024px) {
    .model-table__btn {
      opacity: 1; } }

.model-table__cta-btn {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #008787;
  margin-top: 16px; }
  @media (min-width: 1025px) {
    .model-table__cta-btn:hover {
      color: rgba(0, 135, 135, 0.8); } }

.mxTableStyle {
  border: 1px solid #AFB3BA;
  width: 100% !important; }
  .mxTableStyle thead {
    background-color: #008787;
    color: #FFFFFF; }
    .mxTableStyle thead td {
      font-weight: 700;
      border-right: 1px solid rgb(0, 108, 108);
      border-bottom: 1px solid rgb(0, 108, 108); }
  .mxTableStyle tbody tr:nth-child(even) {
    background-color: rgba(175, 179, 186, 0.2); }
    .mxTableStyle tbody tr:nth-child(even).theading {
      background-color: transparent; }
  .mxTableStyle tr {
    border-bottom: 1px solid #AFB3BA; }
  .mxTableStyle td {
    padding: 8px 24px;
    line-height: 1.2em;
    border-right: 1px solid #AFB3BA; }
    .mxTableStyle td:last-child {
      border-right: none; }
  .mxTableStyle .theading td {
    background-color: rgba(0, 135, 135, 0.4) !important;
    color: #717171;
    font-weight: 700; }
  .mxTableStyle tfoot {
    border-top: 1px solid #F4F4F4;
    color: #FF8000; }

.table-styled {
  width: 100%;
  max-width: 100%; }
  @media (max-width: 767px) {
    .table-styled {
      overflow-x: auto; } }
  .table-styled--small-font {
    font-size: 14px; }
  .table-styled table {
    width: 100%;
    margin-left: auto;
    margin-right: auto; }
    @media (max-width: 767px) {
      .table-styled table {
        min-width: 600px; } }
    .table-styled table thead {
      border-left: 1px solid #008787;
      border-right: 1px solid #008787; }
    .table-styled table th {
      background-color: #008787;
      padding: 1rem 1.5rem;
      font-weight: 700;
      color: #FFFFFF;
      text-align: left;
      text-transform: uppercase; }
      .table-styled table th:not(:last-child) {
        border-right: 1px solid #ADADAD; }
    .table-styled table td {
      padding: 1rem 1.5rem;
      border-right: 1px solid #ADADAD;
      border-bottom: 1px solid #ADADAD; }
      .table-styled table td:first-child {
        border-left: 1px solid #ADADAD; }
  @media (min-width: 851px) {
    .table-styled--narrow table {
      width: 70%; } }

.tab-filter {
  background-color: #F5F5F7;
  padding-top: 1.5em;
  z-index: 1; }
  .tab-filter .tab-filter__header {
    border-bottom: 1px solid #E3E3E3; }
  .tab-filter .tab-filter__header-item {
    padding: 0.937em 0;
    margin: 0 1em;
    cursor: pointer; }
    .tab-filter .tab-filter__header-item.is-active {
      border-bottom: 2px solid #008787; }
      .tab-filter .tab-filter__header-item.is-active .tab-filter__header-item-text {
        color: #008787; }
      .tab-filter .tab-filter__header-item.is-active .tab-filter__header-item-icon {
        color: #008787; }
    .tab-filter .tab-filter__header-item:first-child {
      margin-left: 0; }
    @media (max-width: 550px) {
      .tab-filter .tab-filter__header-item {
        margin-left: 0.4375em;
        margin-right: 0.4375em; } }
  .tab-filter .tab-filter__header-item-text {
    color: #202020;
    font-size: 1.125em;
    font-weight: bold;
    line-height: 1.437em; }
  .tab-filter .tab-filter__header-item-icon {
    color: #202020; }
  .tab-filter .tab-filter__blocks {
    display: none;
    overflow: hidden; }
  .tab-filter .tab-filter__block {
    opacity: 0;
    height: 0;
    overflow: hidden;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out; }
    .tab-filter .tab-filter__block.is-active {
      opacity: 1;
      height: 100%;
      margin-top: 0.5em; }
    .tab-filter .tab-filter__block.switching {
      -webkit-transition: none !important;
      transition: none !important; }
  .tab-filter .tab-filter__list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .tab-filter .tab-filter__list .tab-filter__item {
      margin-top: 1em;
      margin-right: 1em; }
      .tab-filter .tab-filter__list .tab-filter__item button, .tab-filter .tab-filter__list .tab-filter__item [type='submit'] {
        border: 1px solid #E3E3E3;
        padding: 0.5em;
        line-height: 1.25em; }
        .tab-filter .tab-filter__list .tab-filter__item button:hover, .tab-filter .tab-filter__list .tab-filter__item [type='submit']:hover {
          color: #008787;
          border-color: #008787; }
      .tab-filter .tab-filter__list .tab-filter__item.is-active button,
      .tab-filter .tab-filter__list .tab-filter__item.is-active [type='submit'] {
        background-color: #008787;
        color: #FFFFFF;
        border-color: #008787; }
    @media (max-width: 550px) {
      .tab-filter .tab-filter__list {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }

.basic-tag {
  color: #FFFFFF;
  background-color: #008787;
  padding: 4px 8px; }
  .basic-tag.basic-tag--relative {
    margin-right: 16px; }
    .basic-tag.basic-tag--relative:last-child {
      margin-right: 0; }
  .basic-tag.basic-tag--orange {
    background-color: #FF8000; }

.gray-tag {
  background-color: #F4F4F4;
  color: #717171;
  font-size: 0.75em;
  padding: 8px;
  margin: 0 4px 8px 0; }

.side-border-tag {
  border-left: 4px solid #FF8000;
  padding: 6px 10px;
  background-color: #EAEAEA; }

.tri-tag {
  position: absolute;
  color: #FFFFFF;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  overflow: hidden; }
  .tri-tag span {
    color: #FFFFFF;
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 16px;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
            transform: translateX(-50%) translateY(-50%) rotate(45deg);
    display: block;
    font-weight: 700;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    text-align: center; }
  .tri-tag:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 50px 50px 0;
    border-color: transparent #FF8000 transparent transparent; }

.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0; }

[data-tippy-root] {
  max-width: calc(100vw - 10px); }

.tippy-box {
  position: relative;
  background-color: #D6D6D6;
  color: #202020;
  font-size: 14px;
  line-height: 1.5em;
  outline: 0;
  -webkit-transition-property: visibility,opacity,-webkit-transform;
  transition-property: visibility,opacity,-webkit-transform;
  transition-property: transform,visibility,opacity;
  transition-property: transform,visibility,opacity,-webkit-transform; }

.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0; }

.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: currentColor;
  border-top-color: initial;
  -webkit-transform-origin: center top;
          transform-origin: center top; }

.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0; }

.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: currentColor;
  border-bottom-color: initial;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom; }

.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0; }

.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: currentColor;
  border-left-color: initial;
  right: -7px;
  -webkit-transform-origin: center left;
          transform-origin: center left; }

.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0; }

.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: currentColor;
  border-right-color: initial;
  -webkit-transform-origin: center right;
          transform-origin: center right; }

.tippy-box[data-inertia][data-state=visible] {
  -webkit-transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
          transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11); }

.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333; }

.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid; }

.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1; }

.tippy-content a {
  word-break: break-all; }

.tippy-box[data-theme~='moxa'] {
  background-color: #D6D6D6;
  width: 300px;
  padding: 8px;
  z-index: 5;
  word-wrap: break-word; }

.tippy-box[data-theme~='moxa'][data-placement^='top'] > .tippy-arrow::before {
  border-top-color: #D6D6D6; }

.tippy-box[data-theme~='moxa'][data-placement^='bottom'] > .tippy-arrow::before {
  border-bottom-color: #D6D6D6; }

.tippy-box[data-theme~='moxa'][data-placement^='left'] > .tippy-arrow::before {
  border-left-color: #D6D6D6; }

.tippy-box[data-theme~='moxa'][data-placement^='right'] > .tippy-arrow::before {
  border-right-color: #D6D6D6; }

/* endinject */
/* inject:scss */
.account-nav {
  background-color: #008787;
  color: #FFFFFF;
  z-index: 20; }
  .account-nav .icon-arrow-down {
    font-size: 12px;
    margin-left: 8px;
    -webkit-transform: translateY(2px);
            transform: translateY(2px); }

.account-nav__link {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #FFFFFF;
  height: 60px;
  padding: 0 16px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  @media (min-width: 1025px) {
    .account-nav__link:hover {
      color: rgba(255, 255, 255, 0.8); } }
  @media (max-width: 767px) {
    .account-nav__link {
      font-size: 0.875em;
      padding: 0 8px;
      height: 48px; } }

.account-nav__item,
.account-nav__profile {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #008787; }
  @media (min-width: 1025px) {
    .account-nav__item:hover,
    .account-nav__profile:hover {
      background-color: rgb(0, 113, 113); } }
  .account-nav__item:hover .account-nav__sublist,
  .account-nav__profile:hover .account-nav__sublist {
    opacity: 1;
    visibility: visible; }

@media (max-width: 1024px) {
  .account-nav__item:first-child .account-nav__link {
    padding-left: 0; }
  .account-nav__item:first-child .account-nav__sublist {
    left: 0; }
    .account-nav__item:first-child .account-nav__sublist .account-nav__link {
      padding: 0 16px; }
  .account-nav__profile .account-nav__text {
    display: none; }
  .account-nav__profile > .account-nav__link {
    padding: 0; }
  .account-nav__profile .account-nav__sublist {
    right: 0;
    width: 150px; }
    .account-nav__profile .account-nav__sublist .account-nav__link {
      padding: 0 16px; }
  .account-nav__profile .icon-arrow-down {
    margin-left: 4px; } }

.account-nav__icon {
  font-size: 25px;
  margin-right: 4px; }

.account-nav__sublist {
  width: 180px;
  z-index: 5;
  background-color: rgb(0, 113, 113);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }
  .account-nav__sublist .account-nav__item {
    background-color: transparent; }
  .account-nav__sublist .account-nav__link {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    @media (max-width: 767px) {
      .account-nav__sublist .account-nav__link {
        height: 40px; } }

.breadcrumb {
  color: inherit;
  top: 0;
  left: 0;
  padding: 16px 0;
  z-index: 10; }
  @media (max-width: 767px) {
    .breadcrumb {
      padding: 8px 0; } }
  .breadcrumb + .main-section {
    padding-top: 80px; }
    @media (max-width: 767px) {
      .breadcrumb + .main-section {
        padding-top: 48px; }
    .breadcrumb .container > * {
      display: none; }
      .breadcrumb .container > *:nth-last-child(-n+2) {
        display: inline-block; } }

body.ZHCN .breadcrumb {
  letter-spacing: 0; }

.breadcrumb__link {
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }
  @media (min-width: 1025px) {
    .breadcrumb__link:hover {
      color: #FFFFFF; } }

@media (max-width: 767px) {
  .breadcrumb__link,
  .breadcrumb__current {
    font-size: 0.75em; } }

.breadcrumb__link {
  color: #D6D6D6; }
  @media (min-width: 1025px) {
    .breadcrumb__link:hover {
      color: #FFFFFF; } }
  .breadcrumb--dark .breadcrumb__link {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    color: #858585; }
    @media (min-width: 1025px) {
      .breadcrumb--dark .breadcrumb__link:hover {
        color: rgba(133, 133, 133, 0.8); } }

.breadcrumb__current {
  color: #FFFFFF;
  font-weight: 700; }
  @media (max-width: 767px) {
    .breadcrumb__current {
      max-width: calc(100% - 24px); } }
  .breadcrumb--dark .breadcrumb__current {
    color: #858585; }

.breadcrumb__icon {
  color: #FFFFFF;
  font-size: 10px;
  padding: 0 4px; }
  .breadcrumb--dark .breadcrumb__icon {
    color: #858585; }

footer {
  background-color: #FFFFFF;
  border-top: 1px solid #F4F4F4;
  margin-bottom: 3.75rem; }

@media (min-width: 768px) {
  .footer__main {
    padding: 48px 0; } }

@media (max-width: 767px) {
  .footer__main {
    padding: 24px 0; } }

.footer__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 1024px) {
    .footer__container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; } }
  @media (min-width: 1025px) {
    .footer__container {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }

.footer__block .with-logo a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #afb3ba;
  letter-spacing: 0.16px; }
  .footer__block .with-logo a img {
    width: auto;
    display: inline; }

@media (max-width: 1024px) {
  .footer__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .footer__block:first-child {
      margin-bottom: 16px; } }

.footer__block .icp-license {
  margin-top: 0.5rem; }

.footer__block--end {
  max-width: 482px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 482px;
          flex: 0 0 482px;
  padding-left: 30px; }
  @media (max-width: 1024px) {
    .footer__block--end {
      max-width: 100%;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      padding-left: 0;
      margin-top: 30px; } }
  .footer__block--end .form {
    margin: 0 0 16px;
    opacity: 0; }
    .footer__block--end .form.loaded {
      opacity: 1; }
    .footer__block--end .form .input-group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .footer__block--end .form .input-group .basic-form__input {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        max-width: calc(100% - 120px);
        height: 44px;
        border: 1px solid #ADADAD;
        background-color: #FFFFFF;
        font-size: 14px;
        line-height: 16px;
        padding: 13px 16px; }
        .footer__block--end .form .input-group .basic-form__input::-webkit-input-placeholder {
          color: #ADADAD; }
        .footer__block--end .form .input-group .basic-form__input::-moz-placeholder {
          color: #ADADAD; }
        .footer__block--end .form .input-group .basic-form__input:-ms-input-placeholder {
          color: #ADADAD; }
        .footer__block--end .form .input-group .basic-form__input::-ms-input-placeholder {
          color: #ADADAD; }
        .footer__block--end .form .input-group .basic-form__input::placeholder {
          color: #ADADAD; }
      .footer__block--end .form .input-group .fill-btn {
        max-width: 120px;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 120px;
                flex: 0 0 120px;
        height: 44px;
        font-size: 16px;
        line-height: 24px;
        padding: 8px;
        margin: 0; }
        .footer__block--end .form .input-group .fill-btn:disabled {
          background-color: #ADADAD;
          border-color: #ADADAD; }
          .footer__block--end .form .input-group .fill-btn:disabled:hover {
            color: #FFFFFF;
            cursor: not-allowed; }
  .footer__block--end .footer__paragraph {
    font-size: 14px;
    line-height: 18px;
    color: rgba(113, 113, 113, 0.8); }

@media (max-width: 1024px) {
  .footer__block:last-child {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; } }

.footer__heading {
  margin-bottom: 14px;
  color: #717171; }

.footer__media {
  position: relative; }
  @media (min-width: 851px) {
    .footer__media {
      margin-right: 20px; } }
  @media (max-width: 850px) {
    .footer__media {
      margin-right: 8px; } }
  .footer__media:last-child {
    margin-right: 0; }
  .footer__media.active .footer__media-icon {
    color: #008787; }

@media (min-width: 1025px) {
  .footer__media-link:hover .footer__media-icon {
    color: #008787; } }

.footer__media-icon {
  font-size: 40px;
  color: #858585;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }

.footer__paragraph {
  color: #717171;
  line-height: 1.2em; }

.form-control {
  padding: 11px;
  background-color: #f1f1f2;
  border: 1px solid #008787;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-transition: border 0.3s, background-color 0.3s;
  transition: border 0.3s, background-color 0.3s; }
  .form-control:focus {
    border: 1px solid #3EE9CB;
    background-color: #FFFFFF; }
    .form-control:focus::-webkit-input-placeholder {
      color: #FFFFFF; }
    .form-control:focus::-moz-placeholder {
      color: #FFFFFF; }
    .form-control:focus:-ms-input-placeholder {
      color: #FFFFFF; }
    .form-control:focus:-moz-placeholder {
      color: #FFFFFF; }

.SubscriptionButton {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #008787;
  color: #FFFFFF;
  padding: 13px 16px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  height: 42px;
  margin-left: -6px; }
  @media (min-width: 1025px) {
    .SubscriptionButton:hover {
      background-color: rgb(0, 113, 113); } }

.footer__bottom {
  border-top: 1px solid #F4F4F4;
  padding: 8px 0; }
  @media (max-width: 767px) {
    .footer__bottom {
      margin-top: 0; } }
  .footer__bottom .footer__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 767px) {
      .footer__bottom .footer__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; } }
    @media (min-width: 768px) {
      .footer__bottom .footer__container {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
    .footer__bottom .footer__block:last-child {
      text-align: right;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end; } }
  @media (max-width: 767px) {
    .footer__bottom .footer__block:last-child {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; } }
  @media (min-width: 768px) {
    .footer__bottom .footer__list {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; } }

.footer__list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.footer__item {
  border-right: 1px solid #717171; }
  .footer__item:last-child {
    border-right: none; }
  .footer__item:first-child .footer__link {
    padding-left: 0; }

.footer__link {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #717171;
  font-size: 12px;
  line-height: 0.6875rem;
  letter-spacing: 1px;
  padding-right: 0.5rem;
  font-weight: 400; }
  @media (min-width: 1025px) {
    .footer__link:hover {
      color: rgba(113, 113, 113, 0.8); } }

.footer__copyright {
  font-size: 0.75em;
  color: #AFB3BA;
  letter-spacing: 0.16px;
  line-height: 18px; }

.Subscription {
  margin-bottom: 16px; }

.newsletter-input {
  width: calc(100% - 92px); }

.NewsletterList {
  display: none; }

.footer__media-modal {
  position: absolute;
  bottom: 60px;
  left: 0;
  width: 246px;
  background-color: #eaeaea;
  display: none; }
  @media (max-width: 767px) {
    .footer__media-modal {
      bottom: 54px; } }
  .footer__media-modal-header {
    padding: 8px 12px 8px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .footer__media-modal-header-title {
      max-width: calc(100% - 26px);
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      font-size: 16px;
      line-height: 1.5em;
      color: #717171;
      padding-left: 26px;
      text-align: center; }
    .footer__media-modal-header-close {
      max-width: 16px;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      height: 16px;
      width: 16px;
      position: relative;
      margin-left: 10px;
      cursor: pointer; }
      .footer__media-modal-header-close::before, .footer__media-modal-header-close::after {
        content: '';
        position: absolute;
        height: 1.2px;
        background-color: #212121;
        width: 100%;
        left: 50%;
        top: 50%; }
      .footer__media-modal-header-close::before {
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
                transform: translate(-50%, -50%) rotate(45deg); }
      .footer__media-modal-header-close::after {
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
                transform: translate(-50%, -50%) rotate(-45deg); }
  .footer__media-modal-content {
    padding: 0 16px 16px; }
    .footer__media-modal-content img {
      display: block;
      width: 100%;
      height: auto; }

@media (max-width: 991px) {
  .footer--letter .footer__bottom .footer__container {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; } }

@media (min-width: 992px) {
  .footer--letter .footer__bottom .footer__block {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
            flex: 0 0 33.33%;
    max-width: 33.33%; } }

@media (max-width: 767px) {
  .footer--letter .footer__bottom .footer__block {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; } }

.footer--letter .footer__bottom .footer__block .footer__list {
  margin-right: 0; }
  @media (min-width: 992px) {
    .footer--letter .footer__bottom .footer__block .footer__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }

@media (max-width: 991px) {
  .footer--letter .footer__bottom .footer__block:nth-last-of-type(1) {
    display: none; } }

.footer--letter .footer__bottom .footer__copyright {
  margin: 0; }

footer[\:has\(.footer-bottom-style\)] .footer__bottom {
  padding-bottom: 0; }

footer:has(.footer-bottom-style) .footer__bottom {
  padding-bottom: 0; }

@media (max-width: 768px) {
  footer[\:has\(.footer-bottom-style\)] {
    margin-bottom: 2rem; }
  footer:has(.footer-bottom-style) {
    margin-bottom: 2rem; }
    footer[\:has\(.footer-bottom-style\)] .footer__bottom {
      margin-top: 0;
      margin-bottom: 0; }
    footer[\:has\(.footer-bottom-style\)] .footer__bottom {
      margin-top: 0;
      margin-bottom: 0; }
    footer:has(.footer-bottom-style) .footer__bottom {
      margin-top: 0;
      margin-bottom: 0; } }

.footer-bottom-style .f-style {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media (max-width: 1199px) {
    .footer-bottom-style .f-style {
      -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;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-bottom: 0;
      gap: 0.5rem; } }
  .footer-bottom-style .f-style:last-child {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  @media (min-width: 1200px) {
    .footer-bottom-style .f-style:last-child {
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline; } }
  .footer-bottom-style .f-style .footer__block {
    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: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0.5rem; }
    @media (max-width: 1199px) {
      .footer-bottom-style .f-style .footer__block {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-bottom: 0; } }
    .footer-bottom-style .f-style .footer__block .footer__list {
      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;
      padding-top: 1rem;
      padding-bottom: 1rem; }
  .footer-bottom-style .f-style .icp-license, .footer-bottom-style .f-style .license-logo {
    margin-top: 0;
    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;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px 16px; }

body.JAJP .footer__link {
  font-weight: 300; }

body.ENUS .footer__link {
  font-size: 11px; }

header {
  color: inherit;
  background-color: #FFFFFF;
  top: 0;
  left: 0;
  z-index: 300;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }
  @media (max-width: 1024px) {
    header {
      padding: 0;
      position: fixed;
      width: 100%;
      top: 0;
      left: 0; }
      header .container {
        padding: 0; } }
  header:before {
    top: 0;
    left: 0;
    -webkit-box-shadow: 0 0 8px 0 #cecece;
            box-shadow: 0 0 8px 0 #cecece;
    content: "";
    pointer-events: none; }

.header__top {
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 8px 0; }
  @media (max-width: 1024px) {
    .header__top {
      display: none; } }

.header__profile-link {
  margin-left: 24px;
  padding: 0 8px;
  background-color: #FFFFFF; }
  @media (min-width: 1025px) {
    .header__profile-link:hover .header__profile-sub {
      display: block; } }
  .header__profile-link .header__profile-heading {
    color: #008787;
    margin-bottom: 8px;
    -webkit-transform: translateY(1px);
            transform: translateY(1px);
    z-index: 21;
    position: relative; }
  .header__profile-link .icon-arrow-down {
    font-size: 8px;
    margin-left: 2px;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s; }
  .header__profile-link .header__profile-sub {
    display: none;
    padding-top: 25px;
    border: 1px solid #D6D6D6;
    -webkit-transform: translateY(-24px);
            transform: translateY(-24px);
    z-index: 20;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    right: 0;
    background-color: #FFFFFF;
    text-align: right;
    min-width: 100%; }
    @media (min-width: 1025px) {
      .header__profile-link .header__profile-sub:hover {
        opacity: 1; } }
  .header__profile-link ul {
    background-color: #FFFFFF;
    padding: 0 8px 6px; }
  .header__profile-link li {
    margin-bottom: 8px; }
    .header__profile-link li a,
    .header__profile-link li button {
      padding: 4px 0; }
  .header__profile-link a,
  .header__profile-link button {
    z-index: 2; }

.header__top-item {
  border-right: 1px solid rgba(0, 135, 135, 0.4);
  padding: 0 8px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }
  .header__top-item:last-child {
    border-right: none; }
  .search-active .header__top-item {
    opacity: 0;
    pointer-events: none; }

.header__main {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }
  @media (min-width: 1025px) {
    .header__main {
      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; }
  .header__logo {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
    width: 177px; } }

@media (max-width: 1024px) {
  .header__logo {
    width: 140px; } }

@media (max-width: 767px) {
  .header__logo {
    width: 100px; } }

.header__list {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-transition: opacity 0.45s;
  transition: opacity 0.45s; }
  @media (max-width: 1024px) {
    .header__list {
      display: none; } }
  .search-active .header__list {
    opacity: 0;
    pointer-events: none; }

.header__item {
  margin-right: 72px; }
  .header__item:last-child {
    margin-right: 0; }
  @media (min-width: 1025px) {
    .header__item:hover .header__link {
      color: #484848; }
      .header__item:hover .header__link:before {
        height: 3px; } }

.header__img {
  height: auto; }

.header__link {
  padding: 16px 0 24px;
  color: inherit; }
  @media (min-width: 1025px) {
    .header__link:hover:before {
      height: 3px; } }
  .header__link:before {
    height: 0;
    -webkit-transition: height 0.3s;
    transition: height 0.3s;
    background-color: #008787;
    left: 0;
    bottom: 0;
    content: ""; }

.header__search-trigger {
  z-index: 10;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  float: right; }
  @media (min-width: 1025px) {
    .header__search-trigger {
      -webkit-transform: translateY(-4px);
              transform: translateY(-4px);
      background-color: #EAEAEA;
      border-radius: 50%;
      width: 38px;
      height: 38px; }
      .header__search-trigger:hover {
        background-color: #D6D6D6; }
      .search-active .header__search-trigger {
        background-color: #D6D6D6; } }
  @media (max-width: 1024px) {
    .header__search-trigger {
      padding: 16px; } }

.search-input {
  background: white;
  padding: 8px 24px 8px 48px; }
  @media (max-width: 767px) {
    .search-input {
      padding: 8px 16px 8px 28px;
      font-size: 1em; } }

.search-input__line {
  width: calc(100% - 72px);
  height: 1px;
  background: #EAEAEA;
  left: 48px;
  bottom: 0; }
  @media (max-width: 767px) {
    .search-input__line {
      left: 28px;
      width: calc(100% - 28px); } }

.header__search {
  bottom: 14px;
  right: 60px;
  width: 0;
  -webkit-transition: width 0.5s,
 opacity 0.5s;
  transition: width 0.5s,
 opacity 0.5s;
  opacity: 0;
  pointer-events: none; }
  @media (max-width: 1024px) {
    .header__search {
      right: 75px;
      height: 50px;
      bottom: 0; } }
  @media (max-width: 767px) {
    .header__search {
      right: 70px; } }
  .search-active .header__search {
    width: calc(100% - 280px);
    opacity: 1;
    pointer-events: auto; }
    @media (max-width: 1024px) {
      .search-active .header__search {
        width: calc(100% - 275px); } }
    @media (max-width: 767px) {
      .search-active .header__search {
        width: calc(100% - 75px); } }
  .header__search i {
    font-size: 20px;
    top: calc(50% - 10px);
    left: 15px;
    color: #484848; }
    @media (max-width: 767px) {
      .header__search i {
        left: 6px;
        font-size: 16px;
        top: calc(50% - 8px); } }

.header__mobile-menu {
  color: #008787;
  padding: 16px; }
  @media (min-width: 1025px) {
    .header__mobile-menu {
      display: none; } }
  @media (max-width: 767px) {
    .header__mobile-menu {
      font-size: 18px; } }
  .header__mobile-menu i {
    font-size: 18px; }

.header__search-result-block {
  width: calc(100% - 24px);
  top: 40px;
  right: 0;
  z-index: 1000;
  background: white;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 767px) {
    .header__search-result-block {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  .header__search-result-block.has-data {
    padding: 24px 24px 24px 12px;
    min-height: 80px; }
  .header__search-result-block[\:has\(.card-ad-wrapper\)] {
    padding: 0; }
  .header__search-result-block:has(.card-ad-wrapper) {
    padding: 0; }
    .header__search-result-block[\:has\(.card-ad-wrapper\)] .submenu__subheading {
      color: #202020;
      font-size: 15px; }
    .header__search-result-block:has(.card-ad-wrapper) .submenu__subheading {
      color: #202020;
      font-size: 15px; }
    .header__search-result-block[\:has\(.card-ad-wrapper\)].column--3 > .column__item--2 {
      padding: 24px 24px 24px 12px; }
    .header__search-result-block:has(.card-ad-wrapper).column--3 > .column__item--2 {
      padding: 24px 24px 24px 12px; }
    @media (max-width: 767px) {
      .header__search-result-block[\:has\(.card-ad-wrapper\)] .card-ad--content {
        -webkit-box-shadow: 10px 10px 16px 0 rgba(32, 32, 32, 0.18);
                box-shadow: 10px 10px 16px 0 rgba(32, 32, 32, 0.18); }
      .header__search-result-block:has(.card-ad-wrapper) .card-ad--content {
        -webkit-box-shadow: 10px 10px 16px 0 rgba(32, 32, 32, 0.18);
                box-shadow: 10px 10px 16px 0 rgba(32, 32, 32, 0.18); } }
  @media (max-width: 1024px) {
    .header__search-result-block {
      max-height: calc(100vh - 50px);
      top: 50px; } }
  @media (max-width: 767px) {
    .header__search-result-block {
      width: 100vw;
      right: -70px; }
      .header__search-result-block.has-data {
        padding: 16px; } }
  .header__search-result-block.column--3 > .column__item--2 {
    position: relative;
    z-index: 1; }
  .header__search-result-block.column--3 > .column__item {
    position: relative;
    z-index: 1;
    float: right;
    margin-top: 0; }
    @media (max-width: 767px) {
      .header__search-result-block.column--3 > .column__item.padded-m {
        margin-top: 24px; } }
  .header__search-result-block.column--3 .hidden {
    display: none !important; }
  .header__search-result-block .loading-spinner {
    opacity: 0;
    position: absolute;
    z-index: 0;
    margin: 0;
    pointer-events: none;
    background-color: #FFFFFF;
    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;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    .header__search-result-block .loading-spinner.visible {
      opacity: 1; }
    .header__search-result-block .loading-spinner__spinner {
      display: block;
      width: 32px;
      height: 32px;
      background-repeat: no-repeat;
      background-image: url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wCHh8bj44TExLbc3JrPzzagoFavr9js7OTx8bzf3x6VlQSIiAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQACgABACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQACgACACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkEAAoAAwAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkEAAoABAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAAKAAUALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAAKAAYALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQACgAHACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAAKAAgALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAAKAAkALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQACgAKACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkEAAoACwAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==); }

.header__search-result-list {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #202020;
  display: block;
  padding: 6px 12px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-bottom: 4px;
  line-height: 1.31em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  @media (min-width: 1025px) {
    .header__search-result-list:hover {
      color: rgba(32, 32, 32, 0.8); } }
  @media (max-width: 767px) {
    .header__search-result-list {
      padding: 6px 0; } }
  .header__search-result-list:hover {
    background: #F4F4F4; }

.header__search-key-word {
  font-weight: 700; }

.header__search-category {
  margin-left: 8px;
  font-size: 0.75em;
  color: #858585; }

.header__search-result-divided {
  height: 1px;
  background: #EAEAEA;
  margin: 16px 12px; }

.header-search-card {
  margin-bottom: 16px;
  padding: 12px; }

.header-search-card--featured {
  border: 1px solid #EAEAEA; }

.header-search-card__tag {
  color: #204a88;
  font-weight: 700;
  font-size: 0.75em;
  margin-bottom: 8px; }

.header-search-card__heading {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #202020;
  margin-bottom: 8px; }
  @media (min-width: 1025px) {
    .header-search-card__heading:hover {
      color: rgba(32, 32, 32, 0.8); } }

.header-search-card__paragraph {
  color: #484848;
  line-height: 1em; }

.header__search-icon {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  font-size: 20px;
  color: #484848; }
  @media (max-width: 1024px) {
    .header__search-icon {
      color: #008787;
      font-size: 18px; } }

.overlay {
  width: 100vw;
  height: 100vh;
  background: #202020;
  position: fixed;
  z-index: 100;
  top: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }
  .overlay.active {
    opacity: 0.75;
    pointer-events: auto; }

.header__mobile-bag {
  padding: 15px;
  background-color: #008787;
  color: #FFFFFF;
  float: right; }
  @media (min-width: 1025px) {
    .header__mobile-bag {
      display: none; } }
  .header__mobile-bag i {
    font-size: 20px; }

.header__bag-note {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #E26C6C;
  bottom: 14px;
  right: 14px; }

@media (min-width: 1025px) {
  .header--letter {
    padding-top: 30px;
    padding-bottom: 30px; } }

@media (max-width: 1024px) {
  .header--letter {
    padding-left: 16px;
    padding-right: 16px; }
  .header--letter .header__main {
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; } }

.header--letter .header__logo {
  display: block;
  -webkit-transform: none;
          transform: none; }

.two-col-grid {
  display: grid; }
  @media (min-width: 551px) {
    .two-col-grid.above-mobile {
      grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 768px) {
    .two-col-grid.above-tablet {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 550px) {
    .two-col-grid.below-mobile {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 767px) {
    .two-col-grid.below-tablet {
      grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 1281px) {
    .two-col-grid.above-medium {
      grid-template-columns: repeat(2, 1fr); } }
  .two-col-grid.all {
    grid-template-columns: repeat(2, 1fr); }
  .two-col-grid.vertical-centered .col {
    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-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .two-col-grid.gap-1 {
    gap: 1rem; }
  .two-col-grid.gap-2 {
    gap: 2rem; }

.three-col-grid {
  display: grid; }
  @media (min-width: 551px) {
    .three-col-grid.above-mobile {
      grid-template-columns: repeat(3, 1fr); } }
  @media (min-width: 768px) {
    .three-col-grid.above-tablet {
      grid-template-columns: repeat(3, 1fr); } }
  @media (max-width: 550px) {
    .three-col-grid.below-mobile {
      grid-template-columns: repeat(3, 1fr); } }
  @media (max-width: 767px) {
    .three-col-grid.below-tablet {
      grid-template-columns: repeat(3, 1fr); } }
  .three-col-grid.all {
    grid-template-columns: repeat(3, 1fr); }
  .three-col-grid.gap {
    gap: 1rem; }
    @media (min-width: 768px) {
      .three-col-grid.gap {
        gap: 2rem; } }

.loader {
  width: 50px;
  height: 50px;
  position: relative;
  margin: 40px auto 0;
  border-radius: 50%; }
  .loader span {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-animation-duration: 1.8s;
            animation-duration: 1.8s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
    .loader span:before {
      content: "";
      width: 10%;
      height: 10%;
      position: absolute;
      left: 50%;
      top: 0;
      margin-left: -2.5%;
      background-color: #008787;
      border-radius: 50%; }
    .loader span:nth-child(1) {
      -webkit-transform: rotate(30deg);
              transform: rotate(30deg);
      -webkit-animation-name: spin1;
              animation-name: spin1;
      -webkit-animation-delay: 0.5s;
              animation-delay: 0.5s; }
    .loader span:nth-child(2) {
      -webkit-transform: rotate(15deg);
              transform: rotate(15deg);
      -webkit-animation-name: spin2;
              animation-name: spin2;
      -webkit-animation-delay: 0.6s;
              animation-delay: 0.6s; }
    .loader span:nth-child(3) {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-animation-name: spin3;
              animation-name: spin3;
      -webkit-animation-delay: 0.7s;
              animation-delay: 0.7s; }
    .loader span:nth-child(4) {
      -webkit-transform: rotate(-15deg);
              transform: rotate(-15deg);
      -webkit-animation-name: spin4;
              animation-name: spin4;
      -webkit-animation-delay: 0.8s;
              animation-delay: 0.8s; }
    .loader span:nth-child(5) {
      -webkit-transform: rotate(-30deg);
              transform: rotate(-30deg);
      -webkit-animation-name: spin5;
              animation-name: spin5;
      -webkit-animation-delay: 0.9s;
              animation-delay: 0.9s; }

@-webkit-keyframes spin1 {
  to {
    -webkit-transform: rotate(390deg);
            transform: rotate(390deg); } }

@keyframes spin1 {
  to {
    -webkit-transform: rotate(390deg);
            transform: rotate(390deg); } }

@-webkit-keyframes spin2 {
  to {
    -webkit-transform: rotate(375deg);
            transform: rotate(375deg); } }

@keyframes spin2 {
  to {
    -webkit-transform: rotate(375deg);
            transform: rotate(375deg); } }

@-webkit-keyframes spin3 {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spin3 {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes spin4 {
  to {
    -webkit-transform: rotate(345deg);
            transform: rotate(345deg); } }

@keyframes spin4 {
  to {
    -webkit-transform: rotate(345deg);
            transform: rotate(345deg); } }

@-webkit-keyframes spin5 {
  to {
    -webkit-transform: rotate(330deg);
            transform: rotate(330deg); } }

@keyframes spin5 {
  to {
    -webkit-transform: rotate(330deg);
            transform: rotate(330deg); } }

.loader-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #FFFFFF; }

.mobile-nav {
  display: none;
  background-color: #FCFCFC;
  overflow-y: auto;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
  z-index: -1; }
  @media (max-width: 1024px) {
    .mobile-nav {
      display: block;
      opacity: 0;
      pointer-events: none;
      position: fixed;
      top: 50px;
      left: 0;
      height: calc(100vh - 50px);
      width: 100%;
      -webkit-transform: translateX(-30px);
              transform: translateX(-30px); }
      .mobile-nav.is-active {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translateX(0);
                transform: translateX(0); } }
  .mobile-nav li {
    background-color: #FFFFFF; }

.mobile-nav__lv1 > li {
  border-bottom: 1px solid #EAEAEA; }
  .mobile-nav__lv1 > li > .mobile-nav__list-wrap .mobile-nav__next {
    color: #008787; }
    .mobile-nav__lv1 > li > .mobile-nav__list-wrap .mobile-nav__next span {
      display: none;
      font-weight: 700; }
    .mobile-nav__lv1 > li > .mobile-nav__list-wrap .mobile-nav__next i {
      color: #008787;
      font-size: 14px; }
  .mobile-nav__lv1 > li.is-active > .mobile-nav__list-wrap .mobile-nav__link {
    display: none; }
  .mobile-nav__lv1 > li.is-active > .mobile-nav__list-wrap .mobile-nav__next {
    width: 100%; }
    .mobile-nav__lv1 > li.is-active > .mobile-nav__list-wrap .mobile-nav__next i {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
    .mobile-nav__lv1 > li.is-active > .mobile-nav__list-wrap .mobile-nav__next span {
      display: block; }

.mobile-nav__lv2 {
  display: none; }
  .mobile-nav__lv2 > li.is-active > .mobile-nav__next {
    padding: 16px;
    border-bottom: 1px solid #EAEAEA; }
    .mobile-nav__lv2 > li.is-active > .mobile-nav__next span {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      padding-left: 16px; }
    .mobile-nav__lv2 > li.is-active > .mobile-nav__next i {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
  .mobile-nav__lv2 > li.is-active .mobile-nav__lv3 li {
    border-bottom: 1px solid #EAEAEA; }
    .mobile-nav__lv2 > li.is-active .mobile-nav__lv3 li:last-child {
      border-bottom: none; }

.mobile-nav__list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  font-weight: 700; }

.mobile-nav__link {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 12px 24px; }

.mobile-nav__next {
  background-color: #FCFCFC;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .mobile-nav__next i {
    color: #484848;
    padding: 16px; }

.mobile-nav__accordion {
  background-color: #F4F4F4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 20px; }
  .mobile-nav__accordion span {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding-right: 8px; }
  .mobile-nav__accordion i {
    padding: 0;
    font-size: 12px; }
  .mobile-nav__accordion--btn-only {
    position: absolute;
    width: auto;
    top: 0;
    right: 0; }

.mobile-nav__btn-wrapper {
  position: relative; }
  .mobile-nav__btn-wrapper .mobile-nav__link {
    background-color: #F4F4F4;
    padding: 12px 20px; }

.card-menu-mobile {
  background-color: #f4f4f4;
  padding: 24px;
  color: #202020; }
  .card-menu-mobile .card-ad-wrapper {
    background: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    -webkit-box-shadow: 0 10px 16px 0 rgba(32, 32, 32, 0.18);
            box-shadow: 0 10px 16px 0 rgba(32, 32, 32, 0.18);
    padding: 0; }
    .card-menu-mobile .card-ad-wrapper .card-ad--img {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 calc(274px - 8px);
              flex: 0 0 calc(274px - 8px);
      -webkit-box-flex: var(--width-img, 0 0 calc(274px - 8px));
          -ms-flex: var(--width-img, 0 0 calc(274px - 8px));
              flex: var(--width-img, 0 0 calc(274px - 8px)); }
    .card-menu-mobile .card-ad-wrapper .card-ad--content {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 calc(100% - 274px - 8px);
              flex: 0 0 calc(100% - 274px - 8px);
      -webkit-box-flex: var(--width-content, 0 0 calc(100% - 274px - 8px));
          -ms-flex: var(--width-content, 0 0 calc(100% - 274px - 8px));
              flex: var(--width-content, 0 0 calc(100% - 274px - 8px));
      -webkit-box-shadow: none;
              box-shadow: none; }
      .card-menu-mobile .card-ad-wrapper .card-ad--content .title {
        margin-bottom: 8px;
        display: block; }
    @media (max-width: 767px) {
      .card-menu-mobile .card-ad-wrapper {
        --width-img: 0 0 calc(102px - 8px);
        --width-content: 0 0 calc(100% - 102px - 8px); }
        .card-menu-mobile .card-ad-wrapper .card-ad--content {
          display: block;
          line-height: 16px;
          padding-left: 0; }
          .card-menu-mobile .card-ad-wrapper .card-ad--content-block {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical; } }

.modal {
  top: 0;
  left: 0;
  background-color: rgba(234, 234, 234, 0.75);
  z-index: 400; }
  .modal:not(.modal--ps) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .modal.is-active .modal__container {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  .modal.modal--ps {
    background-color: #FFFFFF; }
    .modal.modal--ps .product-carousel {
      max-width: 100vw; }
      .modal.modal--ps .product-carousel div.product-carousel__item img {
        max-width: 100vh;
        max-height: 100vh;
        width: auto;
        height: auto;
        display: block;
        margin: auto; }
  .modal.modal--video {
    background-color: rgba(32, 32, 32, 0.95); }
    .modal.modal--video .modal__close {
      color: white; }
    .modal.modal--video .modal__container {
      background-color: transparent; }
  .modal.modal--newsletter, .modal.modal--style {
    background-color: rgba(32, 32, 32, 0.48); }
    .modal.modal--newsletter .container, .modal.modal--style .container {
      max-width: 602px; }
    .modal.modal--newsletter .modal__container, .modal.modal--style .modal__container {
      background-color: transparent;
      -webkit-box-shadow: none;
              box-shadow: none;
      overflow-y: visible;
      max-height: 75vh;
      position: relative; }
    .modal.modal--newsletter .modal__shadow, .modal.modal--style .modal__shadow {
      -webkit-box-shadow: 0 0 3px 0 rgba(32, 32, 32, 0.2);
              box-shadow: 0 0 3px 0 rgba(32, 32, 32, 0.2);
      overflow-y: auto;
      max-height: 75vh;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    .modal.modal--newsletter .modal__close, .modal.modal--style .modal__close {
      position: absolute;
      bottom: 100%;
      right: 0;
      color: #FFFFFF; }
    @media (max-width: 519px) {
      .modal.modal--newsletter .modal__icon, .modal.modal--style .modal__icon {
        font-size: 14px; } }
    .modal.modal--newsletter .modal__header, .modal.modal--style .modal__header {
      background-color: #008787;
      color: #FFFFFF;
      position: relative; }
      .modal.modal--newsletter .modal__header h3, .modal.modal--style .modal__header h3 {
        font-size: 32px;
        line-height: 1.14286em;
        padding: 32px 40px;
        font-weight: 300; }
        @media (max-width: 519px) {
          .modal.modal--newsletter .modal__header h3, .modal.modal--style .modal__header h3 {
            font-size: 24px;
            padding: 24px; } }
        .modal.modal--newsletter .modal__header h3.inline-wrapper, .modal.modal--style .modal__header h3.inline-wrapper {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          .modal.modal--newsletter .modal__header h3.inline-wrapper .icon, .modal.modal--style .modal__header h3.inline-wrapper .icon {
            margin-right: 0.5rem;
            font-size: 0.8em; }
    .modal.modal--newsletter .modal__body, .modal.modal--style .modal__body {
      padding: 40px;
      background-color: #FFFFFF; }
      @media (max-width: 519px) {
        .modal.modal--newsletter .modal__body, .modal.modal--style .modal__body {
          padding: 24px; } }
    .modal.modal--newsletter .basic-form__checkbox-wrap, .modal.modal--style .basic-form__checkbox-wrap {
      margin-bottom: 24px; }
    .modal.modal--newsletter .basic-form__checkbox-label, .modal.modal--style .basic-form__checkbox-label {
      border-color: #008787; }
    .modal.modal--newsletter .basic-form__checkbox-heading, .modal.modal--style .basic-form__checkbox-heading {
      font-size: 16px;
      line-height: 1.5em;
      letter-spacing: 0.16px; }
    .modal.modal--newsletter .basic-form__checkbox-text, .modal.modal--style .basic-form__checkbox-text {
      font-size: 16px;
      line-height: 1.5em;
      letter-spacing: 0.16px;
      margin-left: 32px; }
      .modal.modal--newsletter .basic-form__checkbox-text--normal-spacing, .modal.modal--style .basic-form__checkbox-text--normal-spacing {
        margin-left: 8px; }
    .modal.modal--newsletter .basic-form__action, .modal.modal--style .basic-form__action {
      text-align: center;
      margin-top: 38px; }
      @media (max-width: 519px) {
        .modal.modal--newsletter .basic-form__action, .modal.modal--style .basic-form__action {
          margin-top: 24px; } }
    .modal.modal--newsletter .fill-btn:disabled, .modal.modal--style .fill-btn:disabled {
      background-color: #ADADAD;
      border-color: #ADADAD; }
      .modal.modal--newsletter .fill-btn:disabled:hover, .modal.modal--style .fill-btn:disabled:hover {
        color: #FFFFFF;
        cursor: not-allowed; }
    .modal.modal--newsletter .hidden-field, .modal.modal--style .hidden-field {
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      height: 0;
      width: 0;
      border: 0;
      margin: 0;
      padding: 0; }
    .modal.modal--newsletter .email-value, .modal.modal--style .email-value {
      margin-top: 8px;
      color: #204a88; }
    .modal.modal--newsletter .recaptcha-block--center, .modal.modal--style .recaptcha-block--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;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
  .modal.modal--style .break-word {
    word-break: break-word; }
  .modal__btn-wrapper {
    position: relative; }
    @media (max-width: 519px) {
      .modal__btn-wrapper {
        margin-bottom: 21px; } }
  .modal__btn-message {
    position: absolute;
    left: 50%;
    bottom: -5px;
    -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
    font-size: 14px;
    line-height: 1.14286em; }
  .modal .thankyou-text {
    font-size: 1.2rem;
    line-height: 2.1rem; }

.modal__video-container {
  margin: 0 auto;
  padding: 0 16px;
  width: 72%; }
  @media (max-width: 1280px) {
    .modal__video-container {
      width: 960px; } }
  @media (max-width: 850px) {
    .modal__video-container {
      width: 100%; } }
  .modal__video-container .modal__container {
    overflow-y: hidden; }

.modal--ps {
  min-height: 100vh; }
  .modal--ps .modal__wrap {
    overflow: visible; }
  .modal--ps .modal__close {
    top: 20px;
    right: 0; }
  .modal--ps .modal__container {
    max-height: none;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .modal--ps .modal__icon {
    font-size: 24px; }

.modal__container {
  background-color: #FFFFFF;
  -webkit-transform: translateY(-16px);
          transform: translateY(-16px);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  max-height: 85vh;
  overflow-y: auto; }
  @media (max-width: 767px) {
    .modal__container {
      max-height: 75vh; } }

.modal__container--big {
  padding: 96px 64px; }
  @media (max-width: 767px) {
    .modal__container--big {
      padding: 16px; } }
  .modal__container--big .modal__heading {
    padding: 0;
    margin-bottom: 24px;
    font-weight: 200; }
    @media (max-width: 767px) {
      .modal__container--big .modal__heading {
        margin-bottom: 16px; } }

body.ZHCN .modal__container--big .modal__heading {
  font-weight: 500; }

.modal__close {
  padding: 8px;
  top: -45px;
  right: 0;
  z-index: 20; }

.modal__icon {
  font-size: 20px; }

.modal--wechat .modal__container {
  max-width: 350px; }

.modal--product-warrantee-expired .container {
  max-width: 602px; }

.modal--product-warrantee-expired .modal__container-wrap {
  padding: 56px 40px 40px; }
  @media (max-width: 767px) {
    .modal--product-warrantee-expired .modal__container-wrap {
      padding: 32px 16px 16px; } }

.modal--product-warrantee-expired .border-btn--l,
.modal--product-warrantee-expired .fill-btn--l {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 16px;
  display: inline-block;
  vertical-align: middle; }
  @media (max-width: 550px) {
    .modal--product-warrantee-expired .border-btn--l,
    .modal--product-warrantee-expired .fill-btn--l {
      width: 100%;
      margin-left: 0;
      margin-right: 0; } }

.modal__heading-wrap {
  padding: 32px 40px; }
  .modal__heading-wrap .modal__heading {
    padding: 0;
    margin-bottom: 8px; }
  @media (max-width: 767px) {
    .modal__heading-wrap {
      padding: 32px 16px;
      padding-bottom: 0; } }

.abs-btn {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #008787;
  top: 48px;
  right: 40px; }
  @media (min-width: 1025px) {
    .abs-btn:hover {
      color: rgba(0, 135, 135, 0.8); } }
  @media (max-width: 1024px) {
    .abs-btn {
      top: auto;
      top: initial; } }
  @media (max-width: 767px) {
    .abs-btn {
      position: relative;
      top: 0;
      left: 0;
      margin-top: 40px; } }

.modal__heading {
  padding: 32px 40px; }
  @media (max-width: 550px) {
    .modal__heading {
      padding: 16px; } }
  .modal__heading span {
    font-size: 24px;
    font-weight: 700; }
  .modal__heading.modal__heading--s {
    padding: 32px 40px 16px;
    font-size: 1.625em; }
  .modal__heading.modal__heading--center {
    text-align: center; }

.modal__paragraph {
  margin-bottom: 16px; }
  .modal__paragraph.modal__paragraph--center {
    text-align: center; }

.modal__container-wrap {
  padding: 0 40px 32px; }
  @media (max-width: 550px) {
    .modal__container-wrap {
      padding: 16px; } }

.modal__btm-container {
  border-top: 1px solid #EAEAEA;
  padding: 20px 32px; }

.modal__cta-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media (max-width: 450px) {
    .modal__cta-btns {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .modal__cta-btns .modal__cta-btn:not(:last-child) {
        margin-bottom: 1rem; } }
  @media (min-width: 768px) {
    .modal__cta-btns--l .modal__cta-btn {
      width: 205px; } }

.full-modal {
  overflow-y: auto;
  background-color: #FFFFFF;
  z-index: 450;
  top: 0;
  left: 0;
  -webkit-transform: translateY(100vh);
          transform: translateY(100vh);
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s; }
  .full-modal .hero-banner {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .full-modal .hero-banner.hero-banner--s {
      height: 130px; }
    .full-modal .hero-banner__subheading, .full-modal .hero-banner__heading {
      min-height: 1em; }
  .full-modal.is-active {
    pointer-events: auto;
    opacity: 1;
    top: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  .full-modal .modal__container {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  .full-modal .modal__close {
    top: 0;
    right: 40px;
    z-index: 20;
    color: #FFFFFF; }
  .full-modal.share-contact-modal .modal__close {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    color: #202020;
    top: -20px;
    right: -55px; }
    @media (min-width: 1025px) {
      .full-modal.share-contact-modal .modal__close:hover {
        color: rgba(32, 32, 32, 0.8); } }
    @media (max-width: 767px) {
      .full-modal.share-contact-modal .modal__close {
        top: -40px;
        right: 0; } }
  .full-modal .sent-cover {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.8);
    opacity: 0;
    pointer-events: none; }
    .full-modal .sent-cover.is-active {
      opacity: 1;
      pointer-events: auto; }
    .full-modal .sent-cover i {
      color: #008787;
      font-size: 80px;
      margin-bottom: 24px; }
    .full-modal .sent-cover span {
      font-weight: 700;
      font-size: 1.875em; }
  .full-modal .module-block--gray {
    background-color: #FCFCFC; }
  .full-modal .shadow-block {
    margin-bottom: 0; }
  @media (min-width: 768px) {
    .full-modal .product-single-block__side {
      width: calc(99.9% * 1/2 - (32px - 32px * 1/2)); }
    .full-modal .product-single-block__side:nth-child(1n) {
      float: left;
      margin-right: 32px;
      clear: none; }
    .full-modal .product-single-block__side:last-child {
      margin-right: 0; }
    .full-modal .product-single-block__side:nth-child(2n) {
      margin-right: 0;
      float: right; }
    .full-modal .product-single-block__side:nth-child(2n + 1) {
      clear: both; }
    .full-modal .product-single-block__main {
      width: calc(99.9% * 1/2 - (32px - 32px * 1/2)); }
    .full-modal .product-single-block__main:nth-child(1n) {
      float: left;
      margin-right: 32px;
      clear: none; }
    .full-modal .product-single-block__main:last-child {
      margin-right: 0; }
    .full-modal .product-single-block__main:nth-child(2n) {
      margin-right: 0;
      float: right; }
    .full-modal .product-single-block__main:nth-child(2n + 1) {
      clear: both; } }

.share-contact-modal .contact-form__top label {
  margin-bottom: 0; }

.modal--set-mobile .container,
.modal--bind-wechat .container,
.modal--unbind-wechat .container {
  max-width: 750px; }

.modal--set-mobile .modal__container-wrap,
.modal--bind-wechat .modal__container-wrap,
.modal--unbind-wechat .modal__container-wrap {
  padding-bottom: 40px; }

.modal--scan-wechat .container {
  max-width: 300px; }

.modal--scan-wechat .modal__container {
  padding-top: 30px;
  padding-bottom: 30px; }

.popup--container {
  position: relative; }
  .popup--container .modal__close {
    color: #efc7a3; }

.popup--modal {
  background-color: rgba(0, 0, 0, 0.6); }
  .popup--modal .modal__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

.popup--floating {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 99;
  max-width: 350px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .popup--floating:not(.show) {
    display: none; }
  @media (max-width: 850px) {
    .popup--floating {
      max-width: 250px; } }
  @media (min-width: 551px) {
    .popup--floating {
      bottom: 190px;
      right: 25px; } }
  @media (min-width: 1025px) {
    .popup--floating {
      bottom: calc(190px + 0px);
      bottom: calc(190px + var(--popup-offset, 0px)); } }
  @media (max-width: 767px) {
    .popup--floating {
      display: none; } }
  .popup--floating .close {
    position: absolute;
    top: -0.5rem;
    right: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-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;
    font-size: 0.625rem;
    padding: 0.3125rem;
    color: #FFFFFF;
    background-color: rgba(32, 32, 32, 0.48);
    border-radius: 1.25rem;
    -webkit-transition: background-color 300ms;
    transition: background-color 300ms; }
    .popup--floating .close:hover {
      background-color: #202020; }

body.ZHCN .modal--region-redirect .modal__header {
  line-height: 1.40625em; }

body.ZHCN .modal--region-redirect .border-btn,
body.ZHCN .modal--region-redirect .fill-btn {
  font-weight: 400; }

.modal--region-redirect.modal {
  z-index: 401; }

.modal--region-redirect .modal__region-redirect-container {
  width: 566px;
  padding: 0 16px;
  max-width: 100%; }

@media (min-width: 1025px) {
  .modal--region-redirect .wrapper-xs {
    width: calc(99.9% * 1 / 2 - (24px - 24px * 1 / 2) - 4rem); } }

.modal--region-redirect .modal__close {
  top: -38px; }

.modal--region-redirect .modal__container {
  text-align: center;
  -webkit-box-shadow: 0 0 3px 0 rgba(32, 32, 32, 0.4);
          box-shadow: 0 0 3px 0 rgba(32, 32, 32, 0.4); }

.modal--region-redirect .modal__header {
  background-color: #008787;
  color: #FFFFFF;
  padding: 32px 40px; }
  .modal--region-redirect .modal__header h2 {
    line-height: 1.1875em; }

.modal--region-redirect .modal__body {
  padding: 1rem;
  line-height: 1.625em; }
  @media (min-width: 551px) {
    .modal--region-redirect .modal__body {
      padding: 2rem 40px; } }
  @media (min-width: 1025px) {
    .modal--region-redirect .modal__body {
      padding-left: 3rem;
      padding-right: 3rem; } }

.modal--region-redirect .modal__content {
  max-width: 602px;
  margin-left: auto;
  margin-right: auto; }
  .modal--region-redirect .modal__content > *:last-child {
    margin-bottom: 0; }

.modal--region-redirect .modal__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1rem; }
  @media (min-width: 551px) {
    .modal--region-redirect .modal__actions {
      margin-top: 1.5rem; } }

.modal--region-redirect .border-btn,
.modal--region-redirect .fill-btn {
  line-height: 1.3125em;
  display: block;
  padding: 1rem 0.75rem;
  font-size: 0.875rem; }
  @media (max-width: 350px) {
    .modal--region-redirect .border-btn,
    .modal--region-redirect .fill-btn {
      font-size: 0.75rem; } }

.modal--region-redirect .border-btn:hover {
  border-color: rgba(0, 135, 135, 0.8);
  color: rgba(0, 135, 135, 0.8);
  background-color: transparent; }

.modal--region-redirect .fill-btn:hover {
  background-color: rgba(0, 135, 135, 0.8);
  color: white;
  border-color: rgba(0, 135, 135, 0.8); }

.modal--region-redirect p {
  margin: 0 0 16px; }
  @media (max-width: 550px) {
    .modal--region-redirect p {
      font-size: 0.875rem; } }
  .modal--region-redirect p.en {
    letter-spacing: 0; }

.modal-feedback {
  background-color: rgba(0, 0, 0, 0.5); }
  .modal-feedback .modal-feedback__container {
    width: 630px;
    max-width: 100%;
    padding: 0 16px; }
  .modal-feedback.modal {
    z-index: 401; }
  .modal-feedback .modal__close {
    color: #FFFFFF;
    top: -38px; }
  .modal-feedback .modal__container {
    text-align: center; }
  .modal-feedback .modal__header {
    background-color: #008787;
    color: #FFFFFF;
    padding: 32px 40px; }
    .modal-feedback .modal__header h2 {
      line-height: 1.1875em; }
  .modal-feedback .modal__body {
    padding: 32px 29px;
    line-height: 1.625em; }
  .modal-feedback .modal__content {
    max-width: 602px;
    margin-left: auto;
    margin-right: auto; }
    .modal-feedback .modal__content h3 {
      font-size: 1.75em;
      line-height: 1.1875em;
      color: #202020;
      text-align: left;
      font-weight: 200;
      margin-bottom: 24px; }
    .modal-feedback .modal__content .basic-form__label {
      line-height: 26px; }
    .modal-feedback .modal__content > *:last-child {
      margin-bottom: 0; }
  .modal-feedback .modal__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media (max-width: 630px) {
      .modal-feedback .modal__actions {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
    .modal-feedback .modal__actions--left-align {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
  .modal-feedback .border-btn,
  .modal-feedback .fill-btn {
    line-height: 1.3125em;
    display: block; }
    @media (max-width: 630px) {
      .modal-feedback .border-btn,
      .modal-feedback .fill-btn {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0; } }
  .modal-feedback .border-btn {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 14px;
    margin-left: 0; }
    @media (max-width: 350px) {
      .modal-feedback .border-btn {
        font-size: 12px; } }
    .modal-feedback .border-btn:hover {
      border-color: rgba(0, 135, 135, 0.8);
      color: rgba(0, 135, 135, 0.8);
      background-color: transparent; }
  .modal-feedback .fill-btn {
    border: 0;
    font-size: 14px;
    margin: 0;
    padding: 12px 25px;
    min-width: 0; }
    .modal-feedback .fill-btn--offset-top {
      margin-top: -8px; }
    @media (max-width: 767px) {
      .modal-feedback .fill-btn {
        padding: 14px 12px; } }
    @media (max-width: 350px) {
      .modal-feedback .fill-btn {
        font-size: 12px; } }
    .modal-feedback .fill-btn:hover {
      background-color: rgba(0, 135, 135, 0.8);
      color: white;
      border-color: rgba(0, 135, 135, 0.8); }
  .modal-feedback p {
    margin: 0 0 16px; }
    .modal-feedback p.en {
      letter-spacing: 0; }
  .modal-feedback .loading-spinner {
    opacity: 0;
    position: absolute;
    z-index: 0;
    margin: 0;
    pointer-events: none;
    background-color: #FFFFFF;
    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;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    .modal-feedback .loading-spinner.visible {
      opacity: 1; }
    .modal-feedback .loading-spinner__spinner {
      display: block;
      width: 32px;
      height: 32px;
      background-repeat: no-repeat;
      background-image: url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wCHh8bj44TExLbc3JrPzzagoFavr9js7OTx8bzf3x6VlQSIiAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQACgABACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQACgACACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkEAAoAAwAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkEAAoABAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAAKAAUALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAAKAAYALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQACgAHACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAAKAAgALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAAKAAkALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQACgAKACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkEAAoACwAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==); }
  @media (max-width: 576px) {
    .modal-feedback .cms-recaptcha-wrap {
      -webkit-transform: scale(0.94);
              transform: scale(0.94);
      -webkit-transform-origin: left;
              transform-origin: left; } }
  .modal-feedback--thank-you a {
    margin-top: 16px;
    color: #204a88; }

.modal-banner {
  color: #FFFFFF;
  margin-bottom: 2rem; }
  .modal-banner--full-width {
    margin: -1.5rem -1.5rem 2rem; }
    @media (min-width: 519px) {
      .modal-banner--full-width {
        margin: -2.5rem -2.5rem 2rem; } }
  .modal-banner .bg {
    min-height: 200px;
    padding: 1rem;
    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-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media (min-width: 768px) {
      .modal-banner .bg {
        padding: 1.5rem; } }
  .modal-banner .heading {
    font-size: 2rem;
    line-height: 2.375rem;
    margin-bottom: 1rem; }

.usabilla_live_button_container {
  display: none; }

body.JAJP .product-single-block__main .i-list__text {
  line-height: 1.5em; }

body.JAJP .modal--newsletter .privacy {
  line-height: 1.5em; }

.submenu {
  width: 100%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  z-index: -1; }
  .submenu.is-active {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
    .submenu.is-active .submenu__container {
      pointer-events: auto; }
  .submenu[\:has\(.block-4.card-menu\)] .submenu__container {
    width: 100%; }
  .submenu:has(.block-4.card-menu) .submenu__container {
    width: 100%; }
  .submenu[\:has\(.block-4.card-menu\)] .submenu__block {
    width: calc(99.9% * 1/4 - (40px - 40px * 1/4)); }
  .submenu:has(.block-4.card-menu) .submenu__block {
    width: calc(99.9% * 1/4 - (40px - 40px * 1/4)); }
  .submenu[\:has\(.block-4.card-menu\)] .submenu__block:nth-child(1n) {
    float: left;
    margin-right: 40px;
    clear: none; }
  .submenu:has(.block-4.card-menu) .submenu__block:nth-child(1n) {
    float: left;
    margin-right: 40px;
    clear: none; }
  .submenu[\:has\(.block-4.card-menu\)] .submenu__block:last-child {
    margin-right: 0; }
  .submenu:has(.block-4.card-menu) .submenu__block:last-child {
    margin-right: 0; }
  .submenu[\:has\(.block-4.card-menu\)] .submenu__block:nth-child(4n) {
    margin-right: 0;
    float: right; }
  .submenu:has(.block-4.card-menu) .submenu__block:nth-child(4n) {
    margin-right: 0;
    float: right; }
  .submenu[\:has\(.block-4.card-menu\)] .submenu__block:nth-child(4n + 1) {
    clear: both; }
  .submenu:has(.block-4.card-menu) .submenu__block:nth-child(4n + 1) {
    clear: both; }
    .submenu[\:has\(.block-4.card-menu\)] .submenu__block.block--2 {
      width: calc(99.9% * 2/4 - (40px - 40px * 2/4)); }
    .submenu:has(.block-4.card-menu) .submenu__block.block--2 {
      width: calc(99.9% * 2/4 - (40px - 40px * 2/4)); }
    .submenu[\:has\(.block-4.card-menu\)] .submenu__block.block--2:nth-child(1n) {
      float: left;
      margin-right: 40px;
      clear: none; }
    .submenu:has(.block-4.card-menu) .submenu__block.block--2:nth-child(1n) {
      float: left;
      margin-right: 40px;
      clear: none; }
    .submenu[\:has\(.block-4.card-menu\)] .submenu__block.block--2:last-child {
      margin-right: 0; }
    .submenu:has(.block-4.card-menu) .submenu__block.block--2:last-child {
      margin-right: 0; }
    .submenu[\:has\(.block-4.card-menu\)] .submenu__block.block--2:nth-child(4n) {
      margin-right: 0;
      float: right; }
    .submenu:has(.block-4.card-menu) .submenu__block.block--2:nth-child(4n) {
      margin-right: 0;
      float: right; }
    .submenu[\:has\(.block-4.card-menu\)] .submenu__block.block--2:nth-child(4n + 1) {
      clear: both; }
    .submenu:has(.block-4.card-menu) .submenu__block.block--2:nth-child(4n + 1) {
      clear: both; }
  .submenu[\:has\(.block-4.card-menu\)] .card-menu {
    width: calc(calc(99.9% * 1/4 - (40px * 1/4))); }
  .submenu:has(.block-4.card-menu) .card-menu {
    width: calc(calc(99.9% * 1/4 - (40px * 1/4))); }
  .submenu[\:has\(.card-menu\)] .submenu__arrow-btn {
    right: calc(99.9% + 16px - calc(calc(99.9% * 3/4 - (40px * 3/4))));
    bottom: 48px; }
  .submenu:has(.card-menu) .submenu__arrow-btn {
    right: calc(99.9% + 16px - calc(calc(99.9% * 3/4 - (40px * 3/4))));
    bottom: 48px; }
  .submenu[\:has\(.card-menu\)] .card-menu {
    background-color: #f4f4f4;
    position: absolute;
    top: 0;
    right: 0;
    min-height: var(--height-card-menu);
    height: 100%; }
  .submenu:has(.card-menu) .card-menu {
    background-color: #f4f4f4;
    position: absolute;
    top: 0;
    right: 0;
    min-height: var(--height-card-menu);
    height: 100%; }
    .submenu[\:has\(.card-menu\)] .card-menu .card-ad-wrapper {
      padding: 44px 24px 48px 24px; }
    .submenu:has(.card-menu) .card-menu .card-ad-wrapper {
      padding: 44px 24px 48px 24px; }
  .submenu[\:has\(.submenu__bottom\)] .card-menu {
    height: calc(100% + 49px); }
  .submenu:has(.submenu__bottom) .card-menu {
    height: calc(100% + 49px); }

.submenu__main {
  padding: 48px 56px;
  min-height: var(--height-card-menu); }

body.JAJP .submenu__main,
body.JAJP .submenu__bottom {
  padding-left: 40px;
  padding-right: 40px; }

.submenu__main--solutions[\:has\(.card-ad-wrapper\)] .submenu__block:not(:last-child) {
  margin-bottom: 60px; }

.submenu__main--solutions:has(.card-ad-wrapper) .submenu__block:not(:last-child) {
  margin-bottom: 60px; }

.submenu__main--solutions .submenu__block {
  width: calc(99.9% * 7/13 - (48px - 48px * 7/13)); }

.submenu__main--solutions .submenu__block:nth-child(1n) {
  float: left;
  margin-right: 48px;
  clear: none; }

.submenu__main--solutions .submenu__block:last-child {
  margin-right: 0; }

.submenu__main--solutions .submenu__block:nth-child(2n) {
  margin-right: 0;
  float: right; }

.submenu__main--solutions .submenu__block:nth-child(2n + 1) {
  clear: both; }

.submenu__main--solutions .submenu__item {
  width: calc(99.9% * 1/2 - (24px - 24px * 1/2)); }

.submenu__main--solutions .submenu__item:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.submenu__main--solutions .submenu__item:last-child {
  margin-right: 0; }

.submenu__main--solutions .submenu__item:nth-child(2n) {
  margin-right: 0;
  float: right; }

.submenu__main--solutions .submenu__item:nth-child(2n + 1) {
  clear: both; }

.submenu__main--solutions .submenu__block.block--2 {
  width: calc(99.9% * 6/13 - (48px - 48px * 6/13)); }

.submenu__main--solutions .submenu__block.block--2:nth-child(1n) {
  float: left;
  margin-right: 48px;
  clear: none; }

.submenu__main--solutions .submenu__block.block--2:last-child {
  margin-right: 0; }

.submenu__main--solutions .submenu__block.block--2:nth-child(2n) {
  margin-right: 0;
  float: right; }

.submenu__main--solutions .submenu__block.block--2:nth-child(2n + 1) {
  clear: both; }
  .submenu__main--solutions .submenu__block.block--2[\:has\(.card-ad-wrapper\)] {
    width: calc(99.9% * 5/13 - (48px - 48px * 5/13));
    margin-bottom: 0; }
  .submenu__main--solutions .submenu__block.block--2:has(.card-ad-wrapper) {
    width: calc(99.9% * 5/13 - (48px - 48px * 5/13));
    margin-bottom: 0; }
  .submenu__main--solutions .submenu__block.block--2[\:has\(.card-ad-wrapper\)]:nth-child(1n) {
    float: left;
    margin-right: 48px;
    clear: none; }
  .submenu__main--solutions .submenu__block.block--2:has(.card-ad-wrapper):nth-child(1n) {
    float: left;
    margin-right: 48px;
    clear: none; }
  .submenu__main--solutions .submenu__block.block--2[\:has\(.card-ad-wrapper\)]:last-child {
    margin-right: 0; }
  .submenu__main--solutions .submenu__block.block--2:has(.card-ad-wrapper):last-child {
    margin-right: 0; }
  .submenu__main--solutions .submenu__block.block--2[\:has\(.card-ad-wrapper\)]:nth-child(2n) {
    margin-right: 0;
    float: right; }
  .submenu__main--solutions .submenu__block.block--2:has(.card-ad-wrapper):nth-child(2n) {
    margin-right: 0;
    float: right; }
  .submenu__main--solutions .submenu__block.block--2[\:has\(.card-ad-wrapper\)]:nth-child(2n + 1) {
    clear: both; }
  .submenu__main--solutions .submenu__block.block--2:has(.card-ad-wrapper):nth-child(2n + 1) {
    clear: both; }

.submenu__main--solutions .header-card__icon,
.submenu__main--solutions .header-card__heading {
  margin-bottom: 0; }

.submenu__main--solutions .header-card__icon {
  margin-right: 8px; }

.submenu__main--solutions .header-card__heading {
  width: calc(100% - 42px); }

.submenu__main--solutions .header-card__paragraph {
  margin-top: 24px; }

.submenu__arrow-btn {
  bottom: 48px;
  right: 56px; }

.submenu__container {
  background-color: #FCFCFC;
  width: calc(100% - 223px);
  float: right; }

.submenu__headeing {
  color: #008787;
  margin-bottom: 24px; }

.submenu__description {
  line-height: 1.5em;
  margin-bottom: 24px; }

.submenu__block {
  width: calc(99.9% * 1/3 - (40px - 40px * 1/3)); }

.submenu__block:nth-child(1n) {
  float: left;
  margin-right: 40px;
  clear: none; }

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

.submenu__block:nth-child(3n) {
  margin-right: 0;
  float: right; }

.submenu__block:nth-child(3n + 1) {
  clear: both; }
  .submenu__block.block--2 {
    width: calc(99.9% * 2/3 - (40px - 40px * 2/3)); }
  .submenu__block.block--2:nth-child(1n) {
    float: left;
    margin-right: 40px;
    clear: none; }
  .submenu__block.block--2:last-child {
    margin-right: 0; }
  .submenu__block.block--2:nth-child(3n) {
    margin-right: 0;
    float: right; }
  .submenu__block.block--2:nth-child(3n + 1) {
    clear: both; }

body.JAJP .submenu__block {
  width: calc(99.9% * 1/3 - (30px - 30px * 1/3)); }

body.JAJP .submenu__block:nth-child(1n) {
  float: left;
  margin-right: 30px;
  clear: none; }

body.JAJP .submenu__block:last-child {
  margin-right: 0; }

body.JAJP .submenu__block:nth-child(3n) {
  margin-right: 0;
  float: right; }

body.JAJP .submenu__block:nth-child(3n + 1) {
  clear: both; }
  body.JAJP .submenu__block.block--2 {
    width: calc(99.9% * 2/3 - (30px - 30px * 2/3)); }
  body.JAJP .submenu__block.block--2:nth-child(1n) {
    float: left;
    margin-right: 30px;
    clear: none; }
  body.JAJP .submenu__block.block--2:last-child {
    margin-right: 0; }
  body.JAJP .submenu__block.block--2:nth-child(3n) {
    margin-right: 0;
    float: right; }
  body.JAJP .submenu__block.block--2:nth-child(3n + 1) {
    clear: both; }

.submenu__subheading {
  color: #008787;
  padding-bottom: 16px;
  display: block; }

.submenu__list {
  border-top: 1px solid #F4F4F4;
  padding-top: 8px; }

.submenu__item {
  margin-bottom: 12px; }

.submenu__icon-item {
  margin-right: 56px; }
  .submenu__icon-item:last-child {
    margin-right: 0; }
  .submenu__icon-item .submenu__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 200px; }

.submenu__icon {
  max-width: 36px;
  margin-right: 8px; }

.submenu__link {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #202020;
  padding: 4px 0;
  border-bottom: 1px solid transparent;
  line-height: 1.2em; }
  @media (min-width: 1025px) {
    .submenu__link:hover {
      color: rgba(32, 32, 32, 0.8); } }

.submenu__bottom {
  padding: 16px 56px;
  border-top: 1px solid #F4F4F4; }

.submenu__note {
  color: #58666e;
  margin-right: 8px; }

body.JAJP .submenu__container .arrow-btn.arrow-btn--s {
  font-size: inherit; }

/* endinject */
/* inject:scss */
body.ZHCN .about-us-simple-content .text-editor p {
  line-height: 1.7; }

body.ZHCN .about-us-card-no-link .center-card__paragraph {
  line-height: 1.7; }

body.ZHCN .about-us-galaxy .galaxy-section__subheading {
  font-weight: 700;
  font-size: 1.5rem; }

body.ZHCN .about-small-cards .center-card__paragraph {
  line-height: 1.7; }

body.ZHCN .about-tabs .main-section__description {
  line-height: 1.7; }

@media (max-width: 1024px) {
  .event-rego .header__main {
    padding: 0.5rem 1rem; }
  .event-rego .header__mobile-menu,
  .event-rego .header__mobile-bag,
  .event-rego .header__search-trigger {
    display: none; }
  .event-rego .body-section {
    margin-top: 36px; } }

@media (max-width: 767px) {
  .event-rego .body-section {
    margin-top: 2rem; } }

.event-rego .img-banner {
  margin-top: 1rem; }
  @media (min-width: 768px) {
    .event-rego .img-banner {
      margin-top: 2rem; } }

@media (max-width: 767px) {
  .event-rego .event-rego-thanks-content {
    padding-top: 0.5rem !important; } }

@media (max-width: 550px) {
  .event-rego-thank-you .breadcrumb {
    display: none; } }

.event-rego .header__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

body.ZHCN[data-page-type="moxa.faqs"] p {
  line-height: 1.5; }

#taiwan-city-select {
  float: left; }

@media (min-width: 768px) {
  .htb-switch {
    position: absolute;
    top: 32px;
    right: 32px; } }

@media (max-width: 767px) {
  .htb-switch {
    margin-bottom: 16px; } }

.js-htb-rerset {
  padding: 16px; }

.iiot-animation {
  width: calc(99.9% * 2/3 - (24px - 24px * 2/3)); }

.iiot-animation:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none; }

.iiot-animation:last-child {
  margin-right: 0; }

.iiot-animation:nth-child(3n) {
  margin-right: 0;
  float: right; }

.iiot-animation:nth-child(3n + 1) {
  clear: both; }
  @media (max-width: 850px) {
    .iiot-animation {
      width: calc(99.9% * 1/1 - (24px - 24px * 1/1)); }
    .iiot-animation:nth-child(1n) {
      float: left;
      margin-right: 24px;
      clear: none; }
    .iiot-animation:last-child {
      margin-right: 0; }
    .iiot-animation:nth-child(1n) {
      margin-right: 0;
      float: right; }
    .iiot-animation:nth-child(1n + 1) {
      clear: both; } }
  @media (max-width: 767px) {
    .iiot-animation {
      display: none; } }
  .iiot-animation img {
    position: relative;
    width: auto; }

.iiot-animation__btm-text,
.iiot-animation__heading {
  font-size: 1.5em;
  font-weight: 700; }

.iiot-animation__btm-text {
  bottom: 0;
  opacity: 0; }

.iiot-ani-wrap img {
  z-index: 2; }

body.ZHCN[data-page-type="moxa.news"] p {
  line-height: 1.5; }

body.ZHCN[data-page-type="moxa.productseries"] .hero-banner__heading {
  letter-spacing: .05em; }

body.ZHCN[data-page-type="moxa.productseries"] .hero-banner__subheading {
  letter-spacing: .07em; }

body.ZHCN[data-page-type="moxa.productseries"] .module-block p {
  letter-spacing: .03em; }

body.ZHCN[data-page-template="moxasolutionsectionpage"][data-page-type="moxa.page"] .hero-banner__subheading {
  letter-spacing: .2em; }

body.ZHCN[data-page-template="moxasolutionsectionpage"][data-page-type="moxa.page"] .tab-block__paragraph {
  letter-spacing: .04em;
  line-height: 1.6; }

body.ZHCN[data-page-template="moxasolutionsectionpage"][data-page-type="moxa.page"] .bullet-list__item p {
  letter-spacing: .04em; }

#tech-1 {
  height: 500px; }
  @media (max-width: 850px) {
    #tech-1 {
      height: auto; }
      #tech-1 .iiot-animation {
        height: 500px; } }
  #tech-1 .line,
  #tech-1 .line-0 {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000; }
  #tech-1 .desktop {
    top: 0; }
    #tech-1 .desktop h4 {
      margin-bottom: 8px; }
    #tech-1 .desktop .line {
      top: calc(100% - 36px); }
  #tech-1 .sensors {
    width: 130px;
    height: 130px;
    bottom: 32px; }
    @media (max-width: 767px) {
      #tech-1 .sensors {
        width: 100px;
        height: 100px; } }
    #tech-1 .sensors img {
      width: 80px; }
    #tech-1 .sensors .line {
      bottom: 23px; }
    #tech-1 .sensors .line-0 {
      bottom: 45px; }
  #tech-1 #scada {
    left: calc(50% - 82px);
    opacity: 0; }
    #tech-1 #scada .line {
      left: 50%; }
  #tech-1 #it-system {
    left: 51%;
    -webkit-transform: scale(0);
            transform: scale(0); }
    #tech-1 #it-system .line {
      right: 50%; }
  #tech-1 #dashboard {
    left: calc(30% - 30px);
    opacity: 0; }
    #tech-1 #dashboard img:nth-child(1) {
      bottom: 0;
      right: 0; }
    #tech-1 #dashboard img:nth-child(2) {
      bottom: 17px;
      right: 41px;
      -webkit-transform: scale(0);
              transform: scale(0); }
    #tech-1 #dashboard img:nth-child(3) {
      bottom: 39px;
      right: 10px;
      -webkit-transform: scale(0);
              transform: scale(0); }
    #tech-1 #dashboard .line {
      left: 50%; }
    #tech-1 #dashboard .line-0 {
      right: -27px; }
      @media (max-width: 1024px) {
        #tech-1 #dashboard .line-0 {
          right: -8px; } }
      @media (max-width: 850px) {
        #tech-1 #dashboard .line-0 {
          right: -27px; } }
  #tech-1 #counter {
    left: calc(70% - 124px);
    opacity: 0; }
    #tech-1 #counter img:nth-child(1) {
      bottom: 0;
      right: calc(50% - 40px);
      z-index: 5; }
    #tech-1 #counter img:nth-child(2) {
      bottom: 30px;
      right: -5px;
      -webkit-transform: scale(0);
              transform: scale(0); }
    #tech-1 #counter img:nth-child(3) {
      bottom: 30px;
      left: -5px;
      -webkit-transform: scale(0);
              transform: scale(0); }
    #tech-1 #counter .line {
      left: 50%; }
    #tech-1 #counter .line-0 {
      left: -7px; }
      @media (max-width: 1024px) {
        #tech-1 #counter .line-0 {
          left: 5px; } }
      @media (max-width: 850px) {
        #tech-1 #counter .line-0 {
          left: -7px; } }
  #tech-1 #volume {
    left: calc(50% - 65px);
    -webkit-transform: scale(0);
            transform: scale(0); }
    #tech-1 #volume img:nth-child(1) {
      bottom: 0;
      left: 18px; }
    #tech-1 #volume img:nth-child(2) {
      bottom: 25px;
      left: 63px; }
    #tech-1 #volume .line {
      left: 50%; }
  #tech-1 #start {
    left: calc(73% - 65px);
    -webkit-transform: scale(0);
            transform: scale(0); }
    #tech-1 #start img:nth-child(1) {
      bottom: 0;
      right: calc(50% - 40px);
      z-index: 5; }
    #tech-1 #start img:nth-child(2) {
      bottom: 30px;
      right: -5px; }
    #tech-1 #start img:nth-child(3) {
      bottom: 30px;
      left: -5px; }
    #tech-1 #start .line {
      right: 50%; }
  #tech-1 #chip {
    right: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
    #tech-1 #chip img:nth-child(1) {
      bottom: 0;
      right: 6px;
      z-index: 5; }
    #tech-1 #chip img:nth-child(2) {
      bottom: 30px;
      right: 42px; }
    #tech-1 #chip .line {
      right: 50%; }
  #tech-1 #box {
    top: calc(50% - 50px);
    left: calc(50% - 75px);
    -webkit-transform: scale(0);
            transform: scale(0); }

#tech-2 {
  height: 655px; }
  @media (max-width: 850px) {
    #tech-2 {
      height: auto; }
      #tech-2 .iiot-animation {
        height: 655px; } }
  #tech-2 .internet {
    top: 0; }
    #tech-2 .internet .iiot-animation__heading {
      margin-bottom: 8px; }
  #tech-2 .machines {
    bottom: 32px;
    height: 120px; }
    #tech-2 .machines div {
      bottom: 0; }
      #tech-2 .machines div:nth-child(1) {
        left: 0; }
        #tech-2 .machines div:nth-child(1) .line-2 {
          left: 50%; }
      #tech-2 .machines div:nth-child(2) {
        right: 0; }
        #tech-2 .machines div:nth-child(2) .line-2 {
          right: 50%; }
    #tech-2 .machines .line-2 {
      bottom: 90px;
      width: 80px; }
      .ie-browser #tech-2 .machines .line-2 {
        bottom: 70px; }
    #tech-2 .machines .line-3 {
      bottom: 160px;
      width: 182px; }
      .ie-browser #tech-2 .machines .line-3 {
        bottom: 143px; }
    #tech-2 .machines .network {
      top: -58px; }
  #tech-2 .desktop .iiot-animation__heading {
    width: 85px;
    text-align: center; }
  #tech-2 .desktop .line {
    top: 20px;
    width: 120px; }
  #tech-2 #internet {
    opacity: 0;
    left: calc(50% - 60px); }
    #tech-2 #internet .line {
      left: calc(50% - 2px);
      top: 100px; }
  #tech-2 #cloud-platform {
    left: calc(50% - 94px);
    -webkit-transform: scale(0);
            transform: scale(0); }
    #tech-2 #cloud-platform img {
      -webkit-transform: translateX(34px);
              transform: translateX(34px); }
    #tech-2 #cloud-platform .line {
      left: calc(50% - 2px);
      top: 85px; }
  #tech-2 #firewall {
    -webkit-transform: scale(0);
            transform: scale(0);
    top: 20%;
    left: calc(50% - 60px); }
  #tech-2 #mes {
    opacity: 0;
    top: 25%;
    left: calc(50% - 60px); }
    #tech-2 #mes .iiot-animation__heading {
      left: -90px;
      top: calc(50% - 12px); }
    #tech-2 #mes .line {
      left: calc(50% + 15px); }
  #tech-2 #scada-server {
    opacity: 0;
    top: 50%;
    right: calc(50% - 60px); }
    #tech-2 #scada-server .iiot-animation__heading {
      left: -90px;
      top: calc(50% - 24px); }
    #tech-2 #scada-server .line {
      right: calc(50% + 15px); }
  #tech-2 #machine-1 {
    opacity: 0;
    width: 350px;
    left: calc(50% - 175px); }
    #tech-2 #machine-1 > div:nth-child(1) .line {
      right: -40px; }
    #tech-2 #machine-1 > div:nth-child(2) .line {
      left: -40px; }
    #tech-2 #machine-1 .line {
      bottom: 50px; }
    #tech-2 #machine-1 .line-3 {
      left: 50%; }
  #tech-2 #machine-2 {
    width: 262px;
    right: 10%;
    -webkit-transform: scale(0);
            transform: scale(0); }
    #tech-2 #machine-2 .line-3 {
      right: 50%; }
  #tech-2 .network {
    padding: 6px 12px;
    font-weight: 700;
    color: #FFFFFF;
    background-color: #202020;
    border-radius: 20px;
    left: calc(50% - 49px);
    -webkit-transform: scale(0);
            transform: scale(0); }
  #tech-2 .iiot-animation > .network {
    top: 372px; }

.not-ie #tech-2 .line,
.not-ie #tech-2 .line-2,
.not-ie #tech-2 .line-3 {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000; }

.not-ie #tech-2 .machines .line-2 {
  stroke-dashoffset: -124; }

.not-ie #tech-2 .machines .line-3 {
  stroke-dasharray: 217; }

.not-ie #tech-2 #machine-1 .line-3 {
  stroke-dashoffset: -217; }

.not-ie #tech-2 #machine-2 .line-3 {
  stroke-dashoffset: 217; }

.ie-browser #tech-2 .ie-line {
  opacity: 0; }

#tech-3 {
  height: 480px; }
  @media (max-width: 850px) {
    #tech-3 {
      height: auto; }
      #tech-3 .iiot-animation {
        height: 480px; } }
  #tech-3 .img-wrap .iiot-animation__heading {
    margin-bottom: 16px; }
  #tech-3 #scada {
    left: calc(50% - 82px);
    top: 60px;
    -webkit-transform: scale(0);
            transform: scale(0); }
  #tech-3 #scada-systems {
    left: 25%;
    -webkit-transform: scale(0);
            transform: scale(0); }
  #tech-3 #cloud-platform {
    right: 25%;
    -webkit-transform: scale(0);
            transform: scale(0); }
  #tech-3 #step-1-arrow {
    left: calc(50% - 270px);
    bottom: 100px;
    opacity: 0; }
  #tech-3 #step-2-arrow-1 {
    opacity: 0;
    right: calc(50% - 270px);
    bottom: 130px; }
  #tech-3 #step-2-arrow-2 {
    opacity: 0;
    left: calc(50% - 270px);
    bottom: 100px; }
  #tech-3 #step-3-arrow-btm {
    left: calc(50% - 264px);
    bottom: 100px;
    opacity: 0; }
  #tech-3 #step-2-arrows {
    height: 100%; }
  #tech-3 #box-wrap {
    width: 192px;
    bottom: 186px;
    height: 47px;
    left: calc(50% - 96px);
    -webkit-transform: scale(0);
            transform: scale(0);
    z-index: 5; }
    #tech-3 #box-wrap .arrow {
      bottom: 23px;
      opacity: 0; }
    #tech-3 #box-wrap .box {
      left: 0;
      width: 100%; }
  #tech-3 #sensors {
    width: 480px;
    bottom: 32px;
    left: calc(50% - 240px); }
    #tech-3 #sensors img {
      width: 80px;
      -webkit-transform: scale(0);
              transform: scale(0); }
  #tech-3 #step-3-arrow-1 {
    left: -26px; }
  #tech-3 #step-3-arrow-2 {
    right: -21px; }

.tech-form [data-fields-group] {
  display: none; }
  @media (min-width: 768px) {
    .tech-form [data-fields-group] {
      width: 0; } }
  .tech-form [data-fields-group].is-active {
    display: block; }
    @media (min-width: 768px) {
      .tech-form [data-fields-group].is-active {
        width: calc(99.9% * 1 / 2 - (24px - 24px * 1 / 2)); }
  .tech-form .column--2 .column__item:nth-child(2n) {
    float: left; }
  .tech-form .column--2 .column__item[data-fields-specific] {
    float: right;
    clear: none; } }

.tech-form .basic-checkbox-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  row-gap: 1rem;
  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem; }

.tech-form .basic-checkbox__checkbox-label {
  min-width: 20px; }

.tech-form .basic-form__note {
  display: none;
  font-size: 0.75em;
  line-height: 1.3em;
  margin-top: 12px;
  font-weight: bold; }
  .tech-form .basic-form__note.is-active {
    display: block; }

.tech-form .basic-form__group .basic-checkbox__checkbox-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 0; }

.tech-form .basic-form__group label.basic-checkbox__checkbox-text {
  display: inline-block; }

.security-notice .text-editor ol,
.security-notice .text-editor ul {
  margin-bottom: 24px; }

.security-notice .basic-checkbox__checkbox-wrap {
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .security-notice .basic-checkbox__checkbox-wrap label.basic-checkbox__checkbox-text {
    display: inline-block; }

body.JAJP .security-notice .basic-checkbox__checkbox-wrap.wrapper-s {
  max-width: 850px;
  margin-left: auto !important;
  margin-right: auto !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

/* endinject */
/* inject:scss */
.at4-share .at-share-btn {
  padding-left: 8px !important;
  padding-right: 8px !important; }
  .at4-share .at-share-btn:not(:nth-last-child(2)) .at-icon-wrapper {
    border-bottom: 1px solid #FFFFFF; }

@media (max-width: 1024px) {
  .at-share-dock {
    z-index: 99 !important; } }

.at-share-dock .at-share-btn {
  padding: 8px 0 !important; }
  .at-share-dock .at-share-btn:not(:last-child) .at-icon-wrapper {
    border-right: 1px solid #FFFFFF; }
  .at-share-dock .at-share-btn .at-icon-wrapper {
    padding: 0 !important; }

.at4-share .at-share-btn,
.at-share-dock .at-share-btn {
  background-color: #008787 !important; }

.at4-share .at-icon-wrapper,
.at-share-dock .at-icon-wrapper {
  background-color: #008787 !important; }

.at-share-close-control {
  background: #ffffff;
  z-index: 100030;
  cursor: pointer;
  height: 48px;
  width: 48px;
  -webkit-transition: width 0.15s ease-in-out;
  transition: width 0.15s ease-in-out; }
  .at-share-close-control:hover {
    width: 4pc; }
  .at-share-close-control.at4-hide-content {
    opacity: 1 !important;
    visibility: visible !important; }
  .at-share-close-control::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23008787;%7D %3C/style%3E%3Ctitle%3E icon / cross %3C/title%3E%3Cdesc%3E Created with Sketch. %3C/desc%3E%3Cpolygon id='XMLID_1_' class='st0' points='100,9.2 90.8,0 50,40.8 9.2,0 0,9.2 40.8,50 0,90.8 9.2,100 50,59.2 90.8,100 100,90.8 59.2,50 ' /%3E%3C/svg%3E%0A");
    background-position: center;
    background-size: 1.25rem;
    background-repeat: no-repeat; }
  .at-share-close-control .at4-arrow {
    display: none; }

.at-expanded-menu-close {
  text-align: center; }

.at-copy-link-share-page-url {
  background-color: #FFFFFF;
  padding-left: 1rem;
  padding-right: 1rem; }

.at4-arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23008787' class='bi bi-caret-right-fill' viewBox='0 0 16 16'%3E%3Cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3E%3C/svg%3E") !important;
  background-position: center !important;
  width: 1rem !important;
  height: 1rem !important; }

div[id$="-window-embed"] {
  z-index: unset !important; }

#aliyunRecaptchaElement * {
  border-radius: 0px !important; }

.aliyunRecaptchaElement * {
  border-radius: 0px !important; }

#aliyunCaptcha-sliding-body {
  background: #e8e8e8 !important; }

#aliyunCaptcha-sliding-left {
  background-color: #008787 !important; }

#aliyunCaptcha-sliding-text {
  display: inline-block !important;
  color: #fff !important;
  font-size: 12px !important;
  font-family: 微軟雅黑體, "Microsoft YaHei", "Neue Helvetica W01", Helvetica, Arial, sans-serif !important; }

#aliyunCaptcha-sliding-text-box .aliyunCaptcha-sliding-text {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #4d4d4d), color-stop(0.4, #4d4d4d), color-stop(0.5, #fff), color-stop(0.6, #4d4d4d), color-stop(1, #4d4d4d)) !important; }

#aliyunCaptcha-captcha-success {
  position: absolute !important;
  right: 0 !important;
  font-size: 20px !important;
  width: 40px !important;
  background-color: #fff !important;
  color: #008787 !important;
  border: 1px solid #cccccc !important;
  margin-right: unset !important;
  line-height: 32px !important;
  height: 100% !important; }

#aliyunCaptcha-captcha-fail {
  position: absolute !important;
  right: 0 !important;
  font-size: 20px !important;
  width: 30px !important;
  background-color: #fff !important;
  border: 1px solid #cccccc !important;
  margin-right: unset !important;
  line-height: 32px !important;
  height: 100% !important; }

body[data-aos-duration='50'] [data-aos], [data-aos][data-aos][data-aos-duration='50'] {
  -webkit-transition-duration: 50ms;
          transition-duration: 50ms; }

body[data-aos-delay='50'] [data-aos], [data-aos][data-aos][data-aos-delay='50'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='50'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='50'].aos-animate {
    -webkit-transition-delay: 50ms;
            transition-delay: 50ms; }

body[data-aos-duration='100'] [data-aos], [data-aos][data-aos][data-aos-duration='100'] {
  -webkit-transition-duration: 100ms;
          transition-duration: 100ms; }

body[data-aos-delay='100'] [data-aos], [data-aos][data-aos][data-aos-delay='100'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='100'].aos-animate {
    -webkit-transition-delay: 100ms;
            transition-delay: 100ms; }

body[data-aos-duration='150'] [data-aos], [data-aos][data-aos][data-aos-duration='150'] {
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms; }

body[data-aos-delay='150'] [data-aos], [data-aos][data-aos][data-aos-delay='150'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='150'].aos-animate {
    -webkit-transition-delay: 150ms;
            transition-delay: 150ms; }

body[data-aos-duration='200'] [data-aos], [data-aos][data-aos][data-aos-duration='200'] {
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms; }

body[data-aos-delay='200'] [data-aos], [data-aos][data-aos][data-aos-delay='200'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='200'].aos-animate {
    -webkit-transition-delay: 200ms;
            transition-delay: 200ms; }

body[data-aos-duration='250'] [data-aos], [data-aos][data-aos][data-aos-duration='250'] {
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms; }

body[data-aos-delay='250'] [data-aos], [data-aos][data-aos][data-aos-delay='250'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='250'].aos-animate {
    -webkit-transition-delay: 250ms;
            transition-delay: 250ms; }

body[data-aos-duration='300'] [data-aos], [data-aos][data-aos][data-aos-duration='300'] {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms; }

body[data-aos-delay='300'] [data-aos], [data-aos][data-aos][data-aos-delay='300'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='300'].aos-animate {
    -webkit-transition-delay: 300ms;
            transition-delay: 300ms; }

body[data-aos-duration='350'] [data-aos], [data-aos][data-aos][data-aos-duration='350'] {
  -webkit-transition-duration: 350ms;
          transition-duration: 350ms; }

body[data-aos-delay='350'] [data-aos], [data-aos][data-aos][data-aos-delay='350'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='350'].aos-animate {
    -webkit-transition-delay: 350ms;
            transition-delay: 350ms; }

body[data-aos-duration='400'] [data-aos], [data-aos][data-aos][data-aos-duration='400'] {
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms; }

body[data-aos-delay='400'] [data-aos], [data-aos][data-aos][data-aos-delay='400'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='400'].aos-animate {
    -webkit-transition-delay: 400ms;
            transition-delay: 400ms; }

body[data-aos-duration='450'] [data-aos], [data-aos][data-aos][data-aos-duration='450'] {
  -webkit-transition-duration: 450ms;
          transition-duration: 450ms; }

body[data-aos-delay='450'] [data-aos], [data-aos][data-aos][data-aos-delay='450'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='450'].aos-animate {
    -webkit-transition-delay: 450ms;
            transition-delay: 450ms; }

body[data-aos-duration='500'] [data-aos], [data-aos][data-aos][data-aos-duration='500'] {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms; }

body[data-aos-delay='500'] [data-aos], [data-aos][data-aos][data-aos-delay='500'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='500'].aos-animate {
    -webkit-transition-delay: 500ms;
            transition-delay: 500ms; }

body[data-aos-duration='550'] [data-aos], [data-aos][data-aos][data-aos-duration='550'] {
  -webkit-transition-duration: 550ms;
          transition-duration: 550ms; }

body[data-aos-delay='550'] [data-aos], [data-aos][data-aos][data-aos-delay='550'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='550'].aos-animate {
    -webkit-transition-delay: 550ms;
            transition-delay: 550ms; }

body[data-aos-duration='600'] [data-aos], [data-aos][data-aos][data-aos-duration='600'] {
  -webkit-transition-duration: 600ms;
          transition-duration: 600ms; }

body[data-aos-delay='600'] [data-aos], [data-aos][data-aos][data-aos-delay='600'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='600'].aos-animate {
    -webkit-transition-delay: 600ms;
            transition-delay: 600ms; }

body[data-aos-duration='650'] [data-aos], [data-aos][data-aos][data-aos-duration='650'] {
  -webkit-transition-duration: 650ms;
          transition-duration: 650ms; }

body[data-aos-delay='650'] [data-aos], [data-aos][data-aos][data-aos-delay='650'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='650'].aos-animate {
    -webkit-transition-delay: 650ms;
            transition-delay: 650ms; }

body[data-aos-duration='700'] [data-aos], [data-aos][data-aos][data-aos-duration='700'] {
  -webkit-transition-duration: 700ms;
          transition-duration: 700ms; }

body[data-aos-delay='700'] [data-aos], [data-aos][data-aos][data-aos-delay='700'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='700'].aos-animate {
    -webkit-transition-delay: 700ms;
            transition-delay: 700ms; }

body[data-aos-duration='750'] [data-aos], [data-aos][data-aos][data-aos-duration='750'] {
  -webkit-transition-duration: 750ms;
          transition-duration: 750ms; }

body[data-aos-delay='750'] [data-aos], [data-aos][data-aos][data-aos-delay='750'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='750'].aos-animate {
    -webkit-transition-delay: 750ms;
            transition-delay: 750ms; }

body[data-aos-duration='800'] [data-aos], [data-aos][data-aos][data-aos-duration='800'] {
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms; }

body[data-aos-delay='800'] [data-aos], [data-aos][data-aos][data-aos-delay='800'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='800'].aos-animate {
    -webkit-transition-delay: 800ms;
            transition-delay: 800ms; }

body[data-aos-duration='850'] [data-aos], [data-aos][data-aos][data-aos-duration='850'] {
  -webkit-transition-duration: 850ms;
          transition-duration: 850ms; }

body[data-aos-delay='850'] [data-aos], [data-aos][data-aos][data-aos-delay='850'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='850'].aos-animate {
    -webkit-transition-delay: 850ms;
            transition-delay: 850ms; }

body[data-aos-duration='900'] [data-aos], [data-aos][data-aos][data-aos-duration='900'] {
  -webkit-transition-duration: 900ms;
          transition-duration: 900ms; }

body[data-aos-delay='900'] [data-aos], [data-aos][data-aos][data-aos-delay='900'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='900'].aos-animate {
    -webkit-transition-delay: 900ms;
            transition-delay: 900ms; }

body[data-aos-duration='950'] [data-aos], [data-aos][data-aos][data-aos-duration='950'] {
  -webkit-transition-duration: 950ms;
          transition-duration: 950ms; }

body[data-aos-delay='950'] [data-aos], [data-aos][data-aos][data-aos-delay='950'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='950'].aos-animate {
    -webkit-transition-delay: 950ms;
            transition-delay: 950ms; }

body[data-aos-duration='1000'] [data-aos], [data-aos][data-aos][data-aos-duration='1000'] {
  -webkit-transition-duration: 1000ms;
          transition-duration: 1000ms; }

body[data-aos-delay='1000'] [data-aos], [data-aos][data-aos][data-aos-delay='1000'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='1000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1000'].aos-animate {
    -webkit-transition-delay: 1000ms;
            transition-delay: 1000ms; }

body[data-aos-duration='1050'] [data-aos], [data-aos][data-aos][data-aos-duration='1050'] {
  -webkit-transition-duration: 1050ms;
          transition-duration: 1050ms; }

body[data-aos-delay='1050'] [data-aos], [data-aos][data-aos][data-aos-delay='1050'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='1050'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1050'].aos-animate {
    -webkit-transition-delay: 1050ms;
            transition-delay: 1050ms; }

body[data-aos-duration='1100'] [data-aos], [data-aos][data-aos][data-aos-duration='1100'] {
  -webkit-transition-duration: 1100ms;
          transition-duration: 1100ms; }

body[data-aos-delay='1100'] [data-aos], [data-aos][data-aos][data-aos-delay='1100'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='1100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1100'].aos-animate {
    -webkit-transition-delay: 1100ms;
            transition-delay: 1100ms; }

body[data-aos-duration='1150'] [data-aos], [data-aos][data-aos][data-aos-duration='1150'] {
  -webkit-transition-duration: 1150ms;
          transition-duration: 1150ms; }

body[data-aos-delay='1150'] [data-aos], [data-aos][data-aos][data-aos-delay='1150'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='1150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1150'].aos-animate {
    -webkit-transition-delay: 1150ms;
            transition-delay: 1150ms; }

body[data-aos-duration='1200'] [data-aos], [data-aos][data-aos][data-aos-duration='1200'] {
  -webkit-transition-duration: 1200ms;
          transition-duration: 1200ms; }

body[data-aos-delay='1200'] [data-aos], [data-aos][data-aos][data-aos-delay='1200'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='1200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1200'].aos-animate {
    -webkit-transition-delay: 1200ms;
            transition-delay: 1200ms; }

body[data-aos-duration='1250'] [data-aos], [data-aos][data-aos][data-aos-duration='1250'] {
  -webkit-transition-duration: 1250ms;
          transition-duration: 1250ms; }

body[data-aos-delay='1250'] [data-aos], [data-aos][data-aos][data-aos-delay='1250'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='1250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1250'].aos-animate {
    -webkit-transition-delay: 1250ms;
            transition-delay: 1250ms; }

body[data-aos-duration='1300'] [data-aos], [data-aos][data-aos][data-aos-duration='1300'] {
  -webkit-transition-duration: 1300ms;
          transition-duration: 1300ms; }

body[data-aos-delay='1300'] [data-aos], [data-aos][data-aos][data-aos-delay='1300'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='1300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1300'].aos-animate {
    -webkit-transition-delay: 1300ms;
            transition-delay: 1300ms; }

body[data-aos-duration='1350'] [data-aos], [data-aos][data-aos][data-aos-duration='1350'] {
  -webkit-transition-duration: 1350ms;
          transition-duration: 1350ms; }

body[data-aos-delay='1350'] [data-aos], [data-aos][data-aos][data-aos-delay='1350'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='1350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1350'].aos-animate {
    -webkit-transition-delay: 1350ms;
            transition-delay: 1350ms; }

body[data-aos-duration='1400'] [data-aos], [data-aos][data-aos][data-aos-duration='1400'] {
  -webkit-transition-duration: 1400ms;
          transition-duration: 1400ms; }

body[data-aos-delay='1400'] [data-aos], [data-aos][data-aos][data-aos-delay='1400'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='1400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1400'].aos-animate {
    -webkit-transition-delay: 1400ms;
            transition-delay: 1400ms; }

body[data-aos-duration='1450'] [data-aos], [data-aos][data-aos][data-aos-duration='1450'] {
  -webkit-transition-duration: 1450ms;
          transition-duration: 1450ms; }

body[data-aos-delay='1450'] [data-aos], [data-aos][data-aos][data-aos-delay='1450'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='1450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1450'].aos-animate {
    -webkit-transition-delay: 1450ms;
            transition-delay: 1450ms; }

body[data-aos-duration='1500'] [data-aos], [data-aos][data-aos][data-aos-duration='1500'] {
  -webkit-transition-duration: 1500ms;
          transition-duration: 1500ms; }

body[data-aos-delay='1500'] [data-aos], [data-aos][data-aos][data-aos-delay='1500'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='1500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1500'].aos-animate {
    -webkit-transition-delay: 1500ms;
            transition-delay: 1500ms; }

body[data-aos-duration='1550'] [data-aos], [data-aos][data-aos][data-aos-duration='1550'] {
  -webkit-transition-duration: 1550ms;
          transition-duration: 1550ms; }

body[data-aos-delay='1550'] [data-aos], [data-aos][data-aos][data-aos-delay='1550'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='1550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1550'].aos-animate {
    -webkit-transition-delay: 1550ms;
            transition-delay: 1550ms; }

body[data-aos-duration='1600'] [data-aos], [data-aos][data-aos][data-aos-duration='1600'] {
  -webkit-transition-duration: 1600ms;
          transition-duration: 1600ms; }

body[data-aos-delay='1600'] [data-aos], [data-aos][data-aos][data-aos-delay='1600'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='1600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1600'].aos-animate {
    -webkit-transition-delay: 1600ms;
            transition-delay: 1600ms; }

body[data-aos-duration='1650'] [data-aos], [data-aos][data-aos][data-aos-duration='1650'] {
  -webkit-transition-duration: 1650ms;
          transition-duration: 1650ms; }

body[data-aos-delay='1650'] [data-aos], [data-aos][data-aos][data-aos-delay='1650'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='1650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1650'].aos-animate {
    -webkit-transition-delay: 1650ms;
            transition-delay: 1650ms; }

body[data-aos-duration='1700'] [data-aos], [data-aos][data-aos][data-aos-duration='1700'] {
  -webkit-transition-duration: 1700ms;
          transition-duration: 1700ms; }

body[data-aos-delay='1700'] [data-aos], [data-aos][data-aos][data-aos-delay='1700'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='1700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1700'].aos-animate {
    -webkit-transition-delay: 1700ms;
            transition-delay: 1700ms; }

body[data-aos-duration='1750'] [data-aos], [data-aos][data-aos][data-aos-duration='1750'] {
  -webkit-transition-duration: 1750ms;
          transition-duration: 1750ms; }

body[data-aos-delay='1750'] [data-aos], [data-aos][data-aos][data-aos-delay='1750'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='1750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1750'].aos-animate {
    -webkit-transition-delay: 1750ms;
            transition-delay: 1750ms; }

body[data-aos-duration='1800'] [data-aos], [data-aos][data-aos][data-aos-duration='1800'] {
  -webkit-transition-duration: 1800ms;
          transition-duration: 1800ms; }

body[data-aos-delay='1800'] [data-aos], [data-aos][data-aos][data-aos-delay='1800'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='1800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1800'].aos-animate {
    -webkit-transition-delay: 1800ms;
            transition-delay: 1800ms; }

body[data-aos-duration='1850'] [data-aos], [data-aos][data-aos][data-aos-duration='1850'] {
  -webkit-transition-duration: 1850ms;
          transition-duration: 1850ms; }

body[data-aos-delay='1850'] [data-aos], [data-aos][data-aos][data-aos-delay='1850'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='1850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1850'].aos-animate {
    -webkit-transition-delay: 1850ms;
            transition-delay: 1850ms; }

body[data-aos-duration='1900'] [data-aos], [data-aos][data-aos][data-aos-duration='1900'] {
  -webkit-transition-duration: 1900ms;
          transition-duration: 1900ms; }

body[data-aos-delay='1900'] [data-aos], [data-aos][data-aos][data-aos-delay='1900'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='1900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1900'].aos-animate {
    -webkit-transition-delay: 1900ms;
            transition-delay: 1900ms; }

body[data-aos-duration='1950'] [data-aos], [data-aos][data-aos][data-aos-duration='1950'] {
  -webkit-transition-duration: 1950ms;
          transition-duration: 1950ms; }

body[data-aos-delay='1950'] [data-aos], [data-aos][data-aos][data-aos-delay='1950'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='1950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1950'].aos-animate {
    -webkit-transition-delay: 1950ms;
            transition-delay: 1950ms; }

body[data-aos-duration='2000'] [data-aos], [data-aos][data-aos][data-aos-duration='2000'] {
  -webkit-transition-duration: 2000ms;
          transition-duration: 2000ms; }

body[data-aos-delay='2000'] [data-aos], [data-aos][data-aos][data-aos-delay='2000'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='2000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2000'].aos-animate {
    -webkit-transition-delay: 2000ms;
            transition-delay: 2000ms; }

body[data-aos-duration='2050'] [data-aos], [data-aos][data-aos][data-aos-duration='2050'] {
  -webkit-transition-duration: 2050ms;
          transition-duration: 2050ms; }

body[data-aos-delay='2050'] [data-aos], [data-aos][data-aos][data-aos-delay='2050'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='2050'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2050'].aos-animate {
    -webkit-transition-delay: 2050ms;
            transition-delay: 2050ms; }

body[data-aos-duration='2100'] [data-aos], [data-aos][data-aos][data-aos-duration='2100'] {
  -webkit-transition-duration: 2100ms;
          transition-duration: 2100ms; }

body[data-aos-delay='2100'] [data-aos], [data-aos][data-aos][data-aos-delay='2100'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='2100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2100'].aos-animate {
    -webkit-transition-delay: 2100ms;
            transition-delay: 2100ms; }

body[data-aos-duration='2150'] [data-aos], [data-aos][data-aos][data-aos-duration='2150'] {
  -webkit-transition-duration: 2150ms;
          transition-duration: 2150ms; }

body[data-aos-delay='2150'] [data-aos], [data-aos][data-aos][data-aos-delay='2150'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='2150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2150'].aos-animate {
    -webkit-transition-delay: 2150ms;
            transition-delay: 2150ms; }

body[data-aos-duration='2200'] [data-aos], [data-aos][data-aos][data-aos-duration='2200'] {
  -webkit-transition-duration: 2200ms;
          transition-duration: 2200ms; }

body[data-aos-delay='2200'] [data-aos], [data-aos][data-aos][data-aos-delay='2200'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='2200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2200'].aos-animate {
    -webkit-transition-delay: 2200ms;
            transition-delay: 2200ms; }

body[data-aos-duration='2250'] [data-aos], [data-aos][data-aos][data-aos-duration='2250'] {
  -webkit-transition-duration: 2250ms;
          transition-duration: 2250ms; }

body[data-aos-delay='2250'] [data-aos], [data-aos][data-aos][data-aos-delay='2250'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='2250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2250'].aos-animate {
    -webkit-transition-delay: 2250ms;
            transition-delay: 2250ms; }

body[data-aos-duration='2300'] [data-aos], [data-aos][data-aos][data-aos-duration='2300'] {
  -webkit-transition-duration: 2300ms;
          transition-duration: 2300ms; }

body[data-aos-delay='2300'] [data-aos], [data-aos][data-aos][data-aos-delay='2300'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='2300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2300'].aos-animate {
    -webkit-transition-delay: 2300ms;
            transition-delay: 2300ms; }

body[data-aos-duration='2350'] [data-aos], [data-aos][data-aos][data-aos-duration='2350'] {
  -webkit-transition-duration: 2350ms;
          transition-duration: 2350ms; }

body[data-aos-delay='2350'] [data-aos], [data-aos][data-aos][data-aos-delay='2350'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='2350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2350'].aos-animate {
    -webkit-transition-delay: 2350ms;
            transition-delay: 2350ms; }

body[data-aos-duration='2400'] [data-aos], [data-aos][data-aos][data-aos-duration='2400'] {
  -webkit-transition-duration: 2400ms;
          transition-duration: 2400ms; }

body[data-aos-delay='2400'] [data-aos], [data-aos][data-aos][data-aos-delay='2400'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='2400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2400'].aos-animate {
    -webkit-transition-delay: 2400ms;
            transition-delay: 2400ms; }

body[data-aos-duration='2450'] [data-aos], [data-aos][data-aos][data-aos-duration='2450'] {
  -webkit-transition-duration: 2450ms;
          transition-duration: 2450ms; }

body[data-aos-delay='2450'] [data-aos], [data-aos][data-aos][data-aos-delay='2450'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='2450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2450'].aos-animate {
    -webkit-transition-delay: 2450ms;
            transition-delay: 2450ms; }

body[data-aos-duration='2500'] [data-aos], [data-aos][data-aos][data-aos-duration='2500'] {
  -webkit-transition-duration: 2500ms;
          transition-duration: 2500ms; }

body[data-aos-delay='2500'] [data-aos], [data-aos][data-aos][data-aos-delay='2500'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='2500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2500'].aos-animate {
    -webkit-transition-delay: 2500ms;
            transition-delay: 2500ms; }

body[data-aos-duration='2550'] [data-aos], [data-aos][data-aos][data-aos-duration='2550'] {
  -webkit-transition-duration: 2550ms;
          transition-duration: 2550ms; }

body[data-aos-delay='2550'] [data-aos], [data-aos][data-aos][data-aos-delay='2550'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='2550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2550'].aos-animate {
    -webkit-transition-delay: 2550ms;
            transition-delay: 2550ms; }

body[data-aos-duration='2600'] [data-aos], [data-aos][data-aos][data-aos-duration='2600'] {
  -webkit-transition-duration: 2600ms;
          transition-duration: 2600ms; }

body[data-aos-delay='2600'] [data-aos], [data-aos][data-aos][data-aos-delay='2600'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='2600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2600'].aos-animate {
    -webkit-transition-delay: 2600ms;
            transition-delay: 2600ms; }

body[data-aos-duration='2650'] [data-aos], [data-aos][data-aos][data-aos-duration='2650'] {
  -webkit-transition-duration: 2650ms;
          transition-duration: 2650ms; }

body[data-aos-delay='2650'] [data-aos], [data-aos][data-aos][data-aos-delay='2650'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='2650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2650'].aos-animate {
    -webkit-transition-delay: 2650ms;
            transition-delay: 2650ms; }

body[data-aos-duration='2700'] [data-aos], [data-aos][data-aos][data-aos-duration='2700'] {
  -webkit-transition-duration: 2700ms;
          transition-duration: 2700ms; }

body[data-aos-delay='2700'] [data-aos], [data-aos][data-aos][data-aos-delay='2700'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='2700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2700'].aos-animate {
    -webkit-transition-delay: 2700ms;
            transition-delay: 2700ms; }

body[data-aos-duration='2750'] [data-aos], [data-aos][data-aos][data-aos-duration='2750'] {
  -webkit-transition-duration: 2750ms;
          transition-duration: 2750ms; }

body[data-aos-delay='2750'] [data-aos], [data-aos][data-aos][data-aos-delay='2750'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='2750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2750'].aos-animate {
    -webkit-transition-delay: 2750ms;
            transition-delay: 2750ms; }

body[data-aos-duration='2800'] [data-aos], [data-aos][data-aos][data-aos-duration='2800'] {
  -webkit-transition-duration: 2800ms;
          transition-duration: 2800ms; }

body[data-aos-delay='2800'] [data-aos], [data-aos][data-aos][data-aos-delay='2800'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='2800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2800'].aos-animate {
    -webkit-transition-delay: 2800ms;
            transition-delay: 2800ms; }

body[data-aos-duration='2850'] [data-aos], [data-aos][data-aos][data-aos-duration='2850'] {
  -webkit-transition-duration: 2850ms;
          transition-duration: 2850ms; }

body[data-aos-delay='2850'] [data-aos], [data-aos][data-aos][data-aos-delay='2850'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='2850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2850'].aos-animate {
    -webkit-transition-delay: 2850ms;
            transition-delay: 2850ms; }

body[data-aos-duration='2900'] [data-aos], [data-aos][data-aos][data-aos-duration='2900'] {
  -webkit-transition-duration: 2900ms;
          transition-duration: 2900ms; }

body[data-aos-delay='2900'] [data-aos], [data-aos][data-aos][data-aos-delay='2900'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='2900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2900'].aos-animate {
    -webkit-transition-delay: 2900ms;
            transition-delay: 2900ms; }

body[data-aos-duration='2950'] [data-aos], [data-aos][data-aos][data-aos-duration='2950'] {
  -webkit-transition-duration: 2950ms;
          transition-duration: 2950ms; }

body[data-aos-delay='2950'] [data-aos], [data-aos][data-aos][data-aos-delay='2950'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='2950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2950'].aos-animate {
    -webkit-transition-delay: 2950ms;
            transition-delay: 2950ms; }

body[data-aos-duration='3000'] [data-aos], [data-aos][data-aos][data-aos-duration='3000'] {
  -webkit-transition-duration: 3000ms;
          transition-duration: 3000ms; }

body[data-aos-delay='3000'] [data-aos], [data-aos][data-aos][data-aos-delay='3000'] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }
  body[data-aos-delay='3000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3000'].aos-animate {
    -webkit-transition-delay: 3000ms;
            transition-delay: 3000ms; }

body[data-aos-easing="linear"] [data-aos], [data-aos][data-aos][data-aos-easing="linear"] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
          transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); }

body[data-aos-easing="ease"] [data-aos], [data-aos][data-aos][data-aos-easing="ease"] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); }

body[data-aos-easing="ease-in"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in"] {
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
          transition-timing-function: cubic-bezier(0.42, 0, 1, 1); }

body[data-aos-easing="ease-out"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out"] {
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
          transition-timing-function: cubic-bezier(0, 0, 0.58, 1); }

body[data-aos-easing="ease-in-out"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out"] {
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
          transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }

body[data-aos-easing="ease-in-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-back"] {
  -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
          transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); }

body[data-aos-easing="ease-out-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-back"] {
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }

body[data-aos-easing="ease-in-out-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-back"] {
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
          transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

body[data-aos-easing="ease-in-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-sine"] {
  -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
          transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); }

body[data-aos-easing="ease-out-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-sine"] {
  -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
          transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }

body[data-aos-easing="ease-in-out-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-sine"] {
  -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
          transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }

body[data-aos-easing="ease-in-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-quad"] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

body[data-aos-easing="ease-out-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-quad"] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

body[data-aos-easing="ease-in-out-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-quad"] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

body[data-aos-easing="ease-in-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-cubic"] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

body[data-aos-easing="ease-out-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-cubic"] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

body[data-aos-easing="ease-in-out-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-cubic"] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

body[data-aos-easing="ease-in-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-quart"] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

body[data-aos-easing="ease-out-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-quart"] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

body[data-aos-easing="ease-in-out-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-quart"] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

/**
 * Fade animations:
 * fade
 * fade-up, fade-down, fade-left, fade-right
 * fade-up-right, fade-up-left, fade-down-right, fade-down-left
 */
[data-aos^='fade'][data-aos^='fade'] {
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform; }
  [data-aos^='fade'][data-aos^='fade'].aos-animate {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }

[data-aos='fade-up'] {
  -webkit-transform: translate(0, 50px);
          transform: translate(0, 50px); }

[data-aos='fade-down'] {
  -webkit-transform: translate(0, -50px);
          transform: translate(0, -50px); }

[data-aos='fade-right'] {
  -webkit-transform: translate(-50px, 0);
          transform: translate(-50px, 0); }

[data-aos='fade-left'] {
  -webkit-transform: translate(50px, 0);
          transform: translate(50px, 0); }

[data-aos='fade-up-right'] {
  -webkit-transform: translate(-50px, 50px);
          transform: translate(-50px, 50px); }

[data-aos='fade-up-left'] {
  -webkit-transform: translate(50px, 50px);
          transform: translate(50px, 50px); }

[data-aos='fade-down-right'] {
  -webkit-transform: translate(-50px, -50px);
          transform: translate(-50px, -50px); }

[data-aos='fade-down-left'] {
  -webkit-transform: translate(50px, -50px);
          transform: translate(50px, -50px); }

/**
 * Zoom animations:
 * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right
 * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right
 */
[data-aos^='zoom'][data-aos^='zoom'] {
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform; }
  [data-aos^='zoom'][data-aos^='zoom'].aos-animate {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1); }

[data-aos='zoom-in'] {
  -webkit-transform: scale(0.6);
          transform: scale(0.6); }

[data-aos='zoom-in-up'] {
  -webkit-transform: translate(0, 50px) scale(0.6);
          transform: translate(0, 50px) scale(0.6); }

[data-aos='zoom-in-down'] {
  -webkit-transform: translate(0, -50px) scale(0.6);
          transform: translate(0, -50px) scale(0.6); }

[data-aos='zoom-in-right'] {
  -webkit-transform: translate(-50px, 0) scale(0.6);
          transform: translate(-50px, 0) scale(0.6); }

[data-aos='zoom-in-left'] {
  -webkit-transform: translate(50px, 0) scale(0.6);
          transform: translate(50px, 0) scale(0.6); }

[data-aos='zoom-out'] {
  -webkit-transform: scale(1.2);
          transform: scale(1.2); }

[data-aos='zoom-out-up'] {
  -webkit-transform: translate(0, 50px) scale(1.2);
          transform: translate(0, 50px) scale(1.2); }

[data-aos='zoom-out-down'] {
  -webkit-transform: translate(0, -50px) scale(1.2);
          transform: translate(0, -50px) scale(1.2); }

[data-aos='zoom-out-right'] {
  -webkit-transform: translate(-50px, 0) scale(1.2);
          transform: translate(-50px, 0) scale(1.2); }

[data-aos='zoom-out-left'] {
  -webkit-transform: translate(50px, 0) scale(1.2);
          transform: translate(50px, 0) scale(1.2); }

/**
 * Slide animations
 */
[data-aos^='slide'][data-aos^='slide'] {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }
  [data-aos^='slide'][data-aos^='slide'].aos-animate {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }

[data-aos='slide-up'] {
  -webkit-transform: translateY(100%);
          transform: translateY(100%); }

[data-aos='slide-down'] {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%); }

[data-aos='slide-right'] {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%); }

[data-aos='slide-left'] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%); }

/**
 * Flip animations:
 * flip-left, flip-right, flip-up, flip-down
 */
[data-aos^='flip'][data-aos^='flip'] {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

[data-aos='flip-left'] {
  -webkit-transform: perspective(2500px) rotateY(-100deg);
          transform: perspective(2500px) rotateY(-100deg); }
  [data-aos='flip-left'].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
            transform: perspective(2500px) rotateY(0); }

[data-aos='flip-right'] {
  -webkit-transform: perspective(2500px) rotateY(100deg);
          transform: perspective(2500px) rotateY(100deg); }
  [data-aos='flip-right'].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
            transform: perspective(2500px) rotateY(0); }

[data-aos='flip-up'] {
  -webkit-transform: perspective(2500px) rotateX(-100deg);
          transform: perspective(2500px) rotateX(-100deg); }
  [data-aos='flip-up'].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
            transform: perspective(2500px) rotateX(0); }

[data-aos='flip-down'] {
  -webkit-transform: perspective(2500px) rotateX(100deg);
          transform: perspective(2500px) rotateX(100deg); }
  [data-aos='flip-down'].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
            transform: perspective(2500px) rotateX(0); }

.CMSDeskContent .aos-init {
  opacity: 1 !important;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0); }

/* ------------------------------------
 *  Width and Height
 * ------------------------------------ */
/*wrap*/
/*nav*/
/* ------------------------------------
 *  Color
 * ------------------------------------ */
/* ------------------------------------
 *  Font
 * ------------------------------------ */
/*! nouislider - 13.1.5 - 4/24/2019 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.noUi-target {
  position: relative;
  direction: ltr; }

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1; }

/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0; }

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  -webkit-transform-style: flat;
          transform-style: flat; }

/* Offset direction
 */
html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0; }

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  width: 0; }

.noUi-horizontal .noUi-origin {
  height: 0; }

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute; }

.noUi-touch-area {
  height: 100%;
  width: 100%; }

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

.noUi-state-drag * {
  cursor: inherit !important; }

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px; }

.noUi-horizontal .noUi-handle {
  width: 16px;
  height: 16px;
  left: -17px;
  top: 0;
  border-radius: 50%; }

.noUi-vertical {
  width: 18px; }

html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
  right: -8px;
  left: auto; }

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  border-radius: 4px; }

.noUi-connect::after {
  content: '';
  top: 6px;
  height: 4px;
  background-color: #008787;
  position: absolute;
  left: 0;
  right: 0; }

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize; }

.noUi-vertical .noUi-draggable {
  cursor: ns-resize; }

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  -webkit-box-shadow: 0 0 1px 0 rgba(113, 113, 113, 0.9);
          box-shadow: 0 0 1px 0 rgba(113, 113, 113, 0.9); }
  .noUi-handle::before {
    content: '';
    width: 6px;
    height: 6px;
    background-color: #008787;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
    border-radius: 50%; }
  .noUi-handle:focus {
    outline: none; }

/* Handle stripes;
 */
/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8; }

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed; }

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.noUi-pips {
  position: absolute;
  color: #999; }

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center; }

.noUi-value-sub {
  color: #ccc;
  font-size: 10px; }

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC; }

.noUi-marker-sub {
  background: #AAA; }

.noUi-marker-large {
  background: #AAA; }

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%; }

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%); }

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%); }

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px; }

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px; }

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px; }

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%; }

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px; }

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%); }

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px; }

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px; }

.noUi-marker-vertical.noUi-marker-large {
  width: 15px; }

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap; }

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%; }

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%; }

.n-slider {
  position: relative;
  margin: 9px 6px; }
  .n-slider::before {
    content: '';
    top: 6px;
    height: 4px;
    background-color: #D6D6D6;
    position: absolute;
    left: -6px;
    right: -6px;
    border-radius: 2px; }

.hidden-range__single .n-slider::before {
  background-color: #008787;
  right: 0; }

.hidden-range__single .n-slider::after {
  content: '';
  top: 6px;
  height: 4px;
  background-color: #D6D6D6;
  position: absolute;
  left: auto;
  width: 6px;
  right: -6px;
  border-radius: 0 0 2px 2px; }

.hidden-range__single .n-slider .noUi-connects .noUi-connect:nth-of-type(2)::after {
  background-color: #D6D6D6; }

.productSvg .products {
  -webkit-transform-origin: center;
          transform-origin: center; }

.productSvg .is-active {
  -webkit-transform: scale(1.1) translateX(9px);
          transform: scale(1.1) translateX(9px);
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
  height: 100%; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  height: 100%; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }
  .slick-slide:focus {
    outline: none; }

.slick-arrow.slick-hidden {
  display: none; }

.slick-dots {
  margin-top: -50px;
  position: relative;
  z-index: 1;
  text-align: center; }
  .slick-dots > li {
    display: inline-block;
    margin: 0 5px; }
    .slick-dots > li button {
      font-size: 0;
      line-height: 0;
      display: block;
      width: 12px;
      height: 12px;
      border-radius: 100%;
      padding: 5px;
      cursor: pointer;
      color: transparent;
      border: 0;
      outline: none;
      background: #fff; }
    .slick-dots > li.slick-active button {
      background: #000;
      opacity: 1; }

.text-core .text-wrap textarea,
.text-core .text-wrap input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
  resize: none;
  z-index: 1;
  background: none;
  overflow: hidden;
  margin: 0;
  padding: 3px 5px 4px 5px;
  white-space: nowrap;
  line-height: 13px;
  height: auto; }

.text-core .text-wrap .text-tags {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: text;
  top: -8px; }

.text-core .text-wrap .text-tags.text-tags-on-top {
  z-index: 2;
  padding-bottom: 8px; }

.text-core .text-wrap .text-tags .text-tag {
  float: left; }

.text-core .text-wrap .text-tags .text-tag .text-button {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 4px 8px;
  background-color: #F4F4F4;
  color: #717171;
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s; }

.text-core .text-wrap .text-dropdown {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 3;
  background: #FFFFFF;
  border: 1px solid #ADADAD;
  max-height: 100px;
  display: none;
  overflow-x: hidden;
  overflow-y: auto; }

.text-core .text-wrap .text-dropdown.text-position-below {
  margin-top: 1px; }

.text-core .text-wrap .text-dropdown.text-position-above {
  margin-bottom: 1px; }

.text-core .text-wrap .text-dropdown .text-list .text-suggestion {
  padding: 8px 16px;
  cursor: pointer; }

.text-core .text-wrap .text-dropdown .text-list .text-suggestion em {
  font-style: normal;
  text-decoration: underline; }

.text-core .text-wrap .text-dropdown .text-list .text-suggestion.text-selected {
  color: #FFFFFF;
  background: #008787; }

@-webkit-keyframes tw-fade-in-up{
  0%{
    opacity: 0;
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem); }
  100%{
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes tw-fade-in-up{
  0%{
    opacity: 0;
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem); }
  100%{
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.fade-in-up{
  -webkit-animation: tw-fade-in-up 700ms;
          animation: tw-fade-in-up 700ms;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0; }

#teconsent {
  font-size: 0;
  line-height: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  margin: -1px;
  visibility: hidden; }
  #teconsent a {
    font-size: 1rem;
    line-height: 1;
    color: #FFFFFF;
    border: 2px solid #008787;
    background-color: #008787;
    text-align: center;
    padding: 0.75rem 1rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-weight: 700; }
    #teconsent a:hover, #teconsent a:focus:not(.focus-visible), #teconsent a.focus-visible {
      background-color: transparent; }
    #teconsent a:hover, #teconsent a:focus:not(:focus-visible), #teconsent a:focus-visible {
      background-color: transparent; }
    @media (min-width: 768px) {
      #teconsent a {
        padding: 1rem 1.5rem; } }
    #teconsent a:hover {
      color: #008787; }

/* endinject */
*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
  --tw-ring-shadow: 0 0 rgba(0,0,0,0);
  --tw-shadow: 0 0 rgba(0,0,0,0);
  --tw-shadow-colored: 0 0 rgba(0,0,0,0);
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ; }
::-ms-backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
  --tw-ring-shadow: 0 0 rgba(0,0,0,0);
  --tw-shadow: 0 0 rgba(0,0,0,0);
  --tw-shadow-colored: 0 0 rgba(0,0,0,0);
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ; }
::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
  --tw-ring-shadow: 0 0 rgba(0,0,0,0);
  --tw-shadow: 0 0 rgba(0,0,0,0);
  --tw-shadow-colored: 0 0 rgba(0,0,0,0);
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ; }
.tw-invisible{
  visibility: hidden !important; }
.tw-static{
  position: static !important; }
.tw-absolute{
  position: absolute !important; }
.tw-relative{
  position: relative !important; }
.tw-inset-0{
  top: 0px !important;
  right: 0px !important;
  bottom: 0px !important;
  left: 0px !important; }
.tw-bottom-0{
  bottom: 0px !important; }
.tw-left-1\/2{
  left: 50% !important; }
.-tw-z-1{
  z-index: -1 !important; }
.tw-z-0{
  z-index: 0 !important; }
.tw-z-1{
  z-index: 1 !important; }
.tw-z-2{
  z-index: 2 !important; }
.tw-col-start-1{
  grid-column-start: 1 !important; }
.tw-col-start-2{
  grid-column-start: 2 !important; }
.tw-col-start-3{
  grid-column-start: 3 !important; }
.tw-col-start-5{
  grid-column-start: 5 !important; }
.tw-col-start-8{
  grid-column-start: 8 !important; }
.tw-col-end-11{
  grid-column-end: 11 !important; }
.tw-col-end-12{
  grid-column-end: 12 !important; }
.tw-col-end-13{
  grid-column-end: 13 !important; }
.tw-col-end-5{
  grid-column-end: 5 !important; }
.tw-col-end-7{
  grid-column-end: 7 !important; }
.tw-col-end-9{
  grid-column-end: 9 !important; }
.tw-row-span-full{
  grid-row: 1 / -1 !important; }
.tw-m-0{
  margin: 0px !important; }
.tw-mx-auto{
  margin-left: auto !important;
  margin-right: auto !important; }
.tw-mb-0{
  margin-bottom: 0px !important; }
.tw-mb-12{
  margin-bottom: 3rem !important; }
.tw-mb-2{
  margin-bottom: 0.5rem !important; }
.tw-mb-4{
  margin-bottom: 1rem !important; }
.tw-mb-8{
  margin-bottom: 2rem !important; }
.tw-mt-6{
  margin-top: 1.5rem !important; }
.tw-mt-8{
  margin-top: 2rem !important; }
.tw-flex{
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }
.tw-grid{
  display: grid !important; }
.tw-size-\[6\.25rem\]{
  width: 6.25rem !important;
  height: 6.25rem !important; }
.tw-size-full{
  width: 100% !important;
  height: 100% !important; }
.tw-h-\[60\%\]{
  height: 60% !important; }
.tw-h-auto{
  height: auto !important; }
.tw-h-full{
  height: 100% !important; }
.tw-max-h-\[280px\]{
  max-height: 280px !important; }
.tw-w-\[60\%\]{
  width: 60% !important; }
.tw-w-full{
  width: 100% !important; }
.tw-max-w-3xl{
  max-width: 48rem !important; }
.tw-max-w-full{
  max-width: 100% !important; }
.tw-shrink-0{
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important; }
.tw-flex-grow{
  -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important; }
.tw-grow{
  -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important; }
.tw-basis-\[45\%\]{
  -ms-flex-preferred-size: 45% !important;
      flex-basis: 45% !important; }
.tw-basis-\[55\%\]{
  -ms-flex-preferred-size: 55% !important;
      flex-basis: 55% !important; }
.tw-origin-right{
  -webkit-transform-origin: right !important;
          transform-origin: right !important; }
.-tw-translate-x-1\/2{
  --tw-translate-x: -50% !important;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; }
.tw-translate-x-0{
  --tw-translate-x: 0px !important;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; }
.tw-translate-y-full{
  --tw-translate-y: 100% !important;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; }
.tw-grid-cols-10{
  grid-template-columns: repeat(10, minmax(0, 1fr)) !important; }
.tw-grid-cols-12{
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important; }
.tw-flex-col{
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important; }
.tw-flex-wrap{
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important; }
.tw-items-center{
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important; }
.tw-justify-center{
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important; }
.tw-justify-between{
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important; }
.tw-gap-2{
  gap: 0.5rem !important; }
.tw-gap-4{
  gap: 1rem !important; }
.tw-gap-6{
  gap: 1.5rem !important; }
.tw-gap-y-4{
  row-gap: 1rem !important; }
.tw-gap-y-6{
  row-gap: 1.5rem !important; }
.tw-overflow-hidden{
  overflow: hidden !important; }
.tw-rounded-3xl{
  border-radius: 1.5rem !important; }
.tw-rounded-full{
  border-radius: 9999px !important; }
.tw-rounded-lg{
  border-radius: 0.5rem !important; }
.tw-rounded-sm{
  border-radius: 0.125rem !important; }
.tw-rounded-t-lg{
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important; }
.tw-border{
  border-width: 1px !important; }
.tw-border-x{
  border-left-width: 1px !important;
  border-right-width: 1px !important; }
.tw-border-y{
  border-top-width: 1px !important;
  border-bottom-width: 1px !important; }
.tw-border-t{
  border-top-width: 1px !important; }
.tw-border-solid{
  border-style: solid !important; }
.tw-border-gray-10\/15{
  border-color: rgba(109, 109, 109, 0.15) !important; }
.tw-border-gray-4{
  --tw-border-opacity: 1 !important;
  border-color: rgba(133, 133, 133, var(--tw-border-opacity)) !important; }
.tw-border-moxa-green{
  --tw-border-opacity: 1 !important;
  border-color: rgba(0, 135, 135, var(--tw-border-opacity)) !important; }
.tw-border-white{
  --tw-border-opacity: 1 !important;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity)) !important; }
.tw-border-white\/30{
  border-color: rgba(255, 255, 255, 0.3) !important; }
.tw-bg-black\/15{
  background-color: rgba(0, 0, 0, 0.15) !important; }
.tw-bg-transparent{
  background-color: transparent !important; }
.tw-bg-white{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important; }
.tw-bg-cover{
  background-size: cover !important; }
.tw-bg-center{
  background-position: center !important; }
.tw-object-cover{
  -o-object-fit: cover !important;
     object-fit: cover !important; }
.tw-object-center{
  -o-object-position: center !important;
     object-position: center !important; }
.tw-p-10{
  padding: 2.5rem !important; }
.tw-p-6{
  padding: 1.5rem !important; }
.tw-px-6{
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important; }
.tw-px-\[0\.625rem\]{
  padding-left: 0.625rem !important;
  padding-right: 0.625rem !important; }
.tw-py-16{
  padding-top: 4rem !important;
  padding-bottom: 4rem !important; }
.tw-py-2{
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important; }
.tw-py-8{
  padding-top: 2rem !important;
  padding-bottom: 2rem !important; }
.tw-pb-0{
  padding-bottom: 0px !important; }
.tw-pb-6{
  padding-bottom: 1.5rem !important; }
.tw-ps-6{
  padding-left: 1.5rem !important; }
.tw-pt-12{
  padding-top: 3rem !important; }
.tw-pt-6{
  padding-top: 1.5rem !important; }
.tw-pt-8{
  padding-top: 2rem !important; }
.tw-pt-9{
  padding-top: 2.25rem !important; }
.tw-text-\[3\.5rem\]{
  font-size: 3.5rem !important; }
.tw-font-light{
  font-weight: 300 !important; }
.tw-uppercase{
  text-transform: uppercase !important; }
.tw-leading-\[1\.1\]{
  line-height: 1.1 !important; }
.tw-tracking-\[1px\]{
  letter-spacing: 1px !important; }
.tw-text-gray-4{
  --tw-text-opacity: 1 !important;
  color: rgba(133, 133, 133, var(--tw-text-opacity)) !important; }
.tw-text-gray-6{
  --tw-text-opacity: 1 !important;
  color: rgba(72, 72, 72, var(--tw-text-opacity)) !important; }
.tw-text-moxa-black{
  --tw-text-opacity: 1 !important;
  color: rgba(32, 32, 32, var(--tw-text-opacity)) !important; }
.tw-text-moxa-blue{
  --tw-text-opacity: 1 !important;
  color: rgba(32, 74, 136, var(--tw-text-opacity)) !important; }
.tw-text-moxa-green{
  --tw-text-opacity: 1 !important;
  color: rgba(0, 135, 135, var(--tw-text-opacity)) !important; }
.tw-opacity-0{
  opacity: 0 !important; }
.tw-opacity-80{
  opacity: 0.8 !important; }
.tw-transition-\[opacity\,transform\]{
  -webkit-transition-property: opacity,-webkit-transform !important;
  transition-property: opacity,-webkit-transform !important;
  transition-property: opacity,transform !important;
  transition-property: opacity,transform,-webkit-transform !important;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  -webkit-transition-duration: 150ms !important;
          transition-duration: 150ms !important; }
.tw-transition-all{
  -webkit-transition-property: all !important;
  transition-property: all !important;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  -webkit-transition-duration: 150ms !important;
          transition-duration: 150ms !important; }
.tw-transition-colors{
  -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  -webkit-transition-duration: 150ms !important;
          transition-duration: 150ms !important; }
.tw-transition-opacity{
  -webkit-transition-property: opacity !important;
  transition-property: opacity !important;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  -webkit-transition-duration: 150ms !important;
          transition-duration: 150ms !important; }
.tw-transition-transform{
  -webkit-transition-property: -webkit-transform !important;
  transition-property: -webkit-transform !important;
  transition-property: transform !important;
  transition-property: transform, -webkit-transform !important;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  -webkit-transition-duration: 150ms !important;
          transition-duration: 150ms !important; }
.tw-duration-300{
  -webkit-transition-duration: 300ms !important;
          transition-duration: 300ms !important; }
.tw-duration-500{
  -webkit-transition-duration: 500ms !important;
          transition-duration: 500ms !important; }
.tw-duration-700{
  -webkit-transition-duration: 700ms !important;
          transition-duration: 700ms !important; }
.tw-animation-delay-500{
  -webkit-animation-delay: 500ms !important;
          animation-delay: 500ms !important; }
.tw-animation-delay-700{
  -webkit-animation-delay: 700ms !important;
          animation-delay: 700ms !important; }
.tw-animation-delay-900{
  -webkit-animation-delay: 900ms !important;
          animation-delay: 900ms !important; }
@keyframes tw-fade-in-up{
  0%{
    opacity: 0;
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem); }
  100%{
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }
.fade-in-up{
  -webkit-animation: tw-fade-in-up 700ms;
          animation: tw-fade-in-up 700ms;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0; }
.before\:tw-border-t-white::before{
  content: var(--tw-content) !important;
  --tw-border-opacity: 1 !important;
  border-top-color: rgba(255, 255, 255, var(--tw-border-opacity)) !important; }
.before\:tw-content-\[\'\'\]::before{
  --tw-content: '' !important;
  content: var(--tw-content) !important; }
.hover\:tw-border-moxa-green:hover{
  --tw-border-opacity: 1 !important;
  border-color: rgba(0, 135, 135, var(--tw-border-opacity)) !important; }
.hover\:tw-bg-moxa-green:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(0, 135, 135, var(--tw-bg-opacity)) !important; }
.hover\:tw-bg-white:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important; }
.hover\:tw-text-moxa-green:hover{
  --tw-text-opacity: 1 !important;
  color: rgba(0, 135, 135, var(--tw-text-opacity)) !important; }
.hover\:tw-text-white:hover{
  --tw-text-opacity: 1 !important;
  color: rgba(255, 255, 255, var(--tw-text-opacity)) !important; }
.tw-group:hover .group-hover\:tw-scale-110{
  --tw-scale-x: 1.1 !important;
  --tw-scale-y: 1.1 !important;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; }
.tw-group:hover .group-hover\:tw-text-gray-6{
  --tw-text-opacity: 1 !important;
  color: rgba(72, 72, 72, var(--tw-text-opacity)) !important; }
.tw-group:hover .group-hover\:tw-text-moxa-green{
  --tw-text-opacity: 1 !important;
  color: rgba(0, 135, 135, var(--tw-text-opacity)) !important; }
.tw-group[\:has\(.swiper\:not\(.swiper-initialized\)\)] .group-\[\&\:has\(\.swiper\:not\(\.swiper-initialized\)\)\]\:tw-hidden{
  display: none !important; }
.tw-group:has(.swiper:not(.swiper-initialized)) .group-\[\&\:has\(\.swiper\:not\(\.swiper-initialized\)\)\]\:tw-hidden{
  display: none !important; }
.active\:tw-bg-white.tw-active{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important; }
.active\:tw-text-moxa-green.tw-active{
  --tw-text-opacity: 1 !important;
  color: rgba(0, 135, 135, var(--tw-text-opacity)) !important; }
@media (max-width: 1024px){
  .b-desktop\:-tw-mb-6{
    margin-bottom: -1.5rem !important; }
  .b-desktop\:tw-flex{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .b-desktop\:tw-flex-col{
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; } }
@media (max-width: 850px){
  .b-small\:tw-w-full{
    width: 100% !important; } }
@media (max-width: 767px){
  .b-tablet\:-tw-mt-6{
    margin-top: -1.5rem !important; }
  .b-tablet\:tw-h-full{
    height: 100% !important; }
  .b-tablet\:tw-bg-black\/15{
    background-color: rgba(0, 0, 0, 0.15) !important; }
  .b-tablet\:tw-px-3{
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important; }
  .b-tablet\:tw-pt-10{
    padding-top: 2.5rem !important; }
  .b-tablet\:tw-pt-\[4\.5rem\]{
    padding-top: 4.5rem !important; } }
@media (max-width: 550px){
  .b-mobile\:-tw-mx-4{
    margin-left: -1rem !important;
    margin-right: -1rem !important; }
  .b-mobile\:tw-max-h-\[50vw\]{
    max-height: 50vw !important; }
  .b-mobile\:tw-w-3\/4{
    width: 75% !important; }
  .b-mobile\:tw-flex-col{
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
  .b-mobile\:tw-rounded-t-lg{
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important; }
  .b-mobile\:tw-px-3{
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important; }
  .b-mobile\:tw-px-4{
    padding-left: 1rem !important;
    padding-right: 1rem !important; } }
@media (min-width: 551px){
  .a-mobile\:tw-justify-center{
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; }
  .a-mobile\:tw-gap-y-6{
    row-gap: 1.5rem !important; }
  .a-mobile\:tw-rounded-l-lg{
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important; } }
@media (min-width: 768px){
  .a-tablet\:tw-mb-10{
    margin-bottom: 2.5rem !important; }
  .a-tablet\:tw-mt-10{
    margin-top: 2.5rem !important; }
  .a-tablet\:tw-flex{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .a-tablet\:tw-grid{
    display: grid !important; }
  .a-tablet\:tw-hidden{
    display: none !important; }
  .a-tablet\:tw-grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important; }
  .a-tablet\:tw-grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .a-tablet\:tw-flex-col{
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
  .a-tablet\:tw-gap-6{
    gap: 1.5rem !important; }
  .a-tablet\:tw-gap-y-6{
    row-gap: 1.5rem !important; }
  .a-tablet\:tw-rounded-b-lg{
    border-bottom-right-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important; }
  .a-tablet\:tw-pt-0{
    padding-top: 0px !important; }
  .a-tablet\:tw-pt-10{
    padding-top: 2.5rem !important; }
  .a-tablet\:tw-pt-24{
    padding-top: 6rem !important; }
  .tw-group:hover .a-tablet\:group-hover\:tw-bg-black\/15{
    background-color: rgba(0, 0, 0, 0.15) !important; } }
@media (min-width: 851px){
  .a-small\:tw-mt-4{
    margin-top: 1rem !important; } }
@media (min-width: 1025px){
  .a-desktop\:tw-mb-0{
    margin-bottom: 0px !important; }
  .a-desktop\:tw-grid{
    display: grid !important; }
  .a-desktop\:tw-size-32{
    width: 8rem !important;
    height: 8rem !important; }
  .a-desktop\:tw-py-8{
    padding-top: 2rem !important;
    padding-bottom: 2rem !important; }
  .a-desktop\:tw-pe-6{
    padding-right: 1.5rem !important; }
  .a-desktop\:tw-ps-16{
    padding-left: 4rem !important; } }
.\[\&\.swiper-initialized_\.swiper-slide\:not\(\.swiper-slide-active\)_\.buttons\]\:tw-animate-none.swiper-initialized .swiper-slide:not(.swiper-slide-active) .buttons{
  -webkit-animation: none !important;
          animation: none !important; }
.\[\&\.swiper-initialized_\.swiper-slide\:not\(\.swiper-slide-active\)_\.description\]\:tw-animate-none.swiper-initialized .swiper-slide:not(.swiper-slide-active) .description{
  -webkit-animation: none !important;
          animation: none !important; }
.\[\&\.swiper-initialized_\.swiper-slide\:not\(\.swiper-slide-active\)_\.slide-image\]\:tw-opacity-0.swiper-initialized .swiper-slide:not(.swiper-slide-active) .slide-image{
  opacity: 0 !important; }
.\[\&\.swiper-initialized_\.swiper-slide\:not\(\.swiper-slide-active\)_\.title\]\:tw-animate-none.swiper-initialized .swiper-slide:not(.swiper-slide-active) .title{
  -webkit-animation: none !important;
          animation: none !important; }
@media (max-width: 767px){
  .\[\&\:has\(\>\:first-child_\.swiper\.swiper-initialized\)\]\:b-tablet\:tw-pb-\[3\.75rem\][\:has\(\%3E\:first-child\%20.swiper.swiper-initialized\)]{
    padding-bottom: 3.75rem !important; }
  .\[\&\:has\(\>\:first-child_\.swiper\.swiper-initialized\)\]\:b-tablet\:tw-pb-\[3\.75rem\]:has(>:first-child .swiper.swiper-initialized){
    padding-bottom: 3.75rem !important; } }
@media (max-width: 1024px){
  .b-desktop\:\[\&\:has\(\>div\:not\(\.is-active\)\)\]\:tw-h-0[\:has\(\%3Ediv\:not\(.is-active\)\)]{
    height: 0px !important; }
  .b-desktop\:\[\&\:has\(\>div\:not\(\.is-active\)\)\]\:tw-h-0:has(>div:not(.is-active)){
    height: 0px !important; } }
.\[\&\:not\(\.is-active\)\]\:tw-opacity-0:not(.is-active){
  opacity: 0 !important; }
@media (max-width: 1024px){
  .b-desktop\:\[\&\:not\(\.is-active\)\]\:-tw-translate-y-full:not(.is-active){
    --tw-translate-y: -100% !important;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } }
@media (min-width: 1025px){
  .a-desktop\:\[\&\:not\(\.is-active\)\]\:tw-translate-x-full:not(.is-active){
    --tw-translate-x: 100% !important;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } }
.\[\&\>\*\]\:tw-row-span-full>*{
  grid-row: 1 / -1 !important; }
.\[\&\>\.item\:not\(\:last-child\)\]\:tw-mb-5>.item:not(:last-child){
  margin-bottom: 1.25rem !important; }
.\[\&\>\.item\:not\(\:last-child\)\]\:tw-border-b>.item:not(:last-child){
  border-bottom-width: 1px !important; }
.\[\&\>\.item\:not\(\:last-child\)\]\:tw-border-solid>.item:not(:last-child){
  border-style: solid !important; }
.\[\&\>\.item\:not\(\:last-child\)\]\:tw-border-gray-10\/15>.item:not(:last-child){
  border-color: rgba(109, 109, 109, 0.15) !important; }
.\[\&\>\.item\:not\(\:last-child\)\]\:tw-pb-5>.item:not(:last-child){
  padding-bottom: 1.25rem !important; }
@media (min-width: 768px){
  .a-tablet\:\[\&\>\.news-card\:not\(\:last-child\)\>div\]\:tw-border-b-\[1px\]>.news-card:not(:last-child)>div{
    border-bottom-width: 1px !important; }
  .a-tablet\:\[\&\>\.news-card\:not\(\:last-child\)\>div\]\:tw-border-solid>.news-card:not(:last-child)>div{
    border-style: solid !important; }
  .a-tablet\:\[\&\>\.news-card\:not\(\:last-child\)\>div\]\:tw-border-white\/30>.news-card:not(:last-child)>div{
    border-color: rgba(255, 255, 255, 0.3) !important; }
  .a-tablet\:\[\&\>\.news-card\:not\(\:last-child\)\>div\]\:tw-pb-6>.news-card:not(:last-child)>div{
    padding-bottom: 1.5rem !important; } }
.\[\&\>option\]\:tw-text-moxa-black>option{
  --tw-text-opacity: 1 !important;
  color: rgba(32, 32, 32, var(--tw-text-opacity)) !important; }