.elementor-57 .elementor-element.elementor-element-15783c84{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-57 .elementor-element.elementor-element-15783c84:not(.elementor-motion-effects-element-type-background), .elementor-57 .elementor-element.elementor-element-15783c84 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-57 .elementor-element.elementor-element-2e6ac0d2{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-57 .elementor-element.elementor-element-5f2b679{z-index:2;}.elementor-57 .elementor-element.elementor-element-4e152aec{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-57 .elementor-element.elementor-element-7763e18{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-57 .elementor-element.elementor-element-dfb19a3 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Noto Serif TC", Sans-serif;font-size:13px;font-weight:500;letter-spacing:0.4px;fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );border-radius:100px 100px 100px 100px;padding:12px 20px 12px 20px;}.elementor-57 .elementor-element.elementor-element-dfb19a3 .elementor-button:hover, .elementor-57 .elementor-element.elementor-element-dfb19a3 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-astglobalcolor4 );border-color:var( --e-global-color-accent );}.elementor-57 .elementor-element.elementor-element-dfb19a3 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-57 .elementor-element.elementor-element-dfb19a3 .elementor-button:hover svg, .elementor-57 .elementor-element.elementor-element-dfb19a3 .elementor-button:focus svg{fill:var( --e-global-color-astglobalcolor4 );}.elementor-57 .elementor-element.elementor-element-1302a64{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-57 .elementor-element.elementor-element-c738dc4 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Noto Serif TC", Sans-serif;font-size:13px;font-weight:500;letter-spacing:0.4px;fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );border-radius:100px 100px 100px 100px;padding:12px 20px 12px 20px;}.elementor-57 .elementor-element.elementor-element-c738dc4 .elementor-button:hover, .elementor-57 .elementor-element.elementor-element-c738dc4 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-astglobalcolor4 );border-color:var( --e-global-color-accent );}.elementor-57 .elementor-element.elementor-element-c738dc4 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-57 .elementor-element.elementor-element-c738dc4 .elementor-button:hover svg, .elementor-57 .elementor-element.elementor-element-c738dc4 .elementor-button:focus svg{fill:var( --e-global-color-astglobalcolor4 );}.elementor-57 .elementor-element.elementor-element-21c80a0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-57 .elementor-element.elementor-element-3061899 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Noto Serif TC", Sans-serif;font-size:13px;font-weight:500;letter-spacing:0.4px;fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );border-radius:100px 100px 100px 100px;padding:12px 20px 12px 20px;}.elementor-57 .elementor-element.elementor-element-3061899 .elementor-button:hover, .elementor-57 .elementor-element.elementor-element-3061899 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-astglobalcolor4 );border-color:var( --e-global-color-accent );}.elementor-57 .elementor-element.elementor-element-3061899 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-57 .elementor-element.elementor-element-3061899 .elementor-button:hover svg, .elementor-57 .elementor-element.elementor-element-3061899 .elementor-button:focus svg{fill:var( --e-global-color-astglobalcolor4 );}.elementor-57 .elementor-element.elementor-element-853f654{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-offset-size:0px;--e-n-carousel-swiper-slides-gap:10px;width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 32px) 0px;padding:0px 0px 0px 0px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:316px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:316px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-57 .elementor-element.elementor-element-853f654.elementor-element{--align-self:center;}:where( .elementor-57 .elementor-element.elementor-element-853f654 .swiper-slide ) > .e-con{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}:where( [data-core-v316-plus="true"] .elementor-element.elementor-widget-n-carousel .swiper-slide ) > .e-con{--padding-block-start:0px;--padding-inline-end:0px;--padding-block-end:0px;--padding-inline-start:0px;}.elementor-57 .elementor-element.elementor-element-5751d1e{font-family:"Noto Serif TC", Sans-serif;font-size:16px;font-weight:500;letter-spacing:0.4px;}.elementor-57 .elementor-element.elementor-element-63dd0ac{font-family:"Noto Serif TC", Sans-serif;font-size:16px;font-weight:500;letter-spacing:0.4px;}.elementor-57 .elementor-element.elementor-element-ecb862c{width:var( --container-widget-width, 80% );max-width:80%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:80%;--container-widget-flex-grow:0;font-family:"Noto Serif TC", Sans-serif;font-size:16px;font-weight:500;letter-spacing:0.4px;}.elementor-57 .elementor-element.elementor-element-aa5976d .elementor-button{background-color:var( --e-global-color-accent );font-family:"Noto Serif TC", Sans-serif;font-size:13px;font-weight:500;letter-spacing:0.4px;fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );border-radius:100px 100px 100px 100px;padding:10px 16px 10px 16px;}.elementor-57 .elementor-element.elementor-element-aa5976d .elementor-button:hover, .elementor-57 .elementor-element.elementor-element-aa5976d .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-astglobalcolor4 );border-color:var( --e-global-color-accent );}.elementor-57 .elementor-element.elementor-element-aa5976d{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-57 .elementor-element.elementor-element-aa5976d .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-57 .elementor-element.elementor-element-aa5976d .elementor-button:hover svg, .elementor-57 .elementor-element.elementor-element-aa5976d .elementor-button:focus svg{fill:var( --e-global-color-astglobalcolor4 );}.elementor-57 .elementor-element.elementor-element-5aabd37{width:var( --container-widget-width, 80% );max-width:80%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:80%;--container-widget-flex-grow:0;font-family:"Noto Serif TC", Sans-serif;font-size:16px;font-weight:500;letter-spacing:0.4px;}.elementor-57 .elementor-element.elementor-element-1c28101 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Noto Serif TC", Sans-serif;font-size:13px;font-weight:500;letter-spacing:0.4px;fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );border-radius:100px 100px 100px 100px;padding:10px 16px 10px 16px;}.elementor-57 .elementor-element.elementor-element-1c28101 .elementor-button:hover, .elementor-57 .elementor-element.elementor-element-1c28101 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-astglobalcolor4 );border-color:var( --e-global-color-accent );}.elementor-57 .elementor-element.elementor-element-1c28101{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-57 .elementor-element.elementor-element-1c28101 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-57 .elementor-element.elementor-element-1c28101 .elementor-button:hover svg, .elementor-57 .elementor-element.elementor-element-1c28101 .elementor-button:focus svg{fill:var( --e-global-color-astglobalcolor4 );}.elementor-57 .elementor-element.elementor-element-f3d8683{width:var( --container-widget-width, 80% );max-width:80%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:80%;--container-widget-flex-grow:0;font-family:"Noto Serif TC", Sans-serif;font-size:16px;font-weight:500;letter-spacing:0.4px;}.elementor-57 .elementor-element.elementor-element-c389197 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Noto Serif TC", Sans-serif;font-size:13px;font-weight:500;letter-spacing:0.4px;fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );border-radius:100px 100px 100px 100px;padding:10px 16px 10px 16px;}.elementor-57 .elementor-element.elementor-element-c389197 .elementor-button:hover, .elementor-57 .elementor-element.elementor-element-c389197 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-astglobalcolor4 );border-color:var( --e-global-color-accent );}.elementor-57 .elementor-element.elementor-element-c389197{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-57 .elementor-element.elementor-element-c389197 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-57 .elementor-element.elementor-element-c389197 .elementor-button:hover svg, .elementor-57 .elementor-element.elementor-element-c389197 .elementor-button:focus svg{fill:var( --e-global-color-astglobalcolor4 );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-57 .elementor-element.elementor-element-15783c84{--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-57 .elementor-element.elementor-element-2e6ac0d2{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-57 .elementor-element.elementor-element-629be3e{width:100%;max-width:100%;}.elementor-57 .elementor-element.elementor-element-2c6250e{width:100%;max-width:100%;}.elementor-57 .elementor-element.elementor-element-771e234{width:100%;max-width:100%;}.elementor-57 .elementor-element.elementor-element-853f654{--e-n-carousel-swiper-slides-to-display:2;}}@media(min-width:768px){.elementor-57 .elementor-element.elementor-element-15783c84{--width:1px;}}@media(max-width:767px){.elementor-57 .elementor-element.elementor-element-15783c84{--width:1px;}.elementor-57 .elementor-element.elementor-element-2e6ac0d2{--min-height:100px;--justify-content:flex-end;--z-index:2;}.elementor-57 .elementor-element.elementor-element-4e152aec{--width:100%;--min-height:100px;--justify-content:flex-end;}.elementor-57 .elementor-element.elementor-element-7763e18{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-57 .elementor-element.elementor-element-dfb19a3 .elementor-button{font-size:15px;}.elementor-57 .elementor-element.elementor-element-c738dc4 .elementor-button{font-size:15px;}.elementor-57 .elementor-element.elementor-element-3061899 .elementor-button{font-size:15px;}.elementor-57 .elementor-element.elementor-element-853f654{--e-n-carousel-swiper-slides-to-display:1;}.elementor-57 .elementor-element.elementor-element-ecb862c{--container-widget-width:70%;--container-widget-flex-grow:0;width:var( --container-widget-width, 70% );max-width:70%;}.elementor-57 .elementor-element.elementor-element-aa5976d{--container-widget-width:30%;--container-widget-flex-grow:0;width:var( --container-widget-width, 30% );max-width:30%;}.elementor-57 .elementor-element.elementor-element-aa5976d .elementor-button{font-size:15px;}.elementor-57 .elementor-element.elementor-element-5aabd37{--container-widget-width:70%;--container-widget-flex-grow:0;width:var( --container-widget-width, 70% );max-width:70%;}.elementor-57 .elementor-element.elementor-element-1c28101{--container-widget-width:30%;--container-widget-flex-grow:0;width:var( --container-widget-width, 30% );max-width:30%;}.elementor-57 .elementor-element.elementor-element-1c28101 .elementor-button{font-size:15px;}.elementor-57 .elementor-element.elementor-element-f3d8683{--container-widget-width:70%;--container-widget-flex-grow:0;width:var( --container-widget-width, 70% );max-width:70%;}.elementor-57 .elementor-element.elementor-element-c389197{--container-widget-width:30%;--container-widget-flex-grow:0;width:var( --container-widget-width, 30% );max-width:30%;}.elementor-57 .elementor-element.elementor-element-c389197 .elementor-button{font-size:15px;}}/* Start custom CSS for nested-carousel, class: .elementor-element-853f654 *//* 
1. 解鎖 Swiper 核心骨架，強制放行溢出卡片
*/
.elementor-57 .elementor-element.elementor-element-853f654 .elementor-swiper,
.elementor-57 .elementor-element.elementor-element-853f654 .swiper,
.elementor-57 .elementor-element.elementor-element-853f654 .swiper-wrapper {
    overflow: visible !important;
}

/* 
2. 桌面大螢幕版（寬度 1025px 以上）：靠左右 padding 擠出兩側鄰居
*/
@media (min-width: 1025px) {
    .elementor-57 .elementor-element.elementor-element-853f654 {
        /* 💡 20% 代表左右各留 20% 的寬度給鄰居露頭，主卡片會佔據中間的 60% */
        /* 如果希望主卡片更寬、旁邊露少一點，可以把 20% 縮小到 15% 或 12% */
        padding-left: 20% !important;
        padding-right: 20% !important;
        box-sizing: border-box !important;
    }
    .elementor-57 .elementor-element.elementor-element-853f654 .swiper-slide {
        width: 100% !important;
    }
}

/* 
3. 📋 平板版 RWD（螢幕寬度 768px ~ 1024px）
*/
@media (max-width: 1024px) and (min-width: 768px) {
    .elementor-57 .elementor-element.elementor-element-853f654 {
        padding-left: 10% !important;
        padding-right: 10% !important;
        box-sizing: border-box !important;
    }
    .elementor-57 .elementor-element.elementor-element-853f654 .swiper-slide {
        width: 100% !important;
    }
}

/* 
 4. 📱 手機版 RWD（螢幕寬度 767px 以下）：完美滿版置中
*/
@media (max-width: 767px) {
    .elementor-57 .elementor-element.elementor-element-853f654 {
        padding-left: 20px !important;
        padding-right: 20px !important;
        box-sizing: border-box !important;
    }
    .elementor-57 .elementor-element.elementor-element-853f654 .swiper-slide {
        width: 100% !important;
        transform: none !important;
    }
}

/* 
5. 防止網頁產生橫向捲軸
*/
html, body {
    overflow-x: hidden !important;
}

/* ==========================================================================
   🎯 幫導航按鈕（左、右箭頭）加上漂亮的圓形底色背景
   ========================================================================== */
.elementor-57 .elementor-element.elementor-element-853f654 .elementor-swiper-button {
    background-color: #f4f4f4 !important; /* 💡 圓圈底色（可以換成伴月的暖灰色或白色） */
    width: 48px !important;               /* 圓圈的寬度 */
    height: 48px !important;              /* 圓圈的高度 */
    border-radius: 50% !important;        /* 關鍵：強行切成完美的正圓形 */
    
    /* 讓內部的 SVG 箭頭在圓圈中精準垂直水平置中 */
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    
    /* 增加陰影，讓按鈕在灰色背景上更立體、更有高級感 */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.3s ease !important;
    
    /* 調整層級，確保按鈕永遠浮在卡片最上面，不會被文字遮住 */
    z-index: 10 !important; 
}

/* ==========================================================================
   ✨ 滑鼠懸停（Hover）時的微動效：底色變深
   ========================================================================== */
.elementor-57 .elementor-element.elementor-element-853f654 .elementor-swiper-button:hover {
    background-color: #e5e5e5 !important; /* 懸停時底色稍微加深 */
    transform: translateY(-50%) scale(1.05) !important; /* 保持垂直置中並微微放大 */
}

/* ==========================================================================
   📐 修正 SVG 箭頭本身的大小與顏色，避免它過大
   ========================================================================== */
.elementor-57 .elementor-element.elementor-element-853f654 .elementor-swiper-button svg {
    width: 14px !important;               /* 縮小箭頭尺寸，讓圓鈕比例更精緻 */
    height: 14px !important;
    fill: #222222 !important;             /* 箭頭圖示的顏色（深灰色） */
}

/* ==========================================================================
   ↔️ 修正按鈕位置：把按鈕往左右兩側推開，絕對不壓在文字上
   ========================================================================== */
/* 左箭頭往外推 */
.elementor-57 .elementor-element.elementor-element-853f654 .elementor-swiper-button-prev {
    left: 20px !important;
}
/* 右箭頭往外推 */
.elementor-57 .elementor-element.elementor-element-853f654 .elementor-swiper-button-next {
    right: 20px !important;
}

/* ==========================================================================
   📱 專屬手機版（767px 以下）：按鈕改用負值朝上飄移，絕不撐開卡片空間
   ========================================================================== */
@media (max-width: 767px) {
    /* 1. ❌ 廢除原本的 padding-top，讓卡片立刻往上貼齊大標題 */
    .elementor-57 .elementor-element.elementor-element-853f654 {
        padding-top: 0px !important; 
    }

    /* 2. 讓按鈕利用負數「往外飛出」卡片範圍，對齊大標題右側 */
    .elementor-57 .elementor-element.elementor-element-853f654 .elementor-swiper-button {
        top: -70px !important;          /* 💡 負數代表往上飛！數值越負（如 -50px）就越往上靠近「核心理念」 */
        transform: none !important;     
    }
    .elementor-57 .elementor-element.elementor-element-853f654 .elementor-swiper-button:hover {
        top: -70px !important;          /* 💡 負數代表往上飛！數值越負（如 -50px）就越往上靠近「核心理念」 */
        transform: none !important;     
    }

    /* 3. ⬅️ 左按鈕水平定位 */
    .elementor-57 .elementor-element.elementor-element-853f654 .elementor-swiper-button-prev {
        left: auto !important;          
        right: 75px !important;         /* 左按鈕與螢幕右側的距離 */
    }

    /* 4. ➡️ 右按鈕水平定位 */
    .elementor-57 .elementor-element.elementor-element-853f654 .elementor-swiper-button-next {
        left: auto !important;
        right: 15px !important;         /* 右按鈕與螢幕右側的距離 */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e6ac0d2 *//*垂直線偽元素*/
  .elementor-57 .elementor-element.elementor-element-2e6ac0d2 {
    position: relative;
  }
  
  .elementor-57 .elementor-element.elementor-element-2e6ac0d2::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    background-color: #E9E8E8;
    z-index: 1;
    pointer-events: none; /* 確保不會擋到返回列表按鈕的點擊 */
  }/* End custom CSS */