@charset "UTF-8";
/* CSS Document */


.zoom50{ zoom:50%; margin: 0 auto; display: block; }
.page-title{ text-align: center; margin: 75px auto; max-width: 80%; }

#aw2018{ background: #f9f6f1; overflow: hidden;}
#aw2018 .bg-white { margin: 0 auto; width: 644px; max-width: 100%; padding: 8px; background: #fff; position: relative; z-index: 5; }
#aw2018 .border{ border: 1px solid #dac1b7; padding: 30px 4% 40px;}
#aw2018 .btn{ display: block; border: 1px solid #333; text-align: center; width: 300px; max-width: 65%; font-family: 'Trykker', serif; font-size: 13px; border-radius: 0; margin: 0 auto; transition: 0.3s all; }
#aw2018 .btn:hover{ background: #eee; }
#aw2018 .btn img{ zoom:50%; margin-right: 14px; }

#aw2018 .style-box{ position: relative; margin-bottom: 230px; }
#aw2018 .inner{ padding: 0 15px; }
#aw2018 .style-box:before{ content: ""; position: absolute; bottom: -50px; background: #dec8bf; height: 400px; width: 100%; display: block; z-index: 1; }
#aw2018 .style-box h3{ max-width: 60%; margin: 0 auto 64vw; }

#aw2018 .style-nav{ position: relative; }

#aw2018 .style-box:nth-child(even):before{ background: #b4b19d; }
#aw2018 .style-box:nth-child(even) .border{ border: 1px solid #aba892; }

.swiper-container {
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
	position: absolute;
	top: 50px;
	z-index: 10;
}
.swiper-wrapper{
	width: 100%;
}
.swiper-slide {
      background-position: center;
      background-size: cover;
      width: 484px;
      padding-top: 60%;
		box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);
}
.swiper-button-prev,
.swiper-button-next {
  width: 94px;
  max-width: 10%;
  height: 52px;
  top: 0;
  margin-top: 0;
  z-index: 9999;
  transition: 0.5s all;

}
.swiper-button-prev:hover{ transform: translate(-10px,0); }
.swiper-button-next:hover{ transform: translate(10px,0); }
.swiper-button-prev{
	background:url(../image/aw2018/ic_prev.svg) center no-repeat;
	background-size: contain;
	float: left;
}
.swiper-button-next{
	background:url(../image/aw2018/ic_next.svg) center no-repeat;
	background-size: contain;
	float: right;
}

#aw2018 .btn2{ display: block; border: 1px solid #333; text-align: center; width: 300px; max-width: 100%; border-radius: 0; margin: 30px auto 0; padding: 15px; transition: 0.3s all; }
#aw2018 .btn2:hover{ background: #eee; }
#aw2018 .index{ margin-bottom: 180px; position: relative; }
#aw2018 .index:before{ content: ""; background: url(../image/aw2018/bg.jpg) center top; background-size: cover; width: 100%; height: 820px; margin-top: 120px; position: absolute; display: block; }
#aw2018 .index .border{ padding: 50px 10% 50px; }
#aw2018 .index h3{ width: 440px; max-width: 100%; margin: 0 auto 30px; }
#aw2018 .index .row{ margin: 0 -10px; }
#aw2018 .index li{ padding: 10px; }

@media screen and (max-width: 899px) {

.page-title{ margin: 35px auto;  }
#aw2018 .style-box{ margin-bottom: 100px; }
#aw2018 .style-box h3{ margin: 0 auto 100vw; }
#aw2018 .style-box:before{ content: ""; position: absolute; bottom: -35px; background: #dec8bf; height:200px; }
#aw2018 .btn{ font-size: 9px; }
#aw2018 .btn img{ zoom:30%; }

.swiper-container {
	padding-top: 8vw;
}
.swiper-slide {
	padding-top: 90%;
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.3);
}
.swiper-button-prev,
.swiper-button-next {
  height: 40px;

}

#aw2018 .index{ margin-bottom: 60px; }
#aw2018 .index:before{ margin-top: 10%; height: 88%; }
#aw2018 .index .border{ padding: 35px 10%; }
#aw2018 .index h3{ margin: 0 auto 20px; }
#aw2018 .index .row{ margin: 0 -5px; }
#aw2018 .index li{ padding: 5px; }
#aw2018 .btn2{ font-size: 12px; margin: 20px auto 0; }


}
@media screen and (min-width: 900px) {

}