/*========================================================*/
/*-------師資模組樣式--------*/
/*========================================================*/

    .professor_bg .tit{
        font-size: 1.5em;
		font-weight: bold;
		color: #777;
		line-height: 1.5;
		/* margin-bottom: 10px; */
    }


	.teacher_area{
		display: flex;
		flex-wrap: wrap;
		/* flex-direction: row; */
		/* margin: 0 -0.65105vw; */
		/* display: grid; */
		gap:clamp(0.8065rem, 1.3021vw, 1.5625rem); /* 12.90px , 1.3021vw , 25.00px */
		/* grid-template-columns: repeat(4, 1fr); */
		/* justify-content: center; */
		
	}
    
    .teacher_area.first_area{
    display: flex;
    justify-content: center;
    }

	.teacher_list{
		box-sizing:border-box;
		width: 23%;
		/* padding: 0 0.65105vw; */
		/* width: 50%; */
		display: flex;
		flex-direction: column;
	}
			   
		.previous_area .teacher_list{
			position: relative;
		}
			   
		.previous_area .teacher_list::before{
			position: absolute;
			content: "";
			width: 100%;
			height: 100%;
			background-color: #dddddd00;
			top: 50%;
			left: 50%;
			transform-origin: center;
			transform: translate(-50%, -50%) scaleX(1) scaleY(0.8);
			box-shadow: rgba(50, 50, 93, 0.125) 0px 13px 27px -5px, rgba(0, 0, 0, 0.15) 0px 8px 16px -8px, rgba(50, 50, 93, 0.125) 0px -13px 27px -5px, rgba(0, 0, 0, 0.15) 0px -8px 16px -8px;
			border-radius: 15px;
			z-index: -2;
		}
			   
		.previous_area .teacher_list .teacher_card{
			background-color: #fff;
			clip-path: polygon(3% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 12%);
		}

		.teacher_card{
			flex-grow: 1;
			display: flex; /* 20250801新增樣式 */
			flex-direction: column; /* 20250801新增樣式 */
			padding:clamp(.625rem, 2.6667vw, 1.25rem); /* 7.74px , 0.7813vw , 15.00px */
			box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		}

		.more_deteails{
		}
			
			.teacher_box{
				display: flex;
				flex-wrap: wrap;
				flex-direction: row;
				align-items: center; /* 20250710 新增樣式 */
				flex-grow: 1; /* 20250801新增樣式 */
			}
							
			.tL_img{
				width:35%;
				box-sizing: border-box;
				overflow: hidden;
			}

				.tL_img a ,
				.tL_img span{
					display:block;
					position: relative;
					padding-top: 100%;
					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: contain;
					transition: 0.3s ease all;
				}
				
				.tL_img a:hover img{
					opacity:0.5;
					transform:scale(1.2);
					transition: all 0.3s ease-out;
				}			
				
				
			 
			/*右半邊*/
			.tL_right{
				width: 65%;
				padding-left: clamp(0.6452rem, 1.0417vw, 1.2500rem); /* 10.32px , 1.0417vw , 20.00px */
				box-sizing: border-box;
				display: flex;
				flex-direction: column;
				gap: clamp(0.3226rem, 0.5208vw, 0.6250rem) 0; /* 5.16px , 0.5208vw , 10.00px */
				
				font-weight: 500;
				line-height:1.5;
				font-size: 1em; 
			}

            .tL_rightIn{
                display: flex;
				flex-direction: column;
                flex-grow: 1;
                gap:clamp(0.3226rem, 0.5208vw, 0.6250rem); /* 5.16px , 0.5208vw , 10.00px */
            }


			
				/*標題*/
				.tLR_tit{
					line-height: inherit;
					color: var(--dark_color);
					overflow: hidden;
					text-overflow:ellipsis;
					font-size: 1.125em;
				}
				.tLR_tit[data-team="英文："] span {
					font-size: 0.75em;        /* 將字體縮小 (原本是繼承父層，您可以改為 0.8em 或 12px 等數值) */
					white-space: nowrap;      /* 同時加上我們剛剛說的強制不換行 */
				}
					.tLR_tit::before{
						content: attr(data-team);
					}
                
					.tLR_tit a ,
					.tLR_tit span ,
                    .tLR_tit::before {
						font-size: inherit;
						line-height:inherit;
						word-wrap: break-word;
						color: inherit;
						font-weight: inherit;
					}

					/*標題*/					
					.tLR_tit.name {
						font-weight: bold;
						font-size: min(max(1.0417vw, 1rem), 1.25rem); /*字體大小 1.0417vw、最小值 16px、最大值 20px*/
						color: inherit;
					}
					.tLR_tit.name::before{
						font-weight: 500;
						line-height:inherit;
						font-size: clamp(0.8750rem, 0.8333vw, 1.0000rem); /* 14.00px , 0.8333vw , 16.00px */
					}

					
					.tLR_tit a:hover{
						opacity: 0.5;
						text-decoration: none;
					}
					
					.tLR_tit.popleroom button {
						cursor: pointer;
						border: none;
						background-color: var(--fifth_color);
						/* border-radius: 20px; */
						padding: 10px 15px;
						padding: 6px 10px;
						color: #fff;
					}

					/* 新增 button 樣式修改 modify by willian 20240731 */
					.tLR_tit.popleroom {
						display: flex;
						justify-content: flex-end;
						/* margin-top: 10px; */
						/*font-size: min(max(0.8333vw, 0.8125rem), 1rem);*/ /*字體大小 0.8333vw、最小值 13px、最大值 16px*/
					}
					.tLR_tit.popleroom button{
						font-size: inherit;
					}			
					.tLR_tit.popleroom button i{
						padding-left: 5px;
					}
					.tLR_tit.popleroom button:hover {
						background-color:var(--primary_color);
					}



@media (max-width: 1280px){
	
	.teacher_list{
		width: 30%;
	}
	
}


@media (max-width: 768px){

	.teacher_area{
		
	}
	
	.teacher_list{
		width: 45%;
	}	
	
	.teacher_card {
		height:auto;
	}
		.teacher_box{
			flex-wrap: unset;
			flex-direction:column;
			align-items: unset;
			gap: 20px;
		}

		.teacher_box .tL_img{
			width: 100%;
		}
						
		.professor_bg .tL_img .tL_img{
			width:100%;
		}
		
		 
		/*右半邊*/
		.tL_right{
			width:100%;
			/* padding: 20px 0px 0px; */
		}	
		
		.tLR_tit {
			overflow: unset;
			text-overflow: unset;
			white-space: unset;
		}	
		.tLR_tit.popleroom {
			margin-top: 0px;
		}	

}




@media (max-width: 390px){

	.teacher_area{
		display: flex;
		flex-direction: column;
		/* flex-wrap: unset; */
		grid-template-columns: unset;
		/* justify-content: unset; */
		/*margin-bottom:-30px;*/
		gap: clamp(1.2500rem, 2.0182vw, 2.4218rem); /* 20.00px , 2.0182vw , 38.75px */
	}
    .teacher_list{
		width: 100%;
	}	
	.teacher_card{
		padding: 0.9375rem; /*15*/
	}
	
}








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



.TeamInTable{
	/*margin: 29px 0px 0;*/
}

.TeamInTable table {
    width: 100%;
    margin: 0 auto;
    /*border-radius: 3px;*/
    overflow: hidden;
}

	.TeamInTable tr:first-of-type{
		/*background: #e8e8e8;*/
	}
	.TeamInTable tr:first-of-type td{
		/*border-top: solid 1px #bebebe;*/
		border-bottom: solid 1px #bebebe;
		font-size:17px;
		padding:18px 0px;
		/*line-height:26px;*/
		font-weight: bold;
	}

	.TeamInTable tr td{
		/*border-top: solid 1px #bebebe;*/
		border-bottom: solid 1px #bebebe;
		font-size:14px;
		line-height:25px;
		padding:15px 5px;
		color:#333;
		/*line-height:26px;*/
	}
	
		.TeamInTable tr td a{
			text-decoration:none;
			/*display:block;*/
			display:inline-block;
			color:#333;
			/*margin-right:15px;*/
		}
		.TeamInTable tr td a:hover{
			color:#5A8ECA;
		}
		
		.TeamInTable td:before {
			content:attr(data-name);
			display:none;
		}





		.TeamTabArea .tabs li {
			font-size: min(max(1.0417vw, 1rem), 1.25rem); /*字體大小 1.0417vw、最小值 16px、最大值 20px*/
		}

	

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

	
		
		

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









/* 上課用書表格 modify by peggy 20240916 start */
@media (max-width: 768px){
	
	.table_area table {
		border-top:unset;
		border-radius:unset;
	}
	.table_area tr{
		border-bottom:unset;
	}	
	.table_area tr:first-of-type {
		display:table-row;
	}
	
	.table_area tr td {
		display:table-cell;
		text-align:unset;
		/* padding: 5px 14px;
		border-left: solid 1px #bebebe;
		border-right: solid 1px #bebebe;
		border-bottom: solid 0px #bebebe; */
	}	
	.table_area tr td:last-of-type {
		border-bottom:unset;
	}
	.table_area tr:first-of-type td {
		border-top:unset;
	}
		
	.table_area td:before {
		/*content:attr(data-name);*/
		display:inline-block;
	}	
    
}
/* 上課用書表格 modify by peggy 20240916 start */


















/*系上成員內頁---------------------------*/

.prompt_box_area .right_contentBg{
    display: flex;
    flex-direction: column;
    gap: 2.6042vw 0 ; /* 50px 0px*/
    padding: 0;
}

.teacher_list.teachLin2{
	width: 100%;
	margin-bottom: 0px;
}
	
	.teacher_list.teachLin2 .teacher_box {
		align-items: unset;
		display: grid;
		grid-template-columns: minmax(180px , 20%) auto;
		gap: 1.0417vw 2.6042vw; /*20px 50px*/
	}
	
		.teacher_list.teachLin2 .tL_img {
			box-sizing: border-box;
			/*border: 1px #c7c7c7 solid;*/
			width: 100%;
		}
        .teacher_list.teachLin2 .tL_img span{
            display: block;
            position: relative;
            padding-top: 115%;
            display: block;
            overflow: hidden;
		}
		.teacher_list.teachLin2 .tL_right {
			box-sizing: border-box;
			padding-left: 0;
			width: 100%;
		}

		.teacher_list.teachLin2 .tLR_tit {
			margin: 0px 0px 10px;
			padding-bottom: 10px;
			border-bottom: 1px #b5b5b5 dashed;
			overflow: unset;
			text-overflow: unset;
			white-space: unset;
			font-size: 16px;
			line-height: 25px;
		}

		.teacher_list.teachLin2 .tLR_tit span {
			/* font-size: 16px; */
			line-height: 1.56;
		}
		.teacher_list.teachLin2 .tLR_tit:nth-of-type(5) span ,
		.teacher_list.teachLin2 .tLR_tit:nth-of-type(6) span ,
		.teacher_list.teachLin2 .tLR_tit:nth-of-type(7) span {
			display:block;
		}





@media (max-width: 1350px){
	
	.teacher_list.teachLin2 .tL_img {
		/* width: 40%; */
	}	
	.teacher_list.teachLin2 .tL_right {
		/* width: 60%; */
	}
}


@media (max-width: 1100px){
	
	.teacher_list.teachLin2 .teacher_box {
		display:block;
		flex-wrap: unset;
		flex-direction: unset;
		align-items: unset;
	}	
		.teacher_list.teachLin2 .tL_img {
			width: 100%;
		}	
		.teacher_list.teachLin2 .tL_right {
			width: 100%;
			padding: 30px 0 0;
		}
}



.project-info__section{
margin: 0px 0px 10px;
padding-bottom: 10px;
border-bottom: 1px #b5b5b5 dashed;
overflow: unset;
text-overflow: unset;
white-space: unset;
}

.project-info__section span{
color: #848484;;
font-size: 16px;
line-height: 25px;

}









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

.professor_bg{
    display: flex;
    flex-direction: column;
    gap:clamp(1rem, 0.917rem + 0.17vw, 1.125rem); 
    padding-bottom: clamp(1.563rem, 1.146rem + 0.87vw, 2.188rem);
}





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


    
    


			.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: 768px){

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