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

/* guide ///////////////////////*/
.guide{
padding:0;

.area1 .this,
.area2 .this,
.area3 .this,
.area4 .this,
.area5 .this{
border:1px @c5 solid;
}
.area1 .this .wrap,
.area2 .this .wrap,
.area3 .this .wrap,
.area4 .this .wrap,
.area5 .this .wrap{
background:@c5;
}

}



/* list ///////////////////////*/
.list{
padding:40px 0 0 0;

table{
width:100%;
}
td{
padding:10px;
border:1px @c3 solid;
}

tr:first-child td{
background:@c7;
.tac;
.nw;
}

td:nth-child(2),
td:nth-child(4),
td:nth-child(5),
td:nth-child(6),
td:nth-child(7){
.tac;
}

a{
.tdu;
.bold;
}
a:hover{
color:@c1;
}

span{
.dn;
}

b{
.red;
.bold;
text-indent:-9999px;
border:2px @red solid;
.r(50%);
width:12px;
height:12px;
.dib;
.vam;
}

}


@media (max-width:900px){
.list{

tr{
border:1px @c3 solid;
}
tr:first-child{
.dn;
}

td{
.db;
.tal;
padding:0;
border:0;
}
td:nth-child(2),
td:nth-child(4),
td:nth-child(5),
td:nth-child(6),
td:nth-child(7){
.tal;
}
td:nth-child(2){
padding:10px 0 0 0;
}
td:nth-child(7){
padding:0 0 10px 0;
}

td:first-child{
padding:10px;
background:@c7;
}
br{
.dn;
}

a{
.db;
}
span{
.dib;
padding:0 5px 0 10px;
}

b{
width:10px;
height:10px;
}

}
}


/* detail ///////////////////////*/


/* image ///////////////////////*/
.image{

dl{
.dt;
width:100%;
.tac;
}
dd{
.dtc;
.tac;
padding:10px;
img{
width:100%;
max-width:700px;
}
}
dd:nth-child(even){
padding:0 0 0 10px;
}
dd:nth-child(odd){
padding:0 10px 0 0;
}

}


@media (max-width:700px){
.image{

dl{
.db;
}
dd{
.db;
}
dd:nth-child(even){
padding:0;
}
dd:nth-child(odd){
padding:0 0 10px 0;
}

}
}

/* table ///////////////////////*/
.section_title{
padding:60px 0 30px 0;
}

table{
width:100%;
}
td{
padding:10px;
border:1px @c3 solid;
}
td:first-child{
width:200px;
background:@c7;
.nw;
}


@media (max-width:700px){
.section_title{
padding:40px 0 20px 0;
}

td:first-child{
width:auto;
}

}


@media (max-width:500px){
.url{
word-break: break-all;
/*
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
display:block;
max-width:200px;
*/
}
}


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

dl{
.dt;
width:100%;
}
dd{
.dtc;
.tac;
}
dd:nth-child(even){
padding:0 0 0 10px;
}
dd:nth-child(odd){
padding:0 10px 0 0;
}

.icon1 .wrap{
background:@red;
}
.icon2 .wrap{
background:@red;
}

img{
width:80px;
padding:10px;
}
p{
.ffgm;
color:#FFF;
font-size:21pt;
}
img,
p{
.dib;
.vam;
}

}


@media (max-width:700px){
.service{

dl{
.db;
}
dd{
.db;
}
dd:nth-child(even){
padding:0;
}
dd:nth-child(odd){
padding:0 0 10px 0;
}

}
}

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

dd{
.tal;
}

}
}





/* access ///////////////////////*/
iframe{
width:100%;
height:500px;
}


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

iframe{
height:300px;
}

}
}


/* back ///////////////////////*/
.back{
padding:40px 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;
}