.elementor-16493 .elementor-element.elementor-element-654bee0{--display:flex;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16493 .elementor-element.elementor-element-85f5a55{--e-image-carousel-slides-to-show:1;}.elementor-16493 .elementor-element.elementor-element-df370e9{--display:flex;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16493 .elementor-element.elementor-element-66c8bbd{--e-image-carousel-slides-to-show:1;}.elementor-16493 .elementor-element.elementor-element-f0e23da{--display:flex;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-16493 .elementor-element.elementor-element-e197149{--e-image-carousel-slides-to-show:2;}.elementor-16493 .elementor-element.elementor-element-b8ae8fc{--display:flex;}.elementor-16493 .elementor-element.elementor-element-51f8227{--swiper-slides-to-display:4;--swiper-slides-gap:48px;--arrow-prev-left-align:100%;--arrow-prev-translate-x:-100%;--arrow-prev-left-position:-50px;--arrow-prev-top-align:100%;--arrow-prev-translate-y:-100%;--arrow-prev-top-position:24px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:100%;--arrow-next-translate-y:-100%;--arrow-next-top-position:24px;--arrow-size:38px;--swiper-pagination-size:4px;--progressbar-normal-color:#000000;}.elementor-16493 .elementor-element.elementor-element-51f8227 .swiper-slide > .elementor-element{height:100%;}.elementor-16493 .elementor-element.elementor-element-51f8227 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1439px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-16493 .elementor-element.elementor-element-51f8227{--swiper-slides-to-display:3;--swiper-slides-gap:30px;}}@media(max-width:1023px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-16493 .elementor-element.elementor-element-51f8227{--swiper-slides-to-display:3;--swiper-slides-gap:16px;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-16493 .elementor-element.elementor-element-e197149{--e-image-carousel-slides-to-show:2;padding:0px 20px 0px 20px;}.elementor-16493 .elementor-element.elementor-element-e197149 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:5px;--swiper-pagination-bullet-vertical-gap:5px;width:5px;height:5px;}.elementor-16493 .elementor-element.elementor-element-51f8227{--swiper-slides-to-display:2;--swiper-slides-gap:16px;}}@media(min-width:768px){.elementor-16493 .elementor-element.elementor-element-df370e9{--content-width:375px;}.elementor-16493 .elementor-element.elementor-element-f0e23da{--content-width:375px;}}@media(max-width:1023px) and (min-width:768px){.elementor-16493 .elementor-element.elementor-element-f0e23da{--content-width:375px;}}/* Start custom CSS for image-carousel, class: .elementor-element-85f5a55 */.counterbox {
  position: absolute;
  left: -48px;
  bottom: 130px;
  z-index: 10;
  display: flex;
  align-items: center;
  transform: rotate(90deg);

  color: #fff;
  font-family: Roboto;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
}

.counter-name {
  padding-left: 16px;
}

/* === 進度條樣式 === */
.progress-bar-container {
    position: absolute;
    width: 2px;
    height: 185px;
    background-color: rgba(255, 255, 255, 0.2);
    margin-left: 16px;
    margin-left: 90px;
    margin-bottom: 70px;
    transform: rotate(-90deg);
}

.progress-bar-fill {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
  height: 0%;
  transition: height 0s linear;
}

.progress-dot {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #fff;
  top: 0%;
  transition: top 0s linear;
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-66c8bbd */.mobile .counterbox {
  /*position: absolute;*/
  left: -56px;
  bottom: 100px;
  /*z-index: 10;*/
  /*display: flex;*/
  /*align-items: center;*/
  /*transform: rotate(90deg);*/

  /*color: #000000;*/
  /*font-family: Roboto;*/
  font-weight: 300;
  font-size: 14px;
  line-height: 22px;
  /*text-transform: uppercase;*/
}

/*.counter-name {*/
/*  padding-left: 16px;*/
/*}*/

/* === 進度條樣式 === */
.mobile .progress-bar-container {
    width: 1px;
    height: 162px;
    margin-left: 82px;
    margin-bottom: 55px;
}

/*.progress-bar-fill {*/
/*  position: absolute;*/
/*  left: 0;*/
/*  top: 0;*/
/*  width: 100%;*/
/*  background-color: rgba(255, 255, 255, 1);*/
/*  height: 0%;*/
/*  transition: height 0s linear;*/
/*}*/

/*.progress-dot {*/
/*  position: absolute;*/
/*  left: 50%;*/
/*  transform: translateX(-50%);*/
/*  width: 10px;*/
/*  height: 10px;*/
/*  border-radius: 50%;*/
/*  background-color: #fff;*/
/*  top: 0%;*/
/*  transition: top 0s linear;*/
/*}*//* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-e197149 */.carouselmobile {width:424px;}
.carouselmobile .swiper-slide {
    width: 200px!important;
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-51f8227 */.mask .swiper {
position: relative;
overflow: visible;
}

.mask .swiper:before {
content: ”;
background: #ffffff;
width: 5000px;
height: 100%;
position: absolute;
top: 0;
left: -5000px;
z-index: 5;
}/* End custom CSS */
/* Start custom CSS */body[data-footer-reveal="1"] #footer-outer {
    position: relative!important;
}/* End custom CSS */