.director-area {
	height: 870px;
	background: #eee;
}

.director-container {
	width: 90%;
	margin: 0 auto;
}

.director-top-container {
	height: 80px;
	width: 30%;
}

.director-top-content {
	width: 100%;
	height: 80px;
	position: relative;
	top: 25px;
}

.director-bottom-container {
	height: 200px;
}

.director-item-content {
	width: 25%;
	height: 250px;
	float: left;
	-webkit-transition: .1s;
	-o-transition: .1s;
	-moz-transition: .1s;
	transition: .1s;
}

.hr {
	border-color : #eee;
}

.director-item-content:hover {
	background: rgba(255,255,255,.5);
	cursor: pointer;
}

.director-item{
	width: 95%;
	margin : 0 auto;
	text-align: center;
	position: relative;
	top: 10px;
}
.director-item p{
	margin-bottom: 20px;
}

.director-item button {
	margin-bottom: 20px;
	background: transparent;
	border : 1px solid #888;
	border-radius: 3px;
	color: #555;
	padding: 6px 12px;
	cursor: pointer;
}

.director-item button:hover {
	background: #0B0E58;
	border-color: #0B0E58;
	color: #fff;
}



.director-img-1 {
	width: 150px;
	height: 150px;
	margin : 0 auto;
	background: url('../img/dir-shr/dir1.jpg');
	background-size: 100% 100%;
	background-position: center;
	border-radius: 50%;
	margin-bottom: 10px;
}
.director-img-2 {
	width: 150px;
	height: 150px;
	margin : 0 auto;
	background: url('../img/dir-shr/dir1.jpg');
	background-size: 100% 100%;
	background-position: center;
	border-radius: 50%;
	margin-bottom: 10px;
}

.director-img-3 {
	width: 150px;
	height: 150px;
	margin : 0 auto;
	background: url('../img/dir-shr/dir1.jpg');
	background-size: 100% 100%;
	background-position: center;
	border-radius: 50%;
	margin-bottom: 10px;
}

.director-img-4 {
	width: 150px;
	height: 150px;
	margin : 0 auto;
	background: url('../img/dir-shr/dir1.jpg');
	background-size: 100% 100%;
	background-position: center;
	border-radius: 50%;
	margin-bottom: 10px;
}
.director-img-5 {
	width: 150px;
	height: 150px;
	margin : 0 auto;
	background: url('../img/dir-shr/dir1.jpg');
	background-size: 100% 100%;
	background-position: center;
	border-radius: 50%;
	margin-bottom: 10px;
}
.director-img-6 {
	width: 150px;
	height: 150px;
	margin : 0 auto;
	background: url('../img/dir-shr/dir1.jpg');
	background-size: 100% 100%;
	background-position: center;
	border-radius: 50%;
	margin-bottom: 10px;
}
.director-img-7 {
	width: 150px;
	height: 150px;
	margin : 0 auto;
	background: url('../img/dir-shr/dir1.jpg');
	background-size: 100% 100%;
	background-position: center;
	border-radius: 50%;
	margin-bottom: 10px;
}
.director-img-8 {
	width: 150px;
	height: 150px;
	margin : 0 auto;
	background: url('../img/dir-shr/dir1.jpg');
	background-size: 100% 100%;
	background-position: center;
	border-radius: 50%;
	margin-bottom: 10px;
}
.director-img-9 {
	width: 150px;
	height: 150px;
	margin : 0 auto;
	background: url('../img/dir-shr/dir1.jpg');
	background-size: 100% 100%;
	background-position: center;
	border-radius: 50%;
	margin-bottom: 10px;
}
.director-img-10 {
	width: 150px;
	height: 150px;
	margin : 0 auto;
	background: url('../img/dir-shr/dir1.jpg');
	background-size: 100% 100%;
	background-position: center;
	border-radius: 50%;
	margin-bottom: 10px;
}
.shareholder-area {
	height: 2100px;
	background: #eee;
}

.shareholder-container {
	height: 2100px;
	width: 90%;
	margin: 0 auto;
}

.shareholder-top-container {
	height: 80px;
	width: 30%;
}

.shareholder-top-content {
	width: 100%;
	height: 80px;
	position: relative;
	top: 25px;
}

.shareholder-bottom-container {
	height: 200px;
}

.shareholder-item-content {
	width: 25%;
	height: 250px;
	float: left;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-moz-transition: .2s;
	transition: .2s;
}

.hr {
	border-color : #eee;
}

.shareholder-item-content:hover {
	background: rgba(255,255,255,.5);
	cursor: pointer;
}

.shareholder-item{
	width: 95%;
	margin : 0 auto;
	text-align: center;
	position: relative;
	top: 10px;
}
.shareholder-item p{
	margin-bottom: 20px;
}

.shareholder-item button {
	margin-bottom: 20px;
	background: transparent;
	border : 1px solid #888;
	border-radius: 3px;
	color: #555;
	padding: 6px 12px;
	cursor: pointer;
}

.shareholder-item button:hover {
	background: #0B0E58;
	border-color: #0B0E58;
	color: #fff;
}

.shareholder-img-1 {
	width: 150px;
	height: 150px;
	margin : 0 auto;
	background: url('../img/dir-shr/dir1.jpg');
	background-size: 100% 100%;
	background-position: center;
	border-radius: 50%;
	margin-bottom: 10px;
}
.shareholder-img-2 {
	width: 150px;
	height: 150px;
	margin : 0 auto;
	background: url('../img/dir-shr/dir1.jpg');
	background-size: 100% 100%;
	background-position: center;
	border-radius: 50%;
	margin-bottom: 10px;
}
.shareholder-img-3 {
	width: 150px;
	height: 150px;
	margin : 0 auto;
	background: url('../img/dir-shr/dir1.jpg');
	background-size: 100% 100%;
	background-position: center;
	border-radius: 50%;
	margin-bottom: 10px;
}
.shareholder-img-4 {
	width: 150px;
	height: 150px;
	margin : 0 auto;
	background: url('../img/dir-shr/dir1.jpg');
	background-size: 100% 100%;
	background-position: center;
	border-radius: 50%;
	margin-bottom: 10px;
}
.shareholder-img-5 {
	width: 150px;
	height: 150px;
	margin : 0 auto;
	background: url('../img/dir-shr/dir1.jpg');
	background-size: 100% 100%;
	background-position: center;
	border-radius: 50%;
	margin-bottom: 10px;
}
.shareholder-img-6 {
	width: 150px;
	height: 150px;
	margin : 0 auto;
	background: url('../img/dir-shr/dir1.jpg');
	background-size: 100% 100%;
	background-position: center;
	border-radius: 50%;
	margin-bottom: 10px;
}
.shareholder-img-7 {
	width: 150px;
	height: 150px;
	margin : 0 auto;
	background: url('../img/dir-shr/dir1.jpg');
	background-size: 100% 100%;
	background-position: center;
	border-radius: 50%;
	margin-bottom: 10px;
}
.shareholder-img-8 {
	width: 150px;
	height: 150px;
	margin : 0 auto;
	background: url('../img/dir-shr/dir1.jpg');
	background-size: 100% 100%;
	background-position: center;
	border-radius: 50%;
	margin-bottom: 10px;
}
.shareholder-img-9 {
	width: 150px;
	height: 150px;
	margin : 0 auto;
	background: url('../img/dir-shr/dir1.jpg');
	background-size: 100% 100%;
	background-position: center;
	border-radius: 50%;
	margin-bottom: 10px;
}
.shareholder-img-10 {
	width: 150px;
	height: 150px;
	margin : 0 auto;
	background: url('../img/dir-shr/dir1.jpg');
	background-size: 100% 100%;
	background-position: center;
	border-radius: 50%;
	margin-bottom: 10px;
}
.shareholder-img-11 {
	width: 150px;
	height: 150px;
	margin : 0 auto;
	background: url('../img/dir-shr/dir1.jpg');
	background-size: 100% 100%;
	background-position: center;
	border-radius: 50%;
	margin-bottom: 10px;
}
.shareholder-img-12 {
	width: 150px;
	height: 150px;
	margin : 0 auto;
	background: url('../img/dir-shr/dir1.jpg');
	background-size: 100% 100%;
	background-position: center;
	border-radius: 50%;
	margin-bottom: 10px;
}
.shareholder-img-13 {
	width: 150px;
	height: 150px;
	margin : 0 auto;
	background: url('../img/dir-shr/dir1.jpg');
	background-size: 100% 100%;
	background-position: center;
	border-radius: 50%;
	margin-bottom: 10px;
}
.shareholder-img-14 {
	width: 150px;
	height: 150px;
	margin : 0 auto;
	background: url('../img/dir-shr/dir1.jpg');
	background-size: 100% 100%;
	background-position: center;
	border-radius: 50%;
	margin-bottom: 10px;
}
.shareholder-img-15 {
	width: 150px;
	height: 150px;
	margin : 0 auto;
	background: url('../img/dir-shr/dir1.jpg');
	background-size: 100% 100%;
	background-position: center;
	border-radius: 50%;
	margin-bottom: 10px;
}
.shareholder-img-16 {
	width: 150px;
	height: 150px;
	margin : 0 auto;
	background: url('../img/dir-shr/dir1.jpg');
	background-size: 100% 100%;
	background-position: center;
	border-radius: 50%;
	margin-bottom: 10px;
}
.shareholder-img-17 {
	width: 150px;
	height: 150px;
	margin : 0 auto;
	background: url('../img/dir-shr/dir1.jpg');
	background-size: 100% 100%;
	background-position: center;
	border-radius: 50%;
	margin-bottom: 10px;
}

.shareholder-img-18 {
	width: 150px;
	height: 150px;
	margin : 0 auto;
	background: url('../img/dir-shr/dir1.jpg');
	background-size: 100% 100%;
	background-position: center;
	border-radius: 50%;
	margin-bottom: 10px;
}
.shareholder-img-19 {
	width: 150px;
	height: 150px;
	margin : 0 auto;
	background: url('../img/dir-shr/dir1.jpg');
	background-size: 100% 100%;
	background-position: center;
	border-radius: 50%;
	margin-bottom: 10px;
}
.shareholder-img-20 {
	width: 150px;
	height: 150px;
	margin : 0 auto;
	background: url('../img/dir-shr/dir1.jpg');
	background-size: 100% 100%;
	background-position: center;
	border-radius: 50%;
	margin-bottom: 10px;
}
.shareholder-img-20 {
	width: 150px;
	height: 150px;
	margin : 0 auto;
	background: url('../img/dir-shr/dir1.jpg');
	background-size: 100% 100%;
	background-position: center;
	border-radius: 50%;
	margin-bottom: 10px;
}