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


/* top ///////////////////////*/
.top{
padding:0;
.pr;
.oh;

.area{
.pr;
width:2700px;
left:50%;
margin-left:-1350px;
}
li{
.pr;
padding:35px 0 0 0;
height:450px;
}
li img{
top:0;
.pa;
width:100%;
height:100%;
}
li p{
.center;
width:760px;
height:380px;
}

.navi{
.pa;
top:50%;
left:0;
right:0;
margin:auto;
width:1000px;
z-index:100;
}
.navi p{
.db;
/* background:url("../image/bg_black.jpg") no-repeat -200px 100%; */
width:60px;
height:60px;
padding:10px 0;
.tac;
cursor:pointer;
}
.prev{
.left;
margin-top:-25px;
}
.next{
.right;
margin-top:-25px;
}
}


@media (max-width:1100px) {
.top{

.navi{
width:720px;
}
.navi p{
width:30px;
height:30px;
}

.area{
width:2100px;
margin-left:-1050px;
}
li{
padding:30px 0 0 0;
height:400px;
}
li p{
width:590px;
height:335px;
}

}
}


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

.navi{
width:470px;
}
.navi p{
width:20px;
height:20px;
}

.area{
width:1400px;
margin-left:-700px;
}
li{
padding:20px 0 0 0;
height:250px;
}
li p{
width:390px;
height:210px;
}

}
}


@media (max-width:480px) {
.top{

.navi{
width:98%;
}
.navi p{
width:14px;
height:14px;
}

.area{
width:100%;
left:0;
margin-left:0;
}
li{
padding:18px 0 0 0;
height:200px;
}
li p{
width:85%;
height:166px;
}

}
}


/* news_blog ///////////////////////*/
.news_blog{
padding:80px 0 0 0;

dl{
.dt;
width:100%;
}
dd{
.dtc;
width:50%;
}

}

@media (max-width:1100px) {
.news_blog{
padding:40px 0 0 0;

dl{
.db;
}
dd{
.db;
width:100%;
}

}
}

/* news ///////////////////////*/
.news{
padding:0 30px 0 0 ;
}


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

.title{
padding:0;
}

}
}


/* blog ///////////////////////*/
.blog{
padding:0 0 0 30px;

h4{
.nw;
width:450px;
overflow:hidden;
text-overflow:ellipsis;
.ffg2;
}

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

}

@media (max-width:1100px) {
.blog{
padding:60px 0 0 0;


h4{
.nw;
width:auto;
overflow:hidden;
text-overflow:ellipsis;
}

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

}
}


/* calendar ///////////////////////*/
.calendar{
padding:100px 0 60px 0;
}

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

.title{
padding:0;
}

}
}


/* album ///////////////////////*/
.album{
.tac;
padding:100px 0 80px 0;

.mask{
width:100%;
.oh;
padding:40px 0 0 0;
}

ul{
.dt;
width:100%;
}

li{
.pr;
.dtc;
.vat;
}

}


@media (max-width:480px) {
.album{
padding:50px 0 80px 0;


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

li{
padding:0 0 30px 0;
width:120px;

.photo{
width:120px;
}
}

}
}