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

/* ================================================================= */
/* 歷屆系主任頁面css */
/* ================================================================= */

.department_chair_bg{
    display: flex;
    flex-direction: column;
    gap: 2.1875rem; /*35*/
}

            /*標題*/					
            .department_chair_bg  .tLR_tit.name {
                display: flex;
                flex-wrap: wrap;
                gap: 10px;
            }
             .department_chair_bg  .tLR_tit.name span:last-of-type{
                font-family: var(--foreign_font);
            }
            .department_chair_bg .tLR_tit.name::before {
                display: none;
            }




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

    .current_area{
        display: flex;
    }
    
        .current_area .teacher_list {
            width: 100%;
        }
        .current_area .teacher_box {
            display: grid;
            grid-template-columns: clamp(10.6455rem, 17.1875vw, 20.6250rem) auto; /* 170.33px , 17.1875vw , 330.00px */
        }

             .current_area .tL_img {
                width: 100%;
            }
             .current_area .tL_right {
                width: 100%;
            }

}







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


.previous_area .tL_right {
    width: 100%;
    padding-left: 0;
    /* box-sizing: border-box;
    display: flex;

    flex-direction: column;
    gap: clamp(0.3226rem, 0.5208vw, 0.6250rem) 0;
    font-weight: 500;
    line-height: 1.5;
    font-size: clamp(0.8750rem, 0.8333vw, 1.0000rem); */
}

@media (max-width: 1280px){

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

}

@media (max-width: 768px){

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

}