.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1; /*For IE 6&7 only*/
}

#calendar_bg {
  width: 100%;
}

/* #calendar *{
	margin: 0;
	padding: 0;
} */

#calendar {
  margin-bottom: 20px;
}

.calendar_icon {
  background-color: #000;
  font-weight: bold;
  padding: 3px 10px;
  border-radius: 3px;
}
.calendar_icon a {
  color: #fff;
  display: inline-block;
}
#calendar_title {
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  position: relative;
  color: #000;
  text-align: center;
}
#calendar_title strong {
  font-size: 100%;
}
.calendar_type {
  float: left;
  font-weight: bold;
  color: #333;
  letter-spacing: 1px;
  padding: 3px;
}
.calendar_month {
  float: left;
}
.calendar_type a {
  display: inline-block;
  text-decoration: none;
  color: #3e6417;
}
.calendar_type a:hover,
.calendar_type a:focus {
  color: #900;
}

.week4,
.week5,
.c_date2,
.c_date3 {
  display: table-cell;
  float: none;
}
.week4,
.c_date2 {
  width: 12%;
}
.week5,
.c_date3 {
  width: 88%;
}
#calendar ul {
  padding: 5px;
}
#calendar ul li {
  width: 100%;
  padding: 0px 0;
  margin: 0;
  display: table;
}
#calendar ul li dl:nth-child(1) {
  /*星期日和星期六的顏色*/
  background-color: #fde9e3;
}
#calendar ul li dl:nth-child(7) {
  /*星期日和星期六的顏色*/
  background-color: #d5f7e8;
}

#calendar ul li dl {
  width: 14.28%;
  border-right: 1px #fff solid;
  background-color: #edf4e2;
  color: #000;
  font-size: 95%;
  font-weight: bold;
  display: table-cell;
  padding: 5px;
  text-align: center;
}
#calendar ul .date span {
  font-size: 84%;
  width: 14.28%;
  height: 100px;
  min-height: 100px;
  border-left: 1px #eee solid;
  border-bottom: 1px #eee solid;
  background: #fff;
  color: #000;
  display: table-cell;
  padding: 10px;
  vertical-align: top;
}

#calendar ul .date span:last-child {
  border-right: 1px #eee solid;
}

#calendar ul .date span p {
  color: #f00;
  margin: 0;
}

#calendar ul .date .plan {
  background: #fffde3;
}

#calendar ul li span a {
  display: block;
  color: #3e6417;
  text-decoration: none;
}
#calendar ul li span a:hover {
  color: #ee5126;
  text-decoration: none;
}
#calendar ul li span strong {
  background-color: #fff;
  border-top-style: none;
  border-right-style: none;
  display: block;
  text-align: left;
  color: #333;
  padding: 0px;
}
#calendar ul li span strong:nth-child(1) {
  background-color: #fff;
  border-top-style: none;
  border-right-style: none;
  display: block;
  text-align: left;
  color: #333;
  padding: 0px;
}

#calendar2 {
  background-color: #eee;
  margin-bottom: 20px;
  padding-bottom: 40px;
  padding-top: 20px;
  margin-top: 20px;
}
.calendar2_main {
  font-size: 95%;
  padding: 10px;
}
#calendar2_week {
  letter-spacing: 2px;
  padding-bottom: 15px;
  padding-right: 15px;
  padding-left: 15px;
}
#calendar2_week a {
  color: #900;
  display: inline-block;
  text-decoration: none;
  padding-bottom: 2px;
  font-weight: bold;
}
#calendar2_week a:hover,
#calendar2_week a:focus {
  color: #669900;
  border-bottom-color: #690;
}
.calendar2_tt {
  width: 100%;
  background-color: #ccc;
  display: table;
}
.calendar2_date {
  border-right: 1px #eee solid;
  width: 10%;
  color: #000;
  display: table-cell;
  padding: 10px;
  text-align: center;
}
.calendar2_doom {
  color: #000;
  display: table-cell;
}
.calendar2_doom dt {
  border-right: 1px #eee solid;
  width: 78%;
  display: table-cell;
  padding: 10px;
}
.calendar2_doom dd {
  display: table-cell;
  padding: 10px;
}
.calendar2_doom dl {
  width: 100%;
  display: table;
}
.calendar2_unit {
  width: 20%;
  color: #000;
  display: table-cell;
  padding: 10px;
}
.calendar2_list {
  width: 100%;
  background-color: #fff;
  display: table;
}
.calendar2_list li {
  border-bottom: 1px #eee solid;
  width: 100%;
  display: table;
}
.calendar2_date2 {
  border-right: 1px #eee solid;
  width: 10%;
  color: #000;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  letter-spacing: 0px;
  word-wrap: break-word;
  word-break: break-all;
}
.calendar2_doom2 {
  color: #000;
  display: table-cell;
}
.calendar2_doom2 dt {
  border-right: 1px #eee solid;
  background-image: url(../images/icon02.png);
  background-repeat: no-repeat;
  background-position: 4px 10px;
  width: 78%;
  display: table-cell;
  padding: 5px 15px;
}

.calendar2_doom2 dt a {
  display: inline-block;
  color: #900;
}
.calendar2_doom2 dt a:hover {
  color: #ee7610;
}

.calendar2_doom2 dd {
  border-right: 1px #eee solid;
  display: table-cell;
  padding: 5px 15px;
  vertical-align: top;
}
.calendar2_doom2 dl {
  width: 100%;
  background-color: #fff;
  display: table;
}
/* 20191226搜尋列 */
#calendar.kg_bg {
  margin-bottom: 20px;
  background: #edf4e2;
  border-radius: 10px;
  padding: 15px;
}
#calendar #iid,
#calendar #tm3,
#calendar #tm4 {
  width: 28% !important;
  text-align: center;
}

#calendar .table1,
#calendar #iid,
#calendar #lid,
#calendar #tm3,
#calendar #tm4,
#calendar #tid {
  font-size: 0.833em;
  letter-spacing: 1px;
  padding: 3px;
}

#calendar #tm4 {
  margin-right: 0;
}

#calendar #tm1,
#calendar #tm2 {
  width: 20% !important;
}

#calendar #kd {
  width: 28% !important;
}

#calendar .search_bn {
  margin-top: 8px;
}
#calendar #calendar_wk {
  text-align: center;
  padding-top: 3px;
}

#calendar #calendar_wk a {
  letter-spacing: 0;
}

#calendar .calendar_type label {
  letter-spacing: 1px;
  padding: 0 3px;
}
#calendar .calendar_month {
  padding-top: 10px;
}
.calendar_type {
  padding-top: 4px;
}

#calendar .calendar_type {
  padding-left: 20px;
}
/* end 20191226搜尋列 */

@media (max-width: 1200px) {
  .week4,
  .week5,
  .c_date2,
  .c_date3 {
    width: 100%;
    display: block;
    float: none;
  }
  #calendar ul li dl span,
  #calendar ul .date .plan dd {
    display: none;
  }
  #calendar ul .date span {
    height: 40px;
    text-align: center;
    line-height: 40px;
    padding: 0;
  }
  #calendar ul .date span a {
    height: 100%;
  }
  .calendar_month,
  .calendar_type {
    float: none;
  }
  #calendar ul {
    padding: 0;
  }

  /*#calendar ul li span a{ display:none}*/
  #calendar ul li span a:first-child {
    display: block;
  }

  /* 20191226搜尋列 */
  #calendar .table1,
  #calendar .table4,
  #calendar .table3 {
    display: inline-block;
  }
  #calendar .shCal {
    float: none !important;
    display: inline-block;
  }

  #calendar .kd_set {
    display: block;
    clear: both;
    padding-top: 0;
    margin-top: 0;
    padding-left: 0;
  }

  #calendar #iid,
  #calendar #tm3,
  #calendar #tm4 {
    width: 100% !important;
    text-align: left;
  }

  #calendar #tm1,
  #calendar #tm2 {
    width: calc(100% - 54px) !important;
    margin-right: 5px;
    display: inline-block;
  }
  #calendar #kd {
    width: calc(100% - 40px) !important;
    margin-right: 5px;
  }
  #calendar .search_bn {
    position: relative;
    top: -5px;
  }
  #calendar .search_bn.calendar_searchbtn {
    position: relative;
    top: -1px;
  }
  #calendar .join_word2 {
    float: none !important;
  }
  #calendar .kd_set_news {
    padding: 0;
    padding-top: 8px;
  }
  #calendar #calendar_title {
    padding: 0;
  }
  /* end 20191226搜尋列 */
}