/*= common css to all effects =*/
.single-member {
	width: 36.25rem;
	height: 30.9375rem;
	float: left;
	background-color: #fff;
	text-align: center;
	position: relative;
}

.single-member02 {
	width: 16.875rem;
	height: 30.9375rem;
	float: left;
	background-color: #fff;
	text-align: center;
	position: relative;
}

.member-image img {
	max-width: 100%;
	vertical-align: middle;
}

h3.act_h301 {
	font-size: 24px;
	font-weight: normal;
	margin: 10px 0 0;
	text-transform: uppercase;
}

.act_h301 a,.act_h302 a{
	color: #333;
}

h3.act_h302{
	font-size: 1.25rem;
	color: #333;
	font-weight: normal;
	margin: 10px 0 0;
	text-transform: uppercase;
}

p.act_p01{
	font-size: 14px;
	line-height: 20px;
	padding: 0 35px;
	margin-bottom: 10px;
}

p.act_p02{
	font-size: 14px;
	line-height: 20px;
	padding: 0 20px;
	margin-bottom: 10px;
	
}


.social-touch a:hover {
	opacity: 1;
	transition: 0.3s;
}

.fb-touch {
	background-position: 0 0;
}

.tweet-touch {
	background-position: -35px 0;
}

.linkedin-touch {
	background-position: -71px 0;
}







/*= effect-2 css =*/
.effect-2 {
	overflow: hidden;
}

.effect-2 h3 {
	padding-top: 7px;
	line-height: 33px;
	color: #333;
}

.member-info p{
	margin-top: 1.25rem;
	color: #999;
	font-size: 1rem;
	text-align: left;
	line-height: 1.75rem;
}

/* 滑块位置 */
.effect-2 .member-image {
	height: 26.875rem;/* 430px */
	overflow: hidden;
	width: 100%;
	transition: 0.4s;
	display: inline-block;
	float: none;
	vertical-align: middle;
}
/* 滑块位置 */



.effect-2 .member-info {
	transition: 0.4s;
}


.effect-2 .member-image img {
	width: 100%;
	vertical-align: bottom;
}

.effect-2 .social-touch {
	float: left;
	left: 0;
	bottom: 0;
	overflow: hidden;
	padding: 5px 0;
	width: 100%;
	transition: 0.4s;
}


/* 划出之后滑块高度 */
.effect-2:hover .member-image {
	height: 20rem;/* 320px */
	transition: 0.4s;
}
/* 划出之后滑块高度 */

/*= effect-2 css end =*/


/*= Media Query 
=============== */
/* @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;
	}
} */

/*= Media Query End
=================== */
