[data-domx-id="Template_003"] { width: 100%;display: block; position: relative;  margin: 50px 0;}
[data-domx-id="Template_003"] .banner-carousel { position: relative; overflow: hidden; padding-bottom: 20px; }
[data-domx-id="Template_003"] .banner-carousel+.banner-carousel{ margin-top: 30px; }
[data-domx-id="Template_003"] .banner-carousel__track { display: grid; list-style: none; }
[data-domx-id="Template_003"] .banner-carousel__slide { grid-area: 1 / 1; position: relative; overflow: hidden; opacity:0; transition: opacity 50s0ms ease; pointer-events: none; }
[data-domx-id="Template_003"] .banner-carousel__slide.--active { opacity: 1; pointer-events: auto; }
[data-domx-id="Template_003"] .banner-carousel__slide .item { position: relative; padding-bottom: 30px; padding-left: 1px; word-wrap: break-word; }
/* 圖片欄位本身固定比例（對應 data-domx-size="560,374"），未選圖時佔位框與選圖後尺寸一致，
   caption 底部定位才不會因高度跳動而跑位 */
[data-domx-id="Template_003"] .banner-carousel__figure { width: 75%; aspect-ratio: 560 / 374; background: #dcdcdc; overflow: hidden; }
[data-domx-id="Template_003"] .banner-carousel__figure img { width: 100%; height: 100%; object-fit: cover; display: block; transition: all .5s; -webkit-transition: all .5s; }
[data-domx-id="Template_003"] .banner-carousel__slide:hover .banner-carousel__figure img { transform:scale(1.07); -webkit-transform:scale(1.07); }
[data-domx-id="Template_003"] .banner-carousel__caption { position: absolute; right: 0; bottom: 0; width: 460px; background: #e1e1e1; line-height: 1.7; }
[data-domx-id="Template_003"] .banner-carousel__caption .caption_block{ padding:30px 60px 40px; }
[data-domx-id="Template_003"] .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_003"] .banner-carousel__desc { font-size: 18px; color: #666; line-height: 25px; margin: 0; text-align: justify; }
[data-domx-id="Template_003"] .banner-carousel__btn_group { position:absolute; z-index:7; right:405px; bottom:50px; width:110px; height:50px; }
[data-domx-id="Template_003"] .banner-carousel__btn{ position:absolute; cursor:pointer; top:0; width:55px; height:50px; background-color:#B7B7B7; border: none; }
[data-domx-id="Template_003"] .banner-carousel__btn:hover { background-color: #ec6c2a; }
[data-domx-id="Template_003"] .banner-carousel__btn--prev { left:0; }
[data-domx-id="Template_003"] .banner-carousel__btn--next { right:0; }
[data-domx-id="Template_003"] .banner-carousel__btn--prev:before,
[data-domx-id="Template_003"] .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_003"] .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_003"] .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_003"] .banner-carousel__dots { position: absolute; left: 0; right: 0; bottom:0; display: flex; justify-content: flex-end; gap: 2px; z-index: 2; }
[data-domx-id="Template_003"] .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_003"] .banner-carousel__dot[aria-current="true"] { background: #f80; opacity: 1; width: 3em; }

@media (max-width: 860px) {
  [data-domx-id="Template_003"] .banner-carousel__dots { justify-content: center; }
  [data-domx-id="Template_003"] .banner-carousel__btn{ display: none; }
  [data-domx-id="Template_003"] .banner-carousel__slide .item { padding-bottom: 0; }
  [data-domx-id="Template_003"] .banner-carousel__figure { width: 100%; }
  [data-domx-id="Template_003"] .banner-carousel__title { color: #000; text-shadow: none; margin-top: 0; }
  [data-domx-id="Template_003"] .banner-carousel__desc{ color: #666; text-shadow: none; }
  [data-domx-id="Template_003"] .banner-carousel__caption { position:initial; width:100%; }
  [data-domx-id="Template_003"] .banner-carousel__caption .caption_block{ padding:1.2em 4% 1.5em; }
}
@media (max-width: 640px) {
  [data-domx-id="Template_003"] .banner-carousel__dot { height: 2px; }
}
@media (max-width: 480px) {
  [data-domx-id="Template_003"] .banner-carousel__title { font-size: 18px; }
  [data-domx-id="Template_003"] .banner-carousel__desc { font-size: 15px; }
}