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

/* news ///////////////////////*/
.news{
padding:60px 0 120px 0;

li{
padding:15px 0 15px 130px;
background:url("../image/line3.svg") repeat-x 0 100%;
}
li p{
.left;
margin:0 0 0 -130px;
padding:0 0 0 15px;
background:url("../image/point1.png") no-repeat 0 50%;
background-size:7px;
}

}


@media (max-width:480px) {
.news{
padding:30px 0 60px 0;

li{
padding:10px 0 10px 17px;
}
li p{
.fn;
.db;
font-size:7pt;
margin:0 0 0 -17px;
padding:0 0 0 15px;
}

}
}


/* .detail ///////////////////////*/
.detail{
padding:60px 0 120px 0;

.date{
.tar;
}

.photo{
.dt;
.center;

li{
.dtc;
.vat;
padding:20px 10px;
}
img{
width:100%;
height:auto;
max-width:500px;
max-height:400px;
object-fit: contain;
}
p{
padding:5px;
}
}

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

.pdf{
a{
.dib;
margin:30px 0 0 0;
padding:0 0 0 15px;
background:url(../image/point1.png) no-repeat 0 47%;
background-size:7px;
text-decoration:underline;
}
}

.back{
margin:30px auto 0 auto;
}

}


@media (max-width:480px) {
.detail{
padding:30px 0 60px 0;

.photo{
li{
.db;
.vat;
padding:10px 0 0 0;
.tac;
}
img{
width:95%;
}
}


}
}