[data-domx-id="Template_005"] { width: 100%;display: block; position: relative;  margin: 50px 0;}
[data-domx-id="Template_005"] .banner-carousel { position: relative; overflow: hidden; padding-bottom: 20px; }
[data-domx-id="Template_005"] .banner-carousel+.banner-carousel{ margin-top: 30px; }
[data-domx-id="Template_005"] .banner-carousel__track { display: grid; list-style: none; }
[data-domx-id="Template_005"] .banner-carousel__slide { grid-area: 1 / 1; position: relative; overflow: hidden; opacity:0; transition: opacity 500ms ease; pointer-events: none; }
[data-domx-id="Template_005"] .banner-carousel__slide.--active { opacity: 1; pointer-events: auto; }
[data-domx-id="Template_005"] .banner-carousel__slide .item { padding-left: 1px; word-wrap: break-word; }
/* 圖片欄位本身固定比例（對應 data-domx-size="560,374"），未選圖時佔位框與選圖後尺寸一致，
   caption 底部定位才不會因高度跳動而跑位 */
[data-domx-id="Template_005"] .banner-carousel__figure { width:55%; position:relative; overflow:hidden;  aspect-ratio: 560 / 374; background: #dcdcdc;}
[data-domx-id="Template_005"] .banner-carousel__figure img {width: 100%; height: 100%; object-fit: cover; display: block; transition: all .5s; -webkit-transition: all .5s; }
[data-domx-id="Template_005"] .banner-carousel__slide:hover .banner-carousel__figure img { transform:scale(1.07); -webkit-transform:scale(1.07); }
[data-domx-id="Template_005"] .banner-carousel__caption { position:absolute; left:55%; right:0; top:0; bottom:0; }
[data-domx-id="Template_005"] .banner-carousel__caption .caption_block{ padding:20px 30px 80px; position:absolute; left:0; top:0; right:0; bottom:0; }
[data-domx-id="Template_005"] .banner-carousel__title { font-size: 22px; font-weight: bold; color: #333; line-height: 1.5; margin-bottom: .5em; margin-top: 0; }
[data-domx-id="Template_005"] .banner-carousel__desc { font-size: 18px; color: #666; line-height: 25px; text-align: justify; margin: 0; }
[data-domx-id="Template_005"] .banner-carousel__btn_group { position:absolute; z-index:7; left:55%; margin-left:-55px; bottom:20px; width:110px; height:50px; }
[data-domx-id="Template_005"] .banner-carousel__btn{ position:absolute; cursor:pointer; top:0; width:55px; height:50px; background:rgba(0,0,0,0.15); border: none; }
[data-domx-id="Template_005"] .banner-carousel__btn:hover { background-color: #ec6c2a; }
[data-domx-id="Template_005"] .banner-carousel__btn--prev { left:0; }
[data-domx-id="Template_005"] .banner-carousel__btn--next { right:0; }
[data-domx-id="Template_005"] .banner-carousel__btn--prev:before,
[data-domx-id="Template_005"] .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_005"] .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_005"] .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_005"] .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_005"] .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_005"] .banner-carousel__dot[aria-current="true"] { background: #f80; opacity: 1; width: 3em; }

@media (max-width: 860px) {
  [data-domx-id="Template_005"] .banner-carousel__btn_group { width:auto; left:0; margin-left:0; right:0; top:50%; margin-top:-60px; }
  [data-domx-id="Template_005"] .banner-carousel__figure { width: 100%; }
  [data-domx-id="Template_005"] .banner-carousel__title { color: #000; text-shadow: none; margin-top: 0; }
  [data-domx-id="Template_005"] .banner-carousel__desc{ color: #666; text-shadow: none; }
  [data-domx-id="Template_005"] .banner-carousel__caption { position:initial; width: 100%; padding: 0; }
  [data-domx-id="Template_005"] .banner-carousel__caption .caption_block{ position: inherit; padding:1.2em 4% 1.5em; }
}
@media (max-width: 640px) {
  [data-domx-id="Template_005"] .banner-carousel__dot { height: 2px; }
}
@media (max-width: 480px) {
  [data-domx-id="Template_005"] .banner-carousel__title { font-size: 18px; }
  [data-domx-id="Template_005"] .banner-carousel__desc { font-size: 15px; }
  [data-domx-id="Template_005"] .banner-carousel__btn--prev,
  [data-domx-id="Template_005"] .banner-carousel__btn--next{ width:2.5em; height:2.5em;}
}