@charset "utf-8";

/* 修正SYC2.0 herov2 banner*/

#wrapper .hero-v2 .cta-button-wrap a.cta-btn {
    @media (width >= 1199px) {
        &::after {
            transition: filter 0s ease-in-out !important;
        }
    }
}

@media (width <= 1199px) {
    #wrapper #promotion.syc-tw-hero .hero-v2 .cta-button-wrap a.cta-btn {
        background-color: #fd5108;
        border-color: #fd5108;
        color: #000;
            &::after {
                filter: invert(0);
            }
    }
}


@media (min-width: 1920px) {
    #promotion.syc-tw-hero .hero-v2 .container {
        width: 100% !important;
    }

    #promotion.syc-tw-hero .hero-v2 .herov2__territory--wrapper {
        max-width: 100% !important;
    }
}

@media (max-width: 1199px) {
    #promotion.syc-tw-hero .hero-v2 .herov2__territory--wrapper .herov2__content-wrapper .herov2__title, #promotion.syc-tw-hero .hero-v2 .herov2__territory--wrapper .herov2__content-wrapper .herov2__title em {
        color: #000;
    }
}

@media (min-width: 1199px) {
    #wrapper .hero-v2 .cta-button-wrap a.cta-btn {
        color: var(--hero-title-color);
        background: transparent;
        border: 1px solid var(--hero-title-color);
    }
}

html:not(.aem-AuthorLayer-Edit) #promotion.syc-tw-hero {
    @media (width > 950px) {
        & .hero-v2 {
            & .container {
                & .herov2__territory--wrapper {
                    & .herov2__asset-wrapper {
                        .herov2__image-wrapper, .herov2__video--source {
                            height: 95vh;
                        }
                    }
                }
            }
        }
    }
}

html:not(.aem-AuthorLayer-Edit) #promotion.syc-tw-hero .hero-v2 .herov2__territory--wrapper .herov2__asset-wrapper {
    @media (width > 1024px) {
        height: 70vh !important;
    }
}

html:not(.aem-AuthorLayer-Edit) #promotion.syc-tw-hero {
    @media (width > 950px) {
        & .hero-v2 {
            & .container {
                & .herov2__territory--wrapper {
                    .herov2__content-wrapper {
                        z-index: 1;
                        margin-top: 3%;
                        margin-left: 30px;
                    }
                }
            }
        }
    }
}

html:not(.aem-AuthorLayer-Edit) #promotion.syc-tw-hero {
    @media (width > 768px) {
        & .hero-v2 {
            & .container {
                & .herov2__territory--wrapper {
                    & .herov2__content-wrapper {
                        @media (width > 1600px) {
                            margin-left: 7vw;
                        }
                    }
                }
            }
        }
    }
}

html:not(.aem-AuthorLayer-Edit) #promotion.syc-tw-hero {
    @media (width > 1199px) {
        & .hero-v2 {
            & .container {
                & .herov2__territory--wrapper {
                    & .herov2__content-wrapper {
                        max-width: 55vw;
                    }
                }
            }
        }
    }
}

html:not(.aem-AuthorLayer-Edit) #promotion.syc-tw-hero {
    h2 {
        font-family: var(--syc-font-itc);
        font-weight: bold;
        font-size: var(--syc-font-h4);
        line-height: 1em;
        /*letter-spacing: var(--syc-letter-spacing-h4);*/
    }
}

html:not(.aem-AuthorLayer-Edit) #promotion.syc-tw-hero {
    & h2 {
        em {
            font-size: calc(var(--syc-font-h2) * 2);
            line-height: 75%;
            font-weight: bold;
            display: block;
            margin-top: 0;
            margin-bottom: calc(var(--syc-font-h2) / 2);
        }
    }
}