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


/* top ///////////////////////*/
.top{
.pr;
.oh;

.white{
.dt;
.pa;
z-index:10;
width:2040px;
left:50%;
margin-left:-1020px;

li{
height:480px;
width:680px;
.dtc;
}
li:first-child{
background-color: rgba(255,255,255,0.5);
}
li:last-child{
background-color: rgba(255,255,255,0.5);
}

}

.wrap{
.pr;
width:2040px;
left:50%;
margin-left:-1020px;
}

.navi{
.pa;
top:50%;
left:0;
right:0;
margin:auto;
width:85%;
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:960px) {
.top{

.navi{
width:96%;
}

}
}


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

.white{
width:1440px;
margin-left:-720px;
li{
height:380px;
width:480px;
}
}

.wrap{
width:1440px;
margin-left:-720px;
}

.navi{
width:99%;
}

}
}