/* ===================================================== */
/* 其人其事css */
/* ===================================================== */

.about_profile_bg{
    display: flex;
    flex-direction: column;
    gap: clamp(1.6130rem, 2.6042vw, 3.1250rem); /* 25.81px , 2.6042vw , 50.00px */
}


    .about_profile_area{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 3.125rem; /*50px*/

        /*display: grid;
        grid-template-columns: repeat(2 , minmax(1fr , 50%));
        gap: clamp(1.6130rem, 2.6042vw, 3.1250rem);*/ /* 25.81px , 2.6042vw , 50.00px */
    }

        .about_profile_l , 
        .about_profile_r{
            width: calc(50% - (3.125rem / 2));
            box-sizing: border-box;
            /* width: 100%; */
        }

        /* 其人其事_區塊_left */
        .about_profile_l{            
        }

        /* 其人其事_區塊_right */
        .about_profile_r{
            
        }
            .about_profile_area .text_area{
                
            }

            
            

            .about_profile_area .banner{
                padding-bottom: 30px;
                background: transparent;
            }
            .about_profile_area  .swiper-pagination{

            }
            .main .about_profile_area .swiper-pagination-clickable .swiper-pagination-bullet {
                /* background-color: #f72b2b; */
                border:1px solid var(--fourth_color) ;
            }
            .main .about_profile_area  .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active{
                border:1px solid var(--fourth_color) ;
                background: var(--fourth_color);
            }


            .about_profile_area .profile_item{
                display: flex;
                flex-direction: column;
                gap: .9375rem; /*15*/
            }
                 .about_profile_area .profile_item .profile_img{
                    position: relative;
                    /* padding-top: 100%;
                    border-radius: 10px; */
                    display: block;
                    overflow: hidden;
                    width: 100%;
                    aspect-ratio: 16 / 9;
                 }
                    .about_profile_area .profile_item .profile_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;
                    }
                     .about_profile_area .profile_item .description{
                        font-weight: 500;
                        font-size: 1rem;
                        line-height: 1.5;
                        color: var(--fourth_color);

                        display: -webkit-box;
                        -webkit-box-orient: vertical;	
                        -webkit-line-clamp: 3;	
                        overflow: hidden;
                     }














@media screen and (max-width: 1350px) {

    .about_profile_area{
        gap: 1.5625rem; /*25px*/
    }

        .about_profile_l , 
        .about_profile_r{
            width: calc(50% - (1.5625rem / 2));
        }


}


@media  (max-width: 990px) {

    .about_profile_area{
        flex-direction: column;
        /*gap: 1.5625rem;*/ /*25px*/
    }

        .about_profile_l , 
        .about_profile_r{
            width: 100%;
        }


}










/* ===================================================== */
/* 其人其事_生平列表css */
/* ===================================================== */


.life_area{			
    column-count: 2; /* 將文章分成兩欄 */						
    column-gap: clamp(1.9355rem, 3.1250vw, 3.7500rem); /* 30.97px , 3.1250vw , 60.00px */
    /* padding-top: clamp(.8125rem,1.3542vw,1.625rem); */
}



.life_area .life_section {
	padding: 0;
	
	display: flex;
	flex-direction: column;
    gap: clamp(0.3226rem, 0.5208vw, 0.625rem); /* 5.16px , 0.5208vw , 10.00px */
	
}
.life_area .life_section .life_item{
	display: grid;
	align-items: flex-start;
	grid-template-columns: clamp(2.2500rem, 3.6458vw, 4.3750rem) 3.75rem auto;/* 36.00px , 3.6458vw , 70.00px */ 
	gap: clamp(0.3226rem, 0.5208vw, 0.625rem); /* 5.16px , 0.5208vw , 10.00px */
	color: #585551;
	text-align: center;
	line-height: 1.5;
	font-size: clamp(0.8750rem, 0.8333vw, 1.0000rem); /* 14.00px , 0.8333vw , 16.00px */
}
.life_area .life_section .life_item .year{
	background-color: #D6D5D4;
	padding:  clamp(0.3226rem, 0.5208vw, 0.6250rem); /* 5.16px , 0.5208vw , 10.00px */
	text-align: center;
	font-family: var(--foreign_font);
	line-height: 1;
}
.life_area .life_section .life_item .text{
	color: #666360;
	text-align: start;	
}







@media (max-width: 1400px){




}


@media (max-width: 990px){


	.life_area{	
		display: flex;
		flex-direction: column;		
		column-count: unset;				
		column-gap: 0; 
	}
	
		.life_area .life_section {
			display: flex;
			flex-direction: column;
			gap: 5px;
			padding: 0;
			padding-top:  clamp(1.613rem, 2.6042vw, 3.125rem); /* 25.81px , 2.6042vw , 50px */
		}
		

}