#calendar{
  position: relative;
}
#calendar .table_info table { border-collapse: collapse; width: 100%; text-align: center; }
#calendar th,
#calendar td { border: 1px solid #b5c1e2; padding: 8px;background: #FFF;}
#calendar th{
  background: #d8e1f8;
}
#calendar .sunday { color: #d70c19; }
#calendar .saturday { color: #0068b7; }
#calendar .holiday,#calendar .disabled { background: #eee; color: #999; }
#calendar .today { background: #fdd; }
#calendar .clickable { cursor: pointer; }
.table_info{
  width: 100%;
}
.table_info:nth-child(2){
  display: none;
}
.next_month,.back_month{
  font-size: 14px;
  line-height: 24px;
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: pointer;
  color: #0027ed;
  text-decoration: underline;
}
#calender h3{
  position: relative;
}

#timer ul{
  display: flex;
  flex-wrap: wrap;
}
#timer ul li{
  cursor: pointer;
  padding: 5px 10px;
  background: #ffffff;
  border: solid 1px #999;
  list-style: none;
  border-radius: 4px;
  margin: 5px;
}
#timer ul .notime{
  background: #eee;
  color: #999;
  cursor: default;
}
#calendar .date_ta{
  position: relative;
  background: #fff8c1;
}
#calendar .date_ta:before{
  content:"";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: solid 1px #b5c1e2;
}
#timer ul .time_ta{
  background: #fff8c1;
}
.table_info h3{
  position: relative;
  font-size: 30px;
  line-height: 40px;
  margin: 15px 0 5px;
  text-align: center;
}