p {
  margin: 0;
  padding: 0;
  color: black;
}

.events-page-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.events-title-box {
  width: 1100px;
  height: 150px;
  padding: 40px 0 0 0;
  border-bottom: 1px solid rgba(213,213,213,1);
}

.events-title-box > p.events-big-title {
  width: 100%;
  height: 50px;
  font-size: 1.5rem;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.events-body {
  width: 1100px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 50px 0 50px 0;
}
.events-body-banner {
  width: 1100px;
  height: 350px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(240,240,240,1);
  cursor: pointer;
}
.events-body-banner > img {
  width: 100%;
  height: 100%;
  margin: 0; padding: 0;
}
.events-body-text {
  width: 100%;
  padding: 10px 0 10px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.events-body-text > p {
  height: 30px;
  font-size: 1.0rem;
}

.events-popup-wrapper {
  position: fixed;
  top: 0px;
  left: 0px;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 10000;
}

.events-popup-body {
  position: absolute;
  top: 10%;
  left: 50%;
  margin-left: -450px;
  display: none;
  width: 900px;
  height: 80%;
  background: white;
  z-index: 10001;
  overflow: hidden;
}
.events-popup-body > button.events-popup-close-btn {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 30px; height: 30px;
  background: black;
  color: white;
  border: 0;
}
.events-popup-body > .events-popup-body-contents {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 30px 10px 10px 10px;
}