/*/////////////////////////////////////////////////////////*/
/*-------成員介紹_內頁--------*/
/*/////////////////////////////////////////////////////////*/

.teacher_info_bg{
    display: flex;
    flex-direction: column;
    /*column-gap: 1.5625vw;*/ /*30*/
    row-gap: clamp(1.5625rem, 1.5625vw, 1.8750rem); /* 25.00px , 1.5625vw , 30.00px */
}
	

.teacher_info_area{
    width: 100%;
    display: flex;
    flex-direction: row;
    gap:1.5625rem; /*25*/
}

    .tL_img{
        vertical-align: top;
        display: table-cell;
        /* width: 7.5rem; */
        width: 30%;
        min-width: 30%;
    }
        .tL_img span{
            position: relative;
            aspect-ratio: 1;
            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;
            }


            .tLR_tit.responsibility span{

            }






@media (max-width: 990px){

.teacher_info_area{
    display: flex;
    flex-direction: column;
}

    .tL_img{
        width: 100%;
        min-width: unset;
    }

}

@media (max-width: 510px){

	/* .teacher_list.teachLin2 .tL_img {
		width: 100%;
	} */

}






/*/////////////////////////////////////////////////////////*/
/*-------師資頁籤列表內容--------*/
/*/////////////////////////////////////////////////////////*/




.TeamInTable{
	margin: clamp(0.6452rem, 1.0417vw, 1.2500rem) 0 0; /* 10.32px , 1.0417vw , 20.00px */
}

.TeamInTable table {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

	.TeamInTable tr:first-of-type{
	}
	.TeamInTable tr:first-of-type td{
		/* border-top: solid 0.0625em #bebebe;
		border-bottom: solid 0.0625em #bebebe; */
		font-size:1.0625em;
		padding:clamp(0.6452rem, 1.0417vw, 1.2500rem) 0; /* 10.32px , 1.0417vw , 20.00px */
		font-weight: bold;
	}

	.TeamInTable tr td{
		border-bottom: solid 0.0625em #bebebe;
		font-size:0.875em;
		line-height:1.5625em;
		padding:15px 5px;
		color:var(--dark_color);
	}
	
		.TeamInTable tr td a{
			text-decoration:none;
			display:inline-block;
			color:var(--dark_color);
		}
		.TeamInTable tr td a:hover{
			color:var(--primary_color);
		}
		
		.TeamInTable td:before {
			content:attr(data-name);
			display:none;
		}

	

@media (max-width: 1280px){
	
	.TeamInTable.TeamInTabProject table {
		border-top: solid 0.0625em #bebebe;
		border-radius: 0.3125em;
	}
	.TeamInTable.TeamInTabProject tr{
		border-bottom: solid 0.125em #bebebe;
	}	
	.TeamInTable.TeamInTabProject tr:first-of-type {
		display: none;
	}
	
	.TeamInTable.TeamInTabProject tr td {
		display: block;
		text-align: left;
		padding: 5px 14px;
		border-left: solid 0.0625em #bebebe;
		border-right: solid 0.0625em #bebebe;
		border-bottom: solid 0em #bebebe;
	}	
	.TeamInTable.TeamInTabProject tr td:last-of-type {
		border-bottom: solid 0.0625em #bebebe;
	}
	.TeamInTable.TeamInTabProject tr:first-of-type td {
		border-top: solid 0.0625em #bebebe;
	}
		
	.TeamInTable.TeamInTabProject td:before {
		display:inline-block;
	}	

}

	
		
		

@media (max-width: 768px){
	
	.TeamInTable table {
		border-top: solid 0.0625em #bebebe;
		border-radius: 5px;
	}
	.TeamInTable tr{
		border-bottom: solid 0.125em #bebebe;
	}	
	.TeamInTable tr:first-of-type {
		display: none;
	}
	
	.TeamInTable tr td {
		display: block;
		text-align: left;
		padding: 5px 14px;
		border-left: solid 0.0625em #bebebe;
		border-right: solid 0.0625em #bebebe;
		border-bottom: solid 0em #bebebe;
	}	
	.TeamInTable tr td:last-of-type {
		border-bottom: solid 0.0625em #bebebe;
	}
	.TeamInTable tr:first-of-type td {
		border-top: solid 0.0625em #bebebe;
	}
		
	.TeamInTable td:before {
		/*content:attr(data-name);*/
		display:inline-block;
	}	
	/*.TeamInTable tr td a{
		margin-right:0px;
	}*/	
}