:root {
  --60a534-20: #60a53433;
  --f2f9fa: #f2f9fa;
  --037dc1: #037dc1;
  --white: #fff;
  --2a6b00: #2a6b00;
  --60a534: #60a534;
  --96908b-50: #96908b80;
  --f8de8a: #f8de8a;
  --efba0f-20: #efba0f33;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #333;
  letter-spacing: 1.5px;
  background-color: #fffcfa;
  font-family: Noto Sans TC, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
}

img {
  max-width: 100%;
  display: inline-block;
}

.all {
  margin-bottom: 60px;
}

.all.overflow {
  z-index: 2;
  overflow: hidden;
}

.all.home {
  z-index: 2;
  margin-bottom: 0;
  padding-bottom: 0;
  overflow: visible;
}

.all.padding-bottom-0 {
  margin-bottom: 0;
}

.section {
  padding-top: 60px;
  padding-bottom: 60px;
}

.section.home-banner {
  margin-top: -20px;
  padding-top: 0;
  padding-bottom: 80px;
}

.section.home-about {
  z-index: 1;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.section.footer {
  padding: 20px 0;
}

.section.health-info {
  padding-top: 30px;
  padding-bottom: 90px;
  position: relative;
}

.section.health-info._0-padding-donw {
  padding-bottom: 0;
}

.section._60a534-20 {
  background-color: #60a53433;
}

.section.newsletter-detail-bottom {
  background-color: #efba0f33;
  padding-bottom: 120px;
}

.section.relative {
  position: relative;
}

.section.bottom-padding-0px {
  padding-bottom: 0;
}

.section.activities-search-b {
  background-color: var(--60a534-20);
  margin-top: 40px;
  padding-top: 0;
  padding-bottom: 0;
}

.section.photo-album-slider {
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}

.section.education-videos {
  padding-top: 30px;
  padding-bottom: 90px;
  position: relative;
}

.section.education-videos._0-padding-donw {
  padding-bottom: 0;
}

.section.blue-bg {
  background-color: var(--f2f9fa);
}

.section.seminar-footer {
  background-color: var(--037dc1);
  color: var(--white);
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 16px;
}

.container {
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1440px;
  padding-left: 60px;
  padding-right: 60px;
}

.container.nav-bar {
  height: 120px;
  display: flex;
}

.container.health-info {
  justify-content: flex-start;
  width: 100%;
  padding-left: 60px;
  padding-right: 60px;
}

.navbar {
  z-index: 200;
  background-color: #ddd0;
  padding-top: 0;
}

.brand {
  width: 175px;
  margin-top: 20px;
  margin-right: 40px;
}

.nav-menu {
  border-bottom: 2px solid #60a534;
  flex: 1;
  justify-content: space-between;
  height: 80px;
  margin-right: -60px;
  padding-right: 60px;
  display: flex;
}

.nav-link {
  color: var(--2a6b00);
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
  display: flex;
  position: static;
}

.nav-link-icon-b {
  justify-content: center;
  align-items: center;
  width: auto;
  height: 0;
  display: flex;
  overflow: hidden;
}

.nav-link-icon {
  margin-top: 5px;
}

.home-slider {
  background-color: #ddd0;
  height: auto;
}

.home-slider-mask {
  height: auto;
  padding-top: 60px;
}

.home-slide {
  height: auto;
}

.hide {
  display: none;
}

.home-slide-row {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  display: flex;
}

.home-slide-col.news {
  border-top: 1px solid var(--2a6b00);
  width: 40%;
  max-width: 440px;
  height: 440px;
  margin-top: 20px;
  position: relative;
}

.home-slide-col.main {
  flex-flow: column;
  flex: 1;
  display: flex;
}

.home-banner-news-image-b {
  border-bottom-left-radius: 180px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.home-banner-news-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.home-banner-news-image-mask {
  color: #fff;
  background-image: linear-gradient(#08120108 50%, #08120180 75%, #081201e6);
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.home-banner-info-b {
  z-index: 2;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #fff;
  text-align: right;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  height: 100%;
  padding: 20px 20px 20px 80px;
  display: flex;
  position: relative;
}

.btn {
  color: var(--2a6b00);
  background-color: #fff;
  border-radius: 20px;
  padding: 6px 20px;
  text-decoration: none;
}

.home-banner-info-text-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.home-slide-main-b {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 180px;
  border-bottom-right-radius: 180px;
  flex: 1;
  position: relative;
}

.home-slide-main-b._01 {
  background-image: url('../images/banner-main-image-01.jpg');
  background-position: 100%;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.home-slide-what-news-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  height: 70px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.home-slide-what-news-title-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--60a534);
  word-break: keep-all;
  align-items: center;
  font-size: 40px;
  font-weight: 700;
  line-height: 130%;
  display: flex;
}

.home-slide-what-news-info-b {
  grid-column-gap: 10px;
  color: var(--2a6b00);
  flex-flow: wrap;
  align-self: center;
  display: flex;
}

.home-slide-what-news-title-icon {
  width: 38px;
  height: 30px;
  display: flex;
}

.image-full-h {
  height: 100%;
}

.home-banner-top-tree-b {
  width: auto;
  height: 70px;
  position: absolute;
  inset: -70px 0% auto auto;
}

.image-full {
  width: 100%;
}

.image-full._100h {
  max-height: 100%;
}

.home-row {
  display: flex;
}

.home-col.left {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  flex: 1;
  align-self: flex-start;
  padding-bottom: 120px;
  display: flex;
}

.home-col.rigth {
  flex-flow: column;
  min-width: 35%;
  max-width: 35%;
  display: flex;
  position: relative;
}

.home-search-row {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: relative;
}

.home-search-col.secrch-form {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.home-search-bg-b {
  z-index: -10;
  background-color: #60a53433;
  width: 100vw;
  height: 100%;
  margin-top: -40px;
  margin-left: 26.9%;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}

.hot-secrch-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--60a534);
  background-color: #fff;
  border-radius: 10px;
  flex-flow: column;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

.secrch-link-b {
  border: 1px solid var(--60a534);
  color: var(--2a6b00);
  border-radius: 20px;
  padding: 10px;
  text-decoration: none;
  transition: color .8s, background-color .8s;
}

.secrch-link-b:hover {
  background-color: var(--2a6b00);
  color: var(--white);
}

.hot-secrch-img-b {
  pointer-events: none;
  height: 100px;
  position: relative;
}

.hot-secrch-img {
  position: absolute;
  inset: auto 0% 0%;
}

.title-b {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: var(--2a6b00);
  align-items: center;
  display: flex;
}

.title-b.health-info, .title-b.resource-centre-dl {
  border-bottom: 1px solid var(--2a6b00);
  color: var(--60a534);
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 5px;
}

.title-b.resource-centre {
  border-bottom: 1px solid var(--60a534);
  color: var(--60a534);
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 5px;
}

.title-b.videos {
  border-bottom: 1px solid var(--2a6b00);
  color: var(--60a534);
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 5px;
}

.title-icon-b {
  width: 35px;
  margin-top: 8px;
}

.secrch-form {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.select-field {
  color: #96908b;
  background-color: #fffcfa;
  background-image: url('../images/form-arrow.png');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto 11px;
  border: 0 solid #000;
  border-radius: 10px;
  height: 45px;
  margin-bottom: 0;
  font-size: 19px;
}

.select-field:active, .select-field:focus {
  color: var(--60a534);
  background-color: #fef9e6;
}

.select-field-row {
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.select-field-col.left {
  width: 30%;
  padding-left: 10px;
  padding-right: 10px;
}

.select-field-col.right {
  flex: 1;
  padding-left: 10px;
  padding-right: 10px;
}

.select-field-col._50 {
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
}

.dl-btn {
  border: 1px solid var(--2a6b00);
  color: var(--2a6b00);
  text-align: center;
  background-color: #fffcfa80;
  border-radius: 20px;
  width: 250px;
  padding: 5px 40px;
  text-decoration: none;
  transition: background-color .8s, border-color .8s, color .8s;
}

.dl-btn:hover {
  border-color: var(--white);
  background-color: var(--2a6b00);
  color: #fff;
}

.dl-btn.auto-w {
  width: auto;
  position: relative;
}

.dl-btn.blue {
  border-color: var(--037dc1);
  color: var(--037dc1);
  width: auto;
}

.dl-btn.blue:hover {
  background-color: var(--037dc1);
  color: var(--white);
}

.home-about-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.title-tree-b {
  border-bottom: 1px solid var(--2a6b00);
  color: var(--60a534);
  justify-content: flex-start;
  align-items: flex-end;
  height: 60px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
}

.title-tree-image-b {
  flex: 1;
  justify-content: flex-end;
  align-items: flex-end;
  height: 90px;
  margin-bottom: -11px;
  display: flex;
}

.title-tree-image {
  max-height: 100%;
}

.homr-banner-tree {
  height: 70px;
}

.home-about-text-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: var(--2a6b00);
  flex-flow: column;
  display: flex;
}

.text-bg-yellow {
  background-color: var(--f8de8a);
}

.related-links-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--f8de8a);
  border-top-left-radius: 250px;
  border-top-right-radius: 250px;
  flex-flow: column;
  flex: 1;
  margin-top: 40px;
  margin-left: 60px;
  padding-top: 70px;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.related-links-title-b {
  color: var(--2a6b00);
  text-align: center;
}

.related-links-list-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  height: 100%;
  padding-bottom: 100px;
  display: flex;
  overflow: auto;
}

.footer {
  z-index: 1;
  background-color: var(--60a534);
  position: relative;
}

.footer-row {
  color: #fff;
  justify-content: space-between;
  display: flex;
}

.footer-links {
  color: #fff;
  text-decoration: none;
  transition: color .8s;
}

.footer-links:hover {
  color: var(--f8de8a);
}

.home-about-inner-text-b {
  padding-right: 155px;
}

.home-bottom-image-b {
  width: 280px;
  margin-left: -160px;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.slider-nav-col {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 440px;
  padding: 16px;
  display: flex;
}

.slider-nav-col.left {
  pointer-events: none;
  flex: 0 auto;
  width: 40%;
}

.slider-nav-col.right {
  justify-content: flex-start;
  align-items: center;
  max-width: none;
}

.slider-nav-active {
  -webkit-user-select: none;
  user-select: none;
  background-color: #fff;
  border-radius: 100%;
  width: 14px;
  height: 14px;
  padding: 0;
}

.slider-nav-inactive {
  -webkit-user-select: none;
  user-select: none;
  background-color: #d9d9d9;
  border-radius: 100%;
  width: 14px;
  height: 14px;
  padding: 0;
}

.slider-nav-b {
  z-index: 2;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  margin-bottom: 70px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.title-tree {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.nav-link-dropdown-toggle {
  color: var(--2a6b00);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0;
  display: flex;
}

.side-menu-b {
  z-index: 260;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 50px;
  display: flex;
  position: fixed;
  inset: auto 0% 0% auto;
}

.side-menu-middle {
  background-color: #2a6b00;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  position: relative;
}

.side-menu-info-btn {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--2a6b00);
  color: #fff;
  border-top-left-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  text-decoration: none;
  display: flex;
}

.side-menu-info-btn.m-show {
  display: none;
}

.side-menu-contact-btn {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--60a534);
  color: #fff;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 15px;
  text-decoration: none;
  display: flex;
}

.side-menu-info-icon-b {
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.side-menu-top {
  align-items: flex-end;
  padding-left: 20px;
  display: flex;
}

.side-menu-bottom {
  align-items: flex-start;
  padding-left: 20px;
  display: flex;
}

.side-menu-icon-b {
  background-color: var(--2a6b00);
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  padding: 18px;
  display: flex;
}

.side-menu-show {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  width: 60px;
  display: flex;
}

.side-menu-hides-b {
  border: 2px solid var(--2a6b00);
  border-top-left-radius: 60px;
  border-bottom-left-radius: 60px;
  width: 0;
  margin-right: -4px;
  overflow: hidden;
}

.side-menu-hides-inner-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.side-menu-hides {
  background-color: var(--white);
  width: 480px;
  height: 100%;
  padding: 60px 20px 40px 40px;
}

.side-menu-hides-inner-logo-row {
  grid-row-gap: 10px;
  flex-flow: wrap;
  margin-left: -5px;
  margin-right: -5px;
  padding-right: 40px;
  display: flex;
}

.side-menu-hides-inner-logo-col {
  width: 50%;
  padding-left: 5px;
  padding-right: 5px;
}

.side-menu-hides-inner-shortcut-b {
  grid-row-gap: 20px;
  flex-flow: column;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
}

.side-menu-hides-inner-shortcut-title {
  border-bottom: 1px solid var(--2a6b00);
  color: var(--2a6b00);
  flex: 1;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
}

.side-menu-hides-inner-shortcut-row {
  grid-row-gap: 10px;
  flex-flow: wrap;
  margin-left: -5px;
  margin-right: -5px;
  padding-right: 40px;
  display: flex;
}

.side-menu-hides-inner-shortcut-col {
  width: 33.33%;
  padding-left: 5px;
  padding-right: 5px;
}

.side-menu-hides-inner-shortcut-inner {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  aspect-ratio: 1;
  color: #fff;
  background-color: #c2c2c2;
  background-image: url('../images/side-menu-shortcut-2-2x.png.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 65%;
  border-radius: 10px;
  flex-flow: column;
  width: 100%;
  padding: 10px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: all .8s;
  display: flex;
}

.side-menu-hides-inner-shortcut-inner:hover {
  background-size: 75%;
}

.side-menu-hides-inner-shortcut-inner._01 {
  background-color: #f792ad;
}

.side-menu-hides-inner-shortcut-inner._02 {
  background-color: #6173ba;
  background-image: url('../images/side-menu-shortcut-3-2x.png.png');
}

.side-menu-hides-inner-shortcut-inner._03 {
  background-color: #f7a97d;
  background-image: url('../images/side-menu-shortcut-4-2x.png.png');
}

.side-menu-hides-inner-shortcut-inner._04 {
  background-color: #6bcd98;
  background-image: url('../images/side-menu-shortcut-5-2x.png.png');
}

.side-menu-hides-inner-shortcut-inner._05 {
  background-color: #92cdf7;
  background-image: url('../images/side-menu-shortcut-6-2x.png.png');
}

.side-menu-hides-inner-shortcut-inner._06 {
  background-color: #b48ee6;
  background-image: url('../images/side-menu-shortcut-1-2x.png.png');
}

.side-menu-hides-inner-shortcut-arrow {
  width: 12px;
  height: 12px;
  display: flex;
}

.side-menu-close-b {
  z-index: 250;
  width: 100vw;
  height: 100vw;
  display: none;
  position: fixed;
  inset: 0%;
}

.side-menu-info-btn-b {
  position: relative;
}

.side-menu-info-btn-close-b {
  z-index: 5;
  display: none;
  position: absolute;
  inset: 0%;
}

.nav-link-dropdown-list {
  inset: auto 0% 0%;
}

.nav-link-dropdown-list.w--open {
  background-color: #fff;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  margin-top: 80px;
  display: flex;
  inset: 0% 0% auto;
  box-shadow: 4px 4px #5d3b0040;
}

.nav-drop-tabs {
  width: 100%;
}

.nav-drop-tabs-link {
  background-color: #ececec;
  width: 50%;
}

.nav-drop-tabs-link.w--current {
  background-color: #fff;
}

.nav-drop-tabs-pane {
  padding: 20px 60px 30px 30px;
}

.nav-drop-tabs-row {
  grid-row-gap: 20px;
  flex-flow: wrap;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.nav-drop-tabs-row.disease {
  grid-row-gap: 0px;
}

.nav-drop-tabs-col {
  color: var(--60a534);
  width: 33.33%;
  padding-left: 20px;
  padding-right: 20px;
}

.nav-drop-tabs-col.disease {
  width: 25%;
}

.nav-drop-tabs-col.big {
  width: 66.66%;
}

.nav-drop-tabs-col.resource-center {
  flex-flow: column;
  justify-content: space-between;
  width: 25%;
}

.nav-drop-tabs-inner-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--60a534);
  flex-flow: column;
  text-decoration: none;
  display: flex;
}

.nav-drop-tabs-inner-b.resource-center {
  justify-content: flex-end;
  height: 100%;
}

.nav-drop-tabs-inner-image-b {
  border-radius: 10px;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 80%;
  max-width: 240px;
  overflow: hidden;
}

.nav-drop-tabs-inner-image-b.big {
  width: 37.5%;
}

.nav-drop-tabs-inner-image-b.full {
  width: 100%;
}

.nav-drop-tabs-inner-link-b {
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: 500;
}

.nav-drop-tabs-inner-link-b.big {
  flex-flow: wrap;
  display: flex;
}

.nav-drop-tabs-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1px solid var(--60a534);
  color: var(--2a6b00);
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 24px;
  line-height: 30px;
  display: flex;
}

.nav-drop-tabs-title-icon-b {
  justify-content: center;
  align-items: center;
  width: 15px;
  display: flex;
}

.nav-drop-tabs-title-b {
  display: flex;
}

.nav-drop-tabs-main-link {
  border-left: 2px solid var(--60a534);
  padding: 5px 15px;
  transition: color .8s;
}

.nav-drop-tabs-main-link:hover {
  color: var(--2a6b00);
}

.nav-drop-tabs-main-link.half {
  align-self: flex-start;
  width: 50%;
  margin-left: 0;
  margin-right: 0;
}

.nav-drop-tabs-main-link-drop {
  width: 100%;
}

.nav-drop-tabs-main-link-drop.half {
  width: 50%;
  margin-left: 0;
  margin-right: 0;
}

.nav-drop-tabs-main-link-drop-toggle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-left: 2px solid var(--60a534);
  justify-content: flex-start;
  width: 100%;
  padding: 5px 15px;
  transition: color .8s;
  display: flex;
}

.nav-drop-tabs-main-link-drop-toggle:hover {
  color: var(--2a6b00);
}

.nav-drop-tabs-main-link-drop-toggle.disease {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--60a534);
  border-left-width: 0;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  font-size: 16px;
}

.nav-drop-tabs-main-link-drop-list {
  position: relative;
}

.nav-drop-tabs-main-link-drop-b {
  order: 1;
  justify-content: center;
  align-items: center;
  width: 10px;
  display: flex;
  transform: rotate(180deg);
}

.nav-drop-tabs-main-link-drop-link {
  background-color: #fff;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 30px;
  transition: color .8s;
}

.nav-drop-tabs-main-link-drop-link:hover {
  color: var(--2a6b00);
}

.nav-drop-tabs-main-link-drop-link.disease {
  border-left: 2px solid var(--60a534);
  padding-left: 15px;
  padding-right: 15px;
}

.disease-icon-b {
  width: 25px;
  min-width: 25px;
  height: 25px;
  min-height: 25px;
}

.search-pop-block {
  z-index: 300;
  opacity: 0;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.search-pop-close-b {
  position: absolute;
  inset: 0%;
}

.search-inner-pop-block {
  z-index: 5;
  width: 880px;
  padding: 40px;
  position: relative;
}

.search-pop-form {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.search-pop-form-field {
  border: 2px solid var(--2a6b00);
  color: var(--2a6b00);
  background-image: url('../images/side-menu-icon-search.png');
  background-position: 20px;
  background-repeat: no-repeat;
  background-size: auto 50%;
  border-radius: 40px;
  order: 0;
  height: auto;
  margin-bottom: 0;
  padding-left: 60px;
}

.search-pop-form-field::placeholder {
  color: var(--2a6b00);
}

.search-pop-form-btn {
  border: 2px solid var(--2a6b00);
  color: var(--2a6b00);
  background-color: #fff;
  border-radius: 30px;
  padding: 15px 20px;
  font-weight: 700;
  transition: background-color .8s, color .8s;
}

.search-pop-form-btn:hover {
  background-color: var(--2a6b00);
  color: var(--white);
}

.search-tab-row {
  grid-row-gap: 10px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.search-tab-col {
  padding-left: 6px;
  padding-right: 6px;
}

.search-tab {
  background-color: var(--60a534);
  color: #fff;
  border-radius: 20px;
  padding: 6px 12px;
  text-decoration: none;
  transition: background-color .8s;
}

.search-tab:hover {
  background-color: var(--2a6b00);
}

.side-menu-middle-image-mobile, .m-show {
  display: none;
}

.side-menu-info-btn-close-b-m {
  z-index: 5;
  display: none;
  position: absolute;
  inset: 0%;
}

.side-menu-close-b-m {
  z-index: 250;
  width: 100vw;
  height: 100vw;
  display: none;
  position: fixed;
  inset: 0%;
}

.nav-drop-tabs-inner-title-m-b {
  display: none;
}

.navbar-bg {
  position: absolute;
  inset: 0%;
}

.find-row {
  flex-flow: row;
  align-items: stretch;
  display: flex;
}

.find-col.left {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  flex: 1;
  align-self: flex-start;
  padding-bottom: 80px;
  display: flex;
}

.find-col.rigth {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  flex: 1;
  padding-bottom: 120px;
  padding-right: 30px;
  display: flex;
  position: relative;
}

.find-col.left {
  flex-flow: row;
  flex: 0 auto;
  align-self: stretch;
  min-width: 35%;
  max-width: 35%;
  padding-bottom: 0;
  padding-right: 60px;
  position: relative;
}

.find-filter-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #9ccf6f;
  border-top-left-radius: 250px;
  border-top-right-radius: 250px;
  flex-flow: column;
  width: 100%;
  margin-top: 40px;
  padding-top: 70px;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
}

.find-filter-title-b {
  color: var(--2a6b00);
  text-align: center;
}

.find-search-row {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: relative;
}

.find-search-bg-b {
  z-index: -10;
  background-color: #efba0f33;
  width: 100vw;
  height: 100%;
  margin-top: -40px;
  margin-left: -26.1%;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}

.find-search-col.secrch-form {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.find-filter-inner-b {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  padding-bottom: 60px;
  display: flex;
  position: sticky;
  top: 40px;
}

.find-search-image-pop-b {
  width: 225px;
  margin-bottom: -60px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.find-list-row {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.find-list-col {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #fff;
  border: 1px solid #96908b80;
  border-radius: 15px;
  flex-flow: column;
  padding: 25px;
  display: flex;
  box-shadow: 4px 6px #5d3b0040;
}

.find-filter-btn-row {
  grid-row-gap: 10px;
  flex-flow: wrap;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
}

.find-filter-btn-col {
  flex-flow: column;
  width: 50%;
  min-height: 105px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.find-filter-btn-col.sub {
  width: 100%;
  min-height: auto;
}

.find-filter-btn-b {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--60a534);
  text-align: center;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 15px;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 20px 5px;
  text-decoration: none;
  transition: background-color .8s;
  display: flex;
  position: relative;
}

.find-filter-btn-b:hover {
  background-color: #f3ffc9;
  box-shadow: 2px 2px 8px #9e9e9e40;
}

.find-filter-btn-b.sub {
  padding-top: 20px;
  padding-bottom: 20px;
}

.find-filter-icon-b {
  width: 35px;
  height: 35px;
}

.find-filter-inner-main-b, .find-filter-inner-sub-b {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.find-filter-btn-b-click {
  z-index: 2;
  opacity: 0;
  -webkit-backdrop-filter: grayscale();
  backdrop-filter: grayscale();
  background-color: #4d4d4d21;
  border-radius: 15px;
  position: absolute;
  inset: 0%;
}

.find-list-inner-row {
  grid-column-gap: 5%;
  grid-row-gap: 5%;
  display: flex;
}

.find-list-inner-col {
  width: 50%;
}

.find-list-inner-col.logo {
  align-self: center;
  width: 40%;
  max-width: 275px;
}

.find-list-inner-col.info {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  width: 60%;
  display: flex;
}

.find-list-inner-info-list-b {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.find-list-inner-info-title-b {
  color: var(--2a6b00);
}

.find-list-inner-info-list-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  display: flex;
}

.find-list-inner-info-icon-b {
  width: 25px;
  min-width: 25px;
  height: 25px;
  min-height: 25px;
}

.find-list-inner-info-list-links-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #373737;
  text-decoration: none;
  transition: color .8s;
  display: flex;
}

.find-list-inner-info-list-links-b:hover {
  color: var(--60a534);
}

.find-list-inner-info-list-links-b.e-mail {
  color: var(--60a534);
  text-decoration: underline;
}

.find-list-inner-info-list-links-b.e-mail:hover {
  color: var(--2a6b00);
}

.find-list-inner-tab-row {
  grid-column-gap: 30px;
  grid-row-gap: 15px;
  flex-flow: wrap;
  display: flex;
}

.find-list-inner-tab-col {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  word-break: keep-all;
  justify-content: flex-start;
  align-self: center;
  align-items: flex-start;
  display: flex;
}

.find-list-inner-tab-list-b {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: wrap;
  display: flex;
}

.find-list-inner-tab {
  border: 1px solid var(--60a534);
  color: var(--60a534);
  border-radius: 20px;
  padding: 9px 12px;
}

.find-list-inner-tab-text-b {
  padding-top: 10px;
}

.health-info-sub-menu-b {
  border-right: 1px solid #d9d9d9;
  width: 120px;
  height: 100vh;
  margin-left: -60px;
  padding-top: 15px;
  padding-bottom: 15px;
  position: sticky;
  top: 0;
}

.health-info-sub-menu {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #fffcfa;
  flex-flow: column;
  justify-content: space-around;
  height: 100%;
  display: flex;
  overflow: auto;
}

.health-info-sub-menu-link-b {
  border-right: 0px solid var(--2a6b00);
  filter: grayscale();
  color: var(--f8de8a);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 90px;
  padding: 15px 10px;
  text-decoration: none;
  transition: color .8s, filter .8s;
  display: flex;
}

.health-info-sub-menu-link-b:hover {
  filter: grayscale(0%);
  color: var(--2a6b00);
}

.health-info-sub-menu-link-b.w--current {
  filter: none;
  color: var(--2a6b00);
  border-right-width: 2px;
}

.health-info-sub-menu-icon-b {
  width: 28px;
  height: 28px;
}

.health-info-main-b {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  flex: 1;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.health-info-main-b.simplified {
  padding-left: 0;
  padding-right: 0;
}

.health-info-banner-b {
  height: 300px;
  position: relative;
}

.health-info-banner-image-b {
  border-radius: 180px 0;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.health-info-banner-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.health-info-banner-mask {
  background-image: linear-gradient(#fff0 60%, #0000004d 84%);
  position: absolute;
  inset: 0%;
}

.health-info-banner-text-b {
  z-index: 2;
  color: var(--white);
  margin-bottom: 20px;
  margin-left: 15px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.health-info-row {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  display: flex;
}

.health-info-col.anchor {
  width: 25%;
  max-width: 260px;
}

.health-info-col.info {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.health-info-catalog-title-b {
  color: var(--2a6b00);
}

.health-info-catalog-section {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.health-info-catalog-section-title-b {
  color: var(--2a6b00);
  justify-content: space-between;
  align-items: center;
  font-size: 17px;
  font-weight: 700;
  text-decoration: none;
  transition: color .8s;
  display: flex;
}

.health-info-catalog-section-title-b:hover {
  color: var(--60a534);
}

.health-info-catalog-section-list-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #96908b;
  flex-flow: column;
  display: flex;
}

.health-info-catalog-section-title-icon {
  border: 1px solid var(--60a534);
  background-image: url('../images/Health-info-anchor-section-title-arrow-icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 8px;
  border-radius: 20px;
  width: 20px;
  height: 20px;
}

.health-info-section-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.health-info-section-text-n-image-b {
  display: flex;
}

.health-info-section-text-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  width: 80%;
  display: flex;
}

.health-info-section-image-b {
  pointer-events: none;
  width: 30%;
  max-width: 175px;
}

.health-info-section-tick-table-b {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--white);
  color: var(--2a6b00);
  border: 1px solid #96908b80;
  border-radius: 60px;
  flex-flow: column;
  padding: 50px 30px;
  font-size: 28px;
  font-weight: 700;
  display: flex;
  box-shadow: 4px 4px #5d3b0040;
}

.health-info-section-tick-table-list-b {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.health-info-section-tick-table-list-icon {
  width: 40px;
  height: 40px;
  display: flex;
}

.health-info-section-tick-table-list-row {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-image: linear-gradient(90deg, #60a53433, #fff);
  border-radius: 15px;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 15px;
  display: flex;
}

.health-info-section-sub-title {
  color: var(--2a6b00);
  font-size: 28px;
  font-weight: 700;
  line-height: 120%;
}

.health-info-section-step-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #666;
  flex-flow: column;
  display: flex;
}

.text-green {
  color: var(--2a6b00);
}

.health-info-section-row {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  display: flex;
}

.health-info-section-col {
  width: 50%;
}

.health-info-section-col.image {
  border-top-left-radius: 120px;
  border-bottom-right-radius: 120px;
  height: 380px;
  position: relative;
  overflow: hidden;
}

.health-info-section-col.text {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.image-100-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.health-info-catalog-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  max-height: 100vh;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  position: sticky;
  top: 0;
  overflow: auto;
}

.health-info-section-video-b {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.health-info-section-video-title-b {
  color: var(--2a6b00);
}

.health-info-section-video {
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 9px 10px #5d3b0033;
}

.health-info-section-table {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "Area Area Area Area"
                 ". . . ."
                 ". . . ."
                 / 1fr 1fr 1fr 1fr;
}

.health-info-section-table-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--60a534);
  border-radius: 40px;
  padding: 10px 10px 10px 20px;
  display: flex;
}

.health-info-section-table-row.title {
  color: var(--white);
}

.health-info-section-table-row.inner-bg-w {
  background-color: #fff0;
}

.health-info-section-table-row.inner-bg-lg {
  background-color: #60a53433;
}

.health-info-section-table-col {
  justify-content: flex-start;
  align-items: center;
  width: 25%;
  display: flex;
}

.health-info-section-table-col.first {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: var(--2a6b00);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.health-info-section-table-link {
  color: #333;
  text-decoration: none;
  transition: color .8s;
}

.health-info-section-table-link:hover {
  color: var(--60a534);
}

.health-info-section-dl-b {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.health-info-section-dl-list-title {
  color: var(--60a534);
}

.health-info-section-dl-list-row {
  flex-flow: row;
  display: flex;
}

.health-info-section-dl-list {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.health-info-section-dl-list-col.text {
  color: var(--2a6b00);
  flex: 1;
}

.health-info-section-resources-b {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.health-info-section-resources-list-b {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.health-info-section-resources-list-row {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.health-info-section-resources-list-row.title {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border-bottom: 1px solid var(--2a6b00);
  color: var(--2a6b00);
  padding-top: 0;
  padding-bottom: 15px;
}

.health-info-section-resources-list-col._1st {
  color: var(--60a534);
  width: 33.33%;
}

.health-info-section-resources-list-col._2nd {
  flex: 1;
}

.health-info-section-resources-list-col.title-1st {
  width: 33.33%;
}

.health-info-section-resources-list-col.title-2nd {
  flex: 1;
}

.health-info-section-resources-list-inner {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.health-info-section-share-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #96908b80;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.health-info-section-share-icon {
  transition: opacity .8s, filter .8s;
}

.health-info-section-share-icon:hover {
  opacity: .5;
  filter: grayscale();
}

.health-info-search-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  padding-left: 120px;
  padding-right: 120px;
  display: flex;
  position: relative;
}

.health-info-search-btn-b {
  display: flex;
}

.health-info-search-from {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.health-info-select-field-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-right: -10px;
  display: flex;
}

.health-info-select-field-col {
  flex: 1;
}

.health-info-search-image-b {
  width: 120px;
  margin-left: -25px;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.health-info-main-row {
  display: flex;
}

.health-info-sub-menu-link-text:hover {
  color: var(--2a6b00);
}

.useful-links-main-row {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  padding-right: 10%;
  display: flex;
}

.title-tree-icon-b {
  justify-content: center;
  align-items: center;
  width: 35px;
  min-width: 35px;
  margin-top: 10px;
  display: flex;
}

.useful-links-main-col {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.useful-links-inner-row {
  grid-row-gap: 20px;
  flex-flow: wrap;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.useful-links-inner-col {
  width: 33.33%;
  padding-left: 10px;
  padding-right: 10px;
}

.useful-links-inner-link-b {
  border-radius: 10px;
  height: 100%;
  transition: box-shadow .8s;
  overflow: hidden;
  box-shadow: 4px 4px #5d3b0040;
}

.useful-links-inner-link-b:hover {
  box-shadow: 0 0 0 4px #0006;
}

.newsletter-main-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.newsletter-top-row {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.newsletter-top-col.image {
  width: 55%;
  position: relative;
}

.newsletter-top-col.text {
  flex: 1;
  padding-left: 40px;
  padding-right: 60px;
}

.newsletter-top-image-b {
  z-index: 2;
  border-top-right-radius: 120px;
  border-bottom-left-radius: 120px;
  position: relative;
  overflow: hidden;
}

.newsletter-top-info-b {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.newsletter-top-info-title {
  color: var(--2a6b00);
  font-size: 32px;
  line-height: 120%;
}

.newsletter-top-info-text-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.newsletter-top-info-date-b {
  grid-column-gap: 30px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  display: flex;
}

.newsletter-top-info-date-tab {
  border: 1px solid var(--60a534);
  color: var(--60a534);
  border-radius: 20px;
  padding: 9px 12px;
  font-size: 16px;
}

.newsletter-top-info-date-tab-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  display: flex;
}

.newsletter-top-info-date {
  flex: none;
}

.newsletter-top-image-bg-b {
  background-color: #60a53433;
  border-top-right-radius: 120px;
  border-bottom-left-radius: 120px;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: rotate(5deg);
}

.newsletter-list-row {
  grid-row-gap: 60px;
  flex-flow: wrap;
  margin-left: -30px;
  margin-right: -30px;
  display: flex;
}

.newsletter-b {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.newsletter-list-col {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #333;
  flex-flow: column;
  width: 33.33%;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  display: flex;
}

.newsletter-top-text-b {
  z-index: 3;
  margin-top: 20px;
  margin-left: 20px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.newsletter-top-text {
  border: 1px solid var(--60a534);
  background-color: var(--white);
  color: var(--60a534);
  border-radius: 20px;
  padding: 5px 15px;
}

.newsletter-list-image-b {
  height: 280px;
  position: relative;
}

.newsletter-list-info-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.newsletter-list-info-title-b {
  color: var(--2a6b00);
}

.newsletter-list-info-tab-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  display: flex;
}

.newsletter-list-info-tab {
  border: 1px solid var(--60a534);
  color: var(--60a534);
  border-radius: 20px;
  padding: 9px 12px;
  font-size: 16px;
}

.newsletter-list-info-date {
  flex: none;
}

.newsletter-list-image {
  z-index: 2;
  border-top-right-radius: 60px;
  border-bottom-left-radius: 60px;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.newsletter-list-image-bg {
  background-color: #60a53433;
  border-top-right-radius: 60px;
  border-bottom-left-radius: 60px;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: rotate(3deg);
}

.newsletter-page-num-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.newsletter-page-num-arrow {
  background-color: var(--60a534);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 8px;
  transition: background-color .8s;
  display: flex;
}

.newsletter-page-num-arrow:hover {
  background-color: var(--2a6b00);
}

.newsletter-page-num {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.newsletter-page-num-form {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.newsletter-page-num-field {
  color: #333;
  background-color: #fff0;
  border: 0 solid #000;
  width: 20px;
  height: auto;
  margin-bottom: 0;
  padding: 0;
  font-size: 18px;
}

.newsletter-page-num-field::placeholder {
  color: #333;
}

.newsletter-detail-row {
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.newsletter-detail-col.info {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  flex: 1;
  padding-right: 30px;
  display: flex;
}

.newsletter-detail-col.catalog {
  border-left: 1px solid #96908b80;
  padding-top: 60px;
  padding-left: 30px;
}

.newsletter-detail-catalog-b {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
  position: sticky;
  top: 60px;
}

.newsletter-detail-catalog-title {
  color: var(--2a6b00);
}

.newsletter-detail-catalog-list-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.newsletter-detail-catalog-list-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--2a6b00);
  justify-content: space-between;
  align-items: center;
  font-size: 17px;
  font-weight: 700;
  text-decoration: none;
  transition: color .8s;
  display: flex;
}

.newsletter-detail-catalog-list-link:hover {
  color: var(--60a534);
}

.newsletter-detail-catalog-list-icon {
  border: 1px solid var(--60a534);
  background-image: url('../images/Health-info-anchor-section-title-arrow-icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 8px;
  border-radius: 20px;
  width: 20px;
  height: 20px;
}

.newsletter-detail-info-banner-b {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.newsletter-detail-info-banner-info-b {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  display: flex;
}

.newsletter-detail-info-banner-image {
  border-top-left-radius: 13vw;
  border-bottom-right-radius: 13vw;
  overflow: hidden;
}

.newsletter-detail-info-banner-info-text-b {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: var(--60a534);
  display: flex;
}

.newsletter-detail-info-banner-info-text-title {
  color: var(--96908b-50);
}

.newsletter-detail-info-row {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  color: #666;
  flex-flow: column;
  display: flex;
}

.newsletter-detail-info-top-b {
  border-left: 2px solid #60a53433;
  padding: 15px;
}

.newsletter-detail-info-col {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.newsletter-detail-info-col-title-b {
  color: var(--2a6b00);
  flex-flow: column;
  display: flex;
}

.newsletter-detail-info-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.newsletter-detail-info-green-b {
  background-color: var(--60a534-20);
  border-radius: 30px;
  padding: 30px;
}

.newsletter-detail-info-tab-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  display: flex;
}

.newsletter-detail-info-tab {
  border: 1px solid var(--60a534);
  color: var(--60a534);
  border-radius: 20px;
  padding: 9px 12px;
  font-size: 16px;
}

.newsletter-detail-bottom-row {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.newsletter-detail-share-b {
  width: 60px;
  padding-top: 60px;
  padding-bottom: 60px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.newsletter-detail-share {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: var(--96908b-50);
  flex-flow: column;
  align-items: center;
  display: flex;
  position: sticky;
  top: 60px;
}

.newsletter-detail-share-icon {
  justify-content: center;
  align-items: center;
  transition: opacity .8s, filter .8s;
  display: flex;
}

.newsletter-detail-share-icon:hover {
  opacity: .5;
  filter: grayscale();
}

.newsletter-detail-share-icon-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.newsletter-detail-catalog-title-icon {
  display: none;
}

.newsletter-detail-catalog-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.health-info-section-text-innner-b, .health-info-catalog-section-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.health-info-catalog-title-icon-b {
  display: none;
}

.resource-centre-banner-b {
  padding-right: 30px;
}

.resource-centre-banner-image-b {
  border-top-right-radius: 12vw;
  border-bottom-left-radius: 12vw;
  overflow: hidden;
}

.resource-centre-row {
  flex-flow: row;
  align-items: stretch;
  display: flex;
}

.resource-centre-col.left {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  align-self: flex-start;
  padding-bottom: 80px;
  padding-right: 60px;
  display: flex;
}

.resource-centre-col.rigth {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  flex: 1;
  padding-bottom: 120px;
  padding-right: 30px;
  display: flex;
  position: relative;
}

.resource-centre-col.left {
  flex-flow: row;
  flex: 0 auto;
  align-self: stretch;
  min-width: 35%;
  max-width: 35%;
  padding-bottom: 0;
  padding-right: 60px;
  position: relative;
}

.resource-centre-catalog-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--f8de8a);
  border-top-left-radius: 250px;
  border-top-right-radius: 250px;
  flex-flow: column;
  width: 100%;
  margin-top: 0;
  padding-top: 70px;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
}

.resource-centre-catalog-inner-b {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  height: 100vh;
  padding-top: 40px;
  padding-bottom: 60px;
  display: flex;
  position: sticky;
  top: 0;
  overflow: auto;
}

.resource-centre-catalog-title-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--2a6b00);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.resource-centre-catalog-title-logo-b {
  border-radius: 200px;
  width: 115px;
  height: 115px;
  overflow: hidden;
}

.resource-centre-catalog-list-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.resource-centre-catalog-section {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.resource-centre-info-row {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.resource-centre-info-col {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #fff;
  border: 1px solid #96908b80;
  border-radius: 15px;
  flex-flow: column;
  padding: 30px;
  display: flex;
  box-shadow: 4px 6px #5d3b0040;
}

.resource-centre-info-top {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.resource-centre-info-banner-b {
  border-radius: 30px;
  overflow: hidden;
}

.resource-centre-info-text-b {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.resource-centre-info-text-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.resource-centre-info-text-title {
  color: var(--60a534);
}

.resource-centre-info-title-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  align-items: flex-start;
  display: flex;
}

.resource-centre-info-title-b.flex-down {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
}

.resource-centre-info-title-text-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.resource-centre-info-title-text-b.full {
  flex: 0 auto;
  width: 100%;
}

.resource-centre-info-title-text-b.center {
  text-align: center;
}

.resource-centre-info-title-image-b {
  border-radius: 10px;
  flex: 1;
  overflow: hidden;
}

.resource-centre-info-time-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.resource-centre-info-target-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: flex-start;
  display: flex;
}

.resource-centre-info-table-b {
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.resource-centre-info-table-row {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.resource-centre-info-table-row.title {
  border-bottom: 1px solid var(--60a534);
  color: var(--60a534);
}

.resource-centre-info-table-col {
  padding-left: 10px;
  padding-right: 10px;
}

.resource-centre-info-table-col._01 {
  justify-content: flex-start;
  align-items: center;
  width: 40%;
  padding-left: 0;
  display: flex;
}

.resource-centre-info-table-col._02 {
  color: var(--2a6b00);
  justify-content: flex-start;
  align-items: center;
  width: 30%;
  display: flex;
}

.resource-centre-info-table-col._03 {
  color: var(--2a6b00);
  justify-content: flex-start;
  align-items: center;
  width: 30%;
  padding-right: 0;
  display: flex;
}

.resource-centre-info-table-col.title-02 {
  width: 30%;
}

.resource-centre-info-table-col.title-03 {
  width: 30%;
  padding-right: 0;
}

.resource-centre-info-table-col.title-01 {
  width: 40%;
  padding-left: 0;
}

.resource-centre-info-title-list-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.resource-centre-info-title-image-row {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-radius: 10px;
  display: flex;
  overflow: hidden;
}

.resource-centre-info-title-image-col {
  border-radius: 10px;
  overflow: hidden;
}

.resource-centre-info-col-dl {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--efba0f-20);
  border-radius: 15px;
  flex-flow: column;
  padding: 70px 60px;
  display: flex;
}

.resource-centre-info-col-dl-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.resource-centre-info-col-dl-list-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.resource-centre-info-col-dl-list-col.text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #333;
  flex-flow: wrap;
  flex: 1;
  display: flex;
}

.resource-centre-info-contact-us {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.resource-centre-info-contact-us-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  display: flex;
}

.resource-centre-info-contact-us-col {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.resource-centre-info-contact-us-col.full {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.contact-us-link-b {
  color: #333;
  text-decoration: none;
  transition: color .8s;
}

.contact-us-link-b:hover {
  color: var(--60a534);
}

.resource-centre-info-contact-us-icon {
  width: 35px;
  height: 35px;
}

.activities-search-row {
  flex-flow: row;
  align-items: stretch;
  display: flex;
}

.activities-search-col.left {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  flex: 1;
  align-self: flex-start;
  padding-bottom: 80px;
  display: flex;
}

.activities-search-col.rigth {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  padding-right: 30px;
  display: flex;
  position: relative;
}

.activities-search-col.left {
  flex-flow: row;
  flex: 0 auto;
  align-self: stretch;
  min-width: 35%;
  max-width: 35%;
  padding-bottom: 0;
  padding-right: 60px;
  position: relative;
}

.activities-filter-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--f8de8a);
  border-top-left-radius: 250px;
  border-top-right-radius: 250px;
  flex-flow: column;
  width: 100%;
  margin-top: 40px;
  padding-top: 70px;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
}

.activities-filter-inner-b {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  padding-bottom: 60px;
  display: flex;
  position: sticky;
  top: 40px;
}

.activities-filter-inner-main-b {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.activities-filter-title-b {
  color: var(--2a6b00);
  text-align: center;
}

.activities-filter-btn-row {
  grid-row-gap: 10px;
  flex-flow: column;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
}

.activities-filter-btn-col {
  flex-flow: column;
  width: 100%;
  min-height: auto;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.activities-filter-btn-b {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--60a534);
  text-align: center;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 15px;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 20px 5px;
  text-decoration: none;
  transition: background-color .8s;
  display: flex;
  position: relative;
}

.activities-filter-btn-b:hover {
  background-color: #f3ffc9;
  box-shadow: 2px 2px 8px #9e9e9e40;
}

.activities-filter-btn-b-click {
  z-index: 2;
  opacity: 0;
  -webkit-backdrop-filter: grayscale();
  backdrop-filter: grayscale();
  background-color: #4d4d4d21;
  border-radius: 15px;
  position: absolute;
  inset: 0%;
}

.activities-search-from-b {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: relative;
}

.activities-search-image-pop-b {
  width: 225px;
  margin-bottom: -60px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.activities-detail-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  padding-right: 0;
  display: flex;
}

.activities-detail-row {
  flex-flow: row;
  align-items: stretch;
  display: flex;
}

.activities-detail-col.left {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  align-self: flex-start;
  padding-bottom: 80px;
  padding-right: 60px;
  display: flex;
}

.activities-detail-col.rigth {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  flex: 1;
  padding-bottom: 120px;
  padding-right: 0;
  display: flex;
  position: relative;
}

.activities-detail-col.left {
  flex-flow: row;
  flex: 0 auto;
  align-self: stretch;
  min-width: 35%;
  max-width: 35%;
  padding-bottom: 0;
  padding-right: 60px;
  position: relative;
}

.activities-detail-cover-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--f8de8a);
  border-top-left-radius: 250px;
  border-top-right-radius: 250px;
  flex-flow: column;
  width: 100%;
  margin-top: 0;
  padding-top: 70px;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
}

.activities-detail-cover-inner-b {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  height: 100vh;
  padding-top: 0;
  padding-bottom: 60px;
  display: flex;
  position: sticky;
  top: 20px;
  overflow: auto;
}

.activities-detail-cover-poster-b {
  border-radius: 25px;
  flex: none;
  margin-right: 4px;
  overflow: hidden;
  box-shadow: 4px 4px #5d3b0033;
}

.activities-detail-cover-btn-b {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.activities-detail-cover-share-b {
  grid-column-gap: 20px;
  grid-row-gap: 15px;
  color: #96908b80;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.activities-detail-cover-share-title-b {
  color: #000;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.activities-detail-info-row {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.activities-detail-info-col {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  color: #666;
  background-color: #fff;
  border: 1px solid #96908b80;
  border-radius: 15px;
  flex-flow: column;
  padding: 30px;
  box-shadow: 4px 6px #5d3b0040;
}

.activities-detail-info-inner {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.activities-detail-info-inner-title-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.activities-detail-info-inner-list-b {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.activities-detail-info-inner-list {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: var(--60a534-20);
  border-radius: 30px;
  flex-flow: column;
  padding: 30px;
  display: flex;
}

.activities-detail-info-inner-sub-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.activities-detail-info-inner-num-list {
  padding-left: 30px;
  list-style-type: decimal;
}

.activities-detail-info-inner-b {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.activities-detail-info-btn-b {
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.show-less-text {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.activities-detail-info-wh-image {
  width: 230px;
  height: 230px;
}

.activities-detail-info-btn-absolute {
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 60px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.activities-detail-info-inner-show-b {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  height: 90vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.photo-album-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.photo-album-filter-row {
  grid-column-gap: 5%;
  grid-row-gap: 5%;
  justify-content: space-between;
  display: flex;
}

.photo-album-filter-col {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.photo-album-filter-title {
  color: var(--2a6b00);
}

.photo-album-filter-from-b {
  margin-bottom: 0;
}

.photo-album-filter-from {
  grid-column-gap: 25px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  display: flex;
}

.photo-album-slider-col {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  color: var(--2a6b00);
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.photo-album-slider-col._01 {
  z-index: 2;
  background-color: var(--f8de8a);
  border-top-left-radius: 240px;
  border-bottom-left-radius: 240px;
  margin-right: -60px;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 120px;
  position: relative;
}

.photo-album-slider-col._02 {
  z-index: 2;
  background-color: #dfebd2;
  border-top-right-radius: 240px;
  border-bottom-right-radius: 240px;
  margin-left: -60px;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-right: 120px;
  position: relative;
}

.wb-swiper-button-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.swiper-slide-image-b {
  position: relative;
  overflow: hidden;
}

.swiper-slide-image-b.education-videos {
  width: 100%;
  height: 100%;
}

.control-wrapper {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.slider-arrow-btn {
  background-color: var(--60a534);
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 10px;
  display: flex;
  overflow: hidden;
}

.swiper-wrapper {
  display: flex;
}

.image-100w {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.swiper-slide {
  background-color: #fff;
  border-radius: 20px;
  width: 25%;
  padding: 0;
  overflow: hidden;
}

.swiper-slide.is-testimonial {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-radius: 60px 0;
  flex-flow: column;
  display: flex;
  box-shadow: 9px 9px #5d3b0033;
}

.swiper-slide.is-testimonial.education-videos {
  aspect-ratio: 16 / 9;
  border-radius: 10px;
}

.swiper.is-testimonial {
  width: 100%;
  overflow: visible;
}

.swiper-slide-image-zoom-b {
  opacity: 0;
  background-color: #0006;
  background-image: url('../images/play.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 25%;
  position: absolute;
  inset: 0%;
}

.control-wrapper-bar-n-arrow {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.wb-swiper-num-block {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.photo-album-slider-title._02 {
  padding-left: 60px;
}

.photo-album-slider-bg-01 {
  z-index: 1;
  background-color: var(--f8de8a);
  width: 50vw;
  margin-top: 20px;
  margin-bottom: 20px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.photo-album-slider-bg-02 {
  z-index: 1;
  background-color: #dfebd2;
  width: 50vw;
  margin-top: 20px;
  margin-bottom: 20px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.videos-row {
  flex-flow: row;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.videos-col.left {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  flex: 1;
  align-self: flex-start;
  padding-bottom: 80px;
  display: flex;
}

.videos-col.rigth {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  width: 65%;
  padding-bottom: 120px;
  padding-right: 30px;
  display: flex;
  position: relative;
}

.videos-col.left {
  flex-flow: row;
  flex: 0 auto;
  align-self: stretch;
  width: 35%;
  min-width: 35%;
  max-width: 35%;
  padding-bottom: 0;
  padding-right: 60px;
  position: relative;
}

.videos-top-b {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: relative;
}

.videos-top-bg-b {
  z-index: -10;
  background-color: #efba0f33;
  width: 100vw;
  height: 100%;
  margin-top: -40px;
  margin-left: -26.1%;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}

.videos-filter-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #9ccf6f;
  border-top-left-radius: 250px;
  border-top-right-radius: 250px;
  flex-flow: column;
  width: 100%;
  margin-top: 40px;
  padding-top: 120px;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
}

.videos-filter-inner-b {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  padding-bottom: 60px;
  display: flex;
  position: sticky;
  top: 40px;
}

.videos-filter-inner-sub-b {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.videos-filter-btn-row {
  grid-row-gap: 10px;
  flex-flow: wrap;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
}

.videos-filter-btn-col {
  flex-flow: column;
  width: 50%;
  min-height: 105px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.videos-filter-btn-col.sub {
  width: 100%;
  min-height: auto;
}

.videos-top-inner-b {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: var(--2a6b00);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.videos-b {
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 9px 9px #96908b80;
}

.videos-top-inner-main-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.videos-slider-col {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  color: var(--2a6b00);
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.videos-slider-col._01 {
  z-index: 2;
  background-color: var(--f8de8a);
  border-top-left-radius: 240px;
  border-bottom-left-radius: 240px;
  margin-right: -60px;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 120px;
}

.videos-slider-col._02 {
  z-index: 2;
  background-color: #dfebd2;
  border-top-right-radius: 240px;
  border-bottom-right-radius: 240px;
  margin-left: -60px;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-right: 120px;
  position: relative;
}

.videos-slider-col.education-videos {
  z-index: 2;
  background-color: var(--f8de8a);
  border-radius: 0 250px 250px 0;
  margin-left: -60px;
  margin-right: 0;
  padding: 60px 120px 60px 60px;
  display: block;
}

.videos-slider-b {
  height: 250px;
  min-height: 250px;
  position: relative;
}

.swiper-slide-image-pop-b {
  z-index: 9999;
  opacity: 0;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #222c;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding: 10%;
  display: none;
  position: fixed;
  inset: 0%;
}

.swiper-slide-pop-image-b {
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.seminar-nav {
  border-bottom: 2px solid var(--037dc1);
  background-color: #f2f9fa;
}

.seminar-nav-menu {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.seminar-nav-link {
  color: #037dc1;
  margin-left: 0;
  margin-right: 0;
  padding: 25px 5px;
  font-size: 18px;
}

.seminar-top-banner-b {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding-top: 80px;
  display: flex;
  position: relative;
}

.seminar-top-banner-text-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.seminar-top-banner-sub-text, .seminar-top-banner-main-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.seminar-top-banner-text {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.seminar-top-banner-image-b {
  flex: 1;
  position: relative;
}

.seminar-top-banner-bg-image {
  width: 100%;
  margin-top: -140px;
  margin-bottom: -200px;
  margin-right: -60px;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.seminar-top-banner-image-mask {
  aspect-ratio: 1;
  background-color: var(--96908b-50);
  background-image: url('../images/Symposium-image-b.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100%;
  width: 830px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.seminar-top-banner-image {
  z-index: 2;
  justify-content: flex-end;
  align-items: center;
  margin-top: -80px;
  margin-bottom: -80px;
  margin-left: 180px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.image-2 {
  z-index: 2;
  position: relative;
}

.symposium-main-row {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 780px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.symposium-main-col {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.symposium-sub-title-b {
  color: var(--white);
  background-color: #1379b4;
  width: 100%;
  padding: 5px 15px;
}

.symposium-sub-text-b {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  flex-flow: column;
  display: flex;
}

.symposium-sub-inner-text-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
}

.symposium-sub-inner-image-b {
  width: 90px;
  height: 90px;
}

.container-seminar-menu {
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1440px;
  padding-left: 60px;
  padding-right: 60px;
}

.container-seminar-menu.nav-bar {
  height: 120px;
  display: flex;
}

.container-seminar-menu.health-info {
  justify-content: flex-start;
  width: 100%;
  padding-left: 60px;
  padding-right: 60px;
}

.footer-b {
  justify-content: space-between;
  display: flex;
}

.seminar-footer-link {
  color: var(--white);
  text-decoration: none;
  transition: color .8s;
}

.seminar-footer-link:hover {
  color: var(--f8de8a);
}

.booklet-main-row {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 780px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.booklet-main-col {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.booklet-sub-title-b {
  color: var(--white);
  background-color: #1379b4;
  justify-content: space-between;
  width: 100%;
  padding: 5px 15px;
  text-decoration: none;
  transition: opacity .8s;
  display: flex;
}

.booklet-sub-title-b:hover {
  opacity: .8;
}

.booklet-sub-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #333;
  text-align: center;
  flex-flow: row;
  text-decoration: none;
  transition: opacity .8s;
  display: flex;
}

.booklet-sub-link:hover {
  opacity: .8;
}

.booklet-sub-link-b {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.presentation-main-row {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.presentation-main-col {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.presentation-sub-title-b {
  background-color: var(--037dc1);
  color: var(--white);
  width: 100%;
  padding: 5px 15px;
}

.presentation-sub-row {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  width: 100%;
  display: flex;
}

.presentation-sub-col.image {
  width: 480px;
  min-height: 270px;
}

.presentation-sub-col.text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.photo-album-main-row {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 780px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.photo-album-inner-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.photo-album-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.photo-album-col-3 {
  width: 33.33%;
}

.photo-album-col-2 {
  width: 50%;
}

.photo-album-col-2.inner {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.useful-links-pop-image-b {
  width: 20vw;
  margin-top: -10vw;
  margin-right: -10vw;
  position: absolute;
  inset: 0% 0% auto auto;
}

.booklet-sub-link-b-inner {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 30px;
  display: flex;
  overflow: hidden;
}

html.w-mod-js [data-ix="search-pop-b"] {
  opacity: 0;
  display: none;
}

html.w-mod-js [data-ix="menu-button-line-01"] {
  transform: translate(-50%, -10px);
}

html.w-mod-js [data-ix="menu-button-line-02"] {
  transform: translate(-50%, -50%);
}

html.w-mod-js [data-ix="menu-button-line-03"] {
  transform: translate(-50%, 10px);
}

html.w-mod-js [data-ix="0h"] {
  height: 0;
}

@media screen and (min-width: 1440px) {
  .all.home {
    overflow: visible;
  }

  .section.photo-album-slider {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
  }

  .container {
    max-width: 1920px;
  }

  .container.education-videos {
    overflow: hidden;
  }

  .home-col.rigth {
    min-width: 25%;
    max-width: 25%;
  }

  .home-search-bg-b {
    margin-left: 16.6%;
  }

  .select-field {
    height: 55px;
    font-size: 20px;
  }

  .nav-drop-tabs-menu {
    display: flex;
  }

  .find-col.left {
    min-width: 25%;
    max-width: 25%;
  }

  .find-search-bg-b {
    margin-left: -15.9%;
  }

  .find-filter-btn-b {
    justify-content: center;
    align-items: center;
  }

  .useful-links-inner-link-b {
    background-color: #fff;
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
    overflow: hidden;
  }

  .resource-centre-banner-image-b {
    border-top-right-radius: 180px;
    border-bottom-left-radius: 180px;
    height: 440px;
  }

  .resource-centre-col.left {
    min-width: 25%;
    max-width: 25%;
  }

  .resource-centre-info-table-col._01 {
    width: 50%;
  }

  .resource-centre-info-table-col._02, .resource-centre-info-table-col._03, .resource-centre-info-table-col.title-02, .resource-centre-info-table-col.title-03 {
    width: 25%;
  }

  .resource-centre-info-table-col.title-01 {
    width: 50%;
  }

  .activities-search-col.left {
    min-width: 25%;
    max-width: 25%;
  }

  .activities-filter-btn-b {
    justify-content: center;
    align-items: center;
  }

  .activities-detail-col.left {
    min-width: 25%;
    max-width: 25%;
  }

  .photo-album-slider-col._01 {
    z-index: 2;
    margin-right: 0;
    padding-right: 60px;
    position: relative;
  }

  .photo-album-slider-col._02 {
    margin-left: 0;
    padding-left: 60px;
  }

  .wb-swiper-button-block {
    height: 50px;
    display: flex;
  }

  .photo-album-slider-bg-01 {
    background-color: var(--f8de8a);
    width: 50vw;
    margin-top: 20px;
    margin-bottom: 20px;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .photo-album-slider-bg-02 {
    width: 50vw;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .videos-col.rigth {
    width: 75%;
  }

  .videos-col.left {
    width: 25%;
    min-width: 25%;
    max-width: 25%;
  }

  .videos-top-bg-b {
    margin-left: -15.9%;
  }

  .videos-slider-col._01 {
    z-index: 2;
    margin-right: 0;
    padding-right: 60px;
    position: relative;
  }

  .videos-slider-col._02 {
    margin-left: 0;
    padding-left: 60px;
  }

  .videos-slider-col.education-videos {
    z-index: 2;
    margin-right: 0;
    padding-right: 60px;
    position: relative;
  }

  .videos-slider-bg {
    background-color: #f8de8a;
    width: 50vw;
    margin-left: 50%;
    position: absolute;
    inset: 0% auto 0% 0%;
  }

  .seminar-nav-link {
    font-size: 21px;
  }

  .seminar-nav-link.w--current {
    color: var(--2a6b00);
  }

  .seminar-top-banner-image {
    margin-left: 0;
    margin-right: 0;
    right: 50%;
    transform: translate(50%);
  }

  .container-seminar-menu {
    max-width: 1920px;
  }

  .container-seminar-menu.education-videos {
    overflow: hidden;
  }

  .useful-links-pop-image-b {
    width: 250px;
    margin-top: -114px;
    margin-right: -136px;
  }
}

@media screen and (max-width: 991px) {
  h2 {
    font-size: 32px;
    line-height: 110%;
  }

  h3 {
    font-size: 20px;
    line-height: 110%;
  }

  h4 {
    font-weight: 600;
  }

  .all.overflow {
    overflow: hidden;
  }

  .section.home-banner {
    margin-top: -20px;
  }

  .container {
    padding-left: 5%;
    padding-right: 5%;
  }

  .container.nav-bar {
    height: 100px;
  }

  .container.health-info {
    padding-left: 5%;
    padding-right: 5%;
  }

  .navbar {
    z-index: 300;
  }

  .brand {
    z-index: 2;
    order: -1;
    width: auto;
    height: 80px;
  }

  .nav-menu {
    background-color: #fffcfa;
    height: auto;
    margin-right: 0;
    padding-right: 0;
  }

  .nav-link {
    border-bottom: 1px solid var(--2a6b00);
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .home-slider {
    margin-top: 0;
  }

  .home-slider-mask {
    padding-top: 20px;
  }

  .home-slide-row {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .home-slide-col.news {
    margin-top: 60px;
  }

  .home-slide-what-news-b {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .home-slide-what-news-title-b {
    font-size: 28px;
  }

  .home-search-row {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .title-b.health-info, .title-b.resource-centre-dl, .title-b.videos {
    padding-right: 30%;
  }

  .title-icon-b {
    margin-top: 0;
  }

  .select-field {
    background-size: auto 8px;
    padding-left: 6px;
    padding-right: 6px;
  }

  .select-field-col.left {
    width: 40%;
  }

  .dl-btn {
    width: auto;
    padding-left: 80px;
    padding-right: 80px;
  }

  .dl-btn.auto-w {
    padding-left: 40px;
    padding-right: 40px;
  }

  .related-links-b {
    margin-left: 10%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .title-tree {
    justify-content: center;
    align-items: center;
  }

  .side-menu-info-btn, .side-menu-contact-btn {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .side-menu-info-icon-b {
    width: 20px;
    height: 20px;
  }

  .side-menu-icon-b {
    width: 40px;
    height: 40px;
    padding: 12px;
  }

  .side-menu-show {
    width: 5vw;
  }

  .side-menu-hides-b {
    margin-left: -1px;
  }

  .nav-link-dropdown-list {
    position: relative;
  }

  .nav-link-dropdown-list.w--open {
    border-top: 1px solid var(--f8de8a);
    box-shadow: none;
    margin-top: 10px;
  }

  .nav-drop-tabs-menu {
    flex-flow: row;
    display: flex;
  }

  .nav-drop-tabs-pane {
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .nav-drop-tabs-row {
    grid-row-gap: 10px;
    margin-left: -10px;
    margin-right: -10px;
  }

  .nav-drop-tabs-col {
    padding-left: 10px;
    padding-right: 10px;
  }

  .nav-drop-tabs-col.resource-center {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .nav-drop-tabs-inner-image-b {
    display: none;
  }

  .nav-drop-tabs-title {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 20px;
    line-height: 24px;
  }

  .nav-drop-tabs-main-link, .nav-drop-tabs-main-link-drop-toggle, .nav-drop-tabs-main-link-drop-link {
    font-size: 14px;
    line-height: 110%;
  }

  .disease-icon-b {
    min-width: 28px;
    min-height: 28px;
  }

  .search-inner-pop-block {
    width: 100%;
  }

  .menu-button {
    order: 1;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    margin-top: 15px;
    padding: 0;
  }

  .menu-button.w--open {
    background-color: #fff0;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
  }

  .menu-button-line-01 {
    background-color: var(--2a6b00);
    border-radius: 10px;
    width: 35px;
    height: 3px;
    padding: 0;
    position: absolute;
    top: auto;
    left: 50%;
    right: 0%;
    transform: translate(-50%, -10px);
  }

  .brand-image {
    max-width: none;
    height: 80px;
  }

  .menu-button-line-b {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .menu-button-line-02 {
    background-color: var(--2a6b00);
    border-radius: 10px;
    width: 35px;
    height: 3px;
    margin-top: 1.5px;
    padding: 0;
    position: absolute;
    top: auto;
    left: 50%;
    right: 0%;
    transform: translate(-50%);
  }

  .menu-button-line-03 {
    background-color: var(--2a6b00);
    border-radius: 10px;
    width: 35px;
    height: 3px;
    padding: 0;
    position: absolute;
    top: auto;
    left: 50%;
    right: 0%;
    transform: translate(-50%, 10px);
  }

  .navbar-bg {
    z-index: 0;
    opacity: 0;
    background-color: #fffcf9;
    position: absolute;
    inset: 0%;
  }

  .find-col.rigth {
    padding-right: 0;
  }

  .find-col.left {
    padding-right: 20px;
  }

  .find-filter-b {
    padding-left: 5%;
    padding-right: 5%;
  }

  .find-search-row {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .find-search-bg-b {
    margin-left: -26.9%;
  }

  .find-search-image-pop-b {
    width: 160px;
    margin-bottom: -40px;
  }

  .find-list-col {
    padding: 20px;
  }

  .find-filter-btn-col {
    width: 100%;
    min-height: 40px;
  }

  .find-filter-btn-b {
    text-align: left;
    border-radius: 10px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
  }

  .find-filter-btn-b.sub {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .find-filter-icon-b {
    justify-content: center;
    align-items: center;
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
    display: flex;
  }

  .find-filter-btn-b-click {
    border-radius: 10px;
  }

  .find-list-inner-row {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .find-list-inner-col.logo {
    align-self: flex-start;
    width: 50%;
  }

  .find-list-inner-col.info {
    width: 100%;
  }

  .health-info-sub-menu-b {
    width: 80px;
    margin-left: -5%;
  }

  .health-info-sub-menu {
    justify-content: space-around;
  }

  .health-info-main-b {
    padding-left: 5%;
    padding-right: 0%;
  }

  .health-info-banner-b {
    height: 250px;
  }

  .health-info-banner-image-b {
    border-top-left-radius: 120px;
    border-bottom-right-radius: 120px;
  }

  .health-info-row {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .health-info-col.anchor {
    width: 100%;
    max-width: none;
  }

  .health-info-catalog-title-b {
    cursor: pointer;
    flex-flow: row;
    justify-content: space-between;
    display: flex;
  }

  .health-info-catalog-section {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .health-info-catalog-section.padding-top-20 {
    padding-top: 20px;
  }

  .health-info-catalog-section-list-b {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    font-size: 14px;
  }

  .health-info-catalog-section-title-icon {
    min-width: 20px;
    min-height: 20px;
  }

  .health-info-section-text-n-image-b {
    position: relative;
  }

  .health-info-section-text-b {
    width: 100%;
  }

  .health-info-section-image-b {
    width: 20%;
    margin-top: -20%;
    display: none;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .health-info-section-col.image {
    border-top-left-radius: 100px;
    border-bottom-right-radius: 100px;
  }

  .health-info-catalog-b {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: var(--60a534-20);
    border-radius: 10px;
    padding: 10px;
    position: relative;
    overflow: hidden;
  }

  .health-info-search-b {
    padding-left: 100px;
    padding-right: 40px;
  }

  .useful-links-main-row {
    padding-right: 5%;
  }

  .useful-links-inner-row {
    grid-row-gap: 20px;
    margin-left: -10px;
    margin-right: -10px;
  }

  .useful-links-inner-col {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .newsletter-top-row {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .newsletter-top-col.image {
    width: 100%;
  }

  .newsletter-top-col.text {
    padding-left: 0;
    padding-right: 0;
  }

  .newsletter-top-image-bg-b {
    transform: rotate(3deg);
  }

  .newsletter-list-row {
    grid-row-gap: 30px;
    margin-left: -10px;
    margin-right: -10px;
  }

  .newsletter-b {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .newsletter-list-col {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .newsletter-list-col.m-hide {
    display: none;
  }

  .newsletter-detail-row {
    flex-flow: column-reverse;
  }

  .newsletter-detail-col.info {
    padding-right: 0;
  }

  .newsletter-detail-col.catalog {
    border-left-width: 0;
    padding-top: 0;
    padding-bottom: 60px;
    padding-left: 0;
  }

  .newsletter-detail-catalog-b {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: var(--60a534-20);
    border-radius: 20px;
    padding: 10px;
  }

  .newsletter-detail-catalog-title {
    cursor: pointer;
    justify-content: space-between;
    display: flex;
  }

  .newsletter-detail-catalog-list-b {
    height: 0;
    overflow: hidden;
  }

  .newsletter-detail-catalog-list-link {
    font-size: 15px;
    font-weight: 500;
  }

  .newsletter-detail-catalog-list-icon {
    min-width: 20px;
    min-height: 20px;
  }

  .newsletter-detail-share-b {
    width: 5vw;
  }

  .newsletter-detail-share {
    text-align: center;
  }

  .newsletter-detail-share-icon {
    justify-content: center;
    align-items: center;
    width: 25px;
    min-width: 25px;
    height: 25px;
    min-height: 25px;
  }

  .newsletter-detail-catalog-title-icon {
    border: 2px solid var(--60a534);
    border-radius: 24px;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    padding: 4px;
    display: flex;
    transform: rotate(180deg);
  }

  .newsletter-detail-catalog-list {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    margin-top: 30px;
    display: flex;
  }

  .health-info-catalog-section-b {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    height: 0;
    overflow: hidden;
  }

  .health-info-catalog-title-icon-b {
    border: 2px solid var(--60a534);
    border-radius: 24px;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    padding: 4px;
    display: flex;
    transform: rotate(180deg);
  }

  .resource-centre-banner-b, .resource-centre-col.rigth {
    padding-right: 0;
  }

  .resource-centre-col.left {
    padding-right: 20px;
  }

  .resource-centre-catalog-b {
    padding-left: 5%;
    padding-right: 5%;
  }

  .resource-centre-catalog-list-b {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .resource-centre-catalog-section {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .resource-centre-info-col {
    padding: 20px;
  }

  .resource-centre-info-title-b, .resource-centre-info-title-image-row {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .resource-centre-info-col-dl {
    padding: 20px;
  }

  .activities-search-col.rigth {
    padding-right: 0;
  }

  .activities-search-col.left {
    padding-right: 20px;
  }

  .activities-filter-b {
    padding-left: 5%;
    padding-right: 5%;
  }

  .activities-filter-btn-col {
    width: 100%;
    min-height: 40px;
  }

  .activities-filter-btn-b {
    text-align: left;
    border-radius: 10px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
  }

  .activities-filter-btn-b-click {
    border-radius: 10px;
  }

  .activities-search-from-b {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .activities-search-image-pop-b {
    width: 160px;
    margin-bottom: -40px;
  }

  .activities-detail-col.rigth {
    padding-right: 0;
  }

  .activities-detail-col.left {
    padding-right: 20px;
  }

  .activities-detail-cover-b {
    padding-left: 5%;
    padding-right: 5%;
  }

  .activities-detail-info-col {
    padding: 20px;
  }

  .photo-album-slider-col._01, .photo-album-slider-col._02 {
    border-radius: 0;
    margin-left: -5vw;
    margin-right: -5vw;
    padding: 30px 5vw;
  }

  .control-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-end;
  }

  .swiper.is-testimonial {
    overflow: visible;
  }

  .btn-arrow {
    width: 15px;
    height: 15px;
  }

  .control-wrapper-bar-n-arrow {
    width: 100%;
  }

  .photo-album-slider-title._02 {
    padding-left: 0;
  }

  .photo-album-slider-bg-01, .photo-album-slider-bg-02 {
    display: none;
  }

  .videos-col.rigth {
    padding-right: 0;
  }

  .videos-col.left {
    padding-right: 20px;
  }

  .videos-top-b {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .videos-top-bg-b {
    margin-left: -26.9%;
  }

  .videos-filter-b {
    padding-left: 5%;
    padding-right: 5%;
  }

  .videos-filter-btn-col {
    width: 100%;
    min-height: 40px;
  }

  .videos-slider-col._01, .videos-slider-col._02 {
    border-radius: 0;
    margin-left: -5vw;
    margin-right: -5vw;
    padding: 30px 5vw;
  }

  .videos-slider-col.education-videos {
    border-radius: 0;
    margin-left: -20px;
    margin-right: -5vw;
    padding: 30px 5vw;
  }

  .swiper-slide-image-pop-b {
    padding: 5%;
  }

  .seminar-nav-menu {
    border-bottom: 2px solid var(--037dc1);
    background-color: #f2f9fa;
  }

  .seminar-nav-link {
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
  }

  .seminar-top-banner-bg-image {
    margin-bottom: -150px;
    margin-right: -5vw;
  }

  .seminar-top-banner-image {
    margin-bottom: 0;
    margin-left: 120px;
  }

  .symposium-main-row {
    width: auto;
  }

  .symposium-sub-inner-text-b {
    padding-left: 20px;
    padding-right: 20px;
  }

  .seminar-nav-menu-btn {
    background-color: #f2f9fa;
  }

  .seminar-nav-menu-btn.w--open {
    background-color: var(--037dc1);
  }

  .container-seminar-menu {
    padding-left: 5%;
    padding-right: 5%;
  }

  .container-seminar-menu.nav-bar {
    height: 100px;
  }

  .container-seminar-menu.health-info {
    padding-left: 5%;
    padding-right: 5%;
  }

  .booklet-main-row, .presentation-main-row {
    width: auto;
  }

  .presentation-sub-row {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .presentation-sub-col.image {
    width: 40%;
    min-height: auto;
  }

  .photo-album-main-row {
    width: auto;
  }

  .useful-links-pop-image-b {
    margin-top: -10vw;
    margin-right: -5vw;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 16px;
  }

  h2 {
    font-size: 24px;
  }

  h4 {
    font-size: 18px;
  }

  .section.home-banner {
    margin-top: -40px;
  }

  .section.footer {
    padding-right: 80px;
  }

  .brand {
    width: 150px;
  }

  .nav-menu {
    padding-top: 20px;
  }

  .home-slider-mask {
    margin-left: -5vw;
    margin-right: -5vw;
    padding-top: 20px;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .home-slide-row {
    flex-flow: column;
  }

  .home-slide-col.news {
    width: 100vw;
    max-width: none;
    height: 520px;
    margin-left: -5vw;
    margin-right: -5vw;
  }

  .home-slide-col.main {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column-reverse;
  }

  .home-slide-main-b._01 {
    flex: 0 auto;
    height: 400px;
  }

  .home-slide-what-news-b {
    flex-flow: column;
    height: auto;
  }

  .home-slide-what-news-info-b {
    align-self: flex-start;
  }

  .home-slide-what-news-title-icon {
    width: 28px;
  }

  .image-full._100h {
    box-shadow: 5px 5px 0 0 var(--96908b-50);
  }

  .home-row {
    flex-flow: column;
  }

  .home-col.rigth {
    min-width: auto;
    max-width: none;
  }

  .home-search-col.hot-secrch {
    width: 120px;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .home-search-bg-b {
    margin-left: 0%;
  }

  .hot-secrch-b {
    display: none;
  }

  .title-b.health-info, .title-b.resource-centre-dl, .title-b.resource-centre, .title-b.videos {
    padding-right: 0%;
  }

  .title-icon-b {
    width: 28px;
  }

  .secrch-form {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .select-field-row {
    flex-flow: row;
    margin-left: -5px;
    margin-right: -5px;
  }

  .select-field-col.left {
    width: 50%;
    padding-left: 5px;
    padding-right: 5px;
  }

  .select-field-col.right, .select-field-col._50 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .home-search-b {
    align-self: center;
  }

  .title-tree-image {
    display: none;
  }

  .related-links-b {
    border-top-left-radius: 400px;
    border-top-right-radius: 400px;
    margin-left: -5vw;
    margin-right: -5vw;
    padding-left: 10%;
    padding-right: 10%;
    position: relative;
  }

  .related-links-list-b {
    justify-content: flex-start;
    align-items: center;
  }

  .related-link-b {
    max-width: 420px;
  }

  .footer {
    padding-bottom: 56px;
  }

  .footer-row {
    flex-flow: column;
    font-size: 13px;
  }

  .home-about-inner-text-b {
    padding-right: 0;
  }

  .home-bottom-image-b, .slider-nav-col.left {
    display: none;
  }

  .slider-nav-b {
    margin-bottom: 0;
  }

  .title-tree {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .side-menu-b {
    flex-flow: column-reverse;
    width: 100%;
    margin-bottom: 0;
    inset: auto 0% 0%;
  }

  .side-menu-middle {
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0;
    width: 100%;
    height: 56px;
    display: flex;
  }

  .side-menu-info-btn {
    flex-flow: row;
    height: 100%;
    padding-top: 5px;
    padding-bottom: 10px;
  }

  .side-menu-info-btn.m-hide {
    display: none;
  }

  .side-menu-info-btn.m-show {
    display: flex;
  }

  .side-menu-contact-btn {
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0;
    flex-flow: row;
    flex: 1;
    padding-top: 5px;
    padding-bottom: 10px;
  }

  .side-menu-top {
    display: none;
  }

  .side-menu-bottom {
    justify-content: flex-end;
    align-items: flex-end;
    padding-left: 0;
  }

  .side-menu-bottom.end {
    display: none;
  }

  .side-menu-main {
    width: 100%;
    height: 50px;
    display: flex;
  }

  .side-menu-icon-b {
    width: 60px;
    height: 60px;
    position: absolute;
    inset: -70px 20px auto auto;
  }

  .side-menu-icon-b.m-hide {
    display: none;
  }

  .side-menu-show.m-hide {
    z-index: 2;
    flex-flow: row;
    width: 100vw;
    display: flex;
    position: absolute;
  }

  .side-menu-hides-b {
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    border-bottom-left-radius: 0;
    width: 100%;
    height: 0;
    max-height: 70vh;
    overflow: auto;
  }

  .side-menu-hides-inner-b {
    padding-bottom: 60px;
  }

  .side-menu-hides {
    width: 100%;
    padding: 30px 20px;
  }

  .side-menu-hides-inner-logo-row, .side-menu-hides-inner-shortcut-row {
    padding-right: 0;
  }

  .side-menu-info-btn-b {
    flex: 1;
  }

  .nav-drop-tabs-link, .nav-drop-tabs-pane {
    padding-left: 5%;
    padding-right: 5%;
  }

  .nav-drop-tabs-row {
    grid-row-gap: 10px;
  }

  .nav-drop-tabs-row.disease {
    margin-left: -5px;
    margin-right: -5px;
  }

  .nav-drop-tabs-col {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .nav-drop-tabs-col.disease {
    width: 50%;
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-drop-tabs-col.big {
    width: 100%;
  }

  .nav-drop-tabs-inner-link-b {
    height: 0;
    overflow: hidden;
  }

  .nav-drop-tabs-title {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 18px;
  }

  .nav-drop-tabs-main-link, .nav-drop-tabs-main-link-drop-toggle {
    padding-left: 10px;
    padding-right: 10px;
  }

  .nav-drop-tabs-main-link-drop-toggle.disease {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .search-tab-row {
    padding-left: 0;
    padding-right: 0;
  }

  .side-menu-middle-image-desktop {
    display: none;
  }

  .side-menu-middle-image-mobile {
    height: 60%;
    display: block;
  }

  .m-hide {
    display: none;
  }

  .m-show {
    display: block;
  }

  .nav-drop-tabs-inner-title-b {
    display: none;
  }

  .nav-drop-tabs-inner-title-m-b {
    cursor: pointer;
    display: block;
  }

  .menu-button-line-02 {
    transform: translate(-50%, -50%);
  }

  .find-row {
    flex-flow: column;
  }

  .find-col.rigth {
    min-width: auto;
    max-width: none;
  }

  .find-col.left {
    min-width: auto;
    max-width: none;
    padding-right: 0;
  }

  .find-filter-b {
    border-radius: 0;
    width: 100vw;
    margin-top: 0;
    margin-left: -5vw;
    margin-right: -5vw;
    padding-top: 40px;
    padding-left: 5%;
    padding-right: 5%;
    position: relative;
  }

  .find-search-bg-b {
    margin-left: 0%;
  }

  .find-search-col.secrch-form {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .find-filter-btn-col {
    width: 50%;
    min-height: 100px;
  }

  .find-filter-btn-b {
    text-align: center;
    flex-flow: column;
    padding: 10px;
  }

  .find-filter-icon-b {
    width: 35px;
    min-width: 35px;
    height: 35px;
    min-height: 35px;
  }

  .find-list-inner-col.logo {
    width: auto;
  }

  .find-list-inner-col.info {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .find-list-inner-info-list-links-b {
    font-size: 14px;
  }

  .find-list-inner-tab-row {
    grid-column-gap: 20px;
    grid-row-gap: 10px;
  }

  .find-list-inner-tab-col {
    font-size: 14px;
  }

  .find-list-inner-tab {
    padding: 5px 10px;
  }

  .find-list-inner-tab-text-b {
    padding-top: 5px;
  }

  .health-info-sub-menu-b {
    width: 15%;
    min-width: 15%;
  }

  .health-info-sub-menu {
    padding-bottom: 40px;
  }

  .health-info-sub-menu-link-b {
    color: var(--f8de8a);
    padding-left: 5px;
    padding-right: 5px;
  }

  .health-info-sub-menu-link-b:hover, .health-info-sub-menu-link-b.w--current {
    color: var(--2a6b00);
  }

  .health-info-main-b {
    flex: 0 auto;
    width: 90%;
  }

  .health-info-main-b.simplified {
    width: 100%;
  }

  .health-info-banner-b {
    height: 200px;
  }

  .health-info-banner-image-b {
    border-top-left-radius: 100px;
    border-bottom-right-radius: 100px;
  }

  .health-info-row {
    flex-flow: column;
  }

  .health-info-col.anchor {
    display: none;
  }

  .health-info-section-image-b {
    width: 100px;
    margin-top: -90px;
    display: none;
  }

  .health-info-section-tick-table-b {
    border-radius: 40px;
    padding: 25px 15px;
    font-size: 24px;
  }

  .health-info-section-row {
    flex-flow: column;
  }

  .health-info-section-row.b-to-t {
    flex-flow: column-reverse;
  }

  .health-info-section-col.image {
    border-top-left-radius: 80px;
    border-bottom-right-radius: 80px;
    width: 100%;
    height: 280px;
  }

  .health-info-section-col.text {
    width: 100%;
  }

  .health-info-section-video {
    border-radius: 10px;
  }

  .health-info-section-table-b {
    overflow: auto;
  }

  .health-info-section-table {
    width: 800px;
  }

  .health-info-section-dl-list-row {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .health-info-section-dl-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .health-info-section-resources-list-row {
    grid-column-gap: 0px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    margin-left: -5px;
    margin-right: -5px;
  }

  .health-info-section-resources-list-row.title {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-left: -5px;
    margin-right: -5px;
    display: none;
  }

  .health-info-section-resources-list-col._1st {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
  }

  .health-info-section-resources-list-col._2nd {
    flex: 1;
    width: 60%;
    padding-left: 5px;
    padding-right: 5px;
  }

  .health-info-section-resources-list-col._3rd {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .health-info-section-resources-list-col.title-1st {
    width: 40%;
    padding-left: 5px;
    padding-right: 5px;
  }

  .health-info-section-resources-list-col.title-2nd {
    flex: 0 auto;
    width: 60%;
    padding-left: 5px;
    padding-right: 5px;
  }

  .health-info-search-b {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .health-info-search-btn-b {
    align-self: center;
  }

  .health-info-search-from {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .health-info-select-field-row {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    margin-left: -5px;
    margin-right: -5px;
  }

  .health-info-search-image-b {
    pointer-events: none;
    width: 100px;
    margin-top: -140px;
    margin-left: auto;
    inset: 0% 0% auto auto;
  }

  .heading-2 {
    font-size: 28px;
  }

  .health-info-main-row {
    width: 100%;
  }

  .health-info-sub-menu-link-text {
    font-size: 14px;
    line-height: 18px;
  }

  .title-tree-icon-b {
    width: 28px;
    min-width: 28px;
    margin-top: 0;
  }

  .newsletter-top-image-b {
    border-top-right-radius: 60px;
    border-bottom-left-radius: 60px;
  }

  .newsletter-top-info-date-tab {
    padding: 5px 10px;
  }

  .newsletter-top-image-bg-b {
    border-top-right-radius: 60px;
    border-bottom-left-radius: 60px;
  }

  .newsletter-list-image-b {
    height: 200px;
  }

  .newsletter-list-info-tab {
    padding: 5px 10px;
  }

  .newsletter-list-image, .newsletter-list-image-bg {
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
  }

  .newsletter-detail-row {
    padding: 0;
  }

  .newsletter-detail-info-banner-info-b {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .newsletter-detail-info-tab {
    padding: 5px 10px;
  }

  .newsletter-detail-share {
    flex-flow: row;
    justify-content: flex-end;
    align-items: flex-start;
    padding-top: 30px;
  }

  .newsletter-detail-share-icon-b {
    flex-flow: row;
  }

  .resource-centre-banner-image-b {
    height: 250px;
  }

  .resource-centre-row {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex-flow: column;
  }

  .resource-centre-col.rigth {
    min-width: auto;
    max-width: none;
  }

  .resource-centre-col.left {
    min-width: auto;
    max-width: none;
    padding-right: 0;
  }

  .resource-centre-catalog-b {
    border-radius: 0;
    width: 100vw;
    margin-top: 0;
    margin-left: -5vw;
    margin-right: -5vw;
    padding-top: 0;
    padding-left: 5%;
    padding-right: 5%;
    position: relative;
  }

  .resource-centre-catalog-inner-b {
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .resource-centre-catalog-title-logo-b {
    width: 80px;
    height: 80px;
  }

  .resource-centre-info-banner-b {
    border-radius: 16px;
  }

  .resource-centre-info-title-b, .resource-centre-info-title-image-row {
    flex-flow: column;
  }

  .resource-centre-info-col-dl-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .resource-centre-info-col-dl-list-row {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .resource-centre-info-contact-us-icon {
    width: 30px;
    height: 30px;
  }

  .activities-search-row {
    flex-flow: column;
  }

  .activities-search-col.rigth {
    min-width: auto;
    max-width: none;
  }

  .activities-search-col.left {
    min-width: auto;
    max-width: none;
    padding-right: 0;
  }

  .activities-filter-b {
    border-radius: 0;
    width: 100vw;
    margin-top: 0;
    margin-left: -5vw;
    margin-right: -5vw;
    padding-top: 40px;
    padding-left: 5%;
    padding-right: 5%;
    position: relative;
  }

  .activities-filter-inner-b {
    padding-bottom: 40px;
  }

  .activities-filter-btn-row {
    flex-flow: row;
  }

  .activities-filter-btn-col {
    width: 50%;
    min-height: 60px;
  }

  .activities-filter-btn-b {
    text-align: center;
    flex-flow: column;
    padding: 10px;
  }

  .activities-search-image-pop-b {
    display: none;
  }

  .activities-detail-row {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex-flow: column;
  }

  .activities-detail-col.rigth {
    min-width: auto;
    max-width: none;
  }

  .activities-detail-col.left {
    min-width: auto;
    max-width: none;
    padding-right: 0;
  }

  .activities-detail-cover-b {
    border-radius: 0;
    justify-content: center;
    align-items: center;
    width: 100vw;
    margin-top: 0;
    margin-left: -5vw;
    margin-right: -5vw;
    padding-top: 0;
    padding-left: 5%;
    padding-right: 5%;
    position: relative;
  }

  .activities-detail-cover-inner-b {
    width: 320px;
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .swiper-slide {
    padding: 0;
  }

  .videos-row {
    flex-flow: column;
  }

  .videos-col.rigth {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: auto;
    min-width: auto;
    max-width: none;
    padding-bottom: 0;
  }

  .videos-col.left {
    width: auto;
    min-width: auto;
    max-width: none;
    padding-right: 0;
  }

  .videos-top-bg-b {
    margin-left: 0%;
  }

  .videos-filter-b {
    border-radius: 0;
    width: 100vw;
    margin-top: 0;
    margin-left: -5vw;
    margin-right: -5vw;
    padding-top: 40px;
    padding-left: 5%;
    padding-right: 5%;
    position: relative;
  }

  .videos-filter-inner-b {
    padding-bottom: 40px;
  }

  .videos-filter-btn-col {
    width: 50%;
    min-height: 100px;
  }

  .videos-filter-btn-col.sub {
    width: 50%;
  }

  .videos-slider-col.education-videos {
    margin-left: -5vw;
  }

  .seminar-top-banner-b {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column-reverse;
    padding-top: 0;
  }

  .seminar-top-banner-text-b {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .seminar-top-banner-image-b {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .seminar-top-banner-bg-image {
    width: 100vw;
    margin-top: -60px;
    margin-bottom: -20px;
  }

  .seminar-top-banner-image-mask {
    width: 150vw;
    inset: auto 0% 0% 50%;
    transform: translate(-50%);
  }

  .seminar-top-banner-image {
    width: 50%;
    margin-top: 0;
    margin-left: 0;
    position: relative;
  }

  .symposium-sub-inner-text-b {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-b {
    flex-flow: wrap;
  }

  .presentation-main-row {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .presentation-sub-row {
    flex-flow: column;
  }

  .presentation-sub-col.image {
    width: 100%;
    min-height: 10px;
  }

  .photo-album-inner-b {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .useful-links-pop-image-b {
    width: 25vw;
    margin-top: -6vw;
  }
}

@media screen and (max-width: 479px) {
  .section.home-banner {
    margin-top: -10px;
  }

  .container.nav-bar {
    height: 80px;
  }

  .brand {
    height: 60px;
  }

  .hot-secrch-img-b {
    height: 50px;
  }

  .side-menu-hides-b {
    padding-bottom: 0;
  }

  .nav-drop-tabs-menu {
    display: flex;
  }

  .nav-drop-tabs-pane {
    padding-top: 10px;
    padding-bottom: 5px;
  }

  .nav-drop-tabs-col.disease {
    width: 50%;
  }

  .nav-drop-tabs-title {
    padding-top: 0;
    padding-bottom: 0;
  }

  .menu-button {
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 50px;
    height: 50px;
    margin-top: 10px;
    padding: 0;
    display: flex;
  }

  .brand-image {
    height: 60px;
  }

  .find-list-inner-info-list-links-b.e-mail {
    flex-flow: wrap;
  }

  .find-list-inner-tab-col {
    flex-flow: column;
  }

  .find-list-inner-tab-text-b {
    padding-top: 0;
  }

  .health-info-sub-menu-b {
    width: 25%;
    min-width: 25%;
  }

  .health-info-main-b {
    width: 80%;
  }

  .health-info-section-col.image {
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
    height: 180px;
  }

  .health-info-section-resources-list-col._3rd {
    justify-content: flex-end;
    align-items: flex-start;
  }

  .health-info-sub-menu-link-text {
    font-size: 12px;
    line-height: 16px;
  }

  .useful-links-inner-col {
    width: 100%;
  }

  .newsletter-top-info-date-b {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
  }

  .newsletter-list-col {
    width: 100%;
  }

  .resource-centre-info-target-b {
    word-break: keep-all;
  }

  .resource-centre-info-contact-us-col {
    flex: 0 auto;
    width: 100%;
  }

  .container-seminar-menu.nav-bar {
    height: 80px;
  }

  .photo-album-row {
    flex-flow: column;
  }

  .photo-album-col-3, .photo-album-col-2, .photo-album-col-2.inner {
    width: 100%;
  }

  .useful-links-pop-image-b {
    margin-top: -4vw;
  }
}