@import url("https://fonts.googleapis.com/css?family=Poppins|Noto+Sans+TC");
@import url("https://fonts.googleapis.com/css?family=Poppins|Noto+Serif+TC");
.flex_around {
  display: flex;
  display: -webkit-flex;
  /*for safari*/
  justify-content: space-around;
  -webkit-justify-content: space-around;
  -webkit-flex-wrap: wrap;
  align-items: center;
}

.flex_between, .event_group .event_item .info {
  display: flex;
  display: -webkit-flex;
  /*for safari*/
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-flex-wrap: wrap;
  align-items: center;
}

.flex_center {
  display: flex;
  display: -webkit-flex;
  /*for safari*/
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-flex-wrap: wrap;
  align-items: center;
}

.flex_start {
  display: flex;
  display: -webkit-flex;
  /*for safari*/
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  align-items: center;
}

.flex_end {
  display: flex;
  display: -webkit-flex;
  /*for safari*/
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -webkit-flex-wrap: wrap;
  align-items: center;
}

.event_group {
  width: 100%;
  min-height: 600px;
}
.event_group .event_item {
  width: 100%;
  cursor: pointer;
  margin: 20px 0;
  display: block;
}
.event_group .event_item img {
  width: 100%;
  height: auto;
}
.event_group .event_item .info {
  width: 100%;
}
.event_group .event_item .info .title {
  font-size: 16px;
  font-weight: bold;
}
.event_group .event_item .info .date {
  font-size: 13px;
  color: gray;
}

.link {
  transition: 0.3s;
  cursor: pointer;
}
.link:hover {
  color: #dd848d;
}
.link.active {
  font-weight: bold;
}/*# sourceMappingURL=event.css.map */