/*!
 * Bootstrap v3.3.4 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

 .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.paragraphSystem,
.row {
    margin-left: -15px;
    margin-right: -15px;
}

.container-fluid:before,
.container-fluid:after,
.paragraphSystem:before,
.paragraphSystem:after,
.row:before,
.row:after {
    content: " ";
    display: table;
}

.row:after,
.paragraphSystem:after,
.container-fluid:after {
    clear: both;
}

.col-sm-3,
.col-md-8,
.col-xs-10,
.col-sm-10,
.col-xs-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.col-xs-10,
.col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

@media (min-width: 768px) {

    .col-sm-3,
    .col-sm-10 {
        float: left;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

  /*2023change*/

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 992px) {

    .col-md-8,
    .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }
}

@media (min-width: 1200px) {

    .col-lg-12 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }
}

figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block
}

video {
    display: inline-block
}

html {
    background: #fff;
    color: #000;
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    line-height: 1;
    margin: 0
}

/* 2023change */
/*hr {
    box-sizing: content-box;
    height: 0
}*/

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

button,
input {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,
input {
    line-height: 1
}

button {
    text-transform: none
}

button {
    -webkit-appearance: button;
    cursor: pointer
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

@font-face {
    font-family: Meta;
    src: url(../font/a84f9414-0a63-43c3-af4e-b539379a7663_subset.woff) format("woff"), url(../font/a84f9414-0a63-43c3-af4e-b539379a7663_subset.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Meta;
    src: url(../font/cb1a6f35-bf8b-4c80-9d0d-21659bd4f65b_subset.woff) format("woff"), url(../font/cb1a6f35-bf8b-4c80-9d0d-21659bd4f65b_subset.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: Meta;
    src: url(../font/0019971a-26fc-48c5-86d3-5cdddf826b3c1_subset.woff) format("woff"), url(../font/0019971a-26fc-48c5-86d3-5cdddf826b3c1_subset.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Meta;
    src: url(../font/08800138-e877-4ee6-88b8-e3eb8501f2e41_subset.woff) format("woff"), url(../font/08800138-e877-4ee6-88b8-e3eb8501f2e41_subset.ttf) format("truetype");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: Meta;
    src: url(../font/b23ccf56-0446-476c-adce-42ac11400ac5_subset.woff) format("woff"), url(../font/b23ccf56-0446-476c-adce-42ac11400ac5_subset.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Meta;
    src: url(../font/3646909e-6665-4bc9-9ca4-755b0a619aef_subset.woff) format("woff"), url(../font/3646909e-6665-4bc9-9ca4-755b0a619aef_subset.ttf) format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: FF Meta Headline W05;
    src: url(../font/7656685b-ddce-433c-b7f8-c041e79d8948.woff2) format("woff2"), url(../font/9a693966-d25b-4a0a-8dcf-91fae82d4ea7.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Material Icons;
    src: url(../font/Material-Icons.ttf) format("truetype"), url(../font/Material-Icons.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

h2,
h3,
p {
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 8px
}

h2:last-child,
p:last-child {
    margin-bottom: 0
}

h2 {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 32px;
    font-size: 2rem;
    line-height: 40px;
    line-height: 2.5rem;
    display: block
}

@media only screen and (min-width:992px) {
    h2 {
        font-weight: 700;
        letter-spacing: -.5px;
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 52px;
        line-height: 3.25rem
    }
}

@media only screen and (min-width:1600px) {
    h2 {
        margin-bottom: 16px;
        font-weight: 700;
        letter-spacing: -1px;
        font-size: 60px;
        font-size: 3.75rem;
        line-height: 72px;
        line-height: 4.5rem
    }
}

h3 {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 36px;
    line-height: 2.25rem;
    display: block
}

@media only screen and (min-width:992px) {
    h3 {
        font-weight: 700;
        letter-spacing: -.2px;
        font-size: 32px;
        font-size: 2rem;
        line-height: 40px;
        line-height: 2.5rem
    }
}

@media only screen and (min-width:1600px) {
    h3 {
        font-weight: 700;
        letter-spacing: -.5px;
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 52px;
        line-height: 3.25rem
    }
}

p {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 26px;
    line-height: 1.625rem
}

body,
html {
    width: 100%
}

body {
    font-family: Meta, sans-serif;
    font-feature-settings: "lnum";
    font-variant-numeric: lining-nums;
    position: relative;
    left: 0;
    overflow: auto;
    color: #252525;
    transition: left .2s, position .2s;
    -webkit-font-smoothing: antialiased
}

body:not(.userTabbed) * {
    outline: 0
}

img {
    max-width: 100%
}

a {
    color: #252525;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

button {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

ul[class] {
    list-style: none
}

.component-content:after,
.component-content:before {
    content: "";
    display: table
}

.component-content:after {
    clear: both
}

.boxed.box:not(.box-local-navigation)>.component-content>.content {
    margin: 0 auto;
    position: relative
}

@media only screen and (min-width:576px) {
    .boxed.box:not(.box-local-navigation)>.component-content>.content {
        max-width: 540px
    }
}

@media only screen and (min-width:768px) {
    .boxed.box:not(.box-local-navigation)>.component-content>.content {
        max-width: 748px
    }
}

@media only screen and (min-width:992px) {
    .boxed.box:not(.box-local-navigation)>.component-content>.content {
        max-width: 960px
    }
}

@media only screen and (min-width:1200px) {
    .boxed.box:not(.box-local-navigation)>.component-content>.content {
        max-width: 1150px
    }
}

@media only screen and (min-width:1600px) {
    .boxed.box:not(.box-local-navigation)>.component-content>.content {
        max-width: 1570px
    }
}

[id=content] .layout-inner>div>.content>.component:not(.richText) {
    padding-left: 0;
    padding-right: 0
}

[id=footer] .richText-horizontal-unordered-list ul li a:focus:not(:active) {
    color: #464646
}

.box>.component-content>.paragraphSystem {
    margin: 0;
    height: 100% !important
}

/* .aem-AuthorLayer-Edit body,
.cq-wcm-edit body {
    padding: 2px
} */

.background-accent-white {
    background-color: #fff
}

.background-accent-grey-5 {
    background-color: #fafafa
}

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

/* .aem-AuthorLayer-Edit #ot-sdk-cookie-policy:empty {
    border: 2px dotted red;
    padding: 15px;
    color: red;
    font-weight: 500
}

.aem-AuthorLayer-Edit #ot-sdk-cookie-policy:empty:before {
    content: "The Cookie List requires the page to be reloaded when it's first added."
} */

body #ot-sdk-btn.ot-sdk-show-settings:focus:not(:active) {
    background-color: #a81910;
    border: 4px solid #e22d00
}

/* .aem-AuthorLayer-Edit .ghost {
    clear: both
}

.aem-AuthorLayer-Edit .box-no-search-results {
    display: block
} */

/* .aem-AuthorLayer-Edit .box.newsletter-submit-container {
    position: relative
} */

.box-store-and-contract-links .richText a:focus:not(:active) {
    color: #464646
}

/* .aem-AuthorLayer-Edit .box-marketplace-utility-nav>.component-content>.content>.box>.component-content>.content>div:nth-of-type(2) {
    margin-top: 24px
} */

@media only screen and (max-width:575px) {

    .box-marketplace-utility-nav>.component-content>.content>.box>.component-content>.content>div:first-of-type p a {
        padding: 0
    }
}

/* .aem-AuthorLayer-Edit .box-utility-navigation.box-utility-navigation-marketplace-style {
    height: auto
} */

/* .aem-AuthorLayer-Edit .box-marketplace-utility-nav>.component-content>.content>.box>.component-content>.content>div:nth-of-type(2) {
    display: block
} */

/* .aem-AuthorLayer-Edit .box-ebr-mid-app {
    display: block
} */

.end-state.cta .end-content-block .cta:focus:not(:active) {
    background-color: #ebebeb;
    border: 4px solid #fff
}

/* .aem-AuthorLayer-Edit .carousel.slider-images .carouselSlide .image {
    height: 90%
}

.aem-AuthorLayer-Edit .carousel.slider-images .carouselSlide .image+div {
    height: 10%
} */

/* .carousel.product-list {
    width: 100%
}

.carousel.product-list .carousel-slides {
    margin: 0 auto
}

.carousel.product-list .carousel-slide {
    width: 218px;
    padding: 0 16px
}

@media only screen and (min-width:1200px) {
    .carousel.product-list .carousel-slide {
        width: 255px
    }
}

@media only screen and (min-width:1600px) {
    .carousel.product-list .carousel-slide {
        width: 362px
    }
}

.carousel.product-list .carouselSlide .richText {
    color: #252525
}

.carousel.product-list .carouselSlide .image-and-content {
    position: relative
}

.carousel.product-list .carouselSlide .image-and-content>a {
    margin-bottom: 8px
}

.carousel.product-list .carouselSlide .image-and-content img.first {
    position: relative
}

.carousel.product-list .carouselSlide .image-and-content img.second {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden
}

.carousel.product-list .carouselSlide .image-and-content:hover img {
    transform: none
}

.carousel.product-list .carouselSlide .image-and-content:hover img.second {
    visibility: visible
}

.carousel.product-list .carouselSlide .image-and-content:hover .product-name {
    color: #464646
}

.carousel.product-list .carouselSlide .image-and-content:active .product-name {
    color: #4c4c4c
}

.carousel.product-list .product-name {
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    margin-bottom: 0;
    display: block
}

@media only screen and (min-width:992px) {
    .carousel.product-list .product-name {
        line-height: 24px;
        line-height: 1.5rem
    }
}

.carousel.product-list .designer {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 24px;
    line-height: 1.5rem;
    display: block
} */

/* .aem-AuthorLayer-Edit .carousel-dots .carousel-slide .carousel-content,
.aem-AuthorLayer-Edit .carousel-dots .carousel-slide .carousel-cover, */

.market-link-container a:focus:not(:active) {
    color: #464646
}

.accordion-downloads .fileList .fileList-download-link:focus:not(:active) {
    color: #4c4c4c
}

input::-ms-clear {
    display: none
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form input[type=text].ff-input-type-invalid:not(:required),
.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form input[type=textbox].ff-input-type-invalid:not(:required),
.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form select.ff-input-type-invalid:not(:required),
.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form textarea.ff-input-type-invalid:not(:required) {
    border-color: #601b15 !important;
    color: #601b15 !important;
    box-shadow: none
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form #dvFastForms .btnDiv .ff-btn-submit:focus:not(:active) {
    background-color: #a81910;
    border: 4px solid #e22d00
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .ff-ui-dialog.ff-ui-dialog-buttons .ff-ui-dialog-buttonpane .ff-ui-dialog-buttonset .ff-btn-submit:focus:not(:active) {
    background-color: #a81910;
    border: 4px solid #e22d00
}

.image .left {
    text-align: left
}

.image>div {
    position: relative
}

.imageText-columns {
    margin-bottom: 48px
}

@media only screen and (min-width:768px) {
    .imageText-columns {
        margin-bottom: 64px
    }
}

@media only screen and (min-width:992px) {
    .imageText-columns {
        margin-bottom: 80px
    }
}

@media only screen and (min-width:1200px) {
    .imageText-columns {
        margin-bottom: 96px
    }
}

@media only screen and (min-width:1600px) {
    .imageText-columns {
        margin-bottom: 128px
    }
}

@media only screen and (min-width:768px) {
    .imageText-columns {
        margin-bottom: 24px
    }
}

@media only screen and (min-width:768px) and (min-width:768px) {
    .imageText-columns {
        margin-bottom: 32px
    }
}

@media only screen and (min-width:768px) and (min-width:992px) {
    .imageText-columns {
        margin-bottom: 40px
    }
}

@media only screen and (min-width:768px) and (min-width:1200px) {
    .imageText-columns {
        margin-bottom: 48px
    }
}

@media only screen and (min-width:768px) and (min-width:1600px) {
    .imageText-columns {
        margin-bottom: 64px
    }
}

.imageText-columns p:last-of-type {
    margin-bottom: 8px
}

.imageText-columns p:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:768px) {
    .imageText-columns img {
        width: 100%
    }
}

@media only screen and (min-width:1600px) {
    .imageText-columns>.component-content>.content {
        display: block
    }
}

.imageText-columns .paragraphSystem {
    margin: 0
}

.imageText-columns .image {
    padding: 0
}

.imageText-columns .richText {
    padding: 16px 0 0;
    text-align: left
}

.materials-detail .button-cta-ghost:focus:not(:active) {
    color: #fff;
    background-color: #464646;
    border: 1px solid #464646
}

.navigation-with-heading .navigation-item.navigation-level2>.navigation-item-title:focus:not(:active) {
    color: #464646
}

.navigation.navigation-subnavigation .navigation-branch.navigation-level2 .navigation-item a:focus:not(:active) {
    color: #464646
}

.navigation.navigation-subnavigation .navigation-branch.navigation-level2 .navigation-item.has-active-child>a:focus:not(:active),
.navigation.navigation-subnavigation .navigation-branch.navigation-level2 .navigation-item.is-active>a:focus:not(:active) {
    color: #252525
}

.navigation.navigation-featured-navigation .navigation-item a:focus:not(:active) {
    color: #464646
}








/* 2024change 文字 */

.richText {
    overflow-wrap: break-word
}

.richText .component-content {
    overflow: hidden
}

.richText.richText-add-padding-top-2 {
    padding-top: 24px
}

@media only screen and (min-width:768px) {
    .richText.richText-add-padding-top-2 {
        padding-top: 32px
    }
}
/*
@media only screen and (min-width:992px) {
    .richText.richText-add-padding-top-2 {
        padding-top: 40px
    }
}

@media only screen and (min-width:1200px) {
    .richText.richText-add-padding-top-2 {
        padding-top: 48px
    }
}

@media only screen and (min-width:1600px) {
    .richText.richText-add-padding-top-2 {
        padding-top: 64px
    }
}
*/

.richText.richText-add-padding-bottom-2 {
    padding-bottom: 24px
}

@media only screen and (min-width:768px) {
    .richText.richText-add-padding-bottom-2 {
        padding-bottom: 32px
    }
}
/*
@media only screen and (min-width:992px) {
    .richText.richText-add-padding-bottom-2 {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:1200px) {
    .richText.richText-add-padding-bottom-2 {
        padding-bottom: 48px
    }
}

@media only screen and (min-width:1600px) {
    .richText.richText-add-padding-bottom-2 {
        padding-bottom: 64px
    }
}*/

[id=content] .richText a:not([class]):focus:not(:active) {
    color: #0069bc
}

.richText>.component-content .richText-content span.text-display-4 {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 2.0rem;
    line-height: 32px;
    line-height: 2rem
}

@media only screen and (min-width:992px) {
    .richText>.component-content .richText-content span.text-display-4 {
        line-height: 32px;
        line-height: 2rem
    }
}

@media only screen and (max-width:300px) {
.richText>.component-content .richText-content span.text-display-4 {
    font-size: 1.65rem;
}
}


.richText>.component-content .richText-content a.button-cta-play:focus:not(:active),
.richText>.component-content .richText-content a.link-cta-arrow:focus:not(:active) {
    color: #464646
}

.richText>.component-content .richText-content a.button-cta-play-white:focus:not(:active),
.richText>.component-content .richText-content a.link-cta-arrow-white:focus:not(:active) {
    color: #ebebeb
}

.richText>.component-content .richText-content a.link-cta-arrow-red:focus:not(:active) {
    color: #a81910
}

.richText>.component-content .richText-content a.button-cta-dark-blue:focus:not(:active) {
    background-color: #2e4168;
    border: 4px solid #090807
}

.richText>.component-content .richText-content a.button-cta-ghost:focus:not(:active) {
    color: #fff;
    background-color: #464646;
    border: 1px solid #464646
}

.richText>.component-content .richText-content a.button-cta-white:focus:not(:active) {
    background-color: #ebebeb;
    border: 4px solid #fff
}

.richText>.component-content .richText-content a.button-cta-red:focus:not(:active) {
    background-color: #a81910;
    border: 4px solid #e22d00
}

.richText>.component-content .richText-content a.button-cta-dark:focus:not(:active) {
    background-color: #464646;
    border: 4px solid #252525
}

.richText>.component-content .richText-content a.button-cta-light:focus:not(:active) {
    background-color: #ccc;
    border: 4px solid #ebebeb
}

.richText>.component-content .richText-content a.text-red-1:focus:not(:active),
.richText>.component-content .richText-content a.text-red-3:focus:not(:active) {
    color: #a81910
}

.richText>.component-content .richText-content a.text-gray-40:focus:not(:active),
.richText>.component-content .richText-content a.text-gray-60:focus:not(:active) {
    color: #4c4c4c
}

.richText>.component-content .richText-content a.text-gray-90:focus:not(:active) {
    color: #464646
}

.richText>.component-content .richText-content a.text-white:focus:not(:active) {
    color: #ebebeb
}

.richText>.component-content .richText-content a.open-in-new:focus:not(:active) {
    color: #4c4c4c
}

.richText>.component-content .richText-content a.pdf-download:focus:not(:active) {
    color: #4c4c4c
}

.richText .component-content {
    overflow: visible
}