[data-domx-id="Template_001"] { width: 100%;display: block; position: relative;  margin: 50px 0;}
[data-domx-id="Template_001"] .banner-carousel { position: relative; overflow: hidden; padding-bottom: 20px; }
[data-domx-id="Template_001"] .banner-carousel+.banner-carousel{ margin-top: 30px; }
[data-domx-id="Template_001"] .banner-carousel__track { display: flex; transition: transform 420ms cubic-bezier(.4, .1, .2, 1); list-style: none; }
[data-domx-id="Template_001"] .banner-carousel__track:not(:has(.banner-carousel__figure img)) { background: #dcdcdc; }
[data-domx-id="Template_001"] .banner-carousel__slide { flex: 0 0 100%; min-width: 100%; position: relative; overflow: hidden; }
/* 圖片欄位本身固定比例（對應 data-domx-size="1200,400"），未選圖時佔位框與選圖後尺寸一致，
   caption 底部定位才不會因高度跳動而跑位 */
[data-domx-id="Template_001"] .banner-carousel__figure { margin: 0; width: 100%; aspect-ratio: 1200 / 400; }
[data-domx-id="Template_001"] .banner-carousel__figure img { width: 100%; height: 100%; object-fit: cover;display: block; }
[data-domx-id="Template_001"] .banner-carousel__caption { position: absolute; inset: auto 0 0 0; padding: 28px 32px; color: #fff; word-wrap: break-word; }
[data-domx-id="Template_001"] .banner-carousel__title { font-size: 22px; font-weight: 700; margin-bottom: 6px; text-shadow: 1px 2px 5px #333; text-align: center;color: #fff; }
[data-domx-id="Template_001"] .banner-carousel__desc { font-size: 18px; line-height: 1.55; text-shadow: 1px 2px 5px #333; font-weight: 500; text-align: justify; color: #fff; margin-bottom: 0; }
[data-domx-id="Template_001"] .banner-carousel__btn { position: absolute; top: 50%; transform: translateY(-50%); width: 55px; height: 50px; border:none; background-color: #B7B7B7; cursor: pointer; display: grid; }
[data-domx-id="Template_001"] .banner-carousel__btn:hover { background-color: #ec6c2a; }
[data-domx-id="Template_001"] .banner-carousel__btn--prev { left:0; }
[data-domx-id="Template_001"] .banner-carousel__btn--next { right:0; }
[data-domx-id="Template_001"] .banner-carousel__btn--prev:before,
[data-domx-id="Template_001"] .banner-carousel__btn--next:before { content: ''; position: absolute; width: 10px; height: 10px; text-align: center; top: 50%; margin-top: -5px; left: 50%; margin-left: -5px; }
[data-domx-id="Template_001"] .banner-carousel__btn--prev:before { background: url(https://materials.fillo.com.tw/materials/cowell/images/1a63633c-b656-4140-b876-9b88694330ae.png) no-repeat center; }
[data-domx-id="Template_001"] .banner-carousel__btn--next:before { background: url(https://materials.fillo.com.tw/materials/cowell/images/daad73c7-4617-46d1-a1e2-9b7be05a0472.png) no-repeat center; }
[data-domx-id="Template_001"] .banner-carousel__dots { position: absolute; left: 0; right: 0; bottom:0; display: flex; justify-content: center; gap: 2px; z-index: 2; }
[data-domx-id="Template_001"] .banner-carousel__dot { border: 0; padding: 0; cursor: pointer; border-radius: 0; width: 2em; height: 5px; background: #999; opacity: 0.5; margin: 0 3px; cursor: pointer; transition: width 0.3s, opacity 0.3s, background 0.3s; vertical-align: middle; }
[data-domx-id="Template_001"] .banner-carousel__dot[aria-current="true"] { background: #f80; opacity: 1; width: 3em; }

@media (max-width: 860px) {
  [data-domx-id="Template_001"] .banner-carousel__btn{ display: none; }
  [data-domx-id="Template_001"] .banner-carousel__title { color: #000; text-shadow: none; margin-top: 0; }
  [data-domx-id="Template_001"] .banner-carousel__desc{ color: #666; text-shadow: none; }
  [data-domx-id="Template_001"] .banner-carousel__caption { position: relative; padding: 18px 20px; }
}
@media (max-width: 640px) {
  [data-domx-id="Template_001"] .banner-carousel__dot { height: 2px; }
}
@media (max-width: 480px) {
  [data-domx-id="Template_001"] .banner-carousel__title { font-size: 18px; }
  [data-domx-id="Template_001"] .banner-carousel__desc { font-size: 15px; }
}