/*/////////////////////////////////////////////////////////*/
/*-------成員介紹--------*/
/*/////////////////////////////////////////////////////////*/


.TeacherArea{
}
	

	.teacher_list_area{
        display: flex;
        flex-wrap: wrap;
        column-gap: 1.5625vw; /*30*/
        row-gap: clamp(1.5625rem, 1.5625vw, 1.8750rem); /* 25.00px , 1.5625vw , 30.00px */
	}
			   
	.teacher_list{
		display: flex;
		flex-direction: column;
		vertical-align: top;
		/* margin-bottom: 25px; */
		box-sizing:border-box;
		width: calc((100% / 3) - (2 * 1.5625vw / 3)); /* 3欄平均寬度，扣除間距 */
	}
	.teacher_list:nth-child(2n+1){ 
		/* padding-right:10px; */
	}
	.teacher_list:nth-child(2n){
		/* padding-left:10px; */
	}
	
		
		.teacherListBorder{
			box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
			padding:0.9375rem;
			display: flex;
			flex-direction: column;
			flex-grow: 1;
			background-color: rgba(255 255 255 / 75%);
		}
		
			.teacher_list_in{
				/* display: table; */
				width: 100%;

                display: flex;
				flex-direction: row;
				gap: 0.9375rem;
			}
							
			.tL_img{
				vertical-align: top;
				display: table-cell;
				width: 7.5rem;
				/* overflow:hidden; */
			}
				.tL_img a{
					position: relative;
                    /* aspect-ratio: 120 / 189; */
                    aspect-ratio: 1;
                    /* padding-top: 100%; */
                    /* border-radius: 10px; */
                    display: block;
                    overflow: hidden;
				}
				.tL_img img{
					width: 100%;
                    height: 100%;
                    object-fit: cover;
                    position: absolute;
                    top: 0;
                    left: 0;
                    bottom: 0;
                    right: 0;
                    float: none;
                    width: 100% !important;
                    height: 100% !important;
                    object-fit: cover;
                    transition: 0.3s ease all;
				}
				
				.tL_img a:hover img{
					opacity:0.5;
					/*transform:scale(1.2);*/
					transition: all 0.3s ease-out;
				}	
                
                .tL_img a:active img, 
                .tL_img a:focus img{
                    /* text-decoration: none; */
                    /* outline-width: 0.1875rem !important;
                    outline-style: dashed !important;
                    outline-color: var(--focus_outline-color) !important; */
                }
				

                
			 
			/*右半邊*/
			.tL_right{
				vertical-align: top;
				display: table-cell;
				/* padding-left: 15px; */
				color:var(--dark_color_sec);
				display: flex;
				flex-direction: column;
				gap: 0.625rem;
			}
				/*標題*/
				.tLR_tit{
					font-size:1em;
					line-height:1.1;
					color:inherit;
					display: flex;
					align-items: center;
					flex-wrap: wrap;
                    gap: 0.3125rem;
				}
					.tLR_tit span ,
                    .tLR_tit a ,
                    .tLR_tit i{
						color:var(--dark_color);
						word-wrap: break-word;
						display: flex;
						align-items: center;
						flex-wrap: wrap;
                        text-decoration: none;
					}
	
	


	


@media (max-width: 1280px){
	/* .tL_img{
		width: 100px;
	}	 */

	.teacher_list{
		width: calc((100% / 2) - (1 * 1.5625vw / 2)); /* 2欄平均寬度，扣除間距 */
	}

}

@media (max-width: 1024px){
	/* .tL_img{
		width: 120px;
	}	 */
}

@media (max-width: 768px){
	.teacher_list{
		width:100%;
	
	}
	

	.teacher_list:nth-child(2n+1) , 
	.teacher_list:nth-child(2n){
		/* display:block; */
		/* padding-left:0px; */
		/* padding-right:0px; */
	}
	
	
}


@media (max-width: 510px){

	.teacher_list_in{
		display: inherit;
		flex-direction: column;
	}
					
	.tL_img{
		display:block;
		width:100%;
	}

	/*右半邊*/
	.tL_right{
		/* display:block; */
		margin-top: 0;
		padding-left: 0px;
	}


}