@import (once) "font.less";
@import (once) "default.less";


/* body ///////////////////////*/
/*
.design{
.pa;
z-index:0;
width:100%;
height:15000px;
background:url("../store/image/design.jpg") no-repeat center 0;
opacity:.3;
}

.body{
.pr;
z-index:1;
}
*/


/* message ///////////////////////*/
.message{
padding:150px 0 0 0;

dl{
.dt;
width:100%;
}
dd{
.dtc;
.vat;
}

dd:first-child{
width:43%;
}

header{
border-left:3px @c2 solid;
padding:10px 0 10px 20px;
}

.text{
.db;
padding:40px 100px 0 0;
}

}


@media (max-width:1200px){
.message{

.text{
.db;
padding:40px 20px 0 0;
}

}
}


@media (max-width:1000px){
.message{
padding:100px 0 0 0;

dl{
.dt;
}
dd{
.db;
}
dd:first-child{
width:auto;
}

header{
border-left:3px @c2 solid;
padding:10px 0 0 10px;
}
.text{
.db;
padding:15px 0;
}

dd{
img{
width:100%;
}
}

}
}

@media (max-width:500px){
.message{
padding:80px 0 0 0;

}
}


/* outline ///////////////////////*/
.outline{
padding:80px 0 0 0;

dl{
.dt;
width:100%;
}
dd{
.dtc;
.vat;
width:50%;
height:500px;
.pr;
.oh;
}

.wrap{
width:100%;
.pa;
}
.slider{
img{
width:100%;
height:470px;
.of;
}
}

dd:nth-child(2){
padding:30px 0 0 50px;
}

table{
width:550px;
border-top:1px @g2 solid;
}
td{
padding:13px;
border-bottom:1px @g2 solid;
a{
.dib;
padding:0 0 0 10px;
}
}
td:first-child{
color:@c3;
}

ul{
padding:30px 0 0 0;
}

a{
color:@c2;
.tdu;
}


.bx-wrapper .bx-prev {
background:@c2;
.r(50%);
}
.bx-wrapper .bx-prev::after{
width:7px;
height:7px;
}
.bx-wrapper .bx-next {
background:@c2;
.r(50%);
}
.bx-wrapper .bx-next::after{
width:7px;
height:7px;
}

}



@media (max-width:1000px){
.outline{
padding:50px 0 0 0;

dl{
.db;
}
dd{
.db;
width:auto;
height:auto;
}

.wrap{
.ps;
}
.slider{
img{
height:400px;
}
}

dd:nth-child(2){
width:90%;
.center;
padding:80px 0 0 0;
}

table{
width:100%;
}

ul{
padding:20px 0 0 0;
}

}
}


@media (max-width:500px){
.outline{

td{
padding:10px 0;
}

td:first-child{
.nw;
padding:0 10px 0 0;
}

}
}