/*================================*/
/*----- NEWS -----*/
/*================================*/

.wrap{
	/* width: 70%; */
}

.right_title_news{
    display: flex;
    flex-direction: column;
    margin-bottom: clamp(1.375rem, 1.8229vw, 2.1875rem); 
    /* row-gap:clamp(1.375rem, 1.8229vw, 2.1875rem); */
	color: var(--dark_color);
}
    .right_title_news .date{
        color: var(--dark_color);
        /*font-size: clamp(.9375rem, 0.9375vw, 1.125rem);*/
        /* line-height: 1.2; */
        font-family: inherit;
        line-height: 1;
        font-size: 0.875rem; 
    }




.news_area{
    display: grid;
    grid-template-columns: repeat(3 , 1fr);
    gap: clamp(1.25rem, 1.5625vw, 1.875rem); 
}

    .newsList{

    }
        .newsIn{
            padding-bottom: 5px;
        }
            .newsIn a{
                display: block;
                color: #fff;
                text-decoration: none;
            }

                .newsCard{
                    
                }
                    .news_img{
                        
                    }
                        .news_img span{
                            position: relative;
                            padding-top: 74%;
                            /* border-radius: 10px; */
                            display: block;
                            overflow: hidden;
                        }
                            .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_area .newsBottom{
                        display: flex;
                        flex-direction: column;
                        gap: 10px;
                        margin-top: clamp(0.625rem, 0.7813vw, .9375rem); 

                        font-size: clamp(.9375rem, 0.9375vw, 1.125rem);  
                        line-height: 1.2;
                    }
                        .news_area  .date{
                            color: var(--dark_color);
                            font-size: inherit;	 
                            font-family:inherit;   	
                            line-height: 1;		
                            font-size: 0.875rem;		/*14px*/			
                        }
                        .news_area .newsTit{									
                            color: var(--dark_color);
                            line-height: inherit;
                            font-weight: 700;
                            display: block;		
                            /* padding-bottom: 5px;
                            
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                            -webkit-line-clamp: 2;
                            overflow: hidden; */
                        }
                        .news_area  .newsRemark{
                            /* color: inherit; */
                            color: var(--dark_color);
                            font-size: clamp(.875rem, 0.8333vw, 1rem); 
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                            -webkit-line-clamp: 2;
                            overflow: hidden;
                        }
                        


                        
                        .news_hover{
                            width: 100%;
                            aspect-ratio: 1.351 /  1;
                            position: absolute;
                            bottom: 0;
                            left: 0;
                        }
						.newsIn a:hover{
							opacity: 0.7;
							transition: 0.3s ease all;
						}
						
                        
		.newsIn_backBtn{
				padding: 25px 0;
				text-align: center;
			}
			.newsIn_backBtn.two{
				width: 100%;
			}
			.newsIn_backBtn.two input {
				margin: 0 25px;
			}
			.newsIn_backBtn.center{
				text-align: center;
			}

			.newsIn_backBtn input{
				border-radius: 6px;
				background-color: var(--primary_color);
				color: #fff;
				font-size: 18px;
				width: 150px;
				transition: 0.3s ease all;
			}

@media (max-width: 990px){

    .right_title_news{
        row-gap:clamp(0.7813rem, 1.3021vw, 1.5625rem);  /*最小值 12.5px、大小約 1.3021vw、最大值 25px*/
    }


    
    .news_area{
        grid-template-columns: repeat(2 , 1fr);
        /* padding: 88px 0 0; */
    }

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


}

@media (max-width: 375px){

    .news_area{
        display: flex;
        flex-direction: column;
        grid-template-columns: unset;
    }

}