.calendar table td{
    border: 1px solid black;
    border-collapse: collapse;
}

.calendar thead {
    font-size: 14px;
}

.calendar thead td {
    padding: 0px;
}

.calendar tr td {
    font-size: 14px;
    padding: 2px;
    position: relative;
}

.calendar tr td:hover {
    background: #fde1a1;	
}

.calendar .day {
    width: 20px;
    height: 20px;
    line-height: 20px;
}

.calendar .day:hover {
    border: 0px;
}

.calendar .lunar {
    font-size: 8px;
    color: red;
    position: absolute;
    bottom: -7px;
    right: 2px;
}

.calendar .day.has-event:after {
    top: calc(50% - 12px);
    left: calc(50% - 15px);
    background: #0e4e8e;
}

.calendar .day.today {
    background: transparent;
    color: black;
}

.td-today {
    background: #fde1a1;
}