.elementor-257 .elementor-element.elementor-element-267fc96{--display:flex;--min-height:300px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--overflow:hidden;--background-transition:0s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-257 .elementor-element.elementor-element-267fc96:hover::before, .elementor-257 .elementor-element.elementor-element-267fc96:hover > .elementor-background-video-container::before, .elementor-257 .elementor-element.elementor-element-267fc96:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-257 .elementor-element.elementor-element-267fc96 > .elementor-background-slideshow:hover::before, .elementor-257 .elementor-element.elementor-element-267fc96 > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-257 .elementor-element.elementor-element-267fc96, .elementor-257 .elementor-element.elementor-element-267fc96::before{--border-transition:0.3s;}.elementor-257 .elementor-element.elementor-element-9a58d35{--spacer-size:300px;width:100%;max-width:100%;top:0px;z-index:0;}body:not(.rtl) .elementor-257 .elementor-element.elementor-element-9a58d35{left:0px;}body.rtl .elementor-257 .elementor-element.elementor-element-9a58d35{right:0px;}.elementor-257 .elementor-element.elementor-element-9a58d35 > .elementor-widget-container{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-257 .elementor-element.elementor-element-adffcdf{text-align:center;width:100%;max-width:100%;}.elementor-257 .elementor-element.elementor-element-adffcdf .elementor-heading-title{color:#FFFFFF;font-family:"Noto Sans TC", Noto Sans TC;font-size:18px;font-weight:600;}.elementor-257 .elementor-element.elementor-element-adffcdf > .elementor-widget-container{padding:0% 5% 0% 5%;}.elementor-257 .elementor-element.elementor-element-9def747 .elementor-icon-list-icon{width:14px;}.elementor-257 .elementor-element.elementor-element-9def747 .elementor-icon-list-icon i{font-size:14px;}.elementor-257 .elementor-element.elementor-element-9def747 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-257 .elementor-element.elementor-element-9def747 .elementor-icon-list-text, .elementor-257 .elementor-element.elementor-element-9def747 .elementor-icon-list-text a{color:#FFFFFF;}.elementor-257 .elementor-element.elementor-element-9def747 .elementor-icon-list-item{font-family:"Noto Sans TC", Noto Sans TC;font-size:16px;font-weight:400;}.elementor-257 .elementor-element.elementor-element-9def747 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-257 .elementor-element.elementor-element-9def747{width:100%;max-width:100%;}.elementor-257 .elementor-element.elementor-element-8513ec9{--display:flex;--background-transition:0.3s;}.elementor-257 .elementor-element.elementor-element-1fafb14 .elementor-icon-list-icon{width:14px;}.elementor-257 .elementor-element.elementor-element-1fafb14 .elementor-icon-list-icon i{font-size:14px;}.elementor-257 .elementor-element.elementor-element-1fafb14 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}@media(min-width:768px){.elementor-257 .elementor-element.elementor-element-267fc96{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-267fc96 *//* 預設隱藏新聞標題和日期，帶有過渡效果 */
#news-title,
#news-date {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease, visibility 1s ease; 
}

/* 滑鼠懸停時對新聞圖片應用縮放效果 */
#news-box:hover #news-photo {
    transition: transform 0.3s ease; /* 縮放效果的過渡 */
    transform: scale(1.1);
}

#news-photo {
    transition: transform 0.8s ease;
}

/* 滑鼠懸停時在新聞圖片上添加半透明覆蓋層 */
#news-photo::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 1s ease; /* 透明度變化的過渡 */
}

/* 滑鼠懸停時顯示新聞標題和日期 */
#news-box:hover #news-title,
#news-box:hover #news-date {
    opacity: 1;
    visibility: visible;
}

/* 滑鼠懸停時增加新聞圖片上覆蓋層的不透明度 */
#news-box:hover #news-photo::before {
    opacity: 1;
}/* End custom CSS */