/* index.less */
#product_area .row .info_box{transform:scale(1);-webkit-transform:scale(1);}#product_area .row .img_box{transform:scale(0);-webkit-transform:scale(0);}@media (min-width:1281px){#product_area .row:hover .info_box{transform:scale(0);-webkit-transform:scale(0);}#product_area .row:hover .img_box{transform:scale(1);-webkit-transform:scale(1);}}@media (max-width:1280px){#product_area .slick-current .img_box{transform:scale(1);-webkit-transform:scale(1);}}

/* section */
section { padding: 5vw 0; }
section >* { z-index: 3; }
section .title_box { margin-bottom: 40px; }
section .title_box font { text-transform: uppercase; line-height: 130%; letter-spacing: 8px; font-weight: 400; font-size: 39px; }
section .title_box font:last-child { margin-left: 15px; }
section .title_box .page_title { font-weight: 300; font-size: 23px; }
section.bg_box { background: no-repeat 50% / cover; background-attachment: fixed; }
section.bg_box:before , section.bg_box:after { position: absolute; width: 100%; height: 100%; background: var(--secondary); top: 0; left: 0; z-index: 1; content: ""; opacity: .6; }
section.bg_box:after { background: -webkit-linear-gradient(bottom,rgba(var(--secondary-rgb), 1) 0%,rgba(var(--secondary-rgb), .7) 100%); background: linear-gradient(to top,rgba(var(--secondary-rgb), 1) 0%,rgba(var(--secondary-rgb), .7) 100%); opacity: 1; }

/* about_area */
#about_area .img_item { margin-bottom: 30px; order: 1; }
#about_area .img_item:before { position: absolute; width: 90%; height: 100%; border: 1px rgba(var(--info-rgb), .1) solid; display: block; top: 30px; right: 30px; content: ""; }
#about_area .img_item img { width: 90%; }
#about_area .img_item a { padding: 20px 35px; letter-spacing: 5px; text-transform: uppercase; font-size: 13px; right: 30px; bottom: -30px; z-index: 3; }
#about_area .info_item article { margin-bottom: 30px; width: 90%; line-height: 210%; letter-spacing: 2px; font-weight: 100; }

/* list_box */
.list_box .info_box h3 { height: 30px; font-weight: 400; font-size: 18px; }
.list_box .row { margin: 0 15px; display: block; }

/* news_area */
#news_area .list_box .row { padding-bottom: 30px; }
#news_area .list_box .row img { height: 320px; }
#news_area .list_box .row .info_box { padding: 15px; width: calc(100% - 70px); box-shadow: 0 0 10px rgba(var(--black-rgb), .3); left: 20px; bottom: 0; }
#news_area .list_box .row .info_box p * { font-weight: 100; font-size: 14px; }
#news_area .list_box .row .info_box p a { margin-right: 10px; padding: 0 2px; max-width: calc(100% - 82px); height: 23px; z-index: 2; }

/* product_area */
#product_area img { height: 100%; }
#product_area .row .info_box >div { margin: auto; width: calc(100% - 100px); }
#product_area .row .info_box h3 { margin: 10px 0; }
#product_area .row .info_box .line { margin: 10px 0 30px; width: 50px; height: 1px; background: var(--primary); opacity: .7; }
#product_area .row .info_box article { height: 75px; font-weight: 300; font-size: 15px; -webkit-line-clamp: 3; }
#product_area .row .info_box .price { margin-top: 15px; min-height: 30px; }
#product_area .row .info_box .price font { margin-left: 20px; font-weight: 300; }

/* book_area */
#book_area .row img { height: 400px; }
#book_area .row .info_box { padding: 100px 15px 60px; width: calc(100% - 30px); background: -webkit-linear-gradient(top,transparent 0,rgba(var(--black-rgb), .01) 2%, rgba(var(--black-rgb), .8) 90%); background: linear-gradient(to bottom,transparent 0,rgba(var(--black-rgb), .01) 2%, rgba(var(--black-rgb), .8) 90%); bottom: -20px; left: 0; }

@media screen and (min-width: 1281px){
	#about_area .d_flex { align-items: center; }
	#news_area .list_box .row:hover .info_box { bottom: 30px; }
	#product_area .row:hover .info_box .line { width: 100%; }
	#book_area .row:hover .info_box { bottom: 0; }
}
@media screen and (max-width: 1280px){
	#about_area .img_item:before , #about_area .img_item img { width: 100%; }
	#about_area .img_item img { height: 100%; }
	#product_area .row .info_box { background: rgba(var(--secondary-rgb), .5); }
	#product_area .row .img_box { opacity: .1; }
}
@media screen and (max-width: 1024px){
	#about_area .img_item { width: 59vw; margin: 0 0 0 auto; order: inherit; }
	#about_area .img_item:before { border: 0; background: rgba(var(--secondary-rgb), .6); top: 0; right: 0; z-index: 2; }
	#about_area .info_item { margin-top: -80px; z-index: 4; }
}
@media screen and (max-width: 768px){
	#about_area .img_item { width: 80vw; height: 50vw; }
	#product_area .list_box { margin: auto; width: 400px; }
	#product_area .row .info_box >div { width: calc(100% - 60px); }
	#product_area .row .info_box article { height: 50px; -webkit-line-clamp: 2; }
	#book_area .row img { height: 350px; }
}
@media screen and (max-width: 640px){
	#about_area .img_item { width: 100%; height: 60vw; }
	#about_area .img_item:before { background: rgba(var(--secondary-rgb), 0); }
	#about_area .info_item { margin-top: 40px; }
}
@media screen and (max-width: 500px){
	#product_area .list_box { width: 100%; }
}


/* Q&A 外框 */
.faq-hulk-container{
  max-width: 880px;
  margin: 20px auto;
  font-family: "Noto Sans TC", system-ui, -apple-system, sans-serif;
  background:#fff;
  border-radius:12px;
  box-shadow:0 4px 16px rgba(0,0,0,.08);
  overflow:hidden;
  padding: 0 !important;
  color:#000 !important;
}

/* 標題區：補圓角、去掉 h2 預設 margin */
.faq-hulk-header{
  background: linear-gradient(90deg, #0e1938, #1a3766);
  padding:24px;
  border-top-left-radius:12px;
  border-top-right-radius:12px;
}
.faq-hulk-header h2{
  margin:0;              /* 重點：拿掉白邊 */
  color:#fff;
  font-size:1.8rem;
  font-weight:700;
  text-align:center;
  letter-spacing:1px;
}

/* Item */
.faq-hulk-item{
  border-bottom:1px solid #eee;
  padding:20px 24px;
  cursor:pointer;
  transition:background .25s ease;
}
.faq-hulk-item:last-child{ border-bottom:0; }
.faq-hulk-item:hover{ background:#f9f9f9; }

/* 問題列 + 號 */
.faq-hulk-question{
  position:relative;
  font-size:1.15rem;
  font-weight:600;
  padding-right:30px;
  color:#222;
}
.faq-hulk-question::after{
  content:'＋';
  position:absolute;
  right:0; top:0;
  font-size:1.5rem;
  color:#888;
  transition:transform .25s ease, color .25s ease;
}
.faq-hulk-item.open .faq-hulk-question::after{
  content:'－';
  color:#555;
}

/* 答案：用 max-height 做平滑展開 */
.faq-hulk-answer{
  overflow:hidden;
  max-height:0;              /* 關閉狀態 */
  transition:max-height .28s ease;
  margin-top:12px;
  color:#555;
  line-height:1.7;
  font-size:1rem;
}

.faq-hulk-answer div,
.faq-hulk-answer a,
.faq-hulk-answer strong {
    color: #000 !important;
}

.faq-hulk-item.open .faq-hulk-answer{
  /* 展開時的 max-height 由 JS 動態塞入 */
}

/* 手機調整 */
@media (max-width:600px){
  .faq-hulk-container{ margin:10px; }
  .faq-hulk-header{ padding:18px; }
  .faq-hulk-header h2{ font-size:1.2rem; }
  .faq-hulk-item{ padding:18px; }
  .faq-hulk-question{ font-size:1.05rem; }
}
  
  

.plyr {
  border-radius: 8px; /* 圓角 */
  overflow: hidden;
}

.plyr__video-wrapper {
  background: #000; /* 避免未載入時閃白 */
}
 .hulk-video-section {
  width: 100%;
  max-width: 1280px; /* 可依需求調整 */
  margin: 0 auto;
}

/* 影片本身設定 */
.hulk-video {
  display: block;
  width: 100%;
  height: auto;
  max-height: 80vh; /* 限制高度避免超過螢幕 */
  object-fit: cover; /* 保持影片比例並填滿 */
  border: none;
}

/* 手機優化：影片高度稍微限制 */
@media (max-width: 768px) {
  .hulk-video {
    max-height: 50vh;
  }
}