/*================================================================*/
/*相關成員內頁模組*/
/*================================================================*/	





/*相關成員內頁---------------------------*/


.peopleInfoArea{
	width: 100%;
    margin-bottom:clamp(1.6130rem, 2.6042vw, 3.1250rem); /* 25.81px , 2.6042vw , 50.00px */
}
	
	.peopleInfoArea .peopleInfo {
		align-items: unset;
		display: grid;
		grid-template-columns: minmax(10.3125rem, 25%) auto; /*165px , 25%    auto*/
		gap: 0  clamp(1.2500rem, 1.5625vw, 1.8750rem); /* 20.00px , 1.5625vw , 30.00px */
	}
	
		.peopleInfoArea .tL_img {
			box-sizing: border-box;			
		}
			.peopleInfoArea .tL_img span{
				overflow: hidden;
				position: relative;
				padding-top: 145%;
				display: block;
                width: 100%;
			}
				.peopleInfoArea .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;
				}
			
		
		.peopleInfoArea .tL_right {
			box-sizing: border-box;
			/* padding-left: 50px; */

            display: flex;
            flex-direction: column;
            gap: 0.625rem; /*10*/
            color: var(--dark_color);
            font-size: 1rem;
			line-height: 1.3;
		}

		.peopleInfoArea .tLR_tit {
            margin: 0;
            padding: 0;
			padding-bottom: 0.625rem; /*10*/
			border-bottom: 1px #b5b5b5 dashed;
			overflow: unset;
			text-overflow: unset;
			white-space: unset;
			font-size: inherit;
			line-height: inherit;
		}

		.peopleInfoArea .tLR_tit span {
			font-size: inherit;
			line-height: inherit;
		}
		/* .peopleInfoArea .tLR_tit:nth-of-type(5) span ,
		.peopleInfoArea .tLR_tit:nth-of-type(6) span ,
		.peopleInfoArea .tLR_tit:nth-of-type(7) span {
			display:block;
		} */


		

@media (max-width: 680px){
	
	.peopleInfoArea {
		/* margin-bottom: 20px; */
	}
		.peopleInfoArea .peopleInfo {
			/* display:block;
			flex-wrap: unset;
			flex-direction: unset;
			align-items: unset; */
            display: flex;
            flex-direction: column;
            gap: 1.25rem;
		}	
			.peopleInfoArea .tL_img {
				width: 100%;
			}	
			.peopleInfoArea .tL_right {
				/* width: 100%;
				padding: 20px 0 0; */
			}
}







/*/////////////////////////////////////////////////////////*/
/*-------師資頁籤列表內容--------*/
/*/////////////////////////////////////////////////////////*/



.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:#083a6f;
		}
		
		.TeamInTable td:before {
			content:attr(data-name);
			display:none;
		}

	

@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;
	}*/	
}










