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


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

.title{
padding:0;
}

.pager{
.tar;
padding:0 0 20px 0;
}

.table{
.pr;
}
.table .line{
.pa;
top:4px;
left:2px;
width:99.6%;
height:99.6%;
border:2px #FFFFFF solid;
}

table{
width:100%;
}
.td1{
padding:30px 0 10px 0;
background:url("../image/bg_glay.jpg") repeat 0 0 !important;
.tac;
}
td:first-child{
background:url("../image/bg_pink.jpg") repeat 0 0;
}
td:last-child{
background:url("../image/bg_blue.jpg") repeat 0 0;
}

td{
vertical-align:top;
width:14%;
background-color:#FFFFFF;
border-bottom:1px #CCCCCC solid;
border-right:1px #CCCCCC solid;
}

tr:last-child td:first-child{
border-bottom:0;
padding:0 0 10px 10px;
}
tr:last-child td:last-child{
border-bottom:0;
padding:0 10px 10px 0;
}
td:last-child{
border-right:0;
}

.day{
padding:5px;
text-align:center;
}

td a{
.db;
.tal;
padding:10px;
font-size:9pt;
line-height:150%;
}

td a:hover{
.tdu;
}

}



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

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

.td1{
.dn;
}

td{
.db;
width:100%;
padding:0 0 0 30px;
border-left:1px #CCCCCC solid;
}
tr:last-child td{
border-bottom:1px #CCCCCC solid;
padding:0 0 0 30px;
}
tr:last-child td:first-child{
padding:0 0 0 30px;
}
tr:last-child td:last-child{
padding:0 0 0 30px;
}

.day{
.dib;
height:100%;
width:30px;
margin-left:-30px;
}
td a{
.dib;
padding:3px;
.tdu;
}

.pager{
padding:0 0 10px 0;
}

}
}



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

.date{
.tar;
}

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

}


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

}
}