.reset-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.reset-a {
    text-decoration: none
}

.fun-reset {
    padding: 0;
    margin: 0;
    line-height: 0;
    font-size: 0px;
    border: none
}

.lib-flex-end {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
    align-items: flex-end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end
}

.lib-flex-start {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start
}

.lib-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.lib-middle {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center
}

.lib-top-center {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center
}

.lib-left {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start
}

.lib-right {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end
}

.lib-between {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between
}

.lib-between-top {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between
}

.lib-around {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around
}

.lib-flex-colum {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column
}

.lib-flex-row {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row
}

.lib-flex-wrap {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap
}

.container {
    max-width: 1600px;
    position: relative;
    margin: 0 auto
}

.row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap
}

.marginLeft-0 {
    margin-left: 0
}

.marginRight-0 {
    margin-right: 0
}

.marginBottom-0 {
    margin-bottom: 0
}

.marginTop-0 {
    margin-top: 0
}

.paddingTop-0 {
    padding-top: 0
}

.paddingLeft-0 {
    padding-left: 0
}

.paddingRight-0 {
    padding-right: 0
}

.paddingBottom-0 {
    padding-bottom: 0
}

.marginLeft-5 {
    margin-left: 5px
}

.marginRight-5 {
    margin-right: 5px
}

.marginBottom-5 {
    margin-bottom: 5px
}

.marginTop-5 {
    margin-top: 5px
}

.paddingTop-5 {
    padding-top: 5px
}

.paddingLeft-5 {
    padding-left: 5px
}

.paddingRight-5 {
    padding-right: 5px
}

.paddingBottom-5 {
    padding-bottom: 5px
}

.marginLeft-10 {
    margin-left: 10px
}

.marginRight-10 {
    margin-right: 10px
}

.marginBottom-10 {
    margin-bottom: 10px
}

.marginTop-10 {
    margin-top: 10px
}

.paddingTop-10 {
    padding-top: 10px
}

.paddingLeft-10 {
    padding-left: 10px
}

.paddingRight-10 {
    padding-right: 10px
}

.paddingBottom-10 {
    padding-bottom: 10px
}

.marginLeft-15 {
    margin-left: 15px
}

.marginRight-15 {
    margin-right: 15px
}

.marginBottom-15 {
    margin-bottom: 15px
}

.marginTop-15 {
    margin-top: 15px
}

.paddingTop-15 {
    padding-top: 15px
}

.paddingLeft-15 {
    padding-left: 15px
}

.paddingRight-15 {
    padding-right: 15px
}

.paddingBottom-15 {
    padding-bottom: 15px
}

.marginLeft-20 {
    margin-left: 20px
}

.marginRight-20 {
    margin-right: 20px
}

.marginBottom-20 {
    margin-bottom: 20px
}

.marginTop-20 {
    margin-top: 20px
}

.paddingTop-20 {
    padding-top: 20px
}

.paddingLeft-20 {
    padding-left: 20px
}

.paddingRight-20 {
    padding-right: 20px
}

.paddingBottom-20 {
    padding-bottom: 20px
}

.marginLeft-25 {
    margin-left: 25px
}

.marginRight-25 {
    margin-right: 25px
}

.marginBottom-25 {
    margin-bottom: 25px
}

.marginTop-25 {
    margin-top: 25px
}

.paddingTop-25 {
    padding-top: 25px
}

.paddingLeft-25 {
    padding-left: 25px
}

.paddingRight-25 {
    padding-right: 25px
}

.paddingBottom-25 {
    padding-bottom: 25px
}

.marginLeft-30 {
    margin-left: 30px
}

.marginRight-30 {
    margin-right: 30px
}

.marginBottom-30 {
    margin-bottom: 30px
}

.marginTop-30 {
    margin-top: 30px
}

.paddingTop-30 {
    padding-top: 30px
}

.paddingLeft-30 {
    padding-left: 30px
}

.paddingRight-30 {
    padding-right: 30px
}

.paddingBottom-30 {
    padding-bottom: 30px
}

.marginLeft-35 {
    margin-left: 35px
}

.marginRight-35 {
    margin-right: 35px
}

.marginBottom-35 {
    margin-bottom: 35px
}

.marginTop-35 {
    margin-top: 35px
}

.paddingTop-35 {
    padding-top: 35px
}

.paddingLeft-35 {
    padding-left: 35px
}

.paddingRight-35 {
    padding-right: 35px
}

.paddingBottom-35 {
    padding-bottom: 35px
}

.marginLeft-40 {
    margin-left: 40px
}

.marginRight-40 {
    margin-right: 40px
}

.marginBottom-40 {
    margin-bottom: 40px
}

.marginTop-40 {
    margin-top: 40px
}

.paddingTop-40 {
    padding-top: 40px
}

.paddingLeft-40 {
    padding-left: 40px
}

.paddingRight-40 {
    padding-right: 40px
}

.paddingBottom-40 {
    padding-bottom: 40px
}

[class^=icon-],[class*=" icon-"] {
    font-family: 'ms-icon' !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-shield:before {
    content: "\e900"
}

.icon-tip:before {
    content: "\e32b"
}

.icon-warning:before {
    content: "\e33f"
}

.icon-lock-empty:before {
    content: "\e72e"
}

.icon-star-empty:before {
    content: "\e734"
}

.icon-square:before {
    content: "\e739"
}

.icon-square-right:before {
    content: "\e73a"
}

.icon-square-fill:before {
    content: "\e73b"
}

.icon-square-fill-right:before {
    content: "\e73d"
}

.icon-right:before {
    content: "\e73e"
}

.icon-up:before {
    content: "\e74a"
}

.icon-down:before {
    content: "\e74b"
}

.icon-unlock-empty:before {
    content: "\e785"
}

.icon-dialog:before {
    content: "\e8bd"
}

.icon-ar-3d:before {
    content: "\e901"
}

.icon-valuation:before {
    content: "\e902"
}

.icon-promise:before {
    content: "\e903"
}

.icon-virtual-eyes:before {
    content: "\e904"
}

.icon-office-2019:before {
    content: "\e905"
}

.icon-edu-shield:before {
    content: "\e906"
}

.icon-position:before {
    content: "\e907"
}

.icon-alipay:before {
    content: "\e908"
}

.icon-search:before {
    content: "\e909"
}

.icon-circle-user:before {
    content: "\e90a"
}

.icon-circle-user-plus:before {
    content: "\e90b"
}

.icon-close:before {
    content: "\e90c"
}

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

.icon-tag:before {
    content: "\e90e"
}

.icon-menu:before {
    content: "\e90f"
}

.icon-customer-service:before {
    content: "\e910"
}

.icon-cap:before {
    content: "\e911"
}

.icon-cart:before {
    content: "\e912"
}

.icon-surface:before {
    content: "\e913"
}

.icon-quick-pay:before {
    content: "\e914"
}

.icon-lightning-fill:before {
    content: "\e915"
}

.icon-remove:before {
    content: "\e916"
}

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

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

.icon-home:before {
    content: "\e91a"
}

.icon-online-services:before {
    content: "\e91d"
}

.icon-star:before {
    content: "\e920"
}

.icon-print:before {
    content: "\e922"
}

.icon-play:before {
    content: "\e923"
}

.icon-car:before {
    content: "\e924"
}

.icon-turn-right:before {
    content: "\e928"
}

.icon-earth:before {
    content: "\e929"
}

.icon-lightning:before {
    content: "\e92a"
}

.icon-mouse:before {
    content: "\e92c"
}

.icon-renew:before {
    content: "\e92e"
}

.icon-circle-right:before {
    content: "\e930"
}

.icon-game-handle:before {
    content: "\e934"
}

.icon-xbox:before {
    content: "\e935"
}

.icon-lorry:before {
    content: "\e937"
}

.icon-location:before {
    content: "\e93c"
}

.icon-circle-24:before {
    content: "\e93d"
}

.icon-circle-plus:before {
    content: "\e93e"
}

.icon-circle-reduce:before {
    content: "\e93f"
}

.icon-return-goods:before {
    content: "\e945"
}

.icon-credit-card1:before {
    content: "\e948"
}

.icon-android:before {
    content: "\e94c"
}

.icon-microsoft-365:before {
    content: "\e954"
}

.icon-windows:before {
    content: "\e959"
}

.icon-business-bag:before {
    content: "\e95a"
}

.icon-phone:before {
    content: "\e960"
}

.icon-refurbished:before {
    content: "\e961"
}

.icon-mixed-reality:before {
    content: "\e96b"
}

.icon-arrow-left-slim:before {
    content: "\e970"
}

.icon-arrow-right-slim:before {
    content: "\e971"
}

.icon-weibo:before {
    content: "\e972"
}

.icon-wechat:before {
    content: "\e979"
}

.icon-lock:before {
    content: "\e9a2"
}

.icon-coupons:before {
    content: "\eb54"
}

.icon-picture:before {
    content: "\eb9f"
}

.icon-invoice:before {
    content: "\ec5b"
}

.icon-solid-circle:before {
    content: "\ec61"
}

.icon-empty-circle:before {
    content: "\ecca"
}

.icon-balck-solid-circle:before {
    content: "\eccb"
}

.icon-credit-card:before {
    content: "\ef40"
}

.icon-search-text:before {
    content: "\ef6c"
}

.icon-all-order:before {
    content: "\f000"
}

.icon-unlock:before {
    content: "\f304"
}

.icon-my-zone:before {
    content: "\f400"
}

.icon-compare:before {
    content: "\e919"
}

@media screen and (max-width: 1024px) {
    .microsoft-content-slider .microsoft-slider-item .icon-ms {
        width:100%;
        height: 220px
    }

    .microsoft-content-slider .microsoft-slider-item .icon-ms p {
        -webkit-flex-basis: 33%;
        -moz-flex-basis: 33%;
        -ms-flex-basis: 33%;
        flex-basis: 33%
    }

    .microsoft-content-slider .microsoft-slider-item .sub-title {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center
    }
}

@media screen and (min-width: 768px) and (max-width:1440px) {
    .microsoft-slider-item .sub-content-system {
        height:112px
    }
}

@media screen and (max-width: 1024px) {
    .columns .active-promotion-banner .box .inner-box {
        padding:30px 50px;
        min-height: auto
    }
}

@media screen and (max-width: 1024px) {
    .box-surface .box-content {
        max-width:90%
    }

    .row-tradein-page .active-promotion-banner .box-content .inner-box {
        padding: 15px 30px
    }

    .active-promotion-banner .box-content h2 {
        margin: 15px 0
    }

    .active-promotion-banner .box-content p {
        margin-bottom: 15px
    }
}

@media screen and (max-width: 1280px) {
    .store-in-content .pagebuilder-column-group div[data-content-type=text] p {
        margin-bottom:10px
    }

    .store-in-content .pagebuilder-column-group div[data-content-type=text] p:first-child {
        height: 70px
    }

    .store-in-content .pagebuilder-column-group div[data-content-type=text] h2 {
        margin-top: 10px;
        margin-bottom: 10px
    }
}

@media screen and (max-width: 1024px) {
    .store-in-content .col-img figure[data-content-type=image] img {
        height:100% !important;
        max-width: none !important
    }

    .store-in-content .pagebuilder-column-group div[data-content-type=text] p {
        margin-bottom: 20px
    }

    .store-in-content .pagebuilder-column-group div[data-content-type=text] p:first-child {
        height: auto
    }

    .store-in-content .pagebuilder-column-group div[data-content-type=text] h2 {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .store-in-content-bottom .box-text-img h2 {
        font-size: 2.4rem;
        line-height: 2.6rem
    }
}

@media screen and (max-width: 1024px) {
    .box-text-header {
        display:none
    }

    .store-in-content .pagebuilder-column-group .box-text-img {
        display: none
    }

    .store-in-content-bottom .box-text-img {
        display: none
    }
}

@media screen and (max-width: 1280px) {
    .row-address .row.field .control.longest {
        margin:20px 0 0 140px
    }
}

@media screen and (max-width: 1100px) {
    .row select {
        width:160px
    }
}

@media screen and (max-width: 1024px) {
    div[data-content-type=row] .popup-overlay {
        width:50%
    }
}

@media screen and (max-width: 1024px) {
    .row-support-and-help-one [data-content-type=row][data-appearance=contained] [data-element=inner].support-one-row-icon {
        width:90% !important
    }

    .support-help-row-bottom .pagebuilder-column-group .pagebuilder-column.col-qrcode {
        max-width: 500px
    }

    .support-help-row-bottom .pagebuilder-column-group .pagebuilder-column.col-qrcode .box-img {
        padding-right: 5%;
        margin-top: 15px
    }

    .support-help-row-bottom .pagebuilder-column-group .pagebuilder-column.col-qrcode .box-img:last-child {
        padding-right: 0
    }

    .support-help-row-bottom .pagebuilder-column-group .pagebuilder-column.col-qrcode div[data-content-type=text]:first-child {
        top: 5px
    }

    .support-help-row-bottom .pagebuilder-column-group .pagebuilder-column h2 {
        font-size: 2.5rem
    }
}

.product-info-stock-sku .configurable-variation-qty {
    display: none
}

.form-discount .g-recaptcha {
    margin-top: 50px !important
}

.login-container .g-recaptcha,.form-login .g-recaptcha,.form-edit-account .g-recaptcha {
    margin-bottom: 10px !important
}

.required-captcha.checkbox {
    position: absolute;
    display: block;
    visibility: visible;
    overflow: hidden;
    opacity: 0;
    width: 1px;
    height: 1px
}

.block.newsletter .field-recaptcha .field .control:before {
    content: none
}

.review-form .field-recaptcha {
    margin-bottom: 10px
}

.form.send.friend .g-recaptcha {
    margin-top: 40px
}

@keyframes loading {
    0% {
        transform: translate(-50%,-50%) rotate(0)
    }

    100% {
        transform: translate(-50%,-50%) rotate(359.9deg)
    }
}

@media only screen and (max-width: 1000px) and (min-width:701px) {
    .ampromo-overlay .ampromo-gallery {
        width:570px;
        margin: 0 auto 30px
    }

    .ampromo-items-content {
        padding: 24px 54px
    }
}

@media only screen and (max-width: 700px) {
    .ampromo-overlay .ampromo-gallery {
        width:280px;
        margin: 0 auto
    }

    .ampromo-items-content {
        padding: 24px 54px
    }

    .ampromo-items-form .product-info-price>*:first-child,.ampromo-items-form .product-info-price>*:last-child {
        padding: 0
    }
}

@media only screen and (max-width: 400px) {
    .ampromo-overlay .ampromo-gallery {
        margin:0 auto 30px auto
    }

    .ampromo-overlay .slick-prev,.ampromo-overlay .slick-next {
        display: none !important
    }

    .ampromo-items-content {
        padding: 15px
    }
}

.si3d-iframe-root {
    height: 100vh;
    width: 100%;
    border: none;
    max-height: 870px
}

.si3d-root {
    padding: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 50px
}

@media only screen and (max-width: 540px) {
    .si3d-iframe-root {
        max-height:500px
    }
}

@media only screen and (max-width: 860px) {
    .si3d-iframe-root {
        max-height:600px
    }
}

.flex-style {
    display: -webkit-flex;
    display: flex
}

._amcheckout-selectable-container {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between
}

._amcheckout-selectable-item {
    display: block;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 20px;
    width: 100%;
    border: 1px solid #f9f9f9;
    border-radius: 2px;
    background: #f9f9f9;
    cursor: pointer
}

._amcheckout-selectable-item:not(:last-of-type) {
    margin-bottom: 15px
}

._amcheckout-selectable-item:hover {
    box-shadow: 0 2px 8px rgba(56,77,108,.4)
}

._amcheckout-selectable-item.-selected {
    border-color: #1979c3
}

@media all and (min-width: 768px) {
    ._amcheckout-selectable-item {
        width:48%
    }

    ._amcheckout-selectable-item:nth-last-child(-n+2) {
        margin-bottom: 0
    }
}

@media screen and (max-width: 1280px) and (min-width:768px) {
    .field-area-group .field-bank+.field {
        padding-bottom:15px
    }

    .field-area-group .field-bank+.field label {
        width: 120px !important;
        padding-right: 21px
    }

    .field-area-group .field-bank+.field .control {
        width: calc((100% - 120px)) !important
    }
}

@media screen and (min-width: 768px) and (max-width:1366px) {
    .bundle-options-container .bundle-options-wrapper #product-options-wrapper .tab-effect.checkbox-options .field.choice label.label .price-cloum {
        height:145px
    }

    .bundle-options-container .bundle-options-wrapper #product-options-wrapper .tab-effect.radio-options .field.choice label.label .price-cloum {
        height: 145px
    }
}

.reactjs-universal-configurator-root,.bundle-options-wrapper,#bundleSummary {
    display: none
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .catalog-product-buybox .product-info-main .product-info-picture {
        margin-right:20px;
        margin-left: 20px;
        width: calc(20% - (20px*2))
    }

    .catalog-product-buybox .product-info-main .product-info-main-text {
        width: calc(45% - 20px);
        margin-right: 20px
    }

    .catalog-product-buybox .product-info-main .product-info-buyinfo {
        width: calc(35% - 28px);
        margin-right: 28px
    }

    .catalog-product-buybox .product-info-main .product-info-main-bottom .main-full-bottom-item .auth-login {
        width: 200px !important
    }
}

.bundle-heade-content+.price-box.price-configured_price {
    display: none !important
}

.bundle-heade-content+.price-box.price-configured_price.reduction_flex {
    display: flex !important
}

@media all and (-ms-high-contrast:none) {
    .ie11 .list-surface [data-element=main][data-content-type=html] {
        overflow: hidden
    }
}

@media screen and (min-width: 768px) and (max-width:1600px) {
    [data-content-type=row][data-appearance=contained] [data-element=inner].office-product,[data-content-type=row][data-appearance=contained] [data-element=inner].choose-office,[data-content-type=row][data-appearance=contained] [data-element=inner].office-features,[data-content-type=row][data-appearance=contained] [data-element=inner].office-high {
        padding-bottom:43px !important
    }

    .menu-office .block-link-menu {
        padding: 35px 15px !important
    }
}

@media screen and (min-width: 768px) {
    figure[data-content-type=image]>[data-element=link]:focus {
        display:block;
        box-shadow: 0 0 3px 1px #030f18
    }
}

@media (-webkit-min-device-pixel-ratio: 4),(min--moz-device-pixel-ratio:4),(min-resolution:400dpi) {
    .game-category-page.game-category-page-layout2 .sub-category-menu.sub-category-menu-fixed {
        top:0
    }

    .default-category-page .toolbar .sorter-label,.game-category-page .toolbar .sorter-label,.external-category-page .toolbar .sorter-label {
        width: 55px
    }

    .default-category-page .toolbar .sorter-options,.game-category-page .toolbar .sorter-options,.external-category-page .toolbar .sorter-options {
        width: calc((100% - 75px))
    }

    .bundle-header-addtocart #bundleHeaderSummary .price-configured_price {
        min-width: 150px
    }
}

@media screen and (max-width: 1024px) {
    .modal-popup.subscribe-products-modal .modal-inner-wrap {
        width:90%
    }
}

.form-wrap.form-subscribe-products .col-content .subscribe {
    max-width: 323px
}

.form-wrap.form-subscribe-products .col-content .subscribe p {
    line-height: 24px;
    margin-top: 15px;
    margin-bottom: 0
}

@media screen and (max-width: 1366px) {
    .private-catalog.student-edu-normal .private-product-item .product-Tag-name-box {
        height:90px;
        max-height: 90px
    }

    .private-catalog.student-edu-normal .private-product-item .product-Tag-name-box .productTag-false-10221868-RL {
        margin: 0 5px 0 0
    }

    .private-catalog.student-edu-normal .private-product-item .select select {
        padding-left: 10px;
        padding-right: 35px
    }
}

.checkout-index-index .opc-block-summary .block.items-in-cart .content.minicart-items {
    display: block !important
}

@media only screen and (max-width: 768px) {
    .field-tooltip .field-tooltip-content {
        left:auto;
        right: -10px;
        top: 40px
    }

    .field-tooltip .field-tooltip-content:before,.field-tooltip .field-tooltip-content:after {
        border: 10px solid transparent;
        height: 0;
        left: auto;
        margin-top: -21px;
        right: 10px;
        top: 0;
        width: 0
    }

    .field-tooltip .field-tooltip-content:before {
        border-bottom-color: #999
    }

    .field-tooltip .field-tooltip-content:after {
        border-bottom-color: #f4f4f4;
        top: 1px
    }
}

@media only screen and (min-device-width: 767px) {
    .account-address-header,.account-fapiao-header {
        display:none
    }

    .form-fapiao-edit.my-invoice-form input::-webkit-input-placeholder {
        color: #fff
    }

    .form-fapiao-edit.my-invoice-form input::-ms-input-placeholder {
        color: #fff
    }

    .form-fapiao-edit.my-invoice-form input:-moz-placeholder {
        color: #fff
    }

    .form-fapiao-edit.my-invoice-form input:-ms-input-placeholder {
        color: #fff
    }

    .form-fapiao-edit.my-invoice-form input::-ms-input-placeholder {
        color: #fff
    }

    .form-fapiao-edit.my-invoice-form input::placeholder {
        color: #fff
    }

    .form-fapiao-edit.my-invoice-form .vat-special-invoice .row-name-credit-code .fapiao-company-credit-code input::-webkit-input-placeholder {
        color: #000
    }

    .form-fapiao-edit.my-invoice-form .vat-special-invoice .row-name-credit-code .fapiao-company-credit-code input::-ms-input-placeholder {
        color: #000
    }

    .form-fapiao-edit.my-invoice-form .vat-special-invoice .row-name-credit-code .fapiao-company-credit-code input:-moz-placeholder {
        color: #000
    }

    .form-fapiao-edit.my-invoice-form .vat-special-invoice .row-name-credit-code .fapiao-company-credit-code input::placeholder {
        color: #000
    }

    .form-fapiao-edit.my-invoice-form .vat-special-invoice .row-name-credit-code .fapiao-company-credit-code input:-ms-input-placeholder {
        color: #000
    }

    .form-fapiao-edit.my-invoice-form .vat-special-invoice .row-name-credit-code .fapiao-company-credit-code input::placeholder {
        color: #000
    }

    .form-fapiao-edit.my-invoice-form .show-placeholder-desktop input::-webkit-input-placeholder {
        color: #000
    }

    .form-fapiao-edit.my-invoice-form .show-placeholder-desktop input::-ms-input-placeholder {
        color: #000
    }

    .form-fapiao-edit.my-invoice-form .show-placeholder-desktop input:-moz-placeholder {
        color: #000
    }

    .form-fapiao-edit.my-invoice-form .show-placeholder-desktop input::placeholder {
        color: #000
    }

    .form-fapiao-edit.my-invoice-form .show-placeholder-desktop input:-ms-input-placeholder {
        color: #000
    }

    .form-fapiao-edit.my-invoice-form .show-placeholder-desktop input::placeholder {
        color: #000
    }

    .form-fapiao-edit.my-invoice-form .placeholder-street input::-webkit-input-placeholder {
        padding-left: 40px
    }

    .form-fapiao-edit.my-invoice-form .placeholder-street input::-ms-input-placeholder {
        padding-left: 40px
    }

    .form-fapiao-edit.my-invoice-form .placeholder-street input:-moz-placeholder {
        padding-left: 40px
    }

    .form-fapiao-edit.my-invoice-form .placeholder-street input::placeholder {
        padding-left: 40px
    }

    .form-fapiao-edit.my-invoice-form .fill-form {
        margin-bottom: 30px
    }

    .form-fapiao-edit .general-vat-invoice .row-name-credit-code>.fapiao-type-company {
        clear: left;
        float: left;
        margin-bottom: 16px;
        width: calc(50% - 3px)
    }

    .form-fapiao-edit .general-vat-invoice .row-name-credit-code>.fapiao-type-company .label {
        width: 80px;
        text-align: left
    }

    .account-form-popup .fieldset {
        margin-bottom: 24px
    }

    .account-form-popup .fieldset>.field:not(.choice) label {
        float: left;
        padding-right: 12px;
        font-weight: 400;
        box-sizing: border-box
    }

    .account-form-popup .fieldset>.field:not(.choice)>.control {
        float: left
    }

    .account-form-popup .fieldset>.field:not(.choice).country {
        display: none !important
    }

    .account-form-popup .fieldset>.field:not(.choice).zip {
        margin-bottom: 16px
    }

    .account-form-popup .fieldset>.field:not(.choice).street {
        margin-bottom: 16px
    }

    .account-form-popup .fieldset>.field:not(.choice).street label {
        display: none
    }

    .account-form-popup .fieldset>.field:not(.choice).street .control {
        float: right;
        width: 85%
    }

    .account-form-popup .fieldset>.field.choice {
        margin-bottom: 16px
    }

    .account-form-popup .fieldset .field-area-group>label {
        display: inherit;
        clear: left;
        float: left;
        width: 15%
    }

    .account-form-popup .fieldset .field-area-group>.field {
        margin-right: 10px;
        margin-bottom: 16px;
        width: calc((87.5% - 41px)/3)
    }

    .account-form-popup .fieldset .field-area-group>.field:last-child {
        margin-right: 0
    }

    .account-form-popup .fieldset .field-area-group>.field label {
        display: none
    }

    .account-form-popup .actions-toolbar {
        margin-left: 0 !important
    }

    .form-fapiao-edit .fieldset .field:not(.choice) .description {
        text-align: left
    }

    .form-fapiao-edit .fieldset .field:not(.choice).fapiao-type-personal label {
        width: auto
    }

    .form-fapiao-edit .fieldset .field:not(.choice).fapiao-type-personal .control {
        width: 290px
    }

    .form-fapiao-edit .fieldset .field:not(.choice).fapiao-type-company {
        float: left
    }

    .form-fapiao-edit .fieldset .field:not(.choice).fapiao-type-company label {
        width: 80px;
        text-align: left
    }

    .form-fapiao-edit .fieldset .field:not(.choice).fapiao-type-company .control {
        width: calc(100% - 89px)
    }

    .form-fapiao-edit .fieldset .field:not(.choice).fapiao-company-credit-code {
        clear: right;
        float: right;
        margin-bottom: 16px;
        width: calc(50% - 5px)
    }

    .form-fapiao-edit .fieldset .field:not(.choice).fapiao-company-credit-code label {
        width: 140px
    }

    .form-fapiao-edit .fieldset .field:not(.choice).fapiao-company-credit-code .control {
        width: calc(100% - 140px)
    }

    .form-fapiao-edit .fieldset .field:not(.choice).company_register_name,.form-fapiao-edit .fieldset .field:not(.choice).bank_name,.form-fapiao-edit .fieldset .field:not(.choice).email,.form-fapiao-edit .fieldset .field:not(.choice).telephone {
        clear: left;
        float: left;
        margin-bottom: 16px;
        width: calc(50% - 3px)
    }

    .form-fapiao-edit .fieldset .field:not(.choice).company_register_name label,.form-fapiao-edit .fieldset .field:not(.choice).bank_name label,.form-fapiao-edit .fieldset .field:not(.choice).email label,.form-fapiao-edit .fieldset .field:not(.choice).telephone label {
        width: 30%;
        text-align: left
    }

    .form-fapiao-edit .fieldset .field:not(.choice).company_register_name .control,.form-fapiao-edit .fieldset .field:not(.choice).bank_name .control,.form-fapiao-edit .fieldset .field:not(.choice).email .control,.form-fapiao-edit .fieldset .field:not(.choice).telephone .control {
        width: 70%;
        max-width: 254px
    }

    .form-fapiao-edit .fieldset .field:not(.choice).telephone>label,.form-fapiao-edit .fieldset .field:not(.choice).email>label,.form-fapiao-edit .fieldset .field:not(.choice).bank_name>label {
        padding-left: 12px
    }

    .form-fapiao-edit .fieldset .field:not(.choice).fapiao-special-credit-code,.form-fapiao-edit .fieldset .field:not(.choice).bank_no,.form-fapiao-edit .fieldset .field:not(.choice).post_code {
        clear: right;
        float: right;
        margin-bottom: 16px;
        width: calc(50% - 5px)
    }

    .form-fapiao-edit .fieldset .field:not(.choice).fapiao-special-credit-code label,.form-fapiao-edit .fieldset .field:not(.choice).bank_no label,.form-fapiao-edit .fieldset .field:not(.choice).post_code label {
        width: 37%;
        text-align: right
    }

    .form-fapiao-edit .fieldset .field:not(.choice).fapiao-special-credit-code .control,.form-fapiao-edit .fieldset .field:not(.choice).bank_no .control,.form-fapiao-edit .fieldset .field:not(.choice).post_code .control {
        width: 63%;
        max-width: 243px
    }

    .form-fapiao-edit .fieldset .field:not(.choice).file-box>.label {
        width: 15%;
        line-height: 19px;
        padding-right: 15px;
        padding-left: 12px
    }

    .form-fapiao-edit .fieldset .field:not(.choice).file-box>.label .small-title {
        font-size: 1.2rem;
        line-height: 19px
    }

    .form-fapiao-edit .fieldset .field:not(.choice).file-box .description {
        margin-left: 15px;
        width: 40%
    }

    .form-fapiao-edit .fieldset .field.taxpayer_certificate>label {
        text-align: left
    }

    .form-fapiao-edit .fieldset .field.taxpayer_certificate>label .title {
        display: inline-block;
        width: 85%
    }

    .form-fapiao-edit .fieldset .field.opening_certificate>label {
        text-align: left
    }

    .form-fapiao-edit .fieldset .field.opening_certificate>label .title {
        display: inline-block;
        width: 100%
    }

    .form-fapiao-edit .fieldset .field.business_license>label {
        text-align: left
    }

    .form-fapiao-edit .fieldset .row-name-credit-code .field:not(.choice).fapiao-special-credit-code .label.credit-company-label {
        text-align: left
    }

    .form-fapiao-edit .fieldset .row-name-credit-code .field:not(.choice).fapiao-special-credit-code .control.credit-company-control {
        text-align: left
    }

    .form-fapiao-edit .fieldset .row-name-credit-code .field:not(.choice).fapiao-type-company .label.ele-name-label {
        width: 30%;
        text-align: left
    }

    .form-fapiao-edit .fieldset .row-name-credit-code .field:not(.choice).fapiao-type-company .control.ele-name-control {
        width: 70%;
        max-width: 254px
    }

    .form-fapiao-edit .fieldset .row-name-credit-code .field:not(.choice).fapiao-company-credit-code .label.ele-credit-label {
        width: 37%;
        text-align: left
    }

    .form-fapiao-edit .fieldset .row-name-credit-code .field:not(.choice).fapiao-company-credit-code .control.ele-credit-control {
        width: 63%;
        max-width: 243px
    }

    .modal-popup.address-dialog.fapiao-dialog,.modal-popup.address-dialog.custom-address-dialog {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 95px
    }

    .modal-popup.address-dialog.fapiao-dialog .modal-inner-wrap,.modal-popup.address-dialog.custom-address-dialog .modal-inner-wrap {
        position: relative;
        -ms-transform: none;
        transform: none;
        width: 100%;
        margin: 0;
        max-height: 75%
    }

    .modal-popup.address-dialog.fapiao-dialog .modal-inner-wrap .modal-header,.modal-popup.address-dialog.custom-address-dialog .modal-inner-wrap .modal-header {
        position: relative
    }

    .hiedu-fapiao-person {
        flex-flow: column
    }

    .hiedu-fapiao-person .school-line {
        width: calc(50% - 5px);
        display: flex
    }

    .form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).company_register_name.school-line-box,.form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).fapiao-type-company.school-line-box {
        width: 100%;
        display: flex
    }

    .form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).company_register_name.school-line-box .label.name-company-label,.form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).fapiao-type-company.school-line-box .label.name-company-label,.form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).company_register_name.school-line-box .label.ele-name-label,.form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).fapiao-type-company.school-line-box .label.ele-name-label {
        width: 30%
    }

    .form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).company_register_name.school-line-box .control.name-company-control,.form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).fapiao-type-company.school-line-box .control.name-company-control,.form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).company_register_name.school-line-box .ele-name-control,.form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).fapiao-type-company.school-line-box .ele-name-control {
        width: 70%
    }

    .form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).company_register_name.school-line-box .college-line,.form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).fapiao-type-company.school-line-box .college-line {
        width: 30%;
        margin-left: 20px
    }

    .form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).company_register_name.school-line-box .school-line,.form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).fapiao-type-company.school-line-box .school-line {
        pointer-events: none
    }

    .form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).company_register_name.school-line-box .school-line .control input,.form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).fapiao-type-company.school-line-box .school-line .control input {
        opacity: .6
    }

    .form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).company_register_name.school-line-box .school-line .control .fapiao-type-company,.form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).fapiao-type-company.school-line-box .school-line .control .fapiao-type-company {
        opacity: .6
    }

    .form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).company_register_name.school-line-box .school-line label,.form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).fapiao-type-company.school-line-box .school-line label {
        position: relative;
        padding-top: 8px
    }

    .form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).company_register_name.school-line-box .school-line label:after,.form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).fapiao-type-company.school-line-box .school-line label:after {
        content: '*';
        position: absolute;
        top: 3px;
        left: 0;
        float: left;
        margin: 0 5px 0 0;
        color: #000
    }

    .form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).company_register_name.school-line-box .school-line label span,.form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).fapiao-type-company.school-line-box .school-line label span {
        padding-left: 12px;
        display: inline-block
    }

    .form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).company_register_name.school-line-box .preview-line,.form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).fapiao-type-company.school-line-box .preview-line {
        margin-left: 10px;
        display: flex;
        justify-content: center;
        position: relative;
        min-width: 126px;
        align-items: flex-start
    }

    .form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).company_register_name.school-line-box .preview-line .hover-box,.form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).fapiao-type-company.school-line-box .preview-line .hover-box {
        display: flex;
        align-items: center;
        justify-content: center;
        border: solid 1px #0067b8;
        color: #0067b8;
        height: 40px;
        padding: 19px 20px;
        box-sizing: border-box;
        cursor: pointer
    }

    .form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).company_register_name.school-line-box .preview-line .hover-content,.form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).fapiao-type-company.school-line-box .preview-line .hover-content {
        display: none;
        position: absolute;
        top: 55px;
        padding: 8px;
        width: 120%;
        box-sizing: border-box;
        right: 0;
        text-align: center;
        background: #d8d8d8;
        border: 1px solid #979797
    }

    .form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).company_register_name.school-line-box .preview-line .hover-content:before,.form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).fapiao-type-company.school-line-box .preview-line .hover-content:before,.form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).company_register_name.school-line-box .preview-line .hover-content:after,.form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).fapiao-type-company.school-line-box .preview-line .hover-content:after {
        bottom: 100%;
        left: 83%;
        border: solid transparent;
        content: "";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }

    .form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).company_register_name.school-line-box .preview-line .hover-content:before,.form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).fapiao-type-company.school-line-box .preview-line .hover-content:before {
        border-color: rgba(151,151,151,0);
        border-bottom-color: #979797;
        border-width: 11px;
        margin-left: -11px
    }

    .form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).company_register_name.school-line-box .preview-line .hover-content:after,.form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).fapiao-type-company.school-line-box .preview-line .hover-content:after {
        border-color: rgba(216,216,216,0);
        border-bottom-color: #d8d8d8;
        border-width: 10px;
        margin-left: -10px
    }

    .form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .label-pc {
        color: #666;
        margin-top: 0;
        margin-bottom: 10px;
        display: none
    }

    .form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .input-des {
        color: #666;
        font-size: 12px
    }

    .form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .label-pc+.field label {
        width: 30% !important
    }

    .form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .label-pc+.field .control {
        width: 70% !important;
        max-width: 254px !important
    }
}

@media screen and (min-device-width: 768px) and (max-device-width:1024px) {
    .modal-popup.address-dialog.fapiao-dialog .modal-inner-wrap {
        height:630px
    }

    .form-fapiao-edit.my-invoice-form {
        overflow-y: scroll;
        max-height: 450px
    }

    .form-fapiao-edit .fieldset .field:not(.choice).file-box .description {
        width: 35%
    }

    .form-fapiao-edit .vat-special-invoice .fieldset .field:not(.choice).fapiao-special-credit-code .label {
        width: 38%
    }

    .form-fapiao-edit .vat-special-invoice .fieldset .field:not(.choice).fapiao-special-credit-code .control {
        width: 62%
    }

    .form-fapiao-edit .vat-special-invoice .fieldset .field:not(.choice).file-box>.label {
        width: 14.7%
    }

    .account-form-popup .fieldset .field-area-group>label {
        width: 14.7%
    }

    .account-form-popup .fieldset .field-area-group>.field {
        width: calc((85.3% - 20px)/3)
    }

    .account-form-popup .fieldset>.field:not(.choice).street .control {
        width: 85.3%
    }
}

@media only screen and (max-device-width: 767px) {
    .account.customer-address-index .page-main,.account.fapiao-book-index .page-main {
        padding-top:0
    }

    .account.customer-address-index .custom-tablist.account-tablist,.account.fapiao-book-index .custom-tablist.account-tablist {
        display: none
    }

    .account.customer-address-index .account-address-header,.account.fapiao-book-index .account-address-header,.account.customer-address-index .account-fapiao-header,.account.fapiao-book-index .account-fapiao-header {
        height: 45px;
        background: #f2f2f2;
        text-align: center;
        line-height: 45px;
        font-size: 16px;
        position: relative;
        padding: 0 15px;
        width: 100%;
        margin-left: -15px;
        margin-bottom: 12px
    }

    .account.customer-address-index .account-address-header .icon-arrow-left,.account.fapiao-book-index .account-address-header .icon-arrow-left,.account.customer-address-index .account-fapiao-header .icon-arrow-left,.account.fapiao-book-index .account-fapiao-header .icon-arrow-left {
        position: absolute;
        left: 15px;
        top: 50%;
        font-size: 25px;
        transform: translate(0px,-50%);
        color: #000
    }

    .form-fapiao-edit.my-invoice-form .fieldset .row-name-credit-code .field:not(.choice).fapiao-type-company {
        width: 100%
    }

    .form-fapiao-edit.my-invoice-form .fieldset .row-name-credit-code .field:not(.choice).fapiao-company-credit-code {
        width: 100%
    }

    .form-fapiao-edit .account-form-popup>.field:not(.choice).street .control {
        width: 86%
    }

    .form-fapiao-edit.my-invoice-form .fieldset .field:not(.choice).company_register_name,.form-fapiao-edit.my-invoice-form .fieldset .field:not(.choice).bank_name,.form-fapiao-edit.my-invoice-form .fieldset .field:not(.choice).telephone {
        width: 100%
    }

    .form-fapiao-edit.my-invoice-form .fieldset .field:not(.choice).fapiao-special-credit-code,.form-fapiao-edit.my-invoice-form .fieldset .field:not(.choice).bank_no,.form-fapiao-edit.my-invoice-form .fieldset .field:not(.choice).post_code {
        width: 100%
    }

    .form-fapiao-edit.my-invoice-form .fieldset .field:not(.choice).fapiao-special-credit-code .control,.form-fapiao-edit.my-invoice-form .fieldset .field:not(.choice).bank_no .control,.form-fapiao-edit.my-invoice-form .fieldset .field:not(.choice).post_code .control {
        width: 100%
    }

    .modal-popup.address-dialog.fapiao-dialog .modal-inner-wrap {
        height: 100%
    }

    .form-fapiao-edit .fapiao-control {
        margin-bottom: 5px
    }

    .form-fapiao-edit .vat-special-invoice .business_license .instance {
        position: relative;
        bottom: 0;
        right: 0;
        left: auto;
        top: 16px
    }

    .form-fapiao-edit .vat-special-invoice .has-tip-title .control label {
        right: 0;
        left: auto;
        text-align: right !important
    }

    .form-fapiao-edit .vat-special-invoice .fieldset>.field:not(.choice) {
        margin-bottom: 0
    }

    .form-fapiao-edit .fieldset .field:not(.choice).fapiao-type-personal .control {
        width: 100%
    }

    .form-fapiao-edit.my-invoice-form {
        padding: 0 15px;
        height: 100%;
        max-height: 100%;
        overflow: hidden
    }

    .form-fapiao-edit.my-invoice-form .fill-form {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .form-fapiao-edit.my-invoice-form .fill-form .field-area-group {
        order: 6;
        margin-top: 10px
    }

    .form-fapiao-edit.my-invoice-form .fill-form .field.street {
        order: 7
    }

    .form-fapiao-edit.my-invoice-form .fill-form .post_code {
        order: 8
    }

    .form-fapiao-edit.my-invoice-form .fill-form .taxpayer_certificate {
        order: 9
    }

    .form-fapiao-edit.my-invoice-form .fill-form .opening_certificate {
        order: 10
    }

    .form-fapiao-edit.my-invoice-form .fill-form .business_license {
        order: 11
    }

    .form-fapiao-edit.my-invoice-form .fill-form .action[type=submit] {
        margin-bottom: 60px;
        min-width: 150px
    }

    .form-fapiao-edit.my-invoice-form .action {
        margin-bottom: 16px
    }

    .form-fapiao-edit.my-invoice-form .row-name-credit-code.lib-flex {
        display: inline
    }

    .form-fapiao-edit.my-invoice-form .row-name-credit-code .fapiao-type-company {
        margin-bottom: 0
    }

    .form-fapiao-edit.my-invoice-form .row-name-credit-code .fapiao-type-company .control {
        width: 100% !important
    }

    .form-fapiao-edit.my-invoice-form .row-link-button {
        margin-top: 20px;
        text-align: right
    }

    .form-fapiao-edit.my-invoice-form .row-link-button a {
        font-size: 1.4rem;
        line-height: 19px
    }

    .form-fapiao-edit.my-invoice-form .vat-special-invoice {
        margin-bottom: 40px
    }

    .form-fapiao-edit.my-invoice-form .vat-special-invoice .issued-special-bills {
        margin-top: 24px;
        padding: 15px 15px 15px 50px;
        font-size: 14px
    }

    .form-fapiao-edit.my-invoice-form .vat-special-invoice .issued-special-bills:before {
        position: absolute;
        left: 40px;
        font-size: 18px
    }

    .form-fapiao-edit.my-invoice-form .vat-special-invoice button[name=Save] {
        margin: 0;
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0
    }

    .form-fapiao-edit.my-invoice-form .vat-special-invoice .vat-info {
        font-size: 14px;
        color: #666
    }

    .form-fapiao-edit.my-invoice-form .vat-special-invoice .business_license .instance {
        position: relative;
        bottom: 0;
        right: 0;
        left: auto;
        top: 16px
    }

    .form-fapiao-edit.my-invoice-form .vat-special-invoice .fill-form .taxpayer_certificate .description {
        width: 100%
    }

    .form-fapiao-edit.my-invoice-form .vat-special-invoice .fill-form .opening_certificate .description {
        width: 100%
    }

    .form-fapiao-edit.my-invoice-form .vat-special-invoice .fill-form .business_license .description {
        width: 100%
    }

    .form-fapiao-edit.my-invoice-form p {
        font-size: 1.2rem;
        line-height: 16px
    }

    .fapiao-book-form .page-main {
        padding: 0
    }

    .account-form-popup .fieldset>.field:not(.choice) {
        position: relative
    }

    .account-form-popup .fieldset>.field:not(.choice).country {
        display: none !important
    }

    .account-form-popup .fieldset>.field:not(.choice) .label {
        position: absolute;
        top: 4px;
        left: 0
    }

    .account-form-popup .fieldset>.field:not(.choice) .label span {
        display: none
    }

    .account-form-popup .fieldset>.field:not(.choice) .control {
        width: 100% !important
    }

    .account-form-popup .fieldset>.field:not(.choice) input[type=text],.account-form-popup .fieldset>.field:not(.choice) input[type=email] {
        padding-left: 14px;
        border: none;
        border-bottom: 1px solid #505050
    }

    .account-form-popup .fieldset .field-area-group {
        clear: right
    }

    .account-form-popup .fieldset .field-area-group .field.required {
        position: relative
    }

    .account-form-popup .fieldset .field-area-group .field.required>.label {
        display: flex;
        position: absolute;
        top: 4px;
        left: 8px
    }

    .account-form-popup .fieldset .field-area-group .field.required>.label span {
        display: none
    }

    .account-form-popup .fieldset .field-area-group .field.required input[type=text] {
        padding-left: 24px;
        border: 1px solid #505050
    }

    .account-form-popup .fieldset .field-area-group .field.required select {
        padding-left: 24px;
        border: 1px solid #505050
    }

    .account-form-popup .fieldset>button[type=submit] {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 1;
        margin-bottom: 0
    }

    .form-fapiao-edit {
        padding-bottom: 48px
    }

    .form-fapiao-edit .fapiao-control li {
        flex: 1;
        margin-right: 5px
    }

    .form-fapiao-edit .fapiao-control li:last-child {
        margin: 0
    }

    .form-fapiao-edit .fapiao-control li:first-child {
        flex: 1
    }

    .form-fapiao-edit .fapiao-control li a {
        height: auto;
        line-height: normal !important
    }

    .form-fapiao-edit .fieldset>.field.file-box .label {
        position: static;
        margin-bottom: 12px;
        justify-content: flex-end;
        font-weight: 400
    }

    .form-fapiao-edit .fieldset>.field.file-box .label span {
        display: inline
    }

    .form-fapiao-edit .fieldset>.field.file-box .control {
        margin-bottom: 15px
    }

    .modal-popup.address-dialog.fapiao-dialog .modal-inner-wrap {
        overflow: hidden
    }

    .form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).company_register_name.school-line-box,.form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).fapiao-type-company.school-line-box {
        width: 100%;
        display: flex;
        flex-flow: column
    }

    .form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).company_register_name.school-line-box .school-line,.form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).fapiao-type-company.school-line-box .school-line {
        pointer-events: none
    }

    .form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).company_register_name.school-line-box .school-line .control input,.form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).fapiao-type-company.school-line-box .school-line .control input {
        opacity: .6
    }

    .form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).company_register_name.school-line-box .school-line label,.form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).fapiao-type-company.school-line-box .school-line label {
        position: relative;
        padding-top: 8px
    }

    .form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).company_register_name.school-line-box .school-line label:after,.form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).fapiao-type-company.school-line-box .school-line label:after {
        content: '*';
        position: absolute;
        top: 3px;
        left: 0;
        float: left;
        margin: 0 5px 0 0;
        color: #000
    }

    .form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).company_register_name.school-line-box .school-line label span,.form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).fapiao-type-company.school-line-box .school-line label span {
        display: none;
        padding-left: 12px
    }

    .form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).company_register_name.school-line-box .preview-line,.form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).fapiao-type-company.school-line-box .preview-line {
        margin-left: 10px;
        display: flex;
        justify-content: center;
        position: relative;
        margin-top: 6px;
        flex-flow: column;
        align-items: flex-end
    }

    .form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).company_register_name.school-line-box .preview-line .hover-box,.form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).fapiao-type-company.school-line-box .preview-line .hover-box {
        display: flex;
        align-items: center;
        justify-content: center;
        border: solid 1px #0067b8;
        color: #0067b8;
        height: 40px;
        padding: 20px;
        box-sizing: border-box;
        cursor: pointer
    }

    .form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).company_register_name.school-line-box .preview-line .hover-content,.form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).fapiao-type-company.school-line-box .preview-line .hover-content {
        display: none;
        padding: 8px;
        width: 120%;
        box-sizing: border-box;
        right: 0;
        text-align: center;
        background: #d8d8d8;
        border: 1px solid #979797;
        position: relative;
        top: unset;
        margin-top: 10px;
        width: 40%;
        margin-bottom: 10px
    }

    .form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).company_register_name.school-line-box .preview-line .hover-content:before,.form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).fapiao-type-company.school-line-box .preview-line .hover-content:before,.form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).company_register_name.school-line-box .preview-line .hover-content:after,.form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).fapiao-type-company.school-line-box .preview-line .hover-content:after {
        bottom: 100%;
        left: 83%;
        border: solid transparent;
        content: "";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }

    .form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).company_register_name.school-line-box .preview-line .hover-content:before,.form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).fapiao-type-company.school-line-box .preview-line .hover-content:before {
        border-color: rgba(151,151,151,0);
        border-bottom-color: #979797;
        border-width: 11px;
        margin-left: -11px
    }

    .form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).company_register_name.school-line-box .preview-line .hover-content:after,.form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .field:not(.choice).fapiao-type-company.school-line-box .preview-line .hover-content:after {
        border-color: rgba(216,216,216,0);
        border-bottom-color: #d8d8d8;
        border-width: 10px;
        margin-left: -10px
    }

    .form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .label-pc {
        display: none
    }

    .form-fapiao-edit .fieldset .hiedu-fapiao-person.row-name-credit-code .input-des {
        color: #666;
        font-size: 12px
    }
}

@media screen and (min-width: 768px) and (max-width:1200px) {
    .account .edu-form-page,.account .chsi-page {
        width:100%
    }

    .account .change-info-btn {
        width: 100%
    }
}

@media screen and (min-width: 768px) and (max-width:1024px) {
    .auth-book .box.account-hiedu+.box.account-hiedu-smb {
        margin-right:24px
    }
}

@media screen and (max-device-width: 1400px) {
    .address-dialog .modal-inner-wrap {
        bottom:0;
        margin-bottom: 2rem
    }
}

@media screen and (max-device-width: 1024px) {
    .modal-popup {
        overflow-y:scroll
    }

    .address-dialog.fapiao-dialog .modal-inner-wrap .modal-content iframe {
        min-height: 450px
    }

    .address-dialog.fapiao-dialog .modal-content {
        padding: 0 20px 46px
    }

    .address-dialog.fapiao-dialog.modal-popup .modal-header {
        padding-left: 20px
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width:780px) and (orientation:landscape) {
    .product-video {
        height:100%;
        width: 81%
    }
}

@media only screen and (max-width: 1024px) {
    .modal-popup.order-detail-modal .modal-inner-wrap {
        max-width:760px
    }

    .box-activating-private-key .inner-box-content .col-changed-button {
        padding: 20px
    }

    .box-activating-private-key .inner-box-content .col-changed-button .box-active-key label {
        width: 30%
    }

    .box-activating-private-key .inner-box-content .col-changed-button .box-active-key button {
        padding: 10px
    }

    .box-activating-private-key .inner-box-content .col-left-content {
        padding: 20px
    }
}

ul,ul li {
    list-style: none;
    padding: 0;
    margin: 0
}

@media (min-width: 768px) {
    .map-Page .map-padding .myMap {
        width:100%;
        height: 835px
    }

    .page-layout-3columns .column.main {
        width: 100% !important
    }

    .map-list .page-for-mobile {
        display: none
    }

    .map-list .page-for-mobile-num-top {
        display: none
    }

    .map-list .page-for-pc {
        display: block;
        float: inherit !important;
        margin: 0 0 23px
    }

    .map-list .page-for-pc .pages {
        float: right
    }

    .city-description .city-description-forpc {
        display: inline-block
    }

    .city-description .city-description-formobile {
        display: none
    }
}

@media (max-width: 767px) {
    .mapFlex .mapFlexLeft {
        top:-6px
    }

    .map-Page {
        width: 100%;
        margin: 0 auto
    }

    .map-Page .myMap {
        width: 100%;
        height: 254px
    }

    .city-and-address .allRegion-Drop-down,.city-and-address .allCity-Drop-down {
        width: 48%;
        display: inline-block
    }

    .city-and-address .shop-adress {
        margin: 11px 0 0
    }

    .city-and-address .service-adress {
        margin: 11px 0 0 13px
    }

    .city-address,.city-description {
        display: flex;
        position: relative;
        margin: 13px 0 0
    }

    .city-address strong,.city-description strong {
        font-size: 1.6rem;
        line-height: 19px !important
    }

    .city-address span,.city-description span {
        flex: 9;
        display: inline-block;
        font-size: 1.6rem;
        line-height: 19px !important;
        font-weight: 400
    }

    .city-description .city-description-forpc {
        display: none
    }

    .city-description .city-description-formobile {
        display: inline-block
    }

    .navigation-start-and-end {
        display: block;
        position: relative
    }

    .navigation-start-and-end .address-start-end {
        flex: inherit;
        width: 100%
    }

    .navigation-start-and-end .address-start-end .space-box {
        display: none
    }

    .route-agreement {
        margin: 27px 0 22px
    }

    .MicrosoftMap .Infobox {
        padding: 5px 0 8px 10px !important
    }

    .MicrosoftMap .Infobox .infobox-actions {
        left: -4px;
        margin: 18px 41px 0 0 !important
    }

    .MicrosoftMap .Infobox .infobox-close {
        top: 0 !important;
        right: 0 !important
    }

    .MicrosoftMap .closePoint {
        top: -18px;
        right: -10px
    }

    .MicrosoftMap .drTimeGo {
        position: relative;
        left: -37px
    }

    .MicrosoftMap a.dirBtnRev {
        float: left !important;
        margin: -95px 0 0 -8px !important;
        position: relative;
        z-index: 9
    }

    .start-end-show-hide a.clean-address {
        left: 123px
    }

    .map-list .page-for-mobile {
        display: block;
        float: inherit !important
    }

    .map-list .page-for-mobile .toolbar-amount {
        display: none
    }

    .map-list .page-for-mobile .pages-items {
        display: inline-block;
        margin: 25px 0 10px
    }

    .map-list .page-for-pc .pages-items {
        display: none
    }

    .map-list .page-for-pc .pager {
        display: none
    }

    .map-list .mapFlexRight .city-name a {
        font-size: 1.6rem;
        line-height: 21px
    }

    .map-list .page-for-mobile-num-top {
        float: inherit !important
    }

    .map-list .page-for-mobile-num-top .pages {
        display: none
    }

    .map-list .page-for-mobile-num-top .pager {
        margin: 0 0 30px
    }

    .pages .items .pages-item-previous-gray {
        color: #757575;
        margin: 0 4px 0 0 !important
    }

    .pages .item {
        margin: 0 0 0 4px !important
    }

    .mapPointFlex {
        padding: 15px 0 0
    }

    .mapPointFlex .MSIconOfMap span {
        width: 55px
    }

    .mapPointFlex .MSIconOfMap h2 {
        font-size: 1.4rem;
        line-height: 19px;
        margin: 0 0 8px;
        padding: 0 47px 0 0
    }

    .mapPointFlex .shopMapInfo {
        padding: 0 47px 0 12px
    }

    .mapPointFlex .shopMapInfoAddress,.mapPointFlex .shopMapInfoTime {
        margin: 0 0 6px
    }

    .mapPointFlex .shopMapInfoAddress strong,.mapPointFlex .shopMapInfoTime strong {
        font-size: 1.4rem
    }

    .mapPointFlex .shopMapInfoAddress span,.mapPointFlex .shopMapInfoTime span {
        padding: 0 0 0 6px;
        font-size: 1.4rem
    }

    .mapPointFlex .shopMapInfoAddress .worktimeonpc,.mapPointFlex .shopMapInfoTime .worktimeonpc {
        display: none
    }

    .mapPointFlex .shopMapInfoAddress .worktimeonmobile,.mapPointFlex .shopMapInfoTime .worktimeonmobile {
        display: block
    }

    .mapPointFlex .shopMapInfoTime strong {
        min-width: 48px;
        width: inherit
    }

    .mapPointFlex .navigationformobile {
        display: block;
        padding: 0 12px
    }

    .mapPointFlex .navigationformobile ul li {
        float: left;
        margin: 0 30px 0 0
    }

    .mapPointFlex .navigationformobile ul li a {
        font-size: 1.6rem;
        color: #0067b8;
        line-height: 21px;
        font-weight: 700;
        text-decoration: none
    }

    .closePoint {
        top: 15px;
        right: 12px
    }

    .drawer-animation {
        padding: 10px 0
    }
}

@media (max-width: 1367px) {
    .map-list .page-for-pc .pages {
        padding:0 50px 0 0
    }
}

@media all and (min-width: 769px),print {
    .col-sm-1 {
        -webkit-flex-basis:4.16666667%;
        -moz-flex-basis: 4.16666667%;
        -ms-flex-basis: 4.16666667%;
        flex-basis: 4.16666667%
    }

    .col-sm-2 {
        -webkit-flex-basis: 8.33333333%;
        -moz-flex-basis: 8.33333333%;
        -ms-flex-basis: 8.33333333%;
        flex-basis: 8.33333333%
    }

    .col-sm-3 {
        -webkit-flex-basis: 12.5%;
        -moz-flex-basis: 12.5%;
        -ms-flex-basis: 12.5%;
        flex-basis: 12.5%
    }

    .col-sm-4 {
        -webkit-flex-basis: 16.66666667%;
        -moz-flex-basis: 16.66666667%;
        -ms-flex-basis: 16.66666667%;
        flex-basis: 16.66666667%
    }

    .col-sm-5 {
        -webkit-flex-basis: 20.83333333%;
        -moz-flex-basis: 20.83333333%;
        -ms-flex-basis: 20.83333333%;
        flex-basis: 20.83333333%
    }

    .col-sm-6 {
        -webkit-flex-basis: 25%;
        -moz-flex-basis: 25%;
        -ms-flex-basis: 25%;
        flex-basis: 25%
    }

    .col-sm-7 {
        -webkit-flex-basis: 29.16666667%;
        -moz-flex-basis: 29.16666667%;
        -ms-flex-basis: 29.16666667%;
        flex-basis: 29.16666667%
    }

    .col-sm-8 {
        -webkit-flex-basis: 33.33333333%;
        -moz-flex-basis: 33.33333333%;
        -ms-flex-basis: 33.33333333%;
        flex-basis: 33.33333333%
    }

    .col-sm-9 {
        -webkit-flex-basis: 37.5%;
        -moz-flex-basis: 37.5%;
        -ms-flex-basis: 37.5%;
        flex-basis: 37.5%
    }

    .col-sm-10 {
        -webkit-flex-basis: 41.66666667%;
        -moz-flex-basis: 41.66666667%;
        -ms-flex-basis: 41.66666667%;
        flex-basis: 41.66666667%
    }

    .col-sm-11 {
        -webkit-flex-basis: 45.83333333%;
        -moz-flex-basis: 45.83333333%;
        -ms-flex-basis: 45.83333333%;
        flex-basis: 45.83333333%
    }

    .col-sm-12 {
        -webkit-flex-basis: 50%;
        -moz-flex-basis: 50%;
        -ms-flex-basis: 50%;
        flex-basis: 50%
    }

    .col-sm-13 {
        -webkit-flex-basis: 54.16666667%;
        -moz-flex-basis: 54.16666667%;
        -ms-flex-basis: 54.16666667%;
        flex-basis: 54.16666667%
    }

    .col-sm-14 {
        -webkit-flex-basis: 58.33333333%;
        -moz-flex-basis: 58.33333333%;
        -ms-flex-basis: 58.33333333%;
        flex-basis: 58.33333333%
    }

    .col-sm-15 {
        -webkit-flex-basis: 62.5%;
        -moz-flex-basis: 62.5%;
        -ms-flex-basis: 62.5%;
        flex-basis: 62.5%
    }

    .col-sm-16 {
        -webkit-flex-basis: 66.66666667%;
        -moz-flex-basis: 66.66666667%;
        -ms-flex-basis: 66.66666667%;
        flex-basis: 66.66666667%
    }

    .col-sm-17 {
        -webkit-flex-basis: 70.83333333%;
        -moz-flex-basis: 70.83333333%;
        -ms-flex-basis: 70.83333333%;
        flex-basis: 70.83333333%
    }

    .col-sm-18 {
        -webkit-flex-basis: 75%;
        -moz-flex-basis: 75%;
        -ms-flex-basis: 75%;
        flex-basis: 75%
    }

    .col-sm-19 {
        -webkit-flex-basis: 79.16666667%;
        -moz-flex-basis: 79.16666667%;
        -ms-flex-basis: 79.16666667%;
        flex-basis: 79.16666667%
    }

    .col-sm-20 {
        -webkit-flex-basis: 83.33333333%;
        -moz-flex-basis: 83.33333333%;
        -ms-flex-basis: 83.33333333%;
        flex-basis: 83.33333333%
    }

    .col-sm-21 {
        -webkit-flex-basis: 87.5%;
        -moz-flex-basis: 87.5%;
        -ms-flex-basis: 87.5%;
        flex-basis: 87.5%
    }

    .col-sm-22 {
        -webkit-flex-basis: 91.66666667%;
        -moz-flex-basis: 91.66666667%;
        -ms-flex-basis: 91.66666667%;
        flex-basis: 91.66666667%
    }

    .col-sm-23 {
        -webkit-flex-basis: 95.83333333%;
        -moz-flex-basis: 95.83333333%;
        -ms-flex-basis: 95.83333333%;
        flex-basis: 95.83333333%
    }

    .col-sm-24 {
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-basis: 100%;
        flex-basis: 100%
    }

    .show-mobile {
        display: none !important
    }

    .show-desktop {
        display: block !important
    }

    .abs-product-options-list-desktop dt,.block-giftregistry-shared .item-options dt {
        clear: left;
        float: left;
        margin: 0 10px 5px 0
    }

    .block-giftregistry-shared .item-options dt:after {
        content: ': '
    }

    .abs-product-options-list-desktop dd,.block-giftregistry-shared .item-options dd {
        display: inline-block;
        float: left;
        margin: 0 0 5px
    }

    .abs-button-desktop {
        width: auto
    }

    .abs-blocks-2columns,.column .block-addbysku .block-content .box,.login-container .block,.magento-rma-guest-returns .column.main .block:not(.widget) .block-content .box,[class^=sales-guest-] .column.main .block:not(.widget) .block-content .box,.sales-guest-view .column.main .block:not(.widget) .block-content .box {
        width: 48.8%
    }

    .column .block-addbysku .block-content .box:nth-child(odd),.login-container .block:nth-child(odd),.magento-rma-guest-returns .column.main .block:not(.widget) .block-content .box:nth-child(odd),[class^=sales-guest-] .column.main .block:not(.widget) .block-content .box:nth-child(odd),.sales-guest-view .column.main .block:not(.widget) .block-content .box:nth-child(odd) {
        clear: left;
        float: left
    }

    .column .block-addbysku .block-content .box:nth-child(even),.login-container .block:nth-child(even),.magento-rma-guest-returns .column.main .block:not(.widget) .block-content .box:nth-child(even),[class^=sales-guest-] .column.main .block:not(.widget) .block-content .box:nth-child(even),.sales-guest-view .column.main .block:not(.widget) .block-content .box:nth-child(even) {
        float: right
    }

    .abs-reset-left-margin-desktop,.bundle-options-container .legend.title,.column.main .cart-summary .actions-toolbar,.cart.table-wrapper .item-actions .actions-toolbar,.gift-summary .actions-toolbar,.cart.table-wrapper .gift-summary .actions-toolbar,.column.main .block-giftregistry-shared-items .actions-toolbar,.form-new-agreement .fieldset .legend,.form-new-agreement .actions-toolbar,.column.main .paypal-review .actions-toolbar,.wishlist-index-index .main .form-wishlist-items .actions-toolbar {
        margin-left: 0
    }

    .abs-action-remove-desktop,.abs-add-fields-desktop .fieldset .additional .action.remove,.form-giftregistry-share .fieldset .additional .action.remove,.form-giftregistry-edit .fieldset .additional .action.remove,.form-add-invitations .fieldset .additional .action.remove,.form-create-return .fieldset .additional .action.remove,.form.send.friend .fieldset .additional .action.remove {
        margin-left: 75.8%;
        top: 6px
    }

    .form-giftregistry-share .fieldset .field:not(.choice) .control,.form-giftregistry-edit .fieldset .field:not(.choice) .control,.form-add-invitations .fieldset .field:not(.choice) .control,.form-create-return .fieldset .field:not(.choice) .control,.form.send.friend .fieldset .field:not(.choice) .control {
        width: 50%
    }

    .abs-margin-for-forms-desktop,.fieldset .legend,.column:not(.sidebar-main) form .actions-toolbar,.column:not(.sidebar-additional) form .actions-toolbar,.login-container .fieldset:after {
        margin-left: 25.8%
    }

    .abs-visually-hidden-desktop,.modes-label,.block-search .label,.dashboard-welcome-toggler {
        border: 0;
        clip: rect(0,0,0,0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .abs-add-clearfix-desktop:before,.abs-add-clearfix-desktop:after,.abs-pager-toolbar:before,.abs-pager-toolbar:after,.block-cart-failed .block-content:before,.block-cart-failed .block-content:after,.column .block-addbysku .block-content:before,.column .block-addbysku .block-content:after,.cart-container:before,.cart-container:after,.login-container:before,.login-container:after,.block-giftregistry-shared .item-options:before,.block-giftregistry-shared .item-options:after,.gift-wrapping .nested:before,.gift-wrapping .nested:after,.table .gift-wrapping .content:before,.table .gift-wrapping .content:after,.block-wishlist-management:before,.block-wishlist-management:after,.paypal-review .block-content:before,.paypal-review .block-content:after,.magento-rma-guest-returns .column.main .block:not(.widget) .block-content:before,.magento-rma-guest-returns .column.main .block:not(.widget) .block-content:after,[class^=sales-guest-] .column.main .block:not(.widget) .block-content:before,[class^=sales-guest-] .column.main .block:not(.widget) .block-content:after,.sales-guest-view .column.main .block:not(.widget) .block-content:before,.sales-guest-view .column.main .block:not(.widget) .block-content:after,.header.content:before,.header.content:after,.page-header .header.panel:before,.page-header .header.panel:after,.toolbar-giftregistry-results:before,.toolbar-giftregistry-results:after,.toolbar-wishlist-results:before,.toolbar-wishlist-results:after {
        content: '';
        display: table
    }

    .abs-add-clearfix-desktop:after,.abs-pager-toolbar:after,.block-cart-failed .block-content:after,.column .block-addbysku .block-content:after,.cart-container:after,.login-container:after,.block-giftregistry-shared .item-options:after,.gift-wrapping .nested:after,.table .gift-wrapping .content:after,.block-wishlist-management:after,.paypal-review .block-content:after,.magento-rma-guest-returns .column.main .block:not(.widget) .block-content:after,[class^=sales-guest-] .column.main .block:not(.widget) .block-content:after,.sales-guest-view .column.main .block:not(.widget) .block-content:after,.header.content:after,.page-header .header.panel:after,.toolbar-giftregistry-results:after,.toolbar-wishlist-results:after {
        clear: both
    }

    .abs-add-box-sizing-desktop,.column.main,.sidebar-main,.sidebar-additional {
        box-sizing: border-box
    }

    .abs-add-box-sizing-desktop-m,.opc-wrapper {
        box-sizing: border-box
    }

    .abs-revert-field-type-desktop .fieldset>.field,.abs-revert-field-type-desktop .fieldset .fields>.field,.product-add-form .fieldset>.field,.product-add-form .fieldset .fields>.field {
        margin: 0 0 20px
    }

    .abs-revert-field-type-desktop .fieldset>.field:not(.choice)>.label,.abs-revert-field-type-desktop .fieldset .fields>.field:not(.choice)>.label,.product-add-form .fieldset>.field:not(.choice)>.label,.product-add-form .fieldset .fields>.field:not(.choice)>.label {
        box-sizing: content-box;
        float: none;
        width: auto;
        text-align: left;
        padding: 0
    }

    .abs-revert-field-type-desktop .fieldset>.field:not(.choice)>.control,.abs-revert-field-type-desktop .fieldset .fields>.field:not(.choice)>.control,.product-add-form .fieldset>.field:not(.choice)>.control,.product-add-form .fieldset .fields>.field:not(.choice)>.control {
        float: none;
        width: auto
    }

    .abs-revert-field-type-desktop .fieldset>.field>.label,.abs-revert-field-type-desktop .fieldset .fields>.field>.label,.product-add-form .fieldset>.field>.label,.product-add-form .fieldset .fields>.field>.label {
        margin: 0 0 5px;
        display: inline-block
    }

    .abs-revert-field-type-desktop .fieldset>.field.choice:before,.abs-revert-field-type-desktop .fieldset .fields>.field.choice:before,.abs-revert-field-type-desktop .fieldset>.field.no-label:before,.abs-revert-field-type-desktop .fieldset .fields>.field.no-label:before,.product-add-form .fieldset>.field.choice:before,.product-add-form .fieldset .fields>.field.choice:before,.product-add-form .fieldset>.field.no-label:before,.product-add-form .fieldset .fields>.field.no-label:before {
        display: none
    }

    .product-add-form .fieldset>.field:not(:first-child):last-of-type,.product-add-form .fieldset .fields>.field:not(:first-child):last-of-type {
        margin-bottom: 0
    }

    .abs-no-display-desktop,.opc-estimated-wrapper,.sidebar .block.widget .pager .item:not(.pages-item-next):not(.pages-item-previous) {
        display: none
    }

    .abs-pager-toolbar,.toolbar-giftregistry-results,.toolbar-wishlist-results {
        margin-bottom: 20px;
        position: relative
    }

    .abs-pager-toolbar .limiter,.toolbar-giftregistry-results .limiter,.toolbar-wishlist-results .limiter {
        float: right;
        position: relative;
        z-index: 1
    }

    .abs-pager-toolbar .toolbar-amount,.toolbar-giftregistry-results .toolbar-amount,.toolbar-wishlist-results .toolbar-amount {
        float: left;
        line-height: normal;
        padding: 7px 0 0;
        position: relative;
        z-index: 1
    }

    .abs-pager-toolbar .pages,.toolbar-giftregistry-results .pages,.toolbar-wishlist-results .pages {
        position: absolute;
        width: 100%;
        z-index: 0
    }

    .abs-shopping-cart-items-desktop,.block-cart-failed,.cart-container .form-cart,.cart-container .cart-gift-item {
        float: left;
        position: relative;
        width: 73%
    }

    .abs-shopping-cart-items-desktop .actions,.block-cart-failed .actions,.cart-container .form-cart .actions,.cart-container .cart-gift-item .actions {
        text-align: right
    }

    .block-cart-failed .action.clear,.block-cart-failed .action.update,.cart-container .form-cart .action.clear,.cart-container .form-cart .action.update,.cart-container .cart-gift-item .action.clear,.cart-container .cart-gift-item .action.update {
        margin-left: 10px
    }

    .block-cart-failed .action.continue,.cart-container .form-cart .action.continue,.cart-container .cart-gift-item .action.continue {
        float: left
    }

    h1 {
        font-size: 40px;
        margin-bottom: 40px
    }

    .navigation,.breadcrumbs,.page-header .header.panel,.header.content,.footer.content,.page-wrapper>.widget,.page-wrapper>.page-bottom,.block.category.event,.top-container,.page-main {
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        max-width: 1600px;
        width: auto
    }

    .page-main {
        width: 90%
    }

    .columns {
        display: block
    }

    .column.main {
        min-height: 300px
    }

    .page-layout-1column .column.main {
        width: 100%;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2
    }

    .page-layout-3columns .column.main {
        width: 66.66666667%;
        display: inline-block;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2
    }

    .page-layout-2columns-left .column.main {
        width: 83.33333333%;
        float: right;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2
    }

    .page-layout-2columns-right .column.main {
        width: 83.33333333%;
        float: left;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1
    }

    .sidebar-main {
        padding-right: 2%
    }

    .page-layout-3columns .sidebar-main {
        width: 16.66666667%;
        float: left;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1
    }

    .page-layout-2columns-left .sidebar-main {
        width: 16.66666667%;
        float: left;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1
    }

    .page-layout-2columns-right .sidebar-main {
        width: 16.66666667%;
        float: left;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1
    }

    .page-layout-2columns-right .sidebar-main {
        padding-left: 2%;
        padding-right: 0
    }

    .sidebar-additional {
        clear: right;
        padding-left: 2%
    }

    .page-layout-3columns .sidebar-additional {
        width: 16.66666667%;
        float: right;
        -ms-flex-order: 3;
        -webkit-order: 3;
        order: 3
    }

    .page-layout-2columns-left .sidebar-additional {
        width: 16.66666667%;
        float: right;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2
    }

    .page-layout-2columns-right .sidebar-additional {
        width: 16.66666667%;
        float: right;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2
    }

    .page-layout-2columns-left .sidebar-additional {
        clear: left;
        float: left;
        padding-left: 0;
        padding-right: 2%
    }

    .panel.header {
        padding: 10px 20px
    }

    .nav-toggle {
        display: none
    }

    .nav-sections {
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        -webkit-flex-basis: auto;
        flex-basis: auto;
        margin-bottom: 25px
    }

    .nav-sections-item-title {
        display: none
    }

    .nav-sections-item-content {
        display: block !important
    }

    .nav-sections-item-content>* {
        display: none
    }

    .nav-sections-item-content>.navigation {
        display: block
    }

    .navigation {
        background: #f5f5f5;
        font-weight: 700;
        height: inherit;
        left: auto;
        overflow: inherit;
        padding: 0;
        position: relative;
        top: 0;
        width: 100%;
        z-index: 3
    }

    .navigation:empty {
        display: none
    }

    .navigation ul {
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
        position: relative
    }

    .navigation li.level0 {
        border-top: none
    }

    .navigation li.level1 {
        position: relative
    }

    .navigation .level0 {
        margin: 0 10px 0 0;
        display: inline-block;
        position: relative
    }

    .navigation .level0:last-child {
        margin-right: 0;
        padding-right: 0
    }

    .navigation .level0:hover:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 100%;
        width: 10px;
        height: calc(100% + 3px);
        z-index: 1
    }

    .navigation .level0>.level-top {
        color: #575757;
        line-height: 53px;
        padding: 0 12px;
        text-decoration: none;
        box-sizing: border-box;
        position: relative;
        display: inline-block
    }

    .navigation .level0>.level-top:hover,.navigation .level0>.level-top.ui-state-focus {
        color: #000;
        text-decoration: none
    }

    .navigation .level0.active>.level-top,.navigation .level0.has-active>.level-top {
        border-color: #ff5501;
        border-style: solid;
        border-width: 0 0 3px;
        color: #000;
        text-decoration: none;
        display: inline-block
    }

    .navigation .level0.parent:hover>.submenu {
        overflow: visible !important
    }

    .navigation .level0.parent>.level-top {
        padding-right: 20px
    }

    .navigation .level0.parent>.level-top>.ui-menu-icon {
        position: absolute;
        right: 0;
        display: inline-block;
        text-decoration: none
    }

    .navigation .level0.parent>.level-top>.ui-menu-icon>span {
        border: 0;
        clip: rect(0,0,0,0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .navigation .level0.parent>.level-top>.ui-menu-icon:after {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 12px;
        line-height: 20px;
        color: inherit;
        content: "\e74b";
        font-family: 'icons-blank-theme';
        vertical-align: middle;
        display: inline-block;
        font-weight: 400;
        overflow: hidden;
        speak: none;
        text-align: center
    }

    .navigation .level0 .submenu {
        background: #fff;
        border: 1px solid #d2d2d2;
        box-shadow: 0 5px 5px rgba(0,0,0,.19);
        font-weight: 700;
        min-width: 230px;
        padding: 0;
        display: none;
        left: 0;
        margin: 0 !important;
        position: absolute;
        z-index: 1;
        margin-top: 11px
    }

    .navigation .level0 .submenu>ul {
        margin-top: 11px
    }

    .navigation .level0 .submenu>ul:before,.navigation .level0 .submenu>ul:after {
        content: '';
        display: block;
        overflow: hidden;
        position: absolute
    }

    .navigation .level0 .submenu>ul:before {
        color: #fff;
        left: 20px;
        top: -20px;
        border: 10px solid transparent;
        height: 0;
        width: 0;
        border-bottom-color: #fff;
        z-index: 4
    }

    .navigation .level0 .submenu>ul:after {
        border: 11px solid transparent;
        height: 0;
        width: 0;
        border-bottom-color: #d2d2d2;
        color: #d2d2d2;
        left: 19px;
        top: -22px;
        z-index: 3
    }

    .navigation .level0 .submenu:before {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 4px;
        left: 0;
        top: -4px;
        z-index: 1
    }

    .navigation .level0 .submenu a {
        display: block;
        line-height: inherit;
        color: #575757;
        padding: 8px 20px
    }

    .navigation .level0 .submenu a:hover,.navigation .level0 .submenu a.ui-state-focus {
        background: #e8e8e8;
        color: #000;
        text-decoration: none
    }

    .navigation .level0 .submenu .active>a {
        border-color: #ff5501;
        border-style: solid;
        border-width: 0 0 0 3px
    }

    .navigation .level0 .submenu .submenu {
        top: -1px !important;
        left: 100% !important
    }

    .navigation .level0 .submenu .submenu-reverse {
        left: auto !important;
        right: 100%
    }

    .navigation .level0 .submenu li {
        margin: 0;
        position: relative
    }

    .navigation .level0 .submenu li.parent>a>.ui-menu-icon {
        position: absolute;
        right: 3px;
        display: inline-block;
        text-decoration: none
    }

    .navigation .level0 .submenu li.parent>a>.ui-menu-icon>span {
        border: 0;
        clip: rect(0,0,0,0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .navigation .level0 .submenu li.parent>a>.ui-menu-icon:after {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 12px;
        line-height: 20px;
        color: inherit;
        content: '\e608';
        font-family: 'icons-blank-theme';
        vertical-align: middle;
        display: inline-block;
        font-weight: 400;
        overflow: hidden;
        speak: none;
        text-align: center
    }

    .navigation .level0.more {
        position: relative;
        display: inline-block;
        text-decoration: none
    }

    .navigation .level0.more:after {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 26px;
        line-height: inherit;
        color: inherit;
        content: '\e607';
        font-family: 'icons-blank-theme';
        vertical-align: middle;
        display: inline-block;
        font-weight: 400;
        overflow: hidden;
        speak: none;
        text-align: center
    }

    .navigation .level0.more:before {
        display: none
    }

    .navigation .level0.more:after {
        cursor: pointer;
        padding: 8px 12px;
        position: relative;
        z-index: 1
    }

    .navigation .level0.more:hover>.submenu {
        overflow: visible !important
    }

    .navigation .level0.more li {
        display: block
    }

    .panel.header .links,.panel.header .switcher {
        display: inline-block
    }

    .fieldset>.field {
        margin: 0 0 20px;
        box-sizing: border-box;
        margin: 0 0 29px
    }

    .fieldset>.field>.label {
        margin: 0
    }

    .fieldset>.field:before,.fieldset>.field:after {
        content: '';
        display: table
    }

    .fieldset>.field:after {
        clear: both
    }

    .fieldset>.field.choice:before,.fieldset>.field.no-label:before {
        padding: 6px 15px 0 0;
        width: 25.8%;
        box-sizing: border-box;
        content: ' ';
        float: left;
        height: 1px
    }

    .fieldset>.field .description {
        padding: 6px 15px 0 0;
        text-align: right;
        width: 25.8%;
        box-sizing: border-box;
        float: left
    }

    .fieldset>.field:not(.choice)>.label {
        padding: 6px 15px 0 0;
        text-align: right;
        width: 25.8%;
        box-sizing: border-box;
        float: left
    }

    .fieldset>.field:not(.choice)>.control {
        width: 74.2%;
        float: left
    }

    .product.data.items {
        position: relative;
        z-index: 1
    }

    .product.data.items:before,.product.data.items:after {
        content: '';
        display: table
    }

    .product.data.items:after {
        clear: both
    }

    .product.data.items>.item.title {
        float: left;
        width: auto
    }

    .product.data.items>.item.title>.switch {
        height: 20px;
        display: block;
        position: relative;
        z-index: 2
    }

    .product.data.items>.item.content {
        margin-top: 20px;
        box-sizing: border-box;
        float: right;
        margin-left: -100%;
        width: 100%
    }

    .product.data.items>.item.content:before,.product.data.items>.item.content:after {
        content: '';
        display: table
    }

    .product.data.items>.item.content:after {
        clear: both
    }

    .product.data.items>.item.content.active {
        display: block
    }

    .product.data.items>.item.title {
        margin: 0 5px 0 0
    }

    .product.data.items>.item.title>.switch {
        font-weight: 600;
        line-height: 20px;
        font-size: 1.4rem;
        color: #4a4a4a;
        text-decoration: none;
        background: #f0f0f0;
        border: 1px solid #d2d2d2;
        border-bottom: none;
        height: 20px;
        padding: 5px 20px
    }

    .product.data.items>.item.title>.switch:visited {
        color: #4a4a4a;
        text-decoration: none
    }

    .product.data.items>.item.title>.switch:hover {
        color: #4a4a4a;
        text-decoration: none
    }

    .product.data.items>.item.title>.switch:active {
        color: #000;
        text-decoration: none
    }

    .product.data.items>.item.title:not(.disabled)>.switch:focus,.product.data.items>.item.title:not(.disabled)>.switch:hover {
        background: #fcfcfc
    }

    .product.data.items>.item.title:not(.disabled)>.switch:active,.product.data.items>.item.title.active>.switch,.product.data.items>.item.title.active>.switch:focus,.product.data.items>.item.title.active>.switch:hover {
        background: #fff;
        color: #000;
        text-decoration: none
    }

    .product.data.items>.item.title.active>.switch,.product.data.items>.item.title.active>.switch:focus,.product.data.items>.item.title.active>.switch:hover {
        padding-bottom: 6px
    }

    .product.data.items>.item.content {
        background: #fff;
        margin-top: 31px;
        padding: 20px;
        border: 0;
        border-top: 1px solid #d2d2d2
    }

    .actions-toolbar:before,.actions-toolbar:after {
        content: '';
        display: table
    }

    .actions-toolbar:after {
        clear: both
    }

    .actions-toolbar .primary {
        float: left
    }

    .actions-toolbar .secondary {
        float: right
    }

    .actions-toolbar .primary,.actions-toolbar .secondary {
        display: inline-block
    }

    .actions-toolbar .primary a.action,.actions-toolbar .secondary a.action {
        display: inline-block
    }

    .actions-toolbar .primary .action {
        margin: 0 5px 0 0
    }

    .actions-toolbar .secondary a.action {
        margin-top: 6px
    }

    .actions-toolbar>.primary,.actions-toolbar>.secondary {
        margin-bottom: 0
    }

    .actions-toolbar>.primary .action,.actions-toolbar>.secondary .action {
        margin-bottom: 0;
        width: auto
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner].microsoft-block-top p {
        font-size: 1.6rem;
        line-height: 2.1rem
    }

    .microsoft-content-slider .microsoft-slider-item .sub-title {
        height: 24px
    }

    .microsoft-content-slider .microsoft-slider-item .sub-content {
        min-height: 50px
    }

    .microsoft-content-slider .microsoft-slider-item .text-one-drive {
        height: 65px
    }

    .article-dk.article-dk-microsoft .box {
        flex-basis: 48.5%;
        margin-bottom: 40px
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner].microsoft-content-slider {
        margin-bottom: 10px !important
    }

    .article-dk .box {
        -webkit-flex-basis: 49.1%;
        -moz-flex-basis: 49.1%;
        -ms-flex-basis: 49.1%;
        flex-basis: 49.1%
    }

    .article-dk .box .btn-link {
        margin-top: 20px
    }

    .article-dk .box p {
        font-size: 1.6rem;
        line-height: 2.1rem;
        padding-right: 30px
    }

    .article-dk.active-promotion-block-top .box .btn-link {
        margin-top: 25px
    }

    .active-promotion-banner div[data-content-type=html] {
        position: absolute;
        top: 0
    }

    .active-promotion-banner div.pagebuilder-column-group {
        position: absolute;
        top: 0
    }

    .article-pc .article-pc__box {
        -webkit-flex-basis: 32%;
        -moz-flex-basis: 32%;
        -ms-flex-basis: 32%;
        flex-basis: 32%
    }

    .article-pc .article-pc__box p {
        font-size: 1.6rem;
        line-height: 2.1rem
    }

    .active-promotion-banner .box {
        max-width: 1600px;
        margin: 0 auto
    }

    .active-promotion-banner .box .inner-box {
        max-width: 423px;
        padding: 60px 50px;
        min-height: 230px;
        background: #fff;
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }

    .active-promotion-banner .box h2 {
        margin-top: 0
    }

    .active-promotion-banner .box-content .inner-box {
        max-width: 413px;
        padding: 40px 50px;
        background: #fff
    }

    .active-promotion-banner.left-banner .box .inner-box,.active-promotion-banner.left-banner .box-content .inner-box {
        margin-left: 10%
    }

    .active-promotion-banner.left-banner .box-content .inner-box {
        margin-left: 10%
    }

    .active-promotion-banner.right-banner .box .inner-box,.active-promotion-banner.right-banner .box-content .inner-box {
        margin-right: 10%
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner].box-survery-user {
        margin-bottom: 30px !important
    }

    .box-survery-user .slick-slider p:first-child {
        float: left;
        margin-right: 40px;
        min-height: 100px
    }

    [data-content-type=row][data-appearance=contained].box-info-machin {
        margin-top: 40px !important
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner].row-heading-sitemap {
        max-width: 70%;
        margin: 0 auto !important
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner].block-sitemap {
        max-width: 70%;
        margin: 0 auto !important
    }

    .block-sitemap .pagebuilder-column-group {
        margin-bottom: 40px
    }

    .store-in-content h2 {
        margin-bottom: 50px;
        font-size: 3.6rem;
        line-height: 4.7rem;
        margin-top: 40px
    }

    .store-in-content .pagebuilder-column h2 {
        margin-bottom: 15px;
        font-size: 3.6rem;
        line-height: 4.7rem
    }

    .store-in-table {
        font-size: 1.6rem
    }

    .store-in-table td {
        padding-left: 20px
    }

    .active-promotion-banner.banner-store-in-store .box .inner-box {
        min-height: 120px
    }

    .block-surfacepro7saa p {
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .form-wrap button[type=submit],.form-wrap .appliForm {
        margin-left: 140px;
        min-width: 140px
    }

    .form-wrap input::-webkit-input-placeholder {
        color: #fff
    }

    .form-wrap input::-ms-input-placeholder {
        color: #fff
    }

    .form-wrap input:-moz-placeholder {
        color: #fff
    }

    .form-wrap input::placeholder {
        color: #fff
    }

    .form-wrap .row-address input#city {
        padding-right: 36px;
        background: url(../images/select-down.png) right center no-repeat;
        background-size: 38px;
        width: 160px
    }

    .form-wrap .row-address input#district {
        padding-right: 36px;
        background: url(../images/select-down.png) right center no-repeat;
        background-size: 38px;
        width: 160px
    }

    .form-wrap .row-address input::-webkit-input-placeholder {
        color: #000
    }

    .form-wrap .row-address input::-ms-input-placeholder {
        color: #000
    }

    .form-wrap .row-address input:-moz-placeholder {
        color: #000
    }

    .form-wrap .row-address input::placeholder {
        color: #000
    }

    .form-wrap .row-address #addressDetails::-webkit-input-placeholder {
        color: #fff
    }

    .form-wrap .row-address #addressDetails::-ms-input-placeholder {
        color: #fff
    }

    .form-wrap .row-address #addressDetails::-moz-placeholder {
        color: #fff
    }

    .form-wrap .row-address #addressDetails::placeholder {
        color: #fff
    }

    .form-wrap .tip {
        margin-top: 30px;
        margin-bottom: 40px
    }

    .row .control.longest .input-text {
        width: 440px
    }

    .row .control.short .input-text {
        width: 100px
    }

    .row .check-show-button .label {
        padding-left: 70px
    }

    .row .check-show-button .control {
        margin-left: 140px
    }

    .popup-overlay {
        width: 30%
    }

    .active-promotion-banner.left__banner.banner-xbox-live-gold .inner-box {
        min-height: 200px
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner] .support-one-row-icon {
        margin: 0 auto !important;
        margin-top: 90px !important
    }

    .support-one-row-icon {
        -webkit-flex-direction: row !important;
        -moz-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        width: 70% !important
    }

    .row-support-and-help-one .support-accordion .accordion {
        margin-bottom: 120px
    }

    .support-help-row-bottom .pagebuilder-column-group {
        border: 1px solid #d2d2d2
    }

    .support-help-row-bottom .pagebuilder-column.col-qrcode div[data-content-type=text] {
        padding-right: 5%
    }

    .support-help-row-bottom .pagebuilder-column.col-qrcode div[data-content-type=text]:last-child {
        padding-right: 0
    }

    .support-help-row-bottom .col-text p a[href*="tel:"] {
        color: #000;
        text-decoration: none
    }

    .row-support-help-menu-left .block-static-block {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        -o-align-items: flex-start;
        align-items: flex-start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        -o-justify-content: flex-start;
        justify-content: flex-start
    }

    .row-support-help-menu-left .block-static-block div[data-content-type=row] {
        width: 75%
    }

    .row-support-help-menu-left .block-static-block div[data-content-type=row]:first-child {
        width: 25%
    }

    .block-menu-content .support-col-menu {
        margin-top: 90px
    }

    .block-menu-content .support-col-menu ul li {
        padding-bottom: 20px
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner].block-support-and-help-four-img .pagebuilder-column {
        position: relative
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner].block-support-and-help-four-img .pagebuilder-column .btn-link {
        position: absolute;
        left: 12px;
        bottom: 0;
        margin-bottom: 0
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner].block-support-and-help-four-img figure[data-content-type=image] {
        margin-bottom: 20px
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner].block-support-and-help-four-img h4[data-content-type=heading] {
        font-size: 1.6rem;
        line-height: 2.1rem;
        margin-top: 0;
        color: #23272a
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner].block-support-and-help-four-img div[data-content-type=text] {
        font-size: 1.6rem;
        color: #23272a
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner].block-support-and-help-four-img div[data-content-type=text] {
        margin-bottom: 60px;
        min-height: 22px
    }

    .block-support-and-help-tabs ul,.block-support-and-help-tabs li,.block-support-and-help-tabs p,.block-support-and-help-tabs a {
        font-size: 1.6rem;
        line-height: 2.8rem
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner] .block-support-and-help-tabs .content-html {
        margin-top: 40px
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner] .block-support-and-help-tabs .content-html.last {
        margin-top: 15px
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner] .block-support-and-help-tabs .borderBt {
        border-bottom: 1px solid #d2d2d2
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner] .block-support-and-help-tabs .content-table {
        border-top: 2px solid #757575;
        border-bottom: 2px solid #757575
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner] .block-support-and-help-tabs .content-table p {
        margin-bottom: 0;
        min-height: 50px;
        max-height: 50px;
        overflow: hidden;
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner] .block-support-and-help-tabs .row-content {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        width: 100%
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner] .block-support-and-help-tabs .row-content .box {
        -webkit-flex-basis: 20%;
        -moz-flex-basis: 20%;
        -ms-flex-basis: 20%;
        flex-basis: 20%
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner] .block-support-and-help-tabs .row-content .box h4 {
        margin-bottom: 0;
        font-size: 2.4rem;
        line-height: 2.8rem
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner] .block-support-and-help-tabs .row-content .box p {
        padding-top: 15px !important;
        padding-bottom: 15px !important
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner] .block-support-and-help-tabs .row-content .box p,[data-content-type=row][data-appearance=contained] [data-element=inner] .block-support-and-help-tabs .row-content .box h4,[data-content-type=row][data-appearance=contained] [data-element=inner] .block-support-and-help-tabs .row-content .box h2,[data-content-type=row][data-appearance=contained] [data-element=inner] .block-support-and-help-tabs .row-content .box ul,[data-content-type=row][data-appearance=contained] [data-element=inner] .block-support-and-help-tabs .row-content .box ol {
        padding-right: 20px
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner] .block-support-and-help-tabs .row-content .box h4 {
        border-bottom: 1px solid #d2d2d2;
        padding: 15px 0;
        margin-top: 0
    }

    .tab-arrows-cms {
        display: none
    }

    .row-404-page h2 {
        font-size: 7.2rem;
        line-height: 80px;
        font-weight: 400;
        color: #333
    }

    .row-404-page h3 {
        font-size: 2rem;
        line-height: 26px;
        font-weight: 400;
        color: #333
    }

    .modal-popup.modal-slide .modal-footer {
        border-top: 1px solid #c1c1c1;
        text-align: right
    }

    .shipping-address-modal .modal-inner-wrap,.billing-address-modal .modal-inner-wrap {
        min-height: 620px;
        width: 700px
    }

    .shipping-address-modal .modal-inner-wrap .modal-popup .modal-title,.billing-address-modal .modal-inner-wrap .modal-popup .modal-title {
        border: none
    }

    .shipping-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner,.billing-address-modal .modal-inner-wrap .admin__action-multiselect-menu-inner {
        max-height: 438px
    }

    .address-loading-mask {
        top: 115px
    }

    #store-selector .form-continue .actions-toolbar>.primary {
        float: right
    }

    #store-selector .form-continue .actions-toolbar .action.primary {
        margin: 0
    }

    .contact-index-index .column:not(.sidebar-additional) .form.contact {
        min-width: 600px
    }

    .banner-popup_earthday.banner-popup-modal-popup .modal-content {
        padding: 0 45px 55px;
        overflow-x: hidden
    }

    .earthday-block .earthday-wrapper .earthday-content-block {
        padding: 0 22px 30px
    }

    .earthday-block .earthday-wrapper .earthday-content-block>.title {
        width: 30%;
        margin: -40px auto 40px;
        height: 41px;
        border-radius: 11px
    }

    .earthday-block .earthday-wrapper .earthday-content-block>.title h3 {
        line-height: 41px;
        font-size: 1.8rem;
        font-weight: 700
    }

    .earthday-block .earthday-wrapper .earthday-content-block .fieldset .field:nth-child(-n+4) {
        width: 48%;
        display: inline-block;
        vertical-align: top
    }

    .earthday-block .earthday-wrapper .earthday-content-block .fieldset .field:nth-child(-n+4) label {
        width: 25%
    }

    .earthday-block .earthday-wrapper .earthday-content-block .fieldset .field:nth-child(-n+4) input {
        width: 65%
    }

    .earthday-block .earthday-wrapper .earthday-content-block .fieldset .field:nth-child(-n+4) input::placeholder {
        color: transparent
    }

    .earthday-block .earthday-wrapper .earthday-content-block .fieldset .field:nth-child(-n+4) input:-ms-input-placeholder {
        color: transparent
    }

    .earthday-block .earthday-wrapper .earthday-content-block .fieldset .field:nth-child(-n+4) input::-webkit-input-placeholder {
        color: transparent
    }

    .earthday-block .earthday-wrapper .earthday-content-block .fieldset .field:nth-child(-n+4) input+div.mage-error {
        margin-left: 29%
    }

    .earthday-block .earthday-wrapper .earthday-content-block .fieldset .field.earthday-proof-block {
        margin-top: 19px;
        width: 100%;
        display: -webkit-flex;
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        justify-content: flex-start
    }

    .earthday-block .earthday-wrapper .earthday-content-block .fieldset .field.earthday-proof-block label {
        width: 12%
    }

    .earthday-block .earthday-wrapper .earthday-content-block .fieldset .field.earthday-proof-block label .label {
        display: block
    }

    .earthday-block .earthday-wrapper .earthday-content-block .fieldset .field.earthday-proof-block .control {
        width: 86%
    }

    .earthday-block .earthday-wrapper .earthday-content-block .fieldset .field.earthday-proof-block .control .up {
        width: 100%;
        display: -webkit-flex;
        display: flex;
        flex-flow: row nowrap;
        align-items: center
    }

    .earthday-block .earthday-wrapper .earthday-content-block .fieldset .field.earthday-proof-block .control .up .description {
        width: 60%;
        margin-left: 20px
    }

    .earthday-block .earthday-wrapper .earthday-content-block .fieldset .field.earthday-proof-block .control .down .description {
        width: 100%
    }

    .earthday-block .earthday-wrapper .earthday-content-block .fieldset .field:nth-child(n+6) .description {
        width: 100%
    }

    .earthday-block .earthday-wrapper .earthday-content-block .fieldset .field:nth-child(n+6) label {
        line-height: 2
    }

    .earthday-block .earthday-wrapper .earthday-content-block .fieldset .field:nth-child(n+6) textarea {
        margin-top: 8px
    }

    .earthday-block .earthday-wrapper .earthday-content-block .fieldset .field:nth-child(n+6) textarea+.control {
        display: -webkit-flex;
        display: flex;
        flex-flow: row nowrap;
        align-items: center
    }

    .earthday-block .earthday-wrapper .earthday-content-block .fieldset .field:nth-child(n+6) textarea+.control .image-show-wrapper {
        margin-right: 5px
    }

    .earthday-block .earthday-wrapper .earthday-content-block .fieldset .field:nth-child(n+6) textarea+.control .image-show-wrapper img {
        margin-right: 5px
    }

    .earthday-block .earthday-wrapper .earthday-content-block .fieldset .field.earthday-story-block {
        margin-top: 24px
    }

    .earthday-block .earthday-wrapper .earthday-content-block .fieldset .field .upload-show-wrapper {
        margin-right: 10px
    }

    .earthday-block .earthday-wrapper .earthday-content-block .field.earthday-type-block {
        width: 18%
    }

    #reasons-return {
        color: #fff
    }

    #reasons-return option:first-child:checked {
        color: #000
    }

    #reasons-return option:not(:first-child) {
        color: #000
    }

    #reasons-return.changed-color {
        color: #000
    }

    .return-landing-page h2 {
        margin-bottom: 31px
    }

    .return-info {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        display: flex;
        margin-left: 4%
    }

    .return-info .entrance-return-info,.return-info .entrance-exchange-info,.return-info .confirmed-return-info,.return-info .confirmed-exchange-info {
        width: 56%
    }

    .return-info .entrance-return-info .goods-order-number,.return-info .entrance-exchange-info .goods-order-number {
        font-size: 1.6rem
    }

    .return-info .entrance-return-info .goods-info-details,.return-info .entrance-exchange-info .goods-info-details {
        margin-top: 13px;
        padding: 17px 46px;
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        display: flex;
        flex-wrap: wrap
    }

    .return-info .entrance-return-info .goods-info-details .goods-info-item,.return-info .entrance-exchange-info .goods-info-details .goods-info-item {
        width: 100%;
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        display: flex
    }

    .return-info .entrance-return-info .goods-info-details .goods-info-name,.return-info .entrance-exchange-info .goods-info-details .goods-info-name {
        width: 45%
    }

    .return-info .entrance-return-info .goods-info-details .goods-info-qty,.return-info .entrance-exchange-info .goods-info-details .goods-info-qty {
        padding-right: 0;
        width: 25%
    }

    .return-info .entrance-return-info .goods-info-details .goods-info-price,.return-info .entrance-exchange-info .goods-info-details .goods-info-price {
        width: 30%
    }

    .return-info .entrance-return-info h4 {
        margin: 0 0 20px;
        font-size: 1.6rem
    }

    .return-info .entrance-return-info .entrance-return-content {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        display: flex
    }

    .return-info .entrance-return-info .entrance-return-content .goods-received,.return-info .entrance-return-info .entrance-return-content .goods-not-received {
        width: 50%
    }

    .return-info .entrance-return-info .entrance-return-content .goods-received button,.return-info .entrance-return-info .entrance-return-content .goods-not-received button {
        width: 100%;
        height: 70px;
        margin-bottom: 13px;
        font-size: 1.8rem
    }

    .return-info .entrance-return-info .entrance-return-content .goods-received {
        padding-right: 5px
    }

    .return-info .entrance-return-info .goods-received-mess {
        padding-bottom: 24px
    }

    .return-info .contact-our-service {
        margin-left: 5%
    }

    .return-info .contact-our-service.noUrl>div {
        display: none !important
    }

    .return-info .contact-our-service.noUrl>.static-return-button {
        display: none !important
    }

    .return-info .contact-our-service .static-return-button {
        max-width: 303px;
        width: 100%;
        font-size: 1.8rem
    }

    .return-info span {
        display: block
    }

    .contact-our-service {
        width: 42%
    }

    .contact-our-service.success-pc {
        position: absolute;
        top: 168px;
        margin-left: 52%
    }

    .goods-content,.exchange-content {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        display: flex;
        flex-wrap: wrap;
        padding-bottom: 31px
    }

    .goods-content .legend,.exchange-content .legend {
        padding-bottom: 21px
    }

    .goods-content .legend span,.exchange-content .legend span {
        font-size: 1.8rem
    }

    .goods-content .legend a span,.exchange-content .legend a span {
        font-size: 1.6rem
    }

    .goods-content .return-action,.exchange-content .return-action {
        padding-bottom: 7px
    }

    .goods-content .return-action .action.submit,.exchange-content .return-action .action.submit {
        min-width: 114px
    }

    .goods-content .return-reason,.exchange-content .return-reason {
        padding-bottom: 16px
    }

    .goods-content .return-reminder,.exchange-content .return-reminder {
        padding-top: 34px
    }

    .goods-content .upload-img-box.field,.exchange-content .upload-img-box.field {
        margin-bottom: 12px
    }

    .goods-content .upload-img-box.field .control,.exchange-content .upload-img-box.field .control {
        display: -webkit-flex;
        display: flex;
        flex-flow: row wrap;
        align-items: center
    }

    .goods-content .upload-img-box.field .control .show_voucher,.exchange-content .upload-img-box.field .control .show_voucher {
        display: flex;
        align-items: center;
        flex-flow: row wrap;
        margin-right: 10px
    }

    .goods-content .upload-img-box.field .control .show_voucher img,.exchange-content .upload-img-box.field .control .show_voucher img {
        max-width: 100px;
        margin-right: 5px
    }

    .goods-content .upload-img-box.field .control .description,.exchange-content .upload-img-box.field .control .description {
        padding: 15px 0
    }

    .goods-content .field.reasons,.exchange-content .field.reasons {
        padding-bottom: 12px
    }

    .goods-content .field.other-reasons,.exchange-content .field.other-reasons {
        padding-bottom: 23px
    }

    .goods-content .field.logistics-info,.exchange-content .field.logistics-info {
        padding-bottom: 15px
    }

    .goods-content .field.logistics-info .control,.exchange-content .field.logistics-info .control {
        width: auto
    }

    .goods-content .field.logistics-number label,.exchange-content .field.logistics-number label {
        display: none
    }

    .goods-content .field.logistics-number .control,.exchange-content .field.logistics-number .control {
        width: auto
    }

    .goods-content .field.street-address label,.exchange-content .field.street-address label {
        display: none
    }

    .goods-content .field.refund-amount,.exchange-content .field.refund-amount {
        padding-bottom: 15px
    }

    .goods-content .field label,.exchange-content .field label {
        width: 90px;
        float: left;
        padding-top: 10px;
        box-sizing: border-box
    }

    .goods-content .field .control,.exchange-content .field .control {
        float: left;
        width: calc((100% - 90px));
        box-sizing: border-box
    }

    .goods-content .field .control .file-trigger,.exchange-content .field .control .file-trigger {
        width: 200px;
        height: 96px;
        border: 1px solid #505050;
        text-align: center;
        display: flex;
        flex-flow: column wrap;
        justify-content: center;
        cursor: pointer;
        margin-right: 15px;
        position: relative
    }

    .goods-content .field .control .file-trigger #exchange_voucher,.exchange-content .field .control .file-trigger #exchange_voucher {
        position: absolute;
        width: 100%;
        display: block;
        opacity: 0;
        top: 0;
        left: 0
    }

    .goods-content .field .control .description_grey,.exchange-content .field .control .description_grey {
        color: #666;
        font-size: 12px
    }

    .goods-content .field .label-right,.exchange-content .field .label-right {
        text-align: right
    }

    .goods-content .field.field-bank,.exchange-content .field.field-bank {
        padding-bottom: 15px
    }

    .goods-content .field.field-bank label,.exchange-content .field.field-bank label {
        width: 120px !important
    }

    .goods-content .field.field-bank .control,.exchange-content .field.field-bank .control {
        width: calc((100% - 120px)) !important
    }

    .goods-content .field.field-bank-account,.exchange-content .field.field-bank-account {
        padding-bottom: 8px
    }

    .goods-content .field.field-bank-account label,.exchange-content .field.field-bank-account label {
        width: 120px !important
    }

    .goods-content .field.field-bank-account .control,.exchange-content .field.field-bank-account .control {
        width: calc((100% - 120px)) !important
    }

    .goods-content .field-area-group>.field,.exchange-content .field-area-group>.field {
        width: auto;
        float: left
    }

    .goods-content .field-area-group>.field.logistics-info,.exchange-content .field-area-group>.field.logistics-info {
        width: auto
    }

    .goods-content .field-area-group label,.exchange-content .field-area-group label {
        width: 90px;
        float: left;
        padding-top: 10px;
        padding-right: 8px;
        box-sizing: border-box
    }

    .goods-content .field-area-group>.control,.exchange-content .field-area-group>.control {
        float: left;
        width: calc((100% - 90px));
        box-sizing: border-box
    }

    .goods-content .field-area-group.field-logistics-information,.exchange-content .field-area-group.field-logistics-information {
        padding-bottom: 15px
    }

    .goods-content .field-area-group.field-logistics-information .field.logistics-info,.exchange-content .field-area-group.field-logistics-information .field.logistics-info {
        width: 45%;
        float: left
    }

    .goods-content .field-area-group.field-logistics-information .field.logistics-info select,.exchange-content .field-area-group.field-logistics-information .field.logistics-info select {
        width: auto
    }

    .goods-content .field-area-group.field-logistics-information .field.logistics-number,.exchange-content .field-area-group.field-logistics-information .field.logistics-number {
        float: left;
        width: 55%
    }

    .exchange-content {
        padding-bottom: 61px
    }

    .exchange-content .legend span {
        font-size: 1.4rem
    }

    .exchange-content .legend a span {
        font-size: 1.4rem
    }

    .exchange-content .field.other-reasons {
        padding-bottom: 12px
    }

    .exchange-content .field.mobile-phone-number {
        padding-bottom: 71px
    }

    .exchange-content .field.logistics-info .control select {
        max-width: 147px
    }

    .exchange-content .field.logistics-info .control input {
        max-width: 254px
    }

    .exchange-content .field.consignee-name input,.exchange-content .field.mobile-phone-number input {
        max-width: 267px
    }

    .exchange-content .field.consignee-name input::placeholder,.exchange-content .field.mobile-phone-number input::placeholder {
        color: transparent
    }

    .exchange-content .field.consignee-name input:-ms-input-placeholder,.exchange-content .field.mobile-phone-number input:-ms-input-placeholder {
        color: transparent
    }

    .exchange-content .field.consignee-name input::-webkit-input-placeholder,.exchange-content .field.mobile-phone-number input::-webkit-input-placeholder {
        color: transparent
    }

    .exchange-content .return-reason {
        padding-bottom: 16px
    }

    .confirmed-return-info .content-confirmed,.confirmed-exchange-info .content-confirmed {
        padding-bottom: 42px
    }

    .confirmed-return-info .text-confirmed,.confirmed-exchange-info .text-confirmed {
        padding-bottom: 22px
    }

    .confirmed-return-info .link-confirmed,.confirmed-exchange-info .link-confirmed {
        padding-bottom: 31px
    }

    .confirmed-return-info .policy-confirmed .details-policy,.confirmed-exchange-info .policy-confirmed .details-policy {
        padding: 14px 26px 20px
    }

    .confirmed-return-info .policy-confirmed .details-policy a,.confirmed-exchange-info .policy-confirmed .details-policy a {
        padding-top: 14px
    }

    .block-cart-failed .actions {
        text-align: left
    }

    .block-cart-failed .actions.primary {
        float: right
    }

    .payment-method-braintree .cvv .field-tooltip {
        left: 6rem
    }

    .braintree-paypal-account {
        border-color: #ccc;
        border-style: solid;
        border-width: 1px 0;
        display: inline-block;
        width: 50%
    }

    .account .table-credit-cards .col.actions {
        width: 100px
    }

    .catalog-product-buybox.page-product-bundle .page-header {
        position: fixed;
        z-index: 1000;
        width: 100%
    }

    .catalog-product-buybox.page-product-bundle .product-details .box-tocart .fieldset {
        margin-bottom: 0 !important
    }

    .bundle-options-container .bundle-options-wrapper,.bundle-options-container .product-options-wrapper {
        float: left;
        width: 57%
    }

    .bundle-options-container .block-bundle-summary {
        float: right;
        position: relative;
        width: 40%
    }

    .page-layout-2columns-left .bundle-options-container .bundle-options-wrapper,.page-layout-2columns-left .bundle-options-container .block-bundle-summary,.page-layout-2columns-right .bundle-options-container .bundle-options-wrapper,.page-layout-2columns-right .bundle-options-container .block-bundle-summary,.page-layout-3columns .bundle-options-container .bundle-options-wrapper,.page-layout-3columns .bundle-options-container .block-bundle-summary {
        width: 48%
    }

    .bundle-options-container .bundle-options-wrapper .tab-effect.fixed {
        border-top: none !important;
        padding-top: 0 !important
    }

    .bundle-options-container .bundle-options-wrapper .tab-effect.fixed:not(.hide) {
        margin-bottom: 0 !important
    }

    .bundle-options-container .bundle-options-wrapper .tab-effect.fixed:not(.hide)[open] {
        margin-bottom: 38px !important;
        margin-top: -35px
    }

    .bundle-options-container .bundle-options-wrapper .tab-effect.fixed .mobile-fixed {
        display: none !important
    }

    .bundle-options-container .bundle-options-wrapper .tab-effect.fixed .control {
        margin-top: 0 !important;
        position: relative
    }

    .bundle-options-container .bundle-options-wrapper .tab-effect.fixed .control:before {
        content: "套餐包含：";
        font-size: 14px;
        color: #000;
        line-height: 24px;
        position: absolute;
        top: 8px;
        left: 49px;
        z-index: 10
    }

    .bundle-options-container .bundle-options-wrapper .tab-effect.fixed .control .field.choice {
        pointer-events: none
    }

    .bundle-options-container .bundle-options-wrapper .tab-effect.fixed .control .field.choice .label-new+.text-cloum {
        margin-top: 68px
    }

    .bundle-options-container .bundle-options-wrapper .tab-effect.fixed .control .field.choice .product-item-details {
        pointer-events: auto;
        height: 68px
    }

    .bundle-options-container .bundle-options-wrapper .tab-effect.fixed .control .field.choice .product-item-details>div {
        display: flex;
        justify-content: start;
        margin: 10px 0;
        flex-wrap: wrap
    }

    .bundle-options-container .bundle-options-wrapper .tab-effect.fixed .control .field.choice .product-item-details>div .advanced-selection-option {
        width: calc(((100% - 42px)/4));
        max-width: 50px;
        height: 19px;
        margin-right: 14px;
        border: 1px solid #737372;
        margin-bottom: 5px;
        box-sizing: border-box;
        cursor: pointer;
        text-align: center
    }

    .bundle-options-container .bundle-options-wrapper .tab-effect.fixed .control .field.choice .product-item-details>div .advanced-selection-option:nth-child(4n+4) {
        margin-right: 0 !important
    }

    .bundle-options-container .bundle-options-wrapper .tab-effect.fixed .control .field.choice .product-item-details>div .advanced-selection-option.selected {
        border: 2px solid #000 !important
    }

    .bundle-options-container .bundle-options-wrapper .tab-effect.fixed .control .field.choice .product-item-details>div .advanced-selection-option.no-stock {
        background: rgba(0,0,0,.4);
        text-align: center;
        line-height: 15px;
        cursor: default !important
    }

    .bundle-options-container .bundle-options-wrapper .tab-effect.fixed .control .field.choice .product-item-details>div .advanced-selection-option.no-stock span {
        color: #000;
        font-size: 12px
    }

    .bundle-options-container .bundle-options-wrapper .tab-effect.fixed .control .field.choice .product-item-details>div .advanced-selection-option img {
        width: 15px;
        height: 15px
    }

    .bundle-options-container .bundle-options-wrapper .tab-effect.fixed .control .field.choice .price-cloum {
        padding-left: 0 !important
    }

    .bundle-options-container .bundle-options-wrapper .tab-effect.fixed .control .field.choice .price-cloum:before {
        content: "" !important;
        width: 0 !important;
        height: 0 !important
    }

    .bundle-options-container .bundle-options-wrapper .tab-effect.fixed .control .field.choice .price-cloum .price-saved-notice {
        height: 19px !important
    }

    .bundle-options-container .bundle-options-wrapper .tab-effect.fixed .control .field.choice input:checked+label.label {
        border: 1px solid #737373 !important
    }

    .bundle-options-container .bundle-options-wrapper .tab-effect.fixed .control .field.choice input:checked+label.label .price-cloum:before {
        content: "" !important;
        width: 0 !important;
        height: 0 !important
    }

    .bundle-options-container .bundle-options-wrapper .tab-effect.fixed summary {
        display: none !important;
        overflow: hidden !important
    }

    .bundle-options-container .bundle-options-wrapper .tab-effect.fixed-title .control {
        margin: 36px 48px 24px !important
    }

    .bundle-options-container .bundle-options-wrapper .tab-effect.fixed-title .control>div {
        display: flex;
        justify-content: start;
        flex-wrap: wrap;
        width: calc((100% + 32px))
    }

    .bundle-options-container .bundle-options-wrapper .tab-effect.fixed-title .control>div .fixed-option-button {
        width: calc(((100% - 96px)/4));
        max-width: 217px;
        height: 96px;
        max-height: 96px;
        border: 1px solid #737373;
        background: 0 0;
        margin-right: 32px;
        line-height: 21px;
        font-size: 16px;
        box-sizing: border-box;
        position: relative
    }

    .bundle-options-container .bundle-options-wrapper .tab-effect.fixed-title .control>div .fixed-option-button:nth-child(4n+4) {
        margin-bottom: 21px
    }

    .bundle-options-container .bundle-options-wrapper .tab-effect.fixed-title .control>div .fixed-option-button:nth-last-of-type(1) {
        margin-bottom: 0 !important
    }

    .bundle-options-container .bundle-options-wrapper .tab-effect.fixed-title .control>div .fixed-option-button .label {
        position: absolute;
        left: 10px;
        top: 8px;
        font-size: 12px;
        width: 36px;
        height: 20px;
        text-align: center;
        line-height: 18px;
        background: #ffb902
    }

    .bundle-options-container .bundle-options-wrapper .tab-effect.fixed-title .control>div .fixed-option-button span.saved-price-notice {
        display: block;
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        color: #d63a02;
        margin-top: 3px
    }

    .bundle-options-container .bundle-options-wrapper .tab-effect.fixed-title .control>div .fixed-option-button.selected {
        border-width: 2px;
        position: relative
    }

    .bundle-options-container .bundle-options-wrapper .tab-effect.fixed-title .control>div .fixed-option-button.selected:after {
        font-family: "ms-icon";
        position: absolute;
        content: "\e73d";
        right: 0;
        top: 0;
        font-size: 18px;
        line-height: 1
    }

    .bundle-options-container .bundle-options-wrapper .tab-effect.fixed-title .control>div .fixed-option-button.no-stock {
        border-color: #737373 !important;
        opacity: .3;
        position: relative
    }

    .bundle-options-container .bundle-options-wrapper .tab-effect.fixed-title .control>div .fixed-option-button.no-stock:before {
        position: absolute;
        content: "缺货";
        left: 10px;
        top: 10px;
        font-size: 14px;
        line-height: 1;
        font-weight: 700
    }

    .bundle-options-container .bundle-options-wrapper .tab-effect.fixed-title .control>div .fixed-option-button.no-stock .label {
        display: none !important
    }

    .modal-popup.config-promise-popup {
        width: 100%;
        min-height: auto;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .modal-popup.config-promise-popup .modal-inner-wrap {
        max-width: 1200px;
        width: 100%;
        -ms-transform: none;
        transform: none;
        margin: 0;
        position: relative
    }

    .modal-popup.config-promise-popup .modal-inner-wrap .modal-content {
        padding: 0
    }

    .modal-popup.config-promise-popup .modal-inner-wrap .modal-footer {
        display: none
    }

    .config-promise-popup-content .tab-menu {
        padding: 0 80px;
        border-bottom: solid 2px #000;
        justify-content: center;
        box-sizing: border-box
    }

    .config-promise-popup-content .tab-menu .menu {
        width: 20%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 0;
        border: solid 1px #d2d2d2;
        margin-right: -1px;
        background: #e7e7e7;
        margin-top: 6px;
        cursor: pointer
    }

    .config-promise-popup-content .tab-menu .menu.active {
        margin-bottom: -2px;
        border-bottom: solid 2px transparent;
        padding-top: 15px;
        box-sizing: content-box;
        border-top: 2px solid #000;
        border-left: 2px solid #000;
        border-right: 2px solid #000;
        margin-right: 0;
        margin-top: 0;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        background: #fff
    }

    .config-promise-popup-content .tab-menu .menu.active i {
        color: #000
    }

    .config-promise-popup-content .tab-menu .menu.active span {
        color: #000
    }

    .config-promise-popup-content .tab-menu .menu i {
        font-size: 32px;
        color: #3e3e3e
    }

    .config-promise-popup-content .tab-menu .menu span {
        font-size: 16px;
        padding-left: 10px;
        color: #3e3e3e
    }

    .config-promise-popup-content .tab-content {
        padding: 30px 80px;
        min-height: 520px
    }

    .config-promise-popup-content .tab-content .title {
        font-size: 16px;
        font-weight: 700
    }

    .config-promise-popup-content .tab-content .weight-title {
        font-size: 24px;
        font-weight: 700
    }

    .config-promise-popup-content .tab-content .table-box {
        border-top: solid 2px #757575;
        border-bottom: solid 2px #757575;
        padding-top: 20px;
        display: flex
    }

    .config-promise-popup-content .tab-content .table-box .col {
        width: 20%
    }

    .config-promise-popup-content .tab-content .table-box .col .col-1 {
        font-size: 18px;
        font-weight: 700;
        padding-bottom: 15px
    }

    .config-promise-popup-content .tab-content .table-box .col .col-3.no-border {
        border: none
    }

    .config-promise-popup-content .tab-content .little-des {
        font-size: 12px;
        margin-top: 8px
    }

    .config-promise-popup-content .tab-content .return-link {
        margin-top: 14px;
        display: inline-block
    }

    .config-promise-popup-content .tab-content .service-table {
        border-top: solid 2px #757575;
        border-bottom: solid 2px #757575;
        margin-top: 8px
    }

    .config-promise-popup-content .tab-content .service-table .service-row {
        display: flex;
        border-top: solid 1px #d2d2d2
    }

    .config-promise-popup-content .tab-content .service-table .service-row:first-child {
        border: none
    }

    .config-promise-popup-content .tab-content .service-table .service-row .col-1 {
        width: 70%;
        padding: 8px 0
    }

    .config-promise-popup-content .tab-content .service-table .service-row .col-2 {
        width: 30%;
        padding: 8px 0;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .config-promise-popup-content .tab-content .service-table .service-row .col-2 .dot {
        display: inline-block;
        width: 5px;
        height: 5px;
        border: solid 1px #000;
        background: #000;
        border-radius: 50%
    }

    .config-promise-popup-content .tab-content .list {
        display: none
    }

    .config-promise-popup-content .tab-content .list:first-child {
        display: block
    }

    .config-promise-popup-content .btn-box {
        display: none
    }

    .config-promise-popup-content .tab-content .table-box .col .col-2,.config-promise-popup-content .tab-content .table-box .col .col-3 {
        height: 55px;
        border-top: solid 1px #d2d2d2;
        padding-top: 10px;
        padding-bottom: 10px
    }

    .config-promise-block {
        margin: 0 auto;
        width: 338px;
        cursor: pointer
    }

    .promise-box {
        display: flex;
        flex-flow: wrap;
        margin: 0 auto;
        width: 338px
    }

    .promise-box .list {
        width: 50%;
        display: flex;
        align-items: center;
        margin-bottom: 8px
    }

    .promise-box .list i {
        font-size: 30px
    }

    .promise-box .list span {
        font-size: 14px;
        margin-left: 5px
    }

    .page-products .products-grid .product-item {
        margin-left: 30px;
        padding: 27px 28px 37px;
        width: calc((100% - 60px)/3)
    }

    .page-products .products-grid .product-item:nth-child(3n+1) {
        margin-left: 0
    }

    .page-products.page-layout-1column .products-grid .product-item {
        width: 25%
    }

    .page-products.page-layout-3columns .products-grid .product-item {
        width: 50%
    }

    .product-item {
        margin-bottom: 40px
    }

    .products-grid .product-item {
        padding: 30px
    }

    .product-item-name .product-item-link {
        font-size: 1.8rem
    }

    .product-item-inner {
        padding-top: 36px
    }

    .product-item .price-box {
        margin: 0 0 16px
    }

    .product-item .price-box .price {
        font-size: 1.8rem
    }

    .product-item .price-box .price-label {
        font-size: 1.4rem
    }

    .product .product-reviews-summary {
        margin: 3px 0 6px
    }

    .product-add-form .config-bundle-box {
        margin-top: 40px;
        margin-bottom: 10px
    }

    .page-products .columns {
        padding-top: 0;
        position: relative;
        z-index: 1
    }

    .toolbar-products {
        margin-bottom: 31px;
        padding: 0 10px;
        text-align: center
    }

    .products.wrapper~.toolbar .pages {
        float: left
    }

    .toolbar-amount {
        float: left
    }

    .sorter {
        float: right
    }

    .sorter select option {
        background-color: #fff
    }

    .sorter select option:hover {
        background-color: #0067b8;
        color: #fff
    }

    .sorter-options {
        margin: 0 0 0 20px
    }

    .modes {
        display: inline-block;
        float: left;
        margin-right: 20px
    }

    .products.wrapper~.toolbar .modes {
        display: none
    }

    .modes-mode {
        color: #4a4a4a;
        border: 1px solid #d2d2d2;
        border-right: 0;
        float: left;
        font-weight: 400;
        line-height: 1;
        padding: 7px 10px;
        text-align: center;
        display: inline-block;
        text-decoration: none
    }

    .modes-mode:not(.active):hover {
        color: #4a4a4a;
        background: #dedede
    }

    .modes-mode:last-child {
        border-right: 1px solid #d2d2d2
    }

    .modes-mode.active {
        color: #737373
    }

    .modes-mode>span {
        border: 0;
        clip: rect(0,0,0,0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .modes-mode:before {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 24px;
        line-height: inherit;
        color: #4a4a4a;
        content: '\e60d';
        font-family: 'icons-blank-theme';
        vertical-align: middle;
        display: inline-block;
        font-weight: 400;
        overflow: hidden;
        speak: none;
        text-align: center
    }

    .modes-mode:hover:before {
        color: #4a4a4a
    }

    .mode-list:before {
        content: '\e60b'
    }

    .products.wrapper~.toolbar .limiter {
        display: block;
        float: right
    }

    .product-info-picture .config-bundle-box {
        display: none
    }

    .bundle-options-container .bundle-options-wrapper #product-options-wrapper .tab-effect.has-promotion summary .promotion-text-tip {
        position: absolute;
        left: 48px;
        top: 48px;
        font-weight: 400;
        width: calc(100% - 240px);
        z-index: 2;
        font-size: 12px;
        color: #d63a02
    }

    body .bundle-options-container .bundle-options-wrapper #product-options-wrapper .has-promotion.tab-effect.has-value.configurable {
        margin-bottom: 56px
    }

    .bundle-options-container .bundle-options-wrapper #product-options-wrapper .has-promotion.tab-effect.configurable .swatch-opt {
        margin-top: 80px
    }

    .bundle-options-container .bundle-options-wrapper #product-options-wrapper .tab-effect.configurable .swatch-attribute.specification .promotion-text-tip {
        display: none
    }

    .config-bundle-box.no-promotion {
        display: none
    }

    .tab-effect.configurable[open=open] summary .promotion-text-tip {
        display: block
    }

    .tab-effect.configurable summary .promotion-text-tip {
        display: none
    }

    .config-bundle-box .config-promotion-text {
        color: #d63a02
    }

    .config-bundle-box.have-addition.no-promotion {
        display: block
    }

    .config-bundle-box.have-addition.no-promotion .config-promotion-text {
        display: none
    }

    .right-add-to-cart .go-to-miniapp-box {
        display: none
    }

    .bundle-info .go-to-miniapp-box {
        display: flex;
        flex-flow: column
    }

    .bundle-info .go-to-miniapp-box .miniapp-pictuer {
        width: 120px;
        border: solid 1px #000;
        margin-bottom: 12px;
        box-sizing: border-box
    }

    .bundle-info .box-tocart .go-to-miapp {
        display: none !important
    }

    .category-edu .page-main {
        width: 90% !important
    }

    .private-category-item.category-item-wrapper {
        width: 90%;
        max-width: 1600px;
        margin: 0 auto
    }

    .page-main .private-category-item.category-item-wrapper {
        width: 100%;
        max-width: 100%;
        margin: 0 auto
    }

    .is-mobile {
        display: none !important
    }

    .primary-banner {
        position: relative
    }

    .primary-banner .banner-box-wrapper {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        height: 100%;
        width: 90%;
        max-width: 1600px;
        align-items: flex-start;
        justify-content: center
    }

    .primary-banner .banner-box-wrapper.center {
        align-items: center
    }

    .primary-banner .banner-box-wrapper.right {
        align-items: flex-end
    }

    .primary-banner .banner-box-wrapper.top {
        justify-content: flex-start
    }

    .primary-banner .banner-box-wrapper.bottom {
        justify-content: flex-end
    }

    .primary-banner .banner-box-wrapper.bg-white .banner-box {
        background-color: #fff
    }

    .primary-banner .banner-box-wrapper .banner-box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 16px 0;
        padding: 60px;
        width: 527px;
        min-height: 271px;
        text-align: left;
        box-sizing: border-box
    }

    .primary-banner .banner-box-wrapper .banner-box .banner-title {
        font-size: 24px;
        font-weight: 700
    }

    .primary-banner .banner-box-wrapper .banner-box .banner-desc {
        font-size: 16px;
        margin-top: 6px
    }

    .primary-banner .banner-box-wrapper .banner-box .action.primary.btn-signup-products {
        width: 108px;
        height: 40px;
        padding: 0;
        margin-top: 54px
    }

    .primary-banner .banner-box-wrapper .banner-box .signup-tip {
        font-size: 12px;
        margin-top: 4px;
        margin-bottom: 0;
        line-height: 16px
    }

    .stock-notification._show .modal-inner-wrap {
        top: 50%;
        max-width: 544px;
        transform: translateY(-50%)
    }

    .stock-notification._show .modal-inner-wrap .fieldset .field {
        margin-bottom: 12px
    }

    .catalog-product-buybox .nav-sections {
        margin-bottom: 0
    }

    .catalog-product-buybox .page-main {
        padding-left: 0;
        padding-right: 0;
        max-width: 100%;
        width: 100%
    }

    .product-info-main {
        padding-top: 0;
        box-shadow: 4px 4px 12px 8px #e6e6e6
    }

    .product-info-main .product-info-picture {
        float: left;
        margin: 37px 36px 24px 28px;
        width: 195px
    }

    .product-info-main .product-info-picture .picture-wrapper .product-picture {
        height: auto
    }

    .product-info-main .product-info-main-text {
        float: left;
        margin-top: 37px;
        margin-right: 20px;
        margin-bottom: 24px;
        width: calc(100% - 36px - 195px - 28px - 20px - 330px - 28px)
    }

    .product-info-main .product-info-main-text .product-name {
        margin-bottom: 12px
    }

    .product-info-main .product-info-main-text .product-reviews-summary.empty {
        display: none
    }

    .product-info-main .product-info-buyinfo {
        float: right;
        margin-top: 37px;
        margin-right: 28px;
        margin-bottom: 24px;
        width: 330px
    }

    .product-info-main .product-info-buyinfo .product-info-price {
        font-weight: 400;
        font-size: 14px
    }

    .product-info-main .product-info-buyinfo .product-info-price .price {
        font-size: 24px;
        font-weight: 700
    }

    .product-info-main .product-info-buyinfo .product-info-price .price-container .price-wrapper .price {
        font-size: 24px
    }

    .product-info-main .product-info-main-bottom .main-full-bottom {
        margin: 0
    }

    .product-info-main .product-info-main-bottom .main-full-bottom-item {
        padding: 18px 28px 20px 20px;
        line-height: 22px;
        font-size: 16px;
        border-top: 1px solid #e6e6e6
    }

    .product-info-main .product-info-main-bottom .main-full-bottom-item.width-button {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 40px
    }

    .product-info-main .product-info-main-bottom .main-full-bottom-item .auth-login {
        float: right;
        background: #f2f2f2;
        border: 1px solid #cdcdcd;
        color: #000;
        margin: 0;
        padding: 0 15px;
        text-decoration: none;
        background-image: none;
        background: #0067b8;
        border: 1px solid #0067b8;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-family: '微软雅黑','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: 700;
        padding: 0 30px;
        font-size: 1.4rem;
        line-height: 3.8rem;
        box-sizing: border-box;
        vertical-align: middle;
        width: 330px;
        max-width: 100%;
        text-align: center
    }

    .product-info-main .product-info-main-bottom .main-full-bottom-item .auth-login:focus,.product-info-main .product-info-main-bottom .main-full-bottom-item .auth-login:active {
        background: #e2e2e2;
        border: 1px solid #cdcdcd;
        color: #000
    }

    .product-info-main .product-info-main-bottom .main-full-bottom-item .auth-login:hover {
        background: #e2e2e2;
        border: 1px solid #cdcdcd;
        color: #555
    }

    .product-info-main .product-info-main-bottom .main-full-bottom-item .auth-login.disabled,.product-info-main .product-info-main-bottom .main-full-bottom-item .auth-login[disabled],fieldset[disabled] .product-info-main .product-info-main-bottom .main-full-bottom-item .auth-login {
        opacity: .3;
        cursor: default;
        pointer-events: none
    }

    .product-info-main .product-info-main-bottom .main-full-bottom-item .auth-login:hover,.product-info-main .product-info-main-bottom .main-full-bottom-item .auth-login:active,.product-info-main .product-info-main-bottom .main-full-bottom-item .auth-login:focus {
        text-decoration: none
    }

    .product-info-main .product-info-main-bottom .main-full-bottom-item .auth-login:focus,.product-info-main .product-info-main-bottom .main-full-bottom-item .auth-login:active {
        background: #006bb4;
        border: 1px solid #006bb4;
        color: #fff
    }

    .product-info-main .product-info-main-bottom .main-full-bottom-item .auth-login:hover {
        background: #006bb4;
        border: 1px solid #006bb4;
        color: #fff
    }

    .product-info-main .product-info-main-bottom .main-full-bottom-item .auth-login.disabled,.product-info-main .product-info-main-bottom .main-full-bottom-item .auth-login[disabled],fieldset[disabled] .product-info-main .product-info-main-bottom .main-full-bottom-item .auth-login {
        opacity: .3;
        cursor: default;
        pointer-events: none
    }

    .product-info-main .product-info-win {
        display: none
    }

    .product-info-main .product-info-win .win11Label {
        display: flex;
        background: #f5f5f5;
        max-height: 64px;
        overflow: hidden;
        padding: 0 24px
    }

    .product-info-main .product-info-win .win11Label .win11Label_picture {
        padding: 17px 0;
        position: relative;
        margin: 0 24px 0 0;
        top: 3px
    }

    .product-info-main .product-info-win .win11Label .win11Label_text {
        line-height: 64px;
        font-size: 15px
    }

    .product-info-main .product-info-win .win11Label .win11Label_text a {
        font-weight: 600
    }

    .product-img-dialog.modal-popup._inner-scroll .modal-inner-wrap {
        max-height: 88vh;
        max-height: calc(100% - 55px);
        overflow: hidden
    }

    .product-img-dialog.modal-popup .modal-inner-wrap {
        margin: 95px auto 0;
        position: relative !important
    }

    .product-img-dialog.modal-popup .modal-header {
        padding: 28px 0 21px 56px
    }

    .product-img-dialog.modal-popup .modal-header h1 {
        padding-bottom: 0;
        height: 22px;
        line-height: 22px;
        font-size: 1.8rem
    }

    .product-img-dialog.modal-popup .modal-content {
        padding-left: 56px;
        padding-right: 56px;
        padding-bottom: 0;
        max-height: 80vh;
        overflow-y: scroll !important
    }

    .product-img-dialog .pdp-img-count {
        margin: 15px 0 17px;
        height: 22px;
        line-height: 22px;
        font-size: 1.8rem
    }

    .product-img-dialog .pdp-img-list .pdp-img-item img {
        max-width: 700px
    }

    .bankimg_popup.modal-popup {
        width: 100%;
        min-height: auto;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .bankimg_popup.modal-popup .modal-inner-wrap {
        max-width: 800px;
        width: 100%;
        -ms-transform: none;
        transform: none;
        margin: 0;
        position: relative
    }

    .bankimg_popup.modal-popup .modal-inner-wrap .modal-content {
        padding: 0 55px 33px
    }

    .bankimg_popup.modal-popup .modal-inner-wrap .modal-content .saa-installment-popup-commercial .single-popup-box .single-popup-title,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .promotion-installment-popup .single-popup-box .single-popup-title,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .saa-installment-popup .single-popup-box .single-popup-title,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .single-installment-popup .single-popup-box .single-popup-title,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .saa-installment-popup-commercial .saa-popup-box .single-popup-title,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .promotion-installment-popup .saa-popup-box .single-popup-title,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .saa-installment-popup .saa-popup-box .single-popup-title,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .single-installment-popup .saa-popup-box .single-popup-title,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .saa-installment-popup-commercial .single-popup-box .saa-popup-title,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .promotion-installment-popup .single-popup-box .saa-popup-title,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .saa-installment-popup .single-popup-box .saa-popup-title,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .single-installment-popup .single-popup-box .saa-popup-title,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .saa-installment-popup-commercial .saa-popup-box .saa-popup-title,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .promotion-installment-popup .saa-popup-box .saa-popup-title,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .saa-installment-popup .saa-popup-box .saa-popup-title,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .single-installment-popup .saa-popup-box .saa-popup-title {
        margin-bottom: 14px;
        text-align: center
    }

    .bankimg_popup.modal-popup .modal-inner-wrap .modal-content .saa-installment-popup-commercial .single-popup-box .single-popup-title h2,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .promotion-installment-popup .single-popup-box .single-popup-title h2,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .saa-installment-popup .single-popup-box .single-popup-title h2,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .single-installment-popup .single-popup-box .single-popup-title h2,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .saa-installment-popup-commercial .saa-popup-box .single-popup-title h2,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .promotion-installment-popup .saa-popup-box .single-popup-title h2,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .saa-installment-popup .saa-popup-box .single-popup-title h2,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .single-installment-popup .saa-popup-box .single-popup-title h2,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .saa-installment-popup-commercial .single-popup-box .saa-popup-title h2,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .promotion-installment-popup .single-popup-box .saa-popup-title h2,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .saa-installment-popup .single-popup-box .saa-popup-title h2,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .single-installment-popup .single-popup-box .saa-popup-title h2,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .saa-installment-popup-commercial .saa-popup-box .saa-popup-title h2,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .promotion-installment-popup .saa-popup-box .saa-popup-title h2,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .saa-installment-popup .saa-popup-box .saa-popup-title h2,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .single-installment-popup .saa-popup-box .saa-popup-title h2 {
        line-height: normal;
        margin: 0
    }

    .bankimg_popup.modal-popup .modal-inner-wrap .modal-content .saa-installment-popup-commercial .single-popup-box p,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .promotion-installment-popup .single-popup-box p,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .saa-installment-popup .single-popup-box p,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .single-installment-popup .single-popup-box p,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .saa-installment-popup-commercial .saa-popup-box p,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .promotion-installment-popup .saa-popup-box p,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .saa-installment-popup .saa-popup-box p,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .single-installment-popup .saa-popup-box p {
        margin-bottom: 14px
    }

    .bankimg_popup.modal-popup .modal-inner-wrap .modal-content .saa-installment-popup-commercial .single-popup-box a,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .promotion-installment-popup .single-popup-box a,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .saa-installment-popup .single-popup-box a,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .single-installment-popup .single-popup-box a,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .saa-installment-popup-commercial .saa-popup-box a,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .promotion-installment-popup .saa-popup-box a,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .saa-installment-popup .saa-popup-box a,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .single-installment-popup .saa-popup-box a {
        text-align: center;
        display: inline-block;
        width: 100%
    }

    .bankimg_popup.modal-popup .modal-inner-wrap .modal-content .saa-installment-popup-commercial .single-popup-box .bankimg-box,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .promotion-installment-popup .single-popup-box .bankimg-box,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .saa-installment-popup .single-popup-box .bankimg-box,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .single-installment-popup .single-popup-box .bankimg-box,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .saa-installment-popup-commercial .saa-popup-box .bankimg-box,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .promotion-installment-popup .saa-popup-box .bankimg-box,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .saa-installment-popup .saa-popup-box .bankimg-box,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .single-installment-popup .saa-popup-box .bankimg-box {
        display: flex;
        flex-wrap: wrap
    }

    .bankimg_popup.modal-popup .modal-inner-wrap .modal-content .saa-installment-popup-commercial .single-popup-box .bankimg-box .img-list,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .promotion-installment-popup .single-popup-box .bankimg-box .img-list,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .saa-installment-popup .single-popup-box .bankimg-box .img-list,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .single-installment-popup .single-popup-box .bankimg-box .img-list,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .saa-installment-popup-commercial .saa-popup-box .bankimg-box .img-list,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .promotion-installment-popup .saa-popup-box .bankimg-box .img-list,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .saa-installment-popup .saa-popup-box .bankimg-box .img-list,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .single-installment-popup .saa-popup-box .bankimg-box .img-list {
        width: 25%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 22px
    }

    .bankimg_popup.modal-popup .modal-inner-wrap .modal-content .saa-installment-popup-commercial .single-popup-box .bankimg-box .img-list img,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .promotion-installment-popup .single-popup-box .bankimg-box .img-list img,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .saa-installment-popup .single-popup-box .bankimg-box .img-list img,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .single-installment-popup .single-popup-box .bankimg-box .img-list img,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .saa-installment-popup-commercial .saa-popup-box .bankimg-box .img-list img,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .promotion-installment-popup .saa-popup-box .bankimg-box .img-list img,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .saa-installment-popup .saa-popup-box .bankimg-box .img-list img,.bankimg_popup.modal-popup .modal-inner-wrap .modal-content .single-installment-popup .saa-popup-box .bankimg-box .img-list img {
        width: 150px
    }

    .private-landing-category .private-tab {
        margin-top: 60px
    }

    .private-landing-category .private-tab .private-sorter.sorter {
        position: absolute;
        top: -60px;
        right: 0;
        display: flex
    }

    .private-landing-category .private-tab .private-sorter.sorter .sorter-label {
        white-space: nowrap;
        line-height: 40px
    }

    .private-landing-category .private-tab .private-sorter.sorter .sorter-select {
        height: 40px;
        background-color: #d9d9d9
    }

    .accessories-category-page {
        margin-top: 60px
    }

    .accessories-category-page .sub-category-content .toolbar-products {
        margin-top: 0;
        top: -60px
    }

    .game-category-page.game-category-page-layout2 .product-items .product-item {
        width: calc(23.5%);
        padding: 27px 28px 37px
    }

    .game-category-page.game-category-page-layout2 .product-items .product-item .product-item-details {
        height: 233px
    }

    .game-category-page.game-category-page-layout2 .product-items .product:nth-child(4n+1) {
        margin-left: 0
    }

    .game-category-page.game-category-page-layout2 .sub-category-menu a:hover {
        text-decoration: none
    }

    .game-category-page.game-category-page-layout2 .sub-category-menu.sub-category-menu-fixed {
        display: block;
        position: fixed;
        left: 0;
        top: 55px;
        background: #fff;
        width: 100%;
        height: 80px;
        line-height: 80px;
        box-shadow: 0px 1px 18px rgba(0,0,0,.1);
        z-index: 10;
        margin: 0
    }

    .external-category-page.external-category-page-layout2 .product-items .product-item {
        width: calc((100% - 12%)/6) !important;
        margin: 1% !important
    }

    .page-products h2 {
        font-size: 2rem
    }

    .page-products h3 {
        font-size: 1.8rem
    }

    .page-products p,.page-products ul li {
        font-size: 1.6rem
    }

    .category-cms img {
        width: auto
    }

    .note-category h3 {
        margin-bottom: 23px
    }

    .nav-subsection {
        margin: 46px auto 23px
    }

    .nav-subsection .nav-subsection-wrapper {
        width: auto;
        padding: 0 5px 23px
    }

    .nav-subsection .nav-subsection-wrapper span {
        font-size: 1.6rem;
        padding-top: 5px
    }

    .nav-subsection .subsection-mobile {
        display: none
    }

    .more-surface {
        display: block !important
    }

    .more-surface .surface-container {
        margin: 0 auto;
        position: relative;
        list-style: none;
        padding: 0;
        z-index: 1;
        max-height: 220px;
        overflow: hidden
    }

    .more-surface .surface-container .slick-list {
        max-width: 89%;
        margin: 0 auto;
        border: 1px solid #d2d2d2
    }

    .more-surface .surface-container .slick-list .surface-slide:not(:first-child) {
        -webkit-display: flex !important;
        -moz-display: flex !important;
        -ms-display: flex !important;
        display: flex !important
    }

    .more-surface .surface-container .slick-dots {
        padding: 8px 0
    }

    .more-surface .surface-container .slick-dots button {
        width: 10px;
        height: 10px
    }

    .more-surface .surface-container .surface-slide {
        text-align: center;
        -webkit-display: flex !important;
        -moz-display: flex !important;
        -ms-display: flex !important;
        display: flex !important;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        width: 100% !important
    }

    .more-surface .surface-container .surface-slide:not(:first-child) {
        display: none !important
    }

    .more-surface .surface-container .surface-slide .more-surface-content {
        text-align: left;
        padding: 15px 80px 15px 40px;
        width: 35%
    }

    .more-surface .surface-container .surface-slide .more-surface-content h3 {
        font-size: 1.8rem;
        font-weight: 700;
        margin: 0;
        line-height: 31px;
        padding-bottom: 9px
    }

    .more-surface .surface-container .surface-slide .more-surface-content p {
        font-size: 1.2rem;
        margin: 0;
        line-height: 21px
    }

    .more-surface .surface-container .slick-prev,.more-surface .surface-container .slick-next {
        top: 35%;
        width: 19px;
        height: 38px
    }

    .more-surface .surface-container .slick-prev:before,.more-surface .surface-container .slick-next:before {
        font-size: 3.7rem;
        position: relative
    }

    .more-surface .surface-container .slick-prev {
        left: 0
    }

    .more-surface .surface-container .slick-prev:before {
        left: -9px
    }

    .more-surface .surface-container .slick-next {
        right: 0
    }

    .more-surface .surface-container .slick-next:before {
        right: 14px
    }

    .more-surface .surface-container .slick-arrow {
        color: #000
    }

    .more-surface img {
        width: auto
    }

    .block-surface {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        display: flex;
        margin-bottom: 0;
        width: 100%
    }

    .block-surface .block-surface-half:first-child {
        margin-bottom: 10px
    }

    .block-surface .block-surface-content {
        bottom: 8.8%;
        width: 81%;
        left: 5.7%;
        max-width: 315px
    }

    .block-surface .block-surface-content.block-surface-center {
        width: 47%;
        top: 50%;
        bottom: auto;
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%)
    }

    .block-surface .block-surface-content.surface-center-left {
        bottom: auto;
        left: auto;
        right: 1.5%;
        width: 29%
    }

    .block-surface .block-surface-content.surface-short-description {
        max-width: 100%
    }

    .block-surface .block-surface-content.surface-short-description p {
        padding-bottom: 25px
    }

    .block-surface .block-surface-content.block-surface-bottom {
        bottom: 45px
    }

    .block-surface .block-surface-content h3 {
        font-size: 1.6rem;
        padding-bottom: 10px
    }

    .block-surface .block-surface-content p {
        font-size: 1.2rem;
        line-height: 15px
    }

    .block-surface .block-surface-content a.buy {
        font-size: 1.4rem
    }

    .block-surface .block-surface-wrapper {
        width: 100%
    }

    .block-surface .block-surface-left,.block-surface .block-surface-right {
        width: 50%
    }

    .block-surface .block-surface-left {
        margin-right: 5px
    }

    .block-surface .block-surface-right {
        margin-left: 5px
    }

    .block-surface .block-surface-right .block-surface-half .block-surface-content {
        width: 38%
    }

    .block-surface .block-surface-img img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        height: 100%
    }

    .note-surface .bold-number {
        color: #0067b8
    }

    .page-products .sub-category-menu {
        margin-bottom: 60px;
        margin-top: 60px
    }

    .page-products .sub-category-menu ul li {
        padding-right: 60px
    }

    .page-products .sub-category-menu ul li a {
        font-size: 1.6rem
    }

    .page-products .sub-category-menu .items.active {
        border-bottom: 3px solid #000;
        padding: 2px
    }

    .page-products .sub-category-name {
        font-size: 2.8rem;
        margin: 0 0 23px
    }

    .game-category-page .product-item {
        padding: 13px;
        width: calc((100% - 6%)/4)
    }

    .game-category-page .product-item-name .product-item-link {
        font-size: 1.6rem
    }

    .game-category-page .product:nth-child(4n+1) {
        margin-left: 0
    }

    .game-category-page .sub-category {
        margin-bottom: 50px
    }

    .sub-category-default .sub-category,.sub-category-game .sub-category {
        margin-bottom: 48px
    }

    .sub-category-default .sub-category-name,.sub-category-game .sub-category-name {
        padding: 30px 15px 7px;
        margin: 0
    }

    .sub-category-default .sub-category-amount,.sub-category-game .sub-category-amount {
        padding-right: 21px
    }

    .sub-category-default .product-item,.sub-category-game .product-item {
        padding: 10px 13px 43px
    }

    .sub-category-default .slick-list,.sub-category-game .slick-list {
        max-width: 90%
    }

    .sub-category-default .slick-prev,.sub-category-game .slick-prev {
        left: 2rem
    }

    .sub-category-default .slick-next,.sub-category-game .slick-next {
        right: 2rem
    }

    .sub-category-default .slick-prev,.sub-category-game .slick-prev,.sub-category-default .slick-next,.sub-category-game .slick-next {
        width: 19px;
        height: 38px
    }

    .sub-category-default .slick-prev:before,.sub-category-game .slick-prev:before,.sub-category-default .slick-next:before,.sub-category-game .slick-next:before {
        font-size: 3.7rem
    }

    .sub-category-game .product-item-wrapper {
        padding: 15px
    }

    .sub-category-default .product .product-reviews-summary,.sub-category-game .product .product-reviews-summary,.sub-category-slider .product .product-reviews-summary {
        line-height: 19px
    }

    .sub-category-default .product .reviews-actions,.sub-category-game .product .reviews-actions,.sub-category-slider .product .reviews-actions {
        margin-top: 0;
        font-size: 1.4rem
    }

    .sub-category-default .rating-summary .rating-result,.sub-category-game .rating-summary .rating-result,.sub-category-slider .rating-summary .rating-result {
        display: block
    }

    .sub-category-default .product-item-details,.default-category-page .product-item-details,.slider-products .product-item-details {
        height: 233px
    }

    .sub-category-game .product-item-name .product-item-link,.slider-products-game .product-item-name .product-item-link,.game-category-page .product-item-name .product-item-link {
        font-size: 1.6rem
    }

    .sub-category-game .product-item-details,.slider-products-game .product-item-details,.game-category-page .product-item-details {
        height: 120px
    }

    .sub-category-game .product .product-reviews-summary.short .rating-summary,.slider-products-game .product .product-reviews-summary.short .rating-summary,.game-category-page .product .product-reviews-summary.short .rating-summary {
        margin-right: 8px
    }

    .sub-category-game .product .product-reviews-summary .rating-result,.slider-products-game .product .product-reviews-summary .rating-result,.game-category-page .product .product-reviews-summary .rating-result {
        width: 82px
    }

    .sub-category-game .product .product-reviews-summary .rating-result:before,.slider-products-game .product .product-reviews-summary .rating-result:before,.game-category-page .product .product-reviews-summary .rating-result:before {
        font-size: 1.4rem
    }

    .sub-category-game .product .product-reviews-summary .rating-result>span:before,.slider-products-game .product .product-reviews-summary .rating-result>span:before,.game-category-page .product .product-reviews-summary .rating-result>span:before {
        font-size: 1.4rem
    }

    .promotion-section p {
        font-size: 1.6rem;
        margin-bottom: 42px
    }

    .promotion-section .promotion-section-description p {
        padding-top: 41px;
        height: 44px
    }

    .video-section-content {
        background-color: #f2f2f2;
        padding: 8.5% 4% 0 !important
    }

    .video-section-content h2 {
        font-size: 1.8rem;
        padding-bottom: 20px;
        margin: 0
    }

    .video-section-content p {
        font-size: 1.3rem;
        margin: 0
    }

    .video-section-content .play-video p {
        padding-top: 24%;
        max-width: 220px
    }

    .video-section-content .play-video p a {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        display: flex
    }

    .video-section-content .play-video p a:before {
        font-family: "ms-icon";
        content: "\e923";
        font-size: 1.4rem;
        color: #0067b8;
        padding-right: 2px
    }

    .video-section-content .play-video p a:hover,.video-section-content .play-video p a:active {
        text-decoration: none;
        color: #0067b8
    }

    .xbox-newage p {
        font-size: 1.2rem
    }

    .xbox-newage .xbox-newage-desc {
        order: 1;
        margin-top: 4% !important;
        padding: 6.3% 7.3% 0 4.5% !important
    }

    .xbox-newage .xbox-newage-desc figure {
        padding: 4px 0 0 9.5% !important
    }

    .xbox-newage .xbox-newage-desc h2:nth-child(2) {
        padding-bottom: 46px
    }

    .xbox-newage .xbox-newage-img {
        order: 2;
        margin-top: 4% !important;
        padding-left: 4.4% !important
    }

    .xbox-oneapp {
        background-color: #f6f6f6 !important
    }

    .xbox-oneapp .xbox-oneapp-desc {
        margin-top: 4% !important;
        padding: 7.3% 7.3% 0 4.5% !important
    }

    .xbox-oneapp .xbox-oneapp-desc h2:nth-child(2) {
        padding-bottom: 47px
    }

    .xbox-oneapp .xbox-oneapp-img {
        margin: 4% 0 3% !important
    }

    .xbox-member {
        position: relative
    }

    .xbox-member .xbox-member-desc {
        margin-top: 4.4%;
        padding: 6.3% 7.3% 0 4.5%;
        background-color: #f2f2f2;
        margin-right: 50px;
        min-height: 465px
    }

    .xbox-member .xbox-member-desc .xbox-member-wrap {
        max-width: 31%
    }

    .xbox-member .xbox-member-desc p {
        padding-bottom: 20px
    }

    .xbox-member img {
        position: absolute;
        top: 52px;
        right: 0;
        width: 65%
    }

    .xbox-newcomer {
        position: relative
    }

    .xbox-newcomer .xbox-newcomer-desc {
        position: absolute;
        width: 45%;
        right: 94px;
        top: 60%;
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);
        background-color: #fff;
        padding: 1.5% 4% !important
    }

    .xbox-newcomer .xbox-newcomer-desc p {
        font-size: 1.4rem;
        margin-bottom: 10px
    }

    .xbox-newcomer .xbox-newcomer-desc h4 {
        padding-bottom: 5px
    }

    .xbox-newcomer .xbox-newcomer-desc button {
        line-height: 27px;
        padding: 0 15px
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner].xbox-newage,[data-content-type=row][data-appearance=contained] [data-element=inner].xbox-oneapp,[data-content-type=row][data-appearance=contained] [data-element=inner].xbox-newcomer,[data-content-type=row][data-appearance=contained] [data-element=inner].xbox-member,[data-content-type=row][data-appearance=contained] [data-element=inner].sub-category-slider {
        margin-bottom: 45px !important
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner].video-section {
        margin-bottom: 50px !important
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner].more-surface {
        padding-bottom: 35px !important
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner].list-surface {
        margin-bottom: 35px !important
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner].office-high .pagebuilder-column-group {
        padding: 10px !important;
        border: 1px solid #d2d2d2 !important
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner].office-product,[data-content-type=row][data-appearance=contained] [data-element=inner].choose-office,[data-content-type=row][data-appearance=contained] [data-element=inner].office-mac-high {
        padding-bottom: 43px !important
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner].office-product .office-high-desc,[data-content-type=row][data-appearance=contained] [data-element=inner].choose-office .office-high-desc,[data-content-type=row][data-appearance=contained] [data-element=inner].office-mac-high .office-high-desc {
        padding-left: 35px
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner].smb-banner {
        padding-bottom: 25px !important
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner].smb-banner {
        padding-bottom: 25px !important
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner].smb-block {
        padding-bottom: 85px !important
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner].surfaceall-step {
        padding-bottom: 61px !important
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner].surfaceall-product {
        padding-bottom: 39px !important
    }

    .sub-category-slider .sub-category-name {
        padding: 30px 15px 7px;
        margin: 0
    }

    .sub-category-slider .sub-category-amount {
        padding-right: 21px
    }

    .sub-category-slider .product-item {
        padding: 10px
    }

    .sub-category-slider .slick-list {
        max-width: 90%
    }

    .sub-category-slider .slick-prev,.sub-category-slider .slick-next {
        width: 19px;
        height: 38px
    }

    .sub-category-slider .slick-prev:before,.sub-category-slider .slick-next:before {
        font-size: 3.7rem
    }

    .sub-category-slider .slick-prev {
        left: 2rem
    }

    .sub-category-slider .slick-prev:before {
        left: -9px
    }

    .sub-category-slider .slick-next {
        right: 2rem
    }

    .sub-category-slider .slick-next:before {
        right: 14px
    }

    .slider-products {
        padding: 10px 0 30px
    }

    .slider-products-game {
        padding: 20px 0 40px
    }

    .slider-products-game .product-item-wrapper {
        padding: 15px
    }

    .sub-category-slider {
        margin-bottom: 45px !important
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner].windows-banner {
        padding: 3.6% 0 3.6% 8% !important;
        margin-bottom: 86px !important
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner].windows-banner h2 {
        margin: 0 0 14px
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner].windows-section {
        margin-bottom: 39px !important
    }

    .windows-section .windows-section-desc p {
        font-size: 1.8rem;
        line-height: 21px
    }

    [data-content-type=tabs].windows-tab .tabs-navigation .tab-header a.tab-title {
        padding: 20px 0 15px !important;
        min-width: 242px
    }

    [data-content-type=tabs].windows-tab .tabs-navigation .tab-header.ui-state-active a.tab-title {
        min-width: 240px
    }

    [data-content-type=tabs].windows-tab .tabs-navigation span {
        font-size: 1.6rem !important
    }

    .windows-tab .windows-short-desc p {
        font-size: 1.8rem;
        padding: 18px 0 55px
    }

    .windows-tab .windows-three-colum p {
        font-size: 1.6rem;
        padding: 9px 0 0;
        min-height: 73px
    }

    .windows-tab .product-item-details {
        min-height: 170px
    }

    .windows-tab .product-reviews-summary {
        margin: 7px 0 57px
    }

    .windows-tab .product-item-name {
        font-size: 2.4rem;
        line-height: 34px;
        padding-top: 13px
    }

    .windows-tab figure img {
        display: block
    }

    .windows-tab .windows-product-item .product-item-name,.windows-tab .windows-product-item .product-item-review,.windows-tab .windows-product-item .price-box,.windows-tab .windows-product-item [data-content-type=buttons] {
        width: 250px;
        padding-right: 100px !important
    }

    .windows-tab .windows-product-item .pagebuilder-button-primary {
        margin-bottom: 32px
    }

    .windows-tab .windows-half-product {
        padding-top: 64px !important
    }

    .windows-tab .windows-product {
        margin: 97px 0 70px !important;
        width: auto !important
    }

    .windows-tab .windows-product .product-item-name {
        font-size: 2.4rem
    }

    .windows-tab .windows-product .price-box p {
        font-size: 1.8rem !important
    }

    .windows-product-desc ul li {
        margin-bottom: 20px;
        line-height: 1.5
    }

    [data-element=content].tabs-content {
        padding: 0
    }

    h3.windows-title {
        margin: 48px 0 !important;
        line-height: 29px
    }

    .windows-content {
        margin-bottom: 42px !important
    }

    .windows-content h4 {
        margin-top: 46px;
        line-height: 24px
    }

    .windows-content h5 {
        margin-top: 22px;
        line-height: 37px
    }

    .windows-content-left {
        padding-right: 16px !important
    }

    .windows-content-right {
        padding-left: 16px !important
    }

    .windows-content-block {
        margin: 0 25px 0 0 !important
    }

    .windows-content-block:nth-child(3) {
        margin-right: 0 !important
    }

    .windows-desc-center {
        padding: 0 3.8% 0 6.5% !important;
        order: 1
    }

    .windows-desc-left {
        padding-left: 9.9% !important
    }

    .windows-desc-left .windows-short-desc p {
        padding: 21px 0;
        line-height: 24px
    }

    .windows-img,.office-img,.smb-banner-img {
        order: 2
    }

    .menu-office .block-link-menu {
        text-align: center;
        justify-content: center !important
    }

    .menu-office .block-link-menu a {
        padding: 10px 45px 10px 0
    }

    .office-high .office-high-img {
        max-width: 456px
    }

    .office-high .office-high-content {
        padding: 2.4% 0 1.7% 4.9% !important;
        border: none !important
    }

    .office-high .office-high-content .office-high-desc p {
        font-size: 1.6rem;
        padding: 6px 0 15px;
        margin: 0
    }

    .office-high .office-high-content h2 {
        font-size: 2rem
    }

    .office-product .office-product-title {
        font-size: 3.6rem;
        padding-bottom: 15px
    }

    .office-product .pagebuilder-button-primary {
        margin-bottom: 28px
    }

    .office-product-desc p {
        padding: 0 0 48px
    }

    .office-product-item {
        padding: 5.6% 4.2% 26px !important;
        margin-right: 2.2% !important
    }

    .office-product-item figure img.pagebuilder-mobile-hidden {
        transform: scale(.7);
        margin: 0 auto;
        -webkit-box-shadow: 1px 1px 10px 1px #d2d2d2;
        -moz-box-shadow: 1px 1px 10px 1px #d2d2d2;
        -ms-box-shadow: 1px 1px 10px 1px #d2d2d2;
        box-shadow: 1px 1px 10px 1px #d2d2d2
    }

    .office-product-item .name {
        font-size: 2.4rem;
        padding-top: 20px;
        line-height: 31px;
        min-height: 60px
    }

    .office-product-item .price p {
        font-size: 3rem;
        margin: 40px 0 12px;
        line-height: 40px
    }

    .office-product-item .title-application {
        font-size: 1.8rem;
        padding-bottom: 11px
    }

    .office-product-item .list-icon {
        min-height: 160px
    }

    .office-product-item .list-icon li {
        width: 33.33%
    }

    .office-product-item .list-icon li img {
        width: 37px
    }

    .office-product-item .sub-content p {
        padding: 20px
    }

    .office-product-item .sub-desc ul li {
        margin: 0;
        line-height: 40px
    }

    .office-product-item.office-mac-item {
        padding: 88px 0 0 !important;
        margin-right: 3.9% !important
    }

    .office-product-item.office-mac-item:last-child {
        margin-right: 0 !important
    }

    .office-product-item.office-mac-item figure,.office-product-item.office-mac-item .name,.office-product-item.office-mac-item .price,.office-product-item.office-mac-item .title-application,.office-product-item.office-mac-item .bottom-content,.office-product-item.office-mac-item .textoneDrive,.office-product-item.office-mac-item .sub-content {
        width: 49%
    }

    .office-product-item.office-mac-item .bottom-content {
        padding-top: 0
    }

    .office-product-item.office-mac-item .title-application {
        padding-bottom: 11px
    }

    .office-product-item.office-mac-item .topTitle {
        height: 43px
    }

    .office-product-item.office-mac-item .topTitle p {
        font-size: 1.8rem;
        padding: 10px 0
    }

    .office-product-item.office-mac-item .textoneDrive {
        text-align: center;
        margin-bottom: 20px;
        height: 65px
    }

    .office-product-item.office-mac-item .textoneDrive p {
        margin-bottom: 0;
        font-size: 1.2rem;
        line-height: 1.6rem
    }

    .office-product-item.office-mac-item .textoneDrive p img {
        width: auto;
        margin: 0 auto
    }

    .office-product-item.office-mac-item .sub-title,.office-product-item.office-mac-item .sub-content {
        padding: 25px 0
    }

    .office-product-item.office-mac-item figure.sub-content figcaption {
        font-size: 1.6rem
    }

    .office-product-item.office-mac-item .pagebuilder-button-primary {
        margin: 0 0 28px
    }

    .office-product-item.office-mac-item figure img.pagebuilder-mobile-hidden {
        transform: scale(.7);
        margin: 0 auto;
        -webkit-box-shadow: 1px 1px 10px 1px #d2d2d2;
        -moz-box-shadow: 1px 1px 10px 1px #d2d2d2;
        -ms-box-shadow: 1px 1px 10px 1px #d2d2d2;
        box-shadow: 1px 1px 10px 1px #d2d2d2
    }

    .microsoft-content-slider .microsoft-slider-item figure img.pagebuilder-mobile-hidden {
        transform: scale(.7);
        margin: 0 auto;
        -webkit-box-shadow: 1px 1px 10px 1px #d2d2d2;
        -moz-box-shadow: 1px 1px 10px 1px #d2d2d2;
        -ms-box-shadow: 1px 1px 10px 1px #d2d2d2;
        box-shadow: 1px 1px 10px 1px #d2d2d2
    }

    .office-mac-title {
        padding-bottom: 45px;
        width: 100%
    }

    .office-mac-high .office-high-content {
        padding: 2.4% 0 1.7% 2.3% !important
    }

    .office-desc-center {
        padding: 0 9% 0 5%;
        order: 1
    }

    .office-desc-center.office-desc-gap {
        padding: 0 8% 0 10%
    }

    .office-desc-center h2 {
        padding-bottom: 8px
    }

    .smb-banner-content {
        background: #f2f2f2;
        padding-left: 5%;
        order: 1
    }

    .smb-banner-content .label p {
        margin-bottom: 10px
    }

    .smb-banner-content .desc {
        padding: 10px 0
    }

    .smb-banner-content .desc p {
        font-size: 1.6rem
    }

    .smb-banner-content .pagebuilder-button-primary {
        font-size: 1.4rem;
        padding: 8px 28px
    }

    .smb-banner-content .hotline {
        display: block
    }

    .smb-banner-content .hotline p {
        font-size: 1.4rem
    }

    .smb-block .smb-block-content:first-child {
        margin-bottom: 0
    }

    .smb-block .smb-block-content .smb-block-desc {
        padding: 8% 0 8% 33px
    }

    .smb-block .smb-block-content .smb-block-desc h2 {
        padding-bottom: 30px;
        font-size: 2rem
    }

    .smb-block .smb-block-content figure {
        max-width: 220px
    }

    .smb-block .smb-block-left {
        margin-right: 14px
    }

    .smb-block .smb-block-right {
        margin-left: 14px
    }

    .smb-nav .smb-nav-wrapper .smb-nav-block {
        width: auto;
        padding-bottom: 35px
    }

    .smb-nav .smb-nav-wrapper .smb-nav-block p {
        width: 100%
    }

    .smb-nav .smb-nav-wrapper .smb-nav-block h4 {
        padding: 12px 0
    }

    .surfaceall-step h2 {
        margin-bottom: 17px
    }

    .surfaceall-step .sub-container {
        margin-bottom: 52px
    }

    .surfaceall-step .sub-container p {
        margin: 0
    }

    .surfaceall-step .surface-step-wrapper .surface-step-block {
        width: auto;
        max-width: 300px;
        padding: 0 75px
    }

    .surfaceall-step .surface-step-wrapper .surface-step-block p {
        width: 100%
    }

    .surfaceall-step .surface-step-wrapper .surface-step-block h4 {
        padding: 28px 0;
        line-height: 31px
    }

    .surfaceall-container h2 {
        margin-bottom: 17px
    }

    .surfaceall-container .sub-container {
        margin-bottom: 24px
    }

    .surfaceall-step h2,.surfaceall-container h2 {
        font-size: 3.6rem
    }

    .surfaceall-product .product-item {
        margin-left: 1.5% !important;
        width: calc((100% - 3%)/3) !important;
        padding: 0 !important
    }

    .surfaceall-product .product-item:nth-child(3n+1) {
        margin-left: 0 !important
    }

    .surfaceall-product .product-item .product-item-details,.surfaceall-product .product-item .product-price,.surfaceall-product .product-item .product-item-link {
        margin: 0 30px
    }

    .surfaceall-product .product-item-details {
        min-height: 310px
    }

    .surfaceall-product .product-item-details h4 {
        font-size: 2.4rem;
        line-height: 26px;
        padding: 43px 0 15px
    }

    .surfaceall-product .product-price {
        padding-top: 50px;
        margin: 0
    }

    .surfaceall-product .product-price p {
        font-size: 1.6rem
    }

    .surfaceall-product .product-price p span {
        font-size: 1.8rem !important
    }

    .surfaceall-product .product-item-link {
        padding-top: 17px
    }

    .surface-accordion .menu-collapes {
        padding-bottom: 12px
    }

    .surface-accordion .accordion h4 {
        font-size: 1.4rem
    }

    .modal-popup.subscribe-products-modal .modal-content {
        padding-left: 46px;
        padding-right: 46px;
        padding-bottom: 40px
    }

    .modal-popup.subscribe-products-modal .col-codepost p {
        padding: 0 12px
    }

    .modal-popup.subscribe-products-modal.subscribe-isCommercial .modal-inner-wrap {
        width: 24% !important;
        min-width: 450px !important
    }

    .modal-popup.subscribe-products-modal.subscribe-isCommercial .modal-inner-wrap .col-codepost {
        display: none !important
    }

    .modal-popup.subscribe-products-modal.subscribe-isCommercial .modal-inner-wrap .col-content {
        flex-basis: 100% !important
    }

    .page-layout-subscribe .product.info.detailed {
        margin-top: 30px
    }

    .modal-popup.subscribe-products-modal.subscribe-buybox .modal-inner-wrap {
        max-width: 470px
    }

    .modal-popup.subscribe-products-modal.subscribe-buybox .modal-inner-wrap .form-wrap.form-subscribe-products .col-content {
        flex-basis: 100%
    }

    .form-wrap.form-subscribe-products .col-content {
        box-sizing: border-box;
        padding-right: 61px
    }

    .form-wrap.form-subscribe-products .fieldset>.field:not(.choice)>.label {
        min-width: 80px
    }

    .form-wrap.form-subscribe-products .fieldset>.field:not(.choice)>.control {
        width: 100%
    }

    .form-wrap.form-subscribe-products .col-content .subscribe {
        text-align: justify;
        max-width: 100%
    }

    .edu-category-banner {
        display: flex
    }

    .edu-category-banner .edu-text-box {
        width: 42.5%;
        padding-top: 7.8%;
        padding-left: 5%;
        box-sizing: border-box;
        background: #fff
    }

    .edu-category-banner .edu-text-box .edu-title {
        font-weight: 700;
        font-size: 36px
    }

    .edu-category-banner .edu-text-box .shor-title {
        font-size: 16px;
        margin-top: 8px
    }

    .edu-category-banner .edu-text-box .example-title {
        margin-top: 8.25%;
        font-size: 14px
    }

    .edu-category-banner .edu-text-box .example-title a {
        color: #0067b8
    }

    .edu-category-banner .edu-text-box .step-text {
        font-size: 16px;
        margin-top: 8px;
        list-style: none;
        display: flex
    }

    .edu-category-banner .edu-text-box .step-text li {
        width: 33%
    }

    .edu-category-banner .edu-text-box .edu-btn {
        width: 109px;
        height: 40px;
        text-align: center;
        background: #0067b8;
        line-height: 40px;
        margin-top: 18px
    }

    .edu-category-banner .edu-text-box .edu-btn a {
        color: #fff;
        text-decoration: none;
        font-weight: 700;
        display: inline-block;
        height: 100%;
        width: 100%
    }

    .edu-category-banner .edu-text-box .agreement-btn button {
        font-size: 12px;
        border: none;
        color: #0067b8;
        margin-top: 14px;
        background: 0 0;
        font-weight: 400;
        padding: 0
    }

    .edu-category-banner .edu-img-box {
        width: 57.5%
    }

    .category-student .edu-agree-content {
        display: none
    }

    .category-student .edu-agree-content h2 {
        font-size: 28px;
        line-height: 1.35em;
        font-weight: 400;
        color: #2d2d2d;
        margin-bottom: 3.33333333%
    }

    .category-student .edu-agree-content .part {
        margin-bottom: 3.33333333%
    }

    .category-student .edu-agree-content p {
        font-size: 14px;
        line-height: 1.42em;
        color: #2d2d2d;
        margin-bottom: 10px
    }

    .category-student .edu-agree-content ul {
        font-size: 11px;
        line-height: 2em;
        counter-reset: foo;
        display: table
    }

    .category-student .edu-agree-content ul li {
        counter-increment: foo;
        display: table-row
    }

    .category-student .edu-agree-content h3 {
        font-size: 18px;
        margin-bottom: 3px
    }

    .modal-popup.edu_content_popup {
        overflow: hidden
    }

    .modal-popup.edu_content_popup .modal-inner-wrap {
        max-width: 600px;
        max-height: 75% !important;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        overflow-y: scroll
    }

    .modal-popup.edu_content_popup .modal-inner-wrap .modal-footer button {
        display: none
    }

    .modal-popup.ar-popup {
        width: 100%;
        min-height: auto;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .ar-content-popup {
        display: none
    }

    .ar-content-popup model-viewer {
        height: 650px !important
    }

    .modal-popup.ar-popup .modal-inner-wrap {
        max-width: 1600px;
        width: 90%;
        -ms-transform: none;
        transform: none;
        margin: 0;
        position: relative
    }

    .modal-popup.ar-popup .modal-inner-wrap .modal-header {
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 20
    }

    .modal-popup.ar-popup .modal-inner-wrap .modal-content {
        padding: 0
    }

    .ar-popup .modal-footer {
        display: none
    }

    .ar-banner-trigger-btn {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 40px;
        height: 40px;
        transform: translate(-50%,-50%);
        cursor: pointer;
        z-index: 10
    }

    .promotion-content {
        margin: 5px 0 22px
    }

    .promotion-content .category-product {
        flex-flow: wrap
    }

    .promotion-content .category-product .item {
        box-sizing: border-box;
        margin-bottom: 16px
    }

    .after-subscribe,.after-link-box {
        order: 99999;
        background: 0 0;
        border: 1px solid #000;
        font-size: 16px;
        font-weight: 400;
        color: #000;
        padding: 12px;
        height: auto;
        min-height: 229px;
        line-height: 63px;
        box-sizing: border-box;
        margin: 0 32px 0 0;
        width: calc(((100% - 128px)/4));
        margin-bottom: 10px
    }

    .after-subscribe .config-options,.after-link-box .config-options {
        height: 85px;
        overflow: hidden;
        display: block;
        line-height: normal;
        font-size: 14px;
        text-align: left;
        padding: 41px 14px 15px;
        border-bottom: 1px solid #d2d2d2
    }

    .after-subscribe .link-url,.after-link-box .link-url {
        font-size: 14px;
        display: block;
        line-height: normal;
        margin-top: 22px;
        padding: 0 14px
    }

    .config-commerial-block .promise-box .list {
        width: 100%;
        justify-content: center
    }

    .swatch-attribute.specification .swatch-attribute-options .no-option {
        height: 63px;
        box-sizing: border-box;
        margin: 0 32px 0 0;
        padding: 0;
        width: calc(((100% - 128px)/4));
        background: 0 0;
        color: #000;
        margin-bottom: 10px;
        min-height: 229px
    }

    .swatch-opt .swatch-label.operation-label {
        padding-bottom: 19px;
        font-size: 16px
    }

    .swatch-opt .swatch-label.config-label {
        padding-bottom: 19px;
        font-size: 16px
    }

    .swatch-opt .swatch-label.config-label-bto {
        color: #d63a02
    }

    .page-product-bundle .modal-popup.subscribe-products-modal .modal-inner-wrap {
        max-width: 470px
    }

    .page-product-bundle .form-wrap.form-subscribe-products .col-content {
        flex-basis: 100%
    }

    .navigation-item .nav-sections-item-content>.edu-bundle-nav {
        height: 55px;
        align-items: center;
        background: #fff
    }

    .navigation-item .nav-sections-item-content>.edu-bundle-nav a {
        text-decoration: none;
        font-size: 14px;
        margin-left: 12px;
        font-weight: 700
    }

    .max-1600,.product.data.items.tablist .tablist-content,.product-info-main,.account-privateauth-store .page-main,.account-privateauth-edu .page-main {
        margin-left: auto;
        margin-right: auto;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 90%;
        max-width: 1600px
    }

    .private-catalog .private-product-item {
        margin-bottom: 48px;
        width: calc(100%/3 - 24px)
    }

    .sidebar .product-items .product-item-info .product-item-photo {
        float: left;
        left: auto;
        margin: 0 10px 10px 0;
        position: relative;
        top: auto
    }

    .sidebar .product-items .product-item-details {
        margin: 0
    }

    .sidebar .product-items .product-item-actions {
        clear: left
    }

    .catalog-category-view.page-layout-2columns-left .column.main {
        padding: 0
    }

    .product-info-main {
        margin: 30px auto 48px
    }

    .product.media {
        float: left;
        margin-bottom: 25px
    }

    .page-layout-2columns-left .product-info-main,.page-layout-2columns-right .product-info-main,.page-layout-3columns .product-info-main {
        width: 48%
    }

    .page-layout-2columns-left .product.media,.page-layout-2columns-right .product.media,.page-layout-3columns .product.media {
        width: 50%
    }

    .block-category-event.block:last-child {
        margin-bottom: 30px;
        padding: 10px 0 30px
    }

    .block-category-event .block-title {
        margin: 0
    }

    .block-category-event .block-title strong {
        font-size: 2.4rem
    }

    .block-category-event .ticker li {
        display: none;
        margin: 0 50px
    }

    .block-category-event .ticker .value {
        font-size: 6rem
    }

    .block-category-event .ticker .label {
        font-size: 1.4rem;
        text-transform: none
    }

    .block-category-event .dates .date {
        font-size: 5rem
    }

    .block-category-event .dates .start {
        padding-right: 50px
    }

    .block-category-event .dates .start:after {
        font-size: 5rem;
        right: 10px
    }

    .block-search {
        float: right;
        padding-left: 15px;
        position: relative;
        width: 250px;
        z-index: 4
    }

    .block-search .control {
        border-top: 0;
        margin: 0;
        padding: 0 0 25px
    }

    .block-search .nested {
        display: block;
        padding-top: 5px;
        position: absolute
    }

    .block-search input {
        margin: 0;
        padding-right: 35px;
        position: static
    }

    .block-search input::-webkit-input-placeholder {
        color: #000
    }

    .block-search input:-moz-placeholder {
        color: #000
    }

    .block-search input::-moz-placeholder {
        color: #000
    }

    .block-search input:-ms-input-placeholder {
        color: #000
    }

    .block-search .action.search {
        display: inline-block;
        background-image: none;
        background: 0 0;
        -moz-box-sizing: content-box;
        border: 0;
        box-shadow: none;
        line-height: inherit;
        margin: 0;
        padding: 0;
        text-decoration: none;
        text-shadow: none;
        font-weight: 400;
        padding: 5px 0;
        position: absolute;
        right: 10px;
        top: 0;
        z-index: 1
    }

    .block-search .action.search>span {
        border: 0;
        clip: rect(0,0,0,0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .block-search .action.search:before {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 22px;
        line-height: 22px;
        color: #8f8f8f;
        content: "\e909";
        font-family: 'icons-blank-theme';
        margin: 0;
        vertical-align: top;
        display: inline-block;
        font-weight: 400;
        overflow: hidden;
        speak: none;
        text-align: center
    }

    .block-search .action.search:hover:before {
        color: inherit
    }

    .block-search .action.search:active:before {
        color: inherit
    }

    .block-search .action.search:focus,.block-search .action.search:active {
        background: 0 0;
        border: none
    }

    .block-search .action.search:hover {
        background: 0 0;
        border: none
    }

    .block-search .action.search.disabled,.block-search .action.search[disabled],fieldset[disabled] .block-search .action.search {
        pointer-events: none;
        opacity: .3
    }

    .block-search .action.search:focus:before {
        color: #333
    }

    .search-autocomplete {
        margin-top: 0
    }

    .shoppingpage-header {
        display: none
    }

    .cart-container .widget {
        float: left
    }

    .cart-summary {
        float: right;
        position: relative;
        width: 23%
    }

    .column.main .cart-summary .actions-toolbar>.secondary {
        float: none
    }

    .cart-summary .block .fieldset .field {
        margin: 0 0 20px;
        margin: 0 0 10px
    }

    .cart-summary .block .fieldset .field:not(.choice)>.label {
        box-sizing: content-box;
        float: none;
        width: auto;
        text-align: left;
        padding: 0
    }

    .cart-summary .block .fieldset .field:not(.choice)>.control {
        float: none;
        width: auto
    }

    .cart-summary .block .fieldset .field>.label {
        margin: 0 0 5px;
        display: inline-block
    }

    .cart-summary .block .fieldset .field.choice:before,.cart-summary .block .fieldset .field.no-label:before {
        display: none
    }

    .cart.table-wrapper .items {
        min-width: 100%;
        width: auto
    }

    .cart.table-wrapper .item .col.item {
        padding: 27px 8px 10px
    }

    .cart.table-wrapper .item-actions td {
        text-align: right
    }

    .cart.table-wrapper .product-item-photo {
        display: table-cell;
        max-width: 100%;
        padding-right: 20px;
        position: static;
        vertical-align: top;
        width: 1%
    }

    .cart.table-wrapper .product-item-details {
        display: table-cell;
        vertical-align: top;
        white-space: normal;
        width: 99%
    }

    .cart.table-wrapper .item-actions .actions-toolbar {
        text-align: left
    }

    .cart .action {
        margin-bottom: 10px
    }

    .cart-products-toolbar .toolbar-amount {
        line-height: 30px;
        margin: 0
    }

    .cart-products-toolbar .pages {
        float: right;
        margin: 0 0 1px
    }

    .cart-products-toolbar .pages .item:last-child {
        margin-right: 0
    }

    .cart.table-wrapper .cart-products-toolbar+.cart thead tr th.col {
        padding-bottom: 7px;
        padding-top: 8px
    }

    .cart.table-wrapper .cart+.cart-products-toolbar {
        margin-top: 25px
    }

    .checkout-cart-index .page-main {
        max-width: 1600px;
        margin: 0 auto;
        width: 90%;
        padding: 0
    }

    .cart-quantity {
        font-size: 0px;
        margin: 16px 0;
        line-height: normal
    }

    .cart-quantity span {
        font-size: 24px
    }

    .cart-quantity .number {
        color: #0067b8
    }

    .cart-empty {
        min-height: 500px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 100px;
        width: 100%;
        color: #737373
    }

    .cart-empty .no-itembox {
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center
    }

    .cart-empty span {
        margin-top: 14px;
        font-size: 14px
    }

    .cart-container .cart-summary {
        padding-top: 30px;
        padding-left: 24px;
        padding-right: 24px;
        width: 21.25%
    }

    .cart-container .cart-summary .cart-bottom-bar {
        display: none
    }

    .cart-container .cart-summary .cart-totals {
        padding: 0;
        border-top: none
    }

    .cart-container .cart-summary .cart-totals .table-wrapper .totals {
        font-size: 20px;
        color: #000
    }

    .cart-container .cart-summary .cart-totals .table-wrapper .totals .mark {
        padding: 0;
        padding-bottom: 15px
    }

    .cart-container .cart-summary .cart-totals .table-wrapper .totals .mark strong {
        font-weight: 700
    }

    .cart-container .cart-summary .cart-totals .table-wrapper .totals .amount {
        padding: 0;
        padding-bottom: 15px
    }

    .cart-container .cart-summary .cart-totals .table-wrapper .installment .amount strong {
        font-weight: 700
    }

    .cart-container .cart-summary .block.discount {
        display: none
    }

    .cart-container .cart-summary .checkout-methods-items {
        margin-top: 0;
        margin-bottom: 12px
    }

    .cart-container .cart-summary .disabled-submit {
        opacity: .4;
        pointer-events: none
    }

    .cart-container .cart-summary .cart-config {
        position: relative
    }

    .cart-container .cart-summary .cart-config .tips {
        margin-top: 5px
    }

    .cart-container .cart-summary .cart-config .tips span {
        display: block;
        font-size: 14px;
        color: #000
    }

    .cart-container .cart-summary .cart-config .pay-method {
        margin-top: 5px
    }

    .cart-container .cart-summary .cart-config .pay-method .normal-cart {
        color: #666
    }

    .cart-container .cart-summary .cart-config .pay-method .saa-cart .title {
        font-size: 12px;
        color: #666
    }

    .cart-container .cart-summary .cart-config .pay-method .saa-cart .img-box {
        margin-top: 10px;
        margin-bottom: -10px;
        overflow: hidden
    }

    .cart-container .cart-summary .cart-config .pay-method .saa-cart .img-box img {
        height: 20px;
        margin-bottom: 10px;
        width: 33%;
        float: left;
        box-sizing: border-box
    }

    .cart-container .cart-summary .cart-config .telephone {
        position: absolute;
        bottom: -60px;
        white-space: nowrap
    }

    .cart-container .cart-summary .cart-config .bottom-block {
        margin-top: 20px
    }

    .cart-container .cart-summary .cart-config .bottom-block .promise-icon {
        overflow: hidden
    }

    .cart-container .cart-summary .cart-config .bottom-block .promise-icon .item {
        width: 50%;
        float: left;
        display: flex;
        align-items: center;
        margin-bottom: 10px
    }

    .cart-container .cart-summary .cart-config .bottom-block .promise-icon .item>a {
        display: flex;
        align-items: center;
        color: #000;
        text-decoration: none
    }

    .cart-container .cart-summary .cart-config .bottom-block .promise-icon .item i {
        font-size: 30px
    }

    .cart-container .cart-summary .cart-config .bottom-block .promise-icon .item span {
        font-size: 14px;
        margin-left: 3px
    }

    .cart-container .cart-summary .cart-config .bottom-block .text {
        margin-top: 10px
    }

    .cart-container .cart-summary .cart-config .bottom-block .text p {
        color: #666;
        font-size: 14px
    }

    .cart-container .cart-summary .cart-config .bottom-block .text .line {
        margin-bottom: 14px
    }

    .cart-container .form.form-cart {
        width: 75.75%
    }

    .cart-container .form.form-cart .table-wrapper {
        margin-bottom: 0
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item:first-child {
        border-top: 1px solid #d2d2d2
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item tr>td {
        padding: 0
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item tr .subtotal {
        padding-right: 36px
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-actions {
        display: none
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .package-product {
        height: 56px;
        background: #f2f2f2
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .package-product td {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        height: 56px
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .package-product span {
        display: block
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .package-product .package-name {
        color: #000;
        font-size: 16px;
        padding-left: 18px
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .package-product .package-price {
        text-align: right
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .package-product .all-price {
        font-size: 16px;
        color: #000
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .package-product .all-price .price {
        font-size: 16px;
        font-weight: 400
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .package-product .save-price {
        font-size: 14px;
        color: #666
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info>td {
        overflow: hidden;
        padding-bottom: 20px;
        padding: 16px 36px 16px 0
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info>td .product-config .product-main {
        overflow: hidden
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info>td .product-config .disable-bundle {
        display: none
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info>td .product-config .product-bundle {
        overflow: hidden
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info>td .product-config .product-bundle .info-list {
        overflow: hidden;
        margin-bottom: 14px
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info>td .product-config .product-bundle .info-list:last-child {
        margin-bottom: 0
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info>td .product-config .product-bundle .info-list .left-cart .product-item-photo {
        display: inline-block;
        width: 100%
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info>td .product-config .product-bundle .info-list .left-cart .product-item-photo img {
        width: 80px;
        height: 80px
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info>td .product-config .product-bundle .info-list .left-cart .product-item-photo a {
        text-decoration: underline
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info>td .product-simple {
        overflow: hidden
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info>td .product-simple .info-list {
        overflow: hidden;
        margin-bottom: 14px
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info>td .product-simple .info-list:last-child {
        margin-bottom: 0
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info .left-cart {
        float: left;
        width: 80px
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info .left-cart .product-item-photo {
        text-align: center;
        padding-right: 0
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info .left-cart .product-item-photo .product-image-container {
        max-width: 80px
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info .left-cart .product-item-photo .product-image-container .product-image-wrapper {
        width: 80px
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info .left-cart .product-item-photo .product-image-container .product-image-wrapper img {
        width: 80px;
        height: 80px;
        max-width: 100%
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info .left-cart .product-item-photo .remove-product {
        padding: 0;
        margin: 0;
        background: 0 0;
        border: none;
        outline: none;
        text-decoration: underline;
        color: #0067b8;
        font-size: 14px;
        line-height: normal;
        font-weight: 400
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info .right-cart {
        width: calc(100% - 80px);
        float: left;
        overflow: hidden;
        padding-left: 30px;
        box-sizing: border-box
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info .right-cart .product-item-details {
        float: left;
        width: 50%;
        min-height: unset;
        height: auto
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info .right-cart .product-item-details .product-type {
        overflow: hidden
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info .right-cart .product-item-details .product-type .type {
        width: 66px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        background: #d50303;
        color: #fff;
        font-size: 12px;
        margin-right: 5px;
        margin-bottom: 5px;
        float: left
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info .right-cart .product-item-details .product-type .bg-blue {
        background: #0067b8
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info .right-cart .product-item-details .product-type .bg-deepBlue {
        background: #0a1d7c
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info .right-cart .product-item-details .product-type .bg-yellow {
        color: #000;
        background: #fcba02
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info .right-cart .product-item-details .product-item-name {
        font-size: 16px;
        margin-top: 0;
        margin-bottom: 5px
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info .right-cart .product-item-details .bundle-options {
        color: #666;
        line-height: normal;
        font-size: 14px
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info .right-cart .product-item-details .item-options {
        margin: 0
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info .right-cart .product-item-details .item-options dt {
        display: none
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info .right-cart .product-item-details .item-options dd {
        font-size: 14px;
        color: #666
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info .right-cart .qty-box {
        float: left;
        width: 50%
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info .right-cart .qty-box .field {
        width: 50%;
        float: left;
        max-width: 65px
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info .right-cart .qty-box .field .control {
        position: relative
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info .right-cart .qty-box .field .control .label {
        display: none
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info .right-cart .qty-box .field .control input {
        border: solid 1px #000;
        padding-left: 27px;
        font-size: 16px;
        height: 25px
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info .right-cart .qty-box .field .control input[readonly] {
        border: none;
        color: #000;
        opacity: 1
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info .right-cart .qty-box .field .control .menu {
        position: absolute;
        right: 2px;
        top: 0;
        width: 10px;
        height: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info .right-cart .qty-box .field .control .menu .add {
        width: 0;
        height: 0;
        background: 0 0;
        padding: 0;
        outline: none;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-bottom: 8px solid #000;
        border-top: none;
        cursor: pointer
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info .right-cart .qty-box .field .control .menu .reduce {
        width: 0;
        height: 0;
        background: 0 0;
        padding: 0;
        outline: none;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 8px solid #000;
        border-bottom: none;
        margin-top: 2px;
        cursor: pointer
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info .right-cart .qty-box .field .un-control .menu {
        display: none
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info .right-cart .qty-box .price-excluding-tax {
        width: 50%;
        float: right;
        box-sizing: border-box;
        text-align: right
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info .right-cart .qty-box .price-excluding-tax .price {
        font-size: 16px;
        font-weight: 400
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info .right-cart .qty-box .price-excluding-tax .saved-price {
        font-size: 14px;
        margin-top: 5px
    }

    .cart-container .form.form-cart #shopping-cart-table .cart.item .item-info .right-cart .price-box {
        width: 30%;
        float: right;
        text-align: right
    }

    .cart-container .disable-cart {
        opacity: .3;
        pointer-events: none
    }

    .cart-container .crosssell {
        width: 75.75%;
        float: left;
        margin-top: 48px
    }

    .cart-container .crosssell .block-title.title {
        margin: 0;
        margin-bottom: 24px
    }

    .cart-container .crosssell .block-title.title strong {
        font-weight: 400;
        line-height: normal;
        font-size: 24px
    }

    .cart-container .crosssell .block-content.content {
        position: relative
    }

    .cart-container .crosssell .block-content.content .products {
        margin: 0
    }

    .cart-container .crosssell .block-content.content .crosssell-banner-container {
        overflow: hidden;
        padding: 0 40px
    }

    .cart-container .crosssell .block-content.content .crosssell-banner-container .product-items .product-item {
        margin: 0;
        padding: 0
    }

    .cart-container .crosssell .block-content.content .swiper-button-prev {
        left: 0;
        color: #000
    }

    .cart-container .crosssell .block-content.content .swiper-button-prev:after {
        font-size: 40px
    }

    .cart-container .crosssell .block-content.content .swiper-button-next {
        right: 0;
        color: #000
    }

    .cart-container .crosssell .block-content.content .swiper-button-next:after {
        font-size: 40px
    }

    .minicart-wrapper {
        margin-left: 13px
    }

    .minicart-wrapper .block-minicart {
        right: -15px;
        width: 390px
    }

    .opc-wrapper {
        width: 66.66666667%;
        float: left;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        padding-right: 30px
    }

    .checkout-onepage-success .print {
        display: block;
        float: right;
        margin: 22px 0 0
    }

    .checkout-index-index .tip-box .tip {
        top: 8px;
        right: 14px
    }

    .checkout-index-index .checkout-container .checkout-coupon .payment-option-content .content-items .coupon-container .have-coupon .coupon-list .label {
        padding: 30px 0 30px 30px
    }

    .checkout-index-index .checkout-container .checkout-coupon .payment-option-content .content-items .coupon-container .have-coupon .coupon-list .label:before {
        top: 50%;
        left: 5px;
        margin: -14px 0 0
    }

    .opc-progress-bar-item {
        width: 185px
    }

    .checkout-shipping-method .actions-toolbar>.primary {
        float: right
    }

    .checkout-shipping-method .actions-toolbar .action.primary {
        margin: 0
    }

    .opc-wrapper .form-login,.opc-wrapper .form-shipping-address {
        max-width: 600px
    }

    .table-checkout-shipping-method {
        width: auto
    }

    .opc-sidebar {
        margin: 46px 0 20px;
        width: 33.33333333%;
        float: right;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2
    }

    .opc-summary-wrapper .modal-header .action-close {
        display: none
    }

    .authentication-dropdown {
        background-color: #fff;
        border: 1px solid #aeaeae;
        -webkit-transform: scale(1,0);
        -webkit-transform-origin: 0 0;
        -webkit-transition: -webkit-transform linear .1s,visibility 0s linear .1s;
        position: absolute;
        text-align: left;
        top: 100%;
        transform: scale(1,0);
        transform-origin: 0 0;
        transition: transform linear .1s,visibility 0s linear .1s;
        visibility: hidden;
        width: 100%
    }

    .authentication-dropdown._show {
        z-index: 100;
        -webkit-transform: scale(1,1);
        -webkit-transition: -webkit-transform linear .1s,visibility 0s linear 0s;
        transform: scale(1,1);
        transition: transform linear .1s,visibility 0s linear 0s;
        visibility: visible
    }

    .authentication-wrapper {
        width: 33.33333333%;
        text-align: right
    }

    .block-authentication .block-title {
        font-size: 2.4rem;
        border-bottom: 0;
        margin-bottom: 25px
    }

    .block-authentication .actions-toolbar>.primary {
        display: inline;
        float: right;
        margin-right: 0
    }

    .block-authentication .actions-toolbar>.primary .action {
        margin-right: 0
    }

    .block-authentication .actions-toolbar>.secondary {
        float: left;
        margin-right: 2rem;
        padding-top: 1rem
    }

    .popup-authentication .modal-inner-wrap {
        min-width: 768px;
        width: 60%
    }

    .popup-authentication .block-authentication {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        border-top: 1px solid #c1c1c1
    }

    .popup-authentication .block[class],.popup-authentication .form-login,.popup-authentication .fieldset,.popup-authentication .block-content {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-grow: 1;
        flex-grow: 1
    }

    .popup-authentication .block[class] {
        box-sizing: border-box;
        float: left;
        padding: 10px 30px 0 0;
        width: 50%
    }

    .popup-authentication .block[class]+.block {
        border-left: 1px solid #c1c1c1;
        border-top: 0;
        margin: 0;
        padding: 10px 0 0 40px
    }

    .popup-authentication .block[class]+.block:before {
        left: 0;
        top: 50%
    }

    .popup-authentication .actions-toolbar {
        margin-bottom: 0;
        margin-top: auto
    }

    .checkout-payment-method .actions-toolbar .primary {
        float: right;
        margin: 0
    }

    .checkout-payment-method .fieldset>.field-select-billing>.control {
        float: none;
        width: 100%
    }

    .checkout-payment-method .payment-method-content .fieldset>.field {
        margin: 0 0 20px
    }

    .checkout-payment-method .payment-method-content .fieldset>.field.choice:before {
        padding: 0;
        width: 0
    }

    .checkout-payment-method .payment-method-content .fieldset>.field.type .control {
        margin-left: 25.8%
    }

    .checkout-payment-method .payment-method-content .fieldset>.field.type.no-detection .control {
        margin-left: 0
    }

    .checkout-billing-address .action-update {
        float: right
    }

    .checkout-billing-address .actions-toolbar .action-cancel {
        margin: 6px 20px 0 0
    }

    .checkout-payment-method .payment-option-title {
        padding-left: 22px
    }

    .checkout-payment-method .payment-option-content .payment-option-inner+.actions-toolbar {
        margin-left: 0
    }

    .form-my-zone .fieldset>.field:not(.choice)>.label {
        width: auto !important
    }

    .form-my-zone .actions-toolbar>.primary .action {
        margin-right: 24px;
        width: 114px
    }

    .edu-terms-dialog .modal-header {
        padding-bottom: 10px
    }

    .edu-terms-dialog .modal-header h1 {
        font-size: 28px;
        margin-top: 20px
    }

    .edu-terms-dialog.modal-popup._show .modal-inner-wrap,.edu-result-dialog.modal-popup._show .modal-inner-wrap {
        left: 50%;
        top: 50%;
        right: auto;
        bottom: auto;
        max-width: 700px;
        width: 80%;
        height: 75%;
        transform: translate(-50%,-50%)
    }

    .edu-terms-dialog.modal-popup .modal-content,.edu-result-dialog.modal-popup .modal-content {
        padding-left: 34px;
        padding-right: 34px;
        padding-bottom: 48px
    }

    .edu-result-dialog.modal-popup._show .modal-inner-wrap {
        max-width: 388px;
        height: auto
    }

    .edu-result-dialog.modal-popup .modal-footer {
        border-top: none;
        text-align: left
    }

    .verify-page .verify-title {
        font-size: 18px;
        margin-top: 30px
    }

    .verify-page .verify-content {
        margin-top: 45px;
        display: flex
    }

    .verify-page .verify-content .item-inner {
        width: 50%
    }

    .verify-page .verify-content .item-inner .btn {
        display: inline-block;
        width: 114px;
        height: 40px;
        background: #0067b8;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        line-height: 40px;
        text-align: center;
        text-decoration: none
    }

    .verify-page .verify-content .item-inner .short-des {
        font-size: 16px;
        margin-top: 18px
    }

    .verify-page .verify-content .item-inner .short-des a {
        text-decoration: underline;
        color: #0067b8
    }

    .verify-page .verify-content .item-inner h3 {
        font-size: 24px
    }

    .verify-page .verify-content .item-inner .des-box {
        margin-top: 14px;
        width: 70%;
        font-size: 14px;
        min-height: 245px
    }

    .verify-page .verify-content .item-inner .des-box strong {
        white-space: nowrap
    }

    .verify-page .verify-content .item-inner .des-box p {
        margin-bottom: 0;
        padding-left: 10px
    }

    .verify-page .verify-content .item-inner .des {
        display: flex
    }

    .verify-page .component-collapsible {
        margin-top: 70px
    }

    .verify-page .component-collapsible .h3.mx-3 {
        border: none;
        font-size: 18px;
        padding-top: 0
    }

    .verify-page .component-collapsible .btn-group {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 10px
    }

    .verify-page .component-collapsible .btn-group a.btn-expand {
        margin-left: 0;
        color: #0067b8
    }

    .verify-page .component-collapsible .btn-group a.btn-collapse-all {
        color: #737373
    }

    .verify-page .component-collapsible div [aria-expanded=true] h3:before {
        font-size: 20px
    }

    .verify-page .component-collapsible div h3 {
        padding-left: 50px
    }

    .verify-page .component-collapsible div h3:before {
        font-size: 20px
    }

    .verify-page .component-collapsible div[data-role=content] {
        padding-left: 50px
    }

    .account.privateauth-byod-email .account-verify-header,.account.privateauth-hiedu-cert .account-verify-header,.account.privateauth-hiedu-email .account-verify-header,.account.privateauth-edu-index .account-verify-header,.account.privateauth-edu-student .account-verify-header,.account.privateauth-store-verify .account-verify-header {
        display: none
    }

    .edu-form-page,.chsi-page {
        width: 53%;
        min-height: 620px
    }

    .edu-form-page .fieldset,.chsi-page .fieldset {
        padding-top: 25px;
        margin-bottom: 24px
    }

    .edu-form-page .fieldset .nowarp-line,.chsi-page .fieldset .nowarp-line {
        width: 100%;
        overflow: hidden;
        padding-top: 2px
    }

    .edu-form-page .fieldset .edu-page-agreement,.chsi-page .fieldset .edu-page-agreement {
        padding: 2px;
        display: flex;
        align-items: center
    }

    .edu-form-page .fieldset .edu-page-agreement input,.chsi-page .fieldset .edu-page-agreement input {
        height: 20px;
        width: 20px;
        margin: 0
    }

    .edu-form-page .fieldset .edu-page-agreement .label,.chsi-page .fieldset .edu-page-agreement .label {
        padding-left: 8px
    }

    .edu-form-page .fieldset .input-left,.chsi-page .fieldset .input-left {
        width: 41%;
        float: left;
        display: flex;
        margin-bottom: 18px;
        box-sizing: border-box
    }

    .edu-form-page .fieldset .input-left .label,.chsi-page .fieldset .input-left .label {
        min-width: 100px;
        line-height: 40px
    }

    .edu-form-page .fieldset .input-left .control,.chsi-page .fieldset .input-left .control {
        width: calc(100% - 100px)
    }

    .edu-form-page .fieldset .input-right,.chsi-page .fieldset .input-right {
        float: right;
        width: 59%;
        display: flex;
        padding-left: 30px;
        padding-right: 30px;
        margin-bottom: 18px;
        box-sizing: border-box
    }

    .edu-form-page .fieldset .input-right .label,.chsi-page .fieldset .input-right .label {
        min-width: 140px;
        line-height: 40px
    }

    .edu-form-page .fieldset .input-right .control,.chsi-page .fieldset .input-right .control {
        width: calc(100% - 135px);
        position: relative
    }

    .edu-form-page .fieldset .privateauth-verify-code.input-left,.chsi-page .fieldset .privateauth-verify-code.input-left {
        width: 100%
    }

    .edu-form-page .fieldset .privateauth-verify-code.input-left .control input,.chsi-page .fieldset .privateauth-verify-code.input-left .control input {
        width: 45px;
        height: 40px;
        margin-right: 8px
    }

    .edu-form-page .fieldset .privateauth-verify-code.hiedu-input,.chsi-page .fieldset .privateauth-verify-code.hiedu-input {
        width: 41%
    }

    .edu-form-page .fieldset .privateauth-verify-code.hiedu-input .control input,.chsi-page .fieldset .privateauth-verify-code.hiedu-input .control input {
        width: 100%
    }

    .edu-form-page .fieldset .chsi-agree,.chsi-page .fieldset .chsi-agree {
        float: left;
        width: 100%;
        display: flex;
        margin-top: 32px;
        align-items: center
    }

    .edu-form-page .fieldset .chsi-agree .label,.chsi-page .fieldset .chsi-agree .label {
        margin-left: 10px
    }

    .edu-form-page .fieldset .chsi-agree .label .pc,.chsi-page .fieldset .chsi-agree .label .pc {
        display: inline-block
    }

    .edu-form-page .fieldset .chsi-agree .label .mobile,.chsi-page .fieldset .chsi-agree .label .mobile {
        display: none
    }

    .edu-form-page .fieldset .chsi-agree .control,.chsi-page .fieldset .chsi-agree .control {
        padding: 2px;
        display: flex;
        flex-flow: wrap
    }

    .edu-form-page .fieldset .chsi-agree div.mage-error,.chsi-page .fieldset .chsi-agree div.mage-error {
        width: 100%
    }

    .edu-form-page .fieldset .chsi-agree input,.chsi-page .fieldset .chsi-agree input {
        height: 20px;
        width: 20px;
        margin: 0
    }

    .edu-form-page .fieldset>.field.choice:before,.chsi-page .fieldset>.field.choice:before {
        display: none
    }

    .edu-form-page .fieldset .field.required>.label:after,.chsi-page .fieldset .field.required>.label:after {
        display: none
    }

    .edu-form-page .fieldset .field.required>.label:before,.chsi-page .fieldset .field.required>.label:before {
        content: '*';
        color: #000;
        font-size: 12px;
        margin: 0 0 0 5px;
        font-weight: 700
    }

    .edu-form-page .fieldset .field .control input[type=text],.chsi-page .fieldset .field .control input[type=text] {
        height: 40px;
        border-color: #505050
    }

    .edu-form-page .fieldset .field .control input::placeholder,.chsi-page .fieldset .field .control input::placeholder {
        color: transparent
    }

    .edu-form-page .fieldset .field .control input:-ms-input-placeholder,.chsi-page .fieldset .field .control input:-ms-input-placeholder {
        color: transparent
    }

    .edu-form-page .fieldset .field .control input::-webkit-input-placeholder,.chsi-page .fieldset .field .control input::-webkit-input-placeholder {
        color: transparent
    }

    .edu-form-page .fieldset .field .control input.mage-error,.chsi-page .fieldset .field .control input.mage-error {
        border-color: #fc4242
    }

    .edu-form-page .fieldset .field.gra-date .control input::placeholder,.chsi-page .fieldset .field.gra-date .control input::placeholder {
        color: #000
    }

    .edu-form-page .fieldset .field.gra-date .control input:-ms-input-placeholder,.chsi-page .fieldset .field.gra-date .control input:-ms-input-placeholder {
        color: #000
    }

    .edu-form-page .fieldset .field.gra-date .control input::-webkit-input-placeholder,.chsi-page .fieldset .field.gra-date .control input::-webkit-input-placeholder {
        color: #000
    }

    .edu-form-page .fieldset .gra-date .control:after,.chsi-page .fieldset .gra-date .control:after {
        font-family: "ms-icon";
        content: "\e90d";
        font-size: 12px;
        position: absolute;
        right: 10px;
        line-height: 40px;
        z-index: 0;
        top: 0
    }

    .edu-form-page .actions-toolbar,.chsi-page .actions-toolbar {
        margin: 0 !important
    }

    .edu-form-page .review-info p.title,.chsi-page .review-info p.title {
        font-size: 16px;
        font-weight: 700
    }

    .edu-form-page .review-info p.tip,.chsi-page .review-info p.tip {
        color: #d32f2f
    }

    .chsi_page_popup.chsi-page {
        width: 100%;
        min-height: auto;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .chsi_page_popup.chsi-page .modal-inner-wrap {
        max-width: 880px;
        width: 100%;
        -ms-transform: none;
        transform: none;
        margin: 0;
        position: relative
    }

    .chsi_page_popup.chsi-page .modal-inner-wrap .modal-content {
        padding: 0 10px 0 20px
    }

    .chsi_page_popup.chsi-page .modal-inner-wrap .modal-content .chsi-page-popup p.tip {
        margin: 0
    }

    .chsi_page_popup .fieldset.no-operation {
        opacity: .3;
        pointer-events: none
    }

    .chsi_page_popup .chsi-popup-btn {
        margin-bottom: 34px
    }

    .chsi_page_popup .chsi-popup-btn .return-btn {
        height: 40px;
        width: 114px;
        font-size: 14px;
        font-weight: 700;
        background: #000;
        color: #fff;
        border: none
    }

    .chsi_page_popup .chsi-popup-btn .submit-btn {
        height: 40px;
        width: 114px;
        font-size: 14px;
        font-weight: 700;
        background: #0067b8;
        color: #fff;
        border: none;
        margin-left: 14px
    }

    .chsi-popup-confirm {
        width: 100%;
        min-height: auto;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .chsi-popup-confirm .modal-inner-wrap {
        max-width: 388px;
        width: 100%;
        -ms-transform: none;
        transform: none;
        margin: 0;
        position: relative
    }

    .chsi-popup-confirm .modal-inner-wrap .modal-content {
        padding-bottom: 0
    }

    .chsi-popup-confirm .modal-inner-wrap .failure-message-popup .tip {
        display: flex;
        align-items: center
    }

    .chsi-popup-confirm .modal-inner-wrap .failure-message-popup .tip i {
        font-size: 30px
    }

    .chsi-popup-confirm .modal-inner-wrap .failure-message-popup .tip span {
        font-size: 18px;
        font-weight: 700;
        margin-left: 10px
    }

    .chsi-popup-confirm .modal-inner-wrap .failure-message-popup p {
        margin-top: 15px;
        margin-bottom: 0;
        min-height: 40px
    }

    .chsi-popup-confirm .modal-inner-wrap .modal-footer {
        padding-top: 15px;
        padding-bottom: 40px;
        text-align: left;
        border: none
    }

    .chsi-popup-confirm .modal-inner-wrap .modal-footer .action.primary {
        width: 114px
    }

    .change-info-btn {
        width: 53%;
        text-align: right;
        padding-right: 30px;
        box-sizing: border-box
    }

    .change-info-btn button {
        color: #0067b8;
        background: #fff;
        border: none;
        padding: 0;
        text-decoration: none
    }

    .upload-line-box .upload-bottom-box {
        display: flex
    }

    .upload-line-box .label-line.field {
        padding-bottom: 10px
    }

    .upload-line-box .upload {
        width: 200px;
        margin-right: 10px !important
    }

    .upload-line-box .upload .control {
        position: relative
    }

    .upload-line-box .upload input {
        height: 93px !important;
        position: relative;
        z-index: 20;
        box-sizing: border-box
    }

    .upload-line-box .upload input.img-file-box {
        opacity: 0;
        z-index: 50
    }

    .upload-line-box .upload .input-text {
        width: 200px;
        height: 40px;
        border: solid 1px #505050
    }

    .upload-line-box .upload-des {
        width: 350px
    }

    .upload-line-box .img-box-before {
        position: absolute;
        height: 93px;
        border: solid 1px #505050;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        background: #fff;
        z-index: 30;
        top: 0;
        box-sizing: border-box;
        cursor: pointer
    }

    .upload-line-box .img-box-after {
        border: solid 1px #000;
        height: 93px;
        width: 200px;
        box-sizing: border-box;
        position: absolute;
        top: 0;
        background: #fff;
        z-index: 25
    }

    .upload-line-box .img-box-after img {
        max-width: 100%;
        max-height: 100%
    }

    .upload-line-box .img-box-before.has-img {
        display: none
    }

    .privateauth-hiedu-cert .edu-form-page .fieldset .privateauth-verify-code.input-left {
        width: 41%;
        margin-top: 8px
    }

    .privateauth-hiedu-cert .edu-form-page .fieldset .privateauth-verify-code.input-left .control input {
        width: 100%
    }

    .privateauth-byod-email .chsi-popup-confirm .modal-inner-wrap .modal-footer .action.primary,.privateauth-hiedu-email .chsi-popup-confirm .modal-inner-wrap .modal-footer .action.primary {
        min-width: 114px;
        width: auto
    }

    .privateauth-byod-email .edu-form-page .fieldset .input-left,.privateauth-hiedu-email .edu-form-page .fieldset .input-left {
        width: 50%
    }

    .privateauth-byod-email .edu-form-page .fieldset .input-left .label,.privateauth-hiedu-email .edu-form-page .fieldset .input-left .label {
        min-width: 159px
    }

    .epp-popup-confirm .modal-footer {
        display: none
    }

    .epp-popup-inner {
        height: 100%;
        display: flex;
        flex-flow: column;
        margin-bottom: 35px
    }

    .epp-popup-inner .c-text {
        font-size: 14px;
        word-break: break-all
    }

    .epp-popup-inner .c-link {
        margin-top: 20px;
        display: flex;
        justify-content: space-between
    }

    .epp-popup-inner .logout-btn,.epp-popup-inner .cancel-btn {
        font-size: 14px;
        font-weight: 700;
        color: #fff;
        padding: 10px 20px;
        text-decoration: none
    }

    .epp-popup-inner .cancel-btn {
        background: #0067b8
    }

    .epp-popup-inner .logout-btn {
        background: #000
    }

    .block-type-box {
        display: block;
        position: relative;
        width: 100%;
        margin: 0 0 33px
    }

    .block-type-box h2 {
        display: block;
        font-size: 24px;
        color: #000;
        line-height: 30px;
        text-align: left;
        margin: 0
    }

    .block-type-box .block-type-RL {
        display: flex
    }

    .block-type-box .block-type-RL .box {
        margin: 24px 24px 0 0 !important
    }

    .block-type-box .block-type-RL .box:last-child {
        margin-right: 0 !important
    }

    .account-coupon-header {
        display: none
    }

    .coupon-page-index .page-main,.coupon-account-index .page-main {
        padding: 0;
        width: 90%;
        margin: 0 auto
    }

    .account-coupon {
        padding: 4px 0 0;
        overflow: hidden;
        margin-top: 48px
    }

    .account-coupon .coupon-tab {
        width: 120px;
        float: left;
        display: flex;
        flex-flow: column
    }

    .account-coupon .coupon-tab .coupon-button {
        background: 0 0;
        border: none;
        color: #0067b8;
        padding: 0;
        margin-bottom: 30px;
        font-weight: 400;
        line-height: normal;
        text-align: left;
        font-size: 16px;
        cursor: pointer
    }

    .account-coupon .coupon-tab .coupon-button a {
        text-decoration: none
    }

    .account-coupon .coupon-tab .coupon-button .coupon-selected {
        border-bottom: solid 2px #0067b8;
        color: #000;
        font-weight: 700
    }

    .account-coupon .coupon-container {
        width: calc(100% - 120px);
        float: left;
        min-height: 600px
    }

    .account-coupon .coupon-container .coupon-page-content {
        width: calc(100% + 54px);
        margin-right: -18px;
        margin-top: 0
    }

    .account-coupon .coupon-container .coupon-page-content .coupon-list {
        width: calc(((100% - 54px) - 18px*3)/4);
        margin-right: 18px
    }

    .account-coupon .coupon-container .coupon-page-content .coupon-list .list-btn .list-btn-use-button {
        padding: 0;
        background: #0067b8
    }

    .account-coupon .coupon-container .coupon-page-content .coupon-list .list-btn .list-btn-use-button a {
        display: inline-block;
        height: 100%;
        width: 100%;
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        text-decoration: none;
        line-height: 43px
    }

    .account-coupon .overdue-coupon {
        opacity: .3;
        pointer-events: none;
        user-select: none
    }

    .account-coupon .empty-page {
        width: calc(100% - 120px);
        float: left;
        text-align: center;
        min-height: 600px;
        max-width: 100%
    }

    .account-coupon .empty-page .empty-message i {
        font-size: 65px
    }

    .account-coupon .empty-page .empty-message .message-text {
        margin-top: 30px;
        font-size: 16px
    }

    .coupon-page-title {
        width: 100%;
        background: #0067b8;
        padding: 48px 80px;
        box-sizing: border-box
    }

    .coupon-page-title .title-box {
        text-align: center;
        display: inline-block
    }

    .coupon-page-title .title-box div {
        font-size: 28px;
        color: #fff
    }

    .coupon-page-title .title-box .type {
        font-weight: 700
    }

    .coupon-page-content {
        margin-top: 24px;
        width: calc(100% + 72px);
        margin-right: -24px
    }

    .coupon-page-content .coupon-list {
        border: solid 1px #0067b8;
        float: left;
        width: calc(((100% - 72px) - 24px*3)/4);
        margin-right: 24px;
        margin-bottom: 24px;
        box-sizing: border-box;
        position: relative
    }

    .coupon-page-content .coupon-list .list-top {
        padding: 30px 20px 12px
    }

    .coupon-page-content .coupon-list .list-top .list-title {
        display: flex;
        align-items: center
    }

    .coupon-page-content .coupon-list .list-top .list-title .left-price {
        width: 43%;
        font-size: 40px;
        font-weight: 700;
        color: #0067b8;
        min-height: 57px
    }

    .coupon-page-content .coupon-list .list-top .list-title .right-content {
        width: 57%;
        font-size: 16px
    }

    .coupon-page-content .coupon-list .list-top .list-title .right-content .type {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        height: 25px
    }

    .coupon-page-content .coupon-list .list-top .list-title .right-content .use-msg {
        margin-top: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        height: 25px
    }

    .coupon-page-content .coupon-list .list-top .list-time {
        font-size: 14px;
        margin-top: 32px;
        text-align: left
    }

    .coupon-page-content .coupon-list .list-btn .list-btn-use-button {
        height: 43px;
        width: 100%;
        border: none;
        outline: none;
        cursor: pointer;
        background: #0067b8;
        color: #fff;
        font-size: 14px;
        font-weight: 400
    }

    .coupon-page-content .coupon-list .list-btn .list-btn-use-button:disabled {
        opacity: .3
    }

    .coupon-page-content .coupon-list .tip-box {
        width: 100%
    }

    .coupon-page-content .coupon-list .tip-box .tip {
        font-size: 20px;
        color: #0067b8;
        position: absolute;
        top: 14px;
        right: 14px
    }

    .coupon-page-content .coupon-list .tip-box .tip-content {
        display: none;
        position: absolute;
        top: 50px;
        right: 2%;
        width: 96%;
        background: #fff;
        border: 1px solid #505050;
        padding: 28px 18px 38px;
        font-size: 12px;
        box-sizing: border-box;
        z-index: 10
    }

    .coupon-page-content .coupon-list .tip-box .tip-content:after {
        bottom: 100%;
        left: 96%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(255,255,255,0);
        border-bottom-color: #fff;
        border-width: 6px;
        margin-left: -6px
    }

    .coupon-page-content .coupon-list .tip-box .tip-content:before {
        bottom: 100%;
        left: 96%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(80,80,80,0);
        border-bottom-color: #505050;
        border-width: 7px;
        margin-left: -7px
    }

    .coupon-page-content .coupon-list .tip-box:hover .tip-content {
        display: block
    }

    .coupon-popup {
        display: none;
        padding: 48px 45px;
        border: solid 1px #000
    }

    .coupon-popup .main-msg-box {
        display: flex;
        align-items: center
    }

    .coupon-popup .main-msg-box i {
        font-size: 30px;
        margin-right: 10px
    }

    .coupon-popup .main-msg-box .main-msg {
        font-size: 18px;
        font-weight: 700
    }

    .coupon-popup .close-msg {
        font-size: 14px;
        margin: 12px 0 12px
    }

    .coupon-popup .btn-box a {
        display: inline-block;
        padding: 10px 20px;
        min-width: 80px;
        background: #0067b8;
        color: #fff;
        text-decoration: none;
        box-sizing: border-box;
        text-align: center;
        font-weight: 700
    }

    .modal-popup.coupon_page_popup .modal-inner-wrap {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        overflow: hidden;
        max-width: 388px
    }

    .coupon-page-index .coupon-page-title,.coupon-account-index .coupon-page-title,.coupon-closeoffer-index .coupon-page-title {
        background: #a80000
    }

    .coupon-page-index .coupon-list,.coupon-account-index .coupon-list,.coupon-closeoffer-index .coupon-list {
        border: solid 1px #a80000
    }

    .coupon-page-index .coupon-list .list-top .list-title .left-price,.coupon-account-index .coupon-list .list-top .list-title .left-price,.coupon-closeoffer-index .coupon-list .list-top .list-title .left-price {
        color: #a80000
    }

    .coupon-page-index .coupon-list .tip-box .tip,.coupon-account-index .coupon-list .tip-box .tip,.coupon-closeoffer-index .coupon-list .tip-box .tip {
        color: #a80000
    }

    .coupon-page-index .coupon-list .list-btn .list-btn-use-button,.coupon-account-index .coupon-list .list-btn .list-btn-use-button,.coupon-closeoffer-index .coupon-list .list-btn .list-btn-use-button {
        background: #a80000 !important
    }

    .get-allcoupon {
        margin: 24px 0;
        text-align: left
    }

    .get-allcoupon button {
        border: none;
        background: 0 0;
        text-decoration: underline;
        line-height: inherit;
        color: #a80000;
        font-size: 18px;
        padding: 0
    }

    .empty-page {
        margin: 128px auto
    }

    .empty-page .icon-search-text {
        margin-bottom: 27px
    }

    .empty-page .message-text {
        font-size: 1.6rem
    }

    .address-dialog .modal-content {
        padding: 0 40px 46px
    }

    .dashboard-main .dash-title {
        margin-bottom: 24px
    }

    .login-container .block.login .actions-toolbar>.primary {
        margin-bottom: 0;
        margin-right: 30px
    }

    .login-container .block.login .actions-toolbar>.secondary {
        float: left
    }

    .login-container .fieldset>.field>.control {
        width: 80%
    }

    .fieldset .fullname .field .label {
        padding: 6px 15px 0 0;
        text-align: right;
        width: 25.8%;
        box-sizing: border-box;
        float: left
    }

    .fieldset .fullname .field .control {
        width: 74.2%;
        float: left
    }

    .form.password.reset,.form.send.confirmation,.form.password.forget,.form.create.account,.form.search.advanced,.form.form-orders-search {
        min-width: 600px;
        width: 50%
    }

    .address-dialog {
        display: flex;
        align-items: center
    }

    .address-dialog.modal-popup .modal-header {
        padding-top: 46px;
        padding-bottom: 0;
        padding-left: 40px
    }

    .address-dialog.modal-popup .modal-header h1 {
        font-size: 1.8rem;
        line-height: 1.4;
        font-weight: 700
    }

    .custom-address-dialog.modal-popup .modal-header {
        padding: 36px 70px 0
    }

    .custom-address-dialog.modal-popup .modal-header h1 {
        line-height: 24px;
        padding: 0
    }

    .custom-address-dialog.modal-popup .modal-header .action-close {
        padding: 18px 20px
    }

    .custom-address-dialog.modal-popup .modal-content {
        padding: 0
    }

    .custom-address-dialog .modal-inner-wrap .modal-content iframe {
        min-height: 460px
    }

    .customer-address-form .page-main {
        width: 100%
    }

    .customer-address-form .form-address-edit {
        padding: 35px 70px
    }

    .customer-address-form .form-address-edit .fieldset {
        margin-bottom: 0
    }

    .customer-address-form .form-address-edit .fieldset .field:not(.choice).required>label:before,.customer-address-form .form-address-edit .fieldset .field-area-group.required>label:before {
        content: '*';
        display: inline-block
    }

    .customer-address-form .form-address-edit .fieldset .field:not(.choice).required>label span,.customer-address-form .form-address-edit .fieldset .field-area-group.required>label span {
        padding-left: 3px
    }

    .customer-address-form .form-address-edit .fieldset .field:not(.choice).region,.customer-address-form .form-address-edit .fieldset .field-area-group.region,.customer-address-form .form-address-edit .fieldset .field:not(.choice).city,.customer-address-form .form-address-edit .fieldset .field-area-group.city,.customer-address-form .form-address-edit .fieldset .field:not(.choice).district,.customer-address-form .form-address-edit .fieldset .field-area-group.district {
        width: -webkit-calc((100% - 40px)/3);
        width: calc((100% - 40px)/3)
    }

    .customer-address-form .form-address-edit .fieldset .field:not(.choice).region label,.customer-address-form .form-address-edit .fieldset .field-area-group.region label,.customer-address-form .form-address-edit .fieldset .field:not(.choice).city label,.customer-address-form .form-address-edit .fieldset .field-area-group.city label,.customer-address-form .form-address-edit .fieldset .field:not(.choice).district label,.customer-address-form .form-address-edit .fieldset .field-area-group.district label {
        display: none
    }

    .customer-address-form .form-address-edit .fieldset .field:not(.choice).region .control,.customer-address-form .form-address-edit .fieldset .field-area-group.region .control,.customer-address-form .form-address-edit .fieldset .field:not(.choice).city .control,.customer-address-form .form-address-edit .fieldset .field-area-group.city .control,.customer-address-form .form-address-edit .fieldset .field:not(.choice).district .control,.customer-address-form .form-address-edit .fieldset .field-area-group.district .control {
        width: 100%
    }

    .customer-address-form .form-address-edit .fieldset .field:not(.choice).region,.customer-address-form .form-address-edit .fieldset .field-area-group.region {
        margin-right: 20px
    }

    .customer-address-form .form-address-edit .fieldset .field:not(.choice).city,.customer-address-form .form-address-edit .fieldset .field-area-group.city {
        margin-right: 20px
    }

    .customer-address-form .form-address-edit .fieldset .field:not(.choice).city select,.customer-address-form .form-address-edit .fieldset .field-area-group.city select {
        display: block !important
    }

    .customer-address-form .form-address-edit .fieldset .field:not(.choice).city input,.customer-address-form .form-address-edit .fieldset .field-area-group.city input {
        display: none !important
    }

    .customer-address-form .form-address-edit .fieldset .field:not(.choice).district select,.customer-address-form .form-address-edit .fieldset .field-area-group.district select {
        display: block !important
    }

    .customer-address-form .form-address-edit .fieldset .field:not(.choice).district input,.customer-address-form .form-address-edit .fieldset .field-area-group.district input {
        display: none !important
    }

    .customer-address-form .form-address-edit .fieldset .field:not(.choice).street,.customer-address-form .form-address-edit .fieldset .field-area-group.street {
        width: 100%
    }

    .customer-address-form .form-address-edit .fieldset .field:not(.choice).street label,.customer-address-form .form-address-edit .fieldset .field-area-group.street label {
        display: block
    }

    .customer-address-form .form-address-edit .fieldset .field:not(.choice).field-name-lastname input::placeholder,.customer-address-form .form-address-edit .fieldset .field-area-group.field-name-lastname input::placeholder,.customer-address-form .form-address-edit .fieldset .field:not(.choice).telephone input::placeholder,.customer-address-form .form-address-edit .fieldset .field-area-group.telephone input::placeholder,.customer-address-form .form-address-edit .fieldset .field:not(.choice).email input::placeholder,.customer-address-form .form-address-edit .fieldset .field-area-group.email input::placeholder,.customer-address-form .form-address-edit .fieldset .field:not(.choice).zip1 input::placeholder,.customer-address-form .form-address-edit .fieldset .field-area-group.zip1 input::placeholder,.customer-address-form .form-address-edit .fieldset .field:not(.choice).street input::placeholder,.customer-address-form .form-address-edit .fieldset .field-area-group.street input::placeholder,.customer-address-form .form-address-edit .fieldset .field:not(.choice).mobile-phone input::placeholder,.customer-address-form .form-address-edit .fieldset .field-area-group.mobile-phone input::placeholder {
        color: transparent
    }

    .customer-address-form .form-address-edit .fieldset .field:not(.choice).field-name-lastname input:-ms-input-placeholder,.customer-address-form .form-address-edit .fieldset .field-area-group.field-name-lastname input:-ms-input-placeholder,.customer-address-form .form-address-edit .fieldset .field:not(.choice).telephone input:-ms-input-placeholder,.customer-address-form .form-address-edit .fieldset .field-area-group.telephone input:-ms-input-placeholder,.customer-address-form .form-address-edit .fieldset .field:not(.choice).email input:-ms-input-placeholder,.customer-address-form .form-address-edit .fieldset .field-area-group.email input:-ms-input-placeholder,.customer-address-form .form-address-edit .fieldset .field:not(.choice).zip1 input:-ms-input-placeholder,.customer-address-form .form-address-edit .fieldset .field-area-group.zip1 input:-ms-input-placeholder,.customer-address-form .form-address-edit .fieldset .field:not(.choice).street input:-ms-input-placeholder,.customer-address-form .form-address-edit .fieldset .field-area-group.street input:-ms-input-placeholder,.customer-address-form .form-address-edit .fieldset .field:not(.choice).mobile-phone input:-ms-input-placeholder,.customer-address-form .form-address-edit .fieldset .field-area-group.mobile-phone input:-ms-input-placeholder {
        color: transparent
    }

    .customer-address-form .form-address-edit .fieldset .field:not(.choice).field-name-lastname input::-webkit-input-placeholder,.customer-address-form .form-address-edit .fieldset .field-area-group.field-name-lastname input::-webkit-input-placeholder,.customer-address-form .form-address-edit .fieldset .field:not(.choice).telephone input::-webkit-input-placeholder,.customer-address-form .form-address-edit .fieldset .field-area-group.telephone input::-webkit-input-placeholder,.customer-address-form .form-address-edit .fieldset .field:not(.choice).email input::-webkit-input-placeholder,.customer-address-form .form-address-edit .fieldset .field-area-group.email input::-webkit-input-placeholder,.customer-address-form .form-address-edit .fieldset .field:not(.choice).zip1 input::-webkit-input-placeholder,.customer-address-form .form-address-edit .fieldset .field-area-group.zip1 input::-webkit-input-placeholder,.customer-address-form .form-address-edit .fieldset .field:not(.choice).street input::-webkit-input-placeholder,.customer-address-form .form-address-edit .fieldset .field-area-group.street input::-webkit-input-placeholder,.customer-address-form .form-address-edit .fieldset .field:not(.choice).mobile-phone input::-webkit-input-placeholder,.customer-address-form .form-address-edit .fieldset .field-area-group.mobile-phone input::-webkit-input-placeholder {
        color: transparent
    }

    .customer-address-form .form-address-edit .fieldset .field:not(.choice) label,.customer-address-form .form-address-edit .fieldset .field-area-group label {
        width: 85px;
        text-align: left;
        padding: 10px 10px 0 0
    }

    .customer-address-form .form-address-edit .fieldset .field:not(.choice) label:after,.customer-address-form .form-address-edit .fieldset .field-area-group label:after {
        content: inherit
    }

    .customer-address-form .form-address-edit .fieldset .field:not(.choice)>.control,.customer-address-form .form-address-edit .fieldset .field-area-group>.control {
        width: calc(100% - 85px);
        float: left
    }

    .customer-address-form .form-address-edit .fieldset .field:not(.choice) input,.customer-address-form .form-address-edit .fieldset .field-area-group input,.customer-address-form .form-address-edit .fieldset .field:not(.choice) select,.customer-address-form .form-address-edit .fieldset .field-area-group select {
        height: 40px;
        border: 1px solid #505050
    }

    .customer-address-form .form-address-edit .fieldset .field:not(.choice) input.mage-error,.customer-address-form .form-address-edit .fieldset .field-area-group input.mage-error,.customer-address-form .form-address-edit .fieldset .field:not(.choice) select.mage-error,.customer-address-form .form-address-edit .fieldset .field-area-group select.mage-error {
        border-color: #fc4242
    }

    .customer-address-form .form-address-edit .field-area-group>.control {
        display: flex
    }

    .customer-address-form .form-address-edit .field:not(.choice) {
        width: calc((100% - 35px)/2);
        margin-bottom: 15px;
        float: left
    }

    .customer-address-form .form-address-edit .field:not(.choice).field-name-lastname,.customer-address-form .form-address-edit .field:not(.choice).mobile-phone,.customer-address-form .form-address-edit .field:not(.choice).zip {
        margin: 0 35px 15px 0
    }

    .customer-address-form .form-address-edit .field:not(.choice).mobile-phone,.customer-address-form .form-address-edit .field:not(.choice).zip {
        clear: both
    }

    .customer-address-form .form-address-edit .field:not(.choice).telephone {
        width: 100%
    }

    .customer-address-form .form-address-edit .field:not(.choice).telephone>.control {
        width: calc(50% - 102px)
    }

    .customer-address-form .form-address-edit .field.choice {
        clear: both;
        margin-bottom: 5px
    }

    .customer-address-form .form-address-edit .field.choice:before {
        content: inherit
    }

    .customer-address-form .form-address-edit .field.choice input.checkbox:checked+label:before {
        content: "\e73d"
    }

    .customer-address-form .form-address-edit .field.choice label:before {
        font-size: 25px
    }

    .customer-address-form .form-address-edit .actions-toolbar .primary button {
        padding: 9px 0;
        width: 114px
    }

    .fapiao-book {
        margin-top: 16px
    }

    .control.captcha-image .captcha-img {
        margin: 0 10px 10px 0
    }

    .page-product-downloadable .product-options-wrapper {
        float: left;
        width: 55%
    }

    .page-product-downloadable .product-options-bottom {
        float: right;
        width: 40%
    }

    .page-product-downloadable .product-options-bottom .field.qty+.actions {
        padding-top: 0
    }

    .gift-message .field {
        margin-bottom: 20px
    }

    .gift-options {
        position: relative;
        z-index: 1
    }

    .gift-options .actions-toolbar {
        clear: both;
        float: right;
        position: static
    }

    .gift-options .actions-toolbar .secondary {
        float: right
    }

    .gift-options .actions-toolbar .secondary .action {
        float: right;
        margin-left: 20px
    }

    .gift-options .actions-toolbar .secondary .action-cancel {
        display: block;
        float: left;
        margin-top: 6px
    }

    .gift-options .actions-toolbar:nth-child(3):before {
        border-left: 1px solid #c1c1c1;
        bottom: 5rem;
        content: '';
        display: block;
        left: 50%;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 0
    }

    .gift-options-title {
        font-weight: 300;
        font-size: 1.8rem
    }

    .cart.table-wrapper .action-gift {
        float: left
    }

    .order-options .gift-wrapping,.table-order-review .gift-wrapping {
        max-width: 50%
    }

    .form-giftregistry-search .fieldset {
        margin-bottom: 29px
    }

    .form-giftregistry-search .fieldset>.fields-specific-options>.field {
        margin: 0 0 20px;
        box-sizing: border-box
    }

    .form-giftregistry-search .fieldset>.fields-specific-options>.field>.label {
        margin: 0
    }

    .form-giftregistry-search .fieldset>.fields-specific-options>.field:before,.form-giftregistry-search .fieldset>.fields-specific-options>.field:after {
        content: '';
        display: table
    }

    .form-giftregistry-search .fieldset>.fields-specific-options>.field:after {
        clear: both
    }

    .form-giftregistry-search .fieldset>.fields-specific-options>.field.choice:before,.form-giftregistry-search .fieldset>.fields-specific-options>.field.no-label:before {
        padding: 6px 15px 0 0;
        width: 25.8%;
        box-sizing: border-box;
        content: ' ';
        float: left;
        height: 1px
    }

    .form-giftregistry-search .fieldset>.fields-specific-options>.field .description {
        padding: 6px 15px 0 0;
        text-align: right;
        width: 25.8%;
        box-sizing: border-box;
        float: left
    }

    .form-giftregistry-search .fieldset>.fields-specific-options>.field:not(.choice)>.label {
        padding: 6px 15px 0 0;
        text-align: right;
        width: 25.8%;
        box-sizing: border-box;
        float: left
    }

    .form-giftregistry-search .fieldset>.fields-specific-options>.field:not(.choice)>.control {
        width: 74.2%;
        float: left
    }

    .block-giftregistry-shared-items .product-item-photo {
        display: table-cell;
        max-width: 100%;
        padding: 0 20px 0 0;
        vertical-align: top;
        width: 1%
    }

    .block-giftregistry-shared-items .product-item-details {
        display: table-cell;
        vertical-align: top;
        width: 99%;
        word-break: normal
    }

    .block-giftregistry-shared-items .col.product {
        width: 48%
    }

    .block-giftregistry-shared-items .col:not(.product) {
        text-align: center
    }

    .block-giftregistry-shared-items .col.price {
        padding-top: 17px
    }

    .block-giftregistry-shared-items .input-text.qty {
        margin-top: -4px
    }

    .gift-options-cart-item .gift-wrapping,.cart-gift-item .gift-wrapping {
        box-sizing: border-box;
        float: left;
        padding-right: 20px;
        width: 50%
    }

    .gift-options-cart-item .gift-wrapping+.gift-message,.cart-gift-item .gift-wrapping+.gift-message {
        border-left: 1px solid #c1c1c1;
        box-sizing: border-box;
        float: left;
        padding-left: 4.5rem;
        width: 50%
    }

    .form-add-invitations .additional,.form-add-invitations .field.text {
        margin-top: 29px
    }

    .table-invitations .col {
        width: 50%
    }

    .wishlist.window.popup {
        bottom: auto;
        top: 20%;
        left: 50%;
        margin-left: -212px;
        width: 380px;
        right: auto
    }

    .wishlist.window.popup .field {
        margin: 0 0 20px
    }

    .wishlist.window.popup .field:not(.choice)>.label {
        box-sizing: content-box;
        float: none;
        width: auto;
        text-align: left;
        padding: 0
    }

    .wishlist.window.popup .field:not(.choice)>.control {
        float: none;
        width: auto
    }

    .wishlist.window.popup .field>.label {
        margin: 0 0 5px;
        display: inline-block
    }

    .wishlist.window.popup .field.choice:before,.wishlist.window.popup .field.no-label:before {
        display: none
    }

    .block-wishlist-management {
        margin-bottom: 20px
    }

    .block-wishlist-management .wishlist-select {
        border-bottom: 1px solid #e8e8e8;
        display: table;
        margin-bottom: 15px;
        width: 100%
    }

    .block-wishlist-management .wishlist-select .wishlist-name {
        display: table-cell;
        margin-right: 10px;
        padding: 5px 10px 10px;
        vertical-align: top;
        white-space: nowrap;
        width: 5%
    }

    .block-wishlist-management .wishlist-select-items {
        display: table-cell;
        padding-right: 160px;
        vertical-align: top
    }

    .block-wishlist-management .wishlist-select-items .item {
        display: inline-block;
        margin-right: 10px;
        padding: 5px 10px 10px
    }

    .block-wishlist-management .wishlist-select-items .item:last-child {
        margin-right: 0
    }

    .block-wishlist-management .wishlist-select-items .current {
        border-bottom: 3px solid #ff5501;
        font-weight: 600
    }

    .block-wishlist-management .wishlist-select .wishlist-name-current {
        display: none
    }

    .block-wishlist-management .wishlist-add.item {
        position: absolute;
        right: 0;
        top: 0
    }

    .block-wishlist-management .wishlist-title strong {
        font-size: 4rem
    }

    .block-wishlist-management .wishlist-info {
        float: left
    }

    .block-wishlist-management .wishlist-toolbar {
        float: right
    }

    .block-wishlist-info-items .product-item-photo {
        margin-left: 0
    }

    .products-grid.wishlist .product-item-checkbox {
        float: left
    }

    .products-grid.wishlist .product-item-checkbox+.product-item-name {
        margin-left: 25px
    }

    .block.newsletter {
        max-width: 44%;
        width: max-content
    }

    .block.newsletter .field {
        margin-right: 5px
    }

    .block.newsletter .field .control {
        width: 100%
    }

    .block.newsletter .action.subscribe {
        border-radius: 3px
    }

    .pagebuilder-mobile-only {
        display: none !important
    }

    .paypal-review .paypal-review-title {
        border-bottom: 1px solid #d2d2d2
    }

    .paypal-review .block-content .box-order-shipping-address,.paypal-review .block-content .box-order-shipping-method,.paypal-review .block-content .box-order-shipping-method+.box-order-billing-address {
        box-sizing: border-box;
        float: left;
        width: 33%
    }

    .paypal-review .block-content .box-order-shipping-address {
        padding: 0 5%;
        width: 34%
    }

    .paypal-review .col.subtotal,.paypal-review .mark,.paypal-review .amount {
        text-align: right
    }

    .products.wrapper.list .product-reviews-summary {
        margin: 0
    }

    .review-title {
        font-size: 2.4rem
    }

    .review-form .fieldset>.field:not(.choice)>.label {
        float: none;
        padding: 8px 0 4px;
        width: 100%;
        font-size: 1.4rem;
        text-align: left
    }

    .review-form .fieldset>.field:not(.choice)>.control {
        width: 100%;
        float: none
    }

    .review-form .fieldset>.field:not(.choice) input[type=text] {
        height: 40px
    }

    .review-form .fieldset>.field.review-field-ratings {
        margin-bottom: 24px
    }

    .review-form .fieldset>.field.review-field-ratings>.label {
        margin-bottom: 24px
    }

    .column:not(.sidebar-main) form.review-form .actions-toolbar {
        margin-left: 0
    }

    .review-form {
        max-width: 793px
    }

    .review-form .fieldset .field {
        margin-bottom: 16px
    }

    .review-toolbar {
        margin: 0 0 30px
    }

    .review-toolbar .pages {
        padding: 30px 0
    }

    .reward-settings+.actions-toolbar {
        margin-top: -32px
    }

    .form-create-return .additional .field:last-child {
        margin-top: 29px
    }

    .magento-rma-guest-returns .column.main .block:not(.widget) .block-content .box {
        margin-bottom: 20px
    }

    .block-returns-tracking .block-title .action {
        margin: 0 0 0 30px
    }

    .block-returns-tracking .block-title .actions-track {
        float: right;
        margin-top: 12px
    }

    .error-popup-global-confirm.modal-popup._show .modal-inner-wrap {
        left: 50%;
        top: 50%;
        right: auto;
        bottom: auto;
        max-width: 330px;
        width: 80%;
        height: auto;
        transform: translate(-50%,-50%)
    }

    .error-popup-global-confirm.modal-popup .modal-content {
        padding-left: 34px;
        padding-right: 34px;
        padding-bottom: 16px
    }

    .error-popup-global-confirm.modal-popup .modal-footer {
        border-top: none;
        text-align: right;
        padding-top: 20px;
        padding-bottom: 20px
    }

    .box-activating-private-key .inner-box-content .col-left-content {
        -webkit-flex-basis: 50%;
        -moz-flex-basis: 50%;
        -ms-flex-basis: 50%;
        flex-basis: 50%
    }

    .box-activating-private-key .inner-box-content .col-changed-button {
        -webkit-flex-basis: 50%;
        -moz-flex-basis: 50%;
        -ms-flex-basis: 50%;
        flex-basis: 50%
    }

    .order-details-item.orders-history .order-items-history {
        width: 100%
    }

    .modal-popup.order-detail-modal {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .modal-popup.order-detail-modal .modal-inner-wrap {
        width: auto;
        position: unset
    }

    .form-upload-bank.form-wrap .payment-account-amount input::-webkit-input-placeholder {
        color: #fff
    }

    .form-upload-bank.form-wrap .payment-account-amount input::-ms-input-placeholder {
        color: #fff
    }

    .form-upload-bank.form-wrap .payment-account-amount input:-moz-placeholder {
        color: #fff
    }

    .form-upload-bank.form-wrap .payment-account-amount input::placeholder {
        color: #fff
    }

    .form-upload-bank.form-wrap .payment-account-amount input:-ms-input-placeholder {
        color: #fff
    }

    .form-upload-bank.form-wrap .payment-account-amount input::placeholder {
        color: #fff
    }

    .form-upload-bank.form-wrap .payment-account-amount input#paymentAmount::-webkit-input-placeholder {
        color: #000
    }

    .form-upload-bank.form-wrap .payment-account-amount input#paymentAmount::-ms-input-placeholder {
        color: #000
    }

    .form-upload-bank.form-wrap .payment-account-amount input#paymentAmount:-moz-placeholder {
        color: #000
    }

    .form-upload-bank.form-wrap .payment-account-amount input#paymentAmount::placeholder {
        color: #000
    }

    .form-upload-bank.form-wrap .payment-account-amount input#paymentAmount:-ms-input-placeholder {
        color: #000
    }

    .form-upload-bank.form-wrap .payment-account-amount input#paymentAmount::placeholder {
        color: #000
    }

    .form-upload-bank.form-wrap .control.date input::-webkit-datetime-edit {
        color: transparent
    }

    .form-upload-bank.form-wrap .control.date.show-date input::-webkit-datetime-edit {
        color: #000
    }

    .form-upload-bank .payment-account-amount {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        display: flex
    }

    .form-upload-bank .fieldset>.field:not(.choice)>.label {
        min-width: 128px
    }

    .form-upload-bank .fieldset .upload_des {
        margin-left: 10px
    }

    .top-order-detail-page .block-order-details-view .box-title>span {
        line-height: 21px !important
    }

    .box-content address {
        font-size: 1.6rem;
        line-height: 21px
    }

    .complete-cancel-btn {
        width: 100%
    }

    .table-order-items .subtotal,.table-order-items .amount {
        text-align: right
    }

    .table-order-items.creditmemo .col.qty,.table-order-items.creditmemo .col.discount,.table-order-items.creditmemo .col.subtotal {
        text-align: center
    }

    .table-order-items.creditmemo .col.total {
        text-align: right
    }

    .order-pager-wrapper .order-pager-wrapper-top {
        padding-left: 0;
        padding-right: 0
    }

    .order-pager-wrapper .pages {
        float: right
    }

    .order-actions-toolbar .action.print {
        display: block;
        float: right
    }

    .page-title-wrapper .order-date {
        margin-top: -20px
    }

    [class^=sales-guest-] .column.main .block:not(.widget) .block-content .box,.sales-guest-view .column.main .block:not(.widget) .block-content .box {
        margin-bottom: 20px
    }

    .orders-status {
        padding: 17px 30px 0 0;
        vertical-align: top;
        width: 80px
    }

    .orders-history {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        display: flex
    }

    .orders-history .table:not(.cart):not(.totals).table-order-items {
        width: calc((100% - 80px))
    }

    .table-order-items .order-items-history {
        margin-bottom: 24px
    }

    .table-order-items .order-items-history .col {
        line-height: 21px
    }

    .table-order-items .order-items-history .product-order-gap .col.price {
        padding-top: 26px
    }

    .table-order-items .package-order-history,.table-order-items .info-order-history {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        display: flex;
        justify-content: space-between;
        padding: 16px 15px 15px
    }

    .table-order-items .info-order-history {
        border-top: 1px solid #d2d2d2;
        margin: 16px 0;
        position: relative;
        flex-wrap: wrap
    }

    .table-order-items .left-order,.table-order-items .right-order {
        align-items: center
    }

    .table-order-items .product-order-wrapper {
        align-items: center
    }

    .table-order-items .left-order,.table-order-items .product-order-details {
        width: 75%
    }

    .table-order-items .right-order,.table-order-items .product-unpaid-order {
        width: 25%;
        flex-direction: column;
        align-items: flex-end
    }

    .table-order-items .product-order-details .common .product-order-left {
        padding-right: 10px
    }

    .table-order-items .product-order-details .common .product-order-left .details {
        width: 80px
    }

    .table-order-items .product-order-details .common .product-order-left .product-information {
        width: calc((100% - 104px));
        padding-left: 24px
    }

    .table-order-items .product-order-details .common .product-order-left .product-information .product-short-description {
        line-height: 21px
    }

    .table-order-items .product-order-details .common .product-order-left .product-information .product-short-description,.table-order-items .product-order-details .common .product-order-left .product-information .product-install-tips {
        font-size: 1.4rem
    }

    .table-order-items .product-order-details .bundle-product-head {
        padding-bottom: 24px
    }

    .table-order-items .product-order-details .product-order-details>.bundle-product .details {
        padding-left: 0
    }

    .table-order-items .product-order-details .gift-product .product-order-left .details,.table-order-items .product-order-details .pre-order-product .product-order-left .details {
        padding-left: 104px
    }

    .table-order-items .product-order-details .gift-product .product-order-left .product-information,.table-order-items .product-order-details .pre-order-product .product-order-left .product-information {
        width: calc((100% - 208px))
    }

    .table-order-items .product-order-details .in-bundle-item {
        padding-left: 110px
    }

    .table-order-items .product-order-left {
        width: 80%
    }

    .table-order-items .product-order-right {
        width: 20%
    }

    .table-order-items .product-unpaid-order .unpaid-order {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        display: flex;
        flex-direction: column;
        align-items: flex-end
    }

    .table-order-items .product-unpaid-order .unpaid-order button {
        margin: 0 0 24px
    }

    .table-order-items .product-unpaid-order .unpaid-order .payment-wrapper a span {
        display: inline-block;
        color: #fff;
        width: 114px;
        height: 40px;
        background: #0067b8;
        line-height: 40px;
        text-align: center;
        font-size: 14px;
        font-weight: 700
    }

    .table-order-items .product-unpaid-order .unpaid-order .payment-wrapper a.his-go-to-pay {
        color: #fff
    }

    .table-order-items .product-unpaid-order .unpaid-order a {
        margin-bottom: 24px
    }

    .table-order-items .get-product-key {
        position: absolute;
        right: 19px;
        margin-top: -40px
    }

    .table-order-items .message-pre-order {
        padding: 11px 30px;
        width: 100%
    }

    .product-order-protection {
        display: flex;
        flex-flow: column;
        position: absolute;
        right: 30px;
        align-items: flex-end
    }

    .product-order-protection .price-btn {
        width: 114px;
        border: solid 1px #505050;
        color: #505050;
        background: #fff;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 10px;
        opacity: .3;
        pointer-events: none
    }

    .product-order-protection .valuation-btn {
        width: 114px;
        border: solid 1px #505050;
        color: #505050;
        background: #fff;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 10px;
        opacity: 1;
        pointer-events: auto
    }

    .product-order-protection .review-btn {
        width: 114px;
        border: solid 1px #505050;
        color: #505050;
        background: #fff;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 10px;
        opacity: .3;
        pointer-events: auto
    }

    .product-order-protection span {
        font-size: 12px;
        color: #000
    }

    .protection-form-popup {
        display: none
    }

    .protection-popup {
        width: 100%;
        min-height: auto;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .protection-popup .modal-footer {
        display: none
    }

    .protection-popup .modal-inner-wrap {
        max-width: 755px;
        width: 100%;
        -ms-transform: none;
        transform: none;
        margin: 0;
        position: relative
    }

    .protection-popup .modal-inner-wrap .modal-content {
        padding-left: 55px;
        padding-right: 65px
    }

    .protection-popup .protection-form-content {
        margin-top: 36px
    }

    .protection-popup .protection-title {
        font-size: 18px;
        font-weight: 700
    }

    .protection-popup .fieldset .row-fied {
        display: flex;
        margin-bottom: 30px
    }

    .protection-popup .fieldset .row-fied .field {
        width: 50%;
        display: flex;
        justify-content: space-between
    }

    .protection-popup .fieldset .row-fied .field .label {
        font-size: 14px
    }

    .protection-popup .fieldset .row-fied .field.required .label:before {
        content: "*";
        font-size: 14px;
        font-weight: 700;
        padding-right: 2px
    }

    .protection-popup .fieldset .row-fied .field .input-text {
        width: 200px;
        height: 40px;
        border: solid 1px #505050
    }

    .protection-popup .fieldset .row-fied .field .input-text.mage-error {
        border-color: #fc4242
    }

    .protection-popup .fieldset .row-fied .field.upload .label {
        line-height: 93px
    }

    .protection-popup .fieldset .row-fied .upload-des {
        flex-flow: column;
        align-items: flex-start;
        justify-content: center;
        height: auto
    }

    .protection-popup .fieldset .row-fied .name input::placeholder {
        color: transparent
    }

    .protection-popup .fieldset .row-fied .name input::-ms-input-placeholder {
        color: transparent
    }

    .protection-popup .fieldset .row-fied .name input::-webkit-input-placeholder {
        color: transparent
    }

    .protection-popup .fieldset .row-fied .mobile input::placeholder {
        color: transparent
    }

    .protection-popup .fieldset .row-fied .mobile input::-ms-input-placeholder {
        color: transparent
    }

    .protection-popup .fieldset .row-fied .mobile input::-webkit-input-placeholder {
        color: transparent
    }

    .protection-popup .upload .control {
        position: relative
    }

    .protection-popup .upload input {
        height: 93px !important;
        position: relative;
        z-index: 20;
        box-sizing: border-box
    }

    .protection-popup .img-box-before {
        position: absolute;
        height: 93px;
        border: solid 1px #505050;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        background: #fff;
        z-index: 30;
        top: 0;
        box-sizing: border-box;
        cursor: pointer
    }

    .protection-popup .img-box-before.error-border {
        border-color: #fc4242
    }

    .protection-popup .img-box-before.has-img {
        display: none
    }

    .protection-popup .img-box-after {
        border: solid 1px #000;
        height: 93px;
        width: 200px;
        box-sizing: border-box;
        position: absolute;
        top: 0;
        background: #fff;
        z-index: 25
    }

    .protection-popup .img-box-after img {
        max-width: 100%;
        max-height: 100%
    }

    .protection-popup .protection-preview-popup .protection-preview-content {
        margin-top: 36px;
        opacity: .3;
        pointer-events: none
    }

    .protection-popup .protection-preview-popup .protection-preview-content .upload-input {
        margin-right: 30px
    }

    .protection-popup .protection-preview-popup .protection-preview-content .upload-input .control .img-box-after {
        position: relative
    }

    .protection-popup a.pc-show {
        display: inline-block
    }

    .protection-popup a.mobile-show {
        display: none
    }

    .protection-popup .fieldset .row-fied .upload,.protection-popup .fieldset .row-fied .name {
        margin-right: 30px
    }

    .protection-popup .fieldset .row-fied .field.mobile .label,.protection-popup .fieldset .row-fied .field.name .label {
        line-height: 40px
    }

    .protection-preview-popup {
        display: none
    }

    .page-wrapper>.breadcrumbs,.page-wrapper>.top-container,.page-wrapper>.widget {
        box-sizing: border-box;
        width: 100%
    }

    .navigation ul {
        padding: 0 8px
    }

    .header.panel>.header.links {
        float: right;
        font-size: 0;
        margin: 0;
        padding: 0;
        list-style: none none;
        margin-left: auto
    }

    .header.panel>.header.links>li {
        display: inline-block;
        vertical-align: top
    }

    .header.panel>.header.links>li {
        font-size: 14px;
        margin: 0 0 0 15px
    }

    .header.panel>.header.links>li.welcome,.header.panel>.header.links>li a {
        line-height: 1.4
    }

    .header.panel>.header.links>li.welcome a {
        padding-left: 5px
    }

    .header.content {
        padding: 30px 20px 0
    }

    .page-header {
        border: 0;
        margin-bottom: 0;
        background-color: #fff
    }

    ._has-modal .page-header {
        z-index: 899
    }

    .page-header .panel.wrapper {
        border-bottom: 1px solid #e8e8e8
    }

    .page-header .header.panel {
        padding-bottom: 10px;
        padding-top: 10px
    }

    .page-header .switcher {
        display: inline-block
    }

    .page-main>.page-title-wrapper .page-title {
        display: inline-block
    }

    .page-main>.page-title-wrapper .page-title+.action {
        float: right;
        margin-top: 20px
    }

    .page-main-full-width {
        max-width: 1600px;
        margin: 0 auto;
        width: 90%;
        box-sizing: border-box
    }

    .logo {
        margin: -8px auto 25px 0
    }

    .logo img {
        max-height: inherit
    }

    .footer.content .block {
        float: right
    }

    .footer.content .links {
        display: inline-block;
        margin-bottom: 20px;
        padding: 0 50px 0 0;
        vertical-align: top
    }

    .footer.content .switcher.store {
        display: inline-block;
        padding-right: 50px;
        vertical-align: top
    }

    #cookie-banner {
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 9999
    }

    .my-credit-cards .card-type img {
        display: block
    }

    .products-grid.wishlist .product-item-tooltip {
        display: inline-block
    }

    .products-grid.wishlist .product-item-actions {
        margin: 10px 0 0
    }

    .products-grid.wishlist .product-item .fieldset .field.qty {
        margin-bottom: 10px;
        padding-right: 10px
    }

    .products-grid.wishlist .product-item .fieldset .field.qty .label {
        width: auto
    }

    .products-grid.wishlist .product-item .box-tocart .actions-primary {
        margin: 0
    }

    .products-grid.wishlist .product-item .box-tocart .stock {
        margin: 20px 0 0
    }

    .wishlist-index-index .product-item-info {
        width: 240px
    }

    .block.widget .products-grid .product-item {
        width: 33.33333333%
    }

    .sidebar .block.widget .products-grid .product-item {
        margin-left: 0;
        width: 100%
    }

    .sidebar .block.widget .products-grid .product-item .actions-secondary {
        display: block;
        padding: 10px 0
    }

    .page-layout-1column .block.widget .products-grid .product-item {
        margin-left: 2%;
        width: calc((100% - 6%)/4)
    }

    .page-layout-1column .block.widget .products-grid .product-item:nth-child(3n+1) {
        margin-left: 2%
    }

    .page-layout-1column .block.widget .products-grid .product-item:nth-child(4n+1) {
        margin-left: 0
    }

    .page-layout-3columns .block.widget .products-grid .product-item {
        width: 50%
    }

    .sidebar .block.widget .pager .pages-item-next {
        padding: 0
    }

    .sidebar .block.widget .pager .pages-item-next .action {
        margin: 0
    }

    .hup-invite-input {
        text-align: center;
        margin-top: 50px
    }

    .hup-invite-input .title {
        font-size: 30px;
        margin-bottom: 15px
    }

    .hup-invite-input input {
        width: 400px;
        height: 40px;
        font-size: 14px
    }

    .hup-invite-input .email-box {
        display: flex;
        justify-content: center;
        flex-flow: column;
        align-items: center
    }

    .hup-invite-input .btn {
        width: 170px;
        height: 35px;
        line-height: 35px;
        color: #fff;
        font-size: 14px;
        background: #0067b8;
        margin-top: 12px;
        margin-bottom: 12px;
        border: none
    }

    .hup-invite-input .email-msg {
        color: #d50303;
        font-size: 12px
    }

    .hup-login-content .login-content {
        position: absolute;
        color: #fff;
        text-align: center;
        width: 100%;
        top: 28%
    }

    .hup-login-content .login-content .title {
        font-size: 40px
    }

    .hup-login-content .login-content .des {
        font-size: 16px
    }

    .hup-login-content .login-content .btn {
        margin-top: 40px
    }

    .hup-login-content .login-content .btn a {
        display: inline-block;
        width: 170px;
        height: 35px;
        background: #0067b8;
        color: #fff;
        line-height: 35px;
        font-size: 16px;
        margin-bottom: 22px;
        text-decoration: none
    }

    .hup-login-content .login-content .btn .error-msg {
        font-size: 16px
    }

    .cmb-wechect-popup {
        display: none
    }

    .grouped-payment-landing .page-main,.mscheckout-payment-banksuccess .page-main,.mscheckout-payment-cashsuccess .page-main {
        max-width: 1600px;
        margin: 0 auto;
        width: 90%;
        padding: 0
    }

    .grouped-payment-landing .payment-header-mobile,.mscheckout-payment-banksuccess .payment-header-mobile,.mscheckout-payment-cashsuccess .payment-header-mobile {
        display: none
    }

    .grouped-payment-landing .payment-inner,.mscheckout-payment-banksuccess .payment-inner,.mscheckout-payment-cashsuccess .payment-inner {
        margin-top: 32px;
        overflow: hidden
    }

    .grouped-payment-landing .payment-inner .payment_info,.mscheckout-payment-banksuccess .payment-inner .payment_info,.mscheckout-payment-cashsuccess .payment-inner .payment_info {
        float: left;
        width: 43.125%;
        min-height: 500px
    }

    .grouped-payment-landing .payment-inner .payment_info .title,.mscheckout-payment-banksuccess .payment-inner .payment_info .title,.mscheckout-payment-cashsuccess .payment-inner .payment_info .title {
        font-size: 14px;
        margin-bottom: 18px
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul {
        overflow: hidden
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li:not(.fieldset),.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li:not(.fieldset),.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li:not(.fieldset) {
        width: 42%;
        height: 40px;
        border: solid 1px #505050;
        margin-bottom: 20px;
        float: left;
        color: #000;
        box-sizing: border-box
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li:not(.fieldset) a,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li:not(.fieldset) a,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li:not(.fieldset) a {
        display: flex;
        height: 100%;
        align-items: center;
        justify-content: center;
        text-decoration: none
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.label-third,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.label-third,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.label-third {
        margin-right: 12px
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.label-installment,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.label-installment,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.label-installment {
        margin-right: 12px
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset {
        display: block;
        width: 100%;
        float: left
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-content-container,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-content-container,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-content-container {
        display: flex;
        align-items: center
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-content-container .pay-method-item,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-content-container .pay-method-item,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-content-container .pay-method-item {
        display: flex;
        align-items: center;
        box-sizing: border-box
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-content-container .pay-method-item input[type=radio],.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-content-container .pay-method-item input[type=radio],.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-content-container .pay-method-item input[type=radio] {
        width: 20px;
        height: 20px
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-content-container .pay-method-item .label,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-content-container .pay-method-item .label,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-content-container .pay-method-item .label {
        margin-left: 10px;
        margin-right: 50px
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-content-container .pay-method-item .label img,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-content-container .pay-method-item .label img,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-content-container .pay-method-item .label img {
        width: 128px
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-btn-container .pay-btn,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-btn-container .pay-btn,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-btn-container .pay-btn {
        width: 200px;
        height: 40px;
        background: #0067b8;
        color: #fff;
        margin: 14px 0;
        border: none;
        margin-top: 30px
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-btn-container .pay-btn:hover,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-btn-container .pay-btn:hover,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-btn-container .pay-btn:hover {
        background: #0067b8
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-btn-container .payment-img,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-btn-container .payment-img,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-btn-container .payment-img {
        display: flex;
        align-items: center;
        margin-top: 28px
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-btn-container .payment-img .img-box,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-btn-container .payment-img .img-box,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-btn-container .payment-img .img-box {
        height: 130px
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-btn-container .payment-img .img-box img,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-btn-container .payment-img .img-box img,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-btn-container .payment-img .img-box img {
        height: 100%
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-btn-container .payment-img .text,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-btn-container .payment-img .text,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-btn-container .payment-img .text {
        display: none;
        margin: 0 40px;
        font-size: 14px;
        font-weight: 700
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-btn-container .payment-img #third-party-payment-qrcode,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-btn-container .payment-img #third-party-payment-qrcode,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-btn-container .payment-img #third-party-payment-qrcode {
        color: #666;
        font-size: 12px;
        text-align: center;
        position: relative
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-btn-container .payment-img #third-party-payment-qrcode img,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-btn-container .payment-img #third-party-payment-qrcode img,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-btn-container .payment-img #third-party-payment-qrcode img {
        height: 150px
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-btn-container .payment-img #third-party-payment-qrcode .wechect-text,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-btn-container .payment-img #third-party-payment-qrcode .wechect-text,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .third-party-container .third-btn-container .payment-img #third-party-payment-qrcode .wechect-text {
        margin-top: 5px;
        position: absolute;
        text-align: center;
        width: 100%
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .field.phone>.control .phoneError,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .field.phone>.control .phoneError,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .field.phone>.control .phoneError {
        margin-bottom: 0
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .field.phone .CaptchaFlex,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .field.phone .CaptchaFlex,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .field.phone .CaptchaFlex {
        overflow: hidden;
        margin-top: 16px
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .field.phone .CaptchaFlex .CaptchaFlexLeft,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .field.phone .CaptchaFlex .CaptchaFlexLeft,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .field.phone .CaptchaFlex .CaptchaFlexLeft {
        overflow: hidden;
        float: left
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .field.phone .CaptchaFlex .CaptchaFlexLeft input,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .field.phone .CaptchaFlex .CaptchaFlexLeft input,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .field.phone .CaptchaFlex .CaptchaFlexLeft input {
        margin-left: 10px;
        width: 170px;
        height: 40px;
        border: solid 1px #505050
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .field.phone .CaptchaFlex .CaptchaFlexRight,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .field.phone .CaptchaFlex .CaptchaFlexRight,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .field.phone .CaptchaFlex .CaptchaFlexRight {
        float: left;
        margin-left: 5px
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .field.phone .CaptchaFlex .CaptchaFlexRight button,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .field.phone .CaptchaFlex .CaptchaFlexRight button,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .field.phone .CaptchaFlex .CaptchaFlexRight button {
        width: 140px;
        border: solid 1px #0067b8;
        box-sizing: border-box;
        height: 40px;
        text-align: center;
        background: 0 0;
        color: #0067b8;
        font-weight: 400
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .field.phone .codeError,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .field.phone .codeError,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .field.phone .codeError {
        margin-bottom: 0
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .field.phone .tip-message,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .field.phone .tip-message,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .field.phone .tip-message {
        font-size: 12px;
        color: #666;
        margin-top: 12px
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .installment-description,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .installment-description,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .installment-description {
        margin-top: 16px;
        width: calc(90% + 8px)
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .installment-description div,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .installment-description div,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .installment-description div {
        font-size: 14px;
        color: #666
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .installment-description .installment-title,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .installment-description .installment-title,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .installment-description .installment-title {
        font-weight: 700
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .installment-qrcode .cmbqr-info,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .installment-qrcode .cmbqr-info,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .installment-qrcode .cmbqr-info {
        font-size: 12px;
        color: #666;
        text-align: center;
        width: 185px
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .installment-btn,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .installment-btn,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .installment-btn {
        margin-top: 24px;
        margin-bottom: 12px
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .installment-btn button,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .installment-btn button,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .installment-btn button {
        display: inline-block;
        width: 200px;
        height: 40px;
        background: #0067b8;
        color: #fff;
        line-height: 40px;
        text-align: center;
        padding: 0;
        font-size: 14px;
        font-weight: 700;
        border: none
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .card-tips-box .card-tip,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .card-tips-box .card-tip,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .card-tips-box .card-tip {
        color: #666;
        margin-bottom: 6px
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .card-tips-box .card-img,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .card-tips-box .card-img,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .card-tips-box .card-img {
        display: flex;
        flex-flow: wrap;
        width: 100%
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .card-tips-box .card-img .card-img-box,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .card-tips-box .card-img .card-img-box,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .card-tips-box .card-img .card-img-box {
        width: calc(100%/6);
        margin-bottom: 10px
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .cmb-tip,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .cmb-tip,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .cmb-tip {
        margin-top: 16px
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .cmb-qrcode,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .cmb-qrcode,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .cmb-qrcode {
        margin-top: 16px
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .cmb-installment-btn,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .cmb-installment-btn,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .cmb-installment-btn {
        display: none
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .card-box,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .card-box,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .card-box {
        margin-top: 18px;
        width: calc(90% + 8px);
        overflow: hidden;
        box-sizing: border-box;
        margin-right: -4px
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .card-box .token-item,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .card-box .token-item,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .card-box .token-item {
        width: calc(((100% - 8px) - 8px)/3);
        float: left;
        border: solid 1px #505050;
        margin-right: 4px;
        height: 40px;
        color: #666;
        font-size: 14px;
        box-sizing: border-box
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .card-box .token-item input[type=radio],.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .card-box .token-item input[type=radio],.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .card-box .token-item input[type=radio] {
        display: none
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .card-box .token-item label,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .card-box .token-item label,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .card-box .token-item label {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .card-box .token-item label img,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .card-box .token-item label img,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .card-box .token-item label img {
        width: 100px
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .card-box .token-item label>span,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .card-box .token-item label>span,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .card-box .token-item label>span {
        font-size: 12px
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .card-box .card-show,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .card-box .card-show,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .card-box .card-show {
        border: solid 2px #0067b8
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .card-box>button,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .card-box>button,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .card-box>button {
        width: calc(((100% - 8px) - 8px)/3);
        float: left;
        border: solid 1px #505050;
        margin-right: 4px;
        color: #0067b8;
        font-weight: 400;
        background: #fff;
        height: 40px
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .installment-date,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .installment-date,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .installment-date {
        margin-top: 10px
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .installment-date .period-item,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .installment-date .period-item,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .installment-date .period-item {
        display: flex;
        align-items: center;
        margin-bottom: 10px
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .installment-date .period-item:last-child,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .installment-date .period-item:last-child,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .installment-date .period-item:last-child {
        margin-bottom: 0
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .installment-date .period-item input[type=radio],.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .installment-date .period-item input[type=radio],.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .installment-date .period-item input[type=radio] {
        height: 20px;
        width: 20px;
        margin: 0;
        margin-right: 5px
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .installment-date .period-item>label,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .installment-date .period-item>label,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-form .installment-form .installment-date .period-item>label {
        font-size: 14px;
        color: #666;
        display: inline-block;
        width: calc(100% - 30px);
        margin-left: 16px
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-container,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-container,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-container {
        width: 100%;
        display: flex
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-container .pay-method-item,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-container .pay-method-item,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-container .pay-method-item {
        width: auto;
        display: flex;
        align-items: center;
        box-sizing: border-box;
        margin-right: 20px
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-container .pay-method-item:last-child,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-container .pay-method-item:last-child,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-container .pay-method-item:last-child {
        margin-right: 0
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-container .pay-method-item input[type=radio],.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-container .pay-method-item input[type=radio],.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-container .pay-method-item input[type=radio] {
        height: 20px;
        width: 20px
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-container .pay-method-item .label,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-container .pay-method-item .label,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-container .pay-method-item .label {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 5px
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-container .pay-method-item .label img,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-container .pay-method-item .label img,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-container .pay-method-item .label img {
        width: 32px
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-container .pay-method-item .label span,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-container .pay-method-item .label span,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.fieldset .installment-party-container .installment-content-container .pay-method-item .label span {
        font-size: 18px
    }

    .grouped-payment-landing .payment-inner .payment_info #payment-method-tab-content ul li.label.ui-tabs-active,.mscheckout-payment-banksuccess .payment-inner .payment_info #payment-method-tab-content ul li.label.ui-tabs-active,.mscheckout-payment-cashsuccess .payment-inner .payment_info #payment-method-tab-content ul li.label.ui-tabs-active {
        border: solid 2px #0067b8
    }

    .grouped-payment-landing .payment-inner .order_info,.mscheckout-payment-banksuccess .payment-inner .order_info,.mscheckout-payment-cashsuccess .payment-inner .order_info {
        float: right;
        width: 43.125%;
        margin-bottom: 20px
    }

    .grouped-payment-landing .payment-inner .order_info .icon_box,.mscheckout-payment-banksuccess .payment-inner .order_info .icon_box,.mscheckout-payment-cashsuccess .payment-inner .order_info .icon_box {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column;
        margin-bottom: 24px
    }

    .grouped-payment-landing .payment-inner .order_info .icon_box .icon-warning,.mscheckout-payment-banksuccess .payment-inner .order_info .icon_box .icon-warning,.mscheckout-payment-cashsuccess .payment-inner .order_info .icon_box .icon-warning {
        font-size: 60px
    }

    .grouped-payment-landing .payment-inner .order_info .icon_box .time,.mscheckout-payment-banksuccess .payment-inner .order_info .icon_box .time,.mscheckout-payment-cashsuccess .payment-inner .order_info .icon_box .time {
        margin-top: 30px;
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 24px
    }

    .grouped-payment-landing .payment-inner .order_info .icon_box .time span,.mscheckout-payment-banksuccess .payment-inner .order_info .icon_box .time span,.mscheckout-payment-cashsuccess .payment-inner .order_info .icon_box .time span {
        font-weight: 700;
        color: #0067b8
    }

    .grouped-payment-landing .payment-inner .order_info .detail br,.mscheckout-payment-banksuccess .payment-inner .order_info .detail br,.mscheckout-payment-cashsuccess .payment-inner .order_info .detail br {
        display: none
    }

    .grouped-payment-landing .payment-inner .tips_info,.mscheckout-payment-banksuccess .payment-inner .tips_info,.mscheckout-payment-cashsuccess .payment-inner .tips_info {
        float: right;
        width: 43.125%;
        padding-top: 30px;
        border-top: solid 1px #d2d2d2
    }

    .grouped-payment-landing .payment-inner .tips_info .tip,.mscheckout-payment-banksuccess .payment-inner .tips_info .tip,.mscheckout-payment-cashsuccess .payment-inner .tips_info .tip {
        margin-bottom: 20px
    }

    .grouped-payment-landing .payment-inner .tips_info .tip .title,.mscheckout-payment-banksuccess .payment-inner .tips_info .tip .title,.mscheckout-payment-cashsuccess .payment-inner .tips_info .tip .title {
        font-size: 14px;
        font-weight: 700
    }

    .grouped-payment-landing .payment-inner .tips_info .tip .content,.mscheckout-payment-banksuccess .payment-inner .tips_info .tip .content,.mscheckout-payment-cashsuccess .payment-inner .tips_info .tip .content {
        font-size: 14px;
        font-weight: 400
    }

    .grouped-payment-landing .payment-inner .tips_info .tip .content span,.mscheckout-payment-banksuccess .payment-inner .tips_info .tip .content span,.mscheckout-payment-cashsuccess .payment-inner .tips_info .tip .content span {
        display: block
    }

    .mscheckout-payment-banksuccess .payment-inner .payment_info {
        font-size: 14px
    }

    .mscheckout-payment-banksuccess .payment-inner .payment_info .bank-title {
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 20px
    }

    .mscheckout-payment-banksuccess .payment-inner .payment_info .bank-info .bank-tip {
        font-weight: 700
    }

    .mscheckout-payment-banksuccess .payment-inner .payment_info .bank-invoice .bold-text {
        font-weight: 700;
        margin-top: 20px
    }

    .mscheckout-payment-banksuccess .payment-inner .payment_info .bank-btn {
        margin-top: 48px
    }

    .mscheckout-payment-banksuccess .payment-inner .payment_info .bank-btn a {
        display: inline-block;
        width: 200px;
        height: 40px;
        text-decoration: none;
        font-size: 14px;
        line-height: 40px;
        text-align: center;
        font-weight: 700;
        background: #0067b8;
        color: #fff
    }

    .mscheckout-payment-cashsuccess .payment-inner .payment_info .icon_box {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column;
        margin-bottom: 24px
    }

    .mscheckout-payment-cashsuccess .payment-inner .payment_info .icon_box .icon-warning {
        font-size: 60px
    }

    .mscheckout-payment-cashsuccess .payment-inner .payment_info .icon_box .time {
        margin-top: 30px;
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 24px
    }

    .mscheckout-payment-cashsuccess .payment-inner .payment_info .icon_box .time span {
        font-weight: 700;
        color: #0067b8
    }

    .mscheckout-payment-cashsuccess .payment-inner .tips_info .tip-cash {
        margin-bottom: 20px
    }

    .modal-popup.agreements-modal._show {
        overflow: hidden;
        z-index: 902
    }

    .modal-popup.agreements-modal._show .modal-inner-wrap {
        max-width: 700px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        overflow-y: scroll;
        margin: 45px auto 0px;
        max-height: 75%
    }

    .modal-popup.agreements-modal._show .modal-inner-wrap .modal-header {
        padding: 16px 35px 28px
    }

    .modal-popup.agreements-modal._show .modal-inner-wrap .modal-header .modal-title {
        font-size: 18px;
        font-weight: 700;
        padding: 0;
        line-height: normal
    }

    .modal-popup.agreements-modal._show .modal-inner-wrap .modal-header .action-close {
        padding-right: 35px;
        padding-top: 16px
    }

    .modal-popup.agreements-modal._show .modal-inner-wrap .modal-content {
        padding: 0 35px
    }

    .modal-popup.agreements-modal._show .modal-inner-wrap .modal-footer {
        padding-bottom: 40px;
        padding-top: 14px;
        text-align: center;
        border: none;
        display: block !important
    }

    .modal-popup.agreements-modal._show .modal-inner-wrap .modal-footer button {
        border: none;
        padding: 10px 80px;
        line-height: normal;
        color: #fff;
        font-weight: 700;
        background: #0067b8
    }

    .cart-tip-block {
        float: left;
        width: 75.75%;
        margin-top: 20px
    }

    .cart-recommend {
        margin-top: 48px;
        float: left;
        width: 75.75%
    }

    .cart-recommend .cart-recommend-title {
        font-size: 24px;
        color: #000
    }

    .cart-recommend .product-items {
        padding: 0 38px
    }

    .cart-recommend .product-items .slick-arrow.slick-prev {
        transform: none;
        background: 0 0 !important;
        height: 38px;
        width: 38px
    }

    .cart-recommend .product-items .slick-arrow.slick-prev:before {
        font-family: "ms-icon";
        content: "\e917";
        font-size: 38px;
        color: #000;
        padding: 0;
        position: absolute;
        top: 0;
        left: 0
    }

    .cart-recommend .product-items .slick-arrow.slick-next {
        transform: none;
        background: 0 0 !important;
        height: 38px;
        width: 38px
    }

    .cart-recommend .product-items .slick-arrow.slick-next:before {
        font-family: "ms-icon";
        content: "\e918";
        font-size: 38px;
        color: #000;
        padding: 0;
        position: absolute;
        top: 0;
        left: 0
    }

    .cart-recommend .product-items .slick-list {
        margin: 0 -20px
    }

    .cart-recommend .product-items .slick-list .slick-slide {
        margin: 0 20px
    }

    .cart-recommend .product-items .slick-list .slick-slide .product-item-info .product.details {
        height: 175px
    }

    .cart-recommend .product-items .slick-list .slick-slide .product-item-info .product.details .product.name .product-item-link {
        font-size: 18px;
        font-weight: 700;
        text-align: left;
        height: 50px
    }

    .cart-recommend .product-items .slick-list .slick-slide .product-item-info .product.details .price-box {
        text-align: left;
        margin-top: 12px
    }

    .cart-recommend .product-items .slick-list .slick-slide .product-item-info .product.details .price-box .normal-price .price-container .price-label {
        display: none
    }

    .cart-recommend .product-items .slick-list .slick-slide .product-item-info .product.details .price-box .old-price {
        display: none
    }

    .cart-recommend .product-items .slick-list .slick-slide .product-item-info .product.details .price-box .price {
        font-size: 14px;
        font-weight: 400
    }

    .cart-recommend .product-items .slick-list .slick-slide .product-item-info .product.details .short-description {
        text-align: left;
        font-size: 14px
    }

    .checkout-index-index .page-main {
        max-width: 1600px;
        padding: 0;
        width: 90%;
        margin: 0 auto
    }

    .checkout-index-index .checkout-bottom-bar {
        display: none
    }

    .checkout-index-index .pay-method .title {
        font-size: 12px;
        color: #666
    }

    .checkout-index-index .pay-method .img-box {
        margin-top: 10px;
        margin-bottom: 10px;
        overflow: hidden
    }

    .checkout-index-index .pay-method .img-box img {
        height: 20px;
        margin-bottom: 10px;
        width: 33%;
        float: left;
        box-sizing: border-box
    }

    .amcheckout-main-container.-modern.-layout-2columns {
        position: relative
    }

    .amcheckout-main-container.-modern.-layout-2columns .amcheckout-column.-main {
        width: 75.75% !important
    }

    .amcheckout-main-container.-modern.-layout-2columns .amcheckout-column.-sidebar {
        width: 21.25% !important;
        position: absolute;
        right: 0;
        top: 0;
        transition: none !important
    }

    .amcheckout-main-container.-modern.-layout-2columns .no-top {
        top: 0 !important;
        margin: 0 !important
    }

    .amcheckout-main-container.-modern {
        color: #000
    }

    .amcheckout-main-container.-modern .amcheckout-block:not(:first-of-type) {
        margin: 0
    }

    .checkout-container {
        max-width: 1600px !important
    }

    .checkout-container .checkout-shipping-address .step-title {
        pointer-events: none;
        padding: 0;
        font-size: 26px;
        margin-bottom: 28px;
        font-weight: 400
    }

    .checkout-container .checkout-shipping-address .step-content .amcheckout-wrapper {
        padding: 0
    }

    .checkout-container .checkout-shipping-address .step-content .amcheckout-wrapper .addresses .control .shipping-address-items {
        display: inline-block;
        width: calc(100% + 28px);
        margin-left: -14px;
        margin-bottom: -14px
    }

    .checkout-container .checkout-shipping-address .step-content .amcheckout-wrapper .addresses .control .shipping-address-items .shipping-address-item {
        width: calc(((100% - 28px) - 14px*2)/3);
        float: left;
        margin: 0 0 24px 14px;
        background: 0 0;
        border: solid 1px #737373;
        padding-top: 16px;
        padding-bottom: 16px;
        padding-left: 20px;
        padding-right: 0;
        height: 95px;
        line-height: normal;
        position: relative
    }

    .checkout-container .checkout-shipping-address .step-content .amcheckout-wrapper .addresses .control .shipping-address-items .shipping-address-item:hover {
        box-shadow: none
    }

    .checkout-container .checkout-shipping-address .step-content .amcheckout-wrapper .addresses .control .shipping-address-items .shipping-address-item:hover .top_btn {
        display: block
    }

    .checkout-container .checkout-shipping-address .step-content .amcheckout-wrapper .addresses .control .shipping-address-items .shipping-address-item .adress_name {
        font-size: 18px
    }

    .checkout-container .checkout-shipping-address .step-content .amcheckout-wrapper .addresses .control .shipping-address-items .shipping-address-item .adress_name .mobile_phone {
        display: none
    }

    .checkout-container .checkout-shipping-address .step-content .amcheckout-wrapper .addresses .control .shipping-address-items .shipping-address-item .adress_street {
        font-size: 14px
    }

    .checkout-container .checkout-shipping-address .step-content .amcheckout-wrapper .addresses .control .shipping-address-items .shipping-address-item .adress_street span {
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        height: 19px
    }

    .checkout-container .checkout-shipping-address .step-content .amcheckout-wrapper .addresses .control .shipping-address-items .shipping-address-item .adress_phone {
        display: block;
        font-size: 14px
    }

    .checkout-container .checkout-shipping-address .step-content .amcheckout-wrapper .addresses .control .shipping-address-items .shipping-address-item .adress_phone a {
        color: #000
    }

    .checkout-container .checkout-shipping-address .step-content .amcheckout-wrapper .addresses .control .shipping-address-items .shipping-address-item .top_btn {
        display: none;
        position: absolute;
        bottom: 100%;
        right: 0
    }

    .checkout-container .checkout-shipping-address .step-content .amcheckout-wrapper .addresses .control .shipping-address-items .shipping-address-item .top_btn button {
        height: 27px;
        font-size: 12px;
        line-height: 27px;
        text-align: center;
        background: 0 0;
        padding: 0;
        color: #0067b8;
        font-weight: 400
    }

    .checkout-container .checkout-shipping-address .step-content .amcheckout-wrapper .addresses .control .shipping-address-items .shipping-address-item .default_tag {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        background: #0067b8;
        width: 50px;
        height: 20px;
        color: #fff;
        font-size: 12px;
        line-height: 20px;
        text-align: center
    }

    .checkout-container .checkout-shipping-address .step-content .amcheckout-wrapper .addresses .control .shipping-address-items .selected-item {
        border: solid 2px #0067b8;
        padding: 15px 0 15px 19px
    }

    .checkout-container .checkout-shipping-address .step-content .amcheckout-wrapper .addresses .control .shipping-address-items .selected-item .default_tag {
        display: block
    }

    .checkout-container .checkout-shipping-address .step-content .amcheckout-wrapper .addresses .control .shipping-address-items .add-button {
        height: 95px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0
    }

    .checkout-container .checkout-shipping-address .step-content .amcheckout-wrapper .addresses .control .shipping-address-items .add-button button {
        height: 100%;
        width: 100%;
        margin: 0;
        font-size: 14px;
        font-weight: 400;
        background: 0 0;
        color: #0067b8;
        padding: 0
    }

    .checkout-container .checkout-payment-container .payment-group .amcheckout-title {
        background: 0 0;
        padding: 0;
        font-size: 26px;
        margin-top: 28px;
        margin-bottom: 28px;
        font-weight: 400
    }

    .checkout-container .checkout-payment-container .payment-group .step-content .amcheckout-wrapper {
        display: inline-block;
        width: calc(100% + 28px);
        margin-left: -14px;
        padding-top: 0;
        margin-bottom: -14px;
        padding-bottom: 0
    }

    .checkout-container .checkout-payment-container .payment-group .step-content .amcheckout-wrapper .payment-method {
        width: calc(((100% - 14px) - 14px*2)/2);
        float: left;
        margin: 0 0 14px 14px;
        background: 0 0;
        border: none;
        cursor: default
    }

    .checkout-container .checkout-payment-container .payment-group .step-content .amcheckout-wrapper .payment-method:hover {
        box-shadow: none
    }

    .checkout-container .checkout-payment-container .payment-group .step-content .amcheckout-wrapper .payment-method .payment-method-title {
        height: 110px;
        border: solid 1px #737373 !important;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .checkout-container .checkout-payment-container .payment-group .step-content .amcheckout-wrapper .payment-method .payment-method-title .label {
        padding: 0;
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
        justify-content: center;
        flex-flow: column;
        font-size: 16px;
        color: #000
    }

    .checkout-container .checkout-payment-container .payment-group .step-content .amcheckout-wrapper .payment-method .payment-method-title .label .mobile_show {
        display: none
    }

    .checkout-container .checkout-payment-container .payment-group .step-content .amcheckout-wrapper .payment-method .payment-method-title .label:before {
        display: none
    }

    .checkout-container .checkout-payment-container .payment-group .step-content .amcheckout-wrapper .payment-method .payment-method-title .label .content {
        margin-top: 8px;
        font-size: 14px;
        color: #666
    }

    .checkout-container .checkout-payment-container .payment-group .step-content .amcheckout-wrapper .payment-method .payment-text {
        margin-top: 12px
    }

    .checkout-container .checkout-payment-container .payment-group .step-content .amcheckout-wrapper .payment-method .payment-text span {
        display: block;
        font-size: 12px;
        color: #666
    }

    .checkout-container .checkout-payment-container .payment-group .step-content .amcheckout-wrapper ._active .payment-method-title {
        height: 108px;
        border: solid 2px #0067b8 !important
    }

    .checkout-container .checkout-coupon {
        width: 100%;
        float: left;
        padding: 0
    }

    .checkout-container .checkout-coupon .payment-option-title {
        margin-top: 14px;
        margin-bottom: 28px;
        font-size: 26px
    }

    .checkout-container .checkout-coupon .payment-option-content {
        display: block !important
    }

    .checkout-container .checkout-coupon .payment-option-content .common-coupon-btn {
        overflow: hidden;
        margin-bottom: 24px
    }

    .checkout-container .checkout-coupon .payment-option-content .common-coupon-btn .control {
        width: 330px;
        float: left;
        height: 40px
    }

    .checkout-container .checkout-coupon .payment-option-content .common-coupon-btn button.action {
        width: 100px;
        float: left;
        height: 40px;
        border-radius: unset;
        font-size: 14px;
        font-weight: 400
    }

    .checkout-container .checkout-coupon .payment-option-content .tab-items {
        border-bottom: solid 2px #505050
    }

    .checkout-container .checkout-coupon .payment-option-content .tab-items .tablist {
        margin: 5px -6px 0 0;
        z-index: 0;
        background: #e6e6e6;
        border: solid 2px #d2d2d2;
        border-bottom: none;
        vertical-align: bottom;
        position: relative;
        padding: 20px;
        line-height: normal;
        padding-bottom: 16px;
        font-size: 16px;
        color: #505050;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        font-weight: 400
    }

    .checkout-container .checkout-coupon .payment-option-content .tab-items .tablist.tab-active {
        z-index: 1;
        margin-top: 0;
        border: solid 2px #505050;
        font-weight: 700;
        border-bottom: none;
        height: 64px
    }

    .checkout-container .checkout-coupon .payment-option-content .tab-items .tablist.tab-active:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 100%;
        border-bottom: 2px solid #e6e6e6
    }

    .checkout-container .checkout-coupon .payment-option-content .content-items {
        margin-top: 20px
    }

    .checkout-container .checkout-coupon .payment-option-content .content-items .content-list {
        display: none
    }

    .checkout-container .checkout-coupon .payment-option-content .content-items .content-list:first-child {
        display: block
    }

    .checkout-container .checkout-coupon .payment-option-content .content-items .coupon-container .have-coupon {
        width: calc(100% + 28px);
        margin-left: -14px
    }

    .checkout-container .checkout-coupon .payment-option-content .content-items .coupon-container .have-coupon .coupon-list {
        width: calc(((100% - 28px) - 14px*2)/3);
        margin: 0 0 24px 14px;
        float: left;
        position: relative
    }

    .checkout-container .checkout-coupon .payment-option-content .content-items .coupon-container .have-coupon .coupon-list .label {
        display: flex;
        padding: 30px 0 30px 24px;
        box-sizing: border-box;
        margin: 0;
        border: solid 1px #000;
        cursor: pointer;
        height: 115px
    }

    .checkout-container .checkout-coupon .payment-option-content .content-items .coupon-container .have-coupon .coupon-list .label:before {
        font-family: "ms-icon";
        content: "\ecca";
        font-size: 20px;
        position: absolute;
        top: 14px;
        right: 10px;
        margin: 0
    }

    .checkout-container .checkout-coupon .payment-option-content .content-items .coupon-container .have-coupon .coupon-list .label .left-price {
        font-size: 36px;
        font-weight: 700;
        color: #000
    }

    .checkout-container .checkout-coupon .payment-option-content .content-items .coupon-container .have-coupon .coupon-list .label .right-content {
        font-size: 14px;
        margin-left: 24px;
        font-weight: 400
    }

    .checkout-container .checkout-coupon .payment-option-content .content-items .coupon-container .have-coupon .coupon-list .label .right-content .coupon-type {
        margin-bottom: 8px
    }

    .checkout-container .checkout-coupon .payment-option-content .content-items .coupon-container .have-coupon .coupon-list.select-active .label {
        border: solid 2px #0067b8;
        padding: 29px 0 29px 23px
    }

    .checkout-container .checkout-coupon .payment-option-content .content-items .coupon-container .have-coupon .coupon-list.select-active .label:before {
        content: "\ec61";
        color: #0067b8
    }

    .checkout-container .checkout-coupon .payment-option-content .content-items .coupon-container .have-coupon .coupon-list.select-active .label .left-price {
        color: #0067b8
    }

    .checkout-container .checkout-coupon .payment-option-content .content-items .coupon-container .no-coupon {
        margin-left: 50px
    }

    .checkout-container .checkout-coupon .payment-option-content .content-items .coupon-container .no-coupon span {
        font-size: 18px;
        color: #666
    }

    .checkout-container .checkout-coupon .payment-option-content .content-items .apply-coupon .form-discount {
        overflow: hidden
    }

    .checkout-container .checkout-coupon .payment-option-content .content-items .apply-coupon .form-discount .payment-option-inner {
        float: left;
        width: 330px
    }

    .checkout-container .checkout-coupon .payment-option-content .content-items .apply-coupon .form-discount .actions-toolbar {
        float: left;
        margin: 0
    }

    .checkout-container .checkout-coupon .payment-option-content .content-items .apply-coupon .form-discount .actions-toolbar .action {
        margin: 0;
        font-weight: 400;
        width: 100px;
        border-radius: unset
    }

    .checkout-container .checkout-coupon .payment-option-content>.messages .message.message-success.success {
        background: #fff;
        color: #000;
        padding-left: 0
    }

    .checkout-container .checkout-coupon .payment-option-content>.messages .message.message-success.success>*:first-child:before {
        display: none
    }

    .checkout-container .checkout-coupon .payment-option-content>.messages .message.message-error.error {
        background: #fff;
        color: #d50303;
        padding-left: 0
    }

    .checkout-container .checkout-coupon .payment-option-content>.messages .message.message-error.error>*:first-child:before {
        display: none
    }

    .checkout-index-index .nav-sections {
        display: block
    }

    .checkout-index-index .am-checkout {
        margin-top: 28px
    }

    .checkout-index-index .checkoutpage-header {
        display: none
    }

    .opc-block-summary {
        background: #fff
    }

    .opc-block-summary .title {
        padding-bottom: 0;
        border: none;
        margin: 28px 0;
        font-size: 26px;
        font-weight: 400
    }

    .opc-block-summary .items-in-cart .title {
        display: none
    }

    .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper {
        padding: 0;
        overflow: hidden;
        max-height: 100%
    }

    .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .product-item {
        border: none;
        padding: 0;
        border-bottom: #d2d2d2 solid 1px;
        width: 100%
    }

    .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .product-item:first-child {
        border-top: #d2d2d2 solid 1px
    }

    .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .package-product {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        height: 56px;
        background: #f2f2f2
    }

    .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .package-product .package-name {
        font-size: 15px;
        padding-left: 18px
    }

    .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .package-product .package-price {
        padding-right: 28px
    }

    .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .package-product .package-price .all-price {
        display: block;
        font-size: 16px
    }

    .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .package-product .package-price .save-price {
        display: block;
        margin-top: 4px;
        font-size: 12px;
        color: #666
    }

    .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .main-product {
        display: flex;
        padding-right: 28px
    }

    .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .bundleProduct {
        display: none
    }

    .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .bundle-product .item-options .option {
        display: flex;
        padding-right: 28px;
        margin-bottom: 14px;
        flex-flow: column
    }

    .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .bundle-product .item-options .option br {
        display: none
    }

    .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .bundle-product .item-options .option .inner-option {
        width: 100%;
        flex-flow: row
    }

    .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .bundle-product .item-options .option:last-child {
        margin-bottom: 0
    }

    .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .bundle-product .item-options .option .details .product-information .color {
        font-size: 14px;
        color: #666
    }

    .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .bundle-product .item-options .option .details .product-img {
        height: 80px;
        width: 80px
    }

    .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .bundle-product .item-options .option .details .product-img img {
        height: 80px;
        width: 80px
    }

    .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .product-details {
        padding: 16px 0
    }

    .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .product-details .details {
        width: 70%;
        display: flex
    }

    .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .product-details .details .product-img {
        display: inline-block
    }

    .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .product-details .details .product-img .product-image-container {
        width: 80px !important;
        height: 80px !important;
        margin: 0
    }

    .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .product-details .details .product-img .product-image-container .product-image-wrapper {
        width: 80px;
        height: 80px
    }

    .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .product-details .details .product-img .product-image-container .product-image-wrapper img {
        height: 80px;
        width: 80px
    }

    .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .product-details .details .product-information {
        margin-left: 30px
    }

    .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .product-details .details .product-information .product-item-name {
        font-size: 16px
    }

    .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .product-details .details .product-information .mobile_show {
        display: none
    }

    .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .product-details .details .product-information .main-option .option {
        font-size: 14px;
        color: #666
    }

    .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .product-details .number {
        width: 2%;
        text-align: center
    }

    .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .product-details .number .details-qty .label {
        display: none
    }

    .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .product-details .number .details-qty .value {
        font-size: 16px
    }

    .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .product-details .price {
        width: 40%;
        text-align: right;
        display: flex
    }

    .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .product-details .price .subtotal {
        display: block;
        text-align: right;
        width: 100%;
        font-size: 16px
    }

    .opc-block-summary .items-in-cart .minicart-items .minicart-items-wrapper .product-details .price span.price {
        display: block;
        text-align: right;
        width: 100%;
        font-size: 16px;
        opacity: 0
    }

    .checkout-success,.checkout-failure {
        width: 700px;
        margin: 0 auto;
        margin-top: 100px
    }

    .checkout-success .success-header-mobile,.checkout-failure .success-header-mobile,.checkout-success .failure-header-mobile,.checkout-failure .failure-header-mobile {
        display: none
    }

    .checkout-success .success-msg,.checkout-failure .success-msg,.checkout-success .failure-msg,.checkout-failure .failure-msg {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .checkout-success .success-msg i,.checkout-failure .success-msg i,.checkout-success .failure-msg i,.checkout-failure .failure-msg i {
        font-size: 40px
    }

    .checkout-success .success-msg .text,.checkout-failure .success-msg .text,.checkout-success .failure-msg .text,.checkout-failure .failure-msg .text {
        font-size: 36px;
        font-weight: 700;
        margin-left: 14px
    }

    .checkout-success .return-msg,.checkout-failure .return-msg {
        font-size: 18px;
        margin-top: 30px;
        text-align: center
    }

    .checkout-success .success-btn,.checkout-failure .success-btn,.checkout-success .failure-btn,.checkout-failure .failure-btn {
        margin-top: 80px;
        display: flex;
        justify-content: center
    }

    .checkout-success .success-btn a,.checkout-failure .success-btn a,.checkout-success .failure-btn a,.checkout-failure .failure-btn a {
        display: inline-block;
        width: 200px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        background: #0067b8;
        color: #fff
    }

    .checkout-success .success-btn .return-order,.checkout-failure .success-btn .return-order,.checkout-success .failure-btn .return-order,.checkout-failure .failure-btn .return-order {
        margin-left: 20px
    }

    .fapiao-address-notice {
        font-size: 12px;
        color: #666;
        margin-bottom: 16px;
        margin-top: 2px
    }

    .fapiao-address .fapiao-address-button button.action {
        background: 0 0;
        border: solid 1px #000;
        color: #000;
        width: 195px;
        font-weight: 400;
        border-radius: unset
    }

    .fapiao-address .fapiao-address-button button.action.selected-item {
        border: solid 2px #0067b8
    }

    .fapiao-address-items .address-items .billing-address-item {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 12px;
        cursor: pointer
    }

    .fapiao-address-items .address-items .billing-address-item:last-child {
        margin-bottom: 0
    }

    .fapiao-address-items .address-items .billing-address-item div.address-select-icon {
        margin-right: 12px
    }

    .fapiao-address-items .address-items .billing-address-item div.address-select-icon:before {
        font-family: "ms-icon";
        content: "\ecca";
        font-size: 20px;
        color: #666
    }

    .fapiao-address-items .address-items .billing-address-item .adress-info {
        border: solid 1px #666;
        height: 110px;
        display: flex;
        width: calc(100% - 32px);
        flex-flow: column;
        justify-content: center;
        padding-left: 20px;
        position: relative
    }

    .fapiao-address-items .address-items .billing-address-item .adress-info .adress_name {
        font-size: 18px
    }

    .fapiao-address-items .address-items .billing-address-item .adress-info .adress_phone a {
        color: #000
    }

    .fapiao-address-items .address-items .billing-address-item .adress-info .default-tag {
        position: absolute;
        top: -1px;
        right: -1px;
        width: 50px;
        height: 20px;
        line-height: 20px;
        color: #fff;
        font-size: 12px;
        text-align: center;
        background: #0067b8
    }

    .fapiao-address-items .address-items .billing-address-item.selected-item div.address-select-icon:before {
        content: "\eccb";
        color: #0067b8
    }

    .fapiao-address-items .address-items .billing-address-item.selected-item .adress-info {
        border: solid 2px #0067b8;
        height: 108px;
        padding-left: 19px
    }

    .fapiao-address-items .address-items .billing-address-item.selected-item .adress-info .default-tag {
        right: -2px;
        top: -2px
    }

    .fapiao-address-items .go-myadress {
        margin: 12px 0 48px
    }

    .fapiao-address-items .update-fapiao-address {
        width: 114px;
        background: #0067b8;
        color: #fff;
        border: none
    }

    .selected-billing-address {
        display: inline-block;
        margin-left: -14px;
        margin-bottom: -14px;
        margin-top: 30px;
        margin-bottom: 38px;
        width: calc(100% + 28px)
    }

    .selected-billing-address .billing-address-item {
        width: calc(((100% - 28px) - 14px*2)/3);
        border: solid 2px #0067b8;
        height: 110px;
        margin-left: 14px;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        flex-flow: column;
        padding-left: 20px;
        font-size: 14px;
        position: relative
    }

    .selected-billing-address .billing-address-item .adress_name {
        font-size: 18px
    }

    .selected-billing-address .billing-address-item .adress_phone a {
        color: #000
    }

    .selected-billing-address .billing-address-item .adress_remove {
        position: absolute;
        bottom: 100%;
        right: 0;
        display: none
    }

    .selected-billing-address .billing-address-item .adress_remove .action-use-shipping {
        background: 0 0;
        font-size: 12px;
        font-weight: 400;
        padding: 0;
        color: #0067b8;
        line-height: normal;
        margin-bottom: 5px
    }

    .selected-billing-address .billing-address-item:hover .adress_remove {
        display: block
    }

    .modal-popup.fapiao-address-disalog {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 95px
    }

    .modal-popup.fapiao-address-disalog .modal-inner-wrap {
        position: unset;
        -ms-transform: none;
        transform: none;
        width: 100%;
        max-width: 863px;
        max-height: 80%
    }

    .modal-popup.fapiao-address-disalog .modal-inner-wrap .modal-header {
        position: relative;
        padding-top: 82px
    }

    .modal-popup.fapiao-address-disalog .modal-inner-wrap .modal-content {
        padding-left: 55px;
        padding-right: 65px;
        padding-bottom: 48px
    }

    .component-spec .table .col-4 {
        width: 25%
    }

    .component-spec .table .col-8 {
        width: 75%
    }

    .component-content .title {
        font-size: 3rem;
        margin: 0
    }

    .component-content p {
        font-size: 1.6rem
    }

    .component-content .btn.link-component {
        font-size: 1.6rem
    }

    .component-content .component-column-3 {
        display: flex
    }

    .component-content .component-column-3 .col {
        width: 33%;
        text-align: center;
        box-sizing: border-box
    }

    .component-content .component-column-4 {
        display: flex
    }

    .component-content .component-column-4 .col {
        width: 25%;
        text-align: center;
        box-sizing: border-box
    }

    .component-content .component-column-3 .col h2,.component-content .component-column-4 .col h2 {
        font-size: 42px;
        padding: 0;
        line-height: 42px;
        margin: 0 0 5px
    }

    .component-content .component-column-3 .col p,.component-content .component-column-4 .col p {
        font-size: 14px
    }

    .component-content .list-unstyled {
        display: flex
    }

    .component-content .list-unstyled li {
        width: 25%;
        box-sizing: border-box
    }

    .component-content .list-unstyled li p {
        font-size: 1.6rem
    }

    .component-content .list-unstyled.component-image-column-3 li {
        width: 33.33333333%
    }

    .card-img-overlay>.card-foreground .align-self-center {
        width: 30%;
        margin-right: 2%
    }

    .card-img-overlay {
        display: flex
    }

    .card-img-overlay>.card-background {
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow: hidden;
        margin: auto 0;
        width: 100%
    }

    .card-img-overlay>.card-background img {
        min-height: 400px;
        width: 100%
    }

    .card-img-overlay.card-foreground-left>.card-foreground {
        justify-content: flex-start
    }

    .card-img-overlay.card-foreground-left>.card-foreground .align-self-center {
        margin-left: 2%;
        margin-right: 0
    }

    .card-img-overlay>.card-foreground {
        width: 100%;
        align-self: center;
        margin-left: -100%;
        margin-right: 0;
        display: flex;
        justify-content: flex-end
    }

    .card-img-overlay>.card-foreground .align-self-center {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        align-items: center;
        position: relative
    }

    .card-img-overlay>.card-foreground .align-self-center .material-md-card {
        background-color: #fff;
        color: #000;
        padding: 3rem
    }

    .material-md-card h2 {
        font-size: 3rem;
        line-height: inherit
    }

    .material-md-card p {
        font-size: 1.6rem
    }

    .material-md-card .link-group a {
        font-size: 1.6rem
    }

    .card-img-overlay.components-transparent>.card-foreground .align-self-center .material-md-card {
        background: 0 0;
        color: #fff
    }

    .card-img-overlay.components-transparent>.card-foreground .align-self-center .material-md-card p {
        margin: 20px 0
    }

    .material-content h2 {
        font-size: 3rem;
        margin: 0
    }

    .material-content p {
        font-size: 1.6rem;
        margin-bottom: 10px
    }

    .material-surface {
        display: flex;
        background-color: #f2f2f2;
        color: #000
    }

    .material-surface .material-content {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 3rem;
        box-sizing: border-box;
        display: flex;
        align-items: center
    }

    .material-surface .material-background {
        flex: 0 0 50%;
        max-width: 50%
    }

    .material-surface .material-background img {
        height: 100%;
        width: 100%
    }

    .material-surface .link-group .btn,.material-surface .link-group .cta {
        font-size: 1.6rem
    }

    .vertical-up-icon {
        display: flex
    }

    .vertical-up-icon .card {
        width: 33.33333333%;
        padding: 0 20px;
        box-sizing: border-box;
        text-align: center
    }

    .vertical-up-icon .card-body h3 {
        font-size: 1.8rem;
        margin-bottom: 0
    }

    .vertical-up-icon .card-body p {
        font-size: 1.6rem
    }

    .modal-popup .custom_popup iframe {
        height: 500px
    }

    .component-spec h3 {
        font-size: 2.4rem
    }

    .component-spec p {
        font-size: 1.6rem
    }

    .component-spec .table:not(.cart):not(.totals)>tbody>tr>th h4 {
        font-size: 1.6rem
    }

    .component-spec .table:not(.cart):not(.totals)>tbody>tr>td {
        font-size: 1.6rem
    }

    .component-link-image h3 {
        font-size: 3rem
    }

    .component-link-image li {
        display: inline-block;
        margin: 0 20px
    }

    .component-link-image li img {
        display: block;
        margin: 0 auto
    }

    .component-link-image li a {
        display: block;
        font-size: 1.6rem
    }

    .component-mosaic {
        display: flex;
        flex-direction: row
    }

    .component-mosaic .mosaic-left {
        margin-right: auto;
        width: calc(50% - 5px)
    }

    .component-mosaic .mosaic-left img {
        width: 100%;
        height: 100%
    }

    .component-mosaic .mosaic-rignt {
        width: calc(50% - 5px);
        display: flex;
        flex-direction: column;
        margin-left: auto
    }

    .component-mosaic .mosaic-rignt img {
        width: 100%;
        height: 100%
    }

    .component-mosaic .right-top {
        display: flex;
        flex-direction: row;
        align-items: center;
        background: #f2f2f2;
        height: calc(50% - 5px);
        margin-bottom: auto;
        justify-content: center
    }

    .component-mosaic .right-top h2 {
        font-size: 2.4rem;
        margin: 0
    }

    .component-mosaic .right-top p,.component-mosaic .right-top .cta {
        font-size: 1.6rem
    }

    .component-mosaic .right-top .cta:after {
        font-family: "ms-icon";
        content: "\e971";
        position: relative;
        top: 2px;
        margin-left: 4px;
        font-size: 1.4rem;
        font-weight: 700
    }

    .component-mosaic .right-top .right-top-left {
        text-align: left;
        box-sizing: border-box
    }

    .component-mosaic .right-bot {
        height: calc(50% - 5px);
        margin-top: auto
    }

    .component-mosaic .right-bot img {
        display: block
    }

    .component-collapsible .btn-group a {
        margin: 0 10px;
        cursor: pointer
    }

    .component-collapsible .btn-group button {
        background: 0 0;
        border: 0;
        font-size: 1.6rem;
        color: #0067b8;
        font-weight: 400
    }

    .component-collapsible .h3.mx-3 {
        font-size: 2.4rem
    }

    .component-collapsible h3,.component-collapsible p,.component-collapsible a {
        font-size: 1.6rem
    }

    .component-list-bullest li h4 {
        font-size: 1.8rem
    }

    .component-list-bullest li p,.component-list-bullest li .cta {
        font-size: 1.6rem
    }

    .component-list-bullest.list-bullest-tow-column .custom-list-bullets {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 10px
    }

    .component-list-bullest.list-bullest-tow-column .custom-list-bullets li {
        padding: 0 20px;
        box-sizing: border-box;
        width: 50%
    }

    .component-slider.swiper-container {
        overflow: hidden;
        margin-bottom: 100px;
        padding-bottom: 30px
    }

    .component-slider.swiper-container-horizontal>.swiper-pagination-bullets,.component-slider.swiper-pagination-custom,.component-slider .swiper-pagination-fraction {
        bottom: 0
    }

    .component-slider .swiper-button-next {
        top: 0;
        width: 4%;
        right: 0;
        left: auto;
        height: 100%;
        transform-style: flat;
        justify-content: flex-start;
        color: #000;
        background: #fff
    }

    .component-slider .swiper-button-prev {
        top: 0;
        width: 4%;
        left: 0;
        right: auto;
        color: #000;
        height: 100%;
        transform-style: flat;
        justify-content: flex-end;
        background: #fff
    }

    .component-slider .carousel-detail h3 {
        font-size: 1.8rem;
        line-height: inherit
    }

    .component-slider .carousel-detail p {
        font-size: 1.6rem
    }

    .component-slider .carousel-cta a {
        font-size: 1.6rem
    }

    .component-slider-top h2 {
        font-size: 3rem;
        line-height: inherit
    }

    .component-slider-top p {
        font-size: 1.6rem
    }

    .component-table th,.component-table td {
        padding: 1.5rem .75rem;
        font-size: 1.6rem
    }

    .component-vertical {
        display: flex;
        flex-wrap: wrap
    }

    .component-vertical.two-column .vertical-content {
        flex: 0 0 50%;
        max-width: 50%
    }

    .component-vertical .vertical-content {
        flex: 0 0 33.33333333%;
        max-width: 33%;
        margin-bottom: 20px;
        box-sizing: border-box
    }

    .component-vertical .vertical-content img {
        width: 100%
    }

    .component-vertical .vertical-body h3 {
        font-size: 1.8rem
    }

    .component-vertical .vertical-body p {
        font-size: 1.6rem
    }

    .component-vertical .vertical-btn a {
        font-size: 1.6rem
    }

    .color-picker-content .color-picker {
        top: 50%;
        transform: translateY(-50%);
        right: 8.75547217%;
        text-align: left
    }

    .color-picker-content .color-picker .color-text .color-picker-des {
        line-height: 50px
    }

    .color-picker-content .color-picker .model-choose {
        margin: 20px 0
    }

    .color-picker-content .color-picker .model-choose span {
        margin-right: 46px;
        font-size: 1.6rem
    }

    .color-picker-content .color-picker .color-picker-title {
        font-size: 1.8rem;
        line-height: 20px
    }

    .color-picker-content .color-picker .color-panel .single-color {
        margin-right: 20px
    }

    .component-video-row {
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }

    .component-video-row .video-item {
        flex: 0 0 33%;
        padding: 0 10px;
        max-width: 33%;
        box-sizing: border-box
    }

    .nav-vertical.anchor-item {
        position: fixed;
        z-index: 10;
        width: 100%;
        background: #fff;
        box-shadow: 1px 0 4px #333;
        top: 55px;
        border: none;
        padding: 0 35px;
        left: 0
    }

    .component-slider .component-slider-content .swiper-slide.swiper-slide-prev {
        transform: translateX(20%) scale(.8) !important
    }

    .component-slider .component-slider-content .swiper-slide.swiper-slide-next {
        transform: translateX(-20%) scale(.8) !important
    }

    .cms-home .page-main,.cms-home .page-main-full-width {
        padding: 0;
        max-width: 100%;
        margin: 0 auto;
        width: 100%
    }

    .cms-home.cms-index-index [data-content-type=row][data-appearance=contained] {
        width: 100%;
        max-width: 100%
    }

    .cms-home.cms-index-index .page-footer [data-content-type=row][data-appearance=contained] {
        max-width: 1600px;
        width: 90%
    }

    .banner-slider.old_ver {
        overflow: hidden
    }

    .banner-slider.old_ver .banner-sliderContainer .banner-container .item {
        width: 100%
    }

    .banner-slider.old_ver .banner-sliderContainer .banner-container .item .item-content {
        position: absolute;
        padding: 39px 38px 58px;
        width: 550px;
        box-sizing: border-box;
        z-index: 10
    }

    .banner-slider.old_ver .banner-sliderContainer .banner-container .item .item-content .payment {
        margin-bottom: 4px
    }

    .banner-slider.old_ver .banner-sliderContainer .banner-container .item .item-content .buy-btn a {
        font-weight: 700
    }

    .banner-slider.old_ver .banner-sliderContainer .banner-container .item .item-content .know-more {
        font-weight: 700
    }

    .banner-slider.old_ver .banner-sliderContainer .banner-container .item .item-content .additional_information {
        margin-top: 4px
    }

    .banner-slider.old_ver .banner-sliderContainer .banner-container .item .item-content .additional_information span {
        font-size: 12px
    }

    .banner-slider.old_ver .banner-sliderContainer .banner-container .item .item-content .additional_information span a.know-more {
        position: relative;
        z-index: 10
    }

    .banner-slider.old_ver .banner-sliderContainer .banner-container .item .item-content.left {
        top: 50%;
        left: 10%;
        transform: translate(0px,-50%)
    }

    .banner-slider.old_ver .banner-sliderContainer .banner-container .item .item-content.middle-top {
        top: 5%;
        left: 50%;
        transform: translate(-50%,0px)
    }

    .banner-slider.old_ver .banner-sliderContainer .banner-container .item .item-content.middle {
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

    .banner-slider.old_ver .banner-sliderContainer .banner-container .item .item-content.middle-bottom {
        bottom: 5%;
        left: 50%;
        transform: translate(-50%,0px)
    }

    .banner-slider.old_ver .banner-sliderContainer .banner-container .item .item-content.right {
        top: 50%;
        right: 5%;
        transform: translate(0px,-50%)
    }

    .banner-slider.old_ver .banner-sliderContainer .banner-container .item .item-content.have-bg {
        background: #fff
    }

    .banner-slider.old_ver .banner-sliderContainer .banner-container .item .item-content.text-middle {
        display: block;
        align-items: center;
        padding: 0;
        max-width: 320px;
        text-align: center
    }

    .banner-slider.old_ver .banner-sliderContainer .banner-container .item .item-content.text-right {
        display: block;
        align-items: flex-end;
        padding: 0;
        max-width: 320px;
        text-align: right
    }

    .banner-slider.old_ver .banner-sliderContainer .banner-container .item .item-content.have-bg.text-right {
        max-width: 100%;
        padding: 58px 38px 39px 190px
    }

    .banner-slider.old_ver .banner-sliderContainer .banner-container .item .item-content.have-bg.text-middle {
        max-width: 100%;
        padding: 58px 38px 39px
    }

    .banner-slider.old_ver .banner-sliderContainer .banner-container .swiper-slide-active {
        opacity: 1 !important
    }

    .banner-slider.old_ver .banner-sliderContainer .banner-container .swiper-slide-prev {
        opacity: .7 !important
    }

    .banner-slider.old_ver .banner-sliderContainer .banner-container .swiper-slide-next {
        opacity: .7 !important
    }

    .banner-slider.old_ver .banner-sliderContainer .swiper-pagination {
        width: 100%
    }

    .banner-slider.old_ver .banner-sliderContainer .swiper-pagination .swiper-pagination-bullet {
        margin-right: 15px
    }

    .banner-slider.old_ver .banner-sliderContainer .swiper-pagination .swiper-pagination-bullet-active {
        color: #000
    }

    .banner-slider.old_ver .banner-sliderContainer .control {
        display: none
    }

    .banner-slider.old_ver .banner-sliderContainer.swiper-container-initialized .control {
        display: block
    }

    .banner-slider.old_ver .banner-sliderContainer.swiper-container-initialized .banner-container .item {
        width: 90%
    }

    .category-product {
        display: flex;
        margin-left: -12px;
        margin-right: -12px
    }

    .category-product .item {
        width: 25%;
        padding: 0 12px;
        position: relative
    }

    .category-product .item>img {
        margin-bottom: 40px
    }

    .category-product .item .installment {
        position: absolute;
        top: -33px;
        height: 28px;
        line-height: 28px;
        padding: 0 14px;
        background: #fcba02;
        font-size: 16px;
        color: #000;
        text-align: center;
        font-weight: 400;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical
    }

    .category-product .item .product-detail {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 36px;
        position: relative;
        color: #23272a
    }

    .category-product .item .product-detail .inner {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 44px;
        font-size: 16px
    }

    .category-product .item .buy-now {
        display: flex;
        align-items: center;
        width: 85px;
        line-height: normal;
        font-size: 16px;
        font-weight: 700;
        border-bottom: solid 1px transparent
    }

    .category-product .item .buy-now:hover {
        text-decoration: none;
        border-bottom: solid 1px #0067b8
    }

    .category-product .item .buy-now .icon-arrow-right {
        display: flex;
        align-items: center;
        margin-left: 5px
    }

    .product-recommends .swiper-button-prev {
        display: none
    }

    .product-recommends .swiper-button-next {
        display: none
    }

    .product-recommends .recommends-container .list {
        width: calc(100%/6)
    }

    .block-product .product-container .product-list .product-detail {
        width: 22%;
        padding-right: 24px;
        box-sizing: border-box
    }

    .block-product .product-container .product-list .item-box {
        width: 78%
    }

    .block-product .product-container .product-list .item-box .item {
        width: calc(100%/3)
    }

    .block-product .product-container .product-list .item-box .item .detail-box {
        padding: 0 24px
    }

    .block-product .product-container .product-list .item-box .item .detail-box .content-box {
        margin-top: 28px;
        min-height: 94px
    }

    .block-product .product-container .product-list .item-box .item .detail-box .content-box .name .title {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .block-product .product-container .product-list .item-box .item .detail-box .content-box .detail {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .earthday-page {
        padding: 0 15px
    }

    .earthday-page .pagebuilder-banner-wrapper {
        display: flex;
        align-items: center;
        height: 460px
    }

    .earthday-page .pagebuilder-banner-wrapper .pagebuilder-banner-button {
        margin: 0
    }

    .earthday-page .pagebuilder-collage-content {
        min-width: 400px
    }

    .earthday-page .pagebuilder-collage-content p {
        font-size: 1.8rem;
        line-height: 1.35em;
        margin-bottom: 3.75%
    }

    .earthday-page .pagebuilder-collage-content p strong {
        font-size: 3.6rem;
        line-height: inherit;
        margin-bottom: 2%
    }

    .category-introduce .main-container {
        padding: 0 15px
    }

    .category-introduce .main-container h1,.category-introduce .main-container h2 {
        font-size: 2rem;
        line-height: 20px;
        font-weight: 400;
        margin: 0 0 16px;
        color: #000
    }

    .commercial-surface-description {
        margin: 0 auto;
        flex-direction: row !important
    }

    .commercial-surface-description .list-mobile {
        display: none
    }

    .commercial-surface-description .info {
        padding: 0 20px
    }

    .commercial-surface-description .info .content {
        line-height: 21px
    }

    .commercial-surface-description .info .content span {
        display: block
    }

    .commercial-surface-description .info .business-btn a {
        display: inline-block;
        width: 100%;
        height: 30px;
        flex: 1;
        line-height: 30px;
        background-color: #0067b8;
        color: #fff;
        text-align: center;
        text-decoration: none
    }

    .commercial-surface-description .info .list {
        margin-bottom: 20px
    }

    .commercial-surface-description .info .list li {
        margin-top: 20px
    }

    .commercial-surface-description .surface-description {
        flex: 0 0 78%;
        max-width: 78%
    }

    .commercial-surface-description .surface-description .pagebuilder-slide-wrapper {
        height: 420px
    }

    .commercial-surface-description .surface-description-info {
        box-sizing: border-box;
        flex: 0 0 22%;
        max-width: 22%;
        min-height: 420px;
        height: 100%;
        position: relative;
        background-color: #eee
    }

    .commercial-surface-description .surface-description-info .tel {
        position: absolute;
        bottom: 0;
        padding: 20px;
        border-top: 1px solid;
        width: 100%;
        box-sizing: border-box;
        left: 0
    }

    .surface-description .pagebuilder-slide-wrapper {
        height: 420px
    }

    .surface-description-content>div>h1:first-child {
        margin-top: 50px
    }

    .surface-description-content h1 {
        font-size: 3rem;
        color: #333
    }

    .surface-description-content .main-content {
        display: flex;
        margin-top: 80px
    }

    .surface-description-content .main-content-item {
        width: 33%
    }

    .surface-description-content .main-content-item:nth-child(2n) .item-footer {
        border-left: 1px solid;
        border-right: 1px solid
    }

    .surface-description-faq .main-container {
        width: 100%;
        margin: 0 auto;
        box-sizing: border-box
    }

    .surface-description-faq .main-container .faq-bg {
        padding: 35px 62px
    }

    .common-banner .pagebuilder-slider {
        min-height: 519px
    }

    .common-banner .top-wrapper {
        margin: 100px 0 50px
    }

    .common-banner .top-wrapper strong {
        font-size: 2.4rem;
        line-height: 40px
    }

    .common-banner .top-wrapper p {
        font-size: 1.8rem
    }

    .top-wrapper .code-qr {
        padding: 20px 10px;
        position: absolute;
        top: -50px;
        right: 0
    }

    .top-wrapper .code-qr.fixed {
        right: 20px
    }

    .content-dialog-video .pop-video {
        max-width: 950px;
        width: 100%;
        height: auto;
        position: relative;
        margin: 0 auto
    }

    .content-dialog-video .pop-video .close-btn {
        width: 42px;
        height: 42px;
        right: -44px
    }

    .content-dialog-video .pop-video .close-btn:after {
        font-size: 1.6rem;
        line-height: 42px
    }

    .ie11 .multiple-video .multiple-item .background-image {
        height: 260px;
        overflow: hidden
    }

    .multiple-video {
        display: flex;
        align-items: center;
        margin: 20px auto 0 auto;
        width: 100%
    }

    .multiple-video .multiple-item {
        max-width: 33%;
        flex: 1 1 33.33333333%
    }

    .multiple-video .multiple-item:nth-child(2) {
        padding: 0 20px
    }

    .expert-office {
        margin: 100px auto 0 auto
    }

    .expert-office .buy-btn {
        font-size: 2.4rem;
        margin-top: 50px
    }

    .expert-office h3 {
        font-size: 2.4rem;
        line-height: 40px
    }

    .expert-office p {
        font-size: 1.8rem;
        line-height: 40px
    }

    .ie11 .expert-middle .item-wrapper .middle-video .background-image {
        height: 400px;
        overflow: hidden
    }

    .expert-middle {
        margin: 50px auto 0 auto
    }

    .expert-middle .title {
        font-size: 3rem
    }

    .expert-middle .item-wrapper {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        margin-bottom: 50px
    }

    .expert-middle .item-wrapper .sub-title {
        font-size: 2rem
    }

    .expert-middle .item-wrapper p {
        font-size: 1.6rem
    }

    .expert-middle .item-wrapper .middle-video {
        max-width: 50%;
        flex: 1 1 50%;
        box-sizing: border-box
    }

    .expert-middle .item-wrapper .texts {
        box-sizing: border-box;
        padding-left: 10%;
        width: 50%;
        text-align: left
    }

    .expert-bottom {
        margin: 50px auto 0 auto
    }

    .expert-bottom .title {
        font-size: 3rem
    }

    .expert-bottom li {
        margin: 10px;
        flex: 1 1 45%;
        max-width: 50%
    }

    .expert-bottom li .content {
        min-height: 250px
    }

    .expert-bottom h3 {
        font-size: 2.6rem;
        line-height: 32px
    }

    .expert-bottom p {
        font-size: 1.4rem;
        line-height: 22px
    }

    .expert-bottom .btn-bottom {
        text-align: right;
        margin: 20px
    }

    .expert-bottom .btn-bottom a {
        text-align: right;
        font-size: 1.8rem
    }

    .popup-qrcode .content-wrapper {
        max-width: 550px;
        width: 100%;
        padding: 20px
    }

    .popup-qrcode .popup-title {
        width: 75%;
        padding: 0 30px
    }

    .popup-qrcode .img-qr-code {
        width: 18.26923077%;
        margin-right: 30px;
        margin-top: 8px;
        float: right
    }

    .popup-qrcode .popup-text {
        width: 75%
    }

    .video-text {
        font-size: 1.8rem;
        line-height: 50px
    }

    .background-image .play-video {
        width: 70px;
        height: 70px;
        margin: -35px
    }

    .background-image .play-video:after {
        font-size: 2.8rem
    }

    .promotion_popup {
        width: 100%;
        min-height: auto;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .promotion_popup .modal-inner-wrap {
        max-width: 700px;
        width: 100%;
        -ms-transform: none;
        transform: none;
        margin: 0;
        position: relative;
        background: #0566b8
    }

    .promotion_popup .modal-inner-wrap .modal-content {
        padding-right: 60px;
        padding-left: 14px
    }

    .promotion_popup .modal-inner-wrap .modal-content [data-content-type=html] {
        overflow: hidden
    }

    .promotion_popup .modal-inner-wrap .modal-footer {
        display: none
    }

    .promotion_popup .modal-inner-wrap .popup-inner-content {
        display: flex;
        padding-right: 60px;
        padding-left: 14px;
        padding-bottom: 30px
    }

    .promotion_popup .modal-inner-wrap .popup-inner-content .img-bg {
        width: 55%
    }

    .promotion_popup .modal-inner-wrap .popup-inner-content .info {
        width: 45%;
        text-align: right
    }

    .promotion_popup .modal-inner-wrap .popup-inner-content .info .title {
        font-size: 32px;
        font-weight: 700;
        color: #fff;
        text-align: right
    }

    .promotion_popup .modal-inner-wrap .popup-inner-content .info .des {
        font-size: 16px;
        color: #fff;
        margin-top: 6px
    }

    .promotion_popup .modal-inner-wrap .popup-inner-content .info .btn {
        margin-top: 50px
    }

    .promotion_popup .modal-inner-wrap .popup-inner-content .info .btn a {
        display: inline-block;
        padding: 10px 40px;
        background: #fff;
        color: #0566b8;
        font-size: 14px;
        font-weight: 700;
        text-decoration: none
    }

    .promotion_popup.modal-popup .action-close:before {
        color: #fff
    }

    .gift_popup.modal-popup {
        width: 100%;
        min-height: auto;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .gift_popup.modal-popup .action-close:before {
        color: #fff
    }

    .gift_popup .modal-inner-wrap {
        max-width: 700px;
        width: 100%;
        -ms-transform: none;
        transform: none;
        margin: 0;
        position: relative;
        background: #0566b8
    }

    .gift_popup .modal-inner-wrap .modal-content {
        padding: 0
    }

    .gift_popup .modal-inner-wrap .modal-footer {
        display: none
    }

    .gift_popup .gift-popup-content .login-coupon-list {
        padding: 0 70px;
        padding-right: 55px
    }

    .gift_popup .gift-popup-content .title {
        font-size: 32px;
        color: #fff;
        text-align: center;
        font-weight: 700
    }

    .gift_popup .gift-popup-content .time {
        font-size: 16px;
        color: #fff;
        margin-top: 15px
    }

    .gift_popup .gift-popup-content .time a {
        color: #fff;
        text-decoration: underline
    }

    .gift_popup .gift-popup-content .gift-box {
        margin-top: 35px;
        overflow-y: auto;
        padding-right: 15px;
        max-height: 360px;
        margin-bottom: 55px;
        font-size: 0px;
        scrollbar-face-color:#fff;scrollbar-highlight-color:#fff;scrollbar-shadow-color:#fff;scrollbar-3dlight-color: #fff;
        scrollbar-arrow-color:#000;scrollbar-track-color:#000;scrollbar-darkshadow-color: #fff
    }

    .gift_popup .gift-popup-content .gift-box .list {
        height: calc(33.33333333%);
        display: flex;
        align-items: center;
        position: relative;
        overflow: hidden;
        margin-bottom: 20px
    }

    .gift_popup .gift-popup-content .gift-box .list:last-child {
        margin-bottom: 0
    }

    .gift_popup .gift-popup-content .gift-box .list img {
        width: 100%
    }

    .gift_popup .gift-popup-content .gift-box .list .list-content .voucher {
        position: absolute;
        font-size: 21px;
        color: #fff;
        left: 6%;
        top: 38%
    }

    .gift_popup .gift-popup-content .gift-box .list .list-content .price {
        position: absolute;
        font-size: 16px;
        width: 52%;
        left: 16%;
        height: 100%;
        display: flex;
        align-items: center;
        top: 0;
        justify-content: center
    }

    .gift_popup .gift-popup-content .gift-box .list .list-content .price .number {
        font-size: 48px;
        font-weight: 700;
        color: #0566b8;
        width: 57%;
        text-align: right
    }

    .gift_popup .gift-popup-content .gift-box .list .list-content .price .gift-name {
        margin-left: 10px;
        width: calc(43% - 10px)
    }

    .gift_popup .gift-popup-content .gift-box .list .list-content .price .line1 {
        font-size: 16px
    }

    .gift_popup .gift-popup-content .gift-box .list .list-content .price .line2 {
        font-size: 14px
    }

    .gift_popup .gift-popup-content .gift-box .list .list-content .btn {
        position: absolute;
        top: 0;
        height: 100%;
        left: 80%;
        font-size: 16px;
        width: 92px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .gift_popup .gift-popup-content .gift-box .list .list-content .btn a {
        display: inline-block;
        height: 40px;
        width: 100%;
        text-align: center;
        line-height: 40px;
        background: #0566b8;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        text-decoration: none
    }

    .gift_popup .gift-popup-content .gift-box::-webkit-scrollbar {
        width: 8px
    }

    .gift_popup .gift-popup-content .gift-box::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);
        background: #fff
    }

    .gift_popup .gift-popup-content .gift-box::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);
        border-radius: 0;
        background: #000001
    }

    .gift_popup .gift-popup-content .gift-btn {
        text-align: center
    }

    .gift_popup .gift-popup-content .gift-btn a {
        display: inline-block;
        height: 40px;
        width: 205px;
        background: #fff;
        font-size: 14px;
        font-weight: 700;
        line-height: 40px;
        text-decoration: none;
        color: #0566b8
    }

    .gift_popup .gift-popup-content .gift-btn p {
        margin-top: 15px;
        color: #fff;
        font-size: 14px
    }

    div.c-2-offer,div.c-3-offer,div.c-3-offer-no-img,div.c-4-offer {
        margin-top: 0
    }

    .full-width-screen-active .pc-no-full-screen {
        margin-left: auto;
        margin-right: auto;
        max-width: 1600px;
        width: 90%
    }

    .c-360-rotating a.c-call-to-action {
        white-space: nowrap
    }

    .c-360-rotating a.c-call-to-action span:not(.icon-arrow-right) {
        margin-right: 10px
    }

    .component-spec .table:not(.cart):not(.totals)>tbody>tr>th {
        vertical-align: top
    }

    .full-width-screen-active .pc-no-full-screen.c-2-offer,.full-width-screen-active .pc-no-full-screen.c-3-offer,.full-width-screen-active .pc-no-full-screen.c-4-offer {
        width: calc(90% + 24px);
        max-width: 1624px;
        margin-left: auto;
        margin-right: auto
    }

    div.c-4-offer {
        width: calc(100% + 24px);
        max-width: 1624px;
        margin-left: -12px;
        margin-right: -12px
    }

    .c-swiper-media-section .c-list {
        width: 90%
    }

    .c-swiper-media .c-swiper-media-section {
        width: 33.33%
    }

    .c-swiper-media .c-swiper-media-container {
        width: 66.67%
    }

    .c-swiper-media-container .swiper-slide {
        opacity: 0 !important
    }

    .c-swiper-media-container .swiper-slide.swiper-slide-active {
        opacity: 1 !important
    }

    .c-swiper-ti-2 .row-icon-swiper .btn-slide {
        width: auto !important
    }

    .row-icon-swiper-container .swiper-wrapper {
        display: flex;
        justify-content: center
    }

    .row-icon-swiper-container.flex-left-siwper .swiper-wrapper {
        display: flex;
        justify-content: flex-start
    }

    .c-swiper-ti-2 .row-icon-swiper .btn-slide img {
        width: 90px;
        height: 90px
    }

    .c-swiper-ti-2 .row-icon-swiper .btn-slide {
        margin-right: -10px
    }

    .custom-buybox-banner.full-width-screen-component {
        max-width: 1920px !important;
        margin: 0 auto
    }

    .c-swiper-ti-2.full-width-screen-component {
        max-width: 1920px !important
    }

    .c-swiper-ti-2 .row-icon-swiper .row-icon-swiper-container {
        padding: 0 20px
    }

    .nav-sections-item-content>.global-local-header {
        display: block
    }

    .nav-sections-item-content>.global-uhf-header {
        display: block
    }

    .nav-sections-item-content>.global-uhf-header .global-head-cont {
        padding: 0
    }

    .nav-sections-item-content>.global-uhf-header .global-head-cont .c-logo {
        display: none
    }

    .nav-sections-item-content>.global-uhf-header .global-head-cont .c-uhfh-actions {
        display: none
    }

    .nav-sections-item-content>.global-uhf-header .global-head-cont .c-show-pipe {
        display: none
    }

    .nav-sections-item-content>.global-uhf-header .global-head-cont .js-subm-uhf-nav-link {
        font-weight: 400
    }

    .global-uhf-footer .c-uhff {
        margin-top: 0
    }

    .global-uhf-header .c-uhfh>div {
        padding: 0
    }

    .c-swiper-product-2 .c-swiper-product-2-container .swiper-scrollbar {
        display: none
    }

    .c-swiper-ti-2 .row-icon-swiper .btn-slide {
        width: auto !important
    }

    .modal-popup.after-sales-service-modal {
        overflow: hidden
    }

    .modal-popup.after-sales-service-modal .modal-inner-wrap {
        max-width: 600px;
        max-height: 75% !important;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        overflow-y: scroll
    }

    .modal-popup .modal-inner-wrap {
        max-height: 80% !important
    }

    .ie11 .catalog-product-buybox.page-product-configurable .page-wrapper #maincontent {
        height: 100%
    }

    .catalog-product-buybox.page-product-configurable .page-wrapper .page-header {
        position: fixed;
        width: 100%;
        z-index: 999
    }

    .catalog-product-buybox.page-product-configurable .page-wrapper #maincontent {
        padding-top: 95px
    }

    .catalog-product-buybox.page-product-configurable._has-modal .page-wrapper .page-header {
        z-index: 899
    }

    .fixed_active {
        height: 55px;
        position: fixed;
        width: 100%;
        max-width: 100%;
        z-index: 999;
        top: 0;
        background: #fff
    }

    .cms-index-index [data-content-type=row][data-appearance=contained] {
        max-width: 1600px
    }

    .page-footer [data-content-type=row][data-appearance=contained] {
        max-width: 1600px;
        width: 90%
    }

    .cms-top-container {
        text-align: center;
        max-width: 1600px;
        margin: 0 auto;
        background: #0067b8;
        height: 40px;
        line-height: 40px;
        width: 90%
    }

    .cms-top-container a {
        color: #fff;
        padding: 4px 8px
    }

    .header-container {
        margin: 0 auto;
        max-width: 1600px;
        position: relative;
        width: 90%;
        z-index: 1000
    }

    .header-container .header-content {
        width: 100%;
        margin: 0 auto;
        max-width: 1600px;
        height: 55px
    }

    .header-container .header-content .header-search-cart-login {
        float: right
    }

    .header-container .header-content .catalog_menu {
        display: none
    }

    .header-container .header-content .logo-box {
        display: inline-block;
        align-items: center;
        width: 276px
    }

    .header-container .header-content .logo-box .logo {
        margin: 0;
        margin-left: 10px;
        position: relative;
        top: 6px
    }

    .header-container .header-content .logo-box .logo img {
        max-width: none
    }

    .header-container .header-content .logo-box .office-title {
        margin-left: 30px;
        display: inline-block;
        font-size: 16px;
        font-weight: 700;
        min-width: 128px
    }

    .header-container .header-content .logo-box .office-title:before {
        content: "";
        border: solid 1px #000;
        margin-right: 30px;
        background: #000;
        position: absolute;
        height: 24px;
        top: 50%;
        transform: translate(0px,-50%);
        box-sizing: border-box
    }

    .header-container .header-content .logo-box .office-title a {
        display: inline-block;
        color: #000;
        text-decoration: none;
        float: right;
        position: relative;
        top: 6px
    }

    .header-container .header-content .navigation-item {
        display: inline-block;
        width: calc(100% - 580px)
    }

    .header-container .header-content .navigation-item .nav-sections .nav-sections-items #mainMenu #autoNav {
        display: inline-flex
    }

    .header-container .header-content .navigation-item .nav-sections .nav-sections-items #mainMenu #autoNav>.level0 {
        line-height: 55px
    }

    .header-container .header-content .navigation-item .nav-sections .nav-sections-items #mainMenu #autoNav .no-select>a {
        padding-right: 0
    }

    .header-container .header-content .navigation-item .nav-sections .nav-sections-items #mainMenu #autoNav .no-select>a>span.ui-menu-icon {
        display: none
    }

    .header-container .header-content .navigation-item .nav-sections .nav-sections-items #mainMenu #autoNav .no-select>ul {
        display: none !important
    }

    .header-container .header-content .navigation-item .nav-sections .nav-sections-items #mainMenu #autoNav #autoNavMore {
        display: inline-block;
        margin: 18px 27px 0 12px;
        white-space: nowrap;
        height: 20px;
        font-weight: 400;
        color: #000;
        display: none;
        position: relative;
        cursor: pointer
    }

    .header-container .header-content .navigation-item .nav-sections .nav-sections-items #mainMenu #autoNav #autoNavMore #no-click {
        padding-right: 20px;
        position: relative;
        color: #000;
        font-size: 14px
    }

    .header-container .header-content .navigation-item .nav-sections .nav-sections-items #mainMenu #autoNav #autoNavMore #no-click span.ui-icon-carat-1-e {
        position: absolute;
        right: 0;
        display: inline-block;
        text-decoration: none
    }

    .header-container .header-content .navigation-item .nav-sections .nav-sections-items #mainMenu #autoNav #autoNavMore #no-click span.ui-icon-carat-1-e:after {
        font-family: "ms-icon";
        content: "\e90d";
        font-size: 12px;
        transform: scale(.6);
        display: inline-block;
        vertical-align: middle
    }

    .header-container .header-content .navigation-item .nav-sections .nav-sections-items #mainMenu #autoNav #autoNavMore #autoNavMoreList {
        position: absolute;
        border: solid 1px #000;
        padding: 0;
        font-size: 14px;
        background: #fff;
        width: 230px;
        overflow: hidden;
        left: 0
    }

    .header-container .header-content .navigation-item .nav-sections .nav-sections-items #mainMenu #autoNav #autoNavMore #autoNavMoreList>li {
        width: 100%;
        display: inline-block;
        float: left;
        box-sizing: border-box
    }

    .header-container .header-content .navigation-item .nav-sections .nav-sections-items #mainMenu #autoNav #autoNavMore #autoNavMoreList>li>a {
        display: inline-block;
        width: 100%;
        text-decoration: none;
        padding: 0
    }

    .header-container .header-content .navigation-item .nav-sections .nav-sections-items #mainMenu #autoNav #autoNavMore #autoNavMoreList>li>a>span.ui-menu-icon {
        display: none !important
    }

    .header-container .header-content .navigation-item .nav-sections .nav-sections-items #mainMenu #autoNav #autoNavMore #autoNavMoreList>li a.ui-state-active {
        outline: 3px dotted currentColor !important;
        outline-offset: -4px
    }

    .header-container .header-content .navigation-item .nav-sections .nav-sections-items #mainMenu #autoNav #autoNavMore #autoNavMoreList>li a.ui-state-active.ui-no-shadow {
        box-shadow: none
    }

    .header-container .header-content .navigation-item .nav-sections .nav-sections-items #mainMenu #autoNav #autoNavMore #autoNavMoreList>li:hover {
        background: #d2d2d2
    }

    .header-container .header-content .navigation-item .nav-sections .nav-sections-items #mainMenu #autoNav #autoNavMore #autoNavMoreList>li:hover>a {
        text-decoration: underline;
        background: #d2d2d2
    }

    .header-container .header-content .login-icon {
        display: inline-block;
        align-items: center;
        cursor: pointer;
        border: none;
        background: 0 0;
        padding: 0;
        line-height: 55px;
        font-weight: 400
    }

    .header-container .header-content .login-icon .login-container {
        display: flex;
        align-items: center
    }

    .header-container .header-content .login-icon .login-container .text {
        max-width: 96px;
        white-space: nowrap;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        overflow: hidden
    }

    .header-container .header-content .login-icon i {
        font-size: 32px;
        margin-left: 8px
    }

    .header-container .header-content .cart-item {
        display: inline-block;
        margin-right: 35px
    }

    .header-container .header-content .cart-item .minicart-wrapper {
        margin-left: 0;
        float: inherit;
        top: 4px
    }

    .header-container .header-content .cart-item .minicart-wrapper .action.showcart.active {
        display: flex
    }

    .header-container .header-content .cart-item .minicart-wrapper .action.showcart {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 55px
    }

    .header-container .header-content .cart-item .minicart-wrapper .action.showcart:before {
        font-family: "ms-icon";
        content: "\e912";
        font-size: 18px;
        color: #000
    }

    .header-container .header-content .cart-item .minicart-wrapper .action.showcart .counter.qty {
        height: 14px;
        border: solid 1px #0067b8;
        text-align: center;
        line-height: 14px;
        border-radius: 7px;
        font-size: 12px;
        color: #fff;
        background-color: #0067b8;
        padding: 0;
        margin: 0;
        min-width: 14px;
        margin-left: 5px
    }

    .header-container .header-content .search_menu {
        display: inline-block;
        align-items: center;
        cursor: pointer;
        border: none;
        background: 0 0;
        padding: 0;
        margin-right: 35px;
        line-height: 55px;
        font-weight: 400
    }

    .header-container .header-content .search_menu i.icon-search {
        position: relative;
        top: 2px;
        margin-left: 6px;
        font-size: 16px
    }

    .header-container .dig-content .mobile-search-box .block.block-search {
        display: none;
        position: absolute;
        width: calc(100% - 170px);
        right: 0;
        top: 50%;
        height: 40px;
        z-index: 10;
        background: #fff;
        transform: translate(0px,-50%)
    }

    .header-container .dig-content .mobile-search-box .block.block-search .block.block-content {
        width: calc(100% - 100px);
        float: left;
        position: relative
    }

    .header-container .dig-content .mobile-search-box .block.block-search .block.block-content .field.search .control {
        padding: 0
    }

    .header-container .dig-content .mobile-search-box .block.block-search .block.block-content .field.search .control input {
        height: 40px;
        padding-left: 18px;
        border: solid 1px #505050
    }

    .header-container .dig-content .mobile-search-box .block.block-search .block.block-content .field.search .control .search-autocomplete {
        border: solid 1px #505050;
        border-top: none
    }

    .header-container .dig-content .mobile-search-box .block.block-search .block.block-content .field.search .control .search-autocomplete ul li {
        border: none;
        height: 40px;
        display: flex;
        align-items: center;
        padding-left: 0;
        padding-left: 18px
    }

    .header-container .dig-content .mobile-search-box .block.block-search .block.block-content .field.search .control .search-autocomplete ul li.selected {
        background: #0067b8;
        color: #fff
    }

    .header-container .dig-content .mobile-search-box .block.block-search .block.block-content .field.search .nested {
        display: none
    }

    .header-container .dig-content .mobile-search-box .block.block-search .block.block-content .actions button {
        top: 50%;
        transform: translate(0px,-50%);
        padding: 0
    }

    .header-container .dig-content .mobile-search-box .block.block-search .block.block-content .actions button:before {
        font-family: "ms-icon";
        content: "\e909"
    }

    .header-container .dig-content .mobile-search-box .block.block-search .cancel-btn {
        float: right;
        background: 0 0;
        border: none;
        box-shadow: none
    }

    .dig-content .dig-login-container .user-information-container .user-logo {
        line-height: 1;
        margin-bottom: 10px
    }

    .dig-content .dig-login-container .user-information-container .user-logo i {
        font-size: 24px
    }

    .dig-content .dig-login-container .user-information-container .user-logo i.icon-phone {
        color: #0067b8
    }

    .dig-content .dig-login-container .user-information-container .user-logo i.icon-wechat {
        color: #3fcf77
    }

    .dig-content .dig-login-container .user-information-container .user-logo i.icon-alipay {
        color: #02a9f1
    }

    .dig-content .dig-login-container .user-information-container .user-logo img {
        width: 80px;
        height: 17px
    }

    .dig-content .dig-login-container .links .authorization-link .login-btn {
        margin-top: 10px;
        padding: 0;
        font-size: 14px
    }

    .page-footer .footer {
        margin: 0;
        padding: 0;
        width: 100%;
        background: #f2f2f2;
        border: none;
        max-width: 100%
    }

    .page-footer .footer .cms-footer .cms-footer-container {
        border-top: solid 1px #d8d8d8;
        padding-top: 20px;
        display: flex;
        min-height: 700px
    }

    .page-footer .footer .cms-footer .cms-footer-container .container-list {
        width: calc(16.66666667%)
    }

    .page-footer .footer .cms-footer .cms-footer-container .container-list .item-title {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 20px
    }

    .page-footer .footer .cms-footer .cms-footer-container .container-list .item-title i {
        display: none
    }

    .page-footer .footer .cms-footer .cms-footer-container .container-list .item-list>li {
        margin-bottom: 30px;
        font-size: 14px;
        color: #000
    }

    .page-footer .footer .cms-footer .cms-footer-container .container-list .item-list>li a {
        color: #000
    }

    .page-footer .footer .cms-footer .cms-footer-container .container-list .item-list .other-location {
        padding-top: 30px
    }

    .page-footer .footer .cms-footer .cms-footer-container .container-list .item-list .weibo-box {
        margin-bottom: 0
    }

    .page-footer .footer .cms-footer .cms-footer-container .container-list .item-list .weibo-box i.icon-weibo {
        margin-top: 20px;
        display: block;
        font-size: 36px
    }

    .page-footer .footer .cms-footer .cms-footer-container .container-list .item-list .qrcode-box img {
        display: block;
        padding: 8px;
        background: #fff;
        margin-top: 10px
    }

    .page-footer .footer .cms-footer .pc-hide {
        display: none
    }

    .page-footer .footer .cms-footer .uhf-footer {
        font-size: 14px;
        margin: 25px 0
    }

    .page-footer .footer .cms-footer .uhf-footer .icon-earth {
        font-size: 24px;
        vertical-align: middle
    }

    .page-footer .footer .cms-footer .uhf-footer .language-link {
        vertical-align: middle
    }

    .page-footer .footer .cms-footer .uhf-footer a {
        color: #000
    }

    .page-footer .footer .cms-footer .uhf-footer .copyright {
        float: right;
        margin: 0;
        font-size: 0px
    }

    .page-footer .footer .cms-footer .uhf-footer .copyright a {
        font-size: 14px;
        margin-right: 10px
    }

    .page-footer .footer .cms-footer .uhf-footer .copyright li.c_uhff_footer_managecookies {
        display: none
    }

    .page-footer .footer .cms-footer .uhf-footer .copyright li.c_uhff_footer_managecookies.show {
        display: inline-block
    }

    .page-footer .footer .cms-footer .uhf-footer .copyright span {
        font-size: 14px;
        margin-right: 10px;
        color: #000
    }

    .page-footer .footer .block.newsletter {
        width: 90%;
        overflow: hidden;
        float: none;
        margin: 0 auto;
        max-width: 1600px;
        padding: 30px 0;
        position: relative
    }

    .page-footer .footer .block.newsletter .title {
        color: #000;
        display: block;
        height: 30px;
        line-height: 30px;
        margin-bottom: 0
    }

    .page-footer .footer .block.newsletter .title strong {
        font-weight: 400;
        font-size: 16px
    }

    .page-footer .footer .block.newsletter .content .form.subscribe {
        display: inline-block;
        overflow: hidden
    }

    .page-footer .footer .block.newsletter .content input {
        height: 40px;
        padding: 10px 0 10px 12px;
        width: 364px;
        margin-right: 0;
        border: solid 1px #c2c2c2;
        box-sizing: border-box;
        font-family: 'Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif
    }

    .page-footer .footer .block.newsletter .content div.mage-error {
        font-size: 16px
    }

    .page-footer .footer .block.newsletter .content .field {
        margin-right: 10px;
        float: left
    }

    .page-footer .footer .block.newsletter .content .field .control:before {
        display: none
    }

    .page-footer .footer .block.newsletter .content .actions {
        margin-right: 18px;
        float: left;
        width: auto
    }

    .page-footer .footer .block.newsletter .content .actions .primary {
        height: 40px;
        width: 114px;
        margin-right: 18px
    }

    .page-footer .footer .block.newsletter .content .privacy-policy a {
        font-size: 16px;
        color: #006bb4;
        line-height: 40px;
        text-decoration: underline
    }

    .modal-slide.subscribe_popup {
        width: 360px;
        margin: 0;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

    .modal-slide.subscribe_popup .modal-inner-wrap {
        max-height: 100%;
        height: 180px;
        margin: 0;
        width: 360px !important;
        margin: 0 !important;
        left: 0 !important
    }

    .modal-slide.subscribe_popup .modal-inner-wrap .modal-content {
        overflow-y: hidden
    }

    .modal-slide.subscribe_popup .subscribe-content {
        text-align: center
    }

    .modal-slide.subscribe_popup .modal-footer {
        border: none;
        padding: 0;
        text-align: center;
        margin-top: 20px;
        display: block !important
    }

    .modal-slide.subscribe_popup .modal-footer .confirm_btn {
        background: #0067b8;
        width: 150px;
        height: 35px;
        line-height: 35px;
        border: none;
        outline: none;
        color: #fff
    }

    .global-service .livePerson .livePersonContainer {
        display: block !important;
        position: fixed;
        right: 0;
        bottom: 0;
        border: none;
        z-index: 10021;
        background: #fff;
        border-radius: 5px;
        font-size: 15px;
        min-width: 300px;
        max-width: 350px;
        height: 600px;
        width: 400px;
        box-shadow: 0 5px 15px 0 rgba(0,0,0,.25)
    }

    .global-service .livePerson .livePersonContainer .lp-iframe-close {
        display: none
    }

    .global-service .livePerson .livePersonContainer .lp-iframe-window {
        height: 600px;
        width: 400px;
        border: none;
        border-radius: 5px
    }

    .global-service .livePerson .livePersonContainer[aria-hidden=true] {
        display: none !important
    }

    .nav-sections .nav-sections-item-content .navigation .level0.level-top .level-top.ui-state-active {
        outline: 3px dotted currentColor !important;
        outline-offset: 0px
    }

    .header-container .header-content .navigation-item .nav-sections .nav-sections-items #mainMenu #autoNav #autoNavMore #no-click.ui-state-active {
        outline: 3px dotted currentColor !important;
        outline-offset: -4px
    }
}

@media all and (min-width: 769px) and (max-width:1600px),print and (max-width:1600px) {
    .cart-container .cart-summary .cart-totals .table-wrapper .totals {
        font-size:18px
    }
}

@media all and (min-width: 769px) and (max-width:1600px),print and (max-width:1600px) {
    .coupon-page-content .coupon-list .list-top .list-time {
        font-size:13px
    }
}

@media all and (min-width: 769px) and (max-width:1600px),print and (max-width:1600px) {
    .mscheckout-payment-cashsuccess .payment-inner .payment_info {
        width:50.4%
    }
}

@media all and (min-width: 1024px),print {
    .custom-tablist .tablist-title .item.title>.switch {
        min-width:117px;
        font-size: 1.6rem
    }

    [data-content-type=row][data-appearance=contained] [data-element=inner].microsoft-block-top {
        width: 70%
    }

    .ampromo-items-content {
        max-width: 960px;
        width: 100%
    }

    #checkout.am-checkout.-modern.-layout-1column .authentication-wrapper {
        min-width: 300px
    }

    .amcheckout-main-container.-modern .amcheckout-step-container .amcheckout-form-login .amcheckout-email .amcheckout-wrapper {
        -webkit-box-flex: inherit;
        -ms-flex: inherit;
        flex: inherit;
        width: calc(50% - 7px)
    }

    .amcheckout-main-container.-modern .amcheckout-step-container .amcheckout-delivery-date .field.date,.amcheckout-main-container.-modern .amcheckout-step-container .amcheckout-delivery-date .field.timepicker {
        width: 50%
    }

    .amcheckout-main-container.-modern .amcheckout-step-container .amcheckout-delivery-date .field.date {
        padding-right: 10px
    }

    .amcheckout-main-container.-modern .amcheckout-step-container .amcheckout-delivery-date .field.timepicker {
        padding-left: 10px
    }

    .amcheckout-main-container.-modern .amcheckout-step-container .amcheckout-summary-container .amcheckout-title {
        background: #eee;
        color: #363636
    }

    .amcheckout-main-container.-modern .amcheckout-step-container .amcheckout-summary-container .amcheckout-title>.amcheckout-icon {
        background: 0 0
    }

    .amcheckout-main-container.-modern .amcheckout-step-container .amcheckout-summary-container .subtotal {
        width: 15%
    }

    .amcheckout-main-container.-modern .amcheckout-step-container .amcheckout-summary-container .table-totals {
        margin-left: auto;
        width: 40%
    }

    .amcheckout-main-container.-modern .amcheckout-step-container .amcheckout-additional-options .amcheckout-checkboxes,.amcheckout-main-container.-modern .amcheckout-step-container .amcheckout-additional-options .amcheckout-comment {
        display: inline-block;
        vertical-align: top
    }

    .amcheckout-main-container.-modern .amcheckout-step-container .amcheckout-additional-options .amcheckout-checkboxes {
        box-sizing: border-box;
        padding-right: 10px;
        width: 35%
    }

    .amcheckout-main-container.-modern .amcheckout-step-container .amcheckout-additional-options .amcheckout-comment {
        width: 65%
    }

    .amcheckout-main-container.-modern .amcheckout-step-container .checkout-payment-method .payment-option-title {
        border: none
    }

    .amcheckout-main-container.-modern.-layout-1column .amcheckout-summary-container .details-qty {
        max-width: 20%
    }

    .amcheckout-main-container.-modern.-layout-2columns {
        position: relative
    }

    .amcheckout-main-container.-modern.-layout-2columns .amcheckout-column {
        margin: 0
    }

    .amcheckout-main-container.-modern.-layout-2columns .amcheckout-column.-main {
        float: left;
        width: calc(100% - (380px + 60px))
    }

    .amcheckout-main-container.-modern.-layout-2columns .amcheckout-column.-sidebar {
        float: right;
        width: 380px;
        transition: all .3s ease
    }

    .amcheckout-main-container.-modern.-layout-2columns .amcheckout-column.-sidebar.-sticky {
        overflow: auto;
        max-height: 100vh
    }

    .amcheckout-main-container.-modern.-layout-2columns .amcheckout-step-container.-summary,.amcheckout-main-container.-modern.-layout-3columns .amcheckout-step-container.-summary {
        border: 1px solid #d4d4d4;
        background: #fff
    }

    .amcheckout-main-container.-modern.-layout-2columns .amcheckout-step-container.-summary>.checkout-payment-method .actions-toolbar,.amcheckout-main-container.-modern.-layout-3columns .amcheckout-step-container.-summary>.checkout-payment-method .actions-toolbar {
        margin-bottom: 20px;
        text-align: center
    }

    .amcheckout-main-container.-modern.-layout-2columns .amcheckout-step-container.-summary>.checkout-payment-method .actions-toolbar .amasty.checkout,.amcheckout-main-container.-modern.-layout-3columns .amcheckout-step-container.-summary>.checkout-payment-method .actions-toolbar .amasty.checkout {
        float: none;
        width: 70%
    }

    .amcheckout-main-container.-modern.-layout-2columns .amcheckout-step-container .amcheckout-summary-container,.amcheckout-main-container.-modern.-layout-2columns .amcheckout-step-container .amcheckout-summary-container .amcheckout-title,.amcheckout-main-container.-modern.-layout-3columns .amcheckout-step-container .amcheckout-summary-container,.amcheckout-main-container.-modern.-layout-3columns .amcheckout-step-container .amcheckout-summary-container .amcheckout-title {
        background: #f9f9f9;
        cursor: default
    }

    .amcheckout-main-container.-modern.-layout-2columns .amcheckout-step-container .amcheckout-summary-container .product-item-name,.amcheckout-main-container.-modern.-layout-3columns .amcheckout-step-container .amcheckout-summary-container .product-item-name {
        width: 100%
    }

    .amcheckout-main-container.-modern.-layout-2columns .amcheckout-step-container .amcheckout-summary-container .subtotal,.amcheckout-main-container.-modern.-layout-3columns .amcheckout-step-container .amcheckout-summary-container .subtotal {
        width: auto
    }

    .amcheckout-main-container.-modern.-layout-2columns .amcheckout-step-container .amcheckout-summary-container .table-totals,.amcheckout-main-container.-modern.-layout-3columns .amcheckout-step-container .amcheckout-summary-container .table-totals {
        margin-left: 0;
        width: 100%
    }

    .amcheckout-main-container.-modern.-layout-2columns .amcheckout-step-container .amcheckout-additional-options,.amcheckout-main-container.-modern.-layout-3columns .amcheckout-step-container .amcheckout-additional-options {
        background: #fff
    }

    .amcheckout-main-container.-modern.-layout-2columns .amcheckout-step-container .amcheckout-additional-options .amcheckout-checkboxes,.amcheckout-main-container.-modern.-layout-2columns .amcheckout-step-container .amcheckout-additional-options .amcheckout-comment,.amcheckout-main-container.-modern.-layout-3columns .amcheckout-step-container .amcheckout-additional-options .amcheckout-checkboxes,.amcheckout-main-container.-modern.-layout-3columns .amcheckout-step-container .amcheckout-additional-options .amcheckout-comment {
        display: block;
        width: 100%
    }

    .amcheckout-sticky-stopper {
        display: block;
        visibility: hidden;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 0
    }

    .amcheckout-main-container.-modern.-layout-3columns {
        display: flex;
        justify-content: space-between
    }

    .amcheckout-main-container.-modern.-layout-3columns .amcheckout-column {
        width: 32%
    }

    .amcheckout-main-container.-modern.-layout-3columns .amcheckout-step-container .amcheckout-title {
        cursor: default
    }

    .amcheckout-main-container.-modern.-layout-3columns .amcheckout-step-container .amcheckout-form-login .amcheckout-email .amcheckout-wrapper,.amcheckout-main-container.-modern.-layout-3columns .amcheckout-step-container .form-login .amcheckout-email .amcheckout-wrapper {
        flex: auto;
        width: inherit
    }

    .amcheckout-main-container.-modern.-layout-3columns .amcheckout-step-container .amcheckout-form-login .amcheckout-password,.amcheckout-main-container.-modern.-layout-3columns .amcheckout-step-container .form-login .amcheckout-password {
        width: 100%
    }

    .amcheckout-main-container.-modern.-layout-3columns .amcheckout-step-container .amcheckout-shipping-address .shipping-address-item,.amcheckout-main-container.-modern.-layout-3columns .amcheckout-step-container .amcheckout-shipping-address .shipping-address-details {
        width: 100%
    }

    .amcheckout-main-container.-modern.-layout-3columns .amcheckout-step-container .amcheckout-shipping-address .shipping-address-item:not(:last-of-type),.amcheckout-main-container.-modern.-layout-3columns .amcheckout-step-container .amcheckout-shipping-address .shipping-address-details:not(:last-of-type) {
        margin-bottom: 10px
    }

    .amcheckout-main-container.-modern.-layout-3columns .amcheckout-step-container .amcheckout-shipping-methods {
        min-width: inherit
    }

    .amcheckout-main-container.-modern.-layout-3columns .amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method {
        width: 100%
    }

    .amcheckout-main-container.-modern.-layout-3columns .amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method:not(:last-of-type) {
        margin-bottom: 10px
    }

    .amcheckout-main-container.-modern.-layout-3columns .amcheckout-step-container .billing-address-details {
        width: 100%
    }

    .amcheckout-main-container.-modern.-layout-3columns .amcheckout-step-container .amcheckout-payment-methods .payment-method:not(:last-of-type) {
        margin-bottom: 10px
    }

    .amcheckout-main-container.-modern.-layout-3columns .amcheckout-step-container .amcheckout-delivery-date .field.date .control {
        position: relative
    }

    .amcheckout-main-container.-modern.-layout-3columns .amcheckout-step-container .amcheckout-delivery-date .field.date .input-text._has-datepicker {
        width: 100%
    }

    .amcheckout-main-container.-modern.-layout-3columns .amcheckout-step-container .amcheckout-delivery-date .field.date ._has-datepicker~.ui-datepicker-trigger {
        position: absolute;
        top: 7px;
        right: 7px;
        margin: 0
    }

    .contact-our-service .static-return-button {
        cursor: default
    }

    .return-info {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        display: flex;
        margin-left: 3.2%
    }

    .return-info .entrance-return-info,.return-info .entrance-exchange-info,.return-info .confirmed-return-info,.return-info .confirmed-exchange-info {
        width: 50.7%
    }

    .return-info .entrance-return-info h4 {
        font-size: 1.8rem
    }

    .return-info .entrance-return-info .entrance-return-content .goods-received,.return-info .entrance-return-info .entrance-return-content .goods-not-received {
        font-size: 1.6rem
    }

    .return-info .entrance-return-info .entrance-return-content .goods-received button,.return-info .entrance-return-info .entrance-return-content .goods-not-received button {
        font-size: 2.4rem
    }

    .return-info .entrance-return-info .contact-our-service {
        margin-left: 0;
        margin-top: 25px
    }

    .contact-our-service {
        font-size: 1.8rem;
        width: 50%
    }

    .goods-content .field-area-group.field-logistics-information .field.logistics-number,.exchange-content .field-area-group.field-logistics-information .field.logistics-number,.goods-content .field-area-group.field-logistics-information .field.logistics-info,.exchange-content .field-area-group.field-logistics-information .field.logistics-info {
        width: auto
    }

    .goods-content .field-area-group.field-logistics-information .field select {
        width: 139px
    }

    .goods-content .field-area-group.field-logistics-information .field input {
        width: 272px
    }

    .exchange-content .legend span {
        font-size: 1.8rem
    }

    .exchange-content .legend a span {
        font-size: 1.8rem
    }

    .exchange-content .field-area-group.field-logistics-information .field.logistics-info select {
        width: 147px
    }

    .exchange-content .field-area-group.field-logistics-information .field input {
        width: 254px
    }

    .confirmed-return-info .link-confirmed a,.confirmed-exchange-info .link-confirmed a {
        padding-left: 42px
    }

    .products-grid .product-item {
        width: 20%
    }

    .page-layout-1column .products-grid .product-item {
        width: 16.66666667%
    }

    .page-layout-3columns .products-grid .product-item {
        width: 25%
    }

    .page-products .products-grid .product-items {
        margin: 0
    }

    .page-products .products-grid .product-item {
        width: calc((100% - 90px)/4)
    }

    .page-products .products-grid .product-item:nth-child(3n+1) {
        margin-left: 30px
    }

    .page-products .products-grid .product-item:nth-child(4n+1) {
        margin-left: 0
    }

    .page-products.page-layout-1column .products-grid .product-item {
        margin-left: 0;
        width: 20%
    }

    .page-products.page-layout-3columns .products-grid .product-item {
        margin-left: 1%;
        width: 32.667%
    }

    .page-products.page-layout-3columns .products-grid .product-item:nth-child(3n) {
        margin-left: 1%
    }

    .page-products.page-layout-3columns .products-grid .product-item:nth-child(3n+1) {
        margin-left: 0
    }

    .page-products h2,.category-windows h2 {
        font-size: 3.6rem;
        line-height: 1.2
    }

    .page-products h3,.category-windows h3 {
        font-size: 2.8rem
    }

    .page-products h4,.category-windows h4 {
        font-size: 2.4rem
    }

    .sub-category-default .slick-list,.sub-category-game .slick-list,.sub-category-slider .slick-list {
        max-width: 92%
    }

    .category-surface-content .buy {
        font-size: 1.6rem
    }

    .more-surface .surface-container .surface-slide .more-surface-content {
        padding: 20px 8.6% 31px 8.800000000000001%
    }

    .more-surface .surface-container .surface-slide .more-surface-content h3 {
        font-size: 2.4rem
    }

    .more-surface .surface-container .surface-slide .more-surface-content p {
        font-size: 1.6rem
    }

    .more-surface .surface-container .slick-prev {
        left: 2rem
    }

    .more-surface .surface-container .slick-next {
        right: 2rem
    }

    .block-surface .block-surface-content {
        width: 52%;
        left: 8.7%
    }

    .block-surface .block-surface-content.surface-center-left {
        width: 40%;
        right: 167px
    }

    .block-surface .block-surface-content.block-surface-center {
        width: 41%
    }

    .block-surface .block-surface-content.surface-short-description p {
        padding-bottom: 47px
    }

    .block-surface .block-surface-content h3 {
        font-size: 3rem;
        padding-bottom: 22px
    }

    .block-surface .block-surface-content a.buy {
        font-size: 1.6rem
    }

    .block-surface .block-surface-content p {
        font-size: 1.6rem;
        padding-bottom: 22px;
        line-height: 25px
    }

    .game-category-page .product-item {
        width: calc((100% - 10%)/6)
    }

    .game-category-page .product:nth-child(4n+1) {
        margin-left: 2%
    }

    .game-category-page .product:nth-child(6n+1) {
        margin-left: 0
    }

    .video-section-content h2 {
        font-size: 3.6rem
    }

    .video-section-content p {
        font-size: 1.8rem;
        margin: 0
    }

    .video-section-content .play-video p a:before {
        font-size: 2rem
    }

    .xbox-newage {
        padding-top: 17px !important
    }

    .xbox-newage p {
        font-size: 1.6rem
    }

    .xbox-newcomer .xbox-newcomer-desc {
        width: 25%;
        top: 57%;
        padding: 4% 4% 3.5% !important
    }

    .xbox-newcomer .xbox-newcomer-desc p {
        font-size: 1.6rem
    }

    .xbox-newcomer .xbox-newcomer-desc h4 {
        padding-bottom: 15px
    }

    .xbox-newcomer .xbox-newcomer-desc button {
        line-height: 3.8rem;
        padding: 0 30px
    }

    .windows-section h2 {
        line-height: 40px
    }

    .office-high .office-high-content .office-high-desc p {
        font-size: 1.8rem;
        padding: 6px 0 29px
    }

    .office-high .office-high-content h2 {
        font-size: 3.6rem
    }

    .office-product-item .list-icon li {
        width: 25%
    }

    .office-product-item .list-icon li img {
        width: auto
    }

    .office-product-item .sub-content p {
        padding: 10px 25px 20px
    }

    .smb-banner-content .label p {
        margin-bottom: 20px
    }

    .smb-banner-content .desc {
        padding: 15px 0 14%
    }

    .smb-banner-content .hotline p {
        font-size: 1.6rem
    }

    .smb-block .smb-block-content figure {
        max-width: 379px
    }

    .smb-block .smb-block-content .smb-block-desc h2 {
        font-size: 3.6rem
    }

    .surface-accordion h2 {
        font-size: 3rem
    }

    .private-catalog .private-product-item {
        margin-bottom: 48px;
        width: calc(25% - 24px)
    }

    .opc-wrapper .shipping-address-item {
        width: 33.33333333%
    }

    .opc-wrapper .shipping-address-item:before {
        background: #ccc;
        height: calc(100% - 20px);
        content: '';
        left: 0;
        position: absolute;
        top: 0;
        width: 1px
    }

    .opc-wrapper .shipping-address-item:nth-child(3n+1):before {
        display: none
    }

    .opc-wrapper .shipping-address-item.selected-item:before {
        display: none
    }

    .opc-wrapper .shipping-address-item.selected-item+.shipping-address-item:before {
        display: none
    }

    .table-checkout-shipping-method {
        min-width: 500px
    }

    .box-list.four-column .box {
        width: calc((100% - 72px)/4)
    }

    .box-list.four-column .box:nth-child(3n) {
        margin-right: 24px
    }

    .box-list.four-column .box:nth-child(4n) {
        margin-right: 0
    }

    .dashboard-main .dash-content .box {
        width: calc((100% - 48px)/3)
    }

    .orders-status {
        padding: 17px 44px 0 0;
        width: 127px
    }

    .orders-status ul li {
        font-size: 1.6rem
    }

    .orders-history .table:not(.cart):not(.totals).table-order-items {
        width: calc((100% - 171px))
    }

    .table-order-items .order-items-history {
        font-size: 1.6rem
    }

    .table-order-items .info-order-history {
        padding: 16px 5px 15px;
        margin: 16px 10px
    }

    .table-order-items .product-order-details .common .product-order-left {
        max-width: 570px
    }

    .table-order-items .product-order-details .common .product-order-left .product-information .product-item-name {
        font-size: 1.6rem
    }

    .table-order-items .left-order,.table-order-items .product-order-details {
        width: calc((80% - 20px));
        padding-left: 20px
    }

    .table-order-items .right-order,.table-order-items .product-unpaid-order {
        width: 20%
    }

    .wishlist-index-index .products-grid .product-items {
        margin: 0
    }

    .wishlist-index-index .products-grid .product-item {
        margin-left: calc((100% - 4*24.439%)/3);
        padding: 0;
        width: 24.439%
    }

    .wishlist-index-index .products-grid .product-item:nth-child(4n+1) {
        margin-left: 0
    }

    .block.widget .products-grid .product-item {
        width: 20%
    }

    .page-layout-1column .block.widget .products-grid .product-item {
        margin-left: 2%;
        width: calc((100% - 8%)/5)
    }

    .page-layout-1column .block.widget .products-grid .product-item:nth-child(4n+1) {
        margin-left: 2%
    }

    .page-layout-1column .block.widget .products-grid .product-item:nth-child(5n+1) {
        margin-left: 0
    }

    .page-layout-3columns .block.widget .products-grid .product-item {
        width: 25%
    }

    .block.widget .products-grid .product-items {
        margin: 0
    }

    .block.widget .products-grid .product-item {
        margin-left: calc((100% - 4*24.439%)/3);
        padding: 0;
        width: 24.439%
    }

    .block.widget .products-grid .product-item:nth-child(4n+1) {
        margin-left: 0
    }
}

@media all and (min-width: 1440px),print {
    .surfaceall-product .product-item-details {
        min-height:220px
    }

    .sidebar .product-items .product-item-info .product-item-photo {
        float: none;
        left: 0;
        margin: 0;
        position: absolute;
        top: 0
    }

    .sidebar .product-items .product-item-details {
        margin-left: 85px
    }
}

:root {
    --thumb-height: 38px;
    --text-color: #5440f1;
    --thumb-background: #5440f1;
    --dark-mode-text-color: #afadff;
    --dark-mode-thumb-background: #afadff
}

.draggable-feature .primary-sub-heading {
    color: var(--text-color)
}

.draggable-feature .posterImgOverlay {
    position: absolute;
    z-index: 1
}

.d-none {
    display: none !important
}

@media (forced-colors:active) {
    .draggable-feature .custom-range-slide .custom-range-input-slide::-webkit-slider-runnable-track {
        forced-color-adjust: none;
        background-color: #fff
    }
}

.draggable-feature .custom-range-slide {
    position: relative;
    max-width: 80%;
    margin: 40px auto;
    z-index: 1;
    cursor: auto;
    margin-top: 30px
}

.draggable-feature .custom-range-slide.angle-slider {
    top: 30px;
    max-width: 80%;
    margin-top: 0
}

.draggable-feature .custom-range-input-slide {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    height: 38px;
    outline: none;
    cursor: grab;
    background: 0 0
}

.draggable-feature .custom-range-slide.vertical-slider {
    position: relative;
    transform: none;
    right: auto
}

.draggable-feature .range-buttons {
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    display: flex;
    top: 20px;
    pointer-events: none;
    background-color: var(--thumb-background);
    border-radius: 50%;
    color: #fff
}

.draggable-feature .range-buttons.theme-dark {
    color: #0a0520
}

.draggable-feature .range-buttons.theme-dark svg {
    fill: #0a0520
}

.draggable-feature .angle-slider .range-buttons {
    top: 51px
}

.draggable-feature .range-buttons .range-button {
    background-color: var(--thumb-background);
    height: var(--thumb-height);
    border: none;
    pointer-events: auto;
    cursor: pointer;
    display: inherit;
    align-items: center
}

.draggable-feature .range-buttons .range-thumb {
    background-color: var(--thumb-background);
    height: var(--thumb-height);
    border: none;
    display: flex;
    align-items: center;
    min-width: 34px;
    justify-content: center
}

.draggable-feature .range-buttons .range-button.left {
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    padding-right: 5px;
    padding-left: 12px;
    color: #fff
}

.draggable-feature .range-buttons .range-button:foucs {
    outline: 1px dotted #fff
}

.draggable-feature .range-buttons .range-button.right {
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    padding-left: 5px;
    padding-right: 12px;
    color: #fff
}

.draggable-feature .custom-range-input-slide::-webkit-slider-thumb {
    background: 0 0;
    cursor: grab;
    visibility: hidden
}

.draggable-feature .custom-range-input-slide::-moz-range-thumb {
    background: 0 0;
    cursor: grab;
    visibility: hidden
}

.draggable-feature .slider-wrapper {
    text-align: center;
    font-family: Segoe UI;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.draggable-feature .custom-range-slide .ticks .first-degree {
    position: relative;
    left: -12px;
    top: 10px
}

.draggable-feature .custom-range-slide .ticks .middle-degree {
    position: relative;
    left: 16px;
    top: 10px
}

.draggable-feature .custom-range-slide .ticks .last-degree {
    position: relative;
    left: 16px;
    top: 10px
}

.draggable-feature .custom-range-input-slide:focus {
    outline: none
}

.draggable-feature .image360 {
    cursor: grab;
    position: relative
}

.draggable-feature .vertical-slide-text {
    display: none
}

.draggable-feature .vertical-slider .vertical-slide-text {
    display: block;
    position: absolute;
    left: 0;
    transform: rotate(270deg);
    margin-left: -40px;
    margin-top: 5px;
    font-family: Segoe UI
}

.draggable-feature .custom-range-tooltip {
    display: none
}

.draggable-feature .rotator-container {
    width: 100%;
    margin-top: 30px
}

.draggable-feature {
    padding: 40px .75rem
}

.draggable-feature .row {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px
}

.draggable-feature .container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

.draggable-feature .area-heading {
    text-align: center !important;
    position: relative;
    width: 65%;
    margin: 0 auto
}

.draggable-feature .primary-heading .h1 {
    font-family: Segoe UI;
    font-size: 32px;
    font-weight: 600;
    line-height: 84px;
    margin: 0
}

.draggable-feature .sub-heading {
    font-family: Segoe UI;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px
}

.draggable-feature .primary-heading .h1,.draggable-feature .sub-heading {
    text-align: center;
    margin: 5px 0 15px
}

.draggable-feature span.input-custom-border {
    border-bottom: 1px solid #757575;
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    top: 19px;
    z-index: -9
}

.draggable-feature .steplist,.draggable-feature .ticks,.range-value {
    display: none
}

.draggable-feature .angle-slider .steplist {
    display: flex;
    justify-content: space-between;
    line-height: 16px
}

.draggable-feature .angle-slider .steplist option:first-child,.draggable-feature .angle-slider .steplist option:last-child,.draggable-feature .steplist .center-tick {
    transform: scale(2,3.6)
}

.draggable-feature .angle-slider .steplist option:first-child {
    position: relative;
    left: -3px
}

.draggable-feature .angle-slider .steplist option:last-child {
    position: relative;
    left: 3px
}

.draggable-feature .angle-slider .steplist option {
    z-index: -1;
    color: #757575
}

.draggable-feature .angle-slider .ticks {
    display: flex;
    justify-content: space-between;
    top: -75px;
    position: relative
}

.draggable-feature .angle-slider .ticks .o_txt {
    font-size: 16px;
    font-weight: 400;
    font-family: Segoe UI;
    color: #757575
}

.draggable-feature .angle-slider .custom-range-input-slide {
    top: 30px;
    position: relative;
    height: 37px
}

.draggable-feature .range-value {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 120px;
    font-family: Segoe UI;
    color: #eeecfe;
    z-index: -1
}

.draggable-feature .blue-text {
    color: #5440f1 !important
}

.draggable-feature .ticks .blue-text {
    transform: scale(1.05)
}

.draggable-feature option.blue-text {
    transform: scale(3,3.6) !important
}

.draggable-feature button.range-button:focus,.draggable-feature .range-buttons .range-thumb:focus {
    outline: 3px dashed #000;
    z-index: 1
}

.draggable-feature button.range-button svg {
    width: 18px;
    fill: #fff
}

.draggable-feature button.animation-button svg {
    width: 30px
}

.draggable-feature .custom-range-slide.angle-slider .input-custom-border {
    border: none
}

.draggable-feature .animation-buttons {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center
}

.draggable-feature .animation-buttons button {
    margin: 0 12px
}

.draggable-feature .animation-buttons.animation-buttons[data-variant=angle-slider] button {
    margin: 0
}

.animation-off .draggable-feature .rotator.df-animation-on {
    position: relative
}

.draggable-feature .animation-buttons .animation-button {
    min-width: 48px;
    width: 48px;
    height: 48px;
    border-radius: 50px;
    cursor: pointer;
    border: 2px solid transparent !important;
    background: #fff;
    background: linear-gradient(#fff,#fff) padding-box,linear-gradient(to right,#5440f1,#e1dfff) border-box !important;
    align-items: center;
    display: inherit;
    justify-content: center
}

.draggable-feature .animation-buttons[data-variant=angle-slider] {
    transform: translate(-50%,-50%);
    width: 100%;
    position: absolute;
    top: 40%;
    left: 50%;
    display: flex;
    justify-content: space-between;
    z-index: 1
}

.draggable-feature .animation-buttons[data-variant=vertical-slider] .animation-button {
    margin: 0 12px;
    transform: rotate(90deg)
}

.theme-dark {
    background-color: #0a0520 !important;
    color: #fff
}

.theme-dark .draggable-feature .primary-sub-heading {
    color: var(--dark-mode-text-color)
}

.theme-dark .draggable-feature .range-buttons,.theme-dark .draggable-feature .range-buttons .range-button,.theme-dark .draggable-feature .range-buttons .range-thumb {
    background-color: var(--dark-mode-thumb-background);
    color: #0a0520
}

.theme-dark .draggable-feature .range-buttons .range-button svg {
    fill: #0a0520
}

.theme-dark .draggable-feature button.animation-button svg {
    fill: #fff
}

.theme-dark .draggable-feature .angle-slider .steplist option {
    color: #d2d2d2
}

.theme-dark .draggable-feature .blue-text {
    color: var(--dark-mode-thumb-background) !important
}

.theme-dark .draggable-feature .range-value {
    color: #231e41
}

.theme-dark .draggable-feature button.range-button:focus,.theme-dark .draggable-feature .range-buttons .range-thumb:focus {
    outline: 3px dashed #fff;
    z-index: 1
}

.theme-dark .draggable-feature .angle-slider .ticks .o_txt {
    color: #fff;
    background: 0 0
}

.theme-dark .draggable-feature .animation-buttons .animation-button {
    background: linear-gradient(#302e3c,#302e3c) padding-box,linear-gradient(to right,#afadff,#5440f1) border-box !important;
    color: #fff
}

.theme-dark .draggable-feature span.input-custom-border {
    border-bottom: 1px solid #fff
}

@media (prefers-contrast:more) {
    .draggable-feature .custom-range-input-slide::-moz-range-thumb {
        background: 0 0
    }

    .draggable-feature .custom-range-input-slide::-webkit-slider-thumb {
        background: 0 0
    }

    .draggable-feature .custom-range-slide .custom-range-input-slide::-webkit-slider-runnable-track {
        background-color: transparent
    }

    .draggable-feature .range-buttons .range-thumb {
        border-top: 1px solid;
        border-bottom: 1px solid;
        height: 38.5px
    }

    .draggable-feature .range-button.right {
        border-right: 1px solid;
        border-bottom: 1px solid;
        border-top: 1px solid
    }

    .draggable-feature .range-button.left {
        border-left: 1px solid;
        border-bottom: 1px solid;
        border-top: 1px solid
    }

    .draggable-feature .range-buttons .range-button {
        height: 40px
    }

    .draggable-feature .angle-slider .custom-range-input-slide {
        border: none
    }
}

@-moz-document url-prefix() {
    .draggable-feature .angle-slider .steplist option:first-child,.draggable-feature .angle-slider .steplist option:last-child,.draggable-feature .steplist .center-tick {
        line-height: 16px
    }

    .draggable-feature .angle-slider .range-buttons {
        top: 57px !important
    }

    .draggable-feature .angle-slider .steplist {
        line-height: 20px !important
    }

    .draggable-feature .angle-slider .custom-range-input-slide {
        top: 36px
    }
}

@media (min-width: 540px) {
    .draggable-feature .range-value {
        font-size:180px
    }

    .draggable-feature .animation-buttons {
        transform: translate(-50%,-50%);
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        display: flex;
        justify-content: space-around;
        z-index: 1
    }

    .draggable-feature .animation-buttons[data-variant=angle-slider] {
        justify-content: center
    }

    .draggable-feature .animation-buttons[data-variant=vertical-slider] {
        transform: none;
        width: 100%;
        position: relative;
        top: auto;
        left: auto;
        display: flex;
        justify-content: center
    }

    .draggable-feature .animation-buttons button,.draggable-feature .animation-buttons.animation-buttons[data-variant=angle-slider] button {
        margin-left: 40%;
        margin-right: 40%
    }
}

@media (min-width: 860px) {
    .draggable-feature .custom-range-slide {
        max-width:60%
    }

    .draggable-feature .range-value {
        font-size: 350px
    }

    .draggable-feature .primary-heading .h1 {
        font-size: 56px;
        line-height: 50px
    }

    .draggable-feature .animation-buttons[data-variant=angle-slider] {
        top: 50%
    }

    .draggable-feature .custom-range-slide.angle-slider {
        max-width: 56%
    }
}

@media (max-width: 1083.99px) {
    .draggable-feature .image360 .posterImgOverlay {
        width:100%
    }
}

@media (min-width: 1084px) {
    .rotator-container {
        margin-top:50px
    }

    .draggable-feature .custom-range-slide.vertical-slider {
        position: absolute;
        right: -7%;
        transform: rotate(90deg);
        top: 40% !important
    }

    .draggable-feature .animation-buttons[data-variant=vertical-slider] {
        transform: translate(-50%,-50%);
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        display: flex;
        justify-content: flex-end;
        z-index: 1;
        flex-wrap: wrap;
        align-items: flex-end;
        align-content: flex-end;
        flex-direction: column
    }

    .draggable-feature .animation-buttons[data-variant=vertical-slider] .animation-button {
        margin: 12px 0
    }

    .draggable-feature .container {
        padding-right: 5%;
        padding-left: 5%;
        width: 90%;
        box-sizing: content-box
    }

    .draggable-feature .primary-heading .h1 {
        font-size: 56px
    }

    .draggable-feature .range-value {
        font-size: 400px
    }
}

@media (min-width: 1400px) {
    .draggable-feature .container {
        max-width:1600px;
        margin: 0 auto
    }

    .draggable-feature .range-value {
        font-size: 530px
    }

    .draggable-feature .primary-heading .h1 {
        font-size: 71px;
        line-height: 84px
    }
}

@media (max-width: 859px) {
    .draggable-feature .area-heading {
        width:90%
    }

    .draggable-feature .rotator-container {
        width: 100%;
        margin: 30px auto
    }
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family: inherit;
    font-weight: 600;
    line-height: 1.2
}

h6,.h6 {
    font-size: 1.0625rem;
    margin-bottom: .5rem
}

@media (min-width: 1084px) {
    .draggable-feature h6,.draggable-feature .h6 {
        font-size:1.125rem;
        margin-bottom: .5rem
    }
}

@media (min-width: 1400px) {
    .draggable-feature h6,.draggable-feature .h6 {
        font-size:1.1875rem;
        margin-bottom: .5rem
    }
}

.draggable-feature h5,.draggable-feature .h5 {
    font-size: 1.125rem;
    margin-bottom: .5rem
}

@media (min-width: 1084px) {
    .draggable-feature h5,.draggable-feature .h5 {
        font-size:1.1875rem;
        margin-bottom: .5rem
    }
}

@media (min-width: 1400px) {
    .draggable-feature h5,.draggable-feature .h5 {
        font-size:1.3125rem;
        margin-bottom: .5rem
    }
}

.draggable-feature h4,.draggable-feature .h4 {
    font-size: 1.1875rem;
    margin-bottom: .5rem
}

@media (min-width: 1084px) {
    .draggable-feature h4,.draggable-feature .h4 {
        font-size:1.3125rem;
        margin-bottom: .5rem
    }
}

@media (min-width: 1400px) {
    .draggable-feature h4,.draggable-feature .h4 {
        font-size:1.5rem;
        margin-bottom: .75rem
    }
}

.draggable-feature h3,.draggable-feature .h3 {
    font-size: 1.3125rem;
    margin-bottom: .5rem
}

@media (min-width: 1084px) {
    .draggable-feature h3,.draggable-feature .h3 {
        font-size:1.5rem;
        margin-bottom: .75rem
    }
}

@media (min-width: 1400px) {
    .draggable-feature h3,.draggable-feature .h3 {
        font-size:1.8125rem;
        margin-bottom: 1rem
    }
}

.draggable-feature h2,.draggable-feature .h2 {
    font-size: 1.5rem;
    margin-bottom: .75rem
}

@media (min-width: 1084px) {
    .draggable-feature h2,.draggable-feature .h2 {
        font-size:1.8125rem;
        margin-bottom: 1rem
    }
}

@media (min-width: 1400px) {
    .draggable-feature h2,.draggable-feature .h2 {
        font-size:2.3125rem;
        margin-bottom: 1.25rem
    }
}

.draggable-feature h1,.draggable-feature .h1 {
    font-size: 1.8125rem;
    margin-bottom: 1rem
}

@media (min-width: 1084px) {
    .draggable-feature h1,.draggable-feature .h1 {
        font-size:2.3125rem;
        margin-bottom: 1.25rem
    }
}

@media (min-width: 1400px) {
    .draggable-feature h1,.draggable-feature .h1 {
        font-size:3.125rem;
        margin-bottom: 1.5rem
    }
}

.draggable-feature .display-4 {
    font-size: 2.3125rem;
    margin-bottom: 1.25rem
}

@media (min-width: 1084px) {
    .draggable-feature .display-4 {
        font-size:3.125rem;
        margin-bottom: 1.5rem
    }
}

@media (min-width: 1400px) {
    .draggable-feature .display-4 {
        font-size:4.4375rem;
        margin-bottom: 1.75rem
    }
}

.display-3 {
    font-size: 3.125rem;
    margin-bottom: 1.5rem
}

@media (min-width: 1084px) {
    .draggable-feature .display-3 {
        font-size:4.4375rem;
        margin-bottom: 1.75rem
    }
}

@media (min-width: 1400px) {
    .draggable-feature .display-3 {
        font-size:6.5625rem;
        margin-bottom: 2rem
    }
}

.display-2 {
    font-size: 4.4375rem;
    margin-bottom: 1.75rem
}

@media (min-width: 1084px) {
    .draggable-feature .display-2 {
        font-size:6.5625rem;
        margin-bottom: 2rem
    }
}

@media (min-width: 1400px) {
    .draggable-feature .display-2 {
        font-size:10rem;
        margin-bottom: 2.25rem
    }
}

.display-1 {
    font-size: 6.5625rem;
    margin-bottom: 2rem
}

@media (min-width: 1084px) {
    .display-1 {
        font-size:10rem;
        margin-bottom: 2.25rem
    }
}

@media (min-width: 1400px) {
    .draggable-feature .display-1 {
        font-size:15.5625rem;
        margin-bottom: 2.5rem
    }
}

.draggable-feature .reel-preloader {
    display: none
}

.draggable-feature .area-heading .primary-heading .headingGradient {
    background-clip: text;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent
}

.draggable-feature .image360 img {
    z-index: 1
}

@media (min-width: 3000px) {
    .draggable-feature .custom-range-slide.vertical-slider {
        right:15%
    }
}

draggable-feature .gradient-effect,.draggable-feature.theme-dark .gradient-effect {
    width: 137%;
    height: 37.3%;
    position: absolute;
    left: -64.6%;
    bottom: 24%;
    border-radius: 50%;
    opacity: .75;
    filter: blur(10vw)
}

.draggable-feature .image360 .spin__image img {
    max-width: 1080px;
    margin: 0 auto
}

.draggable-feature .slider-wrapper p {
    margin: 0
}

[dir=rtl] .draggable-feature .gradient-effect,[dir=rtl] .draggable-feature.theme-dark .gradient-effect {
    left: 54.6%
}

.draggable-feature .container cascade-block-heading {
    word-break: break-word
}

html[dir=rtl] .draggable-feature cascade-block-heading {
    --ds-block-heading-text-align: right
}

.draggable-feature div[slot=paragraph] {
    margin-bottom: 15px
}

.draggable-feature button:focus {
    outline: 0
}

.draggable-feature .rotator-container {
    user-select: none
}

@media screen and (max-width: 539px) {
    .draggable-feature button.range-button svg {
        width:12px
    }

    .draggable-feature .range-buttons .range-button.left {
        padding-left: 10px
    }

    .draggable-feature .range-buttons .range-button.right {
        padding-right: 10px
    }

    .draggable-feature .range-buttons .range-button,.draggable-feature .range-buttons .range-thumb {
        height: 34px
    }
}

:root {
    --surface-default: #0a0520;
    --text-primary-accent: #afadff;
    --copilot-gradient: #c03ec1;
    --background-theme-dark: linear-gradient(#0a0520,rgba(175,173,255,.4),#0a0520) padding-box
}

body {
    background: #fff;
    margin: 0
}

@keyframes hide {
    100% {
        opacity: 0;
        display: none
    }
}

.dragging-feature-360 .hide {
    animation: hide .85s forwards
}

.dragging-feature-360 {
    padding: 60px .75rem;
    margin-right: .75rem;
    margin-left: .75rem;
    font-size: 1rem;
    font-family: "Segoe UI",SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif
}

.dragging-feature-360 .container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

.dragging-feature-360 .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -.75rem;
    margin-left: -.75rem;
    flex-direction: column
}

.dragging-feature-360 .reel-preloader {
    display: none !important
}

.dragging-feature-360 .dragging-feature-content {
    position: relative;
    width: 100%;
    margin: 0 auto
}

.dragging-feature-360 .dragging-feature-content .top-btn-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    margin-bottom: 16px
}

.dragging-feature-360 .dragging-feature-content .btn {
    margin: 4px 8px;
    background: #5440f1;
    color: #fff;
    border-radius: 6px;
    padding: 12px 14px;
    border-color: transparent;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px
}

.dragging-feature-360 .heading {
    color: #000;
    font-weight: 600;
    font-size: 32px;
    line-height: 38px
}

.dragging-feature-360 .heading span {
    color: #5440f1
}

.dragging-feature-360 .description {
    font-size: 18px
}

.dragging-feature-360 .heading,.dragging-feature-360 .description {
    text-align: center;
    margin: 5px 0 15px
}

.dragging-feature-360 .btn {
    cursor: pointer !important
}

.dragging-feature-360 .dragging-feature-image {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center
}

.theme-dark {
    background-color: #000;
    color: #f2f2f2
}

.theme-dark .dragging-feature-360 .heading,.theme-dark .dragging-feature-360 .description {
    color: #f2f2f2
}

.theme-dark .dragging-feature-360 .heading span {
    color: #afadff
}

.theme-dark .dragging-feature-360 .key-360 .btn {
    box-shadow: none !important;
    background: linear-gradient(#333047,#333047) padding-box,linear-gradient(to right,#afadff,#afadff,rgba(175,173,255,.5),rgba(175,173,255,.5)) border-box !important;
    color: #fff
}

.theme-dark .dragging-feature-360 .dragging-feature-layer {
    background: rgba(0,0,0,.8)
}

.theme-dark button:focus,.theme-dark a:focus {
    outline: 2px dashed #fff !important
}

.theme-dark .dragging-feature-360 {
    background: linear-gradient(180deg,var(--surface-default),rgba(255,0,0,0) 100%),linear-gradient(180deg,var(--copilot-gradient),rgba(0,255,0,0) 99.70999999999999%),linear-gradient(35deg,var(--surface-default),rgba(0,0,255,0) 100%)
}

.dragging-feature-360 .key-360 .btn {
    font-size: 16px;
    font-weight: 400;
    width: 44px;
    height: 44px;
    padding: 0 9px 5px;
    border-radius: 50px !important;
    cursor: pointer;
    border: 2px solid transparent !important;
    background: #fff;
    margin: 4px;
    background: linear-gradient(#fff,#fff) padding-box,linear-gradient(to right,#5440f1,#e1dfff) border-box !important
}

.dragging-feature-360 .key-360 .btn:focus,.dragging-feature-360 .key-360 .btn:active {
    outline-offset: 4px;
    outline: 2px dashed #000
}

.dragging-feature-360 .key-360 .btn-group {
    display: flex;
    position: relative;
    width: 100%;
    margin: 0 auto;
    flex-direction: row;
    justify-content: center
}

.dragging-feature-360:not(.animation-on-df360) .dragging-feature-image * {
    cursor: default
}

.dragging-feature-360 .dragging-feature-image .reel {
    width: 290px;
    margin: 0 auto
}

.dragging-feature-360 .dragging-feature-image.grabbing img {
    cursor: grabbing !important
}

.dragging-feature-360 .key-360 {
    max-width: 900px;
    margin: 0 auto;
    width: 90%;
    min-height: 100px
}

.dragging-feature-360 .key-360 .bottom-content {
    display: none
}

.dragging-feature-360 .key-360.animate-df360 .bottom-content {
    display: block !important
}

.dragging-feature-360 .key-360 .key-360-content {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin: 12px auto
}

.dragging-feature-360 .reel-preloader {
    visibility: hidden
}

.dragging-feature-360 .key-360 .btn.btn-left {
    position: absolute;
    left: 0;
    right: auto
}

.dragging-feature-360 .key-360 .btn.btn-left:before {
    content: "\2190"
}

.dragging-feature-360 .key-360 .btn.btn-up:before {
    content: "\2191"
}

.dragging-feature-360 .key-360 .btn.btn-down:before {
    content: "\2193"
}

.dragging-feature-360 .key-360 .btn.btn-right {
    position: absolute;
    left: auto;
    right: 0
}

.dragging-feature-360 .key-360 .btn.btn-right:before {
    content: "\2192"
}

.dragging-feature-360 .dragging-feature-layer {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,calc(-54%));
    width: 100%;
    height: 100%;
    z-index: 9;
    background: rgba(255,255,255,.8);
    border-radius: 16px !important;
    border: 2px solid rgba(84,64,241,.7) !important;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center
}

.dragging-feature-360 .dragging-feature-layer.hide {
    z-index: -1
}

.dragging-feature-360 .dragging-feature-layer .btn-primary {
    padding: 13px 16px;
    border-radius: 6px;
    background: #5440f1;
    color: #fff;
    border-color: transparent;
    font-size: 14px;
    font-weight: 600;
    font-family: Segoe UI;
    line-height: 14px
}

.dragging-feature-360 .dragging-feature-layer .btn-primary:focus {
    outline: 2px dashed #000;
    outline-offset: 1px
}

.dragging-feature-360 .dragging-feature-layer>div {
    align-self: center;
    text-align: center
}

.dragging-feature-360 .dragging-feature-layer img {
    width: 64px;
    height: 64px
}

.dragging-feature-360 .dragging-feature-layer .content {
    font-family: Segoe UI;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    margin: 24px 0 !important
}

.dragging-feature-360 .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
    white-space: nowrap;
    border: 0
}

@media (min-width: 360px) {
    .dragging-feature-360 .dragging-feature-image {
        width:100%;
        max-width: 360px;
        margin: 0 auto
    }

    .dragging-feature-360 .dragging-feature-image .reel {
        max-width: 312px
    }
}

@media (min-width: 540px) {
    .dragging-feature-360 .dragging-feature-image {
        max-width:836px
    }

    .dragging-feature-360 .dragging-feature-image .reel {
        max-width: 426px;
        width: 100%;
        margin: 0 auto
    }
}

@media (min-width: 860px) {
    .dragging-feature-360 .dragging-feature-content {
        width:90%;
        max-width: 692px
    }

    .dragging-feature-360 .dragging-feature-image .reel {
        width: 716px
    }

    .dragging-feature-360 .dragging-feature-image {
        width: 90%
    }
}

@media (min-width: 1084px) {
    .dragging-feature-360 .container {
        padding-right:5%;
        padding-left: 5%;
        width: 90%;
        box-sizing: content-box
    }

    .dragging-feature-360 .dragging-feature-content {
        width: 65%;
        max-width: 666px
    }

    .dragging-feature-360 .heading {
        font-size: 56px;
        line-height: 67px
    }

    .dragging-feature-360 .dragging-feature-image {
        width: 70%;
        max-width: 642px
    }

    .dragging-feature-360 .dragging-feature-image .reel {
        max-width: 642px
    }

    .dragging-feature-360 .dragging-feature-image {
        max-width: none;
        width: 80%
    }

    .dragging-feature-360 .dragging-feature-image .reel {
        max-width: none;
        height: 100%;
        width: 100%
    }
}

@media (min-width: 1400px) {
    .dragging-feature-360 .container {
        max-width:1600px;
        margin: 0 auto
    }

    .dragging-feature-360 .dragging-feature-content {
        width: 65%;
        max-width: 856px
    }

    .dragging-feature-360 .heading {
        font-size: 71px;
        line-height: 84px
    }

    .dragging-feature-360 .dragging-feature-image {
        max-width: 832px
    }

    .dragging-feature-360 .dragging-feature-image {
        max-width: none;
        width: 80%
    }

    .dragging-feature-360 .dragging-feature-image .reel {
        max-width: none;
        height: 100%;
        width: 100%
    }
}

.immersive-scroll-video {
    position: relative
}

.immersive-scroll-video .heading1,.immersive-scroll-video .heading2 {
    font-family: Segoe UI;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    letter-spacing: 0em;
    text-align: center;
    display: inline !important
}

.immersive-scroll-video .video-container,.immersive-scroll-video .video-text-container,.immersive-scroll-video .video-container.poster-hide img {
    display: none
}

.immersive-scroll-video .video-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.immersive-scroll-video .image-container,.immersive-scroll-video .image-container img {
    width: 100%;
    height: 100%
}

.immersive-scroll-video .video-text-container,.immersive-scroll-video .image-text-container {
    width: auto;
    text-align: center;
    height: auto;
    -webkit-background-clip: text;
    padding: 24px 40px
}

.immersive-scroll-video .image-text-container .heading3 {
    width: auto;
    text-align: center;
    height: auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.immersive-scroll-video .image-text-container {
    margin-top: 24px;
    padding: 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%
}

.immersive-scroll-video .box-heading,.immersive-scroll-video .box-bottom-heading {
    margin: 0
}

.immersive-scroll-video .description {
    font-family: Segoe UI;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em
}

.immersive-scroll-video .right-container {
    padding: 24px 40px
}

.immersive-scroll-video .right-container:not(.immersive-text-hide) .box-heading,.immersive-scroll-video .right-container:not(.immersive-text-hide) .box-icons,.immersive-scroll-video .right-container:not(.immersive-text-hide) .box-bottom-heading,.immersive-scroll-video .right-container:not(.immersive-text-hide) .description {
    opacity: 1 !important
}

.immersive-scroll-video video,.immersive-scroll-video .reducedmotion-image img,.immersive-scroll-video .image-container img {
    width: 100%;
    height: 100%
}

.immersive-scroll-video .box-icons {
    display: inline-block;
    margin-top: 12px
}

.immersive-scroll-video .box-icons img {
    height: 48px
}

.immersive-scroll-video .immersive-hide,.immersive-scroll-video.no-video .reducedmotion-image {
    display: none !important
}

.animation-toggle .immersive-scroll-video .right-container>div {
    top: 25%
}

@media (min-width: 1084px) {
    .immersive-scroll-video .video-container {
        display:block
    }

    .immersive-scroll-video {
        overflow-y: hidden;
        overflow-x: hidden
    }

    .immersive-scroll-video .image-container,.immersive-scroll-video.no-video .video-container {
        display: none
    }

    .immersive-scroll-video .right-container {
        background-color: transparent !important
    }

    .immersive-scroll-video .heading1,.immersive-scroll-video .heading2 {
        display: block;
        font-size: 140px;
        line-height: 178px;
        position: absolute;
        top: 10%;
        left: 0;
        width: 100%;
        text-align: center;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        opacity: 0;
        z-index: 1
    }

    .immersive-scroll-video .video-text-container {
        padding: 0;
        display: block
    }

    .immersive-scroll-video .right-container>div {
        position: absolute;
        top: 30%;
        right: 3%;
        width: 33%;
        max-width: 404px;
        color: #000
    }

    .immersive-scroll-video .right-container {
        padding: 0;
        margin: 0 auto;
        width: 90%
    }

    .immersive-scroll-video .box-bottom-heading {
        padding-top: 24px
    }

    .immersive-scroll-video .description {
        font-size: 16px;
        line-height: 24px
    }

    .immersive-scroll-video .right-container>div>* {
        opacity: 0
    }

    .immersive-scroll-video.no-video .reducedmotion-image {
        display: block !important
    }
}

@media (min-width: 1084px) {
    .immersive-scroll-video .heading1 {
        margin-top:-16px
    }
}

@media (min-width: 1400px) {
    .immersive-scroll-video .heading1 {
        margin-top:14px
    }
}

.immersive-scroll-video .pin-spacer,.immersive-scroll-video .image-container {
    margin-bottom: -1% !important
}

.scroll-through-hero {
    position: relative
}

.scroll-through-hero .reducedmotion-image img {
    width: 100%;
    height: 100%
}

.scroll-through-hero .heading1 {
    width: 100%;
    font-family: Segoe UI;
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0em;
    -webkit-text-fill-color: transparent;
    margin: 12px 0 0;
    padding-bottom: 12px
}

.scroll-through-hero .heading2 {
    font-family: Segoe UI;
    font-size: 19px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0em;
    color: #000;
    margin: 12px 0 0;
    padding-bottom: 12px
}

.scroll-through-hero .sth-text-area {
    padding: 0;
    display: block;
    text-align: center
}

.scroll-through-hero .sth-text-area>div {
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 24px;
    width: 100%;
    z-index: 1
}

.scroll-through-hero .icon-area img {
    width: 32px;
    height: 32px
}

.scroll-through-hero .sth-text-area .title-area {
    width: auto;
    text-align: center;
    height: auto;
    padding: 24px 40px
}

.scroll-through-hero.sth-fadein-off .sth-text-area>div {
    opacity: 1 !important
}

.scroll-through-hero.sth-fadein-off .reducedmotion-image {
    display: block
}

.scroll-through-hero .video-container,.scroll-through-hero .reducedmotion-image.scroll-animation-on,.scroll-through-hero.sth-fadein-off .video-container,.scroll-through-hero.no-video .video-container,.scroll-through-hero .video-container.poster-hide img {
    display: none
}

.scroll-through-hero .video-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.scroll-through-hero video {
    width: 100%;
    height: 100%
}

.theme-dark .scroll-through-hero {
    background: #0a0520 !important;
    color: #f2f2f2
}

.theme-dark .scroll-through-hero .heading1,.theme-dark .scroll-through-hero .heading2 {
    color: #fff
}

@media (min-width: 540px) {
    .scroll-through-hero .heading1 {
        font-size:56px;
        line-height: 67px
    }
}

@media (min-width: 1084px) {
    .scroll-through-hero {
        overflow-y:hidden
    }

    .scroll-through-hero.st-hero-animate .video-container,.scroll-through-hero .reducedmotion-image.scroll-animation-on,.scroll-through-hero .reducedmotion-image img,body:not(.animation-toggle) .scroll-through-hero .reducedmotion-image {
        display: block
    }

    .scroll-through-hero .reducedmotion-image,body.animation-toggle .scroll-through-hero .reducedmotion-image {
        display: none
    }

    .scroll-through-hero.no-video .reducedmotion-image {
        display: block !important
    }

    .scroll-through-hero .heading1 {
        font-size: 80px;
        line-height: 96px
    }

    .scroll-through-hero .heading2 {
        font-size: 24px;
        line-height: 30px
    }
}

.toMiniApp_box {
    display: block;
    position: relative;
    top: 100%
}

.toMiniApp_box .toMiniApp {
    display: inline-block;
    height: 0;
    opacity: 0
}

.toMiniApp_box .ms_logo {
    display: block;
    width: 160px;
    margin: 0 auto
}

.toMiniApp_box .ms_title {
    display: block;
    position: relative;
    text-align: center
}

.toMiniApp_box .ms_title span {
    display: block;
    font-size: 24px;
    color: #666;
    line-height: 36px;
    letter-spacing: 3px;
    margin: 0 0 40px
}

.toMiniApp_box .ms_title p {
    display: block;
    font-size: 16px;
    color: #666;
    line-height: 36px
}

@media screen and (min-width: 768px) {
    .grab-and-go-modal {
        box-shadow:1px 2px 3px
    }

    .grab-and-go-modal .modal-header .modal-title {
        font-size: 3rem;
        line-height: 3.8rem
    }
}

@media screen and (max-width: 1024px) {
    .modal-popup.grab-and-go-modal .modal-inner-wrap {
        width:90%;
        max-height: 75%
    }

    .modal-popup.grab-and-go-modal .modal-inner-wrap .modal-content {
        height: 100%
    }
}

@media screen and (max-width: 768px) {
    ._has-modal .modals-wrapper.transparent .modals-overlay {
        top:7%
    }

    .grab-and-go-modal {
        box-shadow: 1px 2px 3px
    }

    .grab-and-go-modal .modal-header .modal-title {
        font-size: 1.6rem;
        line-height: 2rem
    }

    .grab-and-go-modal.modal-slide {
        top: 0 !important;
        box-shadow: none
    }

    .grab-and-go-modal.modal-slide._show .modal-inner-wrap {
        max-height: 100%;
        height: 100%;
        border-radius: 0;
        background: #f2f2f2;
        margin: 0 auto;
        width: 100%
    }

    .grab-and-go-modal .modal-content {
        padding: 0 2.8rem 2.5rem
    }
}

.grab-and-go-wrapper {
    background: 0 0;
    height: 100%
}

.grab-and-go-wrapper::-webkit-scrollbar {
    width: 0 !important
}

.grab-and-go-wrapper .fieldset .tab-effect.has-value:first-child {
    display: none !important;
    opacity: 0
}

.grab-and-go-wrapper .fieldset:last-child {
    margin-bottom: 0
}

.grab-and-go-wrapper .swatch-attribute.connection {
    display: none
}

.grab-and-go-wrapper .swatch-attribute.specification {
    display: none
}

.grab-and-go-wrapper .checkbox-options.tab-effect.fixed-title {
    display: none
}

.grab-and-go-wrapper .configurable.has-value {
    min-height: 15rem
}

.grab-and-go-wrapper .configurable.has-value summary {
    display: none
}

.grab-and-go-wrapper .bundle_summary.focus_dotted .selected-result.result-price {
    display: none
}

.grab-and-go-wrapper .product-name-title {
    display: none
}

.grab-and-go-wrapper .configure-tip-block {
    display: none
}

.grab-and-go-wrapper .product-info-main .picture-wrapper .img-box {
    padding: 0;
    background: #f2f2f2;
    border-radius: .8rem;
    width: 17.8rem;
    height: 14.8rem
}

.grab-and-go-wrapper .product-info-main .product-info-picture .picture-wrapper .product-picture {
    height: 100%
}

.grab-and-go-wrapper .page-main {
    padding: 0
}

.grab-and-go-wrapper .is-opacity {
    opacity: 0
}

.grab-and-go-wrapper .bundle-options-container {
    margin: 1.8rem 1.5rem 0;
    width: calc(100% - 3rem);
    height: 100%
}

.grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper .tab-effect.fixed:not(.hide)[open] {
    padding-bottom: 0
}

.grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper .tab-effect summary {
    border-top: 0
}

.grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper .tab-effect.fixed-title+.tab-effect.fixed[open] {
    margin: 0
}

.grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper .tab-effect.fixed .control:before {
    content: ""
}

.grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper .tab-effect.fixed .control .field.choice .product-item-details {
    height: auto
}

.grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper .tab-effect.fixed .control .field.choice .product-item-details>div {
    margin: 1rem 0 0
}

.grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper .tab-effect.fixed .control .field.choice .product-item-details>div .advanced-selection-option.selected {
    border: none !important
}

.grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper .tab-effect.fixed .control .field.choice .product-item-details>div .advanced-selection-option.selected img {
    border: .2rem solid #0067b8 !important
}

.grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper .tab-effect.fixed .control .field.choice .product-item-details>div .advanced-selection-option.selected span {
    opacity: 1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper .tab-effect.fixed .control .field.choice .product-item-details>div .advanced-selection-option {
    width: 4.8rem;
    max-width: 4.8rem;
    min-height: 4.8rem;
    margin-right: 0;
    border: none;
    background: 0 0
}

.grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper .tab-effect.fixed .control .field.choice .product-item-details>div .advanced-selection-option.no-stock {
    background: 0 0;
    cursor: pointer !important
}

.grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper .tab-effect.fixed .control .field.choice .product-item-details>div .advanced-selection-option img {
    width: 4.4rem;
    height: 4.4rem;
    border: .2rem solid #f2f2f2;
    background-color: #f2f2f2
}

.grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper .tab-effect.fixed .control .field.choice .product-item-details .advanced-selection-option-item {
    margin: 0 1.8rem 2rem 0;
    text-align: center
}

.grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper .tab-effect.fixed .control .field.choice .product-item-details .advanced-selection-option-item:last-child {
    margin: 0 0 2rem
}

.grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper .tab-effect.fixed .control .field.choice .product-item-details .advanced-selection-option-item span {
    text-align: center;
    color: #333;
    font-size: 1.2rem;
    opacity: 0
}

.grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper #product-options-wrapper .tab-effect.checkbox-options .field.choice {
    width: 100% !important
}

.grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper #product-options-wrapper .tab-effect.checkbox-options .field.choice label.label {
    border: none !important
}

.grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper #product-options-wrapper .tab-effect.checkbox-options .field.choice label.label.label-stockout .text-cloum:before {
    content: "" !important
}

.grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper #product-options-wrapper .tab-effect.checkbox-options .field.choice label.label.label-stockout .img-cloum {
    opacity: 1 !important
}

.grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper #product-options-wrapper .tab-effect.checkbox-options .field.choice label.label .text-cloum {
    height: auto;
    border-bottom: none;
    padding: 0
}

.grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper #product-options-wrapper .tab-effect.checkbox-options .field.choice label.label .text-cloum .product-name {
    font-size: 1.3rem;
    font-weight: 400
}

.grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper #product-options-wrapper .tab-effect.checkbox-options .field.choice label.label .img-cloum {
    max-height: 100%;
    background: 0 0;
    height: 100%
}

.grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper #product-options-wrapper .tab-effect.checkbox-options .field.choice label.label .img-cloum img {
    background: #f2f2f2;
    padding: .5rem;
    border-radius: .8rem;
    width: 6rem;
    height: 6rem;
    margin: 0
}

.grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper #product-options-wrapper .tab-effect.checkbox-options .options-list {
    background: 0 0;
    margin: 0
}

.grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper #product-options-wrapper .tab-effect.checkbox-options .pro-selections-title {
    width: 100%;
    text-align: center
}

.grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper #product-options-wrapper .tab-effect.fixed .control .options-list .swiper-container {
    width: 100%;
    max-width: 100%
}

.grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper #product-options-wrapper .tab-effect.fixed .control .options-list .swiper-container .field.choice label.label {
    padding: 0 !important;
    max-width: 100% !important;
    min-height: auto
}

.grab-and-go-wrapper .bundle-options-container .block-bundle-summary {
    padding: 0
}

.grab-and-go-wrapper .bundle-options-container .block-bundle-summary .box-tocart .actions {
    width: 100%;
    margin-bottom: 0
}

.grab-and-go-wrapper .bundle-options-container .block-bundle-summary .box-tocart .action.primary {
    display: block;
    font-size: 1.4rem
}

.grab-and-go-wrapper .bundle-options-container .product-info-main .product-info-picture .picture-wrapper {
    max-width: 100%
}

.grab-and-go-wrapper #bundleSummary .box-tocart .action.tocart {
    min-width: 100% !important;
    width: calc(100% - .7rem) !important;
    margin: 0 0 0 .7rem;
    line-height: 4rem;
    height: 4rem;
    padding: 0;
    display: block
}

.grab-and-go-wrapper #bundleSummary .price-as-saved {
    display: none
}

.grab-and-go-wrapper #bundleSummary .price-wrapper {
    display: none !important
}

.grab-and-go-wrapper .is-hidden {
    display: none !important
}

.grab-and-go-wrapper .columns .column.main {
    padding: 0;
    background: #fff;
    border-radius: .8rem
}

.grab-and-go-wrapper .swatch-attribute.color {
    display: inline-block !important
}

.grab-and-go-wrapper .swatch-attribute.color .swatch-attribute-options .swatch-option.selected .disposition-color {
    color: #333
}

.grab-and-go-wrapper h2.pro-title-clipping {
    font-weight: 400;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.8rem;
    margin-bottom: 1rem
}

.grab-and-go-wrapper .grab-and-go-pro-title {
    margin-left: 3.2rem
}

.grab-and-go-wrapper .grab-and-go-pro-title h2 {
    font-size: 1.4rem;
    margin: 0;
    height: 3.6rem
}

.grab-and-go-wrapper .label-list {
    display: block;
    overflow: hidden;
    min-height: 2.1rem;
    max-height: 4.2rem
}

.grab-and-go-wrapper .label-list .label-item {
    font-size: 1.3rem;
    color: #e30101;
    margin-right: 2rem;
    display: inline-block;
    line-height: 2.1rem
}

.grab-and-go-wrapper .label-list .label-item:last-child {
    margin-right: 0
}

.grab-and-go-wrapper h2.pro-title {
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0 0 .5rem
}

.grab-and-go-wrapper .promise-box .list span {
    font-size: 1.2rem
}

.grab-and-go-wrapper .footer-promise {
    background: #f2f2f2
}

.grab-and-go-wrapper .footer-promise-box-m-t .promise-box {
    margin: 0
}

.modal-popup.grab-and-go-modal._inner-scroll .modal-content {
    overflow-y: scroll !important;
    padding-left: 2.8rem;
    padding-right: 2.8rem
}

.modal-popup.grab-and-go-modal .modal-header {
    padding: 3rem 0 1.5rem
}

.modal-popup.grab-and-go-modal .modal-header .modal-title {
    display: block;
    text-align: center;
    font-weight: 700;
    padding: 0 1rem 0
}

.modal-popup.grab-and-go-modal .modal-inner-wrap {
    top: auto
}

.modal-popup.grab-and-go-modal._inner-scroll._show .modal-content {
    padding: 0 2.6rem !important
}

@media screen and (max-width: 1024px) {
    .modal-popup.grab-and-go-modal .modal-inner-wrap {
        width:90%;
        max-height: 75%
    }

    .modal-popup.grab-and-go-modal._inner-scroll._show .modal-content {
        height: 100%
    }
}

@media screen and (min-width: 560px) {
    .grab-and-go-wrapper .product-info-main .picture-wrapper .img-box {
        margin-left:.5rem
    }

    .grab-and-go-wrapper .bundle-options-container {
        display: flex
    }

    .grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper #product-options-wrapper .tab-effect .swatch-opt {
        width: 100%;
        margin: .8rem auto 0 3.7rem;
        max-width: 90%
    }

    .grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper #product-options-wrapper .tab-effect.fixed .control .options-list .swiper-container .field.choice label.label {
        display: flex;
        flex-direction: row;
        min-height: 100%
    }

    .grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper #product-options-wrapper .tab-effect.checkbox-options .field.choice:first-child label.label .text-cloum {
        margin-top: 3rem !important
    }

    .grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper #product-options-wrapper .tab-effect.checkbox-options .field.choice label.label .img-cloum {
        width: 35%;
        justify-content: right;
        display: inline-grid
    }

    .grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper #product-options-wrapper .tab-effect.checkbox-options .field.choice label.label .text-cloum {
        margin-top: 0
    }

    .grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper #product-options-wrapper .tab-effect.checkbox-options .field.choice label.label .text-cloum .product-name {
        padding: 0
    }

    .grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper #product-options-wrapper .tab-effect.checkbox-options .options-list {
        padding: 1rem 0 0 !important
    }

    .grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper #product-options-wrapper .tab-effect.checkbox-options .pro-selections-title {
        width: 33%;
        justify-content: right;
        display: inline-grid
    }

    .grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper #product-options-wrapper .tab-effect.has-value.configurable {
        margin-left: 34%
    }

    .grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper #product-options-wrapper .tab-effect.has-value.configurable .swatch-attribute {
        margin-bottom: 0
    }

    .grab-and-go-wrapper .bundle-options-container .product-info-main {
        width: 35% !important;
        padding: 0
    }

    .grab-and-go-wrapper .bundle-options-container .product-add-form {
        width: 100% !important;
        margin-left: -36%;
        display: flex;
        justify-content: right
    }

    .grab-and-go-wrapper .popup-r-w {
        width: 65%;
        margin-left: 3.7rem
    }

    .grab-and-go-wrapper .is-display-mobile {
        display: none !important
    }

    .grab-and-go-wrapper .promise-box .list {
        width: auto;
        margin-right: 8%
    }

    .grab-and-go-wrapper .promise-box .list:last-child {
        margin-right: 0
    }

    .grab-and-go-modal .promise-box .list {
        width: 25%
    }

    .footer-promise-box-m-t {
        margin: 4.5rem 0 0
    }
}

@media screen and (max-width: 560px) {
    #grabandgo-popup-container iframe {
        height:100%
    }

    .grab-and-go-wrapper .bundle-options-container .product-info-main {
        width: 100%;
        padding: 0
    }

    .grab-and-go-wrapper .bundle-options-container .product-info-main .product-info-picture .picture-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .grab-and-go-wrapper .bundle-options-container .product-add-form {
        width: 100%
    }

    .grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper #product-options-wrapper .tab-effect .swatch-opt {
        text-align: center !important;
        max-width: 100%;
        margin: 2rem 0 0
    }

    .grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper #product-options-wrapper .tab-effect.configurable .swatch-attribute.color {
        display: inline-block !important;
        margin-bottom: 0
    }

    .grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper #product-options-wrapper .tab-effect.configurable .swatch-attribute .swatch-attribute-options {
        display: flex;
        justify-content: center
    }

    .grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper #product-options-wrapper .tab-effect.checkbox-options .field.choice label.label {
        text-align: center
    }

    .grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper #product-options-wrapper .tab-effect.checkbox-options .field.choice label.label span {
        padding: 0 0 .5rem
    }

    .grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper #product-options-wrapper .tab-effect.checkbox-options .field.choice label.label .img-cloum {
        flex-direction: column;
        align-items: center
    }

    .grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper #product-options-wrapper .tab-effect.checkbox-options .field.choice label.label .text-cloum .product-name {
        padding: 0 0 .5rem
    }

    .grab-and-go-wrapper .bundle-options-container .bundle-options-wrapper #product-options-wrapper .tab-effect.checkbox-options .options-list {
        padding: 0 !important
    }

    .grab-and-go-wrapper .grab-and-go-pro-title {
        text-align: center;
        margin-left: 0
    }

    .grab-and-go-wrapper .popup-r-w {
        text-align: center
    }

    .grab-and-go-wrapper .is-display-pc {
        display: none !important
    }

    .grab-and-go-wrapper .label-list {
        margin-top: 1.2rem
    }

    .grab-and-go-wrapper .promise-box .list {
        margin-bottom: 2rem !important;
        width: 50%
    }

    .grab-and-go-wrapper .footer-promise-box-m-t {
        margin: 12rem 0 0
    }

    .grab-and-go-wrapper .footer-promise-box-m-t .promise-box {
        margin: 0 0 0 2rem
    }

    .grab-and-go-wrapper #bundleSummary .box-tocart .action.tocart {
        min-width: 100% !important;
        width: 100% !important;
        margin: 0 !important
    }

    .bundle-options-container .bundle-options-wrapper .tab-effect.fixed .control .field.choice .product-item-details>div {
        justify-content: center
    }

    .bundle-options-container .bundle-options-wrapper .tab-effect.fixed .control .options-list {
        padding: 0 !important
    }

    ._has-modal .modals-wrapper.transparent .modals-overlay {
        top: 7%
    }

    .grab-and-go-modal .modal-header .modal-title {
        font-size: 1.6rem;
        line-height: 2rem
    }

    .grab-and-go-modal .modal-content {
        padding: 0 2.8rem 2.5rem
    }

    .grab-and-go-modal .promise-box .list {
        margin-bottom: 2rem !important;
        width: 50%
    }

    .grab-and-go-modal.modal-slide {
        top: 0 !important;
        box-shadow: none
    }

    .grab-and-go-modal.modal-slide._show .modal-inner-wrap {
        max-height: 100%;
        border-radius: 0;
        background: #f2f2f2;
        margin: 0 auto;
        width: 100%
    }

    .modal-popup.grab-and-go-modal._inner-scroll._show .modal-content {
        overflow-y: hidden !important
    }
}

.store-list-content {
    display: flex;
    margin: 0 10%
}

.store-list-content .item-list {
    display: inline-block;
    padding: 24px;
    height: auto;
    max-height: 626px;
    background-color: #fff;
    vertical-align: middle;
    box-sizing: border-box;
    border: solid 1px #f2f2f2;
    width: 300px;
    cursor: pointer;
    width: 25%;
    margin-right: 2%
}

.store-list-content .item-list a:hover {
    text-decoration: none
}

.store-list-content .item-list:nth-child(4n) {
    margin-right: 0
}

.store-list-content .item-list .product-name {
    display: -webkit-box;
    height: 50px;
    line-height: 24px;
    font-size: 14px;
    color: #000;
    font-weight: 700;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
    margin-bottom: 30px
}

.store-list-content .item-list .product-price {
    font-size: 14px;
    color: #000
}

.store-list-content .item-list:hover {
    box-shadow: 0 6px 12px 0 #d2d2d2
}

.store-list-content .item-list .img-box {
    margin: 0 auto 24px;
    display: block;
    max-height: 235px;
    height: 0;
    width: calc(100% - 40px);
    overflow: hidden;
    padding: 20px;
    background: #f2f2f2;
    padding-top: calc(100% - 40px);
    position: relative
}

.store-list-content .item-list .img-box img {
    display: block;
    width: 80%;
    height: auto;
    max-height: 235px;
    position: absolute;
    left: 10%;
    top: 20px
}

.store-list-content .item-list .product-btn {
    display: inline-block;
    background: #0067b8;
    height: 40px;
    padding: 0 20px;
    color: #fff;
    font-size: 14px;
    line-height: 40px;
    font-weight: 700;
    margin-top: 5px
}

.store-list-bg {
    margin-bottom: 48px;
    background-color: #f2f2f2;
    position: relative
}

.store-list-bg .store-list-content {
    padding: 20px 0;
    margin: 0 5%
}

.store-list-bg .store-list-content .swiper-container {
    margin: 0 auto;
    padding: 12px 8px;
    width: calc(100% - 154px);
    box-sizing: border-box
}

.store-list-bg .store-list-content .swiper-button:after {
    font-size: 38px
}

.store-list-bg .store-list-content .swiper-button.swiper-button-prev {
    left: 80px;
    margin-top: -8px;
    width: 8px;
    height: 19px;
    color: #000
}

.store-list-bg .store-list-content .swiper-button.swiper-button-next {
    right: 80px;
    margin-top: -8px;
    width: 8px;
    height: 19px;
    color: #000
}

.questionnaire-surface-index .modal-popup.no-confirm._show .modal-inner-wrap,.page-layout-category-private-landing .modal-popup.no-confirm._show .modal-inner-wrap,.page-layout-category-private-catalog .modal-popup.no-confirm._show .modal-inner-wrap,.checkout-index-index .modal-popup.no-confirm._show .modal-inner-wrap,.checkout-cart-index .modal-popup.no-confirm._show .modal-inner-wrap,.customer-account-login .modal-popup.no-confirm._show .modal-inner-wrap {
    margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 330px;
    height: 155px
}

@media only screen and (max-width: 767px) {
    .questionnaire-surface-index .modal-popup.no-confirm._show .modal-inner-wrap,.page-layout-category-private-landing .modal-popup.no-confirm._show .modal-inner-wrap,.page-layout-category-private-catalog .modal-popup.no-confirm._show .modal-inner-wrap,.checkout-index-index .modal-popup.no-confirm._show .modal-inner-wrap,.checkout-cart-index .modal-popup.no-confirm._show .modal-inner-wrap,.customer-account-login .modal-popup.no-confirm._show .modal-inner-wrap {
        width:100%
    }
}

.questionnaire-surface-index .modal-popup.no-confirm._show .modal-inner-wrap .modal-content,.page-layout-category-private-landing .modal-popup.no-confirm._show .modal-inner-wrap .modal-content,.page-layout-category-private-catalog .modal-popup.no-confirm._show .modal-inner-wrap .modal-content,.checkout-index-index .modal-popup.no-confirm._show .modal-inner-wrap .modal-content,.checkout-cart-index .modal-popup.no-confirm._show .modal-inner-wrap .modal-content,.customer-account-login .modal-popup.no-confirm._show .modal-inner-wrap .modal-content {
    text-align: left;
    padding: 0 20px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem
}

.questionnaire-surface-index .modal-popup.no-confirm._show .modal-inner-wrap .modal-header,.page-layout-category-private-landing .modal-popup.no-confirm._show .modal-inner-wrap .modal-header,.page-layout-category-private-catalog .modal-popup.no-confirm._show .modal-inner-wrap .modal-header,.checkout-index-index .modal-popup.no-confirm._show .modal-inner-wrap .modal-header,.checkout-cart-index .modal-popup.no-confirm._show .modal-inner-wrap .modal-header,.customer-account-login .modal-popup.no-confirm._show .modal-inner-wrap .modal-header,.questionnaire-surface-index .modal-popup.no-confirm._show .modal-inner-wrap .modal-footer,.page-layout-category-private-landing .modal-popup.no-confirm._show .modal-inner-wrap .modal-footer,.page-layout-category-private-catalog .modal-popup.no-confirm._show .modal-inner-wrap .modal-footer,.checkout-index-index .modal-popup.no-confirm._show .modal-inner-wrap .modal-footer,.checkout-cart-index .modal-popup.no-confirm._show .modal-inner-wrap .modal-footer,.customer-account-login .modal-popup.no-confirm._show .modal-inner-wrap .modal-footer {
    padding: 0
}

.questionnaire-surface-index .modal-popup.no-confirm._show .modal-inner-wrap .modal-header .action-accept,.page-layout-category-private-landing .modal-popup.no-confirm._show .modal-inner-wrap .modal-header .action-accept,.page-layout-category-private-catalog .modal-popup.no-confirm._show .modal-inner-wrap .modal-header .action-accept,.checkout-index-index .modal-popup.no-confirm._show .modal-inner-wrap .modal-header .action-accept,.checkout-cart-index .modal-popup.no-confirm._show .modal-inner-wrap .modal-header .action-accept,.customer-account-login .modal-popup.no-confirm._show .modal-inner-wrap .modal-header .action-accept,.questionnaire-surface-index .modal-popup.no-confirm._show .modal-inner-wrap .modal-footer .action-accept,.page-layout-category-private-landing .modal-popup.no-confirm._show .modal-inner-wrap .modal-footer .action-accept,.page-layout-category-private-catalog .modal-popup.no-confirm._show .modal-inner-wrap .modal-footer .action-accept,.checkout-index-index .modal-popup.no-confirm._show .modal-inner-wrap .modal-footer .action-accept,.checkout-cart-index .modal-popup.no-confirm._show .modal-inner-wrap .modal-footer .action-accept,.customer-account-login .modal-popup.no-confirm._show .modal-inner-wrap .modal-footer .action-accept {
    display: none
}

.modal-popup.popup_messages {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.modal-popup.popup_messages .modal-inner-wrap {
    max-width: 360px
}

@media only screen and (max-device-width: 767px) {
    .modal-popup.popup_messages .modal-inner-wrap {
        max-width:90%
    }
}

.modal-popup.popup_messages .modal-content {
    font-size: 14px
}

@media only screen and (max-device-width: 767px) {
    .modal-popup.popup_messages .modal-content {
        font-size:12px
    }
}

.modal-popup.popup_messages .modal-footer {
    text-align: center;
    margin: 20px 0;
    padding: 0;
    padding-top: 26px
}

.modal-popup.popup_messages .modal-footer button {
    background: #0067b8;
    width: 150px;
    height: 35px;
    line-height: 35px;
    border: none;
    outline: none;
    color: #fff
}

@media only screen and (max-device-width: 767px) {
    .modal-popup.popup_messages .modal-footer button {
        width:120px;
        height: 30px;
        line-height: 30px
    }
}

@media (min-width: 1024px) {
    .products-grid .product-item {
        width:calc(24.5%) !important;
        margin-left: 0 !important
    }
}

@media (max-width: 767px) {
    .sub-category-name {
        display:block
    }

    .sub-category .allSearch-Drop-down {
        display: block;
        position: relative;
        float: right;
        padding: 0 0 15px
    }

    .sub-category .totalPagesSize {
        display: block;
        position: relative;
        font-size: 1.4rem;
        color: #000;
        line-height: 38px;
        padding: 0 0 0 10px
    }

    .sub-category .totalPagesSize span {
        margin: 0 5px
    }

    .sub-category .everyPageNum {
        position: relative;
        float: right
    }

    .sub-category .page_div {
        padding: 0
    }

    .product-item-name .product-item-link {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: auto !important;
        margin-bottom: 8px
    }
}

.sticker-vote-page .sticker_total {
    display: block;
    position: relative
}

.sticker-vote-page .sticker_total .sticker_float {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%
}

.sticker-vote-page .sticker_total .sticker_float .sticker_float_part {
    width: 25%;
    float: left
}

.sticker-vote-page .sticker_total .sticker_float .sticker_float_part .sticker_float_content {
    border: 1px solid #000;
    background: #f2f2f2;
    padding: 15px 0;
    margin: 0 20px 20px 0
}

.sticker-vote-page .sticker_total .sticker_float .sticker_float_part .sticker_num {
    display: block;
    font-size: 18px;
    color: #000;
    line-height: 48px;
    text-align: center;
    font-weight: 700
}

.sticker-vote-page .sticker_total .sticker_float .sticker_float_part .sticker_image_url {
    display: block;
    height: 150px;
    padding: 0 20px
}

.sticker-vote-page .sticker_total .sticker_float .sticker_float_part .sticker_name {
    display: block;
    font-size: 14px;
    color: #000;
    line-height: 40px;
    text-align: center
}

.sticker-vote-page .sticker_total .sticker_float .sticker_float_part .sticker_vote_num {
    display: flex;
    position: relative;
    text-align: center;
    padding: 0 20px
}

.sticker-vote-page .sticker_total .sticker_float .sticker_float_part .sticker_vote_num_part.left {
    flex: 1;
    display: inline-block;
    font-size: 14px;
    color: #ab0a08;
    line-height: 38px;
    font-weight: 700;
    text-align: left
}

.sticker-vote-page .sticker_total .sticker_float .sticker_float_part .sticker_vote_num_part.left.short_lineheight {
    line-height: 18px
}

.sticker-vote-page .sticker_total .sticker_float .sticker_float_part .sticker_vote_num_part.right {
    flex: 1;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    line-height: 28px;
    background: #000;
    padding: 5px 0;
    cursor: pointer
}

.sticker-vote-page .sticker_total .sticker_float .sticker_float_part .sticker_vote_num_part.right.disabled {
    background: #999
}

.sticker-vote-page .sticker_float>div.sticker_float_part:nth-of-type(4n+0) .sticker_float_content {
    margin: 0 0 20px
}

.sticker-already-popup,.sticker-used-up-popup {
    text-align: center
}

@media screen and (min-width: 768px) {
    .sticker-vote-page .modal-slide.sticker_popup .modal-inner-wrap {
        height:240px
    }

    .sticker-vote-page .modal-slide.sticker_popup .modal-footer {
        margin-bottom: 20px
    }

    .sticker-vote-page .modal-slide.sticker_popup .modal-footer .confirm_btn_bg_black {
        background: #000;
        color: #fff;
        width: 150px;
        height: 35px;
        line-height: 35px;
        border: none;
        outline: none
    }

    .sticker-vote-page .sticker-popup {
        display: block;
        text-align: center
    }

    .sticker-vote-page .sticker-popup .sticker_success_title {
        display: block;
        font-size: 24px;
        color: #000;
        line-height: 48px;
        font-weight: 700
    }

    .sticker-vote-page .sticker-popup .sticker_success_des {
        display: block;
        font-size: 14px;
        color: #000;
        line-height: 24px;
        text-align: left
    }

    .sticker-vote-page .sticker-popup .sticker_success_tip {
        display: block;
        font-size: 12px;
        color: #000;
        line-height: 24px;
        text-align: left
    }
}

@media screen and (max-width: 768px) {
    .sticker-vote-page .sticker_total .sticker_float .sticker_float_part {
        width:100%;
        float: inherit
    }

    .sticker-vote-page .sticker_total .sticker_float .sticker_float_part .sticker_float_content {
        margin: 0 0 20px
    }

    .sticker-vote-page .sticker-popup {
        text-align: center;
        font-size: 12px
    }

    .sticker-vote-page .modal-slide.sticker_popup .modal-inner-wrap {
        height: 280px
    }

    .sticker-vote-page .modal-slide.sticker_popup .modal-footer {
        margin-bottom: 20px
    }

    .sticker-vote-page .modal-slide.sticker_popup .modal-footer .confirm_btn_bg_black {
        background: #000;
        color: #fff;
        width: 120px;
        height: 30px;
        line-height: 30px;
        border: none;
        outline: none
    }

    .sticker-vote-page .sticker-popup {
        display: block;
        text-align: center
    }

    .sticker-vote-page .sticker-popup .sticker_success_title {
        display: block;
        font-size: 24px;
        color: #000;
        line-height: 48px;
        font-weight: 700
    }

    .sticker-vote-page .sticker-popup .sticker_success_des {
        display: block;
        font-size: 14px;
        color: #000;
        line-height: 24px;
        text-align: left
    }

    .sticker-vote-page .sticker-popup .sticker_success_tip {
        display: block;
        font-size: 12px;
        color: #000;
        line-height: 24px;
        text-align: left
    }
}

.cart-container .wechat.action.primary {
    line-height: 4rem;
    background: #008942;
    border: 1px solid #008942;
    position: relative
}

.cart-container .wechat.action.primary .icon-wechat-white {
    position: absolute;
    left: -.5rem;
    top: .3rem
}

.cart-container .wechat.action.primary .icon-wechat-white img {
    max-width: 100%;
    width: 5.2rem;
    height: 100%
}

.cart-container .wechat.action.primary.is-hidden {
    display: none
}

.qrcode-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

.qrcode-container .qrcode-box {
    width: 100%;
    text-align: center;
    margin: 9rem 0 0
}

.qrcode-container .qrcode-box .img-qrcode {
    width: 30rem;
    height: 30rem
}

.qrcode-container .qrcode-content-box {
    text-align: center;
    margin: 0 0 12rem
}

.qrcode-container .qrcode-content-box .qrcode-content {
    margin-top: 1em;
    line-height: 5rem
}

.qrcode-container .qrcode-content-box .qrcode-content .icon-wechat-green {
    vertical-align: middle;
    margin-right: 0
}

.qrcode-container .qrcode-content-box .qrcode-content .icon-wechat-green img {
    width: 7.2rem;
    margin: -.4rem -1rem 0 0
}

.qrcode-container .qrcode-content-box .qrcode-content span {
    font-size: 2.5rem;
    line-height: 3rem;
    font-weight: 700
}

@media screen and (max-width: 768px) {
    .cart-container .checkout-methods-items li:first-child {
        display:none
    }

    .global-service .global-service-fixed .global-service-relative .global-service-relative-flex .miniapp_qrcode-btn.is-hidden {
        display: none
    }
}

.clear {
    clear: both
}

@media (max-width: 1280px) {
    .block-account-landing .block-account-control .block-account-controlFLeft span {
        display:block;
        padding: 0
    }

    .block-account-landing .block-account-control .block-account-controlFLeft span:before {
        text-align: center
    }
}

@media (max-width: 767px) {
    .customer-account-login .login-container .block,.sociallogin-mobile-login .login-container .block {
        width:100%;
        margin: 44px auto
    }

    .login-container .block .block-content-login,.sociallogin-mobile-login .block .block-content-login {
        width: 100%
    }

    .login-container .block .block-content-login .block-content,.sociallogin-mobile-login .block .block-content-login .block-content {
        width: 100%
    }

    .login-container .block .block-content-middle,.sociallogin-mobile-login .block .block-content-middle {
        width: 100%;
        padding: 0;
        box-shadow: inherit
    }

    .login-container .block .block-content-middle .block-middle,.sociallogin-mobile-login .block .block-content-middle .block-middle {
        width: 100%
    }

    .login-container .block-content-padding,.sociallogin-mobile-login .block-content-padding {
        padding: 0 15px
    }

    .form-my-zone.form-privateauth .action.primary[disabled] {
        opacity: 1
    }
}

@media (min-width: 768px) {
    .customer-account-login .page-main,.sociallogin-mobile-login .page-main {
        max-width:1600px
    }

    .customer-account-login .page-wrapper,.sociallogin-mobile-login .page-wrapper {
        background: #f2f2f2;
        width: 100% !important
    }

    .login-container .block .block-content-middle,.sociallogin-mobile-login .block .block-content-middle {
        margin: 0 auto 100px
    }

    .fieldset .field {
        margin: 0
    }
}

.login-card-v1 {
    display: none
}

.login-card-v2 {
    display: none
}

.clear {
    clear: both
}

@media (max-width: 767px) {
    .swatch-attribute.color .swatch-attribute-options .swatch-option.selected:after {
        left:-50%;
        width: 250%;
        margin: 0 0 0 -15%
    }

    .product-info-price-mobile .bundle-xbox-top-price {
        text-align: left
    }

    .product-info-price-mobile .bundle-xbox-top-price .top-total-price p {
        font-size: 14px
    }

    .product-info-price-mobile .bundle-xbox-top-price .top-total-price p span {
        font-size: 14px
    }

    .product-info-price-mobile .bundle-xbox-top-price .bottom-installment p {
        font-size: 14px
    }

    .product-info-price-mobile .bundle-xbox-top-price .bottom-installment p span {
        font-size: 14px
    }
}

.collapsible_btn {
    display: block;
    width: 100%;
    text-align: left;
    cursor: pointer;
    padding: 0;
    border: none;
    background: 0 0
}

.collapsible_btn:focus {
    outline: none
}

.collapsible_btn:before {
    display: inline-block;
    margin-right: 10px;
    font-size: 16px;
    font-weight: 700
}

.collapsible_content {
    padding: 0 0 20px 40px
}

.collapsible_content[aria-hidden=true] {
    display: none
}

@media only screen and (max-width: 1024px) and (min-width:768px) {
    .card-img-overlay.components-transparent {
        display:block
    }

    .card-img-overlay.components-transparent>.card-foreground {
        margin: 0;
        display: block
    }

    .card-img-overlay.components-transparent>.card-foreground .align-self-center {
        position: relative;
        max-width: 100%;
        flex: 0 0 100%;
        width: 100%;
        box-sizing: border-box;
        margin: 0
    }

    .card-img-overlay.components-transparent>.card-foreground .align-self-center .material-md-card {
        color: #000;
        background: #fff
    }

    .component-spec .table .col-4 {
        width: 30%
    }

    .component-spec .table .col-8 {
        width: 70%
    }
}

.now_is_commercial {
    display: none !important
}

.commercial_sign .now_is_commercial {
    display: block !important
}

.commercial_sign .now_not_commercial {
    display: none !important
}

@media screen and (min-width: 768px) {
    .category-commercial .page-main.only_commercial {
        width:100%;
        max-width: 100%
    }
}

@media screen and (max-width: 767px) {
    .category-commercial .page-main.only_commercial {
        padding:0
    }
}

.banner-slider.old_ver {
    display: block;
    max-width: 1600px;
    margin: 0 auto;
    padding-bottom: 48px
}

.banner-slider.old_ver .banner-sliderContainer {
    max-width: 1600px;
    margin: 0 auto;
    position: relative
}

.banner-slider.old_ver .banner-sliderContainer .banner-container .item {
    position: relative;
    color: #000;
    box-shadow: 0px 6px 12px rgba(0,0,0,.3)
}

.banner-slider.old_ver .banner-sliderContainer .banner-container .item .bg-img>a {
    cursor: default
}

.banner-slider.old_ver .banner-sliderContainer .banner-container .item .item-content .banner_section_one {
    position: relative;
    overflow: hidden
}

.banner-slider.old_ver .banner-sliderContainer .banner-container .item .item-content .tip {
    display: inline-block;
    background: #fcba02;
    font-size: 16px;
    padding: 3px 12px
}

.banner-slider.old_ver .banner-sliderContainer .banner-container .item .item-content .tip span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.banner-slider.old_ver .banner-sliderContainer .banner-container .item .item-content .name {
    font-size: 36px;
    font-weight: 700
}

.banner-slider.old_ver .banner-sliderContainer .banner-container .item .item-content .describe {
    font-size: 16px;
    margin-bottom: 28px
}

.banner-slider.old_ver .banner-sliderContainer .banner-container .item .item-content .payment {
    font-size: 12px;
    margin-bottom: 14px
}

.banner-slider.old_ver .banner-sliderContainer .banner-container .item .item-content .payment strong {
    font-size: 18px
}

.banner-slider.old_ver .banner-sliderContainer .banner-container .item .item-content .content-bottom {
    position: relative;
    font-size: 16px;
    display: flex;
    align-items: center;
    z-index: 10
}

.banner-slider.old_ver .banner-sliderContainer .banner-container .item .item-content .buy-btn {
    margin-right: 34px;
    display: inline-block;
    position: relative;
    z-index: 10
}

.banner-slider.old_ver .banner-sliderContainer .banner-container .item .item-content .buy-btn a {
    background: #0067b8;
    color: #fff;
    padding: 10px 23px;
    display: block
}

.banner-slider.old_ver .banner-sliderContainer .banner-container .item .item-content .know-more {
    display: inline-block;
    border-bottom: solid 1px transparent;
    position: relative;
    z-index: 10
}

.banner-slider.old_ver .banner-sliderContainer .banner-container .item .item-content .know-more:hover {
    text-decoration: none;
    border-bottom: solid 1px #0067b8
}

.banner-slider.old_ver .banner-sliderContainer .swiper-button-prev:after {
    color: #000
}

@media screen and (min-width: 768px) {
    .banner-slider.old_ver .banner-sliderContainer .swiper-button-prev:after {
        font-size:44px
    }
}

.banner-slider.old_ver .banner-sliderContainer .swiper-button-next:after {
    color: #000
}

@media screen and (min-width: 768px) {
    .banner-slider.old_ver .banner-sliderContainer .swiper-button-next:after {
        font-size:44px
    }
}

.banner-slider.old_ver .banner-sliderContainer .swiper-pagination {
    bottom: -40px
}

.banner-slider.old_ver .banner-sliderContainer .swiper-pagination .swiper-pagination-bullet {
    height: 10px;
    width: 10px;
    border: solid 1px #000;
    background-color: #fff;
    -webkit-opacity: 100%;
    -moz-opacity: 100%;
    -ms-opacity: 100%;
    opacity: 100%
}

.banner-slider.old_ver .banner-sliderContainer .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #000
}

@media screen and (max-width: 767px) {
    .cms-home .page-main,.cms-home .page-main-full-width {
        padding:0 15px
    }

    .cms-home.cms-index-index .page-main {
        padding: 0
    }

    .banner-slider.old_ver .banner-sliderContainer .banner-container .item .item-content {
        padding-left: 14px;
        padding-right: 8px;
        padding-bottom: 30px;
        box-sizing: border-box;
        margin-top: 12px;
        position: unset;
        transform: none;
        width: 100%;
        position: relative;
        background: 0 0 !important
    }

    .banner-slider.old_ver .banner-sliderContainer .banner-container .item .item-content .tip {
        position: absolute;
        top: 0
    }

    .banner-slider.old_ver .banner-sliderContainer .banner-container .item .item-content .name {
        font-size: 24px;
        height: 68px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        padding-top: 28px
    }

    .banner-slider.old_ver .banner-sliderContainer .banner-container .item .item-content .describe {
        font-size: 13px;
        word-wrap: break-word;
        margin-bottom: 20px;
        height: 54px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical
    }

    .banner-slider.old_ver .banner-sliderContainer .banner-container .item .item-content .payment {
        height: 25px
    }

    .banner-slider.old_ver .banner-sliderContainer .banner-container .item .item-content .price_information {
        height: 20px
    }

    .banner-slider.old_ver .banner-sliderContainer .banner-container .item .item-content .additional_information {
        margin-top: 4px;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 34px
    }

    .banner-slider.old_ver .banner-sliderContainer .banner-container .item .item-content .buy-btn a {
        font-weight: 700
    }

    .banner-slider.old_ver .banner-sliderContainer .banner-container .item .item-content .know-more {
        font-weight: 700
    }

    .banner-slider.old_ver .banner-sliderContainer .control {
        display: none;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: -48px;
        width: 100%;
        height: 48px
    }

    .banner-slider.old_ver .banner-sliderContainer .control .swiper-button-prev {
        position: static;
        height: 20px;
        margin: 0;
        margin-right: 15px
    }

    .banner-slider.old_ver .banner-sliderContainer .control .swiper-button-prev:after {
        font-size: 24px;
        font-weight: 700
    }

    .banner-slider.old_ver .banner-sliderContainer .control .swiper-pagination {
        position: static
    }

    .banner-slider.old_ver .banner-sliderContainer .control .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
        margin-left: 15px
    }

    .banner-slider.old_ver .banner-sliderContainer .control .swiper-button-next {
        position: static;
        height: 20px;
        margin: 0;
        margin-left: 15px
    }

    .banner-slider.old_ver .banner-sliderContainer .control .swiper-button-next:after {
        color: #000;
        font-size: 24px;
        font-weight: 700
    }

    .banner-slider.old_ver .banner-sliderContainer.swiper-container-initialized .control {
        display: flex
    }
}

.category-group>ul {
    padding: 0;
    margin: 50px auto;
    max-width: 865px;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: space-between
}

.category-group>ul>li>a {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center
}

.category-group>ul>li>a:hover {
    text-decoration: none
}

.category-group>ul>li>a i {
    font-size: 40px
}

.category-group>ul>li>a i.icon-surface {
    transform: scale(1.3)
}

.category-group>ul>li>a i.icon-compare {
    transform: scale(1.1)
}

.category-group>ul>li>a span {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 700;
    text-decoration: underline
}

.category-group .group-mobile {
    display: none
}

.category-group .group-pc {
    display: flex
}

@media screen and (min-width: 768px) {
    .category-group>ul>.pc-hide {
        display:none
    }
}

@media screen and (max-width: 767px) {
    .category-group>ul {
        margin:30px auto
    }

    .category-group>ul>li {
        width: 25%;
        margin-bottom: 20px
    }

    .category-group>ul>li>a i {
        font-size: 27px
    }

    .category-group>ul>li>a i.icon-surface {
        transform: scale(1.4)
    }

    .category-group>ul>li>a span {
        font-size: 13px;
        margin-top: 14px;
        text-align: center
    }

    .category-group>ul>li>a span>.mobile-hide {
        display: none
    }

    .category-group .group-mobile {
        display: flex
    }

    .category-group .group-pc {
        display: none
    }
}

.strike-price {
    color: #505050;
    text-decoration: line-through;
    font-weight: 400
}

.banner-slider.home_page_banner {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    padding-bottom: 48px
}

.banner-slider.home_page_banner .banner_sliderContainer_new {
    max-width: 100%;
    margin: 0 auto;
    position: relative
}

.banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item {
    position: relative;
    color: #000
}

.banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .bg-img>a {
    cursor: default
}

.banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .bg-img img {
    display: block;
    width: 100%
}

.banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .item-content .banner_section_one {
    position: relative;
    overflow: hidden
}

.banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .item-content .tip {
    display: inline-block;
    background: #fcba02;
    font-size: 16px;
    padding: 3px 12px
}

.banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .item-content .tip span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .item-content .name {
    font-size: 36px;
    font-weight: 700
}

.banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .item-content .describe {
    font-size: 16px;
    margin-bottom: 28px
}

.banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .item-content .payment {
    font-size: 12px;
    margin-bottom: 14px
}

.banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .item-content .payment strong {
    font-size: 18px
}

.banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .item-content .content-bottom {
    position: relative;
    font-size: 16px;
    display: flex;
    align-items: center;
    z-index: 10
}

.banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .item-content .buy-btn {
    margin-right: 34px;
    display: inline-block;
    position: relative;
    z-index: 10
}

.banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .item-content .buy-btn a {
    background: #0067b8;
    color: #fff;
    padding: 10px 23px;
    display: block
}

.banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .item-content .know-more {
    display: inline-block;
    border-bottom: solid 1px transparent;
    position: relative;
    z-index: 10
}

.banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .item-content .know-more:hover {
    text-decoration: none;
    border-bottom: solid 1px #0067b8
}

.banner-slider.home_page_banner .banner_sliderContainer_new .swiper-button-prev {
    left: -40px
}

.banner-slider.home_page_banner .banner_sliderContainer_new .swiper-button-prev:after {
    color: #000
}

@media screen and (min-width: 768px) {
    .banner-slider.home_page_banner .banner_sliderContainer_new .swiper-button-prev:after {
        font-size:30px
    }
}

.banner-slider.home_page_banner .banner_sliderContainer_new .swiper-button-next {
    right: -40px
}

.banner-slider.home_page_banner .banner_sliderContainer_new .swiper-button-next:after {
    color: #000
}

@media screen and (min-width: 768px) {
    .banner-slider.home_page_banner .banner_sliderContainer_new .swiper-button-next:after {
        font-size:30px
    }
}

.banner-slider.home_page_banner .banner_sliderContainer_new .swiper-pagination {
    display: inline-block;
    position: relative;
    bottom: -5px
}

.banner-slider.home_page_banner .banner_sliderContainer_new .swiper-pagination .swiper-pagination-bullet {
    height: 10px;
    width: 10px;
    border: solid 1px #000;
    background-color: #fff;
    -webkit-opacity: 100%;
    -moz-opacity: 100%;
    -ms-opacity: 100%;
    opacity: 100%
}

.banner-slider.home_page_banner .banner_sliderContainer_new .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #000
}

.banner-slider.home_page_banner .banner_sliderContainer_new .swiper-button-next,.banner-slider.home_page_banner .banner_sliderContainer_new .swiper-button-prev {
    display: inline-block;
    position: relative;
    top: 15px;
    width: auto;
    height: auto;
    margin-top: 0
}

@media screen and (min-width: 768px) {
    .banner-slider.home_page_banner {
        overflow:hidden
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item {
        width: 100%
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .item-content {
        position: absolute;
        padding: 39px 38px 58px;
        width: 550px;
        box-sizing: border-box;
        z-index: 10
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .item-content .payment {
        margin-bottom: 4px
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .item-content .buy-btn a {
        font-weight: 700
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .item-content .know-more {
        font-weight: 700
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .item-content .additional_information {
        margin-top: 4px
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .item-content .additional_information span {
        font-size: 12px
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .item-content .additional_information span a.know-more {
        position: relative;
        z-index: 10
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .item-content.left {
        top: 50%;
        left: 10%;
        transform: translate(0px,-50%)
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .item-content.middle-top {
        top: 5%;
        left: 50%;
        transform: translate(-50%,0px)
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .item-content.middle {
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .item-content.middle-bottom {
        bottom: 5%;
        left: 50%;
        transform: translate(-50%,0px)
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .item-content.right {
        top: 50%;
        right: 5%;
        transform: translate(0px,-50%)
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .item-content.have-bg {
        background: #fff
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .item-content.text-middle {
        display: block;
        align-items: center;
        padding: 0;
        max-width: 320px;
        text-align: center
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .item-content.text-right {
        display: block;
        align-items: flex-end;
        padding: 0;
        max-width: 320px;
        text-align: right
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .item-content.have-bg.text-right {
        max-width: 100%;
        padding: 58px 38px 39px 190px
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .item-content.have-bg.text-middle {
        max-width: 100%;
        padding: 58px 38px 39px
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .swiper-slide-active {
        opacity: 1 !important
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .swiper-slide-prev .background_box .bg-img {
        opacity: .7 !important
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .swiper-slide-prev .background_box .item-content.left.text-left>* {
        opacity: .7 !important
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .swiper-slide-prev .background_box .item-content.left.text-left>.buy-btn {
        opacity: 1 !important
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .swiper-slide-prev .background_box .item-content.left.text-left>.buy-btn a {
        background: rgba(0,103,184,.7)
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .swiper-slide-next .background_box .bg-img {
        opacity: .7 !important
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .swiper-slide-next .background_box .item-content.left.text-left>* {
        opacity: .7 !important
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .swiper-slide-next .background_box .item-content.left.text-left>.buy-btn {
        opacity: 1 !important
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .swiper-slide-next .background_box .item-content.left.text-left>.buy-btn a {
        background: rgba(0,103,184,.7)
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .swiper-pagination {
        width: auto
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .swiper-pagination .swiper-pagination-bullet {
        margin-right: 15px
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .swiper-pagination .swiper-pagination-bullet:last-child {
        margin-right: 0
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .swiper-pagination .swiper-pagination-bullet-active {
        color: #000
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .control {
        display: none
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new.swiper-container-initialized .control {
        display: block;
        position: relative;
        text-align: center;
        width: 100%
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new.swiper-container-initialized .banner-container_new .item {
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item {
        box-shadow:0 3px .25rem 0 rgba(0,0,0,.13),0 0 .0625rem 0 rgba(0,0,0,.11) !important
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .item-content {
        padding-left: 14px;
        padding-right: 8px;
        padding-bottom: 30px;
        box-sizing: border-box;
        margin-top: 12px;
        position: unset;
        transform: none;
        width: 100%;
        position: relative;
        background: 0 0 !important
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .item-content .tip {
        position: absolute;
        top: 0
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .item-content .name {
        font-size: 24px;
        height: 68px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        padding-top: 28px
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .item-content .describe {
        font-size: 13px;
        word-wrap: break-word;
        margin-bottom: 20px;
        height: 54px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .item-content .payment {
        height: 25px
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .item-content .price_information {
        height: 20px
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .item-content .additional_information {
        margin-top: 4px;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 34px
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .item-content .buy-btn a {
        font-weight: 700
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .banner-container_new .item .item-content .know-more {
        font-weight: 700
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .control {
        display: none;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: -48px;
        width: 100%;
        height: 48px
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .control .swiper-button-prev {
        position: relative;
        height: 20px;
        margin: 0;
        margin-right: 15px;
        top: -14px;
        left: -10px
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .control .swiper-button-prev:after {
        font-size: 24px;
        font-weight: 700
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .control .swiper-pagination {
        position: relative;
        bottom: 20px
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .control .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
        margin-left: 15px
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .control .swiper-button-next {
        position: relative;
        height: 20px;
        margin: 0;
        margin-left: 15px;
        top: -14px;
        right: -10px
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new .control .swiper-button-next:after {
        color: #000;
        font-size: 24px;
        font-weight: 700
    }

    .banner-slider.home_page_banner .banner_sliderContainer_new.swiper-container-initialized .control {
        display: block;
        position: relative;
        text-align: center;
        width: 100%
    }
}

.width_commercial {
    padding-bottom: 10px !important
}

.width_commercial .item .item-content a.has_bg_btn:hover {
    background: #005ca5 !important;
    box-shadow: 0 2px 5px #b9b9b9 !important
}

@media only screen and (max-width: 769px) {
    .earthday-page .pagebuilder-banner-wrapper {
        height:360px
    }
}

@media only screen and (max-width: 414px) {
    .earthday-page .pagebuilder-banner-wrapper {
        height:210px
    }
}

@media only screen and (max-width: 1366px) and (min-width:1024px) {
    .commercial-surface-description .surface-description-info {
        flex:0 0 30%;
        max-width: 30%
    }

    .commercial-surface-description .surface-description {
        flex: 0 0 70%;
        max-width: 70%
    }
}

@media only screen and (max-width: 1024px) and (min-width:769px) {
    .commercial-surface-description {
        flex-direction:column !important
    }

    .commercial-surface-description .surface-description-info {
        flex: 0 0 100%;
        max-width: 100%
    }

    .commercial-surface-description .surface-description {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media screen and (max-width: 1300px) and (min-width:1024px) {
    .c-swiper-product-2 .content-box {
        margin-bottom:12px
    }

    .c-swiper-product-2 .product-slide.leader-slide .bottom-content {
        min-height: 240px
    }

    .c-swiper-ti-1 .play-btn {
        left: 5%;
        top: 8%
    }

    .c-swiper-ti-6 .play-btn {
        left: 5%;
        top: 8%
    }
}

@media screen and (max-width: 1024px) and (min-width:767px) {
    .c-swiper-ti-2 .row-bottom {
        flex-flow:column;
        text-align: center
    }

    .c-swiper-ti-2 .row-content-box {
        width: 100%
    }

    .c-swiper-ti-2 .row-icon-swiper {
        width: 100%;
        display: flex;
        margin-top: 20px
    }

    .c-swiper-ti-1 {
        flex-flow: column
    }

    .c-swiper-ti-1 .swiper-box-ti {
        width: 100%;
        position: relative;
        order: 1;
        padding-right: 20px;
        box-sizing: border-box;
        margin-top: -12px
    }

    .c-swiper-ti-1 .swiper-section-ti {
        width: 100%;
        padding-left: 20px;
        box-sizing: border-box
    }

    .c-swiper-ti-6 {
        flex-flow: column
    }

    .c-swiper-ti-6 .swiper-box-ti {
        width: 100%;
        position: relative;
        order: 1;
        padding-right: 20px;
        box-sizing: border-box;
        margin-top: -12px
    }

    .c-swiper-ti-6 .swiper-section-ti {
        width: 100%;
        padding-left: 20px;
        box-sizing: border-box
    }

    .c-swiper-ti-1 .play-btn {
        left: 7%;
        top: 17%
    }

    .c-swiper-ti-6 .play-btn {
        left: 7%;
        top: 17%
    }
}

@media (forced-colors:active) {
    .c-360-rotating .noUi-origin .noUi-handle {
        border: solid !important
    }

    .c-360-rotating .noUi-target {
        border-top: solid !important;
        border-bottom: solid !important
    }
}

div.c-4-offer .list {
    position: relative
}

body.page-layout-surface-black.catalog-product-buybox {
    color: #fff
}

body.page-layout-surface-black.catalog-product-buybox .fixed_active .header-container {
    background: #161616
}

body.page-layout-surface-black.catalog-product-buybox .header-container .header-content .navigation-item .nav-sections .nav-sections-item-content .navigation>ul,body.page-layout-surface-black.catalog-product-buybox .product.data.items.tablist .tablist-title-box .tablist-buyinfo {
    background: #161616
}

body.page-layout-surface-black.catalog-product-buybox .nav-sections .nav-sections-item-content .navigation>ul .level0.level-top .level0.submenu {
    background: #161616
}

body.page-layout-surface-black.catalog-product-buybox .product.data.items.tablist .tablist-title-box .tablist-buyinfo {
    background: #161616
}

body.page-layout-surface-black.catalog-product-buybox .product.data.items.tablist .tablist-title-box .tablist-buyinfo .product-info-price-mobile {
    color: #f2f2f2
}

body.page-layout-surface-black.catalog-product-buybox .dig-content .dig-login-container .links li a,body.page-layout-surface-black.catalog-product-buybox .header-container .header-content .navigation-item .nav-sections .nav-sections-item-content .navigation>ul .level0.level-top .level-top.ui-corner-all,body.page-layout-surface-black.catalog-product-buybox .footer.content .block.newsletter .title strong,body.page-layout-surface-black.catalog-product-buybox .footer.content .cms-footer-container .container-list .item-title .title,body.page-layout-surface-black.catalog-product-buybox .footer.content .cms-footer-container .container-list .item-title>i {
    color: #f2f2f2
}

body.page-layout-surface-black.catalog-product-buybox .footer.content .other-location a {
    color: #f2f2f2 !important
}

body.page-layout-surface-black.catalog-product-buybox .nav-sections .nav-sections-item-content .navigation>ul .level0.level-top .level0.submenu .level1.category-item>a {
    color: #f2f2f2 !important
}

body.page-layout-surface-black.catalog-product-buybox .nav-sections .nav-sections-item-content .navigation>ul .level0.level-top .level0.submenu .level1.category-item>a:hover {
    color: #161616 !important
}

body.page-layout-surface-black.catalog-product-buybox .nav-sections .nav-sections-item-content .navigation>ul .level0.level-top .level-top {
    color: #f2f2f2 !important
}

body.page-layout-surface-black.catalog-product-buybox .c-swiper-product-2 .swiper-button-prev,body.page-layout-surface-black.catalog-product-buybox .c-swiper-product-2 .swiper-button-next,body.page-layout-surface-black.catalog-product-buybox .c-swiper-product-1 .swiper-button-prev,body.page-layout-surface-black.catalog-product-buybox .c-swiper-product-1 .swiper-button-next,body.page-layout-surface-black.catalog-product-buybox .c-swiper-ti-2 .row-top .swiper-button-next,body.page-layout-surface-black.catalog-product-buybox .c-swiper-ti-2 .row-top .swiper-button-prev {
    background: #000
}

body.page-layout-surface-black.catalog-product-buybox .page-wrapper,body.page-layout-surface-black.catalog-product-buybox .product.data.items.tablist .tablist-title,body.page-layout-surface-black.catalog-product-buybox .material-content,body.page-layout-surface-black.catalog-product-buybox .product.data.items.tablist .tablist-content .item.content,body.page-layout-surface-black.catalog-product-buybox .modal-slide .modal-inner-wrap,body.page-layout-surface-black.catalog-product-buybox .modal-popup .modal-inner-wrap,body.page-layout-surface-black.catalog-product-buybox .product-img-dialog .pdp-img-list .pdp-img-item,body.page-layout-surface-black.catalog-product-buybox .product.data.items>.item.content {
    background: #161616
}

body.page-layout-surface-black.catalog-product-buybox .page-footer .footer {
    background: #232323
}

body.page-layout-surface-black.catalog-product-buybox .page-header,body.page-layout-surface-black.catalog-product-buybox .header-container .header-content .search_menu {
    background-color: #161616
}

body.page-layout-surface-black.catalog-product-buybox .header-container .header-content .logo-box .office-title a,body.page-layout-surface-black.catalog-product-buybox .nav-sections .nav-sections-item-content .navigation>ul .level0.level-top .level-top.ui-corner-all,body.page-layout-surface-black.catalog-product-buybox button,body.page-layout-surface-black.catalog-product-buybox .cart.table-wrapper .actions-toolbar>.action,body.page-layout-surface-black.catalog-product-buybox .action-gift,body.page-layout-surface-black.catalog-product-buybox .header-container .header-content .cart-item .minicart-wrapper .action.showcart:before,body.page-layout-surface-black.catalog-product-buybox .material-surface,body.page-layout-surface-black.catalog-product-buybox .product.data.items.tablist .tablist-title .item.title>.switch:visited {
    color: #f2f2f2
}

body.page-layout-surface-black.catalog-product-buybox .header-container .header-content .logo-box .office-title:before {
    border: none
}

body.page-layout-surface-black.catalog-product-buybox .product-info-main-bottom,body.page-layout-surface-black.catalog-product-buybox .product-info-main {
    box-shadow: unset;
    background: #191919
}

body.page-layout-surface-black.catalog-product-buybox .product-info-main .product-info-main-text .overview-action .show-more,body.page-layout-surface-black.catalog-product-buybox .product-info-main .product-info-picture .picture-wrapper .pdp-img-modal,body.page-layout-surface-black.catalog-product-buybox a:visited,body.page-layout-surface-black.catalog-product-buybox .alink:visited {
    color: #41acf4
}

body.page-layout-surface-black.catalog-product-buybox .global-top-container a {
    color: #fff
}

body.page-layout-surface-black.catalog-product-buybox .clearfix.product-info-main-bottom .addtion-content {
    border: none
}

body.page-layout-surface-black.catalog-product-buybox .action.primary,body.page-layout-surface-black.catalog-product-buybox .product-info-main .product-info-main-bottom .main-full-bottom-item .auth-login {
    background: #41acf4;
    color: #fff;
    border: none
}

body.page-layout-surface-black.catalog-product-buybox .page-footer .footer .block.newsletter .title,body.page-layout-surface-black.catalog-product-buybox .page-footer .footer .block.newsletter .content input {
    color: #f2f2f2
}

body.page-layout-surface-black.catalog-product-buybox .page-footer .footer .block.newsletter .content .privacy-policy a {
    color: #41acf4
}

body.page-layout-surface-black.catalog-product-buybox .page-footer .footer .block.newsletter .content input {
    background: #454545
}

body.page-layout-surface-black.catalog-product-buybox .page-footer .footer .block.newsletter .content .actions .primary {
    background: #41acf4;
    color: #f2f2f2
}

body.page-layout-surface-black.catalog-product-buybox .page-footer .footer .block.newsletter .content input::-webkit-input-placeholder {
    color: #f2f2f2
}

body.page-layout-surface-black.catalog-product-buybox .page-footer .footer .block.newsletter .content input:-moz-placeholder {
    color: #f2f2f2
}

body.page-layout-surface-black.catalog-product-buybox .page-footer .footer .block.newsletter .content input::-moz-placeholder {
    color: #f2f2f2
}

body.page-layout-surface-black.catalog-product-buybox .page-footer .footer .block.newsletter .content input:-ms-input-placeholder {
    color: #f2f2f2
}

body.page-layout-surface-black.catalog-product-buybox .page-footer .cms-footer-container .container-list .item-list>li {
    color: #f2f2f2
}

body.page-layout-surface-black.catalog-product-buybox .page-footer .cms-footer-container .container-list .item-list>li a {
    color: #f2f2f2
}

body.page-layout-surface-black.catalog-product-buybox .page-footer .cms-footer .uhf-footer a,body.page-layout-surface-black.catalog-product-buybox .page-footer .cms-footer .uhf-footer .copyright span {
    color: #f2f2f2
}

body.page-layout-surface-black.catalog-product-buybox .product.data.items.tablist .tablist-title {
    box-shadow: 0 6px 23px -6px rgba(0,0,0,.16);
    border-bottom: 2px solid #fff
}

body.page-layout-surface-black.catalog-product-buybox .product.data.items.tablist .tablist-title .item.title.active>.switch:focus,body.page-layout-surface-black.catalog-product-buybox .product.data.items.tablist .tablist-title .item.title.active>.switch:hover,body.page-layout-surface-black.catalog-product-buybox .product.data.items.tablist .tablist-title .item.title.active>.switch,body.page-layout-surface-black.catalog-product-buybox .product.data.items.tablist .tablist-title .item.title:not(.disabled)>.switch:active {
    background: #2c2c2c;
    border: 2px solid #fff;
    border-bottom: none;
    color: #fff
}

body.page-layout-surface-black.catalog-product-buybox .product.data.items.tablist .tablist-title .item.title.current>.switch:after,body.page-layout-surface-black.catalog-product-buybox .product.data.items.tablist .tablist-title .item.title.active>.switch:after {
    border: 2px solid #2c2c2c
}

body.page-layout-surface-black.catalog-product-buybox .product.data.items.tablist .tablist-title .item.title>.switch {
    background: #171717;
    border: 2px solid #484848;
    color: rgba(255,255,255,.6);
    min-width: 0
}

body.page-layout-surface-black.catalog-product-buybox .swiper-button-next:after,body.page-layout-surface-black.catalog-product-buybox .swiper-button-prev:after {
    color: #fff !important
}

body.page-layout-surface-black.catalog-product-buybox .component-slider .swiper-button-prev,body.page-layout-surface-black.catalog-product-buybox .component-slider .swiper-button-next {
    background: #161616
}

body.page-layout-surface-black.catalog-product-buybox .swiper-pagination-bullet {
    background: #4a4a4a;
    opacity: 1
}

body.page-layout-surface-black.catalog-product-buybox .component-slider .swiper-pagination-bullet-active {
    background: #fff
}

body.page-layout-surface-black.catalog-product-buybox .thinSlider {
    background: #41acf4
}

body.page-layout-surface-black.catalog-product-buybox .thinSlider::-webkit-slider-thumb {
    background: #41acf4
}

body.page-layout-surface-black.catalog-product-buybox .review-control-vote:before,body.page-layout-surface-black.catalog-product-buybox .review-control-vote label:before {
    color: #da3b01
}

body.page-layout-surface-black.catalog-product-buybox .product-info-main .product-info-main-bottom .main-full-bottom-item {
    border: none
}

body.page-layout-surface-black.catalog-product-buybox .product-img-dialog.modal-popup._inner-scroll .modal-inner-wrap {
    border: 1px solid #41acf4
}

body.page-layout-surface-black.catalog-product-buybox .product-img-dialog.modal-popup .modal-header h1 {
    color: #41acf4
}

body.page-layout-surface-black.catalog-product-buybox .component-spec .table tr>th:first-child {
    background-color: transparent
}

body.page-layout-surface-black.catalog-product-buybox .nav-sections .nav-sections-item-content .navigation,body.page-layout-surface-black.catalog-product-buybox .nav-sections .nav-sections-item-content .navigation>ul .level0.level-top .level-top.ui-menu-item-wrapper,body.page-layout-surface-black.catalog-product-buybox .nav-sections .nav-sections-item-content .navigation>ul .level0.level-top .level-top.ui-corner-all {
    background: #161616
}

body.page-layout-surface-black.catalog-product-buybox select {
    border: 1px solid #41acf4;
    background: #191919 url(../images/select-down.png) right center no-repeat
}

body.page-layout-surface-black.catalog-product-buybox a,body.page-layout-surface-black.catalog-product-buybox .alink {
    color: #41acf4
}

body.page-layout-surface-black.catalog-product-buybox .product-info-main .product-info-buyinfo .product-add-form .fieldset .field:not(.choice) select {
    border-color: #41acf4;
    color: #f2f2f2
}

body.page-layout-surface-black.catalog-product-buybox .swatch-attribute.color .swatch-attribute-options .swatch-option {
    border: 2px solid #f2f2f2
}

body.page-layout-surface-black.catalog-product-buybox .swatch-attribute.color .swatch-attribute-options .swatch-option.selected {
    border: 4px solid #f2f2f2
}

body.page-layout-surface-black.catalog-product-buybox .page-header input[type=text] {
    background: rgba(255,255,255,.2);
    color: #f2f2f2
}

body.page-layout-surface-black.catalog-product-buybox .header-container .dig-content .mobile-search-box .block.block-search .block.block-content .field.search .control input {
    border: 1px solid rgba(255,255,255,.7);
    background: rgba(255,255,255,.2)
}

body.page-layout-surface-black.catalog-product-buybox .header-container .dig-content .mobile-search-box .block.block-search .cancel-btn,body.page-layout-surface-black.catalog-product-buybox .header-container .dig-content .mobile-search-box .block.block-search {
    background: #161616
}

body.page-layout-surface-black.catalog-product-buybox .block-search .action.search.disabled,body.page-layout-surface-black.catalog-product-buybox .block-search .action.search[disabled],body.page-layout-surface-black.catalog-product-buybox fieldset[disabled] .block-search .action.search {
    opacity: 1
}

@media only screen and (max-device-width: 767px) {
    body.page-layout-surface-black.catalog-product-buybox .block-search .action.search.disabled,body.page-layout-surface-black.catalog-product-buybox .block-search .action.search[disabled],body.page-layout-surface-black.catalog-product-buybox fieldset[disabled] .block-search .action.search {
        opacity:0
    }
}

body.page-layout-surface-black.catalog-product-buybox .dig-content .dig-login-container {
    background: #161616;
    box-shadow: none
}

body.page-layout-surface-black.catalog-product-buybox .dig-content .dig-login-container .login-btn {
    background: #41acf4;
    color: #fff !important
}

body.page-layout-surface-black.catalog-product-buybox .swatch-attribute.color .swatch-attribute-options .swatch-option.selected:after {
    color: #fff
}

body.page-layout-surface-black.catalog-product-buybox .dig-content .dig-login-container .links li:nth-child(n+2) a {
    color: #f2f2f2
}

body.page-layout-surface-black.catalog-product-buybox .primary-banner .banner-box-wrapper.bg-white .banner-box {
    background-color: #161616
}

body.page-layout-surface-black.catalog-product-buybox .back-top-btn button {
    background: #666;
    border: 1px solid #666
}

body.page-layout-surface-black.catalog-product-buybox .modal-popup .action-close:hover:before {
    color: #fff !important
}

body.page-layout-surface-black.catalog-product-buybox .swiper-scrollbar {
    background: #d1d1d1
}

@media screen and (min-width: 768px) {
    body.page-layout-surface-black.catalog-product-buybox .c-uhfh>div:first-child,body.page-layout-surface-black.catalog-product-buybox .c-uhfh>div:first-child .c-uhf-menu a:before,body.page-layout-surface-black.catalog-product-buybox .c-uhfh>div:first-child .c-uhf-menu button:before,body.page-layout-surface-black.catalog-product-buybox .c-uhfh>div:first-child .c-uhf-menu>button[aria-expanded=true],body.page-layout-surface-black.catalog-product-buybox .js .c-uhf-menu>[aria-expanded=true]+ul[aria-hidden=false],body.page-layout-surface-black.catalog-product-buybox .c-uhfh>div:first-child .c-uhf-menu>ul,body.page-layout-surface-black.catalog-product-buybox .c-uhfh .theme-light .f-multi-column .f-multi-column-info {
        background:#161616
    }

    body.page-layout-surface-black.catalog-product-buybox .c-uhfh>div:first-child .c-uhf-menu a:hover {
        background: #161616
    }

    body.page-layout-surface-black.catalog-product-buybox .c-uhfh>div:first-child .c-uhf-menu button:hover {
        background: #161616
    }

    body.page-layout-surface-black.catalog-product-buybox .c-uhf-menu button {
        background: #161616 !important
    }

    body.page-layout-surface-black.catalog-product-buybox .c-uhf-menu>button:after {
        bottom: 15px
    }

    body.page-layout-surface-black.catalog-product-buybox .c-cart-lbl.c-st-lbl {
        color: #41acf4 !important
    }

    body.page-layout-surface-black.catalog-product-buybox .c-uhfh .c-action-trigger.glyph-shopping-cart {
        color: #41acf4 !important
    }

    body.page-layout-surface-black.catalog-product-buybox .c-uhfh>div:first-child .c-uhf-menu a,body.page-layout-surface-black.catalog-product-buybox .c-uhfh>div:first-child .c-uhf-menu button,body.page-layout-surface-black.catalog-product-buybox .c-uhfh>div:first-child .c-uhf-nav-link,body.page-layout-surface-black.catalog-product-buybox .c-uhfh .f-multi-column>li>span,body.page-layout-surface-black.catalog-product-buybox .mectrl_topHeader .mectrl_header_text,body.page-layout-surface-black.catalog-product-buybox #search span,body.page-layout-surface-black.catalog-product-buybox .c-uhfh.c-sgl-stck .c-search button:after,body.page-layout-surface-black.catalog-product-buybox .c-uhfh>[class*=theme-] .c-me:not(.msame_open) .msame_Header_name,body.page-layout-surface-black.catalog-product-buybox .c-uhfh.c-sgl-stck .f-search-opened .cancel-search span,body.page-layout-surface-black.catalog-product-buybox .c-uhfh.c-sgl-stck .c-cat-logo span,body.page-layout-surface-black.catalog-product-buybox .c-uhfh .c-action-trigger.glyph-shopping-cart span:not(.shopping-cart-amount) {
        color: #fff !important
    }

    body.page-layout-surface-black.catalog-product-buybox .c-uhfh.c-sgl-stck .f-search-opened .cancel-search {
        border: 1px solid #fff
    }

    body.page-layout-surface-black.catalog-product-buybox .c-uhfh>div:first-child .c-search input[type=search] {
        background: #fff
    }

    body.page-layout-surface-black.catalog-product-buybox .c-uhfh .mectrl_screen_reader_text {
        color: #797979
    }

    body.page-layout-surface-black.catalog-product-buybox .page-footer .footer .block.newsletter .content .actions .primary {
        color: #000
    }
}

@media screen and (max-width: 768px) {
    body.page-layout-surface-black.catalog-product-buybox .c-uhfh.c-sgl-stck .c-uhfh-gcontainer-st,body.page-layout-surface-black.catalog-product-buybox .global-uhf-header .c-uhfh.c-sgl-stck.c-category-header nav.c-uhfh-gnav,body.page-layout-surface-black.catalog-product-buybox .c-uhfh.c-sgl-stck .cat-logo-button-cont {
        background:#161616
    }

    body.page-layout-surface-black.catalog-product-buybox .c-uhfh .c-uhf-menu a:focus,body.page-layout-surface-black.catalog-product-buybox .c-uhfh.c-sgl-stck nav#uhf-c-nav {
        background: #161616
    }

    body.page-layout-surface-black.catalog-product-buybox .c-uhfh>div:first-child .c-action-trigger.glyph-global-nav-button:before,body.page-layout-surface-black.catalog-product-buybox .c-uhfh .c-uhf-menu button:hover,body.page-layout-surface-black.catalog-product-buybox .c-uhfh .c-uhf-menu button:focus,body.page-layout-surface-black.catalog-product-buybox .c-uhfh .c-uhf-menu button[aria-expanded=true],body.page-layout-surface-black.catalog-product-buybox .c-uhfh.c-sgl-stck .cat-logo-button-cont .c-cat-logo-button,body.page-layout-surface-black.catalog-product-buybox .c-uhfh.c-sgl-stck .c-uhfh-actions a#uhf-shopping-cart:before,body.page-layout-surface-black.catalog-product-buybox .c-uhfh.c-sgl-stck nav a.c-uhf-nav-link,body.page-layout-surface-black.catalog-product-buybox body.page-layout-surface-black.catalog-product-buybox a,body.page-layout-surface-black.catalog-product-buybox .c-uhfh>div:first-child .c-uhf-menu ul li>a,body.page-layout-surface-black.catalog-product-buybox .c-uhfh.c-sgl-stck .c-uhfh-actions #meControl.c-me .msame_Header_name,body.page-layout-surface-black.catalog-product-buybox .c-uhfh.c-sgl-stck .c-uhfh-actions #meControl.c-me .st_msame_placeholder {
        color: #fff
    }
}

body.page-layout-surface-black.catalog-product-buybox .video-container video {
    outline: none !important
}

.c-video-text {
    display: flex;
    margin: 48px auto 0
}

.c-video-text.align-left-text {
    flex-direction: row
}

.c-video-text.video-65-text-35 .text-box {
    width: 35%
}

.c-video-text .text-box {
    display: flex;
    box-sizing: border-box;
    padding: 0 36px;
    flex-flow: column;
    justify-content: center
}

.c-swiper-ti-1 {
    display: flex;
    justify-content: flex-end;
    position: relative;
    align-items: center;
    margin: 48px auto 0
}

.c-swiper-ti-1 .swiper-section-ti {
    width: 65%;
    position: relative;
    z-index: 9
}

.c-swiper-ti-1 .swiper-box-ti {
    width: 38%;
    position: absolute;
    left: 0;
    z-index: 10
}

.c-swiper-ti-1 .swiper-box-ti .c-swiper-ti-1-container .swiper-wrapper .swiper-slide {
    padding: 80px 0;
    background: #505050;
    color: #fff
}

.c-swiper-ti-1 .swiper-box-ti .c-swiper-ti-1-container .swiper-wrapper .swiper-slide .ti-1-content {
    padding: 0 120px 0 60px
}

.c-swiper-ti-1 .swiper-box-ti .c-swiper-ti-1-container .swiper-wrapper .swiper-slide .ti-1-content .swiper-icon img {
    height: 40px;
    width: 40px;
    position: absolute;
    top: 15%
}

.c-swiper-ti-1 .btn-box {
    display: flex;
    justify-content: flex-end;
    margin-right: 14%;
    margin-top: 10px
}

.c-swiper-ti-6 {
    display: flex;
    justify-content: flex-end;
    position: relative;
    align-items: center;
    margin: 48px auto 0
}

.c-swiper-ti-6 .swiper-section-ti {
    width: 65%;
    position: relative;
    z-index: 9
}

.c-swiper-ti-6 .swiper-box-ti {
    width: 38%;
    position: absolute;
    left: 0;
    z-index: 10
}

.c-swiper-ti-6 .swiper-box-ti .c-swiper-ti-6-container .swiper-wrapper .swiper-slide {
    padding: 80px 0;
    background: #505050;
    color: #fff
}

.c-swiper-ti-6 .swiper-box-ti .c-swiper-ti-6-container .swiper-wrapper .swiper-slide .ti-1-content {
    padding: 0 120px 0 60px
}

.c-swiper-ti-6 .swiper-box-ti .c-swiper-ti-6-container .swiper-wrapper .swiper-slide .ti-1-content .swiper-icon img {
    height: 40px;
    width: 40px;
    position: absolute;
    top: 15%
}

.c-swiper-ti-6 .btn-box {
    display: flex;
    justify-content: flex-end;
    margin-right: 14%;
    margin-top: 10px
}

.c-h3-self {
    font-size: 24px;
    font-weight: 700
}

.c-paragraph-self {
    margin-top: 20px;
    font-size: 16px
}

.c-link-self {
    margin-top: 15px
}

.c-link-self a {
    color: #fff
}

.c-swiper-ti-1 .btn-box .swiper-button-next,.c-swiper-ti-1 .btn-box .swiper-button-prev {
    position: relative;
    margin: 0 5px;
    height: auto;
    left: 0;
    right: 0
}

.c-swiper-ti-6 .btn-box .swiper-button-next,.c-swiper-ti-6 .btn-box .swiper-button-prev {
    position: relative;
    margin: 0 5px;
    height: auto;
    left: 0;
    right: 0
}

.c-swiper-ti-2 {
    margin: 48px auto 0
}

.c-swiper-ti-2 .row-top .swiper-button-prev {
    left: 10%
}

.c-swiper-ti-2 .row-top .swiper-button-next {
    right: 10%
}

.c-swiper-ti-2 .row-bottom {
    max-width: 1600px;
    margin: 35px auto 0px;
    display: flex;
    width: 90%
}

.c-swiper-ti-2 .row-content-box {
    width: 35%;
    padding: 0 75px;
    box-sizing: border-box
}

.c-swiper-ti-2 .row-icon-swiper {
    width: 65%
}

.c-swiper-ti-2 .row-icon-swiper .row-icon-swiper-container {
    padding-bottom: 50px
}

.c-swiper-ti-2 .row-icon-swiper .row-icon-swiper-container .control-btn-active {
    position: relative
}

.c-swiper-ti-2 .row-icon-swiper .row-icon-swiper-container .control-btn-active .img-label {
    position: absolute;
    text-align: center;
    font-weight: 700
}

.c-swiper-ti-2 .row-icon-swiper .btn-slide {
    margin-right: 30px
}

.c-swiper-ti-2 .row-icon-swiper .btn-slide .control-btn-active {
    display: none
}

.c-swiper-ti-2 .row-icon-swiper .btn-slide .control-btn {
    display: block
}

.c-swiper-ti-2 .row-icon-swiper .btn-slide.swiper-slide-thumb-active .control-btn {
    display: none
}

.c-swiper-ti-2 .row-icon-swiper .btn-slide.swiper-slide-thumb-active .control-btn-active {
    display: block
}

.c-swiper-ti-2 .row-icon-swiper .btn-slide img {
    width: 100px;
    height: 100px
}

.c-swiper-product-2 .swiper-button-prev,.c-swiper-product-2 .swiper-button-next,.c-swiper-product-1 .swiper-button-prev,.c-swiper-product-1 .swiper-button-next,.c-swiper-ti-2 .row-top .swiper-button-next,.c-swiper-ti-2 .row-top .swiper-button-prev {
    width: 42px;
    height: 42px;
    border: solid 1px transparent;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0,0,0,.2)
}

.c-swiper-product-2 .swiper-button-disabled,.c-swiper-product-1 .swiper-button-disabled {
    display: none
}

.row-content-box .content-item {
    display: none
}

.row-content-box .content-item.content-active {
    display: block
}

.c-swiper-product-2,.c-swiper-product-1 {
    margin: 48px auto 0
}

.c-swiper-product-1 .content-box {
    margin-top: 8px;
    min-height: 160px
}

.c-swiper-product-1 .label-box {
    height: 20px;
    line-height: 20px
}

.c-swiper-product-1 .label-box .label {
    display: inline-block;
    background: #fedb05;
    padding: 0 12px;
    box-sizing: border-box
}

.c-swiper-product-1 .title {
    font-size: 18px;
    font-weight: 700
}

.c-swiper-product-1 .link-a a {
    font-weight: 700
}

.c-swiper-product-2 .product-slide {
    padding: 0 30px 35px;
    background: #f2f2f2;
    box-sizing: border-box
}

.c-swiper-product-2 .product-slide .img-box {
    text-align: center
}

.c-swiper-product-2 .label-box .label {
    display: inline-block;
    background: #fedb05;
    padding: 0 12px;
    box-sizing: border-box
}

.c-swiper-product-2 .content-box {
    min-height: 208px;
    margin-bottom: 12px
}

.c-swiper-product-2 .content-box .title {
    font-size: 18px;
    font-weight: 700
}

.c-swiper-product-2 .content-box .des-1 {
    margin-top: 28px
}

.c-swiper-product-2 .content-box .des-2 {
    margin-top: 28px;
    min-height: 60px
}

.custom-buybox-banner {
    position: relative
}

.custom-buybox-banner .item-img {
    display: none
}

.custom-buybox-banner .item-img.active-bgimg {
    display: block
}

.custom-buybox-banner .banner-content {
    position: absolute;
    top: 20%;
    left: 11%;
    width: 18%;
    min-width: 350px
}

.custom-buybox-banner .banner-content .title {
    font-size: 24px;
    font-weight: 700
}

.custom-buybox-banner .banner-content .des {
    font-size: 16px
}

.custom-buybox-banner .banner-content .link-two {
    margin-top: 60px
}

.custom-buybox-banner .banner-content .link-two a {
    font-size: 16px;
    margin-right: 30px
}

.custom-buybox-banner .banner-content .ul-icon {
    margin-top: 30px;
    display: flex
}

.custom-buybox-banner .banner-content .ul-icon .list-icon {
    position: relative;
    margin-right: 10px;
    cursor: pointer
}

.custom-buybox-banner .banner-content .ul-icon .list-icon .img-label {
    position: absolute;
    text-align: center;
    padding: 5px;
    box-sizing: border-box;
    display: none
}

.custom-buybox-banner .banner-content .ul-icon .list-icon .btn-icon {
    display: inline-block;
    padding: 5px;
    border: solid 2px transparent;
    height: auto;
    line-height: normal
}

.custom-buybox-banner .banner-content .ul-icon .list-icon.active-icon .btn-icon {
    border: dashed 2px #000
}

.custom-buybox-banner .banner-content .ul-icon .list-icon.active-icon .img-label {
    display: block
}

.custom-buybox-banner .banner-content .label span {
    display: inline-block;
    background: #fedb05;
    padding: 0 12px;
    box-sizing: border-box;
    font-size: 16px
}

.c-swiper-ti-1 .btn-box .swiper-button-next:after,.c-swiper-ti-1 .btn-box .swiper-button-prev:after {
    font-size: 30px;
    color: #000
}

.c-swiper-ti-6 .btn-box .swiper-button-next:after,.c-swiper-ti-6 .btn-box .swiper-button-prev:after {
    font-size: 30px;
    color: #000
}

.c-swiper-product-2 .swiper-button-prev:after,.c-swiper-product-2 .swiper-button-next:after,.c-swiper-product-1 .swiper-button-prev:after,.c-swiper-product-1 .swiper-button-next:after,.c-swiper-ti-2 .row-top .swiper-button-next:after,.c-swiper-ti-2 .row-top .swiper-button-prev:after {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #000;
    font-size: 16px;
    transform: translate(-50%,-50%)
}

.c-swiper-product-2 .content-box .list {
    display: flex
}

.c-swiper-product-2 .dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #000;
    margin-right: 5px;
    margin-top: 7px;
    min-width: 5px
}

.c-swiper-ti-1 .swiper-container-horizontal>.swiper-pagination-bullets {
    display: flex;
    height: 8px;
    left: 0;
    position: relative;
    bottom: 0;
    margin-top: 10px;
    width: calc(100% + 8px);
    margin-left: -4px
}

.c-swiper-ti-1 .swiper-pagination-bullet {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 0;
    background: #d2d2d2;
    opacity: 1
}

.c-swiper-ti-1 .swiper-pagination-bullet-active {
    background: #505050
}

.c-swiper-ti-1 .swiper-box-ti .c-swiper-ti-1-container .swiper-wrapper .swiper-slide {
    padding: 150px 0
}

.c-swiper-ti-6 .swiper-container-horizontal>.swiper-pagination-bullets {
    display: flex;
    height: 8px;
    left: 0;
    position: relative;
    bottom: 0;
    margin-top: 10px;
    width: calc(100% + 8px);
    margin-left: -4px
}

.c-swiper-ti-6 .swiper-pagination-bullet {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 0;
    background: #d2d2d2;
    opacity: 1
}

.c-swiper-ti-6 .swiper-pagination-bullet-active {
    background: #505050
}

.c-swiper-ti-6 .swiper-box-ti .c-swiper-ti-6-container .swiper-wrapper .swiper-slide {
    padding: 150px 0
}

.c-swiper-product-1 .content-box {
    min-height: 212px
}

.c-swiper-product-1 .content-box .des {
    height: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

.c-swiper-product-2 .leader-slide {
    padding: 0 30px 35px;
    box-sizing: border-box;
    background: #585858;
    color: #fff
}

.c-swiper-product-2 .leader-slide .img-box {
    text-align: center
}

.c-swiper-product-2 .leader-slide .title {
    font-size: 30px
}

.c-swiper-product-2 .leader-slide .des {
    font-size: 14px
}

.c-swiper-product-2 .leader-slide .link-two {
    margin-top: 20px
}

.c-swiper-product-2 .leader-slide .link-two a {
    font-weight: 700;
    color: #fff;
    width: 45%;
    display: inline-block
}

.custom-buybox-banner.align-left-text,.c-swiper-product-2.align-left-text,.c-swiper-product-1.align-left-text,.c-swiper-ti-2.align-left-text,.c-swiper-ti-1.align-left-text,.c-video-text.align-left-text {
    text-align: left
}

.c-swiper-ti-6.align-left-text {
    text-align: left
}

@media screen and (max-width: 1300px) {
    .c-swiper-product-1 .content-box {
        min-height:235px
    }
}

@media screen and (max-width: 1300px) and (min-width:1024px) {
    .c-swiper-product-2 .content-box {
        margin-bottom:12px
    }

    .c-swiper-product-2 .product-slide.leader-slide .bottom-content {
        min-height: 240px
    }

    .c-swiper-ti-1 .swiper-box-ti .c-swiper-ti-1-container .swiper-wrapper .swiper-slide {
        padding: 80px 0
    }

    .c-swiper-ti-1 .swiper-box-ti .c-swiper-ti-1-container .swiper-wrapper .swiper-slide .ti-1-content {
        padding: 0 20px
    }

    .c-swiper-ti-6 .swiper-box-ti .c-swiper-ti-6-container .swiper-wrapper .swiper-slide {
        padding: 80px 0
    }

    .c-swiper-ti-6 .swiper-box-ti .c-swiper-ti-6-container .swiper-wrapper .swiper-slide .ti-1-content {
        padding: 0 20px
    }
}

@media screen and (max-width: 1024px) and (min-width:767px) {
    .c-swiper-ti-2 .row-bottom {
        flex-flow:column;
        text-align: center
    }

    .c-swiper-ti-2 .row-content-box {
        width: 100%
    }

    .c-swiper-ti-2 .row-icon-swiper {
        width: 100%;
        display: flex;
        margin-top: 20px
    }

    .c-swiper-ti-1 {
        flex-flow: column
    }

    .c-swiper-ti-1 .swiper-box-ti {
        width: 100%;
        position: relative;
        order: 1;
        padding-right: 20px;
        box-sizing: border-box;
        margin-top: -12px
    }

    .c-swiper-ti-1 .swiper-section-ti {
        width: 100%;
        padding-left: 20px;
        box-sizing: border-box
    }

    .c-swiper-ti-6 {
        flex-flow: column
    }

    .c-swiper-ti-6 .swiper-box-ti {
        width: 100%;
        position: relative;
        order: 1;
        padding-right: 20px;
        box-sizing: border-box;
        margin-top: -12px
    }

    .c-swiper-ti-6 .swiper-section-ti {
        width: 100%;
        padding-left: 20px;
        box-sizing: border-box
    }
}

[data-content-type=row][data-appearance=contained] [data-element=inner] {
    padding: 0 !important;
    margin: 0 !important
}

html {
    overflow-x: hidden
}

body {
    overflow-x: hidden
}

html body {
    opacity: 1 !important
}

.noscroll,.noscroll body {
    overflow: hidden
}

.noscroll body {
    position: relative
}

.noscroll body .address-dialog.fapiao-dialog iframe {
    height: calc(100% - 45px);
    padding-bottom: 45px
}

.page.messages {
    display: none
}

.page.messages .message.message-success.success {
    display: none
}

button:focus,button:active,button:hover {
    border: none;
    background: 0 0
}

.modals-overlay {
    background-color: rgba(0,0,0,.8)
}

.product-reviews-summary {
    display: none
}

.clear_RL {
    clear: both
}

.modal-popup-enter-open {
    z-index: 999 !important
}

.modals-overlay-enter-open {
    z-index: 998 !important
}

.notificationTip {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    color: #fff
}

.fixed_active .cms-top-container {
    display: none
}

.back-top-btn {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 300;
    display: none
}

.back-top-btn button {
    height: 40px;
    border-radius: unset;
    background: #d2d2d2;
    color: #000;
    padding: 0;
    box-shadow: none;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 116px
}

.back-top-btn button .icon-up {
    font-size: 20px;
    margin-right: 6px
}

.back-top-btn button span {
    font-size: 16px;
    font-weight: 700
}

.nav-sections {
    margin-left: 15px;
    margin-bottom: 0
}

.nav-sections .nav-sections-item-content .navigation {
    background: #fff
}

.nav-sections .nav-sections-item-content .navigation>ul {
    display: flex;
    padding: 0
}

.nav-sections .nav-sections-item-content .navigation>ul .level0.level-top {
    list-style: none;
    margin: 0;
    position: relative;
    padding: 0 15px
}

.nav-sections .nav-sections-item-content .navigation>ul .level0.level-top .level-top {
    padding-left: 0;
    font-size: 14px;
    position: relative;
    cursor: pointer;
    border: none;
    background: #fff;
    box-shadow: none;
    text-align: left;
    color: #000;
    font-weight: 400;
    white-space: nowrap
}

.nav-sections .nav-sections-item-content .navigation>ul .level0.level-top .level-top:hover {
    text-decoration: underline
}

.nav-sections .nav-sections-item-content .navigation>ul .level0.level-top .level-top span.ui-icon-carat-1-e:after {
    font-family: "ms-icon";
    content: "\e90d";
    font-size: 12px;
    transform: scale(.6)
}

.nav-sections .nav-sections-item-content .navigation>ul .level0.level-top .level0.submenu {
    border: solid 1px #000;
    padding: 0;
    font-size: 14px;
    background: #fff
}

.nav-sections .nav-sections-item-content .navigation>ul .level0.level-top .level0.submenu .ui-menu-item.all-category {
    display: none
}

.nav-sections .nav-sections-item-content .navigation>ul .level0.level-top .level0.submenu .level1.active>a {
    border: none
}

.nav-sections .nav-sections-item-content .navigation>ul .level0.level-top .level0.submenu a.ui-state-active {
    outline: 3px dotted currentColor !important;
    outline-offset: -4px
}

.nav-sections .nav-sections-item-content .navigation>ul .level0.level-top .level0.submenu a.ui-state-active.ui-no-shadow {
    box-shadow: none
}

.nav-sections .nav-sections-item-content .navigation>ul .level0.level-top .level0.submenu .level1.category-item>a {
    padding: 16px 20px;
    color: #000;
    font-weight: 400;
    line-height: normal;
    font-size: 14px
}

.nav-sections .nav-sections-item-content .navigation>ul .level0.level-top .level0.submenu .level1.category-item>a:hover {
    background: #d2d2d2;
    text-decoration: underline
}

.nav-sections .nav-sections-item-content .navigation>ul .level0.level-top .level0.submenu .level1.category-item>a .ui-menu-icon:after {
    display: none
}

.nav-sections .nav-sections-item-content .navigation>ul .level0.level-top .level0.submenu .level1.category-item ul.level1 {
    display: none !important
}

.global-service .chatDialog {
    position: fixed;
    width: 280px;
    top: 40%;
    margin-top: -187px;
    right: 0;
    z-index: 10020;
    display: none;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translate(100%,0);
    -ms-transform: translate(100%,0);
    transform: translate(100%,0)
}

.global-service .chatDialog .content {
    background-color: #fff;
    border: 1px solid #ccc;
    margin-top: -1px
}

.global-service .chatDialog .content .closeBtn {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background-size: contain;
    background-color: transparent;
    border: none;
    cursor: pointer;
    color: #fff
}

.global-service .chatDialog .content .head {
    background-color: #303030;
    color: #fff;
    font-size: 16px;
    height: 65px;
    line-height: 65px;
    text-align: center
}

.global-service .chatDialog .content .content {
    background-color: #fff;
    border: 1px solid #ccc;
    margin-top: -1px
}

.global-service .chatDialog .content .content .title {
    font-size: 14px;
    color: #666;
    padding: 13px 0
}

.global-service .chatDialog .content .content .liveChatContent {
    margin: 0 10px;
    height: 98px;
    border-bottom: 1px solid #ccc
}

.global-service .chatDialog .content .content .liveChatContent .startChat {
    background-color: #f2f2f2;
    color: #000 !important;
    border-radius: 4px;
    padding: 0 2px;
    border: solid 2px #707070;
    line-height: normal;
    font-size: 16px;
    font-weight: 400
}

.global-service .chatDialog .content .content .hotLineContent {
    margin: 0 10px;
    font-size: 12px;
    line-height: 19px;
    color: #666;
    padding-bottom: 14px
}

.global-service .chatDialog .content .content .hotLineContent .title span {
    display: flex;
    align-items: center
}

.global-service .chatDialog .content .content .hotLineContent .title span:before {
    font-family: "ms-icon";
    content: "\e960";
    font-size: 20px;
    margin-right: 5px
}

.global-service .chatDialog .content .content .hotLineContent ul li {
    font-size: 12px
}

.global-service .chatDialog .content .content .hotLineContent ul li a {
    font-size: 12px
}

.global-service .chatDialog .content .content .hotLineContent ul li.now_not_commercial:last-child {
    margin-top: 2rem;
    width: 82%
}

.global-service .chatDialog .content .content .hotLineContent ul li.now_not_commercial .show-after-sales-service-modal {
    color: #0067b8;
    text-decoration: none;
    cursor: pointer
}

.global-service .chatDialog .content .content .hotLineContent ul li.now_not_commercial .show-after-sales-service-modal:hover {
    text-decoration: underline
}

.global-service .chatDialog .content .content .hotLineContent ul li.now_not_commercial .show-after-sales-service-modal:focus {
    outline: 3px dotted currentColor !important;
    outline-offset: 0
}

.global-service .commercial_chatDialog {
    position: fixed;
    width: 285px;
    top: 40%;
    margin-top: -187px;
    right: 0;
    z-index: 10020;
    display: block;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translate(100%,0);
    -ms-transform: translate(100%,0);
    transform: translate(100%,0)
}

.global-service .commercial_chatDialog img.contact_sales_block {
    display: inline-block;
    width: 22px;
    position: relative;
    top: -2px;
    margin: 0 5px 0 0
}

.global-service .commercial_chatDialog .content {
    background-color: #fff;
    border: 0;
    margin-top: 0
}

.global-service .commercial_chatDialog .content .closeBtn {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background-size: contain;
    background-color: transparent;
    border: none;
    cursor: pointer;
    color: #fff
}

.global-service .commercial_chatDialog .content .head {
    background-color: #303030;
    color: #fff;
    font-size: 16px;
    height: 57px;
    line-height: 57px;
    text-align: center
}

.global-service .commercial_chatDialog .content .content {
    background-color: #3476cd;
    border: 0;
    margin-top: 0
}

.global-service .commercial_chatDialog .content .content .title {
    font-size: 14px;
    color: #fff;
    padding: 0
}

.global-service .commercial_chatDialog .content .content .desc_commercial {
    display: block;
    font-size: 14px;
    color: #fff
}

.global-service .commercial_chatDialog .content .content .desc_commercial.desc_server_time {
    padding: 0 0 20px
}

.global-service .commercial_chatDialog .content .content .desc_commercial.desc_commercial_time span {
    font-size: 13px
}

.global-service .commercial_chatDialog .content .content .desc_commercial.desc_commercial_phone span {
    font-size: 13px
}

.global-service .commercial_chatDialog .content .content .desc_phone_commercial {
    display: block
}

.global-service .commercial_chatDialog .content .content .desc_phone_commercial h2 {
    font-size: 25px;
    color: #fff;
    padding: 5px 0;
    font-weight: 700;
    line-height: 26px;
    margin: 0
}

.global-service .commercial_chatDialog .content .content .liveChatContent {
    margin: 0 12px;
    padding: 15px 0
}

.global-service .commercial_chatDialog .content .content .liveChatContent .startChat_div {
    display: block;
    width: 100%;
    margin: 10px 0 15px
}

.global-service .commercial_chatDialog .content .content .liveChatContent .startChat {
    width: 100%;
    background-color: #fff;
    color: #3476cd !important;
    border-radius: 8px;
    padding: 8px 0;
    border: 0;
    line-height: normal;
    font-size: 16px;
    font-weight: 400
}

.global-service .commercial_chatDialog .content .content .hotLineContent {
    margin: 0 20px;
    font-size: 12px;
    line-height: 19px;
    color: #666;
    padding-bottom: 14px
}

.global-service .commercial_chatDialog .content .content .hotLineContent .title span {
    display: flex;
    align-items: center
}

.global-service .commercial_chatDialog .content .content .hotLineContent .title span:before {
    font-family: "ms-icon";
    content: "\e960";
    font-size: 20px;
    margin-right: 5px
}

.global-service .commercial_chatDialog .content .content .hotLineContent ul li {
    font-size: 12px
}

.global-service .commercial_chatDialog .content .content .hotLineContent ul li a {
    font-size: 12px
}

.global-service.show .chatDialog {
    display: block;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0)
}

.no-click-logo a {
    cursor: default
}

@media screen and (min-width: 768px) and (max-width:1024px) {
    .header-container {
        width:100%
    }

    .header-container .header-content .navigation-item {
        width: calc(100% - 485px)
    }

    .header-container .header-content .navigation-item .nav-sections .nav-sections-items #mainMenu #autoNav #autoNavMore #autoNavMoreList>li .level-top .ui-menu-icon {
        position: absolute;
        right: 0;
        display: inline-block;
        text-decoration: none
    }

    .header-container .header-content .navigation-item .nav-sections .nav-sections-items #mainMenu #autoNav #autoNavMore #autoNavMoreList>li .level-top .ui-menu-icon:after {
        font-family: "ms-icon";
        content: "\e90d";
        font-size: 12px;
        transform: scale(.6);
        display: inline-block;
        vertical-align: middle
    }

    .header-container .header-content .login-icon .login-container {
        height: 55px
    }

    .header-container .header-content .login-icon .login-container span.text {
        display: none
    }

    .cms-top-container {
        width: 100%
    }
}

@media screen and (min-width: 768px) {
    .nav-sections .nav-sections-item-content .navigation>ul .level0.level-top .level-top span.ui-icon-caret-1-e:after {
        font-family:"ms-icon";
        content: "\e90d";
        font-size: 12px;
        transform: scale(.6)
    }

    .global-service .global-service-fixed {
        display: block;
        position: fixed;
        right: 10px;
        top: 75%;
        width: 100%;
        z-index: 9999
    }

    .global-service .global-service-fixed .global-service-relative {
        display: block;
        position: relative
    }

    .global-service .global-service-fixed .global-service-relative .pc_miniapp_qr_code {
        display: none;
        position: absolute;
        right: 58px;
        top: 52px;
        z-index: 300;
        padding: 10px;
        margin: 0;
        border: none;
        background: #fff;
        transform: translate(0px,-50%);
        box-shadow: 2px 2px 6px #999;
        border-radius: 8px
    }

    .global-service .global-service-fixed .global-service-relative .pc_miniapp_qr_code img {
        width: 115px
    }

    .global-service .global-service-fixed .global-service-relative .pc_miniapp_qr_code p {
        display: block;
        font-size: 14px;
        color: #999;
        line-height: 16px;
        text-align: center;
        padding: 0;
        margin: 0
    }

    .global-service .global-service-fixed .global-service-relative .global-service-relative-flex {
        display: flex;
        position: absolute;
        right: 0;
        flex-direction: column
    }

    .global-service .global-service-fixed .global-service-relative .global-service-relative-flex .miniapp_qrcode-btn_hover,.global-service .global-service-fixed .global-service-relative .global-service-relative-flex .service-btn_hover {
        display: none
    }

    .global-service .global-service-fixed .global-service-relative .global-service-relative-flex .miniapp_qrcode-btn {
        display: none;
        z-index: 300;
        height: 71px;
        width: 43px;
        padding: 0;
        margin: 0 0 30px;
        border: none;
        background: 0 0;
        transform: translate(0px,-50%);
        cursor: pointer
    }

    .global-service .global-service-fixed .global-service-relative .global-service-relative-flex .service-btn,.global-service .global-service-fixed .global-service-relative .global-service-relative-flex .service-btn_hover {
        display: none;
        z-index: 300;
        height: 71px;
        width: 43px;
        padding: 0;
        margin: 0;
        border: none;
        background: 0 0;
        transform: translate(0px,-50%);
        cursor: pointer
    }

    .global-service .global-service-fixed .global-service-relative .global-service-relative-flex .miniapp_qrcode_pcHide {
        display: none !important
    }

    .global-service .global-service-fixed .global-service-relative .global-service-relative-flex .commercial-service-btn {
        display: none
    }

    .global-service .global-service-fixed .global-service-relative .global-service-relative-flex .commercial-service-btn,.global-service .global-service-fixed .global-service-relative .global-service-relative-flex .commercial-service-btn_hover {
        z-index: 300;
        height: 71px;
        width: 43px;
        padding: 0;
        margin: 0;
        border: none;
        background: 0 0;
        transform: translate(0px,-50%);
        cursor: pointer
    }

    .global-service .global-service-fixed .global-service-relative .global-service-relative-flex .commercial-service-btn_hover {
        display: none
    }

    .global-service .mb_miniapp_qr_code,.global-service .mb_miniapp_qr_code_bg {
        display: none
    }

    body:not(.commercial_sign) .global-service .global-service-fixed .global-service-relative .global-service-relative-flex .miniapp_qrcode-btn_hover,body:not(.commercial_sign) .global-service .global-service-fixed .global-service-relative .global-service-relative-flex .service-btn_hover {
        display: none
    }

    body:not(.commercial_sign) .global-service .global-service-fixed .global-service-relative .global-service-relative-flex .miniapp_qrcode-btn_nor,body:not(.commercial_sign) .global-service .global-service-fixed .global-service-relative .global-service-relative-flex .service-btn_nor {
        display: block
    }

    .commercial_sign .global-service .global-service-fixed .global-service-relative .global-service-relative-flex .miniapp_qrcode-btn,.commercial_sign .global-service .global-service-fixed .global-service-relative .global-service-relative-flex .service-btn {
        display: none !important
    }

    .commercial_sign .global-service .global-service-fixed .global-service-relative .global-service-relative-flex .commercial-service-btn {
        display: none
    }

    .commercial_sign .global-service .global-service-fixed .global-service-relative .global-service-relative-flex .commercial-service-btn_hover {
        display: block
    }
}

@media screen and (max-width: 768px) {
    .global-service .global-service-fixed {
        display:block;
        position: fixed;
        right: 10px;
        top: 65%;
        width: 100%;
        z-index: 9999
    }

    .global-service .global-service-fixed .global-service-relative {
        display: block;
        position: relative;
        z-index: 9999
    }

    .global-service .global-service-fixed .global-service-relative .pc_miniapp_qr_code {
        display: none;
        position: absolute;
        right: 45px;
        top: 70px;
        z-index: 300;
        padding: 0;
        margin: 0;
        border: none;
        background: 0 0;
        transform: translate(0px,-50%)
    }

    .global-service .global-service-fixed .global-service-relative .pc_miniapp_qr_code img {
        width: 160px;
        height: 215px
    }

    .global-service .global-service-fixed .global-service-relative .global-service-relative-flex {
        display: flex;
        position: absolute;
        right: 0;
        flex-direction: column
    }

    .global-service .global-service-fixed .global-service-relative .global-service-relative-flex .miniapp_qrcode-btn {
        z-index: 300;
        width: 50px;
        padding: 0;
        margin: 0 0 10px;
        border: none;
        background: 0 0;
        transform: translate(0px,-50%)
    }

    .global-service .global-service-fixed .global-service-relative .global-service-relative-flex .service-btn {
        z-index: 300;
        width: 50px;
        padding: 0;
        margin: 0;
        border: none;
        background: 0 0;
        transform: translate(0px,-50%)
    }

    .global-service .global-service-fixed .global-service-relative .global-service-relative-flex .miniapp_qrcode_mbHide {
        display: none !important
    }

    .global-service .mb_miniapp_qr_code_bg {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .3;
        z-index: 9999
    }

    .global-service .mb_miniapp_qr_code {
        display: none;
        position: fixed;
        top: 50%;
        left: 50%;
        margin: -175px 0 0 -130px;
        background: #fff;
        padding: 40px 0 0;
        z-index: 999;
        box-shadow: 4px 4px 4px #999;
        border-radius: 6px;
        width: 260px;
        z-index: 99999
    }

    .global-service .mb_miniapp_qr_code .close_mb_qr_code {
        position: absolute;
        top: 0;
        right: 0;
        padding: 10px
    }

    .global-service .mb_miniapp_qr_code .close_mb_qr_code:after {
        line-height: 18px;
        font-family: "ms-icon";
        font-size: 18px;
        content: "\e90c";
        color: #000
    }

    .global-service .mb_miniapp_qr_code img {
        display: block;
        margin: 0 auto 40px;
        width: 150px
    }

    .global-service .mb_miniapp_qr_code p {
        display: block;
        font-size: 16px;
        color: #999;
        text-align: center
    }

    .global-service .livePerson {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 99999
    }

    .global-service .livePerson .livePersonContainer[aria-hidden=true] {
        display: none !important
    }

    .global-service .livePerson .livePersonContainer {
        height: 500px !important;
        min-width: 100% !important;
        max-width: 100% !important
    }

    .global-service .livePerson .livePersonContainer .lp-iframe-window {
        height: 100% !important;
        width: 100% !important
    }

    body:not(.commercial_sign) .global-service .global-service-fixed .global-service-relative .global-service-relative-flex .miniapp_qrcode-btn_hover,body:not(.commercial_sign) .global-service .global-service-fixed .global-service-relative .global-service-relative-flex .service-btn_hover {
        display: none
    }

    body:not(.commercial_sign) .global-service .global-service-fixed .global-service-relative .global-service-relative-flex .miniapp_qrcode-btn_nor,body:not(.commercial_sign) .global-service .global-service-fixed .global-service-relative .global-service-relative-flex .service-btn_nor {
        display: block
    }

    body:not(.commercial_sign) .global-service .global-service-fixed .global-service-relative .global-service-relative-flex .commercial-service-btn {
        display: none
    }

    body:not(.commercial_sign) .global-service .global-service-fixed .global-service-relative .global-service-relative-flex .commercial-service-btn_hover {
        display: block
    }

    .commercial_sign .global-service .global-service-fixed .global-service-relative .global-service-relative-flex .miniapp_qrcode-btn,.commercial_sign .global-service .global-service-fixed .global-service-relative .global-service-relative-flex .service-btn {
        display: none !important
    }

    .commercial_sign .global-service .global-service-fixed .global-service-relative .global-service-relative-flex .commercial-service-btn.miniapp_qrcode_pcHide {
        display: block !important;
        z-index: 300;
        width: 50px;
        padding: 0;
        margin: 0;
        border: none;
        background: 0 0;
        transform: translate(0px,-50%)
    }

    .commercial_sign .global-service .global-service-fixed .global-service-relative .global-service-relative-flex .commercial-service-btn_hover {
        display: none
    }
}

.global-service.commercial-show .commercial_chatDialog {
    display: block;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0)
}

a.public-click-a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-decoration: none;
    z-index: 9
}

a.public-click-a:after {
    content: ""
}

p.usecoupon {
    display: none;
    margin-bottom: 0;
    font-weight: 400;
    width: 100%;
    font-size: 14px
}

p.usecoupon i {
    font-style: normal
}

#bundleSummary .box-tocart #product-addtocart-button {
    min-width: 210px;
    padding-left: 0;
    padding-right: 0
}

.couponprice-container {
    display: flex;
    align-items: center
}

.add-coupon-price {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.usecouponprice {
    display: none !important;
    background: #dc1f22;
    padding: 6px 14px;
    border-radius: 32px;
    color: #fff;
    margin-left: 7px;
    margin-bottom: 0;
    font-size: 14px
}

span.usecouponprice-show {
    display: inline-block !important
}

.couponprice-tips {
    color: #d63a02;
    text-align: left;
    margin: 5px 0;
    font-size: 14px
}

.cart-container .checkout-methods-items .action.primary {
    line-height: 17px
}

.cart-container .checkout-methods-items .action.primary span.couponprice {
    font-weight: 400;
    display: block;
    font-size: 14px
}

.product-info-main .box-tocart .action.primary,.product-options-bottom .box-tocart .action.primary {
    height: 40px;
    line-height: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.product.data.items.tablist .tablist-title-box .tablist-buyinfo .box-tocart .actions .action.primary.link-to-bundle,.product.data.items.tablist .tablist-title-box .tablist-buyinfo .box-tocart .actions .action.primary.tocart {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    line-height: 17px;
    min-width: 114px;
    width: auto;
    padding-left: 5px;
    padding-right: 5px
}

@media screen and (min-width: 768px) {
    .bundle-header-addtocart #bundleHeaderSummary .price-configured_price {
        right:202px
    }

    .bundle-header-addtocart #bundleHeaderSummary .right-add-to-cart button.action.primary.tocart {
        min-width: 180px;
        padding: 0;
        line-height: 19px;
        height: 48px
    }
}

@media screen and (max-width: 767px) {
    .tablist-buyinfo .product-info-price-mobile span.usecouponprice {
        display:none !important
    }

    .tablist-buyinfo .box-tocart .action.primary.link-to-bundle {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        line-height: 17px;
        min-width: 114px;
        width: auto
    }

    .product-info-main .product-info-buyinfo .product-info-price div.add-coupon-price {
        display: flex;
        justify-content: flex-start
    }

    .bundle-header-addtocart #bundleHeaderSummary .right-add-to-cart button.action.primary.tocart {
        min-width: 130px;
        padding: 0;
        line-height: 19px;
        height: 48px
    }

    .cart-container .cart-summary .cart-bottom-bar .sub-btn button {
        line-height: 17px
    }

    .cart-container .cart-summary .cart-bottom-bar .sub-btn button span.couponprice {
        display: block;
        font-size: 14px;
        font-weight: 400
    }

    .checkout-index-index .checkout-coupon .payment-option-content .content-items .coupon-container .have-coupon .coupon-list .label {
        padding-top: 24px !important
    }
}

@media screen and (min-width: 768px) and (max-width:1122px) {
    .categorypath-software-microsoft-365 .category-cms div.microsoft-content-slider.style-slider-product div.pagebuilder-column-group div.pagebuilder-column.microsoft-slider-item:last-child>h2.name {
        height:60px
    }
}

@media screen and (min-width: 847px) and (max-width:1405px) {
    .categorypath-software-microsoft-365 .category-cms div.microsoft-content-slider.style-slider-product div.pagebuilder-column-group div.pagebuilder-column.microsoft-slider-item:last-child .sub-content[data-pb-style="62CD16A8F41B9"] p:last-child {
        height:45.7px
    }
}

@media screen and (min-width: 768px) and (max-width:846px) {
    .categorypath-software-microsoft-365 .category-cms div.microsoft-content-slider.style-slider-product div.pagebuilder-column-group div.pagebuilder-column.microsoft-slider-item:last-child .sub-content[data-pb-style="62CD16A8F41B9"] p:last-child {
        height:68.55px
    }
}

.outlineAuthenTip {
    display: none;
    position: relative;
    margin: 10px 0 0
}

.outlineAuthenTip p {
    display: block;
    font-size: 16px;
    color: #000;
    line-height: 24px;
    margin: 0
}

.outlineAuthenTip .outlineContact {
    display: flex;
    position: relative;
    margin: 10px 0
}

.outlineAuthenTip .outlineContact p {
    display: inline-block;
    line-height: 35px
}

.outlineAuthenTip .outlineContact .outlineContactIcon {
    display: inline-block;
    height: 30px;
    width: 25px;
    padding: 0;
    margin: 0 0 0 10px;
    border: none;
    background: 0 0;
    cursor: pointer
}

.chsi-popup-confirm .failure-message-popup .chsi_success_des {
    margin-top: 10px !important;
    min-height: auto !important
}

.private-authentication {
    display: none
}

.on-coupon-price-line-through {
    text-decoration: line-through !important
}

.address-button-disabled .action-close {
    display: none
}

.c-image-text .text-box .c-paragraph {
    text-align: left !important
}

.video-hide-last-el {
    opacity: 0
}

.menuNotEduShow {
    display: block !important
}

.enterFocus {
    box-shadow: none;
    outline: 3px dotted currentColor !important;
    outline-offset: 0px
}

.close-btn:focus {
    box-shadow: 0 0 3px 1px #030f18
}

._keyfocus *:focus,.on-focus-border,input:not([disabled]):focus,textarea:not([disabled]):focus,select:not([disabled]):focus {
    box-shadow: none !important
}

.action.primary:focus,.action.primary:active,a.pagebuilder-button-primary:focus,button.pagebuilder-button-primary:focus,div.pagebuilder-button-primary:focus,a.pagebuilder-button-primary:active,button.pagebuilder-button-primary:active,div.pagebuilder-button-primary:active,.cart.table-wrapper .actions-toolbar>.action.pagebuilder-button-primary:focus,.cart.table-wrapper .actions-toolbar>.action.pagebuilder-button-primary:active,.action-gift.pagebuilder-button-primary:focus,.action-gift.pagebuilder-button-primary:active {
    box-shadow: none !important
}

@media (prefers-color-scheme: dark),(prefers-color-scheme:light) {
    .close-btn:focus {
        box-shadow:none !important
    }

    ._keyfocus *:focus,.on-focus-border,input:not([disabled]):focus,textarea:not([disabled]):focus,select:not([disabled]):focus {
        box-shadow: none !important
    }

    .action.primary:focus,.action.primary:active,a.pagebuilder-button-primary:focus,button.pagebuilder-button-primary:focus,div.pagebuilder-button-primary:focus,a.pagebuilder-button-primary:active,button.pagebuilder-button-primary:active,div.pagebuilder-button-primary:active,.cart.table-wrapper .actions-toolbar>.action.pagebuilder-button-primary:focus,.cart.table-wrapper .actions-toolbar>.action.pagebuilder-button-primary:active,.action-gift.pagebuilder-button-primary:focus,.action-gift.pagebuilder-button-primary:active {
        box-shadow: none !important
    }
}

.focus_dotted:focus,div:focus,button:focus,a:focus,span.swiper-pagination-bullet:focus {
    outline: 3px dotted currentColor !important;
    outline-offset: 0
}

button:focus,a.btn-go,a.pagebuilder-button-primary,a.action.primary,.block-to-Micrisoft a,a.outline-offset_-6px,input.outline-offset_-6px {
    outline-offset: -6px !important
}

.outline-offset_0px {
    outline-offset: 0 !important
}

.outline-offset_2px {
    outline-offset: 2px !important
}

div.swatch-option.color:focus {
    outline-offset: -8px !important
}

span.swiper-pagination-bullet:focus,button.slick-arrow:focus,select.focus_dotted:focus {
    outline-offset: 4px !important
}

video.video-content:focus {
    outline: 3px dotted #fff !important;
    outline-offset: 4px
}

@media (-webkit-min-device-pixel-ratio: 4),(min--moz-device-pixel-ratio:4),(min-resolution:400dpi) {
    .miniapp_qrcode-btn,.service-btn {
        display:none
    }

    .fixed_active .header-container {
        position: relative
    }
}

@media screen and (max-width: 768px) {
    .block-to-Micrisoft.login-pos {
        position:relative
    }

    .block-to-Micrisoft.login-pos a {
        margin-left: 6rem
    }

    .block-to-Micrisoft .icon-microsoft {
        position: absolute;
        width: 17.5rem;
        left: 0
    }

    .block-to-miniprogram {
        position: relative
    }

    .block-to-miniprogram .icon-wechat-green {
        position: absolute;
        width: 7.2rem;
        left: -1.6rem;
        top: -.3rem
    }

    .block-to-miniprogram .wechat {
        margin-left: 6rem;
        display: block;
        width: calc(100% - 6rem)
    }

    .login-container .block .block-content-middle .block-middle .login-m-l p.field-note-p1 {
        margin-left: 6rem;
        padding: 1rem 0 2.2rem
    }

    .login-container .block .block-content-middle .block-middle .login-m-l p.field-note-p1 .login-wechat-des {
        display: inline-block
    }

    .is-hidden {
        display: none
    }
}

.is-hidden {
    display: none
}

.is-dis-inline {
    display: block
}

.wechat-tips {
    text-align: left;
    color: #cb3701;
    font-size: 1.2rem;
    line-height: 1.8rem
}

.wechat-tips-m-l {
    padding: 1rem 0 0 6rem
}

@media screen and (min-width: 768px) {
    .block-to-miniprogram {
        display:none
    }

    .login-wechat-des {
        display: none
    }

    .block-to-Micrisoft .icon-microsoft {
    }
}

.login-card-v1 {
    display: none
}

.login-card-v2 {
    display: none
}

icon-wechat-white.svg