@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;600&display=swap);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap);
@font-face {
  font-family: "MKGAA";
  src: url(/fonts/Mkgaa-Regular.woff2?d7edb1c986b3a45551caa81bf45496af);
}
.bg-head {
  background-color: #cccccc;
  height: 300px;
  box-shadow: black 0 -60px 20px inset;
  width: 100%;
  position: relative;
  color: white;
}
.bg-head .bg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  top: 0;
  left: 0;
}
.bg-head .shadow-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
}
.bg-head .front {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.bg-lightblue {
  position: relative;
  overflow: hidden;
  background-color: #2DBECD;
  color: white;
  z-index: 0;
}
.bg-lightblue:after {
  content: "";
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-29%, -60%);
  background-image: url(/images/news-detail-element-lg@2x.png?f81e8c34655ea6a4254667a985b93631);
  background-size: 100% 100%;
  background-position: top right;
  background-repeat: no-repeat;
  width: 1500px;
  height: 1719px;
}
@media (max-width: 1399px) {
  .bg-lightblue:after {
    transform: translate(-30%, -62%);
    width: 1200px;
    height: 1375px;
  }
}
@media (max-width: 1199px) {
  .bg-lightblue:after {
    transform: translate(-23.5%, -65%);
  }
}
@media (max-width: 991px) {
  .bg-lightblue:after {
    display: none;
  }
}

.bg-yellow {
  padding-bottom: calc((100vw * 148) / (3840));
}
@media (max-width: 991px) {
  .bg-yellow {
    background-color: #FFC832;
  }
}
@media (max-width: 575px) {
  .bg-yellow {
    padding-bottom: calc((900px * 148) / (3840)) !important;
  }
}

.more-from-us-content {
  position: relative;
  z-index: 1;
}

.footer-wrapper {
  position: relative;
  margin-top: calc((-100vw * 148) / (3840)) !important;
}
@media (max-width: 700px) {
  .footer-wrapper {
    margin-top: calc((-800px * 148) / (3840)) !important;
  }
}
@media (max-width: 575px) {
  .footer-wrapper {
    margin-top: calc((-900px * 148) / (3840)) !important;
  }
}

.bg-circleimage {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  background: url(/images/test-image.png?339200e30b19281ca62eae06c307b746);
}

.title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 16px;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* number of lines to show */
  -webkit-box-orient: vertical;
  color: #503291;
  cursor: pointer;
  transition: 0.2s;
}

#head .page-label {
  font-size: 14px;
}
#head .page-topic {
  font-size: 28px;
  font-weight: bold;
}

#content {
  margin-top: 40px;
  margin-bottom: 40px;
  min-height: 350px;
}
#content #description img {
  max-width: 100%;
}
@media (max-width: 991px) {
  #content {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.date {
  font-size: 14px;
  color: #000;
  opacity: 50%;
  margin-bottom: 0px;
}

.postdate {
  color: #000;
  font-size: 14px;
}

.line {
  height: 8px;
  width: 60px;
  border: none;
  border-radius: 3px;
  background-color: #EB3C96;
  margin-bottom: 16px;
}

.circle-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #DDD;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  font-size: 18px;
  transition: 0.2s ease-in-out;
}
.circle-icon:hover {
  background-color: #503291;
}

.fa {
  color: white;
}

.fa-calendar {
  color: #000 !important;
  opacity: 50%;
}

.text-black {
  color: black;
}

.moreinfo {
  color: #503291;
  font-size: 20px;
  font-weight: 400;
}

.sub-moreinfo {
  font-size: 12px;
  font-weight: 400;
}

.viewallnews {
  font-size: 14px;
  font-weight: 700;
}
.viewallnews a {
  color: #FFFFFF;
}
.viewallnews a i {
  transition: 0.2s ease-in-out;
}
.viewallnews a:hover {
  color: #503291;
}
.viewallnews a:hover i {
  margin-left: 4px;
  color: #503291;
}

#more-from-us {
  position: relative;
  overflow: hidden;
  padding: 80px 0;
}
#more-from-us .curve-yellow {
  display: none;
  position: absolute;
  top: 250px;
  left: 0;
  width: 100%;
  height: 100%;
}
#more-from-us .curve-yellow img {
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
}
#more-from-us .curve-yellow:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFC832;
  z-index: 1;
}
@media (max-width: 991px) {
  #more-from-us {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  #more-from-us .curve-yellow {
    display: block;
  }
  #more-from-us .viewallnews {
    margin-bottom: 100px;
  }
}
#more-from-us .card-item .card-img .image-cover {
  width: 362px;
  height: 317px;
}
#more-from-us .card-item .card-img .image-cover .cover {
  width: auto !important;
}
@media (min-width: 992px) and (max-width: 1199px) {
  #more-from-us .card-item .card-img .image-cover {
    width: 295px;
    height: 258.5px;
  }
}
@media (max-width: 575px) {
  #more-from-us .card-item .card-img .image-cover {
    width: 100%;
    height: auto;
  }
  #more-from-us .card-item .card-img .image-cover .frame {
    width: 100%;
    height: auto;
  }
}
#more-from-us .card-item .date-1,
#more-from-us .card-item .title-2,
#more-from-us .card-item .detail {
  color: #000000;
}