/* =========================
   當屆成員區塊 team
========================= */
.team_area {

}


/* =========================
   分組區塊
========================= */
.team_group {
    padding-top: clamp(1.875rem, -0.125rem + 3.23vw, 3.75rem); /* 30 60 */
}
.team_group:first-child {
    padding-top: 0;
}

.team_group_content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: clamp(0.625rem, -0.042rem + 1.08vw, 1.25rem); /* 10 20 */
}

/* 副標題------------------------- */
.subtitle{
    /* border-bottom: 1px solid #777; */
    color: var(--white_color);
    font-size: clamp(0.75rem, 0.617rem + 0.22vw, 0.875rem); /* 12 14 */
    font-weight: 500;
    letter-spacing: .3125rem; /* 5 */

    margin-bottom: 2.5rem;
    padding-bottom: .625rem;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(0.313rem, -0.021rem + 0.54vw, 0.625rem); /* 5 10 */
}

.subtitle02{
    border-bottom: 1px solid #777;
    color: var(--primary_color);
    font-size: clamp(0.875rem, 0.742rem + 0.22vw, 1rem); /* 14 16 */
    font-weight: 600;
    letter-spacing: .3125rem; /* 5 */

    margin-bottom: 2.5rem;
    padding-bottom: .625rem;

    display: flex;
    align-items: center;
    gap: clamp(0.313rem, -0.021rem + 0.54vw, 0.625rem); /* 5 10 */
}

.subtitle02 .subtitle_ch{
}

.subtitle02 .subtitle_en{
    display: block;
    font-family: var(--foreign_font);
    letter-spacing: 2px;
}

.subtitle .subtitle_ch{}

.subtitle .subtitle_en{
    display: block;
    font-family: var(--foreign_font);
    letter-spacing: 2px;
}

/* =========================
   成員卡片
========================= */
.team_member_card {
    display: flex;
    flex-direction: column;
    gap: clamp(1.25rem, 0.917rem + 0.54vw, 1.563rem); /* 20 25 */

    width: 100%;
    max-width: 17.5rem; /* 280 */
}

.card02 .bottom_area{
    border: unset;
}


/* 上方區塊（職稱） */
.top_area {

}

.job_tit {
    font-size: clamp(0.75rem, 0.617rem + 0.22vw, 0.875rem); /* 12 14 */
    font-weight: 600;
    text-align: center;
    line-height: 1.5;
    
    
    min-height: 4.375rem; /* 70 */
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.job_tit .tit_ch{
    display: block;
    letter-spacing: .3125rem; /* 5 */
}
.job_tit .tit_en {
    display: block;
    font-family: var(--foreign_font);
    letter-spacing: 2px;
}


/* 下方區塊 */
.bottom_area {
    border: 5px solid var(--primary_color);
    box-sizing: border-box;
    border-radius: 20%;
    padding: clamp(1.875rem, 1.208rem + 1.08vw, 2.5rem); /* 30 40 */

    display: flex;
    gap: clamp(0.625rem, -0.042rem + 1.08vw, 1.25rem); /* 10 20 */
    flex-direction: column;
}

/* =========================
   成員卡片2
========================= */




/* =========================
   人物資訊
========================= */
.team_member_picture {
    width: 100%;
    overflow: hidden;
    border-radius: 18%;
    border: 2px solid rgb(39 39 42);
    box-sizing: border-box;
}

.picture_img {
    display: block;
    position: relative;
    padding-top: 100%;
}

.picture_img img {
    width:100%;
    height:auto;
    transition: all 0.3s ease-out;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    float: none;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transition: all 0.3s ease-out;
}

/* 名字 */
.team_member_name {

}

.name_text {
    font-size: clamp(1.125rem, 0.725rem + 0.65vw, 1.5rem);
    font-weight: 600;
    text-align: center;
    line-height: 2rem;
    /* 斜體 */
    /* font-style: italic; */
}



/* =========================
   RWD - Team Area
========================= */

/* 平板（≤ 1024px） */
@media (max-width: 1024px) {

    /* 卡片區改 2 欄 */
    .team_group_content {
        justify-content: center;
    }

    .team_member_card {
        max-width: calc(50% - 10px);
    }

    /* subtitle 字稍微縮 */
    .subtitle,
    .subtitle02 {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        gap: 6px;
    }

}


/* 手機（≤ 768px） */
@media (max-width: 768px) {

    /* 卡片變 1 欄 */
    .team_member_card {
        max-width: 100%;
    }

    /* 卡片內 padding 收斂 */
    .bottom_area {
        padding: 20px;
    }

    /* 職稱字縮小 */
    .job_tit {
        font-size: 13px;
        letter-spacing: 2px;
        min-height: auto;
    }

    /* 名字縮小 */
    .name_text {
        font-size: 1.25rem;
        line-height: 1.6rem;
    }
}


/* 小手機（≤ 480px） */
@media (max-width: 480px) {

    /* 整體間距縮小 */
    .team_group {
        padding-top: 40px;
    }

    /* subtitle 再縮 */
    .subtitle,
    .subtitle02 {
        font-size: 13px;
        letter-spacing: 2px;
    }

    /* 卡片圓角縮一點（避免太重） */
    .bottom_area {
        border-radius: 16px;
    }

    .team_member_picture {
        border-radius: 14px;
    }

}