@charset "utf-8";
/* CSS Document */

.hero-slick { width: 100%; height: 560px; }
.hero-slick .slide { position: relative; height: 560px;  }

@media( max-width:1180px){
	
.hero-slick { width: 100%;  }	
	}

.image-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.caption {
  position: absolute;
  left: 6%;
  bottom: 10%;
  color: #fff;
  text-shadow: 0 2px 12px rgba(0,0,0,.45);
  max-width: 60%;
}

.video-fullcover {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.video-fullcover iframe,
.video-fullcover video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

/* video 用 cover 效果 */
.video-fullcover video {
  object-fit: cover;
}

.video-fullcover{
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background:#000;
}

/* 先置中 */
.video-fullcover iframe{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  border:0;
   pointer-events: none;
}

/* 容器「比較寬」時：用寬度撐滿，降低裁切量 */
@media (min-aspect-ratio: 16/9){
  .video-fullcover iframe{
    width: 100%;
    height: calc(100vw * 9 / 16); /* 56.25vw */
    min-height: 100%;
  }
}

/* 容器「比較高」時：用高度撐滿 */
@media (max-aspect-ratio: 16/9){
  .video-fullcover iframe{
    height: 100%;
    width: calc(100vh * 16 / 9);  /* 177.78vh */
    min-width: 100%;
  }
}