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

/* caregory_title ///////////////////////*/
.category_title{
background: url(../../image/07.jpg) no-repeat center 50%;
background-size:cover;
}

/* header ///////////////////////*/
.title{
header{
.tal;

h2{
color:@c1;
padding:0 0 20px 0;
}
h4{
color:@c3;
}

}
}

@media (max-width:500px), (max-height:500px){
.title{
header{

h2{
padding:0 0 10px 0;
}

}
}
}


/* new ///////////////////////*/
.new{
padding:10vh 0 0 0;

.image{
.right;

img:nth-child(1){
.right;
margin:-70px 0 0 0;
width:300px;
}
img:nth-child(2){
margin:-20px -100px 0 20px;
width:400px;
}
}
.text{
padding:50px 0 0 0;
}

}


@media (max-width:1200px){
.new{
padding:10vh 0 0 0;

.image{

img:nth-child(1){
width:250px;
}
img:nth-child(2){
width:300px;
}
}

}
}

@media (max-width:800px), (max-height:500px){
.new{
padding:5vh 0 0 0;

.image{
.fn;

img:nth-child(1){
.right;
margin:20px 0 0 0;
width:auto;
}
img:nth-child(2){
margin:0;
width:auto;
}
}

.text{
width:auto;
padding:20px 0 0 0;
}

}
}


/* system ///////////////////////*/
.system{
padding:30vh 0 10vh 0;

dl{
.dt;
padding:20px 0;
border-bottom:1px @c3 solid;
width:100%;
}
dl:nth-child(1){
border-top:1px @c3 solid;
}
dl:nth-child(even){
background:@c2;
}

dd{
.dtc;
.vat;
padding:20px;
}
dd:first-child{
width:300px;
font-size:23pt;
.ffgm;
color:@c1;
letter-spacing:.1em;
}

}

@media (max-width:1200px){
.system{
padding:15vh 0 10vh 0;
}
}

@media (max-width:800px), (max-height:500px){
.system{
padding:5vh 0;

dl{
.db;
padding:10px 0;
}

dd{
.db;
padding:10px;
}
dd:first-child{
width:auto;
font-size:14pt;
padding:10px 0 0 10px;
}


}
}