#key {
	background: url(../img/about/key.jpg) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
}
#sec1 {
	padding: 68px 0 236px;
	background: url(../img/about/sec1-bg.png) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
}
#sec1 h2 {
	margin-left: -82px;
}
#sec1 .txt {
	padding: 52px 0 0 30px;
}
#sec1 .photo {
	position: absolute;
	top: 313px;
	right: -254px;
}
#sec2 {
	position: relative;
	color: #FFF;
	padding-top: 24px;
}
#sec2:before {
	background: url(../img/about/sec2-bg.png) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
	position: absolute;
	top: -194px;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
}
#sec2 .info1 h2 {
	float: right;
	margin-right: -36px;
}
#sec2 .info1 .fl {
	margin: 109px 0 79px -215px;
}
#sec2 .info1 .txt-vertical {
	position: absolute;
	top: 120px;
	right: 197px;
	height: 507px;
}
#sec2 .info2 h3 {
	padding-left: 101px;
}
#sec2 .info2 .txt {
	padding: 33px 0 123px 47px;
}
#sec2 .info2 .fr {
	margin: 83px -180px 0 0;
}
#sec3 {
	padding: 55px 0 17px;
	background: url(../img/about/sec3-bg.png) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
}
#sec3 .photo1 {
	margin: 0 0 38px -81px;
}
#sec3 .photo2 {
	margin: 0 0 -28px 77px;
}
#sec3 .photo3 {
	padding-left: 64px;
}
#sec3 h2 {
	margin-right: -77px;
	float: right;
}
#sec3 .txt-vertical {
	position: absolute;
	top: 248px;
	right: 312px;
	height: 437px;
}
#bnr {
	background: url(../img/shared/bg-02.jpg) repeat center top;
	padding: 8px;
}
#bnr .item {
	width: calc(50% - 4px);
	position: relative;
	overflow: hidden;
	text-align: center;
}
#bnr .item a {
	display: inline-block;
	padding: 175px 0 160px;
	width: 100%;
}
#bnr .item:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#bnr .item:hover:before {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
#bnr .item.fl:before {
	background: url(../img/about/bnr1.jpg) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
}
#bnr .item.fr:before {
	background: url(../img/about/bnr2.jpg) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
}

@media only screen and (max-width: 1600px) { /* Tablet */
#bnr .item img {
	width: 100%;
	height: auto;
}
}