/* 匯入共用_有標題的多圖文.css */
@import url("../../style_nav/style_about/style_articles.css");

/* 匯入共用_師資模組.css */
@import url("../../style_nav/style_cause/style_people.css");

/* 匯入共用_連結模組.css */
@import url("../../style_nav/style_service/style_link.css");






/* ======================================================= */
/* 非凡人物 */
/* ======================================================= */



.team_bg{
    display: flex;
    flex-direction: column;
    gap: clamp(3.3872rem, 5.4688vw, 6.5625rem) 0; /* 54.20px , 5.4688vw , 105.00px */
}

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


    .team_section{

    }

    .team_bg .right_title3{
        /* text-align: center;
        margin-bottom: 0; */
    }
        .team_bg .right_title3 strong:before{
            left: 50%;
            transform: translateX(-50%);
        }	



         .lead_bg  .team_section:first-of-type{
            /*margin-bottom:clamp(3.3872rem, 5.4688vw, 6.5625rem);*/ /* 54.20px , 5.4688vw , 105.00px */ 
            margin-bottom:  clamp(1.8125rem, 2.8646vw, 3.4375rem); /* 29px , 2.8646vw , 55px */
         }



        .team_bg .people_card{
            cursor: pointer;
            transition: 0.3s ease all;
        }
        .team_bg .people_card:hover{
            opacity: 0.7;
            transition: 0.3s ease all;
        }
        .team_bg .people_card:hover .people_Img img{
            transform: scale(1.1);
            transition: 0.3s ease all;
        }

            .team_bg  .people_info {
                align-items: center;
            }













/* ======================================================= */
/* 三大領導人 */
/* ======================================================= */

.lead_bg{

}

    .lead_bg .team_section2 .right_title3{
        text-align: center;
    }

    .lead_area{
        max-width: 57.5rem; /*920*/
        margin: 0 auto;
    }

        /* 相關成員列表 */
        .lead_area .people_list{
            width: calc(100% / 3);
            /*padding: 0 1.5625rem;*/ /*0 25*/
        }

@media (max-width: 990px){

    .lead_bg .people_Img {
        /* width: 50%;
        margin: 0 auto; */
    }

}

@media (max-width: 640px){

    /* 相關成員列表 */
    .lead_area .people_list{
        width: calc(100% / 1);
    }
        .lead_bg .people_Img {
            width: 50%;
            margin: 0 auto;
        }

}


@media (max-width: 510px){

    /* 相關成員列表 */
    .lead_area .people_list{
    }
        .lead_bg .people_Img {
            width: 100%;
        }

}




/* ======================================================= */
/* 威望皇冠大使 */
/* ======================================================= */

.ambassador_bg{

}


    .ambassador_section{

    }
        .ambassador_bg .team_section2 .right_title3 ,
        .ambassador_section .right_title3{
            text-align: center;
        }
            .ambassador_bg .team_section2 .right_title3 strong:before ,
            .ambassador_section .right_title3 strong:before {
                left: 50%;
                transform: translateX(-50%);
            }	



        .ambassador_area{
            
        }
            .ambassador_area .people_list{
                /* width: calc(100% / 6); */
            }
                .ambassador_area .people_card {
                    gap: .9375rem;
                }
                    .ambassador_area .people_info {
                        gap: .625rem;
                    }

                        .ambassador_area .people_info_list1 {
                            text-align: center;
                        }
                        .ambassador_area  .people_info_list2 {
                            font-size: 1rem;
                            justify-content: center;
                                /* gap: 5px 15px; */
                            row-gap:0.3125rem;
                            column-gap: 0; 
                        }


        /*-------頁數列區塊--------*/
        .ambassador_section  .number_pageArea{
            margin-top:clamp(1.6130rem, 2.6042vw, 3.1250rem); /* 25.81px , 2.6042vw , 50.00px */
        }



/* 在螢幕寬度大於1281時，套用這裡的特定樣式 */
@media screen and (min-width: 1281px) {
    .ambassador_area .people_list{
        width: calc(100% / 6);
    }
}


@media (max-width: 1280px){ 

    .ambassador_area .people_list{
        width: calc(100% / 4);
    }

}

@media (max-width: 990px){ 

    .ambassador_area .people_list{
        width: calc(100% / 3);
    }

}

@media (max-width: 640px){ 

    .ambassador_area{
        display: grid;
        grid-template-columns: repeat(2 , 1fr);
        gap: clamp(0.9678rem, 1.5625vw, 1.8750rem); /* 15.48px , 1.5625vw , 30.00px */
    }
        .ambassador_area .people_list{
            width: 100%;
        }
        .ambassador_area .people_card {
            gap: .625rem; /*10*/
        }

}

/* 在螢幕寬度大於991時，套用這裡的特定樣式 */
@media screen and (min-width: 1281px) {

}






















/* ======================================================= */
/* 非凡人物_燈箱 */
/* ======================================================= */




.teacher-popup{

}
    .teacher-popup .people_list{    
        width: 100%;
        padding: 0;
        margin-bottom: 1.5625rem; /*25*/
    }
        .teacher-popup .people_card{        
            display: grid;                
            grid-template-columns: 175px auto;
        }

         .teacher-popup .people_info_list3{
            font-size: clamp(1.1250rem, 1.2500vw, 1.5000rem); /* 18.00px , 1.2500vw , 24.00px */
            font-weight: 700;
            color: var(--primary_color);
         }

         .teacher-popup .people_info .description{
            display: -webkit-box;
            -webkit-box-orient: vertical;	
            -webkit-line-clamp: 4;	
            overflow: hidden;
         }
         
@media (max-width: 768px){ 

    .teacher-popup .people_card{        
        display: flex;                
        grid-template-columns:unset;
        flex-direction: column;
    }

        .teacher-popup   .people_Img {
            /* box-sizing: border-box;
            width: 100%; */
            max-width: 18.75rem;
            margin: 0 auto;
        }

}