.elementor-24189 .elementor-element.elementor-element-865d929{--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;--overlay-opacity:0.7;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-24189 .elementor-element.elementor-element-865d929:not(.elementor-motion-effects-element-type-background), .elementor-24189 .elementor-element.elementor-element-865d929 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sp2silia5s.com/wp-content/uploads/2026/02/banner2-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-24189 .elementor-element.elementor-element-865d929::before, .elementor-24189 .elementor-element.elementor-element-865d929 > .elementor-background-video-container::before, .elementor-24189 .elementor-element.elementor-element-865d929 > .e-con-inner > .elementor-background-video-container::before, .elementor-24189 .elementor-element.elementor-element-865d929 > .elementor-background-slideshow::before, .elementor-24189 .elementor-element.elementor-element-865d929 > .e-con-inner > .elementor-background-slideshow::before, .elementor-24189 .elementor-element.elementor-element-865d929 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-theme-archive-title .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-24189 .elementor-element.elementor-element-26776e7{text-align:center;}.elementor-24189 .elementor-element.elementor-element-26776e7 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:32px;font-weight:600;color:#FFFFFF;}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-24189 .elementor-element.elementor-element-6f51093{color:#FFFFFF;}.elementor-24189 .elementor-element.elementor-element-6f51093 a{color:#FFFFFF;}.elementor-24189 .elementor-element.elementor-element-deb3533{--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:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-widget-archive-posts .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-widget-archive-posts .elementor-post__title, .elementor-widget-archive-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-archive-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-archive-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-archive-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-post__card .elementor-post__badge{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-widget-archive-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .elementor-posts-nothing-found{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-24189 .elementor-element.elementor-element-1b2fcd2{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-24189 .elementor-element.elementor-element-1b2fcd2 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-24189 .elementor-element.elementor-element-1b2fcd2:after{content:"0.66";}.elementor-24189 .elementor-element.elementor-element-1b2fcd2 .elementor-post__thumbnail__link{width:100%;}.elementor-24189 .elementor-element.elementor-element-1b2fcd2 .elementor-post__meta-data span + span:before{content:"///";}.elementor-24189 .elementor-element.elementor-element-1b2fcd2.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-24189 .elementor-element.elementor-element-1b2fcd2.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-24189 .elementor-element.elementor-element-1b2fcd2.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-24189 .elementor-element.elementor-element-1b2fcd2 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-24189 .elementor-element.elementor-element-1b2fcd2 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-24189 .elementor-element.elementor-element-1b2fcd2 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-24189 .elementor-element.elementor-element-1b2fcd2 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-24189 .elementor-element.elementor-element-1b2fcd2 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:767px){.elementor-24189 .elementor-element.elementor-element-1b2fcd2 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-24189 .elementor-element.elementor-element-1b2fcd2:after{content:"0.5";}.elementor-24189 .elementor-element.elementor-element-1b2fcd2 .elementor-post__thumbnail__link{width:100%;}}@media(min-width:1025px){.elementor-24189 .elementor-element.elementor-element-865d929:not(.elementor-motion-effects-element-type-background), .elementor-24189 .elementor-element.elementor-element-865d929 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for container, class: .elementor-element-deb3533 *//* =============================================
   橘色系網站文章網格修復 (圖片靜止、不縮小)
   ============================================= */

/* 1. 卡片外框：增加質感與上浮動效 */
.elementor-post.elementor-grid-item {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    background: #ffffff !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

.elementor-post.elementor-grid-item:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 15px 40px rgba(255, 126, 0, 0.15) !important; /* 改為橘色調微陰影 */
    border-color: #ff7e00 !important; /* 懸停時邊框變橘色 */
}

/* 2. 圖片容器：解決坍塌與縮小問題 */
.elementor-posts--skin-classic .elementor-post__thumbnail {
    padding-bottom: 0 !important; /* 移除比例鎖定，解決縮小問題 */
    height: auto !important;
    min-height: 250px;
    display: block !important;
    position: relative !important;
    background: #fff;
}

/* 3. 圖片本體：強制 100% 寬度並徹底封印動效 */
.elementor-posts--skin-classic .elementor-post__thumbnail img {
    position: relative !important; /* 拔除絕對定位 */
    width: 100% !important;        /* 強制撐滿，不縮小 */
    height: auto !important;
    max-width: 100% !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;    /* 圖片絕對不動 */
    transition: filter 0.4s ease !important;
    object-fit: contain !important; 
    display: block !important;
}

/* 懸停時圖片微調亮度 */
.elementor-post:hover .elementor-post__thumbnail img {
    filter: brightness(0.97);
}

/* 4. 流光特效 (靜態圖片上的高級光影) */
.elementor-post__thumbnail::after {
    content: '';
    position: absolute;
    top: 0;
    left: -150%;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        to right, 
        rgba(255, 255, 255, 0) 0%, 
        rgba(255, 255, 255, 0.4) 50%, 
        rgba(255, 255, 255, 0) 100%
    );
    transform: skewX(-25deg);
    z-index: 5;
    pointer-events: none;
}

.elementor-post:hover .elementor-post__thumbnail::after {
    animation: custom-shine 0.8s forwards;
}

@keyframes custom-shine {
    100% { left: 150%; }
}

/* 5. 標題與資訊優化 (橘色系同步) */
.elementor-post__text {
    padding: 15px 20px !important;
    flex-grow: 1;
}

.elementor-post__title {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    margin-bottom: 10px !important;
}

.elementor-post__title a {
    color: #333 !important; /* 平常是深色 */
}

/* 標題懸停變橘色 */
.elementor-post:hover .elementor-post__title a {
    color: #ff7e00 !important; 
}

/* 6. 「閱讀更多」優化為橘色系連結 */
.elementor-post__read-more {
    color: #ff7e00 !important; /* 預設橘色 */
    font-weight: bold;
    font-size: 14px;
    transition: all 0.3s ease;
    display: inline-block;
}

.elementor-post:hover .elementor-post__read-more {
    color: #e67200 !important; /* 懸停稍微加深 */
    letter-spacing: 0.5px; /* 增加一點互動質感 */
}/* End custom CSS */