/* calendar.css*/
.calendar{
    /*   搭配:    长x高   字体大小   如：400x400  15    or    600x600   21     or  800x800   30*/
    height: 300px;      /* 可修改*/
    width: 100%;       /* 可修改*/
    font-size:15px;   /* 可修改*/
    border:2px solid #009dcd;  
    border-radius: 5px;
    border-style: outset;
	background: #ffffff;
}
/*下面的字体与行高等等都用百分比或em的形式
只要上面修改font-size、width、height，下面会相应做出变化
当然要设置合理*/
.calendartitle{
    position: relative;
    height: 18%;
    text-align: center;
    border-bottom: 1px solid rgb(231,231,231);
}
/*两个左右切换按钮*/
.calendartitle a{
    font-size: 1.8em;
    text-decoration: none;
}

#prev{                                             
    position: relative;
    top:-1.2em;
    left: -5em;
}
#next{
    position: relative;
    top:-1.2em;
    left: 5em;
}
/*设置日历显示列表*/
.bodylist{
    padding: 0px 10px;
}
.bodylist ul{
    width:100%;
    font-family:"goudy old style",san-serif;
    font-weight:bold;
    padding: 0px;
    margin:0px;
}
.bodylist ul li{
    width:14.28%;
    height: 2.2em;
    display:block;
    float:left;
    list-style-type:none;
    line-height: 2.2em;
    box-sizing:border-box;
    text-align:center;
}

/*颜色设置类*/
.lightgrey{
    color:#a8a8a8; /*浅灰色*/
}
.darkgrey{
    color:#565656; /*深灰色*/
}
.lightbrown{
    color:#CDBA96; /*浅棕色*/
}

.white{
    color:#FFFFFF; /*浅棕色*/
}
.greenbox{
    background:#02baf2; /*浅绿色背景*/
}