/*人物*/
.single-member{
	width: 280px; 
	float: left; 
	background-color: #fff; 
	text-align: center; 
	position: relative;
}
.member-image img{
	max-width: 100%; 
	vertical-align: middle;
}
.effect-3{
	max-height: 320px; 
	min-height: 320px; 
	overflow: hidden;
}
.effect-3 h3{
	padding-top: 30px;
}
.effect-3 .member-image{
	border-bottom: 5px solid #0EA189; 
	transition: 0.4s; 
	height: 212px; 
	width: 100%; 
	display: inline-block; 
	float: none; 
	vertical-align: middle;
}
.effect-3 .member-info{
	transition: 0.4s;
}
.effect-3 .member-image img{
	width: 100%; 
	vertical-align: bottom;
}
.effect-3:hover .member-image{
	border-bottom: 0; 
	border-radius: 0 0 50px 50px; 
	height: 100px; 
	display: inline-block; 
	overflow: hidden; 
	width: 110px; 
	transition: 0.4s;
}
@media only screen and (max-width: 980px){
	.row{
		width: 100%; 
		margin: 110px 0;
	}
	.team-members{
		text-align: center;
	}
	.single-member{
		float: none; 
		display: inline-block; 
		vertical-align: bottom;
	}
}
/*** Team ***/
.team-item img {
    position: relative;
    top: 0;
    transition: .5s;
}

.team-item:hover img {
    top: -30px;
}

.team-item .team-text {
    position: relative;
    height: 120px;
    transition: .5s;
}

.team-item:hover .team-text {
    margin-top: -60px;
    height: 180px;
}

.team-item .team-text .team-social {
    opacity: 0;
    transition: .5s;
}

.team-item:hover .team-text .team-social {
    opacity: 1;
}

.team-item .team-social .btn {
    display: inline-flex;
    color: var(--primary);
    background: #FFFFFF;
    border-radius: 40px;
}

.team-item .team-social .btn:hover {
    color: #FFFFFF;
    background: var(--primary);
}