#key > div {
	min-height: 850px;
	position: relative;
}
#key .slide1 {
	background: url(../img/index/key-slide1.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
}
#key .slide2 {
	background: url(../img/index/key-slide2.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
}
#key .slide3 {
	background: url(../img/index/key-slide3.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
}
#key .slide1 .key-txt {
	position: absolute;
	top: 0;
	left: 52px;
}
#key .slide2 .key-txt {
	position: absolute;
	bottom: 0;
	right: 194px;
}
#key .slide3 .key-txt {
	position: absolute;
	top: 0;
	left: 172px;
}
#sec1 {
	background: url(../img/index/sec1-bg.png) no-repeat center top;
	padding-bottom: 190px;
	position: relative;
}
#sec1:before {
	background: url(../img/index/sec2-bg-before.png) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	min-height: 275px;
	content: '';
}
#sec1 h2 {
	padding-top: 71px;
	float: left;
	position: relative;
}
#sec1 h2:before {
	background: url(../img/index/sec1-h2-deco.png) no-repeat center top;
	position: absolute;
	top: 50px;
	left: -214px;
	width: 596px;
	height: 557px;
	content: '';
}
#sec1 .photo {
	margin: -107px -222px 0 0;
	position: relative;
	z-index: 99;
}
#sec1 .txt {
	padding-left: 140px;
	width: 560px;
	margin: 30px 0 20px;
}
#sec1 .txt p {
	padding-bottom: 30px;
}
#sec1 .bnr {
	padding-left: 115px;
}
#sec2 {
	background: url(../img/index/sec2-bg.png) no-repeat center top, url(../img/index/sec2-bgrp.jpg) repeat center top;
	position: relative;
}
#sec2:before {
	background: url(../img/index/sec2-smoke.png) no-repeat center top;
	position: absolute;
	top: -304px;
	left: 0;
	right: 0;
	content: '';
	height: 886px;
}
#sec2 .fl .txt {
	margin: 350px 0 59px 18px;
	width: 318px;
	position: relative;
}
#sec2 .fl .txt:before {
	position: absolute;
	top: -25px;
	right: 8px;
	width: 52px;
	border-top: 8px solid #7d0022;
	content: '';
}
#sec2 .fr {
	padding-top: 83px;
}
#sec2 .fr .txt {
	margin: 269px 0 102px 0px;
	width: 318px;
	position: relative;
}
#sec2 .fr .txt:before {
	position: absolute;
	top: -35px;
	left: 0;
	width: 52px;
	border-top: 8px solid #7d0022;
	content: '';
}
#sec2 .ct {
	float: left;
	padding: 0 0 0 29px;
	position: relative;
}
#sec2 .ct:before {
	background: url(../img/index/sec2-linect.png) no-repeat center top;
	position: absolute;
	top: -232px;
	left: -47px;
	content: '';
	width: 423px;
	min-height: 1223px;
}
#sec2 h2 {
	padding-bottom: 24px;
}
#sec3 {
	padding: 57px 0 65px;
	background: url(../img/index/sec3-bg.png) no-repeat center bottom, url(../img/shared/bg-01.jpg) repeat center top;
}
#sec3 h2:before {
	background: url(../img/index/sec3-h2-before.png) no-repeat center top;
	position: absolute;
	top: -106px;
	right: -199px;
	width: 469px;
	height: 442px;
	content: '';
}
#sec3 .txt {
	padding: 27px 0 56px 3px;
	width: 385px;
}
#sec3 .txt p {
	padding-bottom: 30px;
}
#sec3 .bnr {
	margin-left: -187px;
}
#sec3 .photo1 {
	position: absolute;
	top: -141px;
	left: -151px;
}
#sec3 .photo2 {
	position: absolute;
	bottom: -179px;
	right: -69px;
}
#sec4 {
	background: url(../img/index/sec4-bg.png) no-repeat center bottom;
}
#sec4 h2 {
	float: right;
	margin-right: -2px;
}
#sec4 h3 {
	margin: 32px 0 39px -17px;
	position: relative;
}
#sec4 h3:before {
	background: url(../img/index/sec4-h3-before.png) no-repeat center top;
	position: absolute;
	top: -33px;
	left: -190px;
	width: 436px;
	height: 353px;
	content: '';
}
#sec4 .slide {
	margin-left: 40px;
	width: 729px;
	height: 463px;
}
#sec4 .main {
	min-height: 635px;
	position: relative;
}
#sec4 .photo1 {
	position: absolute;
	top: -30px;
	left: -49px;
	z-index: 99;
}
#sec4 .photo2 {
	position: absolute;
	top: 56px;
	left: 275px;
}
#sec4 .photo3 {
	position: absolute;
	top: 220px;
	left: 102px;
	z-index: 1;
}
#sec4 .photo4 {
	position: absolute;
	top: 332px;
	left: 426px;
}
#sec4 .txt1 {
	position: absolute;
	top: 25px;
	right: 5px;
	width: 292px;
}
#sec4 .txt2 {
	position: absolute;
	top: 452px;
	left: 10px;
	width: 336px;
}
#sec4 .bnr {
	position: absolute;
	top: 288px;
	right: 18px;
}
/* PAGER */
#sec4 .bx-wrapper {
	position: relative;
}
#sec4 .bx-wrapper .bx-pager {
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	position: absolute;
	top: -26px;
	left: -6px;
}
#sec4 .bx-wrapper .bx-pager .bx-pager-item, #sec4 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
 *zoom: 1;
 *display: inline;
}
#sec4 .bx-wrapper .bx-pager.bx-default-pager a {
	background: url(../img/index/sec4-dot.png) no-repeat right top;
	text-indent: -9999px;
	display: block;
	width: 12px;
	height: 13px;
	margin: 0 7px;
	outline: 0;
}
#sec4 .bx-wrapper .bx-pager.bx-default-pager a:hover, #sec4 .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: url(../img/index/sec4-dot.png) no-repeat left top;
}
#sec5 {
	padding-top: 67px;
	position: relative;	
	padding-bottom: 42px;
}
#sec5:before {
	background:url(../img/index/sec5-bg.png) no-repeat center top;
	position: absolute;
	top: -112px;	
	bottom: 0;
	left: 0;
	right: 0;
	content:'';
}
#sec5 #feed {
	padding: 43px 0 19px 333px;
	width: 328px;
}
#sec5 #feed dl {
	padding: 13px 0 0px 9px;
width: 382px;
font-size: 13px;
line-height: 20px;
}
#sec5 #feed dl .title {
	font-size: 16px;	
}
#sec5 #feed dl  .date {
	padding: 8px 0 15px;
}

#sec5 .photo1 {
	    position: absolute;
    top: 98px;
    left: -65px;
}
#sec5 .photo2 {
	position: absolute;
	top:98px;
	right: -15px;
}