.elementor-36 .elementor-element.elementor-element-42725e0{--display:flex;--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-36 .elementor-element.elementor-element-1f99151{--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;--padding-top:3%;--padding-bottom:3%;--padding-left:5%;--padding-right:5%;}.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-36 .elementor-element.elementor-element-967b996{text-align:center;}.elementor-36 .elementor-element.elementor-element-967b996 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-36 .elementor-element.elementor-element-5d47b76{--swiper-slides-to-display:3;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-36 .elementor-element.elementor-element-5d47b76 .swiper-slide > .elementor-element{height:100%;}.elementor-36 .elementor-element.elementor-element-8bbf38c{--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;--padding-top:3%;--padding-bottom:3%;--padding-left:5%;--padding-right:5%;}.elementor-36 .elementor-element.elementor-element-7804f4f{text-align:center;}.elementor-36 .elementor-element.elementor-element-7804f4f .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-36 .elementor-element.elementor-element-7869fd12{--display:flex;--min-height:490px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:6%;--padding-bottom:6%;--padding-left:9%;--padding-right:9%;}.elementor-36 .elementor-element.elementor-element-7869fd12:not(.elementor-motion-effects-element-type-background), .elementor-36 .elementor-element.elementor-element-7869fd12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-36 .elementor-element.elementor-element-6633a5ab{--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:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:16%;}.elementor-36 .elementor-element.elementor-element-28c76ee8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:65px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;color:#1C244B;}.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-36 .elementor-element.elementor-element-7f6cf3a6{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;color:#324A6D;}.elementor-36 .elementor-element.elementor-element-227d4f74{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-36 .elementor-element.elementor-element-1aa2ec91{text-align:end;}.elementor-36 .elementor-element.elementor-element-1aa2ec91 img{height:490px;object-fit:cover;object-position:center center;}@media(max-width:1024px){.elementor-36 .elementor-element.elementor-element-5d47b76{--swiper-slides-to-display:2;}.elementor-36 .elementor-element.elementor-element-7869fd12{--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;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:12%;--padding-bottom:12%;--padding-left:12%;--padding-right:12%;}.elementor-36 .elementor-element.elementor-element-6633a5ab{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-36 .elementor-element.elementor-element-28c76ee8{text-align:center;}.elementor-36 .elementor-element.elementor-element-28c76ee8 .elementor-heading-title{font-size:45px;}.elementor-36 .elementor-element.elementor-element-7f6cf3a6{text-align:center;font-size:14px;}.elementor-36 .elementor-element.elementor-element-1aa2ec91 img{width:100%;height:360px;}}@media(max-width:767px){.elementor-36 .elementor-element.elementor-element-5d47b76{--swiper-slides-to-display:1;}.elementor-36 .elementor-element.elementor-element-7869fd12{--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:20%;--padding-bottom:20%;--padding-left:6%;--padding-right:6%;}.elementor-36 .elementor-element.elementor-element-28c76ee8 .elementor-heading-title{font-size:28px;line-height:1.1em;}.elementor-36 .elementor-element.elementor-element-1aa2ec91 img{height:300px;}}@media(min-width:768px){.elementor-36 .elementor-element.elementor-element-42725e0{--content-width:1728px;}.elementor-36 .elementor-element.elementor-element-7869fd12{--content-width:1600px;}.elementor-36 .elementor-element.elementor-element-6633a5ab{--width:50%;}.elementor-36 .elementor-element.elementor-element-227d4f74{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-36 .elementor-element.elementor-element-6633a5ab{--width:100%;}.elementor-36 .elementor-element.elementor-element-227d4f74{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-6002aef *//* 容器設定：深色背景 */
.dark-style-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 仿照圖片一列三格 */
    gap: 15px;
    background: #ffffff; /* 深藍黑色底 */
    padding: 30px;
}

.dark-item {
    position: relative;
    overflow: hidden;
}

.dark-item a {
    text-decoration: none;
}

/* 圖片容器與 Read more 圓圈 */
.dark-image-container {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1; /* 保持正方形 */
    overflow: hidden;
}

.dark-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 讓情境圖填滿 */
    transition: transform 0.6s ease;
    filter: brightness(0.8); /* 初始稍微壓暗 */
}

/* 圓圈按鈕設計 */
.read-more-circle {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 80px;
    height: 80px;
    border: 1px solid rgba(255,255,255,0.6);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0; /* 平時隱藏 */
    transition: all 0.4s ease;
    background: rgba(0,0,0,0.2);
}

.read-more-circle span {
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
}

/* 懸停效果 (Hover) */
.dark-item:hover img {
    transform: scale(1.1);
    filter: brightness(1);
}

.dark-item:hover .read-more-circle {
    opacity: 1;
    transform: scale(1.1);
}

/* 標題文字：靠左、白色 */
.dark-item h3 {
    color: #ffffff;
    font-size: 18px;
    margin-top: 15px;
    font-weight: 500;
    text-align: left;
}

/* 手機版：改為 1 欄 */
@media (max-width: 768px) {
    .dark-style-grid {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */