/* 外框 */
.slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #fff;
}

/* 滾動軌道 */
.slider-track {
  display: flex;
  width: max-content;
  animation: scroll 40s linear infinite ; /* 從左往右 */
}

/* 單張圖片容器 */
@media (min-width: 1201px) {
.slide {
  flex: 0 0 auto;
  width: 15vw;   /* 每張圖寬度，可自行調整 */
  margin: 0 0px;
  text-align: center;
  color: #333;
}
}

@media (min-width: 651px) and (max-width: 1200px) {
.slide {
  flex: 0 0 auto;
  width: 25vw;   /* 每張圖寬度，可自行調整 */
  margin: 0 0px;
  text-align: center;
  color: #333;
}
}

@media (max-width: 650px) {
.slide {
  flex: 0 0 auto;
  width: 50vw;   /* 每張圖寬度，可自行調整 */
  margin: 0 0px;
  text-align: center;
  color: #333;
}
}


.slide a {
  display: block;
  width: 100%;
}

.slide img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0px;
}

/* 滑鼠移入暫停 */
.slider:hover .slider-track {
  animation-play-state: paused;
}

.caption .title {
  font-family: "Playfair Display", serif;
      font-optical-sizing: auto;
    font-weight: 100;
    font-size: 13px;
    font-style: italic;
    color: #000;
    letter-spacing: 1px;
}

/* 動畫 */
@keyframes scroll {
  0%   { transform: translateX(0); }        /* 從右開始 */
  100% { transform: translateX(-50%); }    /* 慢慢往左 */
}