#key {
  min-height: 850px;
}
#key .slide1 {
  background: url("../img/course/key_1.jpg") center top no-repeat;
  background-size: cover;
}
#key .slide2 {
  background: url("../img/course/key_2.jpg") center top no-repeat;
  background-size: cover;
}
#key .slide3 {
  background: url("../img/course/key_3.jpg") center top no-repeat;
  background-size: cover;
}
#sec1 {
  position: relative;
}
#sec1:before {
  content: url("../img/course/s1_bg.jpg");
  position: absolute;
  top: 0;
  left: calc(50% - 500px);
}
#sec1:after {
  content: '';
  background: url("../img/menu/s1_bg_2.jpg") center top repeat;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 544px;
  z-index: -1;
}
#sec1 h2 {
  text-align: center;
  padding: 183px 0 44px;
  position: relative;
}
#sec1 h2:before {
  content: url("../img/course/s1_decocir.png");
  position: absolute;
  top: 33px;
  left: -163px;
}
#sec1 .txt {
  text-align: center;
  padding-bottom: 190px;
}
#sec1 .banner {
  position: relative;
  /*cursor: pointer;*/
  padding-bottom: 60px;
}
#sec1 .banner:before {
  content: url("../img/course/s1_deco_1.png");
  position: absolute;
  top: -374px;
  left: -812px;
}
#sec1 .banner:after {
  content: url("../img/course/s1_deco_2.png");
  position: absolute;
  top: 124px;
  right: -431px;
}
#sec1 .banner li {
  position: relative;
}
#sec1 .banner li:hover .on {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.5s;
	z-index: 9;
}
#sec1 .banner li:nth-child(1) {
  position: absolute;
  top: -230px;
  left: -306px;
}
#sec1 .banner li:nth-child(2) {
  margin-left: 200px;
  position: relative;
	width: 500px;
}
#sec1 .banner li:nth-child(2) .txt {
  top: 290px;
  left: 247px;
  height: 275px;
}
#sec1 .banner li:nth-child(3) {
  position: absolute;
  top: -260px;
  right: -247px;
}
#sec1 .banner li:nth-child(3) .txt {
  top: 319px;
  left: 277px;
  height: 260px;
}
#sec1 .banner .on {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: opacity 0.5s;
}
#sec1 .banner .on .txt {
  position: absolute;
  top: 290px;
  left: 349px;
  text-align: left;
  height: 250px;
  color: #fff;
}
#sec2 {
  position: relative;
}
#sec2:before {
  content: url("../img/course/s2_bg_2.png");
  position: absolute;
  bottom: -11px;
  left: calc(50% - 1000px);
}
#sec2 h2 {
  text-align: center;
  padding: 110px 0 68px;
}
#sec2 .set1 {
  position: relative;
  padding-top: 60px;
}
#sec2 .set1:before {
  content: url("../img/course/s2_deco_1.png");
  position: absolute;
  top: -235px;
  left: calc(50% + 320px);
  z-index: -1;
}
#sec2 .set1 .photo {
  position: absolute;
  top: 0;
  left: -432px;
}
#sec2 .set1 .box {
  margin-left: 536px;
  margin-right: -46px;
  background: url("../img/reception/s2_bg_box.jpg") center top repeat;
  color: #fff;
  text-align: center;
}
#sec2 .set1 .box h3 {
  font-size: 25px;
  padding-top: 63px;
  letter-spacing: 5px;
  margin-left: 7px;
  padding-bottom: 38px;
}
#sec2 .set1 .box h4 span {
  background: #800706;
  font-size: 25px;
  line-height: 55px;
  letter-spacing: 4px;
  padding: 10px 122px 10px 130px;
}
#sec2 .set1 .box .price {
  font-size: 40px;
  position: relative;
  letter-spacing: 8px;
  font-weight: lighter;
  margin-left: 25px;
  padding-top: 17px;
}
#sec2 .set1 .box .price:before {
  content: url("../img/reception/s2_line_2.png");
  position: absolute;
  bottom: -73px;
  left: -22px;
  right: 0;
  text-align: center;
}
#sec2 .set1 .box .price span {
  font-size: 25px;
  letter-spacing: 6px;
}
#sec2 .set1 .box ul {
  padding: 66px 15px 48px;
  margin-left: -49px;
}
#sec2 .set2 {
  position: relative;
  padding-top: 147px;
	padding-bottom: 439px;
}
#sec2 .set2:before {
  content: url("../img/course/s2_deco_2.png");
  position: absolute;
  top: 74px;
  left: -900px;
  z-index: -1;
}
#sec2 .set2:after {
  content: url("../img/course/s2_deco_3.png");
  position: absolute;
  bottom: 55px;
  left: calc(50% + 320px);
	z-index: -1;
}
#sec2 .set2 .photo {
  position: absolute;
  top: 86px;
  left: calc(50% - 44px);
}
#sec2 .set2 .box {
  margin-left: -54px;
  width: 510px;
  background: url("../img/reception/s2_bg_box.jpg") center top repeat;
  color: #fff;
  text-align: center;
}
#sec2 .set2 .box h3 {
  font-size: 25px;
  padding-top: 61px;
  letter-spacing: 5px;
  line-height: 36px;
  margin-left: 7px;
  padding-bottom: 52px;
}
#sec2 .set2 .box .price {
  font-size: 40px;
  position: relative;
  letter-spacing: 8px;
  font-weight: lighter;
  margin-left: 18px;
  padding-top: 17px;
}
#sec2 .set2 .box .price:before {
  content: url("../img/reception/s2_line_2.png");
  position: absolute;
  bottom: -43px;
  left: -22px;
  right: 0;
  text-align: center;
}
#sec2 .set2 .box .price span {
  font-size: 25px;
  letter-spacing: 5px;
}
#sec2 .set2 .box ul {
  padding: 67px 15px 46px;
  margin-left: -49px;
}
#sec2 .set2 .photo_2 {
	left: 287px;
	top: 747px;
	position: absolute;
}
#sec3 {
  background: url("../img/index/s5_bg.jpg") center top repeat;
  position: relative;
  padding-bottom: 63px;
}
#sec3 .set1 {
margin-bottom: 50px;
}
#sec3:before {
  content: url("../img/course/s3_bg.png");
  position: absolute;
  bottom: -11px;
  left: 50%;
}
#sec3 h2 {
  text-align: center;
  padding-top: 83px;
  padding-bottom: 16px;
}
#sec3 .note {
  text-align: center;
  padding-bottom: 35px;
}
#sec3 .note2 {
  text-align: center;
  padding-bottom: 30px;
}
#sec3 .note3 {
  padding: 0px 0px 15px 27px;
}
#sec3 h3 {
  text-align: center;
  /* padding-bottom: 28px; */
}
#sec3 h3 span {
  position: relative;
  color: #a40a0a;
  font-size: 30px;
  letter-spacing: 6px;
}
#sec3 h3 span:before {
  content: url("../img/course/icon_flower.png");
  position: absolute;
  top: 9px;
  left: -60px;
}
#sec3 h3 span:after {
  content: url("../img/course/icon_flower.png");
  position: absolute;
  top: 9px;
  right: -60px;
}
#sec3 .box {
  width: 500px;
  margin-bottom: 20px;
  padding: 25px 0 0 0;
  color: #fff;
  background: url("../img/reception/s2_bg_box.jpg") center top repeat;
}
#sec3 .box ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 19px 16px 5px 22px;
}
#sec3 .box ul li {
  width: 50%;
	font-size: 14px;
}
#sec3 .price {
  font-size: 28px;
  position: relative;
  text-align: center;
  letter-spacing: 4px;
  margin-left: 4px;
  padding-bottom: 37px;
}
#sec3 .price:before {
  content: url("../img/reception/s2_line_2.png");
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
#sec3 .price span {
  font-size: 20px;
  letter-spacing: 1px;
}
#sec3 .content {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
  justify-content: space-between;
}
#sec3 .pb32 {
  padding-bottom: 32px;
}
#sec3 .set2 .note {
  padding-top: 48px;
  padding-bottom: 13px;
}
#sec3 .set2 .content {
  margin-right: -17px;
  justify-content: flex-start;
}
#sec3 .set2 .box {
  width: 320px;
}
#sec3 .set2 .box ul {
  display: block;
  text-align: center;
  padding: 14px 0 57px;
}
#sec3 .set2 .box ul li {
  width: 100%;
}
#sec3 .set2 .price:before {
  content: url("../img/course/s5_deco_price.png");
}
#sec3 .set2 .mr41 {
  margin-right: 41px;
}
#sec3 .set2 .mr37 {
  margin-right: 36px;
}
#sec3 .set2 .pb27 {
  padding-bottom: 27px !important;
}
#sec3 .note_2 {
  text-align: center;
  padding-top: 15px;
  padding: 25px;
	border: 1px solid #000;
	margin-bottom: 20px;
}
#sec3 .btn-cont {
  margin: 0 auto;
}
#sec3 .btn-cont .btn {
  padding: 20px 120px;
}
#sec4 {
  background: url("../img/course/s4_bg.jpg") center top no-repeat;
  padding-bottom: 67px;
}
#sec4 h2 {
  text-align: center;
  padding-top: 105px;
  padding-bottom: 27px;
}
#sec4 .note {
  text-align: center;
  margin-left: 73px;
  letter-spacing: 0.75px;
  padding-bottom: 16px;
}
#sec4 .floor {
  text-align: center;
  padding-bottom: 74px;
}
#sec4 .bx-wrapper {
  position: relative;
  width: 600px;
}
#sec4 .bx-wrapper .bx-pager {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  position: absolute;
  right: -5px;
  bottom: -28px;
  z-index: 52;
}
#sec4 .bx-wrapper .bx-pager .bx-pager-item a {
  background-color: #57361f;
  display: block;
  margin: 0 6px;
  outline: 0 none;
  text-indent: -9999px;
  width: 11px;
  height: 11px;
  border: 4px solid #57361f;
}
#sec4 .bx-wrapper .bx-pager .bx-pager-item a.active {
  border-color: #bfbfbf;
}
#sec4 h3 {
  position: relative;
}
#sec4 h3:before {
  content: url("../img/course/s1_decocir.png");
  position: absolute;
  top: -173px;
  right: -230px;
}
#sec4 .set1, #sec4 .set3 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  padding-bottom: 75px;
}
#sec4 .set1 .text, #sec4 .set3 .text {
  padding-top: 148px;
}
#sec4 .set1 .text .txt, #sec4 .set3 .text .txt {
  padding: 10px 0 10px 40px;
  letter-spacing: 0.75px;
}
#sec4 .set2 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  padding-bottom: 75px;
}
#sec4 .set2 .text {
  padding-top: 148px;
}
#sec4 .set2 .text .txt {
  padding: 10px 70px 10px 0px;
  letter-spacing: 0.75px;
}
#sec4 .set2 h3:before {
  right: auto;
  left: -273px;
}
#sec4 .set3 {
  flex-direction: row-reverse;
  justify-content: flex-end;
}