/* 引入一般字重 */
@font-face {
  font-family: 'NotoSansTC'; /* 自定義名稱 */
  src: url('../fonts/NotoSansTC-ExtraLight.ttf') format('truetype');
  font-weight: 400; /* 正常字重 */
  font-style: normal;
  font-display: swap; /* 加載策略，可避免 FOUT */
}

/* 引入粗體字重 */
@font-face {
  font-family: 'NotoSansTC2';
  src: url('../fonts/NotoSansTC-SemiBold.ttf') format('truetype');
  font-weight: 900; /* 粗體 */
  font-style: normal;
  font-display: swap;
}

.slide-img{
  margin-top: 0px;
  margin-bottom: 0px;
  background-image: url("../images/BG-2.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  overflow: hidden;
}
/* ===== slider ===== */
.slider {
  width: 100%;
}

.slide {
  padding: 20px;
}

.slide-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
}

/*  .slick-current .card{
	  background-position: 0px 20px;
	  top: -100px;
  }*/
    .slick-current{
   /*width:750px !important;*/
   background-image: url("../images/bgw.png");
   background-repeat: no-repeat;
   border-radius: 15px;
  }
/* ===== 主圖 ===== */
.slickcard {
  width: 320px;
  height: 388px;
  background: center / contain no-repeat;
  border-radius: 16px;
  position: relative;
  transition: transform .4s ease, box-shadow .4s ease;
}

.slickcard-title {
  font-family: 'NotoSansTC2';
  position: absolute;
  bottom: 56px;
  left: 50px;
  z-index: 2;
  color: #39f5e6;
  font-size: 35px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  width: 200px;
}

/* 中間主圖放大（桌機用） */
.slick-center .slickcard {
  transform: scale(1.3);  
  background-size: contain;   /* 完整顯示圖片 */
  background-position: center center;
  background-repeat: no-repeat;
}

.slickcard {
  transition: transform .45s ease, opacity .45s ease;
  transform-origin: center center;
}

/* 中間 = 60% 視覺 */
.slick-center .slickcard {
  transform: scale(1.25);
  z-index: 3;
}

/* 左右 = 30% 視覺 */
.slick-slide:not(.slick-center) .slickcard {
  transform: scale(1);
  opacity: .5;
  z-index: 1;
}


.slick-slide {
  display: flex !important;
  justify-content: center;
}

.slick-list {
  overflow: unset;
}

/* ===== 文字區 ===== */
.info {
  width: 350px;
  height: 220px;
}
.slickinfo-card{
  border-radius: 15px;
  margin-bottom: 15px;
}
.slickinfo-card p {
  font-family: 'NotoSansTC2';
  font-size: 18px;
  font-weight: 900;
  color: #333;
  padding: 2px 20px 10px 20px;
  margin-top: 2px;
  line-height: 1.2;
}
.slide:not(.slick-center) .info {
  display: none;
}

.slickinfo-card h5{
  font-family: 'NotoSansTC2';
  padding: 0px;
  border-radius: 12px;
  margin-bottom: 14px;
  transform: translateY(20px);
  font-weight: 700;
  margin: 0px;
  font-size: 28px;
  text-shadow: 2px 2px 6px rgba(0,0,0,0.4);
  color: #fff;
  text-align: center;
  top: -16px;
  position: relative;
}

/* ===== arrows ===== */
.slick-arrow {
  position: absolute;
  top: 100%;
  transform: translateY(-50%);
  z-index: 10;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  border: none;
  background: #fff;
  font-size: 24px;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(0,0,0,.2);
}

.slick-prev { left: 20%;;   background-image: url("../images/PREV.png");}
.slick-next { right: 20%;;   background-image: url("../images/NEXT.png");}
.slick-prev:hover {
  background-image: url("../images/PREV-2.png");
  box-shadow: 0 8px 20px rgba(0,0,0,.25);
}
.slick-next:hover {
  background-image: url("../images/NEXT-2.png");
  box-shadow: 0 8px 20px rgba(0,0,0,.25);
}

.arrow_down{
 text-align: center;
  margin: 60px 0 0px 0;
  padding-bottom: 20px;
}
/* =========================
   平板
========================= */
@media (max-width: 1024px) {
  .slickcard {
      max-width: unset;     /* ←重點 */
           /* height: 70vh; 視窗高度 */
  }
  .slickcard-title{
  left: 87px;
  bottom: 220px;
  }
	.slick-list {
	  overflow: hidden !important;
	}
  .slick-center .slickcard {
    /*transform: scale(3.0);*/
	background-position: 0px 75px;
  }
  .slick-slide{
    height:800px !important;
  }
  .slide-inner {
   display:unset;
  }
  .info {
	  /*top: unset !important;
	  transform: scale(2.2);*/
	  margin-top: 440px;
	  width: 460px;
	}
	.slick-current {
	  background-image: url("../images/bgm.png");
	  background-position: 200px 50px;
      background-size: 60%;
	}
	.slick-center .slickcard {
  transform: scale(1.8);
}

}

/* =========================
   手機
========================= */
@media (max-width: 810px) {
.slick-prev { left: 0px;}
.slick-next { right: 0px;}
}
@media(max-width:768px){
  .slide-img {
      margin-top: 0px;
  }
  .arrow_down {
      margin: 0px 0 0px 0;
  }
  .slickcard {
      max-width: unset;     /* ←重點 */
           /* height: 70vh; 視窗高度 */
  }
  .slickcard-title{
  left: 87px;
  bottom: 220px;
  }
	.slick-list {
	  overflow: hidden !important;
	}
  .slick-center .slickcard {
	transform: scale(1.25);
	background-position: 0px 25px;
  }
  .slick-slide{
    height:733px !important;
  }
  .slide-inner {
   display:unset;
  }
  .info {
	  /*top: unset !important;
	  transform: scale(2.2);*/
	  margin-top: 350px;
	  width: 350px;
	}
	
	.slick-current {
	  background-image: url("../images/bgm.png");
	  background-position: 50px 150px;
	  background-size: 86%;
  	}


  .slick-prev { left: -15px; }
  .slick-next { right: -15px; }
   
   .arrow_down img{
	 display:none;
	}
 
 .slick-arrow {
   transform: scale(0.6) translateY(-200%);
  }

}