.slider-container {
    position: relative;
}

.slick-slide {
    overflow: hidden; /* 防止圖片超出滑塊 */
}

.slick-slide img {
    /* transition: transform 0.5s ease;  */
    width: 100%;
    height: auto;
    /* 5秒內完成zoom in/out，循環進行 */
    /* animation: zoomInOut 5s ease-in-out infinite;  */
    /* transition: transform 3.5s ease-in-out; */
    transform: scale(1);
    transition: transform 8s ease-in;  /* 配合 slick 的 speed */
}

.slick-track .-moving img {
    transform: scale(1.2);
}

.logo-container {
    position: absolute;
    top: 50%;            /* 垂直居中 */
    left: 50%;           /* 水平居中 */
    transform: translate(-50%, -50%); /* 讓 Logo 完全置中 */
    z-index: 99;       /* 確保 Logo 在幻燈片上方 */
    width: 100%;
    text-align: center;
}

.logo-img {
    width: 19%;
}

@media (max-width: 768px) {
    .logo-img {
        width: 42.7%;
    }
}
/* 當前圖片的初始大小 */
/* .slick-current img {
    transform: scale(1); 
} */

/* @-webkit-keyframes zoom_animation {
    0% {
        transform: scale(1); 
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes zoom_animation {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
} */


.fade-in {
    opacity: 0; /* 初始狀態完全隱藏 */
    transform: translateY(50px); /* 初始位置下移50px */
    transition: opacity 1s ease-out, transform 1s ease-out; /* 動畫效果 */
}

.fade-in.visible {
    opacity: 1; /* 顯示時完全不透明 */
    transform: translateY(0); /* 回到原始位置 */
}

.mainv_list{
    position: relative;
    width: 100%; /* 根據容器的需求調整寬度 */
    overflow: hidden; /* 確保多餘的部分被裁剪掉 */
}

.mainv_list img {
    /* height: 100%; */
    object-fit: cover; /* 讓圖片填滿容器，並且裁剪掉多餘的部分 */
    /* min-height: 1000px; */
    height: 100%;
    
}