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

/* news ///////////////////////*/
.news{

li{
padding:10px 0 10px 10px;
}
li:nth-child(odd){
.bg2;
}
li a::before {
content:'';
.pa;
top:.7em;
left:.5em;
width:5px;
height:5px;
background: @text;
}

a{
.pr;
.db;
.vat;
padding:0 0 0 15px;
}
p{
.dib;
padding:0 0 0 5px;
}

a:hover > p{
.tdu;
}

.new{
background:@c5;
color:#FFF;
.dib;
padding:0 10px;
font-size:9pt;
line-height:160%;
.bold;
margin:0 0 0 5px;
}

.navi{
padding:40px 0 0 0;
.tac;
a, p{
.dib;
}
}

}

@media (max-width:700px){
.news{
padding:0 0 0 0;

}
}


/* news ////////////////////////////// */
.detail{
padding:0;

.image{
.dt;
.center;
width:100%;

li{
.dtc;
padding:10px;
}
img{
width:100%;
max-width:600px;
}
}

.text{
padding:10px;
}

.pdf{
padding:10px;
}


.back{
padding:10px 0 0 0;
}
.back a{
.db;
.center;
.bg1;
.tac;
width: 200px;
padding: 10px;
font-size:14pt;
color: #FFFFFF;
.r(10px);
}
.back a:hover {
opacity:.6;
}

}



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

.image{
.db;
li{
.db;
padding:5px 0;
}
}

.text{
padding:10px 0;
}

.pdf{
padding:10px 0;
}

}
}