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

/* ================================================================= */
/* 教授頁面css */
/* ================================================================= */

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




/* ================================================================= */
/* 教授頁面filter  css */
/* ================================================================= */





    .professor_filter_area{
        border-radius: .9375rem; /*15*/
        padding:clamp(0.8065rem, 1.3021vw, 1.5625rem); /* 12.90px , 1.3021vw , 25.00px */
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    }

        .professor_filter_area .form_area{
            row-gap: clamp(0.8065rem, 1.3021vw, 1.5625rem); /* 12.90px , 1.3021vw , 25.00px */
        }

            .professor_filter_area .fL_tit{
                cursor: pointer;
            }
             .professor_filter_area .fL_tit:hover{
                opacity: 0.7;
            }
                .professor_filter_area .fL_tit i{
                    color: inherit;  
                    font-size: inherit;  
                }
                .professor_filter_area .fL_info{
                    display: none;/*預設關閉*/ 
                }
                /* 第一個選單固定打開 */
                .form_area .form_list:nth-child(1) .fL_info{
                    display: flex;
                }

@media (max-width: 990px){

     .professor_filter_area .item_RadioCheckArea {
        flex-direction: row;
    }

}




/* ================================================================= */
/* 教授頁面_教師成員列表 */
/* ================================================================= */


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


			.professor_bg .teacher_box{
				flex-direction: column;
			}
							
			.professor_bg .tL_img{
				width:100%;
			}

			/*右半邊*/
			 .professor_bg  .tL_right{
				width: 100%;
                padding: 0;
				padding-top: clamp(0.6452rem, 1.0417vw, 1.2500rem); /* 10.32px , 1.0417vw , 20.00px */
			}





@media (max-width: 1280px){

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

}

@media (max-width: 768px){

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