.elementor-2518 .elementor-element.elementor-element-6caa562{--display:flex;--min-height:520px;--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-2518 .elementor-element.elementor-element-6caa562:not(.elementor-motion-effects-element-type-background), .elementor-2518 .elementor-element.elementor-element-6caa562 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://i-property.com.tw/wp-content/uploads/2025/10/image-9.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2518 .elementor-element.elementor-element-bb893a2{--display:flex;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--margin-top:0px;--margin-bottom:147px;--margin-left:0px;--margin-right:0px;}.elementor-2518 .elementor-element.elementor-element-796ec15 .elementor-heading-title{font-size:32px;font-weight:700;letter-spacing:1.6px;color:var( --e-global-color-secondary );}.elementor-2518 .elementor-element.elementor-element-e23682b .elementor-heading-title{font-size:15px;font-weight:400;line-height:30px;letter-spacing:0.75px;color:var( --e-global-color-secondary );}.elementor-2518 .elementor-element.elementor-element-ab00dbb{--display:flex;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--margin-top:0px;--margin-bottom:147px;--margin-left:0px;--margin-right:0px;}.elementor-2518 .elementor-element.elementor-element-c6c095a .elementor-heading-title{font-size:32px;font-weight:700;letter-spacing:1.6px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-2518 .elementor-element.elementor-element-a89bc78 .elementor-heading-title{font-size:15px;font-weight:400;line-height:30px;letter-spacing:0.75px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-2518 .elementor-element.elementor-element-0dd8684{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-339px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-2518 .elementor-element.elementor-element-bb893a2{--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-2518 .elementor-element.elementor-element-ab00dbb{--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}}@media(max-width:767px){.elementor-2518 .elementor-element.elementor-element-6caa562:not(.elementor-motion-effects-element-type-background), .elementor-2518 .elementor-element.elementor-element-6caa562 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://i-property.com.tw/wp-content/uploads/2025/11/image-9.png");}.elementor-2518 .elementor-element.elementor-element-ab00dbb{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 0px;--row-gap:20px;--column-gap:0px;}.elementor-2518 .elementor-element.elementor-element-0dd8684{--margin-top:-288px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:1366px) and (min-width:768px){.elementor-2518 .elementor-element.elementor-element-bb893a2{--content-width:100%;}.elementor-2518 .elementor-element.elementor-element-ab00dbb{--content-width:100%;}}/* Start custom CSS */.hero {
    position: relative;  /* hero 保持相對定位 */
    z-index: 5;
    transition: opacity 0.2s ease-out;
}

.hero2{
    position: absolute;
    bottom: 0;  /* 底部對齊 herowrapper 的底部 */
    left: 0;
    right: 0;
    z-index: 10;
    max-height: 0;  /* 初始高度為 0 */
    opacity: 0;
    pointer-events: none;
    overflow: visible !important;  /* 關鍵:讓內容可以超出 */
    transition: max-height 0.4s ease-out, opacity 0.4s ease-out;
}

.herowrapper {
    position: relative;
    min-height: 89px;
    overflow: visible !important;
}

.herowrapper .e-con-inner {
    overflow: visible !important;
}

.herowrapper:hover .hero{
    opacity: 0;
}

.herowrapper:hover .hero2{
    max-height: 300px;  /* 展開到完整高度,數值根據實際內容調整 */
    opacity: 1;
    pointer-events: auto;
}

/* Swiper 設定 */
.e-n-carousel.swiper,
.swiper-wrapper,
.swiper-slide {
    overflow: visible !important;
}/* End custom CSS */