.calendar table{
    width: 100%;
    border-collapse:collapse;
    /* border-spacing: 1px; */
}
.calendar td{
    position: relative;
    width: 10rem;
    height: 7rem;
    padding: .5rem;
    font-family: 'Roboto';
    text-align: center;  
    font-size: 2.4rem;
    font-weight: 600;
    color: var(--sub-txt-color);
}
.calendar tr:first-child td{
    height: 3rem;
    font-size: 1.4rem;
    text-align: center;
    vertical-align: middle;
    font-weight: 400;
}
.calendar .dateNum{
    position: absolute;
    display: block;
    left: 50%;
    top: 1.5rem;
    transform: translateX(-50%);
}
.calendar .dateNum.Today{
    color: var(--act-txt-color);
}
.calendar .mark{
    position: relative;
    display:inline-block;
    top: 2rem;
    padding: .6rem;
    /* background: turquoise; */
}
.auct1{
    background: #A0EC00;
}
.auct2{
    background: #c300ff;
}
.auct3{
    background: #ffd001;
}
.auct4{
    background: #0080ff;
}
.calendar .mark span{
    display: block;
    position: absolute;
    left: 50%;
    width: .6rem;
    height: .6rem;
    border-radius: 100%;
    transform: translateX(-50%);
}
.calendar .mark span:first-child{
    filter: blur(.3rem);
}