/* =================================沒有照片的師資模組===================================== */
.solicitationList{
		width: auto;
		padding: 5px 10px;
		box-sizing: border-box;
		/* max-width: 33%; */
		/* width: 49%; */
		padding: 0;
		display: flex;
		flex-direction: column;
		gap: 0.3125rem;
	}
	.solicitationList .fL_info {
		/* padding-bottom: 10px; */
		padding: 0;
	}

	.solicitationList:first-of-type{	
		/* max-width: 150px; */
	}
	.form_list.actual_date{
}
	.form_list.actual_date .fL_info{
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: space-between;
		/* margin: -5px 0; */
	}
		.form_list.actual_date input[type="text"]{
			max-width: calc(100% - 95px);
			box-sizing: border-box;
			/* margin: 5px 0; */
		}
		/* 實際上課日_新增按鈕 */
		.form_list.actual_date input[type="button"].newBtn{
			width: 85px;
			box-sizing: border-box;
			background: #66cccc;
		}

.peopleBg{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	/* margin: 0 -10px -20px; */
	/* margin: 0 auto -30px;
	max-width: 80%; */
	margin: 0;
	padding: 0;
	padding-top:1.25rem;
	display: grid;
	grid-template-columns: repeat(2 , 1fr);
	gap: clamp(0.6452rem, 1.0417vw, 1.2500rem); /* 10.32px , 1.0417vw , 20.00px */
}
	/* 相關成員列表 */
	.peopleList{
		/* width: 25%; */
		/* width: 50%; */
		box-sizing: border-box;
		margin: 0;
		padding: 0;

		display: flex;
    	flex-direction: column;
	}




		
		/* 修改 a 標籤的 grid 設定 20260305  start*/
		.peopleList a {
			display: flex;             /* 改用 flex */
			flex-direction: row;       /* 預設左右排列 */
			align-items: center;       /* 垂直置中 */
			gap: 0.9375rem;            /* 圖片與文字的間距 */
			padding: .9375rem;
			box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.25);
			text-decoration: none;
			color: var(--dark_color);
			flex-grow: 1;
		}

		/* 當圖片容器隱藏時，ul 會自動填滿剩餘空間 */
		.peopleListImg {
			box-sizing: border-box;
			flex: 0 0 6.875rem;        /* 關鍵：拒絕放大、拒絕縮小，固定 6.875rem (110px) */
			width: 6.875rem;
		}

		
		.peopleList.no_photo .peopleListImg {
			visibility: hidden; 
		} 
			.peopleListImg span{
				overflow: hidden;
				position: relative;
				padding-top: 145%;
				display: block;
				width: 100%;
				/* background-color: #000; */
			}  
				.peopleListImg 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;
				} 
				.peopleList a:hover .peopleListImg img{
					transform: scale(1.2);
					opacity: 0.7;
					transition: 0.3s ease all;
				} 
			
			/* 修改 a 標籤的 grid 設定 20260305  end*/


		
		/* 修改相關成員列表資訊  20260305 start*/
		.peopleList ul {
			flex: 1;                   /* 關鍵：佔滿扣除圖片後的所有剩餘空間 */
			min-width: 0;              /* 關鍵：防止文字太長時把 flex 容器撐破 */
			
			/* 下面保留您原本的樣式 */
			display: flex;
			flex-direction: column;
			gap: .625rem;
			margin: 0;
			padding: 0;
			list-style-type: none;
			font-size: clamp(0.8125rem, 0.8333vw, 1rem);
			color: inherit;
			font-weight: 500;
			line-height: 1.23;
			letter-spacing: 1.5px;
		}
			.peopleList li{
				margin: 0;
				padding: 0;
				/* color: #696969; */
				word-wrap: break-word;
				word-break: break-all; /* 20260305 限制最多顯示 2 行 */
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2; /* 20260305 限制最多顯示 2 行 */
				overflow: hidden;
				text-overflow: ellipsis;
				
			}
			.peopleList li:before {
				content: attr(data-name) "\A"; /* \A 是 CSS 的強制換行字元 */
				white-space: pre-wrap;         /* 必須加上這個，\A 才會生效 */
				color: #696969;
				
			}
			.peopleList li:first-of-type{	
				/* color: #344292;
				font-size: 16px;
				line-height: 18px; */
			}	
			.peopleList li:before {
				content: attr(data-name);
				color: #696969;
				/* white-space:nowrap; */
			}
			.peopleList li.more{
				cursor: pointer;
				color: var(--primary_color);
				align-items: center;
				display: flex;
				flex-direction: row;
			}
			.peopleList li.more:before {
				color: var(--primary_color);
			}
			.peopleList li.more svg{
				height: 20px;
				width: 18px;
				fill: var(--primary_color);
				margin-left: 5px;
			}
			
		.peopleList a:hover .peopleListImg img{	
			/* opacity: 0.5; */
			transition: 0.3s ease all;
			/*transform: scale(0.8);*/
		}
		.peopleList a:hover{
			opacity: 0.5;
			transition: 0.3s ease all;
		}
		.peopleList a:hover li.more svg{
			transform: translateX(10px);
			transition: 0.3s ease all;
		}
		/* 修改相關成員列表資訊  20260305 end*/

	/* 院長 ---------------------------------------*/
	/* .peopleDeanBg{
		margin-bottom: 60px;
		justify-content: center;
	}
		.peopleDeanBg .peopleList{
			width: 100%;
		}
			.peopleDeanBg .peopleList a{
				display: flex;
				align-items: center;
				margin: 0 -30px;
			}
				.peopleDeanBg .peopleListImg {
					width: 33.3%;
					padding: 0 30px;
				}

				.peopleDeanBg .peopleList ul {
					text-align: left;
					margin: 0;
					padding: 0 30px;
					max-width: calc(100% - 33.3%);
				}
					.peopleDeanBg .peopleList li {
						justify-content: unset;
					} */
					










 @media (max-width: 990px){ 

	.peopleBg{
		display: flex;
		flex-direction: column;

		grid-template-columns: unset;
	}
		.peopleList li {
			flex-wrap: wrap;
			display: inline;
		}
		.peopleList li:before {
			display: inline;
		}
		.peopleList li.more{
			display: inline-flex;
		}
 }

					

 @media (max-width: 860px){ 
	
	/* .download_area{
		display: block;
		
		
	}
	.download_area .download_list{
		margin-bottom: 20px;	
	} */
	
	/* .peopleBg {
		max-width: unset;
		margin: 0 0px -20px;
	}	
		.peopleList {
			width: 100%;
			padding: 0px 0px 20px;
		} */
	
}


@media (max-width: 425px){ 
	
		.peopleListImg{
			/* width: 50%; */
			width: 100%;
			margin: 0 auto;
		} 

	/* .peopleList a{
		display: block;
		grid-template-columns:unset;
		gap: 0 0px;
	} */

		/* 相關成員列表圖 */
		/* .peopleListImg {
			margin: 0 auto 10px;
			width: 50%;
		} */

		/* 相關成員列表資訊 */
		/* .peopleList ul{
		} */

}


/*相關成員內頁---------------------------*/


/* .peopleInfoArea{
	width: 100%;
    margin-bottom: 50px;
}
	
	.peopleInfoArea .peopleInfo {
		align-items: unset;
		display: grid;
		grid-template-columns: minmax(25%, 110px) auto;
		gap: 0 30px;
	}
	
		.peopleInfoArea .tL_img {
			box-sizing: border-box;	
		}
			.peopleInfoArea .tL_img span{
				overflow: hidden;
				position: relative;
				padding-top: 145%;
				display: block;
			}
				.peopleInfoArea .tL_img img{
					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;
				} */
			
		
		/* .peopleInfoArea .tL_right {
			box-sizing: border-box;
		}

		.peopleInfoArea .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;
		}

		.peopleInfoArea .tLR_tit span {
			font-size: 16px;
			line-height: 1.3;
		} */

		



/* 在螢幕寬度991~1150時，套用這裡的特定樣式 */ 
@media screen and (min-width: 991px) and (max-width: 1150px) {

    .peopleBg {
        grid-template-columns: repeat(1, 1fr);
        /* gap: clamp(0.6452rem, 1.0417vw, 1.2500rem); */
    }

}




 @media (max-width: 990px){ 

	.peopleBg{
		display: block;
	}

    .peopleList:not(:first-of-type){
        margin-top:1.25rem; /*20px */
    }

}

/*   20260305 start*/

 @media (max-width: 390px){ 

	.peopleList a {
			display: flex;
			flex-direction: column; /* 改為上下排列 */
			align-items: flex-start;/* 讓內容靠左對齊 */
			gap: 0.625rem;
		}
		
		.peopleListImg {
			flex: auto;             /* 解除電腦版固定寬度的限制 */
			width: 100%;            /* 讓圖片佔滿手機螢幕寬度 */
			margin: 0 auto;
		}

		

 }
 /*   20260305 end */