/*========================================================*/
/*-------最新消息樣式--------*/
/*========================================================*/



.newsBg{	
    /* background-color: #fff; */
    /* background-color: var(--third_color); */
    /*padding-bottom: clamp(5.0625rem, 4.9479vw, 5.9375rem) ; */ /*最小值 81px、大小約 4.9479vw、最大值 95px*/
}
    .newsBg .wrap{
        /*position: relative;
        margin-right: 0;
        max-width: 113.75rem;*/ /*1820px*/
    }

    

        .news_area{
            display: grid;
            grid-template-columns: repeat(3 , 1fr);
            /*gap: clamp(1.25rem, 1.5625vw, 1.875rem);*/  /*最小值 20px、大小約 1.5625vw、最大值 30px*/

            column-gap: clamp(1.25rem, 1.5625vw, 1.875rem);  /*最小值 20px、大小約 1.5625vw、最大值 30px*/
            row-gap: clamp(2.5000rem, 3.1250vw, 3.7500rem); /*  最小值 40px、大小約 3.1250vw、最大值 60px */
        }

        

            .newsList{

            }
                .newsIn{
                    /* padding-bottom: 5px; */
                }
                    .newsIn a{
                        display: block;
                        color: var(--dark_color);
                        text-decoration: none;
                    }

                        .newsCard{
                            
                        }
                            .news_img{
                                
                            }
                                .news_img span{
                                    position: relative;
                                    padding-top: 74%;
                                    border-radius: 0px;
                                    display: block;
                                    overflow: hidden;
                                    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
                                }
                                    .news_img img{
                                        width: 100%;
                                        height: 100%;
                                        object-fit: cover;
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                        bottom: 0;
                                        right: 0;
                                        float: none;
                                        width: 100% !important;
                                        height: 100% !important;
                                        object-fit: cover;
                                        transition: 0.3s ease all;
                                    }
                                    .news_img:hover :hover img{
										transform: scale(1.2);
										transition: 0.3s ease all;
									}




                            .news_area .newsBottom{
                                display: flex;
                                flex-direction: column;
                                gap: 10px;
                                margin-top: clamp(0.625rem, 0.7813vw, .9375rem);  /*最小值 10px、大小約 0.7813vw、最大值 15px*/

                                
                                line-height: 1.2;
                            }
                                .news_area  .date{
                                    color: var(--seventh_color);
                                    font-size: inherit;
                                    font-family: var(--foreign_foreign2);
                                    line-height: 1;
                                    font-size: 0.875rem;		/*14px*/
                                    display: flex;
                                    align-items: center;
                                    justify-content: space-between;
                                }

                                .news_area  .date_line{
                                    background-color: var(--fourth_color);
                                    /* width: 90%; */
                                    transform-origin: left center;
                                    width: calc(100% - 0.3125rem); /*calc(100% - 5px)*/
                                    height: 1px;
                                }
                                .news_area  .date_in{
                                    display: flex;
                                    flex-direction: column-reverse;
                                    align-items: center;
                                    color: inherit;
                                    text-align: center;
                                }
                                    .news_area  .date_in .year{
                                        /* font-size: 20px; */
                                        font-size: clamp(1.0625rem, 1.0417vw, 1.25rem);  /*字體 最小值 17px、大小約 1.0417vw、最大值 20px*/
                                    }
                                    .news_area  .date_in .day{
                                        /* font-size: 36px; */
                                        font-size: clamp(1.875rem, 1.875vw, 2.25rem);  /*字體 最小值 30px、大小約 1.875vw、最大值 36px*/
                                    }



                                .news_area .newsTit{
                                    color: inherit;
                                    line-height: inherit;
                                    /* font-weight: 400; */
                                    font-weight: 700;
                                    display: block;
                                    /*font-size: clamp(1.25rem, 1.25vw, 1.5rem); */ /*字體 最小值 20px、大小約 1.25vw、最大值 24px*/
                                    font-size: clamp(1rem, 1.0938vw, 1.3125rem);  /*字體 最小值 16px、大小約 1.0938vw、最大值 21px*/
                                    /* padding-bottom: 5px; */
                                    display: -webkit-box;
                                    -webkit-box-orient: vertical;
                                    -webkit-line-clamp: 2;
                                    overflow: hidden;
                                    /* font-family: var(--mandarin_font2); */
                                    color: var(--seventh_color);
                                }
                                .news_area  .newsRemark{
                                    color: inherit;
                                    /* color: var(--second_color); */
                                    font-size: clamp(.875rem, 0.8333vw, 1rem);  /*字體 最小值 14px、大小約 0.8333vw、最大值 16px*/
                                    /* padding-bottom: 5px;*/
                                    
                                    display: -webkit-box;
                                    -webkit-box-orient: vertical;
                                    -webkit-line-clamp: 3;
                                    overflow: hidden; 

                                    color: var(--dark_color_sec);
                                }
                                


                                /*hover遮罩------------------*/
                                .news_hover{
                                    width: 100%;
                                    aspect-ratio: 1.351 /  1;
                                    position: absolute;
                                    bottom: 0;
                                    left: 0;

                                    display: none;
                                }
                                .news_hover::before {
                                    content: " ";
                                    position: absolute;
                                    top: 0;
                                    left: 0;
                                    width: 100%;
                                    height: 100%;
                                    margin: 0;
                                    box-sizing: border-box;
                                    z-index: -1;
                                    transition: filter .4s ease, opacity .4s ease !important;
                                    filter: opacity(0);	
                                }
                                .newsIn a:hover .news_hover::before{
                                    filter: opacity(1);
                                    background: linear-gradient(180deg, rgba(58, 106, 253, 0), rgba(9 87 195 / 70%)) !important;
                                    z-index: 1;
                                }







                                

@media (max-width: 990px){

    .news_area{
        grid-template-columns: repeat(2 , 1fr);
    }

        .news_content_area{
            /* display: flex;
            flex-direction: column;
            grid-template-columns: unset;
            justify-content: unset;
            align-items: unset;
            gap: 0;  */
        }

        .newsBg .index_title {
            /*max-width: clamp(17.5rem, 17.7083vw, 21.25rem);*/  /*最小值 280px、大小約 17.7083vw、最大值 340px*/
        }	

        .newsBg  .more_button_area{
            /* padding-top: 44px;
            padding-bottom: 88px;  */
        }


}

@media (max-width: 510px){

    .news_area{
        grid-template-columns: repeat(1 , 1fr);
    }

}