/* 匯入共用最新消息list.css */
@import url(../style_latest_news/style_latest_news_list.css);





/*========================================================*/
/*-------心得分享 內容--------*/
/*========================================================*/


.right_title:has(.share_now){

}
    .share_now{
        display: flex;
        align-items: center;
        gap: 0.375rem;
        background-color: var(--sixth_color);
        color: #fff;
        text-decoration: none;
        padding: clamp(0.313rem, 0.112rem + 0.32vw, 0.5rem) clamp(0.625rem, 0.092rem + 0.86vw, 1.125rem);
        border-radius: 1.5625rem;
        font-size: clamp(1rem, 0.867rem + 0.22vw, 1.125rem);
        white-space: nowrap;
        transition: var(--transition-data);
        line-height: 1.3;
        box-shadow: 0 0.375rem 0.875rem -0.25rem rgba(200, 96, 112, 0.55);
        margin-left: auto;
    }

        .share_now a{
            display: flex;
            align-items: center;
            text-align: center;
            gap: 0.3125rem;
            margin: 0;
            padding: 0;
            font-size: inherit;
            font-weight: inherit;
            line-height: inherit;
            color: inherit;
            text-decoration: none;
        }
        .share_now:hover{
            opacity: 0.9;
            transform: translateY(-1px);
            box-shadow: 0 0.5rem 1rem -0.25rem rgba(200, 96, 112, 0.6);
            text-decoration: none;
        }






.testimonials_area{
    margin: 0;
    padding: 0;
    list-style-type : none;
    /* display: block; */
    display: flex;
    flex-wrap: wrap;
    gap: clamp(0.813rem, 0.012rem + 1.29vw, 1.563rem);
}


    .testimonials_area .news_list{
        flex:unset;
        width: calc((100% / 4) - (3 * clamp(0.813rem, 0.012rem + 1.29vw, 1.563rem) / 4) - 0.0063rem); /* 4欄平均寬度，扣除間距 */
    }




@media (max-width: 1280px) {

    .testimonials_area .news_list{
        width: calc((100% / 3) - (2 * clamp(0.813rem, 0.012rem + 1.29vw, 1.563rem) / 3) - 0.0063rem); /* 3欄平均寬度，扣除間距 */
    }

}


@media (max-width: 990px) {

    .testimonials_area .news_list{
        width: calc((100% / 2) - (1 * clamp(0.813rem, 0.012rem + 1.29vw, 1.563rem) / 2) - 0.0063rem); /* 2欄平均寬度，扣除間距 */
    }

}

@media (max-width: 400px) {
	.testimonials_area .news_list{
		width: 100%;
	}
}