/*匯入師資模組*/
@import url(../style_admission/style_team.css);

/* ================================================================= */
/* 職員css */
/* ================================================================= */

.staff_bg{
    display: flex;
    flex-direction: column;
    gap: 2.1875rem; /*35*/
}
.teacher_area{
    display: grid;
    grid-template-columns: repeat(2,1fr);
}






/* ================================================================= */
/* 系主任css */
/* ================================================================= */

.deptHead_area{

}

.deptHead_area .teacher_card{
    border-left: 10px solid var(--second_color);
}




.deptHead_area .tLR_tit::before {
    /* font-size: inherit; */
}
    .deptHead_area  .tL_img {
        display: none;
    }
    .deptHead_area  .tL_rightIn .tLR_tit:first-child{
       font-weight: 800;
       font-size: clamp(1.0938rem, 1.0417vw, 1.2500rem); /* 17.50px , 1.0417vw , 20.00px */
    }
    
/* 在螢幕放大125%且寬度大於991時，套用這裡的特定樣式 */
@media screen and (min-width: 769px) {

.deptHead_area{
    display: flex;
}

    .deptHead_area .teacher_list{
        width: 100%;
    }
    .deptHead_area  .tL_img {
        max-width: 10.4313rem;
    }
}


@media (max-width: 768px){

    .deptHead_area{
        display: flex;
    }
        
        .deptHead_area .tL_right {
            /* width: 100%; */
            padding: 0px;
        }

}

.tL_img {
    display: flex;
    align-items: center;
}

.tL_img a, .tL_img span {
    width: 100%;
    padding-top: 132%;
}

.teacher_list .teacher_card .teacher_box .tL_right .tL_rightIn .tLR_tit> ol{
    padding-left: 20px;
    list-style-type: decimal;
}

 /* 20250710 修改樣式 by tom start */

 @media (max-width: 990px){

    .teacher_area {
        grid-template-columns: repeat(1, 1fr);
    }

}

@media (max-width: 768px){
    .teacher_box .tL_img{
        width:100%;
    }
    .teacher_box .tL_right {
        width: 100%;
        padding: 0;
    }
}
 /* 20250710 修改樣式 by tom end */