.bannerArea{
    background: #f4f2ef;
    overflow: hidden;
}

.bannerArea::after{
    content: '';
    width: 17%;
    height: 40%;
    background-image: url(../images/bg-decoPic-1.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
    position: absolute;
    top: 0;
    left: 0;
}

.bannerArea::before{
    content: '';
    width: 17%;
    height: 47%;
    background-image: url(../images/bg-decoPic-2.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right;
    position: absolute;
    bottom: 0;
    right: 0;
}

.bannerBox{
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bannerBox .Txt{
    text-align: center;
}

.bannerBox .Txt .logo{
    width: calc(5% + 9vw);
    display: block;
    margin: 0 auto 5% auto;
}

.bannerBox .Txt h2{
    font-family: 'Noto Serif TC', serif;
    font-size: calc(2px + 2vw);
    letter-spacing: calc(1px + .3vw);
    padding-left: calc(1px + .3vw);
    color: #918066;
    margin-bottom: 2%;
}

.bannerBox .Txt span{
    font-family: "Cinzel", serif;
    font-size: calc(3px + 1.2vw);
    letter-spacing: 1px;
    padding-left: 1px;
    color: #656464;
}

@media (max-width:991px) {
    .bannerBox .Txt .logo{
        width: calc(5% + 29vw);
        display: block;
        margin: 0 auto 10% auto;
    }

    .bannerBox .Txt h2{
        font-size: calc(2px + 5.5vw);
        letter-spacing: calc(1px + .5vw);
        padding-left: calc(1px + .5vw);
        margin-bottom: 2%;
    }

    .bannerBox .Txt span{
        font-size: calc(2px + 3vw);
    }
}


[data-aos="custom-zoom-out"] {
    transform: scale(1.1);
    opacity: 1;
    transition-property: transform, opacity;
    transition: transform 5s ease, opacity 5s ease !important; 
}

[data-aos="custom-zoom-out"].aos-animate {
    transform: scale(1);
    opacity: 1;
}

[data-aos="fade-up"] {
    transform: translateY(30px);
    opacity: 0;
    transition-property: transform, opacity;
}

[data-aos="fade-up"].aos-animate {
    transform: translateY(0);
    opacity: 1;
}

[data-aos="fade-down"] {
    transform: translateY(-30px);
    opacity: 0;
    transition-property: transform, opacity;
}

[data-aos="fade-down"].aos-animate {
    transform: translateY(0);
    opacity: 1;
}