/* --- Directors --- */
.box-person1-main {
	display: table;
	margin: 0 auto;
}
.box-person1-main .box-person {
	width: 298px;
	height: 428px;
	float: left;
	background: url(../images/v01/content/about/bg-box-person.png) no-repeat right bottom #f6f6f6;
	border: 1px solid #303084;
	margin: 40px 47px;
}
.box-person1-main {
	display: table;
	margin: 0 auto;
}
.box-person1-main .box-person {
	width: 298px;
	height: 428px;
	float: left;
	background: url(../images/v01/content/about/bg-box-person.png) no-repeat right bottom #f6f6f6;
	border: 1px solid #303084;
	margin: 40px 47px;
}
.box-person1-main .box-person .box-pic {
	margin: 20px;
	width: 257px;
	height: 209px;
	overflow: hidden;
}
.box-person1-main .box-person .box-pic>img {
	width: 100%;
	height: auto;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.box-person1-main .box-person .box-pic:hover>img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.box-person1-main .box-person .text-title {
	font-size: 23px;
	padding: 10px 40px 10px 10px;
	line-height: 24px;
	text-transform: inherit;
	background-position: -111px 0;
	width: 100%;
	height: 68px;
	background: url(../images/v01/content/about/bg-title.png) no-repeat left center /262px 56px;
	margin-bottom: 30px;
	letter-spacing: 0px;
	color:#282880;
	font-weight:700;
}
.box-person1-main .box-person span {
	font-size: 19px;
    display: block;
    position: relative;
    bottom: 15px;
    left: 10px;
	color:#282880;
	font-weight:700;
}
.box-person1-main .box-person .btn-readmore {
	width: 131px;
	height: 28px;
	background: url(../images/v01/content/about/btn-read.png) no-repeat;
	display: block;
	position: absolute;
	bottom: 95px;
	right: 0px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.box-person1-main .box-person .btn-readmore:hover {
	background: url(../images/v01/content/about/btn-read-hover.png) no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.box-person1-main .box-person {
		margin: 40px 39px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
	.box-person1-main .box-person {
		margin: 30px 0;
		float: none;
	}
}
/* --- detail-person --- */
.wrap {
	width: 938px;
	margin: 0 auto;
}
#detail-person .box-left {
	float: left;
	width: 400px;
	background: url(../images/v01/content/about/bg-box-pic-lb.png) no-repeat left top;
}
#detail-person .box-right {
	float: right;
	width: 535px;
}
#detail-person .box-detail-main {
	border: 1px solid #1884b8;
	min-height: 600px;
	background: url(../images/v01/content/about/bg-box-lb.png) no-repeat left top #fff;
}
#detail-person [class^="box-title"] span {
	font-size: 20px;
	display:block;
}
#detail-person .box-pic {
	margin: 50px 40px 23px;
    height: 262px;
    overflow: hidden;
}
#detail-person .box-position {
	margin: 18px 40px;
    color: #282880;
    font-weight: 700;
	font-size:19px;
}
#detail-person .box-text {margin: 58px 15px 20px 0;}
#detail-person .box-text h2 {margin-top:5px;}
#detail-person .box-text strong {font-weight:700;}
#detail-person .box-text ul {margin:0;}
#detail-person .box-text ul li {list-style:disc;}
#detail-person .box-text table tr td:first-child {width:60px;}
#detail-person .box-text table tr td ul {padding-left:30px;}
@media only screen and (min-width: 768px) {
	#detail-person [class^="box-title"] {
		font-size: 30px;
		padding: 10px 10px 10px 40px;
		line-height: 24px;
		text-transform: inherit;
		color: #282880;
		position:relative;
		min-height:68px;
		overflow:hidden;
	}
	#detail-person .box-left [class^="box-title"]:before{
		content:'';
		position:absolute;
		left:0;
		bottom:0;
		-webkit-transform-origin: 42% 100%;
		-ms-transform-origin: 42% 100%;
		transform-origin: 42% 100%;
		-webkit-transform:rotate(-47deg);
		-ms-transform:rotate(-47deg);
		transform:rotate(-47deg);
		background:#95cc79;
		width:177%;
		height:410%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.wrap {width: 400px;	}
	#detail-person .box-left {
		float: none;
		width: 400px;
	}
	#detail-person .box-right {
		float: none;
		width: 400px;
	}
	#detail-person .box-pic {
		display: table;
		margin: 35px auto;
	}
	#detail-person .box-text {margin: 0px 30px 40px;}
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.wrap {width: 300px;}
	#detail-person .box-left {
		float: none;
		width: 300px;
	}
	#detail-person .box-right {
		float: none;
		width: 300px;
	}
	#detail-person .box-pic {
		display: table;
		margin: 35px auto 20px;
		height:100%;
	}
	#detail-person .box-pic img {
		width: 260px;
		height: auto;
	}
	#detail-person .box-position {margin:15px;}
	#detail-person .box-text {margin: 0px 15px 20px;}
	#detail-person [class^="box-title"] {
		padding: 10px;
		background: url(../images/v01/content/about/bg-title.png) no-repeat left center;
		background-position: -82px 0;
		font-size: 24px;
	}
	#detail-person .box-title-3rol {
		padding: 5px 10px;
		background: url(../images/v01/content/about/bg-title.png) no-repeat left center / 700px auto;
		background-position: -402px 0;
		margin-top: 17px;
		font-size: 30px;
		height: 100px;
	}
}