/**
 * 璁剧疆鏃ュ巻鐨勫ぇ灏?
 */
.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: ;
    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: ;
    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;
}