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


@media (max-width:960px){
}

@media (max-width:640px){
}


/* .faq ///////////////////////*/
.faq{
padding:20px 0 0 0;

.icon{
.dib;
.vam;
margin:0 0 0 -10px;
}
h2{
.dib;
.vam;
img{height:40px; }
}

article{
width:820px;
.center;
}
em{
.bold;
font-size:12pt;
}
dl{
padding:20px 0 0 0;
}
dt{
height:50px;
background:url("../image/faq3.svg") no-repeat 0 0;
padding:0 0 0 50px;

font-size:14pt;
.red;
.pointer;
p{
line-height:50px;
}
}
dd{
background:url("../image/faq4.svg") no-repeat 0 10px;
padding:0 0 0 50px;
}

}



@media (max-width:960px){
.faq{
article{
width:95%;
}
em{
.db;
padding:20px 0 0 0;
}
}
}


@media (max-width:720px){
.faq{
.icon{
height:80px;
margin:0;
}
h2 img{
height:30px;
}
}
}


@media (max-width:560px){
.faq{

header{
width:300px;
}
article{
width:300px;
}
.icon{
height:60px;
margin:0 5px 0 -10px;
}
h2 img{
height:25px;
}
em{
.bold;
font-size:10pt;
}
dt{
height:60px;
p{
line-height:140%;
}
}
dd{
.dn;
}

}
}