.elementor-6101 .elementor-element.elementor-element-1b7edd9d{--display:flex;--min-height:80vh;--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-6101 .elementor-element.elementor-element-7efc6407{--display:flex;--min-height:80vh;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;--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-6101 .elementor-element.elementor-element-7efc6407:not(.elementor-motion-effects-element-type-background), .elementor-6101 .elementor-element.elementor-element-7efc6407 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.rtc.mymailer.com.tw/wp-content/uploads/2025/12/Banner01-scaled.jpeg");background-position:top center;background-size:cover;}.elementor-6101 .elementor-element.elementor-element-7efc6407::before, .elementor-6101 .elementor-element.elementor-element-7efc6407 > .elementor-background-video-container::before, .elementor-6101 .elementor-element.elementor-element-7efc6407 > .e-con-inner > .elementor-background-video-container::before, .elementor-6101 .elementor-element.elementor-element-7efc6407 > .elementor-background-slideshow::before, .elementor-6101 .elementor-element.elementor-element-7efc6407 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6101 .elementor-element.elementor-element-7efc6407 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00000061;--background-overlay:'';}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-6101 .elementor-element.elementor-element-79af8bf8{margin:0vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) 15vw;font-family:"Roboto Slab", Sans-serif;font-size:1vw;font-weight:400;color:#FFFFFF;}.elementor-6101 .elementor-element.elementor-element-79af8bf8.elementor-element{--align-self:flex-start;}.elementor-6101 .elementor-element.elementor-element-79af8bf8 a{color:#FFFFFF;}.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-6101 .elementor-element.elementor-element-62e1aebd{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 15%;padding:0px 0px 0px 0px;text-align:center;}.elementor-6101 .elementor-element.elementor-element-62e1aebd.elementor-element{--align-self:flex-start;}.elementor-6101 .elementor-element.elementor-element-62e1aebd .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-6101 .elementor-element.elementor-element-7b3cb7d{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:0px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-position:0px;--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-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-swiper-pagination-size:15px;--e-n-carousel-dots-horizontal-position:50%;--e-n-carousel-dots-horizontal-transform:-50%;--e-n-carousel-dots-horizontal-offset:0px;--e-n-carousel-dots-vertical-position:100%;--e-n-carousel-dots-vertical-transform:-100%;--e-n-carousel-dots-vertical-offset:-20px;}.elementor-6101 .elementor-element.elementor-element-7b3cb7d .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:15px;--swiper-pagination-bullet-vertical-gap:15px;}.elementor-6101 .elementor-element.elementor-element-309fad7f{--display:flex;--min-height:10vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-6101 .elementor-element.elementor-element-1e1ddfc0{text-align:center;}.elementor-6101 .elementor-element.elementor-element-1e1ddfc0 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:1.5vw;font-weight:500;color:#000000;}.elementor-6101 .elementor-element.elementor-element-1d2ffeee{--display:flex;--min-height:12vh;}.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-6101 .elementor-element.elementor-element-4190e31 p{margin-block-end:0.5vh;}.elementor-6101 .elementor-element.elementor-element-35a013be{--display:flex;--min-height:400px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap: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-6101 .elementor-element.elementor-element-5da90d3f{--display:flex;--min-height:200px;--justify-content:center;--gap:35px 35px;--row-gap:35px;--column-gap:35px;--background-transition:1s;--overlay-opacity:1;--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-6101 .elementor-element.elementor-element-5da90d3f:not(.elementor-motion-effects-element-type-background), .elementor-6101 .elementor-element.elementor-element-5da90d3f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.rtc.mymailer.com.tw/wp-content/uploads/2025/12/DSC_0255-scaled.jpg");background-position:center center;background-size:cover;}.elementor-6101 .elementor-element.elementor-element-5da90d3f::before, .elementor-6101 .elementor-element.elementor-element-5da90d3f > .elementor-background-video-container::before, .elementor-6101 .elementor-element.elementor-element-5da90d3f > .e-con-inner > .elementor-background-video-container::before, .elementor-6101 .elementor-element.elementor-element-5da90d3f > .elementor-background-slideshow::before, .elementor-6101 .elementor-element.elementor-element-5da90d3f > .e-con-inner > .elementor-background-slideshow::before, .elementor-6101 .elementor-element.elementor-element-5da90d3f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#02010100;--background-overlay:'';}.elementor-6101 .elementor-element.elementor-element-5da90d3f::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-6101 .elementor-element.elementor-element-5da90d3f:hover::before{filter:brightness( 80% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-6101 .elementor-element.elementor-element-5da90d3f.e-con{--order:-99999 /* order start hack */;}.elementor-6101 .elementor-element.elementor-element-144968ea{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 5%) 0%;padding:0px 0px 0px 0px;text-align:center;}.elementor-6101 .elementor-element.elementor-element-144968ea .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-6101 .elementor-element.elementor-element-5f801299 .elementor-button{background-color:#61CE7000;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;}.elementor-6101 .elementor-element.elementor-element-5f801299{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;}.elementor-6101 .elementor-element.elementor-element-5f801299 .elementor-button:hover, .elementor-6101 .elementor-element.elementor-element-5f801299 .elementor-button:focus{color:#000000;}.elementor-6101 .elementor-element.elementor-element-5f801299 .elementor-button:hover svg, .elementor-6101 .elementor-element.elementor-element-5f801299 .elementor-button:focus svg{fill:#000000;}.elementor-6101 .elementor-element.elementor-element-33bf3450{--display:flex;--min-height:200px;--justify-content:center;--gap:35px 35px;--row-gap:35px;--column-gap:35px;--background-transition:1s;--overlay-opacity:1;--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-6101 .elementor-element.elementor-element-33bf3450:not(.elementor-motion-effects-element-type-background), .elementor-6101 .elementor-element.elementor-element-33bf3450 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.rtc.mymailer.com.tw/wp-content/uploads/2025/12/banner_career_1_1.jpg");background-position:center center;background-size:cover;}.elementor-6101 .elementor-element.elementor-element-33bf3450::before, .elementor-6101 .elementor-element.elementor-element-33bf3450 > .elementor-background-video-container::before, .elementor-6101 .elementor-element.elementor-element-33bf3450 > .e-con-inner > .elementor-background-video-container::before, .elementor-6101 .elementor-element.elementor-element-33bf3450 > .elementor-background-slideshow::before, .elementor-6101 .elementor-element.elementor-element-33bf3450 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6101 .elementor-element.elementor-element-33bf3450 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#02010100;--background-overlay:'';}.elementor-6101 .elementor-element.elementor-element-33bf3450::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-6101 .elementor-element.elementor-element-33bf3450:hover::before{filter:brightness( 80% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-6101 .elementor-element.elementor-element-33bf3450.e-con{--order:-99999 /* order start hack */;}.elementor-6101 .elementor-element.elementor-element-548e9671{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 5%) 0%;padding:0px 0px 0px 0px;text-align:center;}.elementor-6101 .elementor-element.elementor-element-548e9671 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-6101 .elementor-element.elementor-element-c66f660 .elementor-button{background-color:#61CE7000;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;}.elementor-6101 .elementor-element.elementor-element-c66f660{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;}.elementor-6101 .elementor-element.elementor-element-c66f660 .elementor-button:hover, .elementor-6101 .elementor-element.elementor-element-c66f660 .elementor-button:focus{color:#000000;}.elementor-6101 .elementor-element.elementor-element-c66f660 .elementor-button:hover svg, .elementor-6101 .elementor-element.elementor-element-c66f660 .elementor-button:focus svg{fill:#000000;}.elementor-6101 .elementor-element.elementor-element-7abfbf56{--display:flex;--min-height:200px;--justify-content:center;--gap:35px 35px;--row-gap:35px;--column-gap:35px;--background-transition:1s;--overlay-opacity:1;--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-6101 .elementor-element.elementor-element-7abfbf56:not(.elementor-motion-effects-element-type-background), .elementor-6101 .elementor-element.elementor-element-7abfbf56 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.rtc.mymailer.com.tw/wp-content/uploads/2025/12/AdobeStock_328269304-scaled.jpeg");background-position:center center;background-size:cover;}.elementor-6101 .elementor-element.elementor-element-7abfbf56::before, .elementor-6101 .elementor-element.elementor-element-7abfbf56 > .elementor-background-video-container::before, .elementor-6101 .elementor-element.elementor-element-7abfbf56 > .e-con-inner > .elementor-background-video-container::before, .elementor-6101 .elementor-element.elementor-element-7abfbf56 > .elementor-background-slideshow::before, .elementor-6101 .elementor-element.elementor-element-7abfbf56 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6101 .elementor-element.elementor-element-7abfbf56 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#02010100;--background-overlay:'';}.elementor-6101 .elementor-element.elementor-element-7abfbf56::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-6101 .elementor-element.elementor-element-7abfbf56:hover::before{filter:brightness( 80% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-6101 .elementor-element.elementor-element-7abfbf56.e-con{--order:-99999 /* order start hack */;}.elementor-6101 .elementor-element.elementor-element-2bd50cff{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 5%) 0%;padding:0px 0px 0px 0px;text-align:center;}.elementor-6101 .elementor-element.elementor-element-2bd50cff .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-6101 .elementor-element.elementor-element-395b9ba0 .elementor-button{background-color:#61CE7000;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;}.elementor-6101 .elementor-element.elementor-element-395b9ba0{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;}.elementor-6101 .elementor-element.elementor-element-395b9ba0 .elementor-button:hover, .elementor-6101 .elementor-element.elementor-element-395b9ba0 .elementor-button:focus{color:#000000;}.elementor-6101 .elementor-element.elementor-element-395b9ba0 .elementor-button:hover svg, .elementor-6101 .elementor-element.elementor-element-395b9ba0 .elementor-button:focus svg{fill:#000000;}.elementor-6101 .elementor-element.elementor-element-cfa9dbd{--display:flex;--min-height:200px;--justify-content:center;--gap:35px 35px;--row-gap:35px;--column-gap:35px;--background-transition:1s;--overlay-opacity:1;--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-6101 .elementor-element.elementor-element-cfa9dbd:not(.elementor-motion-effects-element-type-background), .elementor-6101 .elementor-element.elementor-element-cfa9dbd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.rtc.mymailer.com.tw/wp-content/uploads/2025/12/career_pics5.jpg");background-position:center center;background-size:cover;}.elementor-6101 .elementor-element.elementor-element-cfa9dbd::before, .elementor-6101 .elementor-element.elementor-element-cfa9dbd > .elementor-background-video-container::before, .elementor-6101 .elementor-element.elementor-element-cfa9dbd > .e-con-inner > .elementor-background-video-container::before, .elementor-6101 .elementor-element.elementor-element-cfa9dbd > .elementor-background-slideshow::before, .elementor-6101 .elementor-element.elementor-element-cfa9dbd > .e-con-inner > .elementor-background-slideshow::before, .elementor-6101 .elementor-element.elementor-element-cfa9dbd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#02010100;--background-overlay:'';}.elementor-6101 .elementor-element.elementor-element-cfa9dbd::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-6101 .elementor-element.elementor-element-cfa9dbd:hover::before{filter:brightness( 80% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-6101 .elementor-element.elementor-element-cfa9dbd.e-con{--order:-99999 /* order start hack */;}.elementor-6101 .elementor-element.elementor-element-98bd08e{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 5%) 0%;padding:0px 0px 0px 0px;text-align:center;}.elementor-6101 .elementor-element.elementor-element-98bd08e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-6101 .elementor-element.elementor-element-1636108 .elementor-button{background-color:#61CE7000;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;}.elementor-6101 .elementor-element.elementor-element-1636108{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;}.elementor-6101 .elementor-element.elementor-element-1636108 .elementor-button:hover, .elementor-6101 .elementor-element.elementor-element-1636108 .elementor-button:focus{color:#000000;}.elementor-6101 .elementor-element.elementor-element-1636108 .elementor-button:hover svg, .elementor-6101 .elementor-element.elementor-element-1636108 .elementor-button:focus svg{fill:#000000;}.elementor-6101 .elementor-element.elementor-element-25f2342{--display:flex;--min-height:10vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-6101 .elementor-element.elementor-element-3468474{text-align:center;}.elementor-6101 .elementor-element.elementor-element-3468474 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:1.5vw;font-weight:500;color:#000000;}.elementor-6101 .elementor-element.elementor-element-2afa4e8{--display:flex;--min-height:12vh;}.elementor-6101 .elementor-element.elementor-element-221f607 p{margin-block-end:0.5vh;}body.elementor-page-6101{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-6101 .elementor-element.elementor-element-1b7edd9d{--content-width:100%;}.elementor-6101 .elementor-element.elementor-element-309fad7f{--content-width:60%;}.elementor-6101 .elementor-element.elementor-element-1d2ffeee{--content-width:59%;}.elementor-6101 .elementor-element.elementor-element-35a013be{--content-width:100%;}.elementor-6101 .elementor-element.elementor-element-5da90d3f{--width:25%;}.elementor-6101 .elementor-element.elementor-element-33bf3450{--width:25%;}.elementor-6101 .elementor-element.elementor-element-7abfbf56{--width:25%;}.elementor-6101 .elementor-element.elementor-element-cfa9dbd{--width:25%;}.elementor-6101 .elementor-element.elementor-element-25f2342{--content-width:60%;}.elementor-6101 .elementor-element.elementor-element-2afa4e8{--content-width:59%;}}@media(max-width:1024px){.elementor-6101 .elementor-element.elementor-element-7b3cb7d{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-6101 .elementor-element.elementor-element-7b3cb7d{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for nested-carousel, class: .elementor-element-7b3cb7d *//* === Elementor 輪播導覽點長條樣式 (通用) === */
.elementor .swiper-pagination-bullet {
  width: 30px;        /* 長條長度 */
  height: 6px;        /* 長條高度 */
  border-radius: 3px; /* 圓角，可改成 0 為方條 */
  background-color: rgb(255, 255, 255); /* 預設白色 */
  opacity: 1;         /* 避免透明 */
  transition: background-color 0.3s ease, transform 0.3s ease;
  cursor: pointer;
}

.elementor .swiper-pagination-bullet:hover {
  background-color: rgb(255, 255, 255); /* 滑鼠移入藍色 */
  transform: scale(1.1);
}

.elementor .swiper-pagination-bullet-active {
  background-color: rgb(0, 102, 255); /* 被選中藍色 */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5da90d3f *//* 讓容器可以放置偽元素，並限制內容溢出 */
.hover-box {
    position: relative; /* 為偽元素定位提供基準 */
    overflow: hidden;   /* 防止放大後超出容器 */
}

/* 使用偽元素 (::before) 來顯示背景圖，並控制放大效果 */
.hover-box::before {
    content: "";                /* 必須設定，才能生成偽元素 */
    position: absolute;         /* 絕對定位，填滿整個容器 */
    inset: 0;                   /* 等同於 top:0; right:0; bottom:0; left:0 */

    /* 讀取 Elementor 設定的背景圖片 */
    background-image: inherit;  /* 繼承父元素的背景圖 */
    background-size: cover;     /* 背景圖填滿容器 */
    background-position: center;/* 背景圖置中 */

    /* 初始縮放比例 */
    transform: scale(1);
    transition: transform 0.5s ease-out; /* 平滑過渡效果 */
    z-index: 0;                /* 偽元素在最底層 */
}

/* 滑鼠移入時，放大背景圖 */
.hover-box:hover::before {
    transform: scale(1.3); /* 放大比例，可自行調整 */
}

/* 讓容器內的內容顯示在偽元素之上 */
.hover-box > * {
    position: relative; /* 內容保持正常定位 */
    z-index: 1;         /* 內容層級高於偽元素 */
}



/* 按鈕初始狀態 */
.hover-box .elementor-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) translateY(20px); /* 初始往下 */
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
    z-index: 2;
    color: #fff; /* 初始白字 */
    border: 2px solid #fff; /* 白色邊框 */
    background: transparent;
    overflow: hidden; /* 讓偽元素不超出範圍 */
}

/* 白底動畫：使用 ::before */
.hover-box .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* 初始寬度 0 */
    height: 100%;
    background: #fff; /* 白底 */
    z-index: -1; /* 在文字後面 */
    transition: width 0.2s ease; /* 動畫時間 */
}

/* 標題初始狀態 */
.hover-box .elementor-heading-title {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translateX(-50%) translateY(20px);
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
    z-index: 2;
    color: #fff;
}


.hover-box:hover .elementor-button,
.hover-box:hover .elementor-heading-title {
    opacity: 1;
    transform: translate(-50%, -50%) translateY(0);
}

.hover-box:hover .elementor-heading-title {
    transform: translateX(-50%) translateY(0);
}

/* 滑鼠移到按鈕時：白底填滿 + 文字變黑 */
.hover-box .elementor-button:hover {
    color: #000 !important;
}

.hover-box .elementor-button:hover::before {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33bf3450 *//* 讓容器可以放置偽元素，並限制內容溢出 */
.hover-box {
    position: relative; /* 為偽元素定位提供基準 */
    overflow: hidden;   /* 防止放大後超出容器 */
}

/* 使用偽元素 (::before) 來顯示背景圖，並控制放大效果 */
.hover-box::before {
    content: "";                /* 必須設定，才能生成偽元素 */
    position: absolute;         /* 絕對定位，填滿整個容器 */
    inset: 0;                   /* 等同於 top:0; right:0; bottom:0; left:0 */

    /* 讀取 Elementor 設定的背景圖片 */
    background-image: inherit;  /* 繼承父元素的背景圖 */
    background-size: cover;     /* 背景圖填滿容器 */
    background-position: center;/* 背景圖置中 */

    /* 初始縮放比例 */
    transform: scale(1);
    transition: transform 0.5s ease-out; /* 平滑過渡效果 */
    z-index: 0;                /* 偽元素在最底層 */
}

/* 滑鼠移入時，放大背景圖 */
.hover-box:hover::before {
    transform: scale(1.3); /* 放大比例，可自行調整 */
}

/* 讓容器內的內容顯示在偽元素之上 */
.hover-box > * {
    position: relative; /* 內容保持正常定位 */
    z-index: 1;         /* 內容層級高於偽元素 */
}



/* 按鈕初始狀態 */
.hover-box .elementor-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) translateY(20px); /* 初始往下 */
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
    z-index: 2;
    color: #fff; /* 初始白字 */
    border: 2px solid #fff; /* 白色邊框 */
    background: transparent;
    overflow: hidden; /* 讓偽元素不超出範圍 */
}

/* 白底動畫：使用 ::before */
.hover-box .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* 初始寬度 0 */
    height: 100%;
    background: #fff; /* 白底 */
    z-index: -1; /* 在文字後面 */
    transition: width 0.2s ease; /* 動畫時間 */
}

/* 標題初始狀態 */
.hover-box .elementor-heading-title {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translateX(-50%) translateY(20px);
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
    z-index: 2;
    color: #fff;
}


.hover-box:hover .elementor-button,
.hover-box:hover .elementor-heading-title {
    opacity: 1;
    transform: translate(-50%, -50%) translateY(0);
}

.hover-box:hover .elementor-heading-title {
    transform: translateX(-50%) translateY(0);
}

/* 滑鼠移到按鈕時：白底填滿 + 文字變黑 */
.hover-box .elementor-button:hover {
    color: #000 !important;
}

.hover-box .elementor-button:hover::before {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7abfbf56 *//* 讓容器可以放置偽元素，並限制內容溢出 */
.hover-box {
    position: relative; /* 為偽元素定位提供基準 */
    overflow: hidden;   /* 防止放大後超出容器 */
}

/* 使用偽元素 (::before) 來顯示背景圖，並控制放大效果 */
.hover-box::before {
    content: "";                /* 必須設定，才能生成偽元素 */
    position: absolute;         /* 絕對定位，填滿整個容器 */
    inset: 0;                   /* 等同於 top:0; right:0; bottom:0; left:0 */

    /* 讀取 Elementor 設定的背景圖片 */
    background-image: inherit;  /* 繼承父元素的背景圖 */
    background-size: cover;     /* 背景圖填滿容器 */
    background-position: center;/* 背景圖置中 */

    /* 初始縮放比例 */
    transform: scale(1);
    transition: transform 0.5s ease-out; /* 平滑過渡效果 */
    z-index: 0;                /* 偽元素在最底層 */
}

/* 滑鼠移入時，放大背景圖 */
.hover-box:hover::before {
    transform: scale(1.3); /* 放大比例，可自行調整 */
}

/* 讓容器內的內容顯示在偽元素之上 */
.hover-box > * {
    position: relative; /* 內容保持正常定位 */
    z-index: 1;         /* 內容層級高於偽元素 */
}



/* 按鈕初始狀態 */
.hover-box .elementor-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) translateY(20px); /* 初始往下 */
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
    z-index: 2;
    color: #fff; /* 初始白字 */
    border: 2px solid #fff; /* 白色邊框 */
    background: transparent;
    overflow: hidden; /* 讓偽元素不超出範圍 */
}

/* 白底動畫：使用 ::before */
.hover-box .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* 初始寬度 0 */
    height: 100%;
    background: #fff; /* 白底 */
    z-index: -1; /* 在文字後面 */
    transition: width 0.2s ease; /* 動畫時間 */
}

/* 標題初始狀態 */
.hover-box .elementor-heading-title {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translateX(-50%) translateY(20px);
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
    z-index: 2;
    color: #fff;
}


.hover-box:hover .elementor-button,
.hover-box:hover .elementor-heading-title {
    opacity: 1;
    transform: translate(-50%, -50%) translateY(0);
}

.hover-box:hover .elementor-heading-title {
    transform: translateX(-50%) translateY(0);
}

/* 滑鼠移到按鈕時：白底填滿 + 文字變黑 */
.hover-box .elementor-button:hover {
    color: #000 !important;
}

.hover-box .elementor-button:hover::before {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cfa9dbd *//* 讓容器可以放置偽元素，並限制內容溢出 */
.hover-box {
    position: relative; /* 為偽元素定位提供基準 */
    overflow: hidden;   /* 防止放大後超出容器 */
}

/* 使用偽元素 (::before) 來顯示背景圖，並控制放大效果 */
.hover-box::before {
    content: "";                /* 必須設定，才能生成偽元素 */
    position: absolute;         /* 絕對定位，填滿整個容器 */
    inset: 0;                   /* 等同於 top:0; right:0; bottom:0; left:0 */

    /* 讀取 Elementor 設定的背景圖片 */
    background-image: inherit;  /* 繼承父元素的背景圖 */
    background-size: cover;     /* 背景圖填滿容器 */
    background-position: center;/* 背景圖置中 */

    /* 初始縮放比例 */
    transform: scale(1);
    transition: transform 0.5s ease-out; /* 平滑過渡效果 */
    z-index: 0;                /* 偽元素在最底層 */
}

/* 滑鼠移入時，放大背景圖 */
.hover-box:hover::before {
    transform: scale(1.3); /* 放大比例，可自行調整 */
}

/* 讓容器內的內容顯示在偽元素之上 */
.hover-box > * {
    position: relative; /* 內容保持正常定位 */
    z-index: 1;         /* 內容層級高於偽元素 */
}



/* 按鈕初始狀態 */
.hover-box .elementor-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) translateY(20px); /* 初始往下 */
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
    z-index: 2;
    color: #fff; /* 初始白字 */
    border: 2px solid #fff; /* 白色邊框 */
    background: transparent;
    overflow: hidden; /* 讓偽元素不超出範圍 */
}

/* 白底動畫：使用 ::before */
.hover-box .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* 初始寬度 0 */
    height: 100%;
    background: #fff; /* 白底 */
    z-index: -1; /* 在文字後面 */
    transition: width 0.2s ease; /* 動畫時間 */
}

/* 標題初始狀態 */
.hover-box .elementor-heading-title {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translateX(-50%) translateY(20px);
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
    z-index: 2;
    color: #fff;
}


.hover-box:hover .elementor-button,
.hover-box:hover .elementor-heading-title {
    opacity: 1;
    transform: translate(-50%, -50%) translateY(0);
}

.hover-box:hover .elementor-heading-title {
    transform: translateX(-50%) translateY(0);
}

/* 滑鼠移到按鈕時：白底填滿 + 文字變黑 */
.hover-box .elementor-button:hover {
    color: #000 !important;
}

.hover-box .elementor-button:hover::before {
    width: 100%;
}/* End custom CSS */