@import url(css/common.css);
body {
	background-image: url(../images/sj2.png);
	height: 1200px;
}

.header {
	border-bottom: 1.5px solid #b8b9f7;
}

.company {
	margin-top: 160px;
}

.vision-block {
	width: 740px;
	height: 450px;
	color: #FFFFFF;
	float: left;
	padding: 50px;
	margin-left: 60px;
	border: 6px solid #fff;
}

.vision-title {
	font-size: 25px;
}

.vision-content {
	font-size: 15px;
	padding-top: 5px;
	letter-spacing: 1px;
}

.vision img {
	width: 270px;
	margin: 180px 0px 0px 20px;
}

.visi-pic {
	margin-left: 210px;
}

.visi-pic img {
	width: 270px;
	margin: 20px 0px 0px 20px;
}

.visi-block {
	width: 565px;
	height: 740px;
	float: left;
	color: #363636;
	padding: 80px 50px;
	margin: 0px 0px 60px 60px;
	border: 6px solid #363636;
}

.visi-block .vision-content {
	text-indent: 30px;
	font-size: 14px;
	padding-top: 50px;
}

@media (min-width: 768px) {
	.vision {
		width: 665px;
	}
	.vision-block {
		width: 371px;
	}
	.vision img {
		width: 150px;
		margin: 270px 0px 0px 20px;
	}
	.visi-pic {
		width: 510px;
		margin-left: 90px;
		display: inline-table;
	}
	.visi-pic img {
		width: 150px;
		margin: 20px 0px 0px 20px;
	}
	.visi-about {
		margin: 30px 0px 0px 230px;
	}
	.visi-block {
		width: 435px;
		margin: 0px 0px 60px -57px;
	}
}

@media (min-width: 992px) {
	.vision {
		width: 832px;
	}
	.vision-block {
		width: 507px;
	}
	.vision img {
		width: 200px;
		margin: 250px 0px 0px 20px;
	}
	.visi-pic {
		width: 680px;
		margin-left: 126px;
		display: inline-table;
	}
	.visi-pic img {
		width: 200px;
		margin: 20px 0px 0px 20px;
	}
	.visi-about {
		margin: 30px 0px 0px 230px;
	}
	.visi-block {
		width: 435px;
		margin: 0px 0px 60px 120px;
	}
}

@media (min-width: 1200px) {
	.vision {
		width: 0px;
	}
	.vision-block {
		width: 740px;
		margin-left: 60px;
	}
	.vision img {
		width: 270px;
		margin: 180px 0px 0px 20px;
	}
	.visi-pic {
		width: 0px;
		display: inline;
		margin-left: 210px;
	}
	.visi-pic img {
		width: 270px;
		margin: 20px 0px 0px 20px;
	}
	.visi-about {
		margin: 30px 0 0 465px;
	}
	.visi-block {
		width: 565px;
		margin: 0px 0px 60px 60px;
	}
}