@charset "utf-8";

#wrap{width: 100%; min-width:1700px}
#header{width: 100%; height: 100px; position: absolute; left: 0; top: 0; z-index:100;}
#header h1{position: absolute; bottom: 0; left: 130px;}
#header p.top{width: 80px; height: 80px; margin-bottom: 10px;}
#header p.top a{display: block; font-size: 20px; font-weight: 600; text-align: center; width: 80px; line-height: 80px;}
#header .all-menu{position: fixed; right: 0px; top:0px; background: #252525;}
#header .all-menu a{color:#fff}
#header .main-cart{position: fixed; right: 0px; top:80px}
#header .main-cart a{color:#252525}


#visual{width: 100%; height: 940px; position: relative;}
#visual .main-banner{position: relative; width: 100%; height: 940px;overflow: hidden;}
#visual .main-banner li{width: 100%; height: 940px; position: absolute; background-position: 50% 50%; background-repeat: no-repeat; left: 0; top: 0;}
#visual .main-banner li:nth-of-type(1){background-image: url(../images/main/visual/visual.jpg);}
#visual .main-banner li:nth-of-type(2){background-image: url(../images/main/visual/visual1.png);}
#visual .main-banner li:nth-of-type(3){background-image: url(../images/main/visual/visual2.png);}
#visual .paging{position: absolute; right: 100px; bottom: 60px; z-index:50}
#visual .paging li{width: 15px; height: 15px; border-radius:50%; background: #b8b6b6; margin-bottom: 10px;}
#visual .paging li.on{background:#484746}

#nav{position: fixed; right: -100%; top: 0; width: 950px; height:100%; background: rgba(37,37,37,0.95); z-index:100}
#nav .close-btn{position: absolute; top: 50px; left: 100px;}
#nav .close-btn a{color:#fff; font-size: 30px;}
#nav .close-btn:hover a{font-weight: 600;}
#nav .close-btn a img{margin-right: 20px;}

#nav .sub{padding-top: 220px; width: 760px; margin: auto;}
#nav .nav-left{float: left; width: 369px; margin-right: 10px; height: 500px; border-right: 1px solid #dcdcdc;}
#nav .nav-left .menu1{margin-bottom: 40px;}
#nav .nav-left h2 a{color:#efd2e8; font-size: 30px; text-align: center; display: block; margin-bottom: 10px; height: 55px; line-height: 55px;padding-top: 20px;}
#nav .nav-left h2:hover a{font-weight: 600;}
#nav .nav-left ul{padding-bottom: 10px; margin-left: 30px;}
#nav .nav-left ul li a{font-size: 20px; color:#dcdcdc;}
#nav .nav-left ul li:hover a{color:#fff; border-bottom: 1px solid #fff;}

#nav .nav-right{float: left; width: 369px; height: 374px;}
#nav .nav-right ul{}
#nav .nav-right h2{width: 369px;}
#nav .nav-right h2 a{display: block;color:#efd2e8; font-size: 30px; text-align: center; display: block; margin-bottom: 10px; height: 55px;line-height: 55px; }
#nav .nav-right h2:hover a{font-weight: 600;}
#nav .nav-right h2:first-of-type{padding-top: 20px;}
#nav .nav-right ul{padding-top: 60px; margin-left: 80px;}
#nav .nav-right ul li{margin-bottom: 15px; display: block; width: 369px; background: none; border: none;}
#nav .nav-right ul li a{color:#fff; font-size: 20px;}
#nav .nav-right ul li:hover a{border-bottom: 1px solid #fff;}

#cart{position: fixed; right:-100%; top: 0; width: 950px; height:100%; background: rgba(255,255,255,0.95); z-index:100}
#cart .close-btn{position: absolute; top: 50px; left: 100px;}
#cart .close-btn a{color:#252525; font-size: 30px;}
#cart .close-btn:hover a{font-weight: 600;}
#cart .close-btn a img{margin-right: 20px;}
#cart h2{margin-left: 150px; margin-top: 180px; font-size: 30px; color:#252525; margin-bottom: 20px;}
#cart ul{margin-left: 150px;}
#cart ul li{width: 650px; height: 200px; border: 1px solid #666;position: relative;}
#cart ul li:nth-of-type(1){border-bottom: none;}
#cart ul li img{float: left; width: 200px; height: 200px; display: block;}
#cart ul li a{display: block;float: left;width: 300px;}
#cart ul li a span{font-weight: 600; display: block; margin-left: 30px; font-size: 18px; padding-top: 40px;}
#cart ul li a em{display: block; margin-left: 30px; font-size: 16px;color:#666}
#cart ul li a strong{font-weight: 600; display: block; margin-left: 30px; font-size: 16px; color:#000}
#cart ul li .box{width: 30px; height: 30px; position: absolute; bottom:23px;left: 285px;}
#cart ul li p{position: absolute; left: 230px; bottom: 30px;}
#cart ul li p .next a{width: 20px; height: 20px;}
#cart ul li p .prev {margin-left: 50px;}
#cart ul li p .prev a{width: 20px; height: 20px;}
#cart ul li .box1{width: 30px; height: 30px; position: absolute; bottom:23px;left: 285px;}
#cart ul li p{position: absolute; left: 230px; bottom: 30px;}
#cart ul li p .next1 a{width: 20px; height: 20px;}
#cart ul li p .prev1 {margin-left: 50px;}
#cart ul li p .prev1 a{width: 20px; height: 20px;}
#cart .ship{margin-left: 150px; font-size: 20px; padding-top: 20px;}
#cart .ship span{color:red}
#cart .total{margin-left: 150px; font-size: 20px; padding-bottom: 20px;}
#cart .total span{color:#000}
#cart .button{margin-left: 150px; width: 650px;}
#cart .button button{display: block; width: 250px; float: left; height: 40px; border:none;}
#cart .button .con{background: #efd2e8; margin-left: 65px; margin-right: 10px;}
#cart .button .out{background: #252525;}
#cart .button .out a{color:#fff}
#cart .button button a{font-size: 20px;}

#container{height: 100%;}
#container:after{display: block; content:''; clear:both}
#content{width: 100%; margin: auto;}

#new{width: 100%; height: 790px; background: #faf5f3;}
#new .inner1400{position: relative; width: 1400px; height: 460px; margin: auto;}
#new .inner1400 h2{font-size: 60px; line-height: 1.1; color:#711f6d; text-align: center; padding-top: 60px; padding-bottom: 60px;}
#new .inner1400 .mask{width: 1400px; margin: auto; height: 550px;}
#new .inner1400 .mask .new{width: 2485px; position: relative; text-align: center; padding-bottom: 70px;}
#new .inner1400 .mask .new li.ne{float: left; width: 335px; height: 455px; margin-right: 20px;}

#new .inner1400 .mask .new li a{width: 335px; color:#666}
#new .inner1400 .mask .new li a span{font-size: 18px; font-weight: 600; display: block; text-align: center; margin-top: 20px;}
#new .inner1400 .mask .new li:hover a{color:#000}

#sale{width: 100%; height: 1390px;}
#sale .inner1400{width: 1400px; position: relative; margin: auto; top: 65px;}
#sale .inner1400 span{width: 260px; height: 140px; background: #feb6a0; display: block; position: absolute; left: 0px; top: 0;}
#sale .inner1400 h2{font-size: 60px; line-height: 1.1; position: absolute; left: 325px; top: 25px; color:#711f6d}

#sale .inner1400 .sale1{width: 610px; height: 840px; background: #252525;float: left;position: absolute; top: 250px; left: 70px; position: relative; overflow: hidden; box-shadow:0px 0px 20px #666}
#sale .inner1400 .sale1 img{transition: 0.5s ease-in-out;}
#sale .inner1400 .sale1:hover img{opacity: 0.7; transform:scale(1.2)}
#sale .inner1400 .sale1 h3{font-size: 36px; position: absolute; top: 120px; left: 45px; line-height: 1.2; color:#fff}
#sale .inner1400 .sale1 h3 em{color:yellow}
#sale .inner1400 .sale1 p.more{position: absolute; left: 45px;top: 200px; }
#sale .inner1400 .sale1 p a{font-size: 30px; color:#fff}

#sale .inner1400 .sale2{width: 610px; height: 840px; position: absolute; top: 40px; right: 80px; position: relative; float: right;overflow: hidden; box-shadow:0px 0px 20px #666}
#sale .inner1400 .sale2 img{transition: 0.5s ease-in-out;}
#sale .inner1400 .sale2:hover img{opacity: 0.7; transform:scale(1.2)}
#sale .inner1400 .sale2 h3{font-size: 36px; position: absolute; top: 595px; left: 365px; line-height: 1.2; color:#333}
#sale .inner1400 .sale2 h3 em{color:red}
#sale .inner1400 .sale2 h3 strong{font-family:"GOTHICI";margin-right: 10px;}
#sale .inner1400 .sale2 p.more{position: absolute; top: 730px; left: 365px;}
#sale .inner1400 .sale2 p a{font-size: 30px; color:#333}

#sale .inner1400 .sale3{width: 610px; height: 310px; background:#252525 ;position: absolute; right: 80px; top:70px; position: relative; float: right;overflow: hidden;box-shadow:0px 0px 20px #666}
#sale .inner1400 .sale3 img{width: 611px; height: 310px;}
#sale .inner1400 .sale3 img{transition: 0.5s ease-in-out;}
#sale .inner1400 .sale3:hover img{opacity: 0.7; transform:scale(1.2)}
#sale .inner1400 .sale3 h3{font-size: 36px; position: absolute; line-height: 1.2; color:#fff; left: 420px; top: 90px;}
#sale .inner1400 .sale3 h3 em{color:#000}
#sale .inner1400 .sale3:hover h3 em{color:#dcdcdc}
#sale .inner1400 .sale3 p.more{position: absolute; top: 170px; left: 420px;}
#sale .inner1400 .sale3 p a{font-size: 30px; color:#fff}



#best{width: 100%; height: 1600px; background: #efd2e8;}
#best .inner1685{width: 1685px; position: relative;margin: auto;}
#best .inner1685 .box1{position: absolute; left: 150px; top: 250px; }
#best .inner1685 .box1:hover{transform:scale(1.08); transition:0.3s;}
#best .inner1685 .box2{position: absolute; top: 90px; right: 260px;}
#best .inner1685 .box2:hover{transform:scale(1.08); transition:0.3s}
#best .inner1685 .box3{position: absolute; top: 90px; right: 50px; z-index:50}
#best .inner1685 .box4{left: 745px; top: 735px; position: absolute;}
#best .inner1685 .box4:hover{transform:scale(1.08); transition:0.3s}
#best .inner1685 .box5{position: absolute; top: 630px; right: 90px;}
#best .inner1685 .box5:hover{transform:scale(1.08); transition:0.3s}
#best .inner1685 .box6{position: absolute; top: 925px; left: 40px;}
#best .inner1685 .box6:hover{transform:scale(1.08); transition:0.3s}
#best .inner1685 .box7{position: absolute; top: 1090px; left: 610px; z-index:50}
#best .inner1685 .box7:hover{transform:scale(1.08); transition:0.3s}

#look{width: 100%; height: 860px;}
#look .inner1300{width: 1300px; margin: auto; margin-top: 70px;}
#look .inner1300 .lookl{width:650px;float: left; height: 794px; background: #fbeddd;}
#look .inner1300 .lookl h2{padding-top: 85px; font-size: 60px; color:#252525; margin-left: 75px;letter-spacing:-2px}
#look .inner1300 .lookl h3{margin-left: 250px; padding-top: 130px;padding-bottom: 20px; font-size: 30px; color:#701e6d}
#look .inner1300 .lookl p{text-align:right; margin-right: 70px;}
#look .inner1300 .lookl p.name{padding-top: 20px;}
#look .inner1300 .lookl p.model{padding-top: 20px;}
#look .inner1300 .lookl ul{margin-left: 290px; padding-top: 20px;}
#look .inner1300 .lookl ul li{float: left; margin-left: 40px; text-align: right; cursor:pointer}
#look .inner1300 .lookl ul li.on{font-size: 20px; font-weight: 600; color:#000}

#look .inner1300 .lookr{width:650px;float: left;}

#footer{width: 100%; background:#252525; height: 970px;}
#footer .inner{width: 1400px; margin: auto; position: relative;}
#footer .inner .footh{position: absolute; left: 50%; transform:translateX(-50%); top: 50px;}
#footer .inner .footer1{position: absolute; top: 100px; left: 170px;}
#footer .inner .footer1 li{}
#footer .inner .footer1 li a{font-size: 24px; color:#fff; letter-spacing:-2px;}

#footer .inner .footer2{position: absolute; top: 100px; right: 100px;}
#footer .inner .footer2 li{}
#footer .inner .footer2 li a{font-size: 24px; color:#fff; letter-spacing:-2px;}

#footer .inner .sns{position: absolute; top: 290px; left: 50%; transform:translateX(-50%)}
#footer .inner .sns li{float: left; margin-right: 20px;}
#footer .inner p{position: absolute; top: 610px; left:50%; transform:translateX(-50%); width: 1025px; height: 65px; border: 1px solid #fff;}
#footer .inner p input[type=search]{width: 950px; height: 63px; background: #252525; border: none; margin-left: 15px;}

#footer .inner .show1{width: 100%; height: 305px; position: relative;}
#footer .inner .show1 .online{width: 1180px; position: absolute; left: 140px; top: 400px;}
#footer .inner .show1 .online li{float: left; width: 260px; margin-right: 25px; margin-bottom: 5px; height: 65px; text-align: center; line-height: 65px;}
#footer .inner .show1 .online li img{display: block; text-align: center;}
#footer .inner .show1 .online li:nth-of-type(1) img{width: 202px; margin-left: 25px; margin-top: -10px;}
#footer .inner .show1 .online li:nth-of-type(2) img{width: 187px; margin-left: 35px;}
#footer .inner .show1 .online li:nth-of-type(3) img{width: 165px; margin-left: 50px;}
#footer .inner .show1 .online li:nth-of-type(4) img{width: 108px; margin-left: 78px; margin-top: -5px;}
#footer .inner .show1 .online li:nth-of-type(5) img{width: 155px; margin-left: 55px;}
#footer .inner .show1 .online li:nth-of-type(4n){margin-right: 0px;}

#footer .inner .footer3{width: 700px; position: absolute; top: 755px; left: 50%; transform:translateX(-50%)}
#footer .inner .footer3 li{float: left; margin-right: 40px; font-size: 24px; color:#fff; text-align:center; margin-bottom: 25px; letter-spacing:-1px}
#footer .inner .footer3 li a{font-size: 24px; color:#fff; letter-spacing:-2px; font-family:"GOTHICB"}
#footer .inner .footer3 li:nth-of-type(2){margin-right: 200px;}
#footer .inner .footer3 li:nth-of-type(6){margin-right: 0;}
#footer .inner .footer3 li:nth-of-type(8){margin-right: 0;}