@charset "UTF-8";.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 .3s;
    transition: opacity .3s;
    z-index: 10
}

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

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

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

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

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

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

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

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

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

.inline {
    display: inline
}

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

.text--black {
    color: #202020
}

.text--margin-top-m {
    margin-top: 32px
}

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

.table {
    display: table
}

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

.about-us-section .row,.article__main-section .article__subscribe-section .input-group,.article__main-section .module-block .article__comment,.article__main-section .module-block .article__tag-container,.article__main-section .module-block .module-block__content .inline-section,.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 .img-card__wrapper,.articles-section .img-card__link,.articles-section.img-cards,.basic-form__group--flex,.business-card__list,.flex,.gray-text-card__title,.hero-banner,.img-card__info,.main-section__filter-result-block,.module-block__card,.module-block__header,.module-block__heading-info,.module-block__info-detail,.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,.product-bar,.quotation-block__remove,.recommend-block__cards,.tab-filter .tab-filter__header,.tab-filter .tab-filter__list {
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    -ms-flex-direction: row
}

.account-nav__link,.address-block--add .address-block__trigger,.back-to-top-btn,.basic-accordion__num,.basic-form__checkmark,.basic-form__group--flex-center,.basic-form__input-cancel-btn,.basic-pagination>span,.basic-pagination__item.is-active,.basic-text-card__icon-block,.bubble-block__bottom,.colors-banner__bg,.compare-block__top,.fixed-bubble,.fixed-bubble__circle,.flex-center,.full-banner,.full-banner__btn,.full-modal .sent-cover,.header__search-trigger,.hero-carousel__img,.hero-carousel__video-wrap,.iiot-manage-section__container,.login-block__bottom,.main-section--big,.modal:not(.modal--ps),.product-bar__link,.rating-stars,.result-block__switch,.search-dropdown__searchbox,.tags-list-block__btn {
    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
}

#tech-3 #sensors,.account-section__top,.alphabets-bar__list,.arrow-card,.attachments-block__bar,.basic-accordion__trigger,.basic-form__legend,.border-accordion__trigger,.center-carousel__controls,.checkbox-card,.compare-section__controls,.filter-block--short,.flex-between,.green-top-card__btm,.header-card-wrap,.img-card-carousel__controls,.list-block__link,.main-section__flex-block,.module-block__card-download,.online-list__item,.overflow-carousel__controls,.preference-block__check,.quotation-block__list-top,.r-img-carousel__controls,.release-card,.result-block__top,.result-top-block,.selector-block__border-heading-area,.series-card__item,.side-section.-flex,.tab-section__long-tabs,.tooltip__top,.white-block__container {
    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
}

.border-bullet-list,.cookie-block__flex,.flex-wrap,.gray-text-card.column,.plant-cards,.side-img-block__link {
    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 .3s;
    transition: all .3s
}

.is-active.modal,.opacity-hidden.is-active {
    opacity: 1;
    visibility: visible
}

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

.hide {
    display: none!important
}

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

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

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

.mt-075 {
    margin-top: .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
}

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

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

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

.mb-075 {
    margin-bottom: .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
}

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

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

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

.mr-075 {
    margin-right: .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
}

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

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

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

.ml-075 {
    margin-left: .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
}

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

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

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

.pt-075 {
    padding-top: .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
}

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

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

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

.pb-075 {
    padding-bottom: .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
}

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

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

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

.pr-075 {
    padding-right: .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
}

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

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

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

.pl-075 {
    padding-left: .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
}

.hr {
    display: block;
    padding-top: 1px
}

.hr--light-grey {
    background-color: #e3e3e3
}

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

.about-us-section ol li,.about-us-section ul li,.article__main-section .module-block .module-block__content ol li,.article__main-section .module-block .module-block__content ul li,.side-border-block__list li,.text-editor ol li,.text-editor ul 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: transparent
}

.text-white {
    color: #fff!important
}

.bg-white {
    background-color: #fff!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
}

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

.no-border {
    border: 0!important
}

.divider {
    margin: 2rem 0;
    border-color: rgba(234,234,234,.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
}

.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 .3s;
    transition: opacity .3s;
    z-index: 10
}

.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::after,.column--3.column--flex::before {
    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%
    }
}

@media (min-width: 768px) {
    .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
    }
}

@media (min-width: 768px) {
    .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
    }
}

@media (min-width: 768px) {
    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
}

@media (min-width: 768px) {
    .basic-block__container,.wrapper-s {
        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
    }

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

    .basic-block__container:last-child,.wrapper-s:last-child {
        margin-right: 0
    }

    .basic-block__container:nth-child(6n),.wrapper-s:nth-child(6n) {
        margin-right: 0;
        float: right
    }

    .basic-block__container:nth-child(6n+1),.wrapper-s:nth-child(6n+1) {
        clear: both
    }
}

@media (max-width: 767px) {
    .basic-block__container,.wrapper-s {
        width:calc(99.9% * 1/1 - (24px - 24px * 1/1))
    }

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

    .basic-block__container:last-child,.wrapper-s:last-child {
        margin-right: 0
    }

    .basic-block__container:nth-child(1n),.wrapper-s:nth-child(1n) {
        margin-right: 0;
        float: right
    }

    .basic-block__container:nth-child(1n+1),.wrapper-s: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.1675211231547.eot);
    src: url(/css/Moxa/fonts/icon.1675211231547.eot?#iefix) format("eot"),url(/css/Moxa/fonts/icon.1675211231547.ttf) format("truetype"),url(/css/Moxa/fonts/icon.1675211231547.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

.icon-base,[class*=" icon-"],[class^=icon-] {
    font-family: icon;
    font-style: normal;
    font-weight: 400;
    -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"
}

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

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

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

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

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

a:focus {
    outline: 0
}

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

button,input,select,textarea {
    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=button],input[type=reset],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,.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 .3s;
    transition: opacity .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,.6);
    content: '';
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.body-section {
    min-height: calc(100vh - 415px);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s,-webkit-transform .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 {
	color: #222;
	text-decoration: none;
	/*font-family: Microsoft YaHei;*/
	font-family: "OPPOSans-Ver2-Regular";
}
h4 a{
    color:#525252 ;
}
body.ZHCN button {
    letter-spacing: inherit
}

p {
    line-height: 1.5em;
    letter-spacing: .16px
}

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
}

.compare-block__close,.default-hover,.list-block__link,.modal__close {
    -webkit-transition: all .3s;
    transition: all .3s
}

@media (min-width: 1025px) {
    .compare-block__close:hover,.default-hover:hover,.list-block__link:hover,.modal__close:hover {
        color:rgba(32,32,32,.8)
    }
}

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

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

sup {
    vertical-align: super
}

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

.c-text-carousel__icon,.inline-img-carousel__icon,.overlap-carousel__icon {
    color: #d6d6d6;
    font-size: 32px;
    -webkit-transition: color .3s;
    transition: color .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 {
    width: 30px;
    height: 30px;
    border: 2px solid #afb3ba;
    border-radius: 50%;
    margin: 0 2px;
    -webkit-transition: border .3s;
    transition: border .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 {
        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 {
    font-size: 12px;
    color: #afb3ba;
    -webkit-transition: color .3s;
    transition: color .3s
}

.SubscriptionButton {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    background: 0 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none
}

.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
    }
}

.article-author__details-name,.font-l-40 {
    font-weight: 200;
    line-height: 1.2em
}

@media (min-width: 768px) {
    .article-author__details-name,.font-l-40 {
        font-size:2.5em
    }
}

@media (max-width: 767px) {
    .article-author__details-name,.font-l-40 {
        font-size:1.5em
    }
}

.account-section__no-result,.font-m-32,.modal__heading,.module-block__title,.overlap-carousel__heading,.submenu__headeing,.tags-list-block__empty,.text-editor h1,.text-xl .img-card__heading {
    line-height: 1.3em
}

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

@media (max-width: 850px) {
    .account-section__no-result,.font-m-32,.modal__heading,.module-block__title,.overlap-carousel__heading,.submenu__headeing,.tags-list-block__empty,.text-editor h1,.text-xl .img-card__heading {
        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
    }
}

.basic-text-card__icon-block-heading,.font-b-30,.inline-img-carousel__heading,.intro-block__heading {
    font-weight: 700
}

@media (min-width: 851px) {
    .basic-text-card__icon-block-heading,.font-b-30,.inline-img-carousel__heading,.intro-block__heading {
        font-size:2em
    }
}

@media (max-width: 850px) {
    .basic-text-card__icon-block-heading,.font-b-30,.inline-img-carousel__heading,.intro-block__heading {
        font-size:1.8em
    }
}

@media (max-width: 767px) {
    .basic-text-card__icon-block-heading,.font-b-30,.inline-img-carousel__heading,.intro-block__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) {
    .alphabet-list__title,.basic-form__link--sms [class*=icon-],.basic-text-card__heading,.c-text-carousel__heading,.column-text-block__heading,.font-m-22,.gray-text-card__paragraph.gray-text-card__paragraph--l,.hero-carousel__paragraph,.location-block__heading,.selector-block__result-heading,.sitemap-block__heading {
        font-size:1.375em
    }
}

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

.alphabets-bar__item,.bold-title-heading--l,.event-block__heading,.font-b-22,.tab-accordion__trigger-text,.white-block__text-heading,.xtra-list__heading {
    font-weight: 700
}

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

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

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

.ellipsis-accordion__heading,.font-b-20,.iiot-manage-section__img-heading,.iiot-manage-section__subheading {
    font-size: 1.25em;
    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
}

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

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

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

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

b,strong {
    font-weight: 700
}

.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
    }
}

.basic-accordion__block {
    background-color: #fff
}

.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 .3s;
    transition: background-color .3s
}

@media (min-width: 1025px) {
    .basic-accordion__trigger:hover {
        background-color:rgba(0,135,135,.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 .3s;
    transition: color .3s;
    color: #202020;
    padding: 16px 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media (min-width: 1025px) {
    .border-accordion__trigger:hover {
        color:rgba(32,32,32,.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 .3s;
    transition: color .3s;
    color: #008787;
    padding: 16px
}

@media (min-width: 1025px) {
    .ellipsis-accordion__trigger:hover {
        color:rgba(0,135,135,.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>* {
    display: none
}

.ellipsis-accordion__container.is-active {
    white-space: normal
}

.ellipsis-accordion__container.is-active>* {
    display: block
}

.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 .3s;
    transition: color .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,.07);
    box-shadow: 0 3px 3px 0 rgba(32,32,32,.07);
    background-color: #fff;
    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 .3s;
    transition: opacity .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
    }
}

@media (min-width: 768px) {
    .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: #fff
}

.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 .3s;
    transition: all .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: .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: #fff
}

@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,.8)));
    background: linear-gradient(to bottom,rgba(32,32,32,0) 0,rgba(32,32,32,0) 50%,rgba(32,32,32,.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,.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: #fff;
    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-color: #008787;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    color: #fff
}

.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: #fff
}

.hero-banner.hero-banner--white {
    background-color: #fff;
    -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__btn,.hero-banner.hero-banner--side .hero-banner__heading,.hero-banner.hero-banner--side .hero-banner__paragraph,.hero-banner.hero-banner--side .hero-banner__subheading {
        width:calc(99.9% * 2/3)
    }

    .hero-banner.hero-banner--side .hero-banner__btn: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__subheading:nth-child(1n) {
        float: left;
        margin-right: 0;
        clear: none
    }

    .hero-banner.hero-banner--side .hero-banner__btn: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__subheading:last-child {
        margin-right: 0
    }

    .hero-banner.hero-banner--side .hero-banner__btn: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__subheading:nth-child(0n) {
        float: right
    }
}

@media (max-width: 767px) {
    .hero-banner.hero-banner--side .hero-banner__btn,.hero-banner.hero-banner--side .hero-banner__heading,.hero-banner.hero-banner--side .hero-banner__paragraph,.hero-banner.hero-banner--side .hero-banner__subheading {
        width:calc(99.9% * 1/1 - (24px - 24px * 1/1))
    }

    .hero-banner.hero-banner--side .hero-banner__btn: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__subheading:nth-child(1n) {
        float: left;
        margin-right: 24px;
        clear: none
    }

    .hero-banner.hero-banner--side .hero-banner__btn: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__subheading:last-child {
        margin-right: 0
    }

    .hero-banner.hero-banner--side .hero-banner__btn: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__subheading:nth-child(1n) {
        margin-right: 0;
        float: right
    }

    .hero-banner.hero-banner--side .hero-banner__btn: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__subheading:nth-child(1n+1) {
        clear: both
    }
}

.hero-banner.hero-banner--border {
    border-bottom: 1px solid #eaeaea
}

.hero-banner--blend {
    background-color: rgba(0,135,135,.63);
    background-blend-mode: multiply
}

.hero-banner__play-button {
    -webkit-transition: .3s all ease-in-out;
    transition: .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: #000;
    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
}

@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: .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
    }
}

@media (min-width: 551px) {
    .hero-banner__paragraph--xl {
        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: .085em
}

body.ZHCN .hero-banner__subheading {
    letter-spacing: .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__paragraph {
    line-height: 1.5em
}

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

body.ZHTW .hero-banner__subheading {
    font-weight: 400;
    margin-bottom: 1rem
}

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

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

.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
    }
}

@media (min-width: 768px) {
    .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(#fff),color-stop(25%,rgba(255,255,255,0)));
    background-image: linear-gradient(to right,#fff 0,rgba(255,255,255,0) 25%)
}

.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 .3s;
    transition: color .3s
}

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

.address-block__heading+button {
    -webkit-transition: color .3s;
    transition: color .3s;
    color: #008787
}

@media (min-width: 1025px) {
    .address-block__heading+button:hover {
        color:rgba(0,135,135,.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
    }
}

@media (max-width: 767px) {
    .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 .3s;
    transition: color .3s
}

@media (min-width: 1025px) {
    .alphabets-bar__link:hover {
        color:rgba(0,135,135,.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,.8)
    }
}

.alphabet-list__title {
    color: #008787;
    margin-bottom: 4px;
    -webkit-transition: color .3s;
    transition: color .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
}

.anchors-block__heading {
    font-weight: 400;
    font-size: 1em;
    color: #202020;
    margin-bottom: 16px;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media (min-width: 1025px) {
    .anchors-block__heading:hover {
        color:rgba(0,135,135,.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: .1px;
    height: .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 .3s;
    transition: all .3s;
    border-radius: 4px;
    max-width: 500px;
    padding: 16px;
    color: #fff;
    background-color: #adadad;
    margin-bottom: 8px
}

@media (min-width: 1025px) {
    .attachments-block__bar:hover {
        background-color:rgba(133,133,133,.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::after,.article-author .row::before {
    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,.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: .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
    }
}

@media (max-width: 767px) {
    .article-author__avatar--desktop {
        display:none
    }
}

@media (max-width: 767px) {
    .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::after,.article-author__media-modal-header-close::before {
    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: #fff;
    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: .75rem
}

.basic-pagination__item {
    -webkit-transition: color .3s;
    transition: color .3s;
    color: #202020;
    cursor: pointer;
    margin: 0 8px;
    padding: 4px
}

@media (min-width: 1025px) {
    .basic-pagination__item:hover {
        color:rgba(32,32,32,.8)
    }
}

.basic-pagination__item.is-active {
    -webkit-transition: color .3s;
    transition: color .3s;
    color: #484848;
    pointer-events: none;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: #fff;
    background-color: #adadad
}

@media (min-width: 1025px) {
    .basic-pagination__item.is-active:hover {
        color:rgba(72,72,72,.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: .5rem
}

.basic-pagination__item-wrapper .basic-pagination__item:not(.visible) {
    display: none
}

.basic-pagination__icon {
    -webkit-transition: color .3s;
    transition: color .3s;
    color: #717171;
    cursor: pointer;
    transition: color .3s;
    font-size: 14px;
    margin-left: .5rem
}

@media (min-width: 1025px) {
    .basic-pagination__icon:hover {
        color:rgba(113,113,113,.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 .3s;
    transition: border .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
    }
}

@media (max-width: 767px) {
    .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 #fff;
    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,.8);
    box-shadow: 1px 4px 10px rgba(214,214,214,.8)
}

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

.bubble-block__subheading {
    color: #008787;
    font-weight: 700;
    font-size: .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: #fff
}

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

.career-accordion-block {
    padding: 1rem;
    border-radius: .5rem;
    background-color: #fff
}

@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__container,.career-accordion-block .basic-accordion__trigger {
    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
    }
}

@media (min-width: 768px) {
    .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
}

.career-accordion-block .basic-accordion__icon {
    font-size: 1.5rem
}

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

.certification {
    -webkit-filter: gray;
    filter: gray;
    -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 .3s;
    transition: color .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,.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: #fff;
    padding: 22px 0;
    -webkit-transition: all .3s;
    transition: all .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: #fff
}

.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: #fff
}

.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 .3s;
    transition: color .3s;
    color: #fff;
    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,.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: #fff
}

.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
    }
}

@media (max-width: 767px) {
    .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 .border-btn,.cookie-block__btns .fill-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: #fff;
    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 .3s,background-color .3s;
    transition: color .3s,background-color .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 .3s;
    transition: color .3s
}

.edit-tags-block__tags .create,.edit-tags-block__tags .option {
    padding: 8px;
    -webkit-transition: background-color .3s,color .3s;
    transition: background-color .3s,color .3s
}

.edit-tags-block__tags .create.active,.edit-tags-block__tags .option.active {
    background-color: #008787;
    color: #fff
}

.event-block {
    background-color: #fff;
    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 .3s;
    transition: border .3s
}

.filter-block__select-wrap:last-child {
    margin-right: 0
}

.filter-block__select {
    background-color: #fff;
    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
    }
}

@media (min-width: 768px) {
    .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: .75em;
    color: #484848;
    -webkit-transition: color .3s,background-color .3s;
    transition: color .3s,background-color .3s
}

@media (min-width: 1025px) {
    .filter-block__btn:hover {
        color:#fff;
        background-color: #008787
    }
}

.filter-block__btn.is-active {
    color: #fff;
    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 .arrow-btn {
    margin: 0 auto
}

.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;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%!important;
    height: auto!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: #333;
    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 .3s ease-out,-webkit-box-shadow .3s ease-out;
    transition: -webkit-transform .3s ease-out,-webkit-box-shadow .3s ease-out;
    transition: transform .3s ease-out,box-shadow .3s ease-out;
    transition: transform .3s ease-out,box-shadow .3s ease-out,-webkit-transform .3s ease-out,-webkit-box-shadow .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,.12);
        box-shadow: 0 10px 16px 0 rgba(32,32,32,.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: #fff
}

@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
}

.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,.12);
    box-shadow: 0 10px 16px 0 rgba(32,32,32,.12)
}

body.ZHTW .inline-img-block__heading {
    font-weight: 700
}

.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 .border-btn,.inline-title-block__buttons .fill-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: .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,.06)
    }
}

.list-block__link .list-block__location {
    margin-right: 32px
}

.list-block__icon {
    color: #717171;
    -webkit-transition: color .3s;
    transition: color .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.JAJP .location-block__paragraph span,body.ZHCN .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: #fff;
    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: #fff;
    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__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.JAJP .mid-block__container .fill-btn+.arrow-btn {
    margin-left: 30px
}

body.ZHTW .mid-block__container .fill-btn+.arrow-btn {
    margin-left: 30px
}

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 .3s;
    transition: opacity .3s
}

@media (max-width: 1024px) {
    .modal-img-block__icon-wrap {
        opacity:1;
        padding: 4px
    }
}

.modal-img-block__icon {
    color: #fff
}

.module-block .column,.module-block__date,.module-block__details,.module-block__heading--l,.module-block__list,.module-block__note,.module-block__paragraph,.module-block__pointer,.module-block__sm-img,.module-block__subtitle {
    margin-bottom: 24px
}

@media (min-width: 768px) {
    .module-block {
        padding:32px
    }
}

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

.module-block--white {
    background-color: #fff
}

.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: #fff;
    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
    }
}

@media (max-width: 550px) {
    .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,.85)
}

.module-block__i i {
    color: #008787;
    -webkit-transition: color .3s;
    transition: color .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 .3s;
    transition: opacity .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,.05);
    box-shadow: 0 0 3px 0 rgba(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 .3s;
    transition: border-color .3s
}

@media (min-width: 1025px) {
    .module-block__card:hover {
        border-color:#d6d6d6;
        border-top-color: rgba(0,135,135,.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: #fff;
    padding: 16px 40px;
    -webkit-box-shadow: 0 -2px 8px 0 rgba(32,32,32,.05);
    box-shadow: 0 -2px 8px 0 rgba(32,32,32,.05);
    margin-bottom: 24px
}

@media (max-width: 550px) {
    .module-block-footer {
        font-size:.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: .875em;
    line-height: 1.857em;
    color: #979797;
    font-weight: 700;
    margin-right: .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: .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: #fff;
    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 .3s;
    transition: border .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 .3s;
    transition: opacity .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,.5),0 0 0 6px rgba(62,233,203,.3);
        box-shadow: 0 0 0 1px rgba(62,233,203,.5),0 0 0 6px rgba(62,233,203,.3)
    }

    100% {
        -webkit-box-shadow: 0 0 0 6px rgba(62,233,203,.3),0 0 0 14px rgba(62,233,203,0);
        box-shadow: 0 0 0 6px rgba(62,233,203,.3),0 0 0 14px rgba(62,233,203,0)
    }
}

@keyframes ripple {
    0% {
        -webkit-box-shadow: 0 0 0 1px rgba(62,233,203,.5),0 0 0 6px rgba(62,233,203,.3);
        box-shadow: 0 0 0 1px rgba(62,233,203,.5),0 0 0 6px rgba(62,233,203,.3)
    }

    100% {
        -webkit-box-shadow: 0 0 0 6px rgba(62,233,203,.3),0 0 0 14px rgba(62,233,203,0);
        box-shadow: 0 0 0 6px rgba(62,233,203,.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 .3s;
    transition: border .3s
}

.pointer-block__point--2:after,.pointer-block__point--2:before {
    content: "";
    pointer-events: none;
    display: block;
    width: 120px;
    height: 120px;
    position: absolute;
    top: -52px;
    left: -52px;
    background: rgba(32,74,136,.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:after,.pointer-block__point--2:hover:before {
    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: #fff;
    pointer-events: none;
    left: -18px
}

@media (min-width: 768px) {
    .pointer-block__bubble {
        -webkit-transition:opacity .3s;
        transition: opacity .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(.1);
        transform: scale(.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes sonar-marker-pulse {
    0% {
        opacity: .65;
        -webkit-transform: scale(.1);
        transform: scale(.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes sonar-marker-pulse-inner {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1);
        transform: scale(.1)
    }

    24%,90% {
        opacity: 0
    }

    25% {
        opacity: .65;
        -webkit-transform: scale(.1);
        transform: scale(.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes sonar-marker-pulse-inner {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1);
        transform: scale(.1)
    }

    24%,90% {
        opacity: 0
    }

    25% {
        opacity: .65;
        -webkit-transform: scale(.1);
        transform: scale(.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: .5rem;
    max-width: 70%
}

@media (min-width: 768px) {
    .product-bar__info {
        gap:.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
    }
}

@media (max-width: 767px) {
    .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: #fff
}

.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 .3s;
    transition: border .3s
}

.quotation-block__num.is-valid,.quotation-block__num:focus {
    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 .3s;
    transition: color .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,.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,.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,.05);
    box-shadow: 0 2px 7px 0 rgba(32,32,32,.05);
    background-color: #fff
}

.quotation-details__filter-block--left {
    margin-right: 8px
}

.quotation-details__filter-block--heading {
    color: rgba(32,32,32,.3)
}

.quotation-details__filter-block--button {
    background-color: #d6d6d6;
    padding: 8px 16px;
    margin-right: 8px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.quotation-details__filter-block--button.is-active {
    background-color: #008787;
    color: #fff
}

.quotation-details__filter-block--button {
    font-size: .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: .3s opacity ease-in-out;
    transition: .3s opacity ease-in-out;
    font-size: 14px;
    color: #858585
}

.quotation-details__close:hover {
    opacity: .8
}

.quotation-details__category--heading {
    color: #484848;
    margin-bottom: 16px
}

.quotation-details__category--block {
    background-color: #fff;
    overflow-x: auto;
    padding: 16px
}

.quotation-details__subheading {
    color: #717171;
    margin-bottom: 16px
}

.quotation-details__des {
    color: rgba(32,32,32,.3)
}

.quotation-details__compare-block {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(32,32,32,.05);
    box-shadow: 0 2px 10px 0 rgba(32,32,32,.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: .75em;
    -webkit-transition: background-color .3s;
    transition: background-color .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:after,.quote-block__paragraph:before {
    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
    }
}

@media (max-width: 850px) {
    .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: #fff;
    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 .3s;
    transition: color .3s;
    color: #202020
}

@media (min-width: 1025px) {
    .related-block__link:hover {
        color:rgba(32,32,32,.8)
    }
}

.result-block-wrap {
    -webkit-box-shadow: 0 0 3px 0 rgba(32,32,32,.05);
    box-shadow: 0 0 3px 0 rgba(32,32,32,.05)
}

.result-block-wrap>.result-block {
    -webkit-box-shadow: 0 6px 20px 0 rgba(32,32,32,.1);
    box-shadow: 0 6px 20px 0 rgba(32,32,32,.1)
}

.result-block__additional {
    display: none
}

.result-block {
    margin-bottom: 16px;
    background-color: #fff;
    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: #fff
}

.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;
    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
    }
}

@media (max-width: 767px) {
    .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,.03);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.03);
    background-color: #fff;
    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: .625em;
    padding: 2px 4px;
    border: 1px solid #202020;
    margin-right: 4px;
    margin-top: 1px
}

.search-resault-block__heading {
    -webkit-transition: color .3s;
    transition: color .3s;
    color: #202020;
    font-size: 1.125em
}

@media (min-width: 1025px) {
    .search-resault-block__heading:hover {
        color:rgba(32,32,32,.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 .3s;
    transition: color .3s;
    color: #858585;
    font-size: .8em;
    word-break: break-all;
    line-height: 1.2em
}

@media (min-width: 1025px) {
    .search-resault-block__ref-link:hover {
        color:rgba(133,133,133,.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 .3s;
    transition: all .3s
}

@media (min-width: 1025px) {
    .search-resault__btn:hover {
        color:rgba(72,72,72,.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: 1rem;
    background-color: #f4f4f4;
    -webkit-transition: .3s -webkit-box-shadow ease-in-out;
    transition: .3s -webkit-box-shadow ease-in-out;
    transition: .3s box-shadow ease-in-out;
    transition: .3s box-shadow ease-in-out,.3s -webkit-box-shadow ease-in-out
}

.search-resault-ad-block__inner:hover {
    -webkit-box-shadow: 4px 4px 4px 0 rgba(32,32,32,.12);
    box-shadow: 4px 4px 4px 0 rgba(32,32,32,.12)
}

.search-resault-ad-block .heading {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 1rem
}

.search-resault-ad-block .content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.search-resault-ad-block .content-wrapper .img-block {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    overflow: hidden;
    margin-right: 1rem
}

@media (min-width: 551px) {
    .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%;
        max-height: 120px
    }
}

.search-resault-ad-block .content-wrapper .img-block .img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.search-resault-ad-block .content-wrapper .text-block {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (max-width: 550px) {
    .search-resault-ad-block .content-wrapper .text-block {
        padding-top:1rem
    }
}

@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 .3s;
    transition: all .3s
}

@media (min-width: 1025px) {
    .selector-block__btn:hover {
        color:rgba(72,72,72,.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 .3s;
    transition: all .3s;
    line-height: 1.2em
}

@media (min-width: 1025px) {
    .selector-block__link:hover {
        color:rgba(0,135,135,.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 .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s,-webkit-transform .3s
    }

    .selector-block__filter-wrap.is-active {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.selector-block__text-field {
    background-color: #fff;
    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: .75rem 1rem .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: .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: .75rem 2.4rem .75rem 1rem
}

.selector-block__text-field-wrapper.reverse-search-icon .search-btn {
    left: auto;
    right: .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 .3s;
    transition: all .3s;
    background-color: #008787;
    padding: 8px;
    border-radius: 50%
}

@media (min-width: 1025px) {
    .close-btn:hover {
        background-color:#007171
    }
}

.close-btn__icon {
    color: #fff;
    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 .3s;
    transition: border-color .3s;
    background: #fff
}

.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,.1);
    border: none;
    border-left: 2px solid #008787;
    -webkit-box-shadow: 0 2px 7px 0 rgba(32,32,32,.1);
    box-shadow: 0 2px 7px 0 rgba(32,32,32,.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,.1);
    box-shadow: 0 2px 2px 0 rgba(32,32,32,.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,.8)
    }
}

.side-border-block--no-result {
    border-left: 4px solid #ff8000;
    padding: 24px 32px;
    background: #fff;
    margin-bottom: 32px
}

@media (max-width: 767px) {
    .side-border-block--no-result {
        padding:16px
    }
}

.side-border-block--no-result.wide {
    margin: 40px 0 26vh
}

.side-border-block__link {
    -webkit-transition: color .3s;
    transition: color .3s;
    color: #202020
}

@media (min-width: 1025px) {
    .side-border-block__link:hover {
        color:rgba(32,32,32,.8)
    }
}

@media (min-width: 1025px) {
    .side-border-block__link:hover .side-border-block__title {
        color:rgba(0,135,135,.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 .3s;
    transition: color .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
}

.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: .8125rem
}

.side-img-block {
    background-color: #fff;
    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: .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 .3s;
    transition: color .3s;
    color: #202020
}

@media (min-width: 1025px) {
    .side-product-block__link:hover {
        color:rgba(32,32,32,.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 .3s;
    transition: color .3s;
    color: #222;
}

@media (min-width: 1025px) {
    .sitemap-block__heading a:hover {
        color:rgba(72,72,72,.8)
    }
}

.sitemap-block__subheading {
    margin-bottom: 16px;
    font-weight: 700;
    color: #484848
}

.tab-block {
    display: none
}

.tab-block.is-active {
    display: block
}

@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
}

.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 .3s!important;
    transition: all .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 .3s;
    transition: all .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:#cdcdcd
    }
}

.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: #fff;
    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 td,.warranty-block .border-table th {
    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
    }
}

@media (max-width: 550px) {
    .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 .3s;
    transition: color .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,.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
    }
}

@media (max-width: 550px) {
    .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: #fff
}

@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,.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: #fff;
    padding: .75rem 1rem;
    -webkit-box-shadow: 0 4px 15px rgba(0,0,0,.2);
    box-shadow: 0 4px 15px rgba(0,0,0,.2);
    border-radius: .5rem;
    font-size: .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: .75rem;
    height: .75rem;
    background-color: #fff
}

@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: #fff;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #b0b0b0;
    -webkit-transition: .3s color;
    transition: .3s color
}

.fixed-bubbles .quote-reminder .quote-reminder-close:hover {
    color: #008787
}

.fixed-bubble {
    -webkit-transition: all .3s;
    transition: all .3s;
    background-color: #008787;
    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,.8);
    box-shadow: 2px 2px 10px rgba(173,173,173,.8)
}

@media (min-width: 1025px) {
    .fixed-bubble:hover {
        background-color:#007171
    }
}

@media (max-width: 1024px) {
    .fixed-bubble {
        display:none!important
    }
}

.fixed-bubble.fixed-bubble--white {
    background-color: #fff;
    -webkit-box-shadow: 2px 2px 10px rgba(234,234,234,.8);
    box-shadow: 2px 2px 10px rgba(234,234,234,.8)
}

.fixed-bubble.is-active {
    background-color: #007171
}

.fixed-bubble__icon {
    color: #fff;
    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,.8);
    box-shadow: 2px 2px 10px rgba(214,214,214,.8)
}

.fixed-bubble__num {
    color: #fff;
    font-size: 14px
}

.arrow-btn {
    -webkit-transition: color .3s;
    transition: color .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 .3s;
    transition: color .3s;
    color: #008787
}

@media (min-width: 1025px) {
    .arrow-btn.arrow-btn--main:hover {
        color:rgba(0,135,135,.8)
    }
}

.arrow-btn.arrow-btn--black {
    -webkit-transition: color .3s;
    transition: color .3s;
    color: #202020
}

@media (min-width: 1025px) {
    .arrow-btn.arrow-btn--black:hover {
        color:rgba(32,32,32,.8)
    }
}

.arrow-btn.arrow-btn--white {
    color: #fff
}

@media (min-width: 1025px) {
    .arrow-btn.arrow-btn--white:hover {
        color:#dcdcdc
    }
}

.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__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: .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 .3s;
    transition: color .3s;
    color: #008787;
    bottom: 35px;
    right: 25px;
    z-index: 25;
    width: 56px;
    height: 56px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 2px 2px 10px rgba(173,173,173,.8);
    box-shadow: 2px 2px 10px rgba(173,173,173,.8)
}

@media (min-width: 1025px) {
    .back-to-top-btn:hover {
        color:rgba(0,135,135,.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 .3s;
    transition: all .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: .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
}

@media (min-width: 1025px) {
    .border-btn.border-btn--main:hover {
        background-color:#008787;
        color: #fff
    }
}

.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)
}

@media (min-width: 1025px) {
    .border-btn.border-btn--dash:hover {
        background-color:#f4f4f4
    }
}

.border-btn.border-btn--white {
    border: 2px solid #fff;
    color: #fff
}

@media (min-width: 1025px) {
    .border-btn.border-btn--white:hover {
        background-color:#fff;
        color: #008787
    }
}

.border-btn.border-btn--red {
    border: 2px solid #e26c6c;
    color: #e26c6c
}

@media (min-width: 1025px) {
    .border-btn.border-btn--red:hover {
        background-color:#e26c6c;
        color: #fff
    }
}

.border-btn.border-btn--gray {
    border: 2px solid #adadad;
    color: #adadad
}

@media (min-width: 1025px) {
    .border-btn.border-btn--gray:hover {
        background-color:#adadad;
        color: #fff
    }
}

.border-btn.border-btn--orange-light {
    border: 2px solid #fa943e;
    color: #fa943e
}

@media (min-width: 1025px) {
    .border-btn.border-btn--orange-light:hover {
        background-color:#fa943e;
        color: #fff
    }
}

.border-btn.border-btn--orange {
    border: 2px solid #ff8000;
    color: #ff8000
}

@media (min-width: 1025px) {
    .border-btn.border-btn--orange:hover {
        background-color:#ff8000;
        color: #fff
    }
}

.border-btn.border-btn--disable {
    border: 2px solid #d6d6d6;
    color: #d6d6d6
}

@media (min-width: 1025px) {
    .border-btn.is-active {
        background-color:#008787;
        color: #fff
    }
}

.border-btn.border-btn--white-bg {
    background-color: #fff
}

.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
}

@media (min-width: 1025px) {
    .js-follow-btn.is-active:hover {
        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: .5rem 1rem
}

body.ZHCN .border-btn {
    letter-spacing: .05em;
    font-weight: 700
}

.fill-btn {
    -webkit-transition: all .3s;
    transition: all .3s;
    transition: all .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: .75em
}

.fill-btn.btn--disable,.fill-btn.fill-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 #fff;
    background-color: #fff
}

@media (min-width: 1025px) {
    .fill-btn.fill-btn--white:hover {
        background-color:transparent
    }
}

.fill-btn.fill-btn--white:hover {
    color: #fff
}

.fill-btn.fill-btn--red {
    color: #fff;
    border: 2px solid #e26c6c;
    background-color: #e26c6c
}

@media (min-width: 1025px) {
    .fill-btn.fill-btn--red:hover {
        background-color:transparent
    }
}

@media (min-width: 1025px) {
    .fill-btn.fill-btn--red:hover {
        color:#e26c6c
    }
}

.fill-btn.fill-btn--light {
    color: #adadad;
    border: 2px solid #f4f4f4;
    background-color: #f4f4f4
}

@media (min-width: 1025px) {
    .fill-btn.fill-btn--light:hover {
        background-color:transparent
    }
}

.fill-btn.fill-btn--main {
    color: #fff;
    border: 2px solid #008787;
    background-color: #008787
}

@media (min-width: 1025px) {
    .fill-btn.fill-btn--main:hover {
        background-color:transparent
    }
}

@media (min-width: 1025px) {
    .fill-btn.fill-btn--main:hover {
        color:#008787
    }
}

.fill-btn.fill-btn--orange {
    color: #fff;
    border: 2px solid #ff8000;
    background-color: #ff8000
}

@media (min-width: 1025px) {
    .fill-btn.fill-btn--orange:hover {
        color:#ff8000;
        background-color: transparent
    }
}

.fill-btn.fill-btn--orange-2 {
    color: #fff;
    border: 2px solid #ff8000;
    background-color: #ff8000
}

@media (min-width: 1025px) {
    .fill-btn.fill-btn--orange-2:hover {
        color:#ff8000;
        background-color: #fff
    }
}

.fill-btn.fill-btn--orange-light {
    color: #fff;
    border: 2px solid #fa943e;
    background-color: #fa943e
}

@media (min-width: 1025px) {
    .fill-btn.fill-btn--orange-light:hover {
        color:#008787;
        background-color: #fff;
        border: 2px solid #fff
    }
}

.fill-btn.fill-btn--orange-light-2 {
    color: #fff;
    border: 2px solid #fa943e;
    background-color: #fa943e
}

@media (min-width: 1025px) {
    .fill-btn.fill-btn--orange-light-2:hover {
        color:#fa943e;
        background-color: #fff
    }
}

.fill-btn.btn--disable,.fill-btn.fill-btn--disable {
    border: 2px solid #afb3ba;
    background-color: #afb3ba;
    color: #fff
}

.fill-btn.save-btn {
    margin-top: 18px
}

.fill-btn.fill-btn--margin-right {
    margin-right: 16px
}

.fill-btn.fill-btn--small {
    font-size: .8rem;
    padding: .8rem 1.3rem;
    min-width: 9.8rem
}

.fill-btn-error {
    color: #e26c6c;
    margin-bottom: 8px
}

.fill-btn--m-2 {
    font-size: 14px;
    padding: .5rem 1rem
}

body.ZHCN .fill-btn {
    letter-spacing: .05em;
    font-weight: 700
}

.floating-btn--feedback {
    position: fixed;
    bottom: 0;
    right: 15px;
    background-color: #6d6d6d;
    color: #fff;
    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: #fff
}

.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: .3s background-color,.3s border;
    transition: .3s background-color,.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,.8);
    padding: .5rem 1rem;
    color: #fff;
    margin: 0;
    max-width: none
}

.follow-btn-container .save-note-block a {
    color: #fff;
    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 .3s;
    transition: all .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: .75em
}

.gradient-btn.btn--disable,.gradient-btn.gradient-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 .3s;
    transition: all .3s;
    background-color: #008787;
    color: #fff
}

@media (min-width: 1025px) {
    .gradient-btn.gradient-btn--main:hover {
        background-color:#007171
    }
}

.gradient-btn.gradient-btn--orange {
    -webkit-transition: all .3s;
    transition: all .3s;
    background-color: #ff8000;
    color: #fff
}

@media (min-width: 1025px) {
    .gradient-btn.gradient-btn--orange:hover {
        background-color:#d66c00
    }
}

.gradient-btn.gradient-btn--orange-light {
    -webkit-transition: all .3s;
    transition: all .3s;
    background-color: #fa943e;
    color: #fff
}

@media (min-width: 1025px) {
    .gradient-btn.gradient-btn--orange-light:hover {
        background-color:#d27c34
    }
}

.gradient-btn.gradient-btn--disable {
    background-color: #d6d6d6;
    color: #fff
}

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 .3s;
    transition: color .3s;
    color: #202020
}

@media (min-width: 1025px) {
    .simple-icon-btn.simple-icon-btn--black:hover {
        color:rgba(32,32,32,.8)
    }
}

.simple-icon-btn.simple-icon-btn--gray {
    -webkit-transition: color .3s;
    transition: color .3s;
    color: #858585
}

@media (min-width: 1025px) {
    .simple-icon-btn.simple-icon-btn--gray:hover {
        color:rgba(133,133,133,.8)
    }
}

.simple-icon-btn.simple-icon-btn--main {
    -webkit-transition: color .3s;
    transition: color .3s;
    color: #008787
}

@media (min-width: 1025px) {
    .simple-icon-btn.simple-icon-btn--main:hover {
        color:rgba(0,135,135,.8)
    }
}

.simple-icon-btn.favorite-active,.simple-icon-btn.simple-icon-btn--orange {
    -webkit-transition: color .3s;
    transition: color .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,.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 .3s;
    transition: color .3s;
    color: #717171
}

@media (min-width: 1025px) {
    .simple-icon-btn.simple-icon-btn--tag:hover {
        color:rgba(113,113,113,.8)
    }
}

@media (min-width: 1025px) {
    .simple-icon-btn.simple-icon-btn--tag:hover .simple-icon-btn__text {
        color:rgba(32,32,32,.8)
    }
}

.simple-icon-btn.simple-icon-btn--tag .simple-icon-btn__text {
    color: #202020;
    -webkit-transition: color .3s;
    transition: color .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 .3s;
    transition: color .3s;
    margin-left: 8px
}

@media (min-width: 1025px) {
    .simple-icon-btn__img+.simple-icon-btn__text:hover {
        color:rgba(0,135,135,.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 .3s;
    transition: background-color .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: #fff;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .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 .3s,background-color .3s;
    transition: color .3s,background-color .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 .3s;
    transition: color .3s
}

.video-btn.video-btn--white {
    color: #fff
}

@media (min-width: 1025px) {
    .video-btn.video-btn--white:hover {
        color:rgba(255,255,255,.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 .3s;
    transition: all .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,.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: #fff;
    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-tab {
    margin-bottom: 40px
}

.card-tab__card {
    background-color: #f4f4f4;
    padding: 16px 24px;
    display: none;
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .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: #333
}

@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: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(32,32,32,.05);
    box-shadow: 0 2px 10px 0 rgba(32,32,32,.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
}

.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: #fff
}

.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: .5rem;
    color: #008787;
    font-size: 1.5rem
}

.gray-text-card__3-cols__item-bottom {
    font-size: 1.25rem;
    color: #000
}

@media (max-width: 767px) {
    .gray-text-card__3-cols__item-bottom {
        font-size:1em
    }
}

.gray-text-card__3-cols__item-bottom a {
    color: #000
}

.gray-text-card__copy-btn {
    font-size: 1rem
}

.gray-text-card__copy-btn:hover i {
    opacity: .7
}

.gray-text-card__copy-btn i {
    color: #008787;
    -webkit-transition: .3s opacity ease-in-out;
    transition: .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: .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: #fff;
    -webkit-transition: -webkit-transform .3s ease-out,-webkit-box-shadow .3s ease-out;
    transition: -webkit-transform .3s ease-out,-webkit-box-shadow .3s ease-out;
    transition: transform .3s ease-out,box-shadow .3s ease-out;
    transition: transform .3s ease-out,box-shadow .3s ease-out,-webkit-transform .3s ease-out,-webkit-box-shadow .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,.12);
        box-shadow: 0 10px 16px 0 rgba(32,32,32,.12)
    }
}

.green-top-card__link {
    -webkit-transition: color .3s;
    transition: color .3s;
    color: #202020
}

@media (min-width: 1025px) {
    .green-top-card__link:hover {
        color:rgba(32,32,32,.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,.3);
    background-color: rgba(234,234,234,.3);
    padding: 24px;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    width: calc(50% - 12px);
    -webkit-transition: .3s border-color ease-in-out;
    transition: .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
}

.header__search-result-block.column--3>.column__item.header-card-container {
    min-width: 260px
}

@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-card__icon {
    width: 30px;
    height: 30px;
    margin-bottom: 8px
}

.header-card__heading {
    color: #484848;
    margin-bottom: 16px
}

.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: .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,.05);
    box-shadow: 0 3px 5px 1px rgba(32,32,32,.05);
    -webkit-transition: -webkit-transform .3s ease-out,-webkit-box-shadow .3s ease-out;
    transition: -webkit-transform .3s ease-out,-webkit-box-shadow .3s ease-out;
    transition: transform .3s ease-out,box-shadow .3s ease-out;
    transition: transform .3s ease-out,box-shadow .3s ease-out,-webkit-transform .3s ease-out,-webkit-box-shadow .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,.12);
        box-shadow: 0 10px 16px 0 rgba(32,32,32,.12)
    }
}

.img-card__animation.img-card__animation--no-hover {
    pointer-events: none
}

.img-card__link {
    -webkit-transition: color .3s;
    transition: color .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,.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: #fff;
    -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: #fff;
    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
    }
}

@media (min-width: 768px) {
    body.ZHTW .img-card__time {
        font-size:.875rem
    }
}

@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--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
}

@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: #fff;
    padding: 24px;
    height: 100%;
    -webkit-box-shadow: 0 3px 5px 1px rgba(32,32,32,.05);
    box-shadow: 0 3px 5px 1px rgba(32,32,32,.05)
}

.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: #fff;
    padding: 24px;
    margin-right: 24px;
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 3px 0 rgba(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,.1);
    box-shadow: 0 0 3px 0 rgba(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
    }
}

.ocean-top-card {
    padding: 24px;
    background-color: #fff;
    height: 330px;
    -webkit-transition: -webkit-transform .3s ease-out,-webkit-box-shadow .3s ease-out;
    transition: -webkit-transform .3s ease-out,-webkit-box-shadow .3s ease-out;
    transition: transform .3s ease-out,box-shadow .3s ease-out;
    transition: transform .3s ease-out,box-shadow .3s ease-out,-webkit-transform .3s ease-out,-webkit-box-shadow .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,.12);
    box-shadow: 0 5px 8px 0 rgba(32,32,32,.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,.12);
        box-shadow: 0 10px 16px 0 rgba(32,32,32,.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
}

.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 .3s;
    transition: color .3s;
    color: #717171;
    top: .5rem;
    right: 16px
}

@media (min-width: 1025px) {
    .product-card__close-btn:hover {
        color:rgba(113,113,113,.8)
    }
}

.product-card__icon {
    font-size: 14px
}

.profile-card {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    padding: 64px 32px;
    background-color: #fff;
    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,.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,.16)
}

.release-cards .release-card:nth-of-type(1) {
    border-top: 0
}

.series-card {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 10px 0 rgba(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 .3s;
    transition: color .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: .68em;
    -webkit-transition: color .3s,background-color .3s;
    transition: color .3s,background-color .3s
}

@media (min-width: 1025px) {
    .series-card__btn:hover {
        background-color:#008787;
        color: #fff
    }
}

.series-card__btn--border {
    background-color: #fff;
    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: #fff
    }
}

.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: .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:.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: #fff;
    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: .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 .3s;
    transition: color .3s;
    color: #202020;
    padding: 16px;
    height: 100%;
    width: 100%
}

@media (min-width: 1025px) {
    .support-card__link:hover {
        color:rgba(32,32,32,.8)
    }
}

@media (min-width: 1025px) {
    .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: .6;
    pointer-events: none;
    width: 150px;
    top: 40px;
    right: -50px;
    -webkit-transition: .3s;
    transition: .3s
}

@media (max-width: 767px) {
    .support-card__img {
        opacity:.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: .3s margin ease-in-out;
    transition: .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:-.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)),color-stop(99%,rgba(0,0,0,.3)));
    background: linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.3) 99%);
    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: 1rem;
    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::after,.three-col-cards .bg-overlay::before {
    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,.4)),to(rgba(255,255,255,0)));
    background: linear-gradient(0deg,rgba(0,0,0,.4) 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,#000 0,rgba(255,255,255,0) 100%);
    -webkit-transition: .3s opacity ease-in-out;
    transition: .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: #fff;
    position: relative
}

@media (min-width: 851px) {
    .three-col-cards .card-title {
        font-size:1.625rem
    }
}

.three-col-cards .card-description {
    color: #fff;
    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: #fff;
    z-index: 1
}

@media (max-width: 550px) {
    .three-col-cards .description-area {
        max-height:0;
        -webkit-transition: .3s all ease-in-out;
        transition: .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: .3s opacity ease-in-out;
    transition: .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
    }
}

@media (min-width: 768px) {
    .three-col-cards .description-area .title {
        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: #fff
}

.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
    }
}

@media (max-width: 550px) {
    .three-col-cards .slick-slide>div {
        padding:0 1rem
    }
}

.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: #fff;
    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
    }
}

@media (min-width: 768px) {
    .three-col-img-card .text-content .title {
        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: #fff;
    -webkit-box-shadow: 2px 8px 12px rgba(214,214,214,.6);
    box-shadow: 2px 8px 12px rgba(214,214,214,.6);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .3s;
    transition: all .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 #fff
}

@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 .3s;
    transition: all .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: #fff;
    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 .3s ease-out,-webkit-box-shadow .3s ease-out;
    transition: -webkit-transform .3s ease-out,-webkit-box-shadow .3s ease-out;
    transition: transform .3s ease-out,box-shadow .3s ease-out;
    transition: transform .3s ease-out,box-shadow .3s ease-out,-webkit-transform .3s ease-out,-webkit-box-shadow .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,.12);
        box-shadow: 0 10px 16px 0 rgba(32,32,32,.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: .25rem;
    color: #fff;
    font-size: .625rem
}

@media (min-width: 551px) {
    .top-img-card__label {
        font-size:.75rem
    }
}

.top-img-card__inner-wrap,.top-img-card__link {
    -webkit-transition: color .3s;
    transition: color .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__inner-wrap:hover,.top-img-card__link:hover {
        color:rgba(32,32,32,.8)
    }
}

.top-img-card__container {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #fff;
    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,.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: #fff;
    -webkit-transition: 1s opacity ease-in-out;
    transition: 1s opacity ease-in-out;
    font-size: .875rem
}

@media (max-width: 550px) {
    .top-img-card__footer .save-notification-overlay {
        font-size:.75rem
    }
}

.top-img-card__footer .save-notification-overlay a {
    color: #fff;
    text-decoration: underline
}

.top-img-card__note {
    color: #858585
}

.top-img-card__note--s {
    font-size: .75rem
}

.top-img-card__note--light {
    color: rgba(32,32,32,.3)
}

.top-img-card__note.member {
    margin-left: auto;
    margin-right: 1.5rem;
    color: #008787;
    background-color: rgba(0,135,135,.2);
    padding: .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: #fff;
    font-size: 40px
}

.top-img-card__download-icon {
    color: #008787
}

@media (max-width: 767px) {
    .video-cards {
        padding:0 .5rem
    }
}

@media (max-width: 767px) {
    .video-cards.video-card-list {
        margin:0 -16px
    }
}

@media (max-width: 767px) {
    .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,.8)
}

@media (max-width: 550px) {
    .video-cards .top-img-card__heading {
        font-size:.75rem;
        line-height: .9375em
    }
}

.video-cards .top-img-card__heading.fixed-height {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 50px
}

@media (min-width: 551px) {
    .video-cards .top-img-card__heading.fixed-height {
        height:66px
    }
}

.video-cards .top-img-card__heading.increased-line-height {
    line-height: 1.375em
}

@media (max-width: 550px) {
    .video-cards .top-img-card__container {
        padding:.75rem
    }
}

@media (max-width: 550px) {
    .video-cards .top-img-card__footer {
        padding:.625rem .75rem
    }
}

@media (min-width: 851px) and (max-width:1024px) {
    .video-cards .top-img-card__footer {
        padding:.625rem .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: .6px
}

.two-col-inline-card {
    display: grid;
    -webkit-box-shadow: 0 3px 5px 1px rgba(32,32,32,.05);
    box-shadow: 0 3px 5px 1px rgba(32,32,32,.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;
    scrollbar-color: #008787 transparent;
    scrollbar-width: thin
}

@media (min-width: 768px) {
    .two-col-inline-card__description {
        padding:3rem;
        height: 425px;
        overflow: auto
    }
}

.two-col-inline-card__description::-webkit-scrollbar {
    width: .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
    }
}

.white-card {
    background-color: #fff;
    border: 1px solid #eaeaea;
    -webkit-transition: border-color .3s;
    transition: border-color .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:.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
    }
}

@media (max-width: 767px) {
    [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: .8s;
    animation-duration: .8s;
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

@-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.carousel--testimonials p.center-carousel__quote {
    line-height: 1.6
}

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: .5;
    pointer-events: none;
    -webkit-transition: opacity .3s;
    transition: opacity .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: #fff
}

@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
    }
}

@media (min-width: 768px) {
    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:#fff
    }
}

@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:#fff
    }
}

@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 .3s;
    transition: all .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,.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,.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:.5rem;
        padding-right: .5rem
    }
}

.four-col-carousel .tile {
    position: relative;
    overflow: hidden
}

@media (min-width: 768px) {
    .four-col-carousel .tile {
        height:367px
    }
}

@media (min-width: 768px) {
    .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: .3s -webkit-transform ease-in-out;
    transition: .3s -webkit-transform ease-in-out;
    transition: .3s transform ease-in-out;
    transition: .3s transform ease-in-out,.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,.8)),color-stop(22%,rgba(196,196,196,0)));
    background-image: linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(196,196,196,0) 22%);
    -webkit-transition: .3s background-color ease-in-out;
    transition: .3s background-color ease-in-out
}

.four-col-carousel .tile-title {
    color: #fff;
    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: .5rem;
    padding-right: .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: .3s opacity ease-in-out;
    transition: .3s opacity ease-in-out
}

@media (max-width: 767px) {
    .four-col-carousel>.swiper>.swiper-wrapper>.swiper-slide:not(.swiper-slide-active) {
        opacity:.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
    }
}

@media (max-width: 1280px) {
    .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: #fff;
    z-index: 11;
    -webkit-transition: .3s opacity ease-in-out;
    transition: .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:.5rem;
        padding-right: .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,.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,.8)),color-stop(22%,rgba(196,196,196,0)));
        background-image: linear-gradient(0deg,rgba(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%
    }
}

@media (max-width: 767px) {
    .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: .3s opacity ease-in-out;
    transition: .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:.5rem;
        padding-right: .5rem
    }
}

.four-col-carousel .detail-area .inner-carousel .swiper-slide {
    height: auto;
    padding-left: .5rem;
    padding-right: .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,.5);
    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;
    z-index: 2;
    -webkit-transition: .3s background-color ease-in-out,.3s max-width ease-in-out;
    transition: .3s background-color ease-in-out,.3s max-width ease-in-out;
    padding-right: .5rem;
    display: flex;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: .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,.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: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 .border-btn,.hero-carousel .fill-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: #fff
}

.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:0 0!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 #ccH5-share-box,.hero-carousel__item.hd-video #ccH5RightMenu,.hero-carousel__item.hd-video #replaybtn {
    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 .border-btn,.hero-carousel__container .fill-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: #fff;
    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 .3s;
    transition: opacity .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:#fff
    }
}

.hero-carousel__icon {
    font-size: 30px;
    color: rgba(255,255,255,.6);
    -webkit-transition: color .3s;
    transition: color .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 .3s;
    transition: opacity .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: #fff
}

@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: #fff;
    font-size: 18px;
    -webkit-transition: color .3s;
    transition: color .3s
}

.news-ticker {
    background-color: #fff;
    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: #fff;
    background-color: #008787
}

@media (max-width: 767px) {
    .news-ticker__title {
        padding-right:80px;
        padding-left: 16px;
        padding-bottom: 0;
        background: 0 0;
        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: #fff;
    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: #fff
}

.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::after,.news-ticker__slides .news-ticker__slide::before {
    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 a,.news-ticker__slides p span {
    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 {
    padding: 1rem 0
}

@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
    }
}

@media (max-width: 550px) {
    .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__paragraph {
    height: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.news-cards .img-card__paragraph--without-heading {
    height: 50px;
    -webkit-line-clamp: 2
}

@media (min-width: 768px) {
    .news-cards .img-card__paragraph--without-heading {
        height:60px
    }
}

.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:#fff
    }
}

.overflow-carousel__img {
    padding-top: 63%
}

.overflow-carousel__container {
    left: 0;
    bottom: 0;
    padding: 24px;
    color: #fff
}

.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: #fff;
    -webkit-transition: color .3s,background-color .3s;
    transition: color .3s,background-color .3s
}

@media (min-width: 1025px) {
    .overlap-carousel__link:hover {
        color:#008787;
        background-color: #fff
    }
}

.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: #fff;
    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 .3s;
    transition: all .3s;
    background-color: #008787;
    padding: 24px
}

@media (min-width: 1025px) {
    .step-carousel__btn:hover {
        background-color:#007171
    }
}

.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,.6);
    content: ''
}

@media (max-width: 767px) {
    .step-carousel__btn {
        padding:16px
    }
}

.step-carousel__icon {
    font-size: 24px;
    color: #fff
}

.step-carousel__btn--disable {
    background-color: #858585;
    pointer-events: none
}

@media (min-width: 1025px) {
    .step-carousel__btn--disable:hover {
        background-color:#858585
    }
}

@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 {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.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-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-pointer-events {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-pointer-events.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
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.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
}

.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(to left,rgba(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,.5)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(to right,rgba(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,.5)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(to top,rgba(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,.5)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.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-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-left: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-top: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}

.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
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    transition: .3s 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
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    transform: scale(.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(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    transform: scale(.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%;
    background: #000;
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    opacity: .2;
    opacity: var(--swiper-pagination-bullet-inactive-opacity,.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-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s top,.2s -webkit-transform;
    transition: .2s top,.2s -webkit-transform;
    transition: .2s transform,.2s top;
    transition: .2s transform,.2s top,.2s -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: .2s left,.2s -webkit-transform;
    transition: .2s left,.2s -webkit-transform;
    transition: .2s transform,.2s left;
    transition: .2s transform,.2s left,.2s -webkit-transform
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s right,.2s -webkit-transform;
    transition: .2s right,.2s -webkit-transform;
    transition: .2s transform,.2s right;
    transition: .2s transform,.2s right,.2s -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(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-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 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-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
    display: none!important
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 44px;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: normal;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-lock {
    display: none
}

.swiper-button-prev {
    font-size: 1.5rem;
    color: #fff;
    -webkit-transition: .3s opacity ease-in-out;
    transition: .3s opacity ease-in-out
}

.swiper-button-next {
    font-size: 1.5rem;
    color: #fff;
    -webkit-transition: .3s opacity ease-in-out;
    transition: .3s opacity ease-in-out
}

.swiper-button-prev::after {
    display: none
}

.swiper-button-next::after {
    display: none
}

.swiper-button-prev:hover {
    opacity: .5
}

.swiper-button-next:hover {
    opacity: .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: .25rem;
    border-radius: .25rem
}

.swiper-pagination.horizontal-bar-style .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #008787
}

.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: .3s color ease-in-out;
    transition: .3s color ease-in-out
}

.swiper-controls .swiper-button-next {
    color: #d6d6d6;
    -webkit-transition: .3s color ease-in-out;
    transition: .3s color 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.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:.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:.5
    }
}

.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
}

@media (min-width: 1025px) {
    .timeline-carousel-content-left .summary-item .year {
        font-size:10rem
    }
}

@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: #fff
}

.timeline-carousel-content-right .basic-accordion__trigger--green i {
    color: #fff
}

@media (min-width: 1025px) {
    .timeline-carousel-content-right .fixed-height-desktop {
        max-height:350px;
        overflow-y: auto;
        scrollbar-color: #008787 transparent;
        scrollbar-width: thin
    }

    .timeline-carousel-content-right .fixed-height-desktop::-webkit-scrollbar {
        width: .25rem
    }

    .timeline-carousel-content-right .fixed-height-desktop::-webkit-scrollbar-thumb {
        background-color: #008787
    }
}

@media (max-width: 1024px) {
    .timeline-carousel-content-right .fixed-height-below-desktop {
        max-height:250px;
        overflow-y: auto;
        scrollbar-color: #008787 transparent;
        scrollbar-width: thin
    }

    .timeline-carousel-content-right .fixed-height-below-desktop::-webkit-scrollbar {
        width: .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;
        scrollbar-color: #008787 transparent;
        scrollbar-width: thin
    }

    .timeline-carousel-content-right .fixed-height-below-desktop::-webkit-scrollbar {
        width: .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 .timeline-carousel-accordion::before,.timeline-carousel-content-right .timeline-line::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: #fff
}

.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: #fff;
    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: .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,#fff 0,#fff 40px,transparent 40px,transparent 59px)
}

.timeline-carousel-control .swiper-wrapper .line.dimmed {
    background-color: rgba(255,255,255,.8);
    -webkit-box-shadow: 0 2px 4px rgba(255,255,255,.25);
    box-shadow: 0 2px 4px rgba(255,255,255,.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
}

@media (max-width: 550px) {
    .timeline-carousel-control .swiper-slide-active .year {
        font-size:1.375rem
    }
}

.timeline-carousel-control .swiper-slide:not(.swiper-slide-active) .year {
    opacity: .5
}

.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__arrow,.language-dropdown.is-active .language-dropdown__current,.language-dropdown.is-active .language-dropdown__icon {
    color: #fff
}

.language-dropdown.is-active .language-dropdown__arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.language-dropdown__trigger {
    background-color: #fff;
    padding: 16px;
    -webkit-transition: background-color .3s;
    transition: background-color .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,.8);
    -webkit-transition: color .3s;
    transition: color .3s
}

.language-dropdown__current {
    color: #484848;
    padding: 0 8px;
    min-width: 180px;
    -webkit-transition: color .3s;
    transition: color .3s
}

.language-dropdown__arrow {
    font-size: 11px;
    color: #afb3ba;
    -webkit-transition: color .3s;
    transition: color .3s
}

.language-dropdown__list {
    background-color: #eaeaea;
    bottom: 48px;
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,transform .3s;
    transition: opacity .3s,transform .3s,-webkit-transform .3s
}

.language-dropdown__link {
    padding: 16px 24px 16px 40px;
    -webkit-transition: color .3s;
    transition: color .3s;
    color: #717171
}

@media (min-width: 1025px) {
    .language-dropdown__link:hover {
        color:rgba(113,113,113,.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: #fff;
    -webkit-box-shadow: 0 2px 7px 0 rgba(32,32,32,.05);
    box-shadow: 0 2px 7px 0 rgba(32,32,32,.05);
    top: 100%;
    z-index: 5;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,transform .3s;
    transition: opacity .3s,transform .3s,-webkit-transform .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 .3s;
    transition: border .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 .3s;
    transition: color .3s;
    color: #202020
}

@media (min-width: 1025px) {
    .search-dropdown__link:hover {
        color:rgba(32,32,32,.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: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(32,32,32,.05);
    box-shadow: 0 2px 10px 0 rgba(32,32,32,.05);
    padding: 0 16px;
    -webkit-transition: all .3s;
    transition: all .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 .3s;
    transition: all .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 .3s;
    transition: all .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 .3s;
    transition: all .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__select2::-ms-expand,.sort-dropdown__select::-ms-expand {
    display: none
}

.sort-dropdown__icon {
    font-size: 10px;
    top: calc(50% - 7px);
    right: 0
}

.basic-checkbox__checkbox-wrap {
    display: inline-block;
    margin-bottom: 16px
}

@media (max-width: 550px) {
    .basic-checkbox__checkbox-wrap {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.basic-checkbox__checkbox-wrap.with-xtr-margin-btm {
    margin-bottom: 40px
}

.basic-checkbox__checkbox-wrap label {
    cursor: pointer
}

.basic-checkbox__checkbox {
    cursor: pointer;
    opacity: 0;
    width: 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
}

.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__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%
    }
}

@media (max-width: 1024px) {
    .basic-form__group--flex.basic-form__group--flex-start .basic-form__label--postfix {
        margin-left:0
    }
}

@media (max-width: 1024px) {
    .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;
    -webkit-margin-after: 1.5rem;
    margin-bottom: 1.5rem
}

@media (min-width: 551px) {
    .basic-form__heading {
        font-size:2rem;
        -webkit-margin-after: 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__dropdown,.basic-form__input,.basic-form__select,.basic-form__textarea {
    padding: 11px 16px;
    border: 1px solid #adadad;
    -webkit-transition: border .3s;
    transition: border .3s;
    background: #fff
}

.basic-form__dropdown:focus,.basic-form__input:focus,.basic-form__select:focus,.basic-form__textarea:focus {
    border: 1px solid #008787
}

.basic-form__dropdown:visited,.basic-form__input:visited,.basic-form__select:visited,.basic-form__textarea:visited {
    border: 1px solid #202020
}

.basic-form__dropdown:disabled,.basic-form__input:disabled,.basic-form__select:disabled,.basic-form__textarea:disabled {
    color: rgba(173,173,173,.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 .3s;
    transition: border .3s;
    background: #fff
}

.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: #fff;
    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 .3s;
    transition: all .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-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 .3s;
    transition: background-color .3s
}

.basic-form__checkmark:after {
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid #fff;
    -webkit-transition: background-color .3s;
    transition: background-color .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 .3s;
    transition: all .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 .3s;
    transition: border .3s
}

.basic-form__dropdown {
    cursor: pointer
}

@media (min-width: 1025px) {
    .basic-form__dropdown:hover {
        border-color:#008787;
        -webkit-transition: border .3s;
        transition: border .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
}

.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: #fff;
    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-heading,.basic-form__checkbox-list,.basic-form__checkbox-text {
    margin-left: 8px;
    max-width: calc(100% - 40px)
}

@media (max-width: 767px) {
    .basic-form__checkbox-heading,.basic-form__checkbox-list,.basic-form__checkbox-text {
        max-width:calc(100% - 28px);
        font-size: .875em
    }
}

.basic-form__checkbox-heading b,.basic-form__checkbox-list b,.basic-form__checkbox-text b {
    font-weight: 700
}

.basic-form__checkbox-heading {
    color: #204a88
}

.basic-form__checkbox-heading+.basic-form__checkbox-text {
    margin: 8px 0 0 32px
}

.basic-form__checkbox-text {
    color: #484848
}

.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-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: #fff;
    padding: 8px 32px
}

@media (max-width: 767px) {
    .basic-form__error-block {
        padding:8px 16px
    }
}

.basic-form__error-block>a {
    font-weight: 700;
    color: #fff
}

.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: #fff;
    padding: 12px 16px;
    cursor: pointer;
    -webkit-transition: background-color .3s;
    transition: background-color .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 .3s;
    transition: color .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,.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 .3s;
    transition: color .3s;
    color: #858585;
    font-size: 14px
}

@media (min-width: 1025px) {
    .basic-form__remove-product:hover {
        color:rgba(133,133,133,.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 .3s;
    transition: opacity .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 .3s;
    transition: color .3s;
    color: #008787;
    font-size: 14px
}

@media (min-width: 1025px) {
    .basic-form__modal-btn:hover {
        color:rgba(0,135,135,.8)
    }
}

.basic-form__toggle-pw {
    -webkit-transition: color .3s;
    transition: color .3s;
    color: #008787;
    font-size: .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,.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
}

.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: #fff
}

.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: #fff;
    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 .3s;
    transition: color .3s;
    color: #008787;
    margin-left: 8px
}

@media (min-width: 1025px) {
    .inline-search__clear:hover {
        color:rgba(0,135,135,.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 .3s;
    transition: all .3s;
    top: 8px
}

.notify-checkbox-wrap:hover {
    border: 1px solid #eaeaea;
    background-color: #fff
}

.notify-checkbox-wrap:hover .notify-checkbox-sublist {
    opacity: 1;
    pointer-events: auto
}

.notify-checkbox-sublist {
    background-color: #fff;
    border: 1px solid #eaeaea;
    top: 35px;
    left: -1px;
    z-index: 5;
    width: 157px;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .3s;
    transition: opacity .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: .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: .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: .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: .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: .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 .3s;
    transition: color .3s;
    color: #202020;
    margin-left: 4px
}

@media (min-width: 1025px) {
    .basic-list__text i:hover {
        color:rgba(32,32,32,.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
}

.about-us-section ol ul>li,.about-us-section ul ul>li,.about-us-section ul>li,.article__main-section .module-block .module-block__content ol ol>li,.article__main-section .module-block .module-block__content ol ul>li,.article__main-section .module-block .module-block__content ol>li,.article__main-section .module-block .module-block__content ul ol>li,.article__main-section .module-block .module-block__content ul ul>li,.article__main-section .module-block .module-block__content ul>li,.border-table ul:not(.border-table__dash-list) li,.bullet-list__item,.plant-cards-title,.text-editor ol ul>li,.text-editor table ul:not(.border-table__dash-list) li,.text-editor ul ul>li,.text-editor ul>li {
    padding-left: 16px
}

.about-us-section ol ul>li:before,.about-us-section ul ul>li:before,.about-us-section ul>li:before,.article__main-section .module-block .module-block__content ol ol>li:before,.article__main-section .module-block .module-block__content ol ul>li:before,.article__main-section .module-block .module-block__content ol>li:before,.article__main-section .module-block .module-block__content ul ol>li:before,.article__main-section .module-block .module-block__content ul ul>li:before,.article__main-section .module-block .module-block__content ul>li:before,.border-table ul:not(.border-table__dash-list) li:before,.bullet-list__item:before,.plant-cards-title:before,.text-editor ol ul>li:before,.text-editor table ul:not(.border-table__dash-list) li:before,.text-editor ul ul>li:before,.text-editor ul>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
}

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: .81em
}

.info-links--with-dot::after {
    content: "・";
    color: #202020
}

@media (max-width: 550px) {
    .addthis_toolbox .media-list li:last-child,.addthis_toolbox .media-list li:nth-last-child(2) {
        display:none
    }
}

@media (max-width: 550px) {
    .addthis_toolbox.side-section__wrap .media-list li:last-child,.addthis_toolbox.side-section__wrap .media-list li:nth-last-child(2) {
        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 .3s;
    transition: color .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,.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 .3s;
    transition: color .3s;
    color: #008787;
    margin-left: 16px
}

@media (min-width: 1025px) {
    .title-list__btn:hover {
        color:rgba(0,135,135,.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::after,.satellite-feedback .rating::before {
    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::after,.satellite-feedback .rating::before {
        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,.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,.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:#fff
    }

    .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:#fff
    }

    .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:#fff
    }

    .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:#fff
    }

    .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:#fff
    }

    .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: #fff;
    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: #fff;
        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
    }
}

@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: .5em
    }
}

.about-us-section .row .col ol,.about-us-section .row .col p,.about-us-section .row .col ul {
    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 ol,.about-us-section ul {
        padding-left:16px
    }
}

.about-us-section ol ul,.about-us-section ul ul {
    padding-left: 16px;
    margin-top: 4px
}

.about-us-section ol ul>li:before,.about-us-section ul ul>li:before {
    background-color: transparent;
    border: 1px solid #858585
}

.about-us-section ol ol,.about-us-section ul 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 h3,.about-us-section span {
    margin-bottom: .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 ol,.about-us-section .section-table .table--item ul {
    margin-bottom: 0
}

.about-us-section .section-table.bg-white {
    background-color: #fff;
    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
}

.about-us-section .section-table.bg-white .table--item:not(:last-child) {
    border-bottom: 1px solid rgba(109,109,109,.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: .7
}

.account-section__copy-btn i {
    color: #008787;
    -webkit-transition: .3s opacity ease-in-out;
    transition: .3s opacity ease-in-out;
    font-size: 1rem
}

.account-section__copy-btn__message {
    font-size: .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: .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 .3s;
    transition: color .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 .3s;
    transition: opacity .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 .account-section__block-note,.account-section__border-block.is-active .account-section__detail,.account-section__border-block.is-active .js-extand-pw {
    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: .5rem
}

.account-section__border-block .icon {
    font-size: 1.5rem;
    margin-right: .25rem
}

.account-section__cancel-btn {
    -webkit-transition: color .3s;
    transition: color .3s;
    color: #008787
}

@media (min-width: 1025px) {
    .account-section__cancel-btn:hover {
        color:rgba(0,135,135,.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 .3s;
    transition: color .3s;
    color: #008787;
    margin-left: 16px;
    font-weight: 400
}

@media (min-width: 1025px) {
    .account-section__block-heading button:hover {
        color:rgba(0,135,135,.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: #fff
}

.account-section__table--tag th {
    padding-top: 16px
}

.account-section__table--tag thead tr {
    border-bottom: 1px solid #adadad
}

.account-section__table--tag td:nth-child(1),.account-section__table--tag th: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
    }
}

@media (max-width: 767px) {
    .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 .3s!important;
    transition: all .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: #fff;
    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 .3s;
    transition: color .3s;
    color: #3ee9cb
}

@media (min-width: 1025px) {
    .account-section__unsaved-block .simple-icon-btn.simple-icon-btn--main:hover {
        color:rgba(62,233,203,.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:.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 ol,.article__main-section .module-block .module-block__content ul {
        padding-left:16px
    }
}

.article__main-section .module-block .module-block__content ol ol,.article__main-section .module-block .module-block__content ol ul,.article__main-section .module-block .module-block__content ul ol,.article__main-section .module-block .module-block__content ul ul {
    padding-left: 16px;
    margin-top: 4px
}

.article__main-section .module-block .module-block__content ol ol>li:before,.article__main-section .module-block .module-block__content ol ul>li:before,.article__main-section .module-block .module-block__content ul ol>li:before,.article__main-section .module-block .module-block__content ul ul>li:before {
    background-color: transparent;
    border: 1px solid #858585
}

.article__main-section .module-block .module-block__content ol>li:before,.article__main-section .module-block .module-block__content ul>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: .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: .875em;
    color: #979797;
    padding-right: 1.714em;
    padding-top: .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: .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: .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: .875em;
    line-height: 1.857em;
    opacity: .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
    }
}

@media (min-width: 551px) {
    .article__main-section .module-block .js-save-tag {
        -webkit-box-pack:end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media (min-width: 551px) {
    .article__main-section .module-block .save-note-block {
        text-align:right;
        margin-top: .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: #fff;
    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: #fff;
    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: .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:.7em
    }
}

.article__main-section .article__subscribe-section .input-group .fill-btn {
    font-size: 16px;
    padding: .75em 0;
    line-height: 1
}

.article__main-section .article__subscribe-section .input-group .fill-btn:hover {
    background-color: #fff;
    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__icon,.module-container .module-block__save-btn:hover .simple-icon-btn__text a {
        color:#979797;
        opacity: .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__icon,.module-container .module-block__save-btn .simple-icon-btn__text a {
    font-size: .875em;
    line-height: 1.214em;
    font-weight: 700;
    color: #979797;
    -webkit-transition: opacity .3s;
    transition: opacity .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: .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:.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:.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:.5em
    }
}

.module-container .module-block__side-vertical .module-block__side-vertical-heading {
    font-size: .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:.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: #fff;
    border-radius: 50%;
    margin-right: .5em
}

.module-block__author-name,.module-block__date {
    font-size: .875em;
    line-height: 1.214em
}

.module-block__author-name {
    color: #008787;
    font-weight: 700;
    -webkit-transition: .3s opacity ease-in-out;
    transition: .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: .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 -.875em
}

.articles-section .img-card {
    margin: 0
}

.articles-section .img-card .img-card__wrapper {
    position: relative;
    overflow: hidden
}

.articles-section .img-card .img-card__main,.articles-section .img-card .img-card__wrapper {
    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,.72)
}

.articles-section .img-card .img-card__overlay-container .img-card__heading,.articles-section .img-card .img-card__overlay-container .img-card__info-detail *,.articles-section .img-card .img-card__overlay-container .img-card__paragraph {
    color: #fff
}

.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: #000
    }
}

@media (min-width: 551px) {
    .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: .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: .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: .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: #fff;
    border-radius: 50%
}

.img-card__info .img-card__author-name {
    font-size: .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: .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: .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
}

.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 .compare-section__ie-block,.compare-section__top:before {
    content: '';
    width: calc(99.9% * 1/6);
    background-color: #fff
}

.compare-section__top .compare-section__ie-block:nth-child(1n),.compare-section__top:before:nth-child(1n) {
    float: left;
    margin-right: 0;
    clear: none
}

.compare-section__top .compare-section__ie-block:last-child,.compare-section__top:before:last-child {
    margin-right: 0
}

.compare-section__top .compare-section__ie-block:nth-child(2n),.compare-section__top:before:nth-child(2n) {
    margin-right: 0;
    float: right
}

.compare-section__top .compare-section__ie-block:nth-child(2n+1),.compare-section__top:before: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: #fff
}

.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 .3s;
    transition: background-color .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,.1)
}

.compare-section__info {
    padding: 16px;
    color: #484848;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.compare-section__info span {
    font-size: .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: #fff
}

@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,.2)
}

.featured-section__icon {
    color: #fff;
    font-size: 40px;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    opacity: .8;
    -webkit-transition: opacity .3s;
    transition: opacity .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: .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: #fff
}

@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;
    max-width: 130px
}

.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: .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: .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 .3s ease-out,-webkit-box-shadow .3s ease-out;
    transition: -webkit-transform .3s ease-out,-webkit-box-shadow .3s ease-out;
    transition: transform .3s ease-out,box-shadow .3s ease-out;
    transition: transform .3s ease-out,box-shadow .3s ease-out,-webkit-transform .3s ease-out,-webkit-box-shadow .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,.12);
        box-shadow: 0 10px 16px 0 rgba(32,32,32,.12)
    }
}

.grid-section__link {
    -webkit-transition: color .3s;
    transition: color .3s;
    color: #202020
}

@media (min-width: 1025px) {
    .grid-section__link:hover {
        color:rgba(32,32,32,.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: #fff
}

@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: #fff
}

@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%
    }
}

@media (max-width: 767px) {
    .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 .arrow-btn,.grid-section__block .border-btn,.grid-section__block .video-btn {
        position:absolute;
        bottom: 40px;
        left: 32px
    }
}

.card-bg .grid-section__block .arrow-btn,.card-bg .grid-section__block .border-btn,.card-bg .grid-section__block .video-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%
    }
}

@media (max-width: 767px) {
    .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--bg .grid-section__label,.grid-section__card--h .grid-section__label,.grid-section__card--l .grid-section__label {
    color: #fff
}

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--bg .grid-section__heading,.grid-section__card--h .grid-section__heading,.grid-section__card--l .grid-section__heading {
    color: #fff
}

@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--bg .grid-section__paragraph,.grid-section__card--l .grid-section__paragraph {
    color: #fff
}

.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: #fff;
    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: #fff;
    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: #fff
}

@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 #fff;
    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: #fff
}

.iiot-manage-section__tab:last-child {
    margin-left: -3px
}

@media (max-width: 767px) {
    .iiot-manage-section__tab {
        width:50%
    }
}

.inline-img-section .container-outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.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%
    }
}

@media (min-width: 768px) {
    .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
    }
}

@media (min-width: 768px) {
    .inline-img-section .container-outer .half-col-block .col .title {
        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
    }
}

@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
    }
}

@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 .text-right {
    text-align: right
}

.main-section__preheading {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    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: #fff
}

@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
    }
}

@media (min-width: 1025px) and (min-width:1025px) {
    .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
    }
}

@media (min-width: 1025px) {
    .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,.8)),color-stop(22%,rgba(196,196,196,0)));
    background-image: linear-gradient(0deg,rgba(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)
    }
}

@media (min-width: 768px) {
    .main-section--promo.two-col-banner {
        padding:3rem 0 6rem
    }
}

@media (min-width: 768px) {
    .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:#fff
    }

    .main-section--promo.mega-banner .main-section__pargraph {
        color: #fff
    }
}

.main-section--promo.mega-banner .swiper,.main-section--promo.mega-banner .swiper-container {
    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,.8)),color-stop(22%,rgba(196,196,196,0)));
    background-image: linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(196,196,196,0) 22%)
}

.main-section--promo .img-tile-title {
    color: #fff;
    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: #fff
}

.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--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%,#fff),to(#eaeaea));
    background: linear-gradient(180deg,#fff 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
    }
}

@media (min-width: 768px) {
    .main-section--bottom-half-spacing {
        padding:4rem 0 2rem
    }
}

@media (min-width: 768px) {
    .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: #fff
}

@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: normal;
        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: normal;
        margin-bottom: 16px
    }
}

.main-section__heading.main-section__heading--margin-s {
    margin-bottom: 16px
}

.main-section__heading.main-section__heading--white {
    color: #fff
}

.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: .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: .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: .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: .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: #fff
}

.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
}

.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
}

@media (min-width: 551px) {
    .product-btn-section .product-btns__heading--img {
        min-height:153px
    }
}

.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 .four-col-block .item {
        -webkit-box-flex:0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

@media (max-width: 767px) {
    .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: #fff;
    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:active,.product-btn-section .fill-btn.fill-btn--l:focus,.product-btn-section .fill-btn.fill-btn--l:hover {
    background-color: #008787;
    color: #fff
}

.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
    }
}

@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(40px);
        transform: translateY(40px)
    }
}

@media (min-width: 768px) {
    .product-node-section--idd {
        padding:102px 0
    }
}

@media (min-width: 768px) {
    .product-node-section--idd .product-svg-wrapper {
        -webkit-transform:translateY(29px);
        transform: translateY(29px)
    }
}

@media (max-width: 550px) {
    .product-node-section .product-svg-wrapper object {
        display:none
    }
}

.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: .3s -webkit-transform ease-in-out;
    transition: .3s -webkit-transform ease-in-out;
    transition: .3s transform ease-in-out;
    transition: .3s transform ease-in-out,.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: .3s opacity ease-in-out;
    transition: .3s opacity ease-in-out;
    padding: 16px;
    text-align: center;
    top: 00;
    left: 0;
    z-index: 3
}

.product-node-section .product-node__name span {
    color: #fff
}

@media (min-width: 1281px) {
    .product-node-section .product-node__name.left {
        top:0;
        left: -30px;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@media (min-width: 1281px) {
    .product-node-section .product-node__name.right {
        top:0;
        left: unset;
        right: -30px;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@media (min-width: 1281px) {
    .product-node-section .product-node__name.top-left {
        top:0;
        left: -30px;
        -webkit-transform: translate(-100%,-100%);
        transform: translate(-100%,-100%)
    }
}

@media (min-width: 1281px) {
    .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-section {
    background-color: #fff;
    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: .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
    }
}

@media (min-width: 768px) {
    .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-banner,.promotion-section .promotion-banner .hero-carousel {
    -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: #fff;
    opacity: .7;
    -webkit-transition: .3s opacity ease-in-out;
    transition: .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(.6,.13,.31,1.02);
    transition: -webkit-transform 3s cubic-bezier(.6,.13,.31,1.02);
    transition: transform 3s cubic-bezier(.6,.13,.31,1.02);
    transition: transform 3s cubic-bezier(.6,.13,.31,1.02),-webkit-transform 3s cubic-bezier(.6,.13,.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;
    width: 100vw;
    background-color: #fff;
    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 .bottom-curve,.promotion-overlay-bg .top-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 .5s,-webkit-transform 1.5s .4s;
    transition: opacity 750ms .5s,-webkit-transform 1.5s .4s;
    transition: transform 1.5s .4s,opacity 750ms .5s;
    transition: transform 1.5s .4s,opacity 750ms .5s,-webkit-transform 1.5s .4s;
    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: .875rem
}

@media (max-width: 550px) {
    .side-section .social-media {
        margin-top:1.5rem
    }
}

.side-section__side.-bg-white {
    background-color: #fff;
    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
    }
}

@media (max-width: 550px) {
    .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,.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 .3s,background-color .3s;
    transition: color .3s,background-color .3s
}

.side-tab-section__item.is-active {
    color: #fff;
    background-color: #008787
}

@media (min-width: 1025px) {
    .side-tab-section__item:hover {
        color:#fff;
        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: .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: #fff;
    -webkit-box-shadow: 0 0 3px 3px rgba(32,32,32,.07);
    box-shadow: 0 0 3px 3px rgba(32,32,32,.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,.05);
    box-shadow: 0 2px 3px 0 rgba(32,32,32,.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:scroll;
        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: .3s background-color ease-in-out;
    transition: .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.is-active,.tab-section__tabs--four-col button:hover {
    background-color: #008787;
    color: #fff
}

@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:.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
    }
}

@media (max-width: 767px) {
    .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: .3s ease;
        transition: .3s ease
    }
}

.tab-section__underline {
    position: absolute;
    height: 4px;
    bottom: 0;
    left: 0;
    background: #008787;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

@media (max-width: 767px) {
    .tab-section__underline {
        display:none
    }
}

.tab-section__btn-fill {
    text-transform: capitalize;
    line-height: normal;
    -webkit-transition: all .3s;
    transition: all .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: #fff
}

.tab-section__btn-fill.is-active:hover {
    color: #fff
}

@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 {
    text-transform: capitalize;
    line-height: normal;
    -webkit-transition: all .3s;
    transition: all .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 .3s;
    transition: all .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
    }
}

.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: #fff
}

.tab-section__tabs-featured button:not(:last-child) {
    margin-right: 1rem
}

.tab-section__tabs-featured button.is-active {
    background-color: #008787;
    color: #fff
}

.tab-section__body {
    background-color: #e2e7ea;
    padding: 48px 0
}

.tab-section__body--white {
    background-color: #fff;
    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 .3s;
    transition: color .3s;
    cursor: pointer;
    margin-bottom: 24px
}

@media (min-width: 1025px) {
    .tab-section__accordion-btn:hover {
        color:rgba(0,135,135,.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 .3s;
    transition: opacity .3s
}

.tab-section__scroll-btn.btn-hide {
    opacity: 0;
    pointer-events: none
}

.tab-section__scroll-btn--left {
    left: 16px;
    background: -webkit-gradient(linear,left top,right top,from(white),color-stop(19%,#fff),to(rgba(255,255,255,0)));
    background: linear-gradient(to right,#fff 0,#fff 19%,rgba(255,255,255,0) 100%)
}

.tab-section__scroll-btn--right {
    right: 16px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(81%,#fff),to(white));
    background: linear-gradient(to right,rgba(255,255,255,0) 0,#fff 81%,#fff 100%)
}

.tab-section--login .tab-section__top {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid rgba(32,32,32,.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: #fff
}

@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
}

.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 ol,.text-editor ul {
        padding-left:16px
    }
}

.text-editor ol ul,.text-editor ul ul {
    padding-left: 16px;
    margin-top: 4px
}

.text-editor ol ul>li:before,.text-editor ul ul>li:before {
    background-color: transparent;
    border: 1px solid #858585
}

.text-editor ol ol,.text-editor ul 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: .5px solid #d6d6d6;
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .text-editor hr {
        margin-bottom:24px
    }
}

.text-editor i {
    font-style: italic
}

.text-editor b,.text-editor strong {
    font-weight: 700
}

.text-editor em {
    font-style: italic
}

.text-editor sub {
    vertical-align: sub;
    font-size: smaller
}

.text-editor table tr td,.text-editor table tr th {
    padding: .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
    }
}

@media (min-width: 577px) {
    .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: .085em
}

body.ZHTW .text-editor p {
    line-height: 1.7rem
}

.text-editor--l p {
    font-size: 1em
}

.text-editor--l ol,.text-editor--l ul {
    font-size: 1em
}

.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: .5s;
    transition-duration: .5s
}

.two-col-intro-section .bgs {
    display: grid
}

.two-col-intro-section .bgs img {
    grid-area: 1/-1;
    opacity: 0;
    -webkit-transition: .3s opacity ease-in-out;
    transition: .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 {
    scrollbar-color: #008787 transparent;
    scrollbar-width: thin;
    overflow: auto
}

.video-detail-section .video-detail-recommended__inner::-webkit-scrollbar {
    width: .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: .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: .5rem
}

@media (min-width: 401px) {
    .video-detail-section .video-detail-recommended .top-img-card__container {
        padding:.75rem
    }
}

.video-detail-section .video-detail-recommended .top-img-card__footer {
    padding: .5rem .625rem
}

@media (min-width: 401px) {
    .video-detail-section .video-detail-recommended .top-img-card__footer {
        padding:.625rem .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
    }
}

@media (max-width: 850px) {
    .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:.5rem 0 .5rem 0
    }
}

@media (min-width: 851px) {
    .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:4.125em
    }
}

@media (max-width: 370px) {
    .video-detail-section .video-detail-recommended .video-cards .fixed-height {
        overflow:hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 2.75em
    }
}

@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
    }
}

@media (max-width: 850px) {
    .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%
    }
}

@media (max-width: 850px) {
    .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: .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 #ccH5RightMenu,.video-detail-section .iframe-block .ccH5PlayBtn {
    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
    }
}

@media (max-width: 767px) {
    .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: .46875rem;
        margin-bottom: .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: .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
}

@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,.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);
        -webkit-clip-path: polygon(63.75% 0,100% 0,100% 100%,36.25% 100%);
        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: .3s;
    animation-duration: .3s;
    -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:.1s;
        animation-delay: .1s
    }
}

.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: 1s;
    animation-duration: 1s;
    -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:.5s;
        animation-delay: .5s
    }
}

.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: .5s;
    animation-duration: .5s;
    -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:.5s;
        animation-delay: .5s
    }
}

.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: .1s;
    animation-delay: .1s;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -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 {
        -webkit-clip-path:polygon(63.75% 0,100% 0,100% 100%,36.25% 100%);
        clip-path: polygon(63.75% 0,100% 0,100% 100%,36.25% 100%);
        -webkit-clip-path: polygon(0 0,63.75% 0,36.25% 100%,0 100%);
        clip-path: polygon(0 0,63.75% 0,36.25% 100%,0 100%);
        -webkit-transform: translateX(-20%);
        transform: translateX(-20%);
        opacity: 0
    }
}

@media (min-width: 768px) {
    .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: #fff;
    -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;
    -webkit-clip-path: inset(0 0 100% 0);
    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: #fff
}

@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
    }
}

@media (min-width: 768px) {
    .video-event-promo-section .video-event-promo-text .headline {
        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-next,.video-event-promo-section .swiper-button-prev {
    width: 2.75rem;
    height: 2.75rem;
    background: #e2e7ea;
    border-radius: 100%;
    font-size: .625rem;
    color: #008787
}

@media (max-width: 767px) {
    .video-event-promo-section .swiper-button-next,.video-event-promo-section .swiper-button-prev {
        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 {
        -webkit-clip-path: inset(0 0 100% 0);
        clip-path: inset(0 0 100% 0)
    }

    to {
        -webkit-clip-path: inset(0);
        clip-path: inset(0)
    }
}

@keyframes wipeDown {
    from {
        -webkit-clip-path: inset(0 0 100% 0);
        clip-path: inset(0 0 100% 0)
    }

    to {
        -webkit-clip-path: inset(0);
        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: .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: 0
}

.drag-slider__bar::-webkit-slider-runnable-track {
    height: 4px;
    cursor: pointer;
    background: 0 0
}

.drag-slider__bar::-webkit-slider-thumb {
    position: relative;
    pointer-events: auto;
    border: 4px solid #fff;
    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: 0 0
}

.drag-slider__bar::-moz-range-track {
    height: 4px;
    cursor: pointer;
    background: 0 0
}

.drag-slider__bar::-moz-range-thumb {
    pointer-events: auto;
    border: 4px solid #fff;
    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: 0 0;
    border-color: transparent;
    color: transparent
}

.drag-slider__bar::-ms-fill-lower {
    background: 0 0
}

.drag-slider__bar::-ms-fill-upper {
    background: 0 0
}

.drag-slider__bar::-ms-thumb {
    pointer-events: auto;
    border: 4px solid #fff;
    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: 0 0
}

.drag-slider__bar:focus::-ms-fill-upper {
    background: 0 0
}

.drag-slider__bar-2 {
    position: absolute;
    left: 0;
    top: 16px
}

.drag-slider__bar-2:focus {
    outline: 0
}

.drag-slider__bar-2::-webkit-slider-runnable-track {
    height: 2px;
    cursor: pointer;
    background: 0 0
}

.drag-slider__bar-2::-webkit-slider-thumb {
    position: relative;
    pointer-events: auto;
    border: 4px solid #fff;
    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: 0 0
}

.drag-slider__bar-2::-moz-range-track {
    height: 4px;
    cursor: pointer;
    background: 0 0
}

.drag-slider__bar-2::-moz-range-thumb {
    pointer-events: auto;
    border: 4px solid #fff;
    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: 0 0;
    border-color: transparent;
    color: transparent
}

.drag-slider__bar-2::-ms-fill-lower {
    background: 0 0
}

.drag-slider__bar-2::-ms-fill-upper {
    background: 0 0
}

.drag-slider__bar-2::-ms-thumb {
    pointer-events: auto;
    border: 4px solid #fff;
    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: 0 0
}

.drag-slider__bar-2:focus::-ms-fill-upper {
    background: 0 0
}

.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
}

.border-table,.text-editor table {
    min-width: 768px;
    margin-bottom: 16px
}

.border-table .border-table__td--long,.border-table .border-table__th--long,.text-editor table .border-table__td--long,.text-editor table .border-table__th--long {
    width: 45%
}

.border-table thead tr,.text-editor table thead tr {
    border-bottom: 1px solid #eaeaea
}

.border-table th,.text-editor table th {
    color: #204a88;
    padding: 8px 16px 8px 0
}

.border-table th i,.text-editor table th i {
    font-size: 10px;
    margin-left: 8px
}

.border-table th .sort,.text-editor table th .sort {
    font-weight: 700;
    font-size: 14px
}

.border-table th .sort:after,.text-editor table th .sort:after {
    font-family: icon;
    content: '\EA01';
    font-size: 9px;
    margin-left: 4px
}

.border-table th .sort.is-active:after,.text-editor table th .sort.is-active:after {
    content: '\EA04'
}

.border-table tbody tr,.text-editor table tbody tr {
    border-top: 1px solid #eaeaea
}

.border-table tbody tr:first-child,.text-editor table tbody tr:first-child {
    border-bottom: none
}

.border-table tbody tr.note,.text-editor table tbody tr.note {
    border-top: none
}

.border-table tbody tr.note td,.text-editor table tbody tr.note td {
    padding-top: 0
}

.border-table tbody tr.warning,.text-editor table tbody tr.warning {
    background-color: rgba(250,190,62,.1);
    padding: 0
}

.border-table td,.text-editor table td {
    padding: 16px 16px 16px 0;
    vertical-align: top
}

.border-table td:last-child,.text-editor table td:last-child {
    padding-right: 0
}

.border-table td.gray,.text-editor table td.gray {
    color: #858585
}

.border-table td.red,.text-editor table td.red {
    color: #e26c6c
}

.border-table b,.text-editor table b {
    font-weight: 700
}

.border-table .notify-checkbox-sublist ul:not(.border-table__dash-list) li,.text-editor table .notify-checkbox-sublist ul:not(.border-table__dash-list) li {
    padding-left: 0
}

.border-table .notify-checkbox-sublist ul:not(.border-table__dash-list) li:before,.text-editor table .notify-checkbox-sublist ul:not(.border-table__dash-list) li:before {
    display: none
}

.border-table ul:not(.border-table__dash-list) li,.text-editor table ul:not(.border-table__dash-list) li {
    padding-left: 16px;
    margin-bottom: 4px
}

.border-table ul:not(.border-table__dash-list) li:before,.text-editor table ul:not(.border-table__dash-list) li:before {
    top: 6px
}

.border-table.print--display-table,.text-editor 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 .3s;
    transition: color .3s;
    color: #008787
}

@media (min-width: 1025px) {
    .border-table__note.border-table__link:hover {
        color:rgba(0,135,135,.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 .3s;
    transition: color .3s;
    color: #204a88;
    cursor: pointer;
    white-space: nowrap
}

@media (min-width: 1025px) {
    .border-table__sort:hover {
        color:rgba(32,74,136,.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: .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: .8
}

.border-table__checksum-icon {
    color: #008787;
    margin-left: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.border-table__checksum-icon:hover {
    opacity: .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: .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: .5rem;
    top: 1rem
}

.border-table__diagonal-cell__bottom {
    left: .75rem;
    bottom: .5rem
}

.border-table-inner-container {
    border: 2px solid #eaeaea;
    margin: 0 auto 1.5rem;
    padding: .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 td,.model-table th {
    width: 20%;
    padding: 16px 24px 16px 0
}

.model-table th .pdim-name,.model-table th a:not(.tag-btn) {
    margin-top: 24px;
    min-width: 188px
}

@media (max-width: 1024px) {
    .model-table th .pdim-name,.model-table th a:not(.tag-btn) {
        min-width:163px
    }
}

@media (max-width: 767px) {
    .model-table th .pdim-name,.model-table th a:not(.tag-btn) {
        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 .3s;
    transition: opacity .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 .3s;
    transition: color .3s;
    color: #008787;
    margin-top: 16px
}

@media (min-width: 1025px) {
    .model-table__cta-btn:hover {
        color:rgba(0,135,135,.8)
    }
}

.mxTableStyle {
    border: 1px solid #afb3ba;
    width: 100%!important
}

.mxTableStyle thead {
    background-color: #008787;
    color: #fff
}

.mxTableStyle thead td {
    font-weight: 700;
    border-right: 1px solid #006c6c;
    border-bottom: 1px solid #006c6c
}

.mxTableStyle tbody tr:nth-child(even) {
    background-color: rgba(175,179,186,.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,.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: #fff;
    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: .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:.4375em;
        margin-right: .4375em
    }
}

.tab-filter .tab-filter__header-item-text {
    color: #202020;
    font-size: 1.125em;
    font-weight: 700;
    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: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.tab-filter .tab-filter__block.is-active {
    opacity: 1;
    height: 100%;
    margin-top: .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 [type=submit],.tab-filter .tab-filter__list .tab-filter__item button {
    border: 1px solid #e3e3e3;
    padding: .5em;
    line-height: 1.25em
}

.tab-filter .tab-filter__list .tab-filter__item [type=submit]:hover,.tab-filter .tab-filter__list .tab-filter__item button:hover {
    color: #008787;
    border-color: #008787
}

.tab-filter .tab-filter__list .tab-filter__item.is-active [type=submit],.tab-filter .tab-filter__list .tab-filter__item.is-active button {
    background-color: #008787;
    color: #fff;
    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: #fff;
    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: .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: #fff;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    overflow: hidden
}

.tri-tag span {
    color: #fff;
    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(.54,1.5,.38,1.11);
    transition-timing-function: cubic-bezier(.54,1.5,.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
}

.account-nav {
    background-color: #008787;
    color: #fff;
    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 .3s;
    transition: color .3s;
    color: #fff;
    height: 60px;
    padding: 0 16px;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media (min-width: 1025px) {
    .account-nav__link:hover {
        color:rgba(255,255,255,.8)
    }
}

@media (max-width: 767px) {
    .account-nav__link {
        font-size:.875em;
        padding: 0 8px;
        height: 48px
    }
}

.account-nav__item,.account-nav__profile {
    -webkit-transition: all .3s;
    transition: all .3s;
    background-color: #008787
}

@media (min-width: 1025px) {
    .account-nav__item:hover,.account-nav__profile:hover {
        background-color:#007171
    }
}

.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
    }
}

@media (max-width: 1024px) {
    .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: #007171;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s;
    transition: opacity .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
    }
}

@media (max-width: 767px) {
    .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 .3s;
    transition: color .3s
}

@media (min-width: 1025px) {
    .breadcrumb__link:hover {
        color:#fff
    }
}

@media (max-width: 767px) {
    .breadcrumb__current,.breadcrumb__link {
        font-size:.75em
    }
}

.breadcrumb__link {
    color: #d6d6d6
}

@media (min-width: 1025px) {
    .breadcrumb__link:hover {
        color:#fff
    }
}

.breadcrumb--dark .breadcrumb__link {
    -webkit-transition: color .3s;
    transition: color .3s;
    color: #858585
}

@media (min-width: 1025px) {
    .breadcrumb--dark .breadcrumb__link:hover {
        color:rgba(133,133,133,.8)
    }
}

.breadcrumb__current {
    color: #fff;
    font-weight: 700
}

@media (max-width: 767px) {
    .breadcrumb__current {
        max-width:calc(100% - 24px)
    }
}

.breadcrumb--dark .breadcrumb__current {
    color: #858585
}

.breadcrumb__icon {
    color: #fff;
    font-size: 10px;
    padding: 0 4px
}

.breadcrumb--dark .breadcrumb__icon {
    color: #858585
}

footer {
    background-color: #fff;
    border-top: 1px solid #f4f4f4
}

@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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

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

@media (max-width: 767px) {
    .footer__container {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.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
}

.footer__block .with-logo a img {
    width: auto;
    display: inline
}

@media (max-width: 767px) {
    .footer__block:first-child {
        margin-bottom:16px
    }
}

@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>.footer__copyright:first-child {
        margin-bottom: 16px
    }
}

.footer__block .icp-license {
    display: inline-block
}

.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: #fff;
    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: #fff;
    cursor: not-allowed
}

.footer__block--end .footer__paragraph {
    font-size: 14px;
    line-height: 18px;
    color: rgba(113,113,113,.8)
}

.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 .3s;
    transition: color .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 .3s,background-color .3s;
    transition: border .3s,background-color .3s
}

.form-control:focus {
    border: 1px solid #3ee9cb;
    background-color: #fff
}

.form-control:focus::-webkit-input-placeholder {
    color: #fff
}

.form-control:focus::-moz-placeholder {
    color: #fff
}

.form-control:focus:-ms-input-placeholder {
    color: #fff
}

.form-control:focus:-moz-placeholder {
    color: #fff
}

.SubscriptionButton {
    -webkit-transition: all .3s;
    transition: all .3s;
    background-color: #008787;
    background-color: #008787;
    color: #fff;
    padding: 13px 16px;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    height: 42px;
    margin-left: -6px
}

@media (min-width: 1025px) {
    .SubscriptionButton:hover {
        background-color:#007171
    }
}

.footer__bottom {
    border-top: 1px solid #f4f4f4;
    padding: 8px 0
}

@media (max-width: 767px) {
    .footer__bottom {
        margin-top:0
    }
}

@media (min-width: 768px) {
    .footer__bottom .footer__container {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center
    }
}

.footer__list {
    margin-right: 24px
}

.footer__item {
    border-right: 1px solid #f4f4f4
}

.footer__item:last-child {
    border-right: none
}

.footer__link {
    -webkit-transition: color .3s;
    transition: color .3s;
    color: #717171;
    font-size: 11px;
    letter-spacing: 1px
}

@media (min-width: 1025px) {
    .footer__link:hover {
        color:rgba(113,113,113,.8)
    }
}

@media (min-width: 768px) {
    .footer__link {
        padding:0 8px
    }
}

@media (max-width: 767px) {
    .footer__link {
        padding-right:16px
    }
}

.footer__copyright {
    font-size: .75em;
    color: #afb3ba
}

.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::after,.footer__media-modal-header-close::before {
    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
}

header {
    color: inherit;
    background-color: #fff;
    top: 0;
    left: 0;
    z-index: 300;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .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: #fff
}

@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 .3s;
    transition: opacity .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: #fff;
    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: #fff;
    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,.4);
    padding: 0 8px;
    -webkit-transition: opacity .3s;
    transition: opacity .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 .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .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
    }
}

@media (min-width: 1025px) {
    .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 .45s;
    transition: opacity .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__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 .3s;
    transition: height .3s;
    background-color: #008787;
    left: 0;
    bottom: 0;
    content: ''
}

.header__search-trigger {
    z-index: 10;
    -webkit-transition: all .3s;
    transition: all .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: #fff;
    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 .5s,opacity .5s;
    transition: width .5s,opacity .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: #fff;
    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
}

@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 .loading-spinner {
    opacity: 0;
    position: absolute;
    z-index: 0;
    margin: 0;
    pointer-events: none;
    background-color: #fff;
    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 .3s;
    transition: color .3s;
    color: #202020;
    display: block;
    padding: 6px 12px;
    -webkit-transition: all .3s;
    transition: all .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,.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: .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: .75em;
    margin-bottom: 8px
}

.header-search-card__heading {
    -webkit-transition: color .3s;
    transition: color .3s;
    color: #202020;
    margin-bottom: 8px
}

@media (min-width: 1025px) {
    .header-search-card__heading:hover {
        color:rgba(32,32,32,.8)
    }
}

.header-search-card__paragraph {
    color: #484848;
    line-height: 1em
}

.header__search-icon {
    -webkit-transition: color .3s;
    transition: color .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 .3s;
    transition: opacity .3s
}

.overlay.active {
    opacity: .75;
    pointer-events: auto
}

.header__mobile-bag {
    padding: 15px;
    background-color: #008787;
    color: #fff;
    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
    }
}

@media (max-width: 1024px) {
    .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: .5s;
    animation-delay: .5s
}

.loader span:nth-child(2) {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    -webkit-animation-name: spin2;
    animation-name: spin2;
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.loader span:nth-child(3) {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-animation-name: spin3;
    animation-name: spin3;
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.loader span:nth-child(4) {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-animation-name: spin4;
    animation-name: spin4;
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.loader span:nth-child(5) {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    -webkit-animation-name: spin5;
    animation-name: spin5;
    -webkit-animation-delay: .9s;
    animation-delay: .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)
    }
}

.mobile-nav {
    display: none;
    background-color: #fcfcfc;
    overflow-y: auto;
    -webkit-transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,transform .3s;
    transition: opacity .3s,transform .3s,-webkit-transform .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: #fff
}

.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
}

.modal {
    top: 0;
    left: 0;
    background-color: rgba(234,234,234,.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: #fff
}

.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,.95)
}

.modal.modal--video .modal__close {
    color: #fff
}

.modal.modal--video .modal__container {
    background-color: transparent
}

.modal.modal--newsletter,.modal.modal--style {
    background-color: rgba(32,32,32,.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,.2);
    box-shadow: 0 0 3px 0 rgba(32,32,32,.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: #fff
}

@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: #fff;
    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: .5rem;
    font-size: .8em
}

.modal.modal--newsletter .modal__body,.modal.modal--style .modal__body {
    padding: 40px;
    background-color: #fff
}

@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: .16px
}

.modal.modal--newsletter .basic-form__checkbox-text,.modal.modal--style .basic-form__checkbox-text {
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: .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: #fff;
    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: #fff;
    -webkit-transform: translateY(-16px);
    transform: translateY(-16px);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .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 .3s;
    transition: color .3s;
    color: #008787;
    top: 48px;
    right: 40px
}

@media (min-width: 1025px) {
    .abs-btn:hover {
        color:rgba(0,135,135,.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: #fff;
    z-index: 450;
    top: 0;
    left: 0;
    -webkit-transform: translateY(100vh);
    transform: translateY(100vh);
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity .5s,-webkit-transform .5s;
    transition: opacity .5s,-webkit-transform .5s;
    transition: opacity .5s,transform .5s;
    transition: opacity .5s,transform .5s,-webkit-transform .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.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: #fff
}

.full-modal.share-contact-modal .modal__close {
    -webkit-transition: color .3s;
    transition: color .3s;
    color: #202020;
    top: -20px;
    right: -55px
}

@media (min-width: 1025px) {
    .full-modal.share-contact-modal .modal__close:hover {
        color:rgba(32,32,32,.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,.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
    }
}

@media (min-width: 768px) {
    .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--bind-wechat .container,.modal--set-mobile .container,.modal--unbind-wechat .container {
    max-width: 750px
}

.modal--bind-wechat .modal__container-wrap,.modal--set-mobile .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,.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
}

@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
    }
}

body.ZHCN .modal--region-redirect .modal__header {
    line-height: 1.40625em
}

body.ZHCN .modal--region-redirect .modal__body {
    padding-top: 30px
}

body.ZHCN .modal--region-redirect .modal__actions {
    margin-top: 26px
}

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: 646px;
    padding: 0 16px;
    max-width: 100%
}

.modal--region-redirect .modal__close {
    top: -38px
}

.modal--region-redirect .modal__container {
    text-align: center
}

.modal--region-redirect .modal__header {
    background-color: #008787;
    color: #fff;
    padding: 32px 40px
}

.modal--region-redirect .modal__header h2 {
    line-height: 1.1875em
}

.modal--region-redirect .modal__body {
    padding: 56px 40px 40px;
    line-height: 1.625em
}

.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 {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 630px) {
    .modal--region-redirect .modal__actions {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

.modal--region-redirect .border-btn,.modal--region-redirect .fill-btn {
    line-height: 1.3125em;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 16px;
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: calc(50% - 10px);
    width: calc(50% - 10px)
}

@media (max-width: 630px) {
    .modal--region-redirect .border-btn,.modal--region-redirect .fill-btn {
        width:100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

.modal--region-redirect .border-btn {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 14px;
    margin-left: 0
}

@media (max-width: 350px) {
    .modal--region-redirect .border-btn {
        font-size:12px
    }
}

.modal--region-redirect .border-btn:hover {
    border-color: rgba(0,135,135,.8);
    color: rgba(0,135,135,.8);
    background-color: transparent
}

.modal--region-redirect .fill-btn {
    border: 0;
    padding: 18px 12px;
    font-size: 14px;
    margin-right: 0
}

@media (max-width: 767px) {
    .modal--region-redirect .fill-btn {
        padding:14px 12px
    }
}

@media (max-width: 350px) {
    .modal--region-redirect .fill-btn {
        font-size:12px
    }
}

.modal--region-redirect .fill-btn:hover {
    background-color: rgba(0,135,135,.8);
    color: #fff;
    border-color: rgba(0,135,135,.8)
}

.modal--region-redirect p {
    margin: 0 0 16px
}

.modal--region-redirect p.en {
    letter-spacing: 0
}

.modal-feedback {
    background-color: rgba(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: #fff;
    top: -38px
}

.modal-feedback .modal__container {
    text-align: center
}

.modal-feedback .modal__header {
    background-color: #008787;
    color: #fff;
    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,.8);
    color: rgba(0,135,135,.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,.8);
    color: #fff;
    border-color: rgba(0,135,135,.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: #fff;
    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(.94);
        transform: scale(.94);
        -webkit-transform-origin: left;
        transform-origin: left
    }
}

.modal-feedback--thank-you a {
    margin-top: 16px;
    color: #204a88
}

.modal-banner {
    color: #fff;
    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 .3s,-webkit-transform .3s;
    transition: opacity .3s,-webkit-transform .3s;
    transition: transform .3s,opacity .3s;
    transition: transform .3s,opacity .3s,-webkit-transform .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__main {
    padding: 48px 56px
}

body.JAJP .submenu__main {
    padding-left: 40px;
    padding-right: 40px
}

.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 .header-card__heading,.submenu__main--solutions .header-card__icon {
    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
}

.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 .3s;
    transition: color .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,.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
}

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: #fff;
    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
}

.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 #fff
}

@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 #fff
}

.at-share-dock .at-share-btn .at-icon-wrapper {
    padding: 0!important
}

.at-share-dock .at-share-btn,.at4-share .at-share-btn {
    background-color: #008787!important
}

.at-share-dock .at-icon-wrapper,.at4-share .at-icon-wrapper {
    background-color: #008787!important
}

.at-share-close-control {
    background: #fff;
    z-index: 100030;
    cursor: pointer;
    height: 48px;
    width: 48px;
    -webkit-transition: width .15s ease-in-out;
    transition: width .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: #fff;
    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
}

.nc_wrapper {
    margin-left: auto;
    margin-right: auto
}

.nc-container .nc_scale {
    background: #e8e8e8!important
}

.nc-container .nc_scale div.nc_bg {
    background: #008787!important
}

.nc-container .nc_scale .scale_text2 {
    color: #fff!important
}

.nc-container .nc_scale .btn_ok {
    color: #008787!important
}

.nc-container .nc_scale .nc_iconfont {
    height: 100%
}

.errloading {
    border: #faf1d5 1px solid!important;
    color: #ef9f06!important;
    margin-left: auto;
    margin-right: auto
}

[data-aos][data-aos][data-aos-duration='50'],body[data-aos-duration='50'] [data-aos] {
    -webkit-transition-duration: 50ms;
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay='50'],body[data-aos-delay='50'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='50'].aos-animate,body[data-aos-delay='50'] [data-aos].aos-animate {
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration='100'],body[data-aos-duration='100'] [data-aos] {
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay='100'],body[data-aos-delay='100'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='100'].aos-animate,body[data-aos-delay='100'] [data-aos].aos-animate {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration='150'],body[data-aos-duration='150'] [data-aos] {
    -webkit-transition-duration: 150ms;
    transition-duration: 150ms
}

[data-aos][data-aos][data-aos-delay='150'],body[data-aos-delay='150'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='150'].aos-animate,body[data-aos-delay='150'] [data-aos].aos-animate {
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms
}

[data-aos][data-aos][data-aos-duration='200'],body[data-aos-duration='200'] [data-aos] {
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay='200'],body[data-aos-delay='200'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='200'].aos-animate,body[data-aos-delay='200'] [data-aos].aos-animate {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration='250'],body[data-aos-duration='250'] [data-aos] {
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms
}

[data-aos][data-aos][data-aos-delay='250'],body[data-aos-delay='250'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='250'].aos-animate,body[data-aos-delay='250'] [data-aos].aos-animate {
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms
}

[data-aos][data-aos][data-aos-duration='300'],body[data-aos-duration='300'] [data-aos] {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay='300'],body[data-aos-delay='300'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='300'].aos-animate,body[data-aos-delay='300'] [data-aos].aos-animate {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration='350'],body[data-aos-duration='350'] [data-aos] {
    -webkit-transition-duration: 350ms;
    transition-duration: 350ms
}

[data-aos][data-aos][data-aos-delay='350'],body[data-aos-delay='350'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='350'].aos-animate,body[data-aos-delay='350'] [data-aos].aos-animate {
    -webkit-transition-delay: 350ms;
    transition-delay: 350ms
}

[data-aos][data-aos][data-aos-duration='400'],body[data-aos-duration='400'] [data-aos] {
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay='400'],body[data-aos-delay='400'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='400'].aos-animate,body[data-aos-delay='400'] [data-aos].aos-animate {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration='450'],body[data-aos-duration='450'] [data-aos] {
    -webkit-transition-duration: 450ms;
    transition-duration: 450ms
}

[data-aos][data-aos][data-aos-delay='450'],body[data-aos-delay='450'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='450'].aos-animate,body[data-aos-delay='450'] [data-aos].aos-animate {
    -webkit-transition-delay: 450ms;
    transition-delay: 450ms
}

[data-aos][data-aos][data-aos-duration='500'],body[data-aos-duration='500'] [data-aos] {
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay='500'],body[data-aos-delay='500'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='500'].aos-animate,body[data-aos-delay='500'] [data-aos].aos-animate {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration='550'],body[data-aos-duration='550'] [data-aos] {
    -webkit-transition-duration: 550ms;
    transition-duration: 550ms
}

[data-aos][data-aos][data-aos-delay='550'],body[data-aos-delay='550'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='550'].aos-animate,body[data-aos-delay='550'] [data-aos].aos-animate {
    -webkit-transition-delay: 550ms;
    transition-delay: 550ms
}

[data-aos][data-aos][data-aos-duration='600'],body[data-aos-duration='600'] [data-aos] {
    -webkit-transition-duration: .6s;
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay='600'],body[data-aos-delay='600'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='600'].aos-animate,body[data-aos-delay='600'] [data-aos].aos-animate {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration='650'],body[data-aos-duration='650'] [data-aos] {
    -webkit-transition-duration: 650ms;
    transition-duration: 650ms
}

[data-aos][data-aos][data-aos-delay='650'],body[data-aos-delay='650'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='650'].aos-animate,body[data-aos-delay='650'] [data-aos].aos-animate {
    -webkit-transition-delay: 650ms;
    transition-delay: 650ms
}

[data-aos][data-aos][data-aos-duration='700'],body[data-aos-duration='700'] [data-aos] {
    -webkit-transition-duration: .7s;
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay='700'],body[data-aos-delay='700'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='700'].aos-animate,body[data-aos-delay='700'] [data-aos].aos-animate {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration='750'],body[data-aos-duration='750'] [data-aos] {
    -webkit-transition-duration: 750ms;
    transition-duration: 750ms
}

[data-aos][data-aos][data-aos-delay='750'],body[data-aos-delay='750'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='750'].aos-animate,body[data-aos-delay='750'] [data-aos].aos-animate {
    -webkit-transition-delay: 750ms;
    transition-delay: 750ms
}

[data-aos][data-aos][data-aos-duration='800'],body[data-aos-duration='800'] [data-aos] {
    -webkit-transition-duration: .8s;
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay='800'],body[data-aos-delay='800'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='800'].aos-animate,body[data-aos-delay='800'] [data-aos].aos-animate {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration='850'],body[data-aos-duration='850'] [data-aos] {
    -webkit-transition-duration: 850ms;
    transition-duration: 850ms
}

[data-aos][data-aos][data-aos-delay='850'],body[data-aos-delay='850'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='850'].aos-animate,body[data-aos-delay='850'] [data-aos].aos-animate {
    -webkit-transition-delay: 850ms;
    transition-delay: 850ms
}

[data-aos][data-aos][data-aos-duration='900'],body[data-aos-duration='900'] [data-aos] {
    -webkit-transition-duration: .9s;
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay='900'],body[data-aos-delay='900'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='900'].aos-animate,body[data-aos-delay='900'] [data-aos].aos-animate {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration='950'],body[data-aos-duration='950'] [data-aos] {
    -webkit-transition-duration: 950ms;
    transition-duration: 950ms
}

[data-aos][data-aos][data-aos-delay='950'],body[data-aos-delay='950'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='950'].aos-animate,body[data-aos-delay='950'] [data-aos].aos-animate {
    -webkit-transition-delay: 950ms;
    transition-delay: 950ms
}

[data-aos][data-aos][data-aos-duration='1000'],body[data-aos-duration='1000'] [data-aos] {
    -webkit-transition-duration: 1s;
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay='1000'],body[data-aos-delay='1000'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1000'].aos-animate,body[data-aos-delay='1000'] [data-aos].aos-animate {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration='1050'],body[data-aos-duration='1050'] [data-aos] {
    -webkit-transition-duration: 1.05s;
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay='1050'],body[data-aos-delay='1050'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1050'].aos-animate,body[data-aos-delay='1050'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.05s;
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration='1100'],body[data-aos-duration='1100'] [data-aos] {
    -webkit-transition-duration: 1.1s;
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay='1100'],body[data-aos-delay='1100'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1100'].aos-animate,body[data-aos-delay='1100'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration='1150'],body[data-aos-duration='1150'] [data-aos] {
    -webkit-transition-duration: 1.15s;
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay='1150'],body[data-aos-delay='1150'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1150'].aos-animate,body[data-aos-delay='1150'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.15s;
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration='1200'],body[data-aos-duration='1200'] [data-aos] {
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay='1200'],body[data-aos-delay='1200'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1200'].aos-animate,body[data-aos-delay='1200'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration='1250'],body[data-aos-duration='1250'] [data-aos] {
    -webkit-transition-duration: 1.25s;
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay='1250'],body[data-aos-delay='1250'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1250'].aos-animate,body[data-aos-delay='1250'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.25s;
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration='1300'],body[data-aos-duration='1300'] [data-aos] {
    -webkit-transition-duration: 1.3s;
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay='1300'],body[data-aos-delay='1300'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1300'].aos-animate,body[data-aos-delay='1300'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration='1350'],body[data-aos-duration='1350'] [data-aos] {
    -webkit-transition-duration: 1.35s;
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay='1350'],body[data-aos-delay='1350'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1350'].aos-animate,body[data-aos-delay='1350'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.35s;
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration='1400'],body[data-aos-duration='1400'] [data-aos] {
    -webkit-transition-duration: 1.4s;
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay='1400'],body[data-aos-delay='1400'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1400'].aos-animate,body[data-aos-delay='1400'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration='1450'],body[data-aos-duration='1450'] [data-aos] {
    -webkit-transition-duration: 1.45s;
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay='1450'],body[data-aos-delay='1450'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1450'].aos-animate,body[data-aos-delay='1450'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.45s;
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration='1500'],body[data-aos-duration='1500'] [data-aos] {
    -webkit-transition-duration: 1.5s;
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay='1500'],body[data-aos-delay='1500'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1500'].aos-animate,body[data-aos-delay='1500'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration='1550'],body[data-aos-duration='1550'] [data-aos] {
    -webkit-transition-duration: 1.55s;
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay='1550'],body[data-aos-delay='1550'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1550'].aos-animate,body[data-aos-delay='1550'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.55s;
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration='1600'],body[data-aos-duration='1600'] [data-aos] {
    -webkit-transition-duration: 1.6s;
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay='1600'],body[data-aos-delay='1600'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1600'].aos-animate,body[data-aos-delay='1600'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration='1650'],body[data-aos-duration='1650'] [data-aos] {
    -webkit-transition-duration: 1.65s;
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay='1650'],body[data-aos-delay='1650'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1650'].aos-animate,body[data-aos-delay='1650'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.65s;
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration='1700'],body[data-aos-duration='1700'] [data-aos] {
    -webkit-transition-duration: 1.7s;
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay='1700'],body[data-aos-delay='1700'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1700'].aos-animate,body[data-aos-delay='1700'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration='1750'],body[data-aos-duration='1750'] [data-aos] {
    -webkit-transition-duration: 1.75s;
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay='1750'],body[data-aos-delay='1750'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1750'].aos-animate,body[data-aos-delay='1750'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.75s;
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration='1800'],body[data-aos-duration='1800'] [data-aos] {
    -webkit-transition-duration: 1.8s;
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay='1800'],body[data-aos-delay='1800'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1800'].aos-animate,body[data-aos-delay='1800'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration='1850'],body[data-aos-duration='1850'] [data-aos] {
    -webkit-transition-duration: 1.85s;
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay='1850'],body[data-aos-delay='1850'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1850'].aos-animate,body[data-aos-delay='1850'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.85s;
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration='1900'],body[data-aos-duration='1900'] [data-aos] {
    -webkit-transition-duration: 1.9s;
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay='1900'],body[data-aos-delay='1900'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1900'].aos-animate,body[data-aos-delay='1900'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.9s;
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration='1950'],body[data-aos-duration='1950'] [data-aos] {
    -webkit-transition-duration: 1.95s;
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay='1950'],body[data-aos-delay='1950'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1950'].aos-animate,body[data-aos-delay='1950'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.95s;
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration='2000'],body[data-aos-duration='2000'] [data-aos] {
    -webkit-transition-duration: 2s;
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay='2000'],body[data-aos-delay='2000'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2000'].aos-animate,body[data-aos-delay='2000'] [data-aos].aos-animate {
    -webkit-transition-delay: 2s;
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration='2050'],body[data-aos-duration='2050'] [data-aos] {
    -webkit-transition-duration: 2.05s;
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay='2050'],body[data-aos-delay='2050'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2050'].aos-animate,body[data-aos-delay='2050'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.05s;
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration='2100'],body[data-aos-duration='2100'] [data-aos] {
    -webkit-transition-duration: 2.1s;
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay='2100'],body[data-aos-delay='2100'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2100'].aos-animate,body[data-aos-delay='2100'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.1s;
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration='2150'],body[data-aos-duration='2150'] [data-aos] {
    -webkit-transition-duration: 2.15s;
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay='2150'],body[data-aos-delay='2150'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2150'].aos-animate,body[data-aos-delay='2150'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.15s;
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration='2200'],body[data-aos-duration='2200'] [data-aos] {
    -webkit-transition-duration: 2.2s;
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay='2200'],body[data-aos-delay='2200'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2200'].aos-animate,body[data-aos-delay='2200'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.2s;
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration='2250'],body[data-aos-duration='2250'] [data-aos] {
    -webkit-transition-duration: 2.25s;
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay='2250'],body[data-aos-delay='2250'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2250'].aos-animate,body[data-aos-delay='2250'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.25s;
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration='2300'],body[data-aos-duration='2300'] [data-aos] {
    -webkit-transition-duration: 2.3s;
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay='2300'],body[data-aos-delay='2300'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2300'].aos-animate,body[data-aos-delay='2300'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.3s;
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration='2350'],body[data-aos-duration='2350'] [data-aos] {
    -webkit-transition-duration: 2.35s;
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay='2350'],body[data-aos-delay='2350'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2350'].aos-animate,body[data-aos-delay='2350'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.35s;
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration='2400'],body[data-aos-duration='2400'] [data-aos] {
    -webkit-transition-duration: 2.4s;
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay='2400'],body[data-aos-delay='2400'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2400'].aos-animate,body[data-aos-delay='2400'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.4s;
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration='2450'],body[data-aos-duration='2450'] [data-aos] {
    -webkit-transition-duration: 2.45s;
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay='2450'],body[data-aos-delay='2450'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2450'].aos-animate,body[data-aos-delay='2450'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.45s;
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration='2500'],body[data-aos-duration='2500'] [data-aos] {
    -webkit-transition-duration: 2.5s;
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay='2500'],body[data-aos-delay='2500'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2500'].aos-animate,body[data-aos-delay='2500'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.5s;
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration='2550'],body[data-aos-duration='2550'] [data-aos] {
    -webkit-transition-duration: 2.55s;
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay='2550'],body[data-aos-delay='2550'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2550'].aos-animate,body[data-aos-delay='2550'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.55s;
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration='2600'],body[data-aos-duration='2600'] [data-aos] {
    -webkit-transition-duration: 2.6s;
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay='2600'],body[data-aos-delay='2600'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2600'].aos-animate,body[data-aos-delay='2600'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.6s;
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration='2650'],body[data-aos-duration='2650'] [data-aos] {
    -webkit-transition-duration: 2.65s;
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay='2650'],body[data-aos-delay='2650'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2650'].aos-animate,body[data-aos-delay='2650'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.65s;
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration='2700'],body[data-aos-duration='2700'] [data-aos] {
    -webkit-transition-duration: 2.7s;
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay='2700'],body[data-aos-delay='2700'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2700'].aos-animate,body[data-aos-delay='2700'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.7s;
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration='2750'],body[data-aos-duration='2750'] [data-aos] {
    -webkit-transition-duration: 2.75s;
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay='2750'],body[data-aos-delay='2750'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2750'].aos-animate,body[data-aos-delay='2750'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.75s;
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration='2800'],body[data-aos-duration='2800'] [data-aos] {
    -webkit-transition-duration: 2.8s;
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay='2800'],body[data-aos-delay='2800'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2800'].aos-animate,body[data-aos-delay='2800'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.8s;
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration='2850'],body[data-aos-duration='2850'] [data-aos] {
    -webkit-transition-duration: 2.85s;
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay='2850'],body[data-aos-delay='2850'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2850'].aos-animate,body[data-aos-delay='2850'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.85s;
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration='2900'],body[data-aos-duration='2900'] [data-aos] {
    -webkit-transition-duration: 2.9s;
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay='2900'],body[data-aos-delay='2900'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2900'].aos-animate,body[data-aos-delay='2900'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.9s;
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration='2950'],body[data-aos-duration='2950'] [data-aos] {
    -webkit-transition-duration: 2.95s;
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay='2950'],body[data-aos-delay='2950'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2950'].aos-animate,body[data-aos-delay='2950'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.95s;
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration='3000'],body[data-aos-duration='3000'] [data-aos] {
    -webkit-transition-duration: 3s;
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay='3000'],body[data-aos-delay='3000'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='3000'].aos-animate,body[data-aos-delay='3000'] [data-aos].aos-animate {
    -webkit-transition-delay: 3s;
    transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.25,.25,.75,.75);
    transition-timing-function: cubic-bezier(.25,.25,.75,.75)
}

[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.25,.1,.25,1);
    transition-timing-function: cubic-bezier(.25,.1,.25,1)
}

[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.42,0,1,1);
    transition-timing-function: cubic-bezier(.42,0,1,1)
}

[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0,0,.58,1);
    transition-timing-function: cubic-bezier(0,0,.58,1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.42,0,.58,1);
    transition-timing-function: cubic-bezier(.42,0,.58,1)
}

[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.6,-.28,.735,.045);
    transition-timing-function: cubic-bezier(.6,-.28,.735,.045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
    transition-timing-function: cubic-bezier(.175,.885,.32,1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.68,-.55,.265,1.55);
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.47,0,.745,.715);
    transition-timing-function: cubic-bezier(.47,0,.745,.715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.39,.575,.565,1);
    transition-timing-function: cubic-bezier(.39,.575,.565,1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.445,.05,.55,.95);
    transition-timing-function: cubic-bezier(.445,.05,.55,.95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.55,.085,.68,.53);
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94);
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.455,.03,.515,.955);
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.55,.085,.68,.53);
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94);
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.455,.03,.515,.955);
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.55,.085,.68,.53);
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94);
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.455,.03,.515,.955);
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[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)
}

[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(.6);
    transform: scale(.6)
}

[data-aos=zoom-in-up] {
    -webkit-transform: translate(0,50px) scale(.6);
    transform: translate(0,50px) scale(.6)
}

[data-aos=zoom-in-down] {
    -webkit-transform: translate(0,-50px) scale(.6);
    transform: translate(0,-50px) scale(.6)
}

[data-aos=zoom-in-right] {
    -webkit-transform: translate(-50px,0) scale(.6);
    transform: translate(-50px,0) scale(.6)
}

[data-aos=zoom-in-left] {
    -webkit-transform: translate(50px,0) scale(.6);
    transform: translate(50px,0) scale(.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)
}

[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%)
}

[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)
}

/*! nouislider - 13.1.5 - 4/24/2019 */
.noUi-target,.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -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
}

.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
}

html:not([dir=rtl]) .noUi-horizontal .noUi-origin {
    left: auto;
    right: 0
}

.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 .3s;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.noUi-state-drag * {
    cursor: inherit!important
}

.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
}

.noUi-target {
    border-radius: 4px
}

.noUi-connect::after {
    content: '';
    top: 6px;
    height: 4px;
    background-color: #008787;
    position: absolute;
    left: 0;
    right: 0
}

.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,.9);
    box-shadow: 0 0 1px 0 rgba(113,113,113,.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: 0
}

[disabled] .noUi-connect {
    background: #b8b8b8
}

[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target {
    cursor: not-allowed
}

.noUi-pips,.noUi-pips * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    color: #999
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #ccc
}

.noUi-marker-sub {
    background: #aaa
}

.noUi-marker-large {
    background: #aaa
}

.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
}

.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: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.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: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    -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:after,.slick-track:before {
    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: 0
}

.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: 0;
    background: #fff
}

.slick-dots>li.slick-active button {
    background: #000;
    opacity: 1
}

.text-core .text-wrap input,.text-core .text-wrap textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    resize: none;
    z-index: 1;
    background: 0 0;
    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 .3s,background-color .3s;
    transition: color .3s,background-color .3s
}

.text-core .text-wrap .text-dropdown {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 3;
    background: #fff;
    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: #fff;
    background: #008787
}