.elementor-359 .elementor-element.elementor-element-f62cbc2{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:2em;--margin-bottom:2em;--margin-left:0em;--margin-right:0em;--padding-top:10em;--padding-bottom:10em;--padding-left:0em;--padding-right:0em;}.elementor-359 .elementor-element.elementor-element-f62cbc2:not(.elementor-motion-effects-element-type-background), .elementor-359 .elementor-element.elementor-element-f62cbc2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://i0.wp.com/custommadedentist.com.tw/wp-content/uploads/2026/04/bg5-aad567e6.png?fit=1900%2C950&quality=100&ssl=1");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-359 .elementor-element.elementor-element-0f51879{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-359 .elementor-element.elementor-element-2e3fe8f{--e-image-carousel-slides-to-show:3;}.elementor-359 .elementor-element.elementor-element-2e3fe8f .elementor-image-carousel-caption{text-align:center;}.elementor-359 .elementor-element.elementor-element-2263f1b{--display:flex;--min-height:235px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:80px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-359 .elementor-element.elementor-element-2263f1b:not(.elementor-motion-effects-element-type-background), .elementor-359 .elementor-element.elementor-element-2263f1b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://i0.wp.com/custommadedentist.com.tw/wp-content/uploads/2026/04/bg8-47cc58c5.png?fit=800%2C234&quality=100&ssl=1");background-position:bottom center;background-repeat:no-repeat;background-size:contain;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-359 .elementor-element.elementor-element-2cbae73 .elementor-heading-title{font-family:"Noto Sans TC", Sans-serif;font-size:24px;font-weight:600;line-height:40px;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-359 .elementor-element.elementor-element-919d632{font-family:"Noto Sans TC", Sans-serif;font-size:20px;font-weight:400;line-height:30px;color:#FFFFFF;}.elementor-359 .elementor-element.elementor-element-919d632 p{margin-block-end:0px;}@media(max-width:1200px){.elementor-359 .elementor-element.elementor-element-2263f1b{--min-height:220px;}.elementor-359 .elementor-element.elementor-element-2cbae73 .elementor-heading-title{font-size:20px;}.elementor-359 .elementor-element.elementor-element-919d632{font-size:18px;}}@media(min-width:768px){.elementor-359 .elementor-element.elementor-element-2263f1b{--width:800px;}}@media(max-width:1366px) and (min-width:768px){.elementor-359 .elementor-element.elementor-element-f62cbc2{--content-width:90vw;}}@media(max-width:1200px) and (min-width:768px){.elementor-359 .elementor-element.elementor-element-2263f1b{--width:700px;}}@media(max-width:1024px){.elementor-359 .elementor-element.elementor-element-0f51879{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-359 .elementor-element.elementor-element-2e3fe8f{--e-image-carousel-slides-to-show:3;}}@media(max-width:767px){.elementor-359 .elementor-element.elementor-element-f62cbc2{--content-width:90vw;}.elementor-359 .elementor-element.elementor-element-2e3fe8f{--e-image-carousel-slides-to-show:1;}.elementor-359 .elementor-element.elementor-element-2263f1b:not(.elementor-motion-effects-element-type-background), .elementor-359 .elementor-element.elementor-element-2263f1b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:0px auto;}.elementor-359 .elementor-element.elementor-element-2263f1b{--border-radius:30px 30px 30px 30px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for image-carousel, class: .elementor-element-2e3fe8f */@media screen and (min-width: 768px) {
/* 1. 定義所有卡片的「預設狀態」(也就是你看不到的那些卡片) */
.elementor-359 .elementor-element.elementor-element-2e3fe8f .swiper-slide {
    transform: scale(0.8);
    opacity: 0;             /* 用透明度隱藏，不要用 display: none */
    visibility: hidden;     /* 確保隱藏的卡片不會被滑鼠點到 */
    z-index: 1;
    transition: transform 0.4s ease, opacity 0.4s ease, visibility 0.4s ease !important;
}

/* 2. 讓「左邊」與「右邊」的卡片顯示出來，並保持縮小狀態 */
.elementor-359 .elementor-element.elementor-element-2e3fe8f .swiper-slide-active,
.elementor-359 .elementor-element.elementor-element-2e3fe8f .swiper-slide-next + .swiper-slide {
    opacity: 1;
    visibility: visible;
    z-index: 5; /* 層級設定比中間低 */
}

/* 3. 中間主要作用中的卡片：放大、顯示、最上層 */
.elementor-359 .elementor-element.elementor-element-2e3fe8f .swiper-slide-next {
    transform: scale(1); /* 這裡你可以調回 1，看你希望中間放多大 */
    opacity: 1;
    visibility: visible;
    z-index: 10; /* 最高層級，確保蓋住左右兩邊 */
    overflow: visible;
}
}

.elementor-359 .elementor-element.elementor-element-2e3fe8f .swiper .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -320px;
}

.elementor-359 .elementor-element.elementor-element-2e3fe8f .swiper-slide figcaption {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2263f1b */@media screen and (max-width: 767px) {
    .device-box-content { background: #66BEC8B2;
    }
}/* End custom CSS */