#key ul {
  min-height: 780px;
}

#key {
  background-image: url(../img/howto/key3.jpg);
	min-height: 780px;
}

#key .flag {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: 152px;
  z-index: 1;
}

#key h2 {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 2;
  margin-left: -298px;
}

#sec1 {
  position: relative;
  color: #fff;
  background: url(../img/howto/bg2.jpg) top center repeat;
  padding-bottom: 130px;
}

#sec1:before {
  content: url(../img/howto/sec1_deco2.png);
  position: absolute;
  top: 0;
  left: 0;
}

#sec1:after {
  background: url(../img/howto/sec1_bg.png) top center no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  min-height: 777px;
  content: '';
}

#sec1 .wrap:before {
  content: url(../img/howto/sec1_deco.png);
  position: absolute;
  top: 569px;
  right: 61px;
  z-index: 9;
}

#sec1 .wrap h2 {
  padding-top: 151px;
}

#sec1 .wrap .txt {
  width: 500px;
  padding-top: 40px;
}

#sec2 {
  padding-bottom: 63px;
  background: url(../img/howto/bg1.jpg) top center repeat;
  color: #fff;
}

#sec2 .info1 {
  padding-bottom: 26px;
  position: relative;
  background: url(../img/howto/sec2_bg1.png) bottom center no-repeat;
}

#sec2 .info1 .photo {
  margin-left: -152px;
  padding-top: 94px;
}

#sec2 .info1 .boxtxt h2 {
  position: absolute;
  top: 0;
  right: -47px;
}

#sec2 .info1 .boxtxt .txt {
  padding: 94px 0 0 46px;
  height: 484px;
}

#sec2 .info1 .boxtxt .photo2 {
  padding-top: 118px;
  margin-right: 21px;
}

#sec2 .info2 {
  position: relative;
  padding-bottom: 108px;
}

#sec2 .info2:before {
  background: url(../img/howto/sec2_bg2.png) top 52px center no-repeat;
  position: absolute;
  background-size: cover;
  min-height: 892px;
  top: 10px;
  left: 10px;
  right: 0;
  width: 100%;
  content: '';
}
#sec2 .info2:after {
  background: url(../img/howto/sec2_bg2_2.png) top 0px center no-repeat;
  position: absolute;
  background-size: cover;
  min-height: 1098px;
  top: 300px;
  left: 0;
  width: 100%;
  content: '';
}

#sec2 .info2 h3 {
  position: relative;
}

#sec2 .info2 h3:before {
  position: absolute;
  background: url(../img/howto/bg_h3.jpg) top center repeat-x;
  right: 100%;
  width: 300%;
  height: 184px;
  top: 0;
  z-index: 9;
  content: '';
}

#sec2 .info2 .txt1 {
  padding: 58px 0 201px;
  width: 500px;
}

#sec2 .info2 .photo {
  margin-left: -150px;
}

#sec2 .info2 .boxtxt {
  width: 536px;
  margin-right: -50px;
}

#sec2 .info2 .boxtxt h4 {
  padding-top: 35px;
}

#sec2 .info2 .boxtxt .txt2 {
  padding-top: 37px;
  width: 500px;
}

#sec2 .info3 {
  background: url(../img/howto/sec2_bg3.png) bottom center no-repeat;
}

#sec2 .info3 h3 {
  position: relative;
  margin-left: 369px;
}

#sec2 .info3 h3:before {
  position: absolute;
  background: url(../img/howto/bg_h3_2.jpg) top center repeat-x;
  left: 100%;
  width: 300%;
  height: 184px;
  top: 0;
  z-index: 9;
  content: '';
}

#sec2 .info3 .block1 {
  padding-bottom: 113px;
  margin-top: 66px;
}

#sec2 .info3 .block1 .boxtxt {
  width: 534px;
  margin-left: -50px;
}

#sec2 .info3 .block1 .boxtxt .txt {
  padding-top: 35px;
  width: 534px;
}

#sec2 .info3 .block1 .box_slide {
  width: 650px;
  margin-right: -150px;
}

#sec2 .info3 .block2 .photo {
  margin-left: 136px;
  padding-top: 253px;
}

#sec2 .info3 .block2 .boxtxt {
  width: 530px;
  margin-right: -50px;
}

#sec2 .info3 .block2 .boxtxt .txt {
  padding-top: 43px;
}

#sec3 {
  background: url(../img/howto/sec3_bg.png) top center no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  height: 666px;
  position: relative;
}

#sec3 .box {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  transform: translate(-50%);
}

#sec3 .box .inner {
  width: 495px;
  margin: 0 auto;
  text-align: center;
  background: url(../img/howto/bg_red.jpg) top center repeat;
  position: relative;
  float: left;
  height: 666px;
  color: #fff;
}

#sec3 .box .inner:before {
  content: '';
  border: 5px solid #dda11b;
  position: absolute;
  top: 8px;
  right: 8px;
  bottom: 8px;
  left: 8px;
}

#sec3 .box .inner h2 {
  padding-top: 101px;
}

#sec3 .box .inner .txt {
  padding: 18px 0 44px;
}

.shadow {
  -webkit-box-shadow: 0px 0px 30.4px 9.6px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 30.4px 9.6px rgba(0, 0, 0, 0.4);
}