/*---------- 
    Swiper
------------ */
.mySwiper img {
    margin: 0 auto;
}

.swiper-container {
    width: 98%;
    height: 100%;
}

.swiper-slide {
    opacity: 0.4;
    overflow: hidden;
    transition: .7s;
}

.swiper-container1 .swiper-slide img,
.swiper-container2 .swiper-slide img {
    width: 100%;
    filter: blur(2px);
    transform: scale(0.8);
}

.swiper-slide-active {
    opacity: 1;
    z-index: 1;

}

.swiper-container1 .swiper-slide-active img,
.swiper-container2 .swiper-slide-active img {
    filter: blur(0px);
    transform: scale(1);
}

/*更換輪播按鈕 */


.swiperBtnR {
    width: 5%;
    height: 5%;
    right: 20%;
}

.swiperBtnL {
    width: 5%;
    height: 5%;
    left: 20%;
}

.thing09-2 .swiperBtnR {
    right: 2%;
}

.thing09-2 .swiperBtnL {
    left: 2%;
}

@media (max-width:1440px) {
    .swiperBtnR {
        right: 9%;
    }

    .swiperBtnL {
        left: 9%;
    }
}

@media (max-width:1000px) {
    .swiperBtnR {
        right: 2.5%;
    }

    .swiperBtnL {
        left: 2.5%;
    }

    .thing09-2 .swiperBtnR {
        right:1%;
        width: 10%;
        height: 10%;
    }

    .thing09-2 .swiperBtnL {
        left: 1%;
        width: 10%;
        height: 10%;
    }
}

.swiperBtnR:after {
    content: "";
    background-image: url(../images/cvchat/slide/slideshow_arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100px;
    height: 100%;
}

.swiperBtnL:after {
    content: "";
    rotate: 180deg;
    background-image: url(../images/cvchat/slide/slideshow_arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 100%;
}

.swiper-pagination-bullet {
    margin: 0 10px !important;
    width: 20px;
    height: 20px;
    background-color: #fff;
}

.swiper-pagination-bullet-active {
    background-color: #FFC35C;
}



/* swiper2 */
.swiper-container2 {
    overflow: visible;
}

.swiper-container2 .swiper-pagination {
    bottom: -5.5%;
}

.mySwiper .swiper-pagination {
    bottom: -5.5%;
}

@media (max-width:768px) {
    .swiper-pagination-bullet {
        margin: 0 5px !important;
        width: 10px;
        height: 10px;
    }



    .swiper-container2 .swiper-pagination {
        bottom: -4%;
    }
}