body {
  position: relative;
}
.banner-section {
  height: 8vw;
  min-height: 80px;
  max-height: 100px;
  width: 100%;
}
.thin-banner-wrap {
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #f8ab15 50%, #ff4747d9 100%);
}
.thin-banner-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 4%;
}
.thin-banner-wrap h2 {
  padding-bottom: 0px;
  color: #000;
}
#detail1-contanier p {
  margin: auto;
  font-size: 1.1rem;
  padding-bottom: 15px;
}
.detail-content-wrapper h1 {
  text-align: center;
  color: var(--bs-danger);
}
figure {
  text-align: center;
}
figure img {
  max-width: 80%;
  border-radius: 22px;
  
}

.detail-button {
  width: 30%;
  height: auto;
  background-color: var(--bs-yellow);
  border: 0;
  border-radius: 22px;
  font-size: 1.3rem;
}
#detail1-contanier .button-wrapper{
  margin-bottom: 0;
}
.back-div {
  color: var(--bs-black);
  font-size: 1.2rem;
  background-color: #dedbdb;
  border-radius: 50px;
  font-size: 1.2rem;
  padding: 10px 30px;
  line-height: normal;
  border: 0;
  margin: 10px 0px;
  font-weight: 500;
}

@media (max-width: 425px) {
  #detail1-contanier .PDFgp {
    flex-direction: column;
    justify-content: center;
  }
  #detail1-contanier .PDFgp .downloadPDF {
    width: 70%;
  }
}
.PDFgp {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 0;
  align-items: center;
}
.downloadPDF {
  background-color: var(--bs-yellow);
  text-align: center;
  border-radius: 50px;
  padding: 15px 50px;
  margin: 10px 0 15px 0;
  border: 0;
  color: var(--bs-black);
  font-size: 1.2rem;
  font-weight: 500;
}

/* 

-------------detail2-----------

*/

#event-icon-group-wrapper .row {
  justify-content: center;
}
#event-icon-group-wrapper .col-lg-3 {
  margin-bottom: 20px;
}
.icon-cap {
  font-size: 1.3rem;
}

.event-bg-icon-wrap img:hover {
  transform: scale(1.1);
}
.event-bg-icon-wrap a:hover {
  color: #000;
}

#event-icon-group-wrapper h1 {
  color: var(--bs-danger);
}
#event-icon-group-wrapper .detail2-back {
  left: 30px;
}

.event-bg-icon-wrap {
  width: 80%;
  margin: auto;
}
@media (min-width: 768px) and (max-width: 991px) {
  .event-bg-icon-wrap {
    max-width: 60%;
    margin: auto;
  }
}

@media (max-width: 768px) {
  #event-icon-group-wrapper .row:last-child {
    padding-bottom: 30px;
  }
}
/* 

---------detail 3 會訊--------

*/


/* news-love */

.ER-cover img {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 22px;
}

.event-review-title{
  color: var(--bs-black);
  font-weight: 500;
  font-size: 1.6rem;
  padding-top: 10px;
}

.Er-text-wrapper{
  height: auto;
  width: 100%;
  margin-bottom: 60px;
}

.ER-cover img:hover{
      transform: scale(1.05);
    transition: 0.5s ease;
}
h1{
  color: var(--bs-danger);
  padding-bottom: 20px;
}

#event-icon-group-wrapper p{
  font-size: 1.2rem;
}