.arch02-template-09 {
    position: relative;
    display: block;
    padding: 0 0;
    height: 100vh;
    min-height: 800px;
    font-family: 'Noto Sans TC', 'Microsoft JhengHei', sans-serif;
}
.arch02-template-09 .swiper-container{
height: 100%;
}
.arch02-template-09 .imgs{
    display: block;
    position: relative;
    transform: scale(1.05);
    transition: all .8s ease;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.arch02-template-09 .swiper-slide-active .imgs{
    transform: scale(1);
}
.arch02-template-09 .imgs img{

}
.arch02-template-09 .swiper-slide .text{
    color: white;
    text-align: center;
    display: block;
    top: 35vh;
    position: relative;
    font-size: 3vw;
    width: 70%;
    left: 15%;
    transform: translateY(30px);
    opacity: 0;
    transition: all 1.5s ease .5s;
    font-weight: 500;
}
.arch02-template-09 .swiper-slide.swiper-slide-active .text{
    transform: translateY(0);
    opacity:1;
}

.arch02-template-09 .arch02-template-09__swiper-pagination{
    position: absolute;
    bottom: 5vw;
    z-index: 5;
    width: 100%;
    text-align: center;
}

.arch02-template-09 .arch02-template-09__swiper-pagination .swiper-pagination-bullet{
    background-color: white;
    margin: 0 8px;
    opacity: .5;
}
.arch02-template-09 .arch02-template-09__swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    opacity: 1;
}




@media (min-width:1199px) {


}


@media (max-width:1200px) {
    .arch02-template-09{
        min-height: 500px;
    }


}


@media (max-width:1000px) {

    .arch02-template-09 .swiper-slide .text{
        font-size: 5vw;
    }

}

@media (max-width:600px) {

    .arch02-template-09 .swiper-slide .text {
        font-size: 6vw;
    }


}