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


.teacher_bg {
	display: flex;
	flex-direction: column;
	gap: clamp(1.1469rem, 1.6667vw, 2.0000rem); /* 18.35px , 1.6667vw , 32.00px */
}
.teacher_title{
	font-size: clamp(1rem,0.9375vw,1.125rem);
	color: var(--third_color);
	font-weight: 600;
}
	.instituteArea{

	}




	.teacher_list_area{
		 display: flex;
		 flex-wrap: wrap;
		 /* grid-template-columns: repeat(3 , 1fr); */
		 gap: 1.3021vw 0; /*25px*/
		 /* flex-direction: row; */
		 margin: 0 -0.65105vw;
		 width: 100%;
	}
			   
	.teacher_list{
		box-sizing:border-box;
		/* width: 33.3%; */
		padding: 0 0.65105vw;

		width: 50%;
	}
	.master .teacher_list{
		box-sizing:border-box;
		/* width: 33.3%; */
		padding: 0 0.65105vw;

		width: 100%;
	}
		.teacherListBorder{
			padding:15px;
			/* box-shadow: rgba(100, 100, 111, 0.3) 0px 4px 10px 0px; */
			box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.12);
			text-decoration: none;
			background-color: #fff;
		}
		.master .teacherListBorder{
			padding:clamp(1.1469rem, 1.6667vw, 2.0000rem); /* 18.35px , 1.6667vw , 32.00px */
			/* box-shadow: unset; */
		}
		.more_deteails{
			border-radius: 10px;
		}
			
			.teacher_list_in{
				display: flex;
				flex-wrap: wrap;
				flex-direction: row;
				align-items: center;
				text-decoration: none;
			}
							
			.tL_img{
				width: 35%;
				box-sizing: border-box;
				overflow: hidden;
				position: relative;
				max-width: 20rem;
				
			}
			.tL_img::before{
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-image: url(../../../images/team_img_bg.svg);
				background-repeat: no-repeat;
				background-position: center;
				background-size: cover;
				z-index: 2;
				
			}
				.tL_img >div{
					display:block;
					position: relative;
					padding-top: 100%;
					display: block;
					overflow: hidden;
					border-radius: 50%;
					cursor: default;
					cursor: pointer;
					
				}
				.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_right{
				width: 65%;
				padding-left: 1.0417vw; /*20px*/
				box-sizing: border-box;
			}

            .tL_rightIn{
                display: flex;
				flex-direction: column;
                flex-grow: 1;
                gap: 10px;
            }



				/* 新增副職稱的行高 modify by william 20241004 start */
				.sec_tit{
					height: 40px;
				}
				/* 新增副職稱的行高 modify by william 20241004 end */
				/*標題*/
				.tLR_tit{
					/* font-size: 16px; */
					/*font-size: min(max(0.8333vw, 0.8125rem), 1rem);*/ /*字體大小 0.8333vw、最小值 13px、最大值 16px*/
					font-size: min(max(0.875rem, 0.8333vw), 1rem); /*字體大小 0.8333vw、最小值 14px、最大值 16px*/
					/* 更改行高 modify by william 20241004 */
					line-height:1.1;
					color: #848484;
					color: var(--dark_color);
					overflow: unset;
					text-overflow:ellipsis;

					/* [不]顯示完整資訊 [不]取消斷行 modify by william [20241004] */
					white-space: wrap;
					display: flex;
					/* align-items: flex-start; */
					justify-content: flex-start;

					align-items: first baseline;
				}

                .tLR_tit::before{
                    /* content: "．"; */
					content: "";
					background-color: #7a7e80;
					min-width: 2px;
					aspect-ratio: 1;
					border-radius: 50%;
					margin-right:0.3125rem;
					/* top: 50%;
					left: 0;
					
					position: absolute; */
					transform: translateY(-3.5px);
					display: none;
                }
                .tLR_tit:first-of-type:before,
                .tLR_tit:nth-of-type(2):before{
                    display: none;
                }
                
				
					.tLR_tit span ,
                    .tLR_tit::before{
						/* font-size: 14px; */
						/*font-size: min(max(0.7292vw, 0.8125rem), 0.875rem);*/ /*字體大小 0.8333vw、最小值 13px、最大值 14px*/
						font-size: inherit;
						line-height:1.5;
						word-wrap: break-word;
						color: #19348F;
					}
					.tLR_tit.subtitle span ,
                    .tLR_tit.subtitle::before{
						color: #3D62DD;
						font-weight: 600;

					}
					/*標題*/
					/* .tLR_tit:first-of-type span */
					.tLR_tit:first-of-type {
						font-weight: bold;
						font-size: min(max(1.0417vw, 1rem), 1.25rem); /*字體大小 1.0417vw、最小值 16px、最大值 20px*/
						color: inherit;
					}
					
					.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;
					}
					



@media (max-width: 1280px){
 
	/* .teacher_list_area {
		margin: 0 -10px -20px;
	}

	.teacher_list{
		width: 50%;
		padding: 0 10px 20px;
	}
		.tL_img{
			width:40%;
		}	 */
		/*右半邊*/
		/* .tL_right{
			width: 60%;
		}
		
		.tLR_tit.popleroom button {
			padding: 7px 10px;
		} */

	
	.teacher_list{
		width:50%;
	}
	
}

/* 在螢幕放大150%且寬度大於991時，套用這裡的特定樣式 */ 
@media screen and (min-width: 991px) and (min-height: 500px) and 
(max-height: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) and 
(-webkit-max-device-pixel-ratio: 1.74), only screen and (min-resolution: 150dpi) and 
(max-resolution: 174dpi) { 
	.tL_img{
		width: 30%;
		box-sizing: border-box;
		overflow: hidden;
	}
	/*右半邊*/
	.tL_right{
		width: 70%;
		padding-left: 1.0417vw; /*20px*/
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		/* 取消gap modify by william 20241004 */
		gap: 10px 0px;
	}
}

@media (max-width: 768px){

	.master .teacher_list_area{

	}

	
}


@media (max-width: 768px){

	.teacher_list_area{
        display: flex;
        flex-wrap: unset;
        flex-direction: column;
        justify-content: unset;
        /* margin-bottom: -30px; */
        margin: 0;
		gap: 1.5625rem;
	}
	
	.teacher_list{
		width:100%;
	}	
	
	.teacherListBorder {
		height:auto;
	}
		.teacher_list_in{
			display:block;
			flex-wrap: unset;
			flex-direction:unset;
			align-items: unset;
		}
						
		.tL_img{
			width:80%;
			margin: 0 auto;
		}
		
		 
		/*右半邊*/
		.tL_right{
			width:100%;
			padding: 20px 0px 0px;
		}	
		
		.tLR_tit {
			overflow: unset;
			text-overflow: unset;
			white-space: unset;
		}	
		.tLR_tit.popleroom {
			margin-top: 0px;
		}	

}











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



.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 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_list_in {
		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_list_in {
		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;

}