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


/*  ///////////////////////*/
h2{
padding:0 0 0 20px;
margin:0 0 40px 0;
font-size:26pt;
border-left:6px @c1 solid;
.ffm;
}

@media (max-width:480px) {
h2{
padding:0 0 0 10px;
font-size:18pt;
margin:0 0 20px 0;
}
}

/* category_title ///////////////////////*/
.category_title .bg{
background:url("../image/title_bg.jpg") no-repeat center 35%;
background-size:cover;
}

/* ad ///////////////////////*/
.ad{

section{
padding:0 0 80px 0;
}

section:nth-child(1){
h2{
border-left:6px #E00000 solid;
}
h3{
border-top:4px #E00000 solid;
}
}
section:nth-child(2){
h2{
border-left:6px #02399E solid;
}
h3{
border-top:4px #02399E solid;
}
}

h3{
font-size:12pt;
.ffg;
border-top:6px @c1 solid;
padding:15px 0 10px 0;
}

dl{
.db;
}
dd{
.dib;
.vat;
width:33%;
padding:20px;
}
dd ul{
.dt;
}
dd li{
.dtc;
.vat;
padding:5px;
width:50%;
}
dd img{
width:100%;
}


}


@media (max-width:960px) {
.ad{

dd{
padding:10px;
}

}
}


@media (max-width:720px) {
.ad{

h3{
font-size:12pt;
padding:10px 0 5px 0;
}

}
}


@media (max-width:480px) {
.ad{
padding:40px 0 0 0;

h3{
font-size:12pt;
padding:10px 0 5px 0;
}

dd{
.db;
width:100%;
}
section{
padding:0 0 40px 0;
}

}
}