* { font-family: 'Spoqa Han Sans Neo', 'sans-serif'; color:#666666; font-weight:400; letter-spacing:-1px; word-break: keep-all; line-height:120%; font-size:14px}

::-webkit-scrollbar {
  width: 0px;
}
body,p,h1,h2,h3,h4,h5,h6,h7,h8,h9,h10,div,a,form {margin:0; padding:0;}
body {width:100%; min-height:1600px; max-width:900px; margin:0 auto; background-color:#ffffff; position:relative}

input[type=text],input[type=password],input[type=button],textarea,select {-webkit-appearance: none;-webkit-border-radius: 0; padding:0; margin:0; border:0px;}
input[type="button"], button{border:0 none; padding:0; margin:0; background:transparent; *overflow:visible; cursor:pointer;}
button::-moz-focus-inner{border:0; padding:0;}
input[type="button"]::-moz-focus-inner{border:0; padding:0;}

video {transform: rotate(0deg); width:100% !important; margin-top:0px;}
#mainslide {width:100% !important; max-width:900px; margin:0 auto; position:absolute; top: 0px; left: 50%; transform: translate(-50%, 0%); z-index:10}
#itemslide {width:80% !important; max-width:900px; margin:0 auto; position:absolute; top: 0px; left: 50%; transform: translate(-50%, 0%); z-index:10}
.mainslide .swiper-slide {width:100%; height:1600px; background-position:center !important; background-size:cover !important;}
.itemslide .swiper-slide {width:100%; height:1100px; background-position:center !important; background-size:cover !important;}



#intro {}
#intro button.enter {display:block; z-index:999999 !important; width:80%; height:100px; border:3px solid #ffffff; color:#ffffff; font-size:25px; position: absolute; top: 68% !important; left: calc(10% - 3px);}
#intro button.enterlookbtn {display:block; z-index:999999 !important; top:calc(68% + 130px) !important}

.lookbtn {position:fixed !important; top:calc(50% - 0px) !important; z-index:11 !important; width:10% !important; left:0px;}
.lookbtn button {height:100px; width:100%;}
.lookbtn button img {max-width:50%}
#main {width:100%; height:1600px; position:relative; background:url('/img/main/bg.jpg'); background-position:center top; background-size:cover; background-repeat:no-repeat}
#main .logo {width:100%; text-align:center}
#main .logo img {height:50px; padding: 50px 0 50px 0}

#main .btn {width:80%; margin:0 auto;}
#main .btn button {float:left; display:block}
#main .btn div {float:left}
#main .btn div:nth-child(1) {width:10%;}
#main .btn div:nth-child(1) button:nth-child(1) {margin-top:150px !important}
#main .btn div:nth-child(1) button {width:100%; height:100px;}
#main .btn div:nth-child(1) button img {width:40%}

#main .btn div:nth-child(2) {width:80%; margin:0 auto; float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#main .btn div:nth-child(2) button:nth-child(1) {width:48%; height:500px; border:3px solid #ffffff; color:#ffffff; font-size:25px; margin-right:4%}
#main .btn div:nth-child(2) button:nth-child(2) {width:48%; height:500px; border:3px solid #ffffff; color:#ffffff; font-size:25px;}

#fixedbtn {float: none; top: 50%; left:0; transform: translate(0%, -50%); width:10%; position:fixed !important; z-index:99}
#fixedbtn button {width:100%; height:100px}
#fixedbtn button img {max-width:50%}

.fa-angle-left {font-size:30px !important;}

#camain {width:100%; min-height:1600px; position:relative; display:table; background-color:#ffffff;}
.title {width:100%; background-color:#000000; color:#ffffff; font-size:30px; padding:50px 0 50px 0; text-align:center; font-weight:bold; margin-bottom:100px; position:fixed; z-index:10; top:0px; left:0px;}
#camain .btn {width:80%; margin:0 auto;}
#camain .btn button {float:left; display:block}

#camain .btn div:nth-child(2) {width:100%;}
#camain .btn div.menu button:nth-child(1) {width:calc(100% - 0px); height:300px; border:3px solid #000000; margin-right:0px; margin-bottom:40px}
#camain .btn div.menu button:nth-child(2) {width:calc(50% - 20px); height:350px; border:3px solid #000000; margin-right:40px; margin-bottom:40px}
#camain .btn div.menu button:nth-child(3) {width:calc(50% - 20px); height:350px; border:3px solid #000000; color:#000000; font-size:25px; margin-bottom:40px}
#camain .btn div.menu button:nth-child(4) {width:calc(50% - 20px); height:350px; border:3px solid #000000; color:#000000; font-size:25px; margin-right:40px}
#camain .btn div.menu button:nth-child(5) {width:calc(50% - 20px); height:350px; border:3px solid #000000; color:#000000; font-size:25px;}
#camain .btn div.menu button p {color:#000000; font-size:20px; margin-top:-100px; font-weight:bold}

.looklist {width:80%; margin:0 auto; margin-top:180px;}
.looklist div {width:calc(33.3% - 20px); margin-bottom:30px; margin-right:30px; height:350px; float:left; background-size:cover !important; background-position:center!important}
.looklist div:nth-child(3n) {margin-right:0px}

.genderw button {background-position:bottom center !important; background-size:80% !important; background-repeat:no-repeat !important}
.genderm button {background-position:bottom center !important; background-size:80% !important; background-repeat:no-repeat !important}

.genderw button:nth-child(1) {background:url('/img/main/w/1.jpg?v=2');}
.genderw button:nth-child(2) {background:url('/img/main/w/2.jpg?v=2');}
.genderw button:nth-child(3) {background:url('/img/main/w/3.jpg?v=2');}
.genderw button:nth-child(4) {background:url('/img/main/w/4.jpg?v=2');}

.genderm button:nth-child(1) {background:url('/img/main/m/1.jpg?v=2');}
.genderm button:nth-child(2) {background:url('/img/main/m/2.jpg?v=2');}
.genderm button:nth-child(3) {background:url('/img/main/m/3.jpg?v=2');}
.genderm button:nth-child(4) {background:url('/img/main/m/4.jpg?v=2');}

#camain .btn div.list {margin-top:180px;}
#camain .btn div.list div {width:30%; float:left; margin-right:5%; height:350px;}
#camain .btn div.list div:nth-child(3n) {margin-right:0px}
#camain .btn div.list div p:nth-child(1) {width:100%; height:200px; background-position:center !important; background-repeat:no-repeat !important; background-size:85% !important; background-color:#eeeeee !important}
#camain .btn div.list div p:nth-child(2) {margin:20px 0 20px 0; color:#000000; font-size:14px; font-weight:bold; line-height:20px;}
#camain .btn div.list div p:nth-child(3) span {float:left; display:block; width:15px; height:15px; border-radius:15px; margin-right:5px;}

.center {float: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.fixed {position:fixed !important; top:calc(50% - 300px) !important; z-index:11 !important; width:50px !important;}



#itembg {position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.7); width:100%; height:100%; z-index:9}
#item {width:80%; max-width:900px; margin:0 auto; position:absolute; top: 180px; left: 50%; transform: translate(-50%, 0%); z-index:10;}
#item .item {width:100%; margin:0 auto; }

#item .item .content {background-color:#ffffff; width:calc(100% - 100px); padding:50px; margin-right:0%; position:relative}
#item .item .content h1 {color:#000000; font-size:25px; font-weight:bold; text-align:center; margin-bottom:30px;}
#item .item .content h2 {}

#item .fa-times {position:absolute; color:#000000; font-size:30px; right:3%; top:3%; z-index:99 !important; display:block}
.item .fa-times {position:absolute; color:#000000; font-size:30px; right:calc(10% + 30px); top:30px !important; z-index:99 !important; display:block}

ul,li {margin:0; padding:0}
#item .item .content ul {margin:0; margin-left:20px;}
#item .item .content ul li {line-height:25px; color:#000000; margin-bottom:10px; font-size:18px;}

#item .item .content .swiper-slide {display:table; margin-bottom:30px;}
#item .item .content .swiper-slide p img {max-width:100%; max-height:100%;}
#item .item .content .swiper-slide p {float:left; margin-bottom:20px; background-color:#eeeeee; text-align:center}
#item .item .content .swiper-slide p:nth-child(1) {width:calc(80% - 20px); margin-right:20px; height:500px !important}
#item .item .content .swiper-slide p:nth-child(1) img {max-width:90%; max-height:100%; padding:0 5% 0 5%}
#item .item .content .swiper-slide p:nth-child(2) {width:20%; height:110px;}
#item .item .content .swiper-slide p:nth-child(3) {width:20%; height:110px;}
#item .item .content .swiper-slide p:nth-child(4) {width:20%; height:110px;}
#item .item .content .swiper-slide p:nth-child(5) {width:20%; height:110px;}
#item .item .content .swiper-slide p:nth-child(1) {text-align:center}
#item .item .content .swiper-slide p:nth-child(1) button {margin:5px; width:30px; height:30px; border-radius:30px; border:2px solid #ffffff; } 
#item .item .content .swiper-slide p:nth-child(1) button i {display:none; font-size:11px; color:#ffffff; position:absolute; margin-top:-5px; margin-left:-5px}

#itemslide .swiper-slide button {width:100px !important; height:100px !important; border:5px solid #ffffff !important; color:#ffffff !important; font-weight:bold; font-size:13px !important}
#itemslide .swiper-slide button:nth-child(1) {position:absolute; top:30px !important; left:30px !important}
#itemslide .swiper-slide button:nth-child(2) {position:absolute; top:150px !important; left:30px !important}
#itemslide .swiper-slide button:nth-child(3) {position:absolute; top:270px !important; left:30px !important}
#itemslide .swiper-slide button:nth-child(4) {position:absolute; top:390px !important; left:30px !important}
#itemslide .swiper-slide button:nth-child(5) {position:absolute; top:510px !important; left:30px !important}
#itemslide .swiper-slide button:nth-child(6) {position:absolute; top:630px !important; left:30px !important}
#itemslide .swiper-slide button:nth-child(7) {position:absolute; top:750px !important; left:30px !important}
#itemslide .swiper-slide button:nth-child(8) {position:absolute; top:870px !important; left:30px !important}


#itemslide .swiper-button-next {background-image:none !important; width:50px; height:50px; z-index:1; text-align:center; line-height:50px;}
#itemslide .swiper-button-prev {background-image:none !important; width:50px; height:50px; z-index:1;  text-align:center; line-height:50px;}
#itemslide .swiper-button-next:after{content:''}
#itemslide .swiper-button-prev:after{content:''}
#itemslide .swiper-button-next i {color:#ffffff; font-size:30px;}
#itemslide .swiper-button-prev i {color:#ffffff; font-size:30px;}

#item .swiper-button-next {background-image:none !important; width:50px; height:50px; z-index:1; text-align:center; line-height:50px; position:absolute; left:calc(80% - 70px); margin-top:-50px;}
#item .swiper-button-prev {background-image:none !important; width:50px; height:50px; z-index:1;  text-align:center; line-height:50px; position:absolute; left:0%; margin-top:-50px;}
#item .swiper-button-next:after{content:''}
#item .swiper-button-prev:after{content:''}
#item .swiper-button-next i {color:#ffffff; font-size:30px;}
#item .swiper-button-prev i {color:#ffffff; font-size:30px;}


#snackbar {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background:rgba(0,0,0,0.6);
  color: #ffffff;
  line-height:50px;
  text-align: center;
  border-radius: 50px;
height:50px;
  position: fixed;
  z-index: 100;
  left: 50%;
  bottom: 50%;
  font-size: 15px;
}
#snackbar i {color:#ffffff; font-size:15px; margin-right:10px}
#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {bottom: 40%; opacity: 0;} 
  to {bottom: 50%; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 40%; opacity: 0;}
  to {bottom: 50%; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 50%; opacity: 1;} 
  to {bottom: 40%; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 50%; opacity: 1;}
  to {bottom: 40%; opacity: 0;}
}

.swiper-button-prev.swiper-button-disabled{opacity:1 !important;}
.swiper-button-next.swiper-button-disabled{opacity:1 !important;}