/**
 * 设置日历的大小
 */
.calendar{
    width: 290px;
    height:auto;
    margin: 0 5px 5px;
    background: #f9f9f9;
    padding-bottom: 5px;
    font-size: 14px;
}

/**
 * 设置日历顶部盒子
 */
.calendar .calendar-title-box{
    position: relative;
    width: 100%;
    height: 40px;
    color: #444;
    line-height: 40px;
    text-align:center;
    font-size:20px;
}

/**
 * 设置上个月的按钮图标
 */
.calendar .prev-month {
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 20px;
    background: url('../images/arrow_left_normal_sd.png');
    top:13px;
    left: 42px;
    cursor: pointer;
}
.calendar .calendar-title{
    font-size: 17px;
}
/**
 * 设置下个月的按钮图标
 */
.calendar .next-month {
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 20px;
    background: url('../images/arrow_right_normal_sd.png');
    top:13px;
    right: 42px;
    cursor: pointer;
}


/* 设置日历表格样式 */
.calendar-table{
    width: 100%;
    border-collapse: collapse;
    text-align:center;
}

/* 表格行高 */
.calendar-table tr{
    height: 40px;
    /* margin-bottom: 4px; */
}

.calendar-table tr th,.calendar-table tr td{
    /*display: inline-block;*/
    /*margin: 0 4px 4px 4px ;*/
    /*width: 30px;*/
    /*height: 30px;*/
    cursor: pointer;
}
/* 当前天 颜色特殊显示 */
.currentDay {
    color: #fff;
    background: #f05156;
}

/* 本月 文字颜色 */
.currentMonth {
    color: #999;
}

/* 其他月颜色 */
.otherMonth{
    color: #ede;
}
/*本月可选日期*/
.canCheckDay{
    color:#000!important;
}
.calendar th{
    width: 40px;
    margin: 0;
    padding: 0;
    text-align: center;
}
.calendar-body-box{
    padding: 7px 5px;
}