@charset "UTF-8";
/*-------------------------------------------------------------------------------*/
/*    Activity                                                                                   */
/*-------------------------------------------------------------------------------*/
/*--------------------------------------------*/
/*    $OnlinaApply                            */
/*    01-熱門標籤                             */
/*    02-可報名標籤                           */
/*--------------------------------------------*/
.imglist_top {
  height: 2rem;
  margin-bottom: 0.35rem;
}

.imglist_top::after {
  content: "";
  display: table;
  clear: both;
}

.imglist_top .news_hot + .kf_imglist_tit {
  float: left;
  width: calc(100% - 4rem);
  margin: 0;
}

.imglist_top + .kf_imglist_time {
  padding-bottom: .125rem !important;
}

.kf_imglist_time + .kf_imglist_time {
  display: inline-block;
  margin-right: 0.25rem;
}

.news_hot {
  float: left;
  position: relative;
  width: 3rem;
  margin-right: 1rem;
  padding: 0.25rem;
  text-align: center;
  color: white;
  font-weight: bold;
  background-color: #00857e;
  border-radius: 50%;
  transform: rotate(-10deg);
}

.news_hot:after {
  content: "";
  position: absolute;
  right: -3px;
  bottom: -3px;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1rem .5rem 0 .5rem;
  border-color: #00857e transparent transparent transparent;
  transform: rotate(-45deg);
}

.cnews_badge {
  display: inline-block;
  padding: 0.125rem .5rem;
  color: white;
  background-color: #62350c;
  border-radius: .25rem;
}

@media (max-width: 575px) {
  .cnews_badge + p {
    margin-top: 0.25rem;
  }
}

.kf_cal_search {
  padding: 1rem;
  padding-bottom: 2rem;
}

.kf_cal_search .kf_ul + .kf_row-mid {
  text-align: center;
}

.kf_cal_search_form {
  padding-top: 1rem;
  border-top: 1px solid #dee2e6;
}

.kf_cal_search_form .kf_search_row {
  margin: .5rem 0;
}

.kf_activity_list {
  margin: 0 1rem;
  padding: 1rem 0;
  border-top: 1px solid #dee2e6;
}

.kf_activity_list .kf_imglist {
  margin: 0 -1rem;
}

.kf_activity_list .kf_imglist a {
  padding: 1rem 0;
  border-bottom: 1px solid #ced4da;
}

@media (min-width: 576px) {
  .kf_cal {
    float: left;
    width: 300px;
  }
  .kf_cal_search {
    float: left;
    width: calc(100% - 300px);
    padding: 0;
    padding-left: 1rem;
  }
  .kf_activity_list {
    margin: 2rem 0 0 0;
  }
  .kf_activity_list a {
    display: flex;
    align-items: center;
    min-height: 60px;
  }
  .kf_activity_list .kf_imglist {
    margin: 0;
  }
  .kf_activity_list .kf_img {
    margin-bottom: 0;
  }
  .kf_activity_list .kf_img_wrap {
    min-width: 280px;
    padding-right: 1.5rem;
  }
  .kf_activity_list .kf_imglist_group {
    overflow: hidden;
  }
}

@media print {
  .kf_cal {
    float: left;
    width: 300px;
  }
  .kf_cal_search {
    float: left;
    width: calc(100% - 300px);
    padding: 0;
    padding-left: 1rem;
  }
  .kf_activity_list {
    margin: 2rem 0 0 0;
  }
  .kf_activity_list .kf_imglist {
    margin: 0;
  }
}