:root {

  --floral-white: #fcfaf2;

  --sea-green: #229551;

  --yellow-green-2: #8cc63e;

  --yellow-green: #77b329;

  --yellow-green-3: #b5d102;

  --cadet-blue: #4ea4a5;

  --light-sky-blue: #74b0da;

  --olive-drab: #779a5a;

}



.w-form-formradioinput--inputType-custom {

  width: 12px;

  height: 12px;

  border: 1px solid #ccc;

  border-radius: 50%;

}



.w-form-formradioinput--inputType-custom.w--redirected-focus {

  box-shadow: 0 0 3px 1px #3898ec;

}



.w-form-formradioinput--inputType-custom.w--redirected-checked {

  border-width: 4px;

  border-color: #3898ec;

}



.w-layout-blockcontainer {

  max-width: 940px;

  margin-left: auto;

  margin-right: auto;

  display: block;

}



@media screen and (max-width: 991px) {

  .w-layout-blockcontainer {

    max-width: 728px;

  }

}



@media screen and (max-width: 767px) {

  .w-layout-blockcontainer {

    max-width: none;

  }

}



.slide-nav {

  display: none;

}



.body {

  text-align: justify;

  background-color: #fcfaf2;

  font-family: Noto Sans TC, sans-serif;

  font-size: 18px;

  line-height: 40px;

}



.slide-1 {

  background-color: var(--floral-white);

}



.mask-image {

  position: absolute;

  top: 0%;

  bottom: auto;

  left: 0%;

  right: 0%;

}



.slider {

  width: 100%;

  height: auto;

}



.btn1 {

  width: 32%;

  max-width: 300px;

  cursor: pointer;

  background-image: url('../images/bb-btn-1_en_2.svg');

  background-position: 50%;

  background-repeat: no-repeat;

  background-size: contain;

  justify-content: center;

  align-items: center;

  margin-top: -55px;

  padding-top: 90px;

  padding-bottom: 40px;

  display: flex;

}



.btn1:hover {

  transform: scale(1.05);

}



.banner {

  width: 100%;

  max-width: 1380px;

  position: relative;

}



.btn2 {

  width: 32%;

  max-width: 300px;

  cursor: pointer;

  background-image: url('../images/bb-btn-2_en_2.svg');

  background-position: 50%;

  background-repeat: no-repeat;

  background-size: contain;

  justify-content: center;

  align-items: center;

  padding-top: 90px;

  padding-bottom: 40px;

  display: flex;

}



.btn2:hover {

  transform: scale(1.05);

}



.bt3 {

  width: 32%;

  max-width: 300px;

  cursor: pointer;

  background-image: url('../images/bb-btn-3_en_2.svg');

  background-position: 50%;

  background-repeat: no-repeat;

  background-size: contain;

  justify-content: center;

  align-items: center;

  margin-top: -186px;

  padding-top: 90px;

  padding-bottom: 40px;

  display: flex;

}



.bt3:hover {

  transform: scale(1.05);

}



.hm-btn-blk {

  z-index: 10;

  width: 100%;

  justify-content: center;

  align-items: center;

  margin-top: -190px;

  display: flex;

  position: relative;

}



.green-bar {

  width: 100%;

  height: 8px;

  background-color: #b4d101;

  position: relative;

}



.link {

  color: #7d8a67;

  cursor: pointer;

  margin-left: 30px;

  text-decoration: none;

}



.link:hover {

  text-decoration: underline;

}



.back-to-top {

  width: 47px;

  height: 47px;

  cursor: n-resize;

  background-color: rgba(114, 113, 113, .3);

  background-image: url('../images/arrow-up.svg');

  background-position: 50%;

  background-repeat: no-repeat;

  background-size: 23px;

  border-radius: 50%;

  position: absolute;

  top: auto;

  bottom: 150px;

  left: auto;

  right: 9%;

	visibility: hidden;

}



.back-to-top:hover {

  opacity: .7;

}



.logo-image {

  width: 100%;

  height: 100%;

}



.org-logo-blk {

  width: 70%;

  justify-content: flex-end;

  align-items: center;

  display: flex;

}



.navbar {

  z-index: 98;

  max-height: 140px;

  background-color: var(--floral-white);

  flex-direction: row;

  justify-content: space-between;

  align-items: center;

  position: fixed;

  top: 0%;

  bottom: auto;

  left: 0%;

  right: 0%;

}



.navbar._2 {

  height: 128px;

  background-color: #fff;

  box-shadow: 3px 0 10px rgba(0, 0, 0, .2);

}



._1280 {

  max-width: 1360px;

  padding-left: 60px;

  padding-right: 60px;

  position: relative;

}



.overflow-x {

  padding-top: 128px;

}



.blue-bar {

  width: 30%;

  height: 8px;

  max-width: 576px;

  background-color: #74b0da;

  position: absolute;

  top: 0%;

  bottom: 0%;

  left: 0%;

  right: auto;

}



.deco-3 {

  width: 35%;

  position: absolute;

  top: auto;

  bottom: 55px;

  left: auto;

  right: 0%;

}



.deco-2 {

  width: 11%;

  position: absolute;

  bottom: 155px;

  left: 6%;

  right: auto;

}



.deco-2._2 {

  top: -9%;

  bottom: auto;

  left: auto;

  right: 17%;

}



.deco-2.r {

  width: 14%;

  top: 40%;

  bottom: auto;

  left: auto;

  right: -18%;

}



.foot-bg {

  color: #7d8a67;

  background-color: #dbded5;

  padding-top: 40px;

  padding-bottom: 40px;

  font-size: 14px;

  position: relative;

}



.footer {

  margin-top: 220px;

  position: relative;

}



.hor-even {

  flex-wrap: wrap;

  justify-content: space-between;

  display: flex;

}



.hm-abt-section {

  margin-top: 60px;

  position: relative;

}



.hm-heading {

  color: #14633b;

  text-align: center;

  margin-top: 0;

  margin-bottom: 40px;

  font-size: 40px;

  font-weight: 400;

}



.logo-blk {

  width: 100%;

  max-width: 1920px;

  justify-content: space-between;

  align-items: center;

  padding: 10px 40px;

  display: flex;

}



.brand {

  height: 73px;

  margin-left: 5%;

  padding-left: 0;

  position: static;

}



.brand-jcbecare {

  width: 243px;

  max-width: 243px;

  margin-right: 0;

  padding-left: 0;

}



.green-text-span {

  color: var(--sea-green);

  font-size: 18px;

}



.hm-btn-image {

  width: 70%;

  max-width: 215px;

}



.hm-deco-1 {

  z-index: 5;

  width: 20%;

  position: absolute;

  top: 139px;

}



.left-arrow, .right-arrow {

  display: none;

}



.image {

  position: relative;

  top: 0%;

  bottom: auto;

  left: 0%;

  right: 0%;

}



.banner-heading {

  width: 100%;

  color: #fff;

  text-align: center;

  margin-bottom: 0;

  font-family: Varela Round, sans-serif;

  font-size: 60px;

  font-weight: 400;

  line-height: 65px;

  display: none;

  position: relative;

}



.u-are-head {

  z-index: 10;

  color: #6a6a6a;

  font-size: 72px;

  font-weight: 400;

  display: none;

  position: absolute;

  top: auto;

  bottom: 0%;

  left: 11%;

  right: auto;

}



.text-block {

  z-index: 10;

  color: var(--sea-green);

  text-align: right;

  display: none;

  position: absolute;

  top: auto;

  bottom: -9%;

  left: 0%;

  right: auto;

}



.u-are-img {

  width: 27%;

  max-width: 350px;

  display: none;

  position: absolute;

  top: 10px;

  left: 5px;

}



.menu-button {

  width: 5%;

  height: 90px;

  max-height: 90px;

  max-width: 90px;

  min-width: 55px;

  cursor: context-menu;

  background-image: url('../images/menu-btn.svg');

  background-position: 50%;

  background-repeat: no-repeat;

  background-size: contain;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}



.menu-button:hover {

  opacity: .7;

}



.menu-button.w--open {

  background-color: rgba(0, 0, 0, 0);

  background-image: url('../images/menu-btn-cross.svg');

}



.lang-text-block {

  white-space: nowrap;

  margin-left: 2%;

  margin-right: 2%;

}



.lang-link {

  color: #333;

  cursor: pointer;

  text-decoration: none;

}



.lang-link:hover {

  color: var(--sea-green);

  text-decoration: underline;

}



.icon-2 {

  display: none;

}



.hm-tree {

  z-index: 2;

  width: 53%;

  max-width: 682px;

  perspective-origin: 50% 100%;

  transform-origin: 50% 100%;

  margin-left: -90px;

  position: relative;

}



.hor-mid {

  z-index: 10;

  width: 100%;

  justify-content: space-between;

  align-items: center;

  padding-bottom: 60px;

  display: flex;

}



.hor-mid.hm {

  align-items: flex-end;

  margin-bottom: -221px;

  padding-bottom: 0;

}



.hm-abt-blk {

  width: 47%;

  flex-direction: column;

  align-items: center;

  display: flex;

}



.sticker-heading {

  color: var(--yellow-green-2);

  text-align: center;

  background-color: #fff;

  margin-top: 0;

  margin-bottom: 0;

  padding: 20px 60px 20px 40px;

  font-size: 30px;

  line-height: 30px;

  display: inline-block;

}



.sticker-head-blk {

  background-color: var(--yellow-green);

  border-radius: 15px;

  margin-bottom: 40px;

  padding-left: 40px;

  display: inline-block;

  overflow: hidden;

  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .2);

}



.green-paragraph {

  color: var(--sea-green);

  margin-bottom: 0;

  line-height: 20px;

}



.u-are {

  color: #6a6a6a;

  font-size: 38px;

  font-weight: 400;

  line-height: 40px;

}



.u-are-blk {

  width: 27%;

  text-align: right;

  margin-top: 60px;

}



.hm-btns {

  width: 70%;

  justify-content: center;

  display: flex;

}



.ft-cter-link-blk {

  justify-content: space-between;

  display: flex;

}



.paragraph {

  max-width: 900px;

  margin-bottom: 40px;

  line-height: 24px;

}



.paragraph.center {

  text-align: center;

  margin-left: auto;

  margin-right: auto;

}



.paragraph.hm {

  margin-bottom: 30px;

}



.paragraph.news {

  text-align: left;

  margin-left: auto;

  margin-right: auto;

}



.nav-menu {

  height: 85vh;

  background-color: var(--floral-white);

  background-image: url('../images/menu-pattern-1.svg');

  background-position: 100% 100%;

  background-repeat: no-repeat;

  background-size: auto 54%;

  flex-wrap: wrap;

  display: block;

  overflow: auto;

}



.nav-link {

  cursor: pointer;

  margin-left: 3%;

  margin-right: 5%;

  font-size: 20px;

  font-weight: 400;

}



.nav-link:hover, .nav-link.w--current {

  color: var(--sea-green);

}



.nav-cate {

  width: 48%;

  min-height: 140px;

  justify-content: flex-start;

  align-items: flex-start;

  margin-top: 40px;

  display: flex;

}



.menu-icon {

  max-width: 70px;

}



.nav-link-2 {

  cursor: pointer;

  background-image: url('../images/dot.svg');

  background-position: 0 5px;

  background-repeat: no-repeat;

  background-size: 10px;

  margin-bottom: 10px;

  padding-top: 0;

  padding-bottom: 0;

  font-size: 18px;

  line-height: 20px;

}



.nav-link-2:hover {

  color: var(--sea-green);

}



.nav-link-2.w--current {

  color: var(--yellow-green-3);

}



.div-block {

  margin-left: 5%;

}



.deco-1 {

  z-index: -1;

  width: 15%;

  max-width: 288px;

  position: absolute;

  top: 497px;

}



.banner-s1 {

  height: 295px;

  background-color: var(--floral-white);

  background-image: url('../images/banner-s1.jpg');

  background-position: 50%;

  background-repeat: repeat;

  background-size: cover;

  flex-direction: column;

  justify-content: flex-start;

  align-items: flex-start;

  margin-bottom: 60px;

  display: block;

}



.banner-head {

  width: 100%;

  color: #fff;

  letter-spacing: 2px;

  text-shadow: 0 0 10px rgba(0, 0, 0, .2);

  margin-top: 110px;

  margin-bottom: 0;

  font-size: 40px;

  line-height: 40px;

}



.hor-cter {

  justify-content: center;

  margin-bottom: 40px;

  display: flex;

}



.button {

  width: 215px;

  border: 2px solid var(--yellow-green-3);

  color: var(--cadet-blue);

  text-align: center;

  cursor: pointer;

  background-color: #fff;

  border-radius: 50px;

  justify-content: center;

  align-items: center;

  margin-bottom: 20px;

  margin-left: 20px;

  margin-right: 20px;

  padding: 10px;

  font-size: 16px;

  line-height: 20px;

  display: flex;

}



.button:hover {

  background-color: var(--yellow-green-3);

  opacity: .7;

  color: #fff;

}



.button.w--current {

  background-color: var(--yellow-green-3);

  color: #fbfbfb;

}



.button.current {

  background-color: var(--yellow-green-3);

  color: var(--floral-white);

}



.g-heading {

  width: 80%;

  color: var(--cadet-blue);

  text-align: left;

  margin-top: 0;

  margin-bottom: 40px;

  font-size: 30px;

  font-weight: 400;

}



.g-heading._900px {

  max-width: 900px;

  text-align: left;

 

}



.sea-greentext-24px {

  color: var(--sea-green);

  text-align: left;

  margin-bottom: 40px;

  font-size: 24px;

}



.sea-greentext-24px.blue {

  color: var(--light-sky-blue);

  font-size: 22px;

  line-height: 25px;

}



.sea-greentext-24px.cter {

  max-width: 900px;

  text-align: center;

  margin-top: 60px;

  margin-left: auto;

  margin-right: auto;

}



.highlight {

  color: var(--sea-green);

}



._60w {

  width: 60%;

}



.ft-hor-even {

  justify-content: space-between;

  display: flex;

}



.table {

  margin-bottom: 100px;

  overflow: hidden;

}



.hor-100w-cter-text {

  border: 2px solid var(--yellow-green-3);

  text-align: center;

  background-color: #fff;

  border-bottom-right-radius: 15px;

  border-bottom-left-radius: 15px;

  justify-content: space-around;

  display: flex;

  overflow: hidden;

}



.hor-100w-cter-text.green, .hor-100w-cter-text.green-copy, .hor-100w-cter-text.green-fix-w {

  border-color: var(--yellow-green-3);

  background-color: var(--yellow-green-3);

  color: #fff;

  border-radius: 15px 15px 0 0;

}



.tb-text-blk {

  width: 247px;

  max-width: 247px;

  align-self: center;

  padding-top: 15px;

  padding-bottom: 15px;

  font-size: 20px;

  font-weight: 700;

}



.green--ver-line {

  width: 2px;

  background-color: var(--yellow-green-3);

}



.list {

  width: 247px;

  text-align: left;

  margin-bottom: 0;

  padding-top: 40px;

  padding-bottom: 40px;

  line-height: 25px;

}



.list-item {

  margin-bottom: 15px;

}



.ref-text {

  max-width: 900px;

  text-align: center;

  margin-bottom: 100px;

  margin-left: auto;

  margin-right: auto;

  font-size: 16px;

  line-height: 20px;

}



.cter-image {

  margin: 40px auto;

  display: none;

}



.green-head-24px {

  color: var(--olive-drab);

  text-align: left;

  margin-top: 0;

  margin-bottom: 20px;

  font-size: 26px;

  line-height: 30px;

}



.dot-list {

  text-align: left;

  margin-bottom: 0;

  line-height: 30px;

}



.image-2 {

  width: 19.8431%;

  max-width: 254px;

  margin-top: -4%;

  margin-right: 20px;

}



.image-2._03 {

  margin-top: 0%;

}



.char-hor-blk {

  justify-content: flex-start;

  align-items: flex-start;

  padding-top: 100px;

  display: flex;

}



.div-block-2 {

  width: 340px;

  flex: none;

  margin-right: 20px;

}



.numb-list {

  max-width: 900px;

  text-align: left;

  margin-bottom: 60px;

  margin-left: auto;

  margin-right: auto;

  list-style: decimal;

}



.numb-list-item {

  margin-bottom: 15px;

  padding-left: 20px;

  line-height: 30px;

}



.light-b-link {

  color: var(--light-sky-blue);

  word-break: break-all;

  cursor: pointer;

  line-height: 18px;

}



.light-b-link:hover {

  opacity: .7;

}



.sticker-blk {

  width: 100%;

  background-color: var(--cadet-blue);

  border-radius: 40px;

  margin-bottom: 40px;

  padding-top: 100px;

  display: inline-block;

  position: relative;

  overflow: hidden;

  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .2);

}



._w-bg {

  background-color: #fff;

  padding: 100px 100px 60px;

}



._w-bg.abt {

  justify-content: center;

  align-items: center;

  padding-bottom: 100px;

  display: flex;

}



.paragraph-cter {

  text-align: center;

  margin-bottom: 0;

}



.heading {

  color: #fff;

  justify-content: center;

  align-items: center;

  margin-top: 36px;

  margin-bottom: 0;

  font-size: 30px;

  display: flex;

  position: absolute;

  top: 0%;

  bottom: auto;

  left: 0%;

  right: 0%;

}



.image-3 {

  max-width: 223px;

  margin-right: 8%;

}



.image-5 {

  max-width: 243px;

  margin-right: 10%;

}



.image-6 {

  width: 15%;

  max-width: 195px;

  min-width: 155px;

  margin-right: 10%;

}



._5-btn-blk {

  flex-flow: wrap;

  justify-content: flex-start;

  align-items: center;

  margin-bottom: 100px;

  display: flex;

}



._5-button {

  width: 30%;

  border: 1px solid var(--cadet-blue);

  color: var(--cadet-blue);

  text-align: center;

  cursor: pointer;

  background-color: #fff;

  border-radius: 50px;

  margin-bottom: 30px;

  margin-left: 1.5%;

  margin-right: 1.5%;

  padding-top: 15px;

  padding-bottom: 15px;

  line-height: 20px;

  display: block;

}



._5-button:hover {

  background-color: var(--cadet-blue);

  opacity: .7;

  color: #fff;

}



.paragraph-100w {

  margin-bottom: 40px;

}



._1a1-5-img {

  width: 80%;

  margin-left: auto;

  margin-right: auto;

  display: block;

}



.lightbox-link {

  width: 100%;

  margin-top: 60px;

  margin-left: auto;

  margin-right: auto;

  display: block;

}



.top {

  height: 0;

  position: absolute;

  top: 0%;

  bottom: auto;

  left: 0%;

  right: 0%;

}



.ver-center {

  text-align: center;

  flex-direction: column;

  align-items: center;

  display: flex;

}



._6-btn-blk {

  flex-flow: wrap;

  justify-content: flex-start;

  align-items: center;

  margin-bottom: 100px;

  display: flex;

}



._6-button {

  width: 30%;

  border: 1px solid var(--cadet-blue);

  color: var(--cadet-blue);

  text-align: center;

  cursor: pointer;

  background-color: #fff;

  border-radius: 50px;

  margin-bottom: 30px;

  margin-left: 1.5%;

  margin-right: 1.5%;

  padding-top: 15px;

  padding-bottom: 15px;

  line-height: 20px;

  display: block;

}



._6-button:hover {

  background-color: var(--cadet-blue);

  opacity: .7;

  color: #fff;

}



.tb-head {

  white-space: break-spaces;

  align-self: center;

  padding-top: 15px;

  padding-bottom: 15px;

  font-size: 20px;

}



.list-41w {

  width: 41%;

  text-align: left;

  margin-bottom: 0;

  padding-top: 40px;

  padding-bottom: 40px;

  padding-left: 20px;

  line-height: 25px;

}



.s1a2-image {

  max-width: 380px;

  margin-right: 3%;

}



.hor-s1a2 {

  z-index: 10;

  width: 100%;

  justify-content: space-between;

  align-items: center;

  padding-bottom: 20px;

  display: flex;

}



.blue-quote {

  color: var(--sea-green);

  margin-bottom: 40px;

  font-style: italic;

  line-height: 30px;

}



.list-61w {

  width: 61%;

  text-align: left;

  margin-bottom: 0;

  padding-top: 40px;

  padding-bottom: 40px;

  padding-left: 20px;

  line-height: 25px;

}



.ver-cter {

  border: 2px solid var(--yellow-green-3);

  text-align: center;

  background-color: #fff;

  border-bottom-right-radius: 15px;

  border-bottom-left-radius: 15px;

  flex-direction: column;

  justify-content: space-around;

  align-items: center;

  display: flex;

  overflow: hidden;

}



.list-80w {

  width: 80%;

  text-align: left;

  margin-bottom: 0;

  padding-top: 40px;

  padding-bottom: 40px;

  padding-left: 20px;

}



.ver-cter-copy {

  border: 2px solid var(--yellow-green-3);

  text-align: center;

  background-color: #fff;

  border-bottom-right-radius: 15px;

  border-bottom-left-radius: 15px;

  flex-direction: column;

  justify-content: space-around;

  align-items: center;

  display: flex;

  overflow: hidden;

}



.s1a3 {

  padding-top: 100px;

  padding-bottom: 60px;

}



.hor-cter-copy {

  flex-wrap: wrap;

  justify-content: center;

  display: flex;

}



.hor-cter-copy.hide {

  display: none;

}



.social-res-blk {

  padding-top: 140px;

  line-height: 30px;

}



.banner-s1n2-b {

  height: 295px;

  background-image: url('../images/banner-s-mask.svg'), url('../images/s1n2-b.jpg');

  background-position: 50% 100%, 50%;

  background-repeat: no-repeat, repeat;

  background-size: cover, cover;

  flex-direction: column;

  justify-content: flex-start;

  align-items: flex-start;

  margin-bottom: 60px;

  display: block;

}



.res-blk {

  padding-top: 100px;

  padding-bottom: 40px;

}



.banner-news {

  height: 295px;

  background-color: var(--floral-white);

  background-image: url('../images/s1n2-d.jpg');

  background-position: 50%;

  background-repeat: repeat;

  background-size: cover;

  flex-direction: column;

  justify-content: flex-start;

  align-items: flex-start;

  margin-bottom: 60px;

  display: block;

}



.banner-s1n2-c {

  height: 295px;

  background-color: var(--floral-white);

  background-image: url('../images/s1n2-c.jpg');

  background-position: 50%;

  background-repeat: repeat;

  background-size: cover;

  flex-direction: column;

  justify-content: flex-start;

  align-items: flex-start;

  display: block;

}



.s2a1-image {

  width: 100%;

  max-width: 350px;

  margin-right: 3%;

}



.banner-s2 {

  height: 295px;

  background-image: url('../images/s2a.jpg');

  background-position: 50%;

  background-repeat: repeat;

  background-size: cover;

  flex-direction: column;

  justify-content: flex-start;

  align-items: flex-start;

  margin-bottom: 60px;

  display: block;

}



.hor-s2a {

  z-index: 10;

  width: 100%;

  justify-content: space-between;

  align-items: center;

  padding-bottom: 60px;

  display: flex;

}



._46w {

  width: 46%;

  align-items: center;

  display: flex;

}



.paragraph-0 {

  margin-bottom: 0;

}



.s2a2-image {

  width: 25%;

  max-width: 140px;

  margin-right: 20px;

}



.hor-s2a2 {

  z-index: 10;

  width: 100%;

  justify-content: space-between;

  align-items: center;

  padding-bottom: 60px;

  display: flex;

}



.s2a2-img {

  max-width: 350px;

  margin-right: 3%;

}



.paragraph-24w {

  width: 24%;

  max-width: 308px;

  text-align: left;

  margin-bottom: 0;

  padding: 40px;

  font-size: 12px;

  line-height: 30px;

}



.tb-head-green {

  width: 24%;

  max-width: 308px;

  align-self: center;

  padding-top: 15px;

  padding-bottom: 15px;

  font-size: 20px;

  font-weight: 700;

}



.s3a1-blk {

  padding-bottom: 100px;

}



.seagreen-2-column {

  color: var(--sea-green);

  column-count: 2;

}



.paragraph-4 {

  margin-bottom: 40px;

}



.s3a2-blk {

  padding-bottom: 60px;

}



._4ea4a5-span {

  color: var(--cadet-blue);

  text-align: left;

  font-size: 20px;

}



._74b0da-span {

  color: var(--light-sky-blue);

  text-align: left;

}



.hor-s3a2 {

  justify-content: space-between;

  display: flex;

}



.par-42w {

  width: 42%;

}



._3-btn-blk {

  flex-flow: wrap;

  justify-content: flex-start;

  align-items: center;

  margin-bottom: 100px;

  display: flex;

}



.s3a2-image {

  max-width: 650px;

}



.list-2 {

  padding-left: 30px;

}



.banner-s3 {

  height: 295px;

  background-image: url('../images/s3.jpg');

  background-position: 50%;

  background-repeat: repeat;

  background-size: cover;

  flex-direction: column;

  justify-content: flex-start;

  align-items: flex-start;

  margin-bottom: 60px;

  display: block;

}



.coming-blk {

  padding-top: 100px;

  padding-bottom: 220px;

}



.coming-blk.hide {

  display: none;

}



.numb-list-copy {

  text-align: left;

  margin-bottom: 60px;

  list-style: decimal;

}



.logon-w-bg {

  background-color: #fff;

  border-radius: 35px;

  justify-content: space-between;

  margin-top: 140px;

  margin-bottom: 140px;

  padding: 50px;

  display: flex;

  box-shadow: 0 0 8px rgba(0, 0, 0, .2);

}



._48w {

  width: 48%;

  align-self: center;

  position: relative;

}



.login-heading {

  color: var(--olive-drab);

  text-align: center;

  margin-top: 0;

  margin-bottom: 40px;

  font-size: 40px;

}



.text-field {

  border: 1px solid var(--olive-drab);

  border-radius: 50px;

  margin-bottom: 0;

  padding: 25px;

}



.field-label {

  width: 33px;

  height: 33px;

  background-image: url('../images/login-name.svg');

  background-position: 0%;

  background-repeat: no-repeat;

  background-size: auto;

  margin-bottom: 0;

  margin-right: 20px;

}



.field-label.pw {

  background-image: url('../images/login-pw.svg');

}



.login-fill-blk {

  align-items: center;

  padding-bottom: 40px;

  display: flex;

}



.form-block {

  width: 80%;

  margin-bottom: 0;

  margin-left: auto;

  margin-right: auto;

}



.submit-button {

  width: 50%;

  background-color: var(--cadet-blue);

  cursor: pointer;

  border-radius: 50px;

  margin-left: auto;

  margin-right: auto;

  line-height: 30px;

  display: block;

}



.s4-blk {

  text-align: left;

  margin-bottom: 100px;

}



._35w {

  width: 35%;

}



.ct {

  background-image: url('../images/ct-icon1.svg');

  background-position: 0 10px;

  background-repeat: no-repeat;

  background-size: auto 20px;

  margin-left: 40px;

  margin-right: 40px;

  padding-left: 30px;

}



.ct._2 {

  background-image: url('../images/ct-icon2.svg');

}



.ct._3 {

  background-image: url('../images/ct-icon3.svg');

}



.ct-link {

  color: #333;

  cursor: pointer;

  text-decoration: none;

}



.div-block-3 {

  display: inline-block;

}



.text-block-2 {

  width: 270px;

  color: var(--sea-green);

  flex: none;

  margin-right: 50px;

  font-size: 20px;

}



.pj-team-blk {

  width: 80%;

  margin-bottom: 60px;

  margin-left: auto;

  margin-right: auto;

  display: flex;

}



.hor-even-copy {

  justify-content: space-between;

  display: flex;

}



.logo-pic {

  width: auto;

  height: 120px;

  max-width: 200px;

  justify-content: center;

  align-items: center;

  margin-bottom: 40px;

  margin-left: 20px;

  margin-right: 20px;

  display: flex;

}



.logo-pic.amss {

  max-width: 235px;

  mix-blend-mode: darken;

}



.logo-pic.hkskh {

  max-width: 300px;

}



.logo-pic.thksfta {

  max-width: 265px;

}



.logo-pic.tmhaohk {

  max-width: 240px;

}



.logo-pic.twgoh {

  max-width: 210px;

}



.logo-block {

  background-color: #fff;

  flex-wrap: wrap;

  justify-content: space-around;

  align-items: center;

  display: flex;

}



.image-7 {

  max-height: 100%;

}



.image-7.aka {

  padding: 20px;

}



.image-7.ftn, .image-7.hkcf, .image-7.lham, .image-7.skhhcc, .image-7.hkscpc {

  mix-blend-mode: darken;

}



.image-7.hkfws {

  padding: 20px;

}



.image-7.fhs {

  padding: 15px;

}



.image-7.hoh {

  padding: 10px;

}



.image-7.tsa, .image-7.sflde {

  mix-blend-mode: darken;

}



.image-7.hkcss {

  padding: 20px;

}



.image-7.sps {

  mix-blend-mode: darken;

  padding: 20px;

}



.image-7.tmhaohk {

  mix-blend-mode: darken;

}



.image-7.stjs {

  padding: 10px;

}



.image-7.maggie {

  padding: 15px;

}



.banner-abt {

  height: 295px;

  background-image: url('../images/banner-s-mask.svg'), url('../images/abt.jpg');

  background-position: 50% 100%, 50%;

  background-repeat: no-repeat, repeat;

  background-size: cover, cover;

  flex-direction: column;

  justify-content: flex-start;

  align-items: flex-start;

  margin-bottom: 60px;

  display: block;

}



.hor-100w-cter-text-fix-w {

  border: 2px solid var(--yellow-green-3);

  text-align: center;

  background-color: #fff;

  border-bottom-right-radius: 15px;

  border-bottom-left-radius: 15px;

  justify-content: space-around;

  display: flex;

  overflow: hidden;

}



.paragraph-61w {

  width: 61%;

  max-width: 900px;

  margin-bottom: 40px;

}



.news-prev-text {

  width: 100%;

  height: 100px;

  margin-bottom: 60px;

  font-size: 16px;

  line-height: 24px;

  overflow: hidden;

}



.news-pic-blk {

  width: 100%;

  overflow: hidden;

}



.news-head {

  width: 100%;

  color: var(--cadet-blue);

  margin-top: 0;

  margin-bottom: 10px;

  font-size: 18px;

  font-weight: 400;

}



.news-w-bg {

  width: 100%;

  text-align: left;

  background-color: #fff;

  flex-direction: column;

  align-items: center;

  padding: 20px;

  display: flex;

}



._30w {

  width: 30%;

  margin-left: 1.5%;

  margin-right: 1.5%;

}



.ft-news-bold-text {

  line-height: 36px;

}



.button-bk {

  border: 1px solid var(--yellow-green-3);

  color: var(--yellow-green-2);

  cursor: pointer;

  background-color: rgba(0, 0, 0, 0);

  border-radius: 50px;

  padding-left: 40px;

  padding-right: 40px;

  font-size: 16px;

  line-height: 20px;

  position: absolute;

  bottom: 25px;

}



.button-bk:hover {

  background-color: var(--yellow-green-3);

  color: #fff;

}



.news-blk {

  min-height: 488px;

  background-color: #fff;

  border: 2px solid #fff;

  border-radius: 30px;

  flex-direction: column;

  align-items: center;

  margin-bottom: 60px;

  display: flex;

  position: relative;

  overflow: hidden;

  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);

}



.news-blk:hover {

  border: 2px solid var(--yellow-green-3);

}



.news-pic {

  width: 100%;

  cursor: pointer;



  background-position: 50% 0;

  background-repeat: no-repeat;

  background-size: cover;

  padding-bottom: 60%;

}



.news-pic._3 {

  background-image: url('../images/6-promo.jpg');

}



.news-pic._4 {

  background-image: url('../images/13.0-Mini-Cube.jpg');

}



.news-pic._2 {

  width: 100%;

  background-image: url('../images/3-ed.jpg');

}



.news-pic.news1 {

  background-image: url('../images/ADAPTS.jpg');

}



.news-pic.news2 {

  background-image: url('../images/DPM-poster-Phase-2.jpg');

}



.news-pic.news3 {

  background-image: url('../images/CEP.jpg');

}



.news-pic.news4 {

  background-image: url('../images/Opening-ceremony.jpg');

}



.news-pic.news1_en {

 

}



.hor-news-blk {

  flex-wrap: wrap;

  justify-content: flex-start;

  display: flex;

}



.news-image {

  width: 80%;

  margin-top: 60px;

  margin-left: auto;

  margin-right: auto;

  display: block;

}



.hor {

  display: flex;

}



.text-block-3 {

  width: 350px;

}



.banner-mask {

  height: 296px;

  background-image: url('../images/banner-s-mask.svg');

  background-position: 50% 100%;

  background-repeat: no-repeat;

  background-size: cover;

  flex-direction: column;

  justify-content: flex-start;

  align-items: flex-start;

  margin-top: 128px;

  margin-bottom: 60px;

  display: block;

  position: absolute;

  top: 0%;

  bottom: auto;

  left: 0%;

  right: 0%;

}



.link-2, .link-3, .link-4, .link-5, .link-6, .link-7, .link-8, .link-9, .link-10, .link-11, .link-12, .link-13, .link-14, .link-15, .link-16, .link-17, .link-18, .link-19, .link-20, .link-21, .link-22, .link-23, .link-24, .link-25, .link-26, .link-27, .link-28, .link-29, .link-30, .link-31 {

  color: var(--light-sky-blue);

}



.div-block-4 {

  width: 250px;

  height: 5px;

}



.div-block-5 {

  width: 100%;

  border: 10px dotted var(--yellow-green-2);

  margin-bottom: 160px;

  padding: 20px 15px;

  position: relative;

}



.div-block-6 {

  z-index: 90;

  width: 100%;

  max-width: 350px;

  justify-content: center;

  align-items: center;

  display: flex;

  position: absolute;

  top: auto;

  bottom: -70px;

  left: 5%;

  right: auto;

}



.text-block-5 {

  padding-left: 20px;

  padding-right: 20px;

  font-family: Great Vibes, cursive;

  font-size: 55px;

  line-height: 40px;

}



.div-block-6-copy {

  width: 350px;

  height: 100px;

  background-color: var(--floral-white);

  justify-content: center;

  align-items: center;

  display: flex;

  position: absolute;

  top: auto;

  bottom: -80px;

  left: 5%;

  right: auto;

}



.image-8 {

  width: 100%;

  max-width: 200px;

}



.image-9 {

  width: 100%;

  max-width: 70px;

}



.side_menu {

  z-index: 99;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  display: flex;

  position: fixed;

  top: auto;

  bottom: 15%;

  left: auto;

  right: 1%;

}



.side_menu_item {

  flex-direction: column;

  justify-content: flex-start;

  align-items: center;

  display: flex;

}



.cricle_div {

  width: 60px;

  height: 60px;

  border: 5px solid var(--cadet-blue);

  text-align: center;

  background-color: #fff;

  border-radius: 50%;

  justify-content: center;

  align-items: center;

  padding: 6px;

  display: flex;

  box-shadow: 0 0 5px 2px rgba(0, 0, 0, .2);

}



.sec_icon {

  width: 100%;

  max-width: 40px;

}



.text-block-6 {

  color: #333;

  text-align: center;

  background-color: #fff;

  border-radius: 10px;

  margin-top: 5px;

  padding: 5px 15px;

  font-size: 12px;

  line-height: 16px;

  box-shadow: 0 0 5px 2px rgba(0, 0, 0, .2);

}



.link-block {

  margin-bottom: 20px;

  text-decoration: none;

}

.link-block-3 {

  margin-bottom: 15px;

  text-decoration: none;

}



.side_menu2 {

  z-index: 99;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  display: flex;

  position: fixed;

  top: auto;

  bottom: 5%;

  left: auto;

  right: 1%;

}



.sec_icon-copy {

  width: 100%;

  max-width: 30px;

}



.submit-button2 {

  width: 100%;

  min-width: 250px;

  background-color: var(--cadet-blue);

  text-align: center;

  cursor: pointer;

  border-radius: 50px;

  margin-left: auto;

  margin-right: auto;

  padding: 9px 15px;

  line-height: 30px;

  display: block;

}



.div-block-7 {

  width: 100%;

  justify-content: center;

  align-items: center;

  margin-bottom: 30px;

  display: flex;

}



.link-block-2 {

  color: #fff;

  text-decoration: none;

}



.block_layer {

  height: 270px;

  border: 5px dotted var(--cadet-blue);

  background-color: rgba(255, 255, 255, .7);

  border-radius: 30px;

  justify-content: center;

  align-items: center;

  display: flex;

  position: absolute;

  top: auto;

  bottom: -5%;

  left: 0%;

  right: 0%;

}



.text-block-7 {

  color: var(--cadet-blue);

  text-align: center;

  padding-bottom: 0;

  font-size: 50px;

  font-weight: 700;

  line-height: 60px;

}



.link-32 {

  color: var(--light-sky-blue);

  text-decoration: underline;

}



.footer_icon {

  width: 25px;

  height: 25px;

  color: #7d8a67;

  margin-left: 10px;

  margin-right: 10px;

}



.social {

  align-items: center;

  display: flex;

}



.link-33 {

  color: var(--light-sky-blue);

}



.des_head {

  

  justify-content: space-between;

  align-items: flex-start;

  margin-left: auto;

  margin-right: auto;

  display: flex;

}



.back-btn {

  border: 1px solid var(--yellow-green-3);

  color: var(--yellow-green-2);

  cursor: pointer;

  background-color: rgba(0, 0, 0, 0);

  border-radius: 50px;

  padding-left: 40px;

  padding-right: 40px;

  font-size: 16px;

  line-height: 20px;

  position: absolute;

  bottom: 25px;

}



.back-btn:hover {

  background-color: var(--yellow-green-3);

  color: #fff;

}



.back-btn2 {

  border: 1px solid var(--yellow-green-3);

  color: var(--yellow-green-2);

  cursor: pointer;

  background-color: rgba(0, 0, 0, 0);

  border-radius: 50px;

  padding-left: 40px;

  padding-right: 40px;

  font-size: 16px;

  line-height: 20px;

  position: static;

  bottom: 25px;

}



.back-btn2:hover {

  background-color: var(--yellow-green-3);

  color: #fff;

}



.back-bottom {

  border: 1px solid var(--yellow-green-3);

  color: var(--yellow-green-2);

  cursor: pointer;

  background-color: rgba(0, 0, 0, 0);

  border-radius: 50px;

  margin-bottom: 30px;

  padding-left: 40px;

  padding-right: 40px;

  font-size: 16px;

  line-height: 20px;

}



.back-bottom:hover {

  background-color: var(--yellow-green-3);

  color: #fff;

}



.back-bottom.w--current {

  margin-bottom: 30px;

  position: static;

  top: 0%;

  bottom: auto;

  left: auto;

  right: 0%;

}



.bold-text, .bold-text-2 {

  color: var(--sea-green);

}



.paragraph-5, .paragraph-6 {

  line-height: 24px;

}



.bold-text-3 {

  font-weight: 400;

}



.link-34 {

  color: var(--light-sky-blue);

}



.bold-text-4, .bold-text-5 {

  color: var(--sea-green);

}



.nav-link-copy {

  width: 350px;

  cursor: pointer;

  margin-left: 3%;

  margin-right: 5%;

  font-size: 20px;

  font-weight: 400;

}



.nav-link-copy:hover, .nav-link-copy.w--current {

  color: var(--sea-green);

}



.menu_with_sub_div {

  width: 100%;

  flex-direction: column;

  display: flex;

}



.text-span, .text-span-2, .text-span-3 {

  color: var(--sea-green);

}



.text-block-8 {

  line-height: 30px;

}



.news-blk-2 {

  min-height: 488px;

  background-color: #fff;

  border: 2px solid #fff;

  border-radius: 30px;

  flex-direction: column;

  align-items: center;

  margin-bottom: 60px;

  display: flex;

  position: relative;

  overflow: hidden;

  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);

}



.news-blk-2:hover {

  border: 2px solid #b5d102;

}



._30w-2 {

  width: 30%;

  margin-left: 1.5%;

  margin-right: 1.5%;

}



.news-head-2 {

  width: 100%;

  color: #4ea4a5;

  margin-top: 0;

  margin-bottom: 10px;

  font-weight: 400;

}



.button-bk-2 {

  color: #8cc63e;

  cursor: pointer;

  background-color: rgba(0, 0, 0, 0);

  border: 1px solid #b5d102;

  border-radius: 50px;

  padding-left: 40px;

  padding-right: 40px;

  font-size: 16px;

  line-height: 20px;

  position: absolute;

  bottom: 25px;

}



.button-bk-2:hover {

  color: #fff;

  background-color: #b5d102;

}



.news-prev-text-2 {

  width: 100%;

  height: 50px;

  margin-bottom: 60px;

  font-size: 16px;

  line-height: 24px;

  overflow: hidden;

}



.news-blk-3 {

  min-height: 488px;

  background-color: #fff;

  border: 2px solid #fff;

  border-radius: 30px;

  flex-direction: column;

  align-items: center;

  margin-bottom: 60px;

  display: flex;

  position: relative;

  overflow: hidden;

  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);

}



.news-blk-3:hover {

  border: 2px solid #b5d102;

}



.button-bk-3 {

  color: #8cc63e;

  cursor: pointer;

  background-color: rgba(0, 0, 0, 0);

  border: 1px solid #b5d102;

  border-radius: 50px;

  padding-left: 40px;

  padding-right: 40px;

  font-size: 16px;

  line-height: 20px;

  position: absolute;

  bottom: 25px;

}



.button-bk-3:hover {

  color: #fff;

  background-color: #b5d102;

}



.news-blk-4 {

  min-height: 488px;

  background-color: #fff;

  border: 2px solid #fff;

  border-radius: 30px;

  flex-direction: column;

  align-items: center;

  margin-bottom: 60px;

  display: flex;

  position: relative;

  overflow: hidden;

  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);

}



.news-blk-4:hover {

  border: 2px solid #b5d102;

}



.button-bk-4 {

  color: #8cc63e;

  cursor: pointer;

  background-color: rgba(0, 0, 0, 0);

  border: 1px solid #b5d102;

  border-radius: 50px;

  padding-left: 40px;

  padding-right: 40px;

  font-size: 16px;

  line-height: 20px;

  position: absolute;

  bottom: 25px;

}



.button-bk-4:hover {

  color: #fff;

  background-color: #b5d102;

}



.news-blk-5 {

  min-height: 488px;

  background-color: #fff;

  border: 2px solid #fff;

  border-radius: 30px;

  flex-direction: column;

  align-items: center;

  margin-bottom: 60px;

  display: flex;

  position: relative;

  overflow: hidden;

  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);

}



.news-blk-5:hover {

  border: 2px solid #b5d102;

}



.button-bk-5 {

  color: #8cc63e;

  cursor: pointer;

  background-color: rgba(0, 0, 0, 0);

  border: 1px solid #b5d102;

  border-radius: 50px;

  padding-left: 40px;

  padding-right: 40px;

  font-size: 16px;

  line-height: 20px;

  position: absolute;

  bottom: 25px;

}



.button-bk-5:hover {

  color: #fff;

  background-color: #b5d102;

}



.only-tx {

  width: 100%;

  margin-top: 5px;

  margin-bottom: 5px;

  font-size: 16px;

  line-height: 24px;

  overflow: hidden;

}



.link-35 {

  color: #74b0da;

}



.paragraph-7 {

  max-width: 900px;

  margin-bottom: 40px;

}



.paragraph-7.news {

  text-align: left;

  margin-left: auto;

  margin-right: auto;

}



.back-bottom-2 {

  color: #8cc63e;

  cursor: pointer;

  background-color: rgba(0, 0, 0, 0);

  border: 1px solid #b5d102;

  border-radius: 50px;

  margin-bottom: 30px;

  padding-left: 40px;

  padding-right: 40px;

  font-size: 16px;

  line-height: 20px;

}



.back-bottom-2:hover {

  color: #fff;

  background-color: #b5d102;

}



.back-bottom-2.w--current {

  margin-bottom: 30px;

  position: static;

  top: 0%;

  bottom: auto;

  left: auto;

  right: 0%;

}



.g-heading-2 {

  width: 80%;

  color: #4ea4a5;

  text-align: left;

  margin-top: 0;

  margin-bottom: 40px;

  font-size: 32px;

  font-weight: 400;

}



.details-only-tx {

  max-width: 900px;

  margin-bottom: 40px;

}



.details-only-tx.news {

  text-align: left;

  margin-bottom: 15px;

  margin-left: auto;

  margin-right: auto;

}



.link-36 {

  color: #74b0da;

}



.paragraph-8 {

  max-width: 900px;

  margin-bottom: 40px;

}



.paragraph-8.news {

  text-align: left;

  margin-left: auto;

  margin-right: auto;

}



.back-bottom-3 {

  color: #8cc63e;

  cursor: pointer;

  background-color: rgba(0, 0, 0, 0);

  border: 1px solid #b5d102;

  border-radius: 50px;

  margin-bottom: 30px;

  padding-left: 40px;

  padding-right: 40px;

  font-size: 16px;

  line-height: 20px;

}



.back-bottom-3:hover {

  color: #fff;

  background-color: #b5d102;

}



.back-bottom-3.w--current {

  margin-bottom: 30px;

  position: static;

  top: 0%;

  bottom: auto;

  left: auto;

  right: 0%;

}



.g-heading-3 {

  width: 80%;

  color: #4ea4a5;

  text-align: left;

  margin-top: 0;

  margin-bottom: 40px;

  font-size: 32px;

  font-weight: 400;

}



.link-37 {

  color: #74b0da;

}



.paragraph-9 {

  max-width: 900px;

  margin-bottom: 40px;

}



.paragraph-9.news {

  text-align: left;

  margin-left: auto;

  margin-right: auto;

}



.back-bottom-4 {

  color: #8cc63e;

  cursor: pointer;

  background-color: rgba(0, 0, 0, 0);

  border: 1px solid #b5d102;

  border-radius: 50px;

  margin-bottom: 30px;

  padding-left: 40px;

  padding-right: 40px;

  font-size: 16px;

  line-height: 20px;

}



.back-bottom-4:hover {

  color: #fff;

  background-color: #b5d102;

}



.back-bottom-4.w--current {

  margin-bottom: 30px;

  position: static;

  top: 0%;

  bottom: auto;

  left: auto;

  right: 0%;

}



.g-heading-4 {

  width: 80%;

  color: #4ea4a5;

  text-align: left;

  margin-top: 0;

  margin-bottom: 40px;

  font-size: 32px;

  font-weight: 400;

}



.paragraph-10 {

  max-width: 900px;

  margin-bottom: 40px;

}



.paragraph-10.news {

  text-align: left;

  margin-left: auto;

  margin-right: auto;

}



.back-bottom-5 {

  color: #8cc63e;

  cursor: pointer;

  background-color: rgba(0, 0, 0, 0);

  border: 1px solid #b5d102;

  border-radius: 50px;

  margin-bottom: 30px;

  padding-left: 40px;

  padding-right: 40px;

  font-size: 16px;

  line-height: 20px;

}



.back-bottom-5:hover {

  color: #fff;

  background-color: #b5d102;

}



.back-bottom-5.w--current {

  margin-bottom: 30px;

  position: static;

  top: 0%;

  bottom: auto;

  left: auto;

  right: 0%;

}



.g-heading-5 {

  width: 80%;

  color: #4ea4a5;

  text-align: left;

  margin-top: 0;

  margin-bottom: 40px;

  font-size: 32px;

  font-weight: 400;

}



.pop_close_btn {

  width: 30px;

  height: 30px;

  cursor: pointer;

  background-image: url('../images/xmark-solid.svg');

  background-position: 50%;

  background-repeat: no-repeat;

  background-size: auto;

  position: absolute;

  top: 2%;

  bottom: auto;

  left: auto;

  right: 2%;

  overflow: visible;

}



.radio-button-field {

  align-items: center;

  padding-left: 20px;

  padding-right: 15px;

  display: flex;

}



.pop_form {

  z-index: 99;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, .5);

  flex-direction: column;

  justify-content: center;

  align-items: center;

  display: flex;

  position: fixed;

  top: 0%;

  bottom: 0%;

  left: 0%;

  right: 0%;

}



.pop_form_radio {

  flex-wrap: wrap;

  padding-bottom: 20px;

  padding-left: 20px;

  font-size: 14px;

  line-height: 20px;

  display: flex;

}



.pop_question {

  text-align: left;

  margin-bottom: 10px;

  font-size: 14px;

  font-weight: 500;

  line-height: 20px;

}



.text-field-2 {

  border-radius: 25px;

  margin-bottom: 20px;

  font-size: 14px;

  line-height: 20px;

}



.button-bk-2 {

  color: #fcfaf2;

  cursor: pointer;

  background-color: #b5d102;

  border: 1px solid #b5d102;

  border-radius: 50px;

  padding-left: 40px;

  padding-right: 40px;

  font-size: 14px;

  line-height: 20px;

  position: static;

  bottom: 25px;

}



.button-bk-2:hover {

  color: #b5d102;

  background-color: #fcfaf2;

}



.text-block-8-copy {

  color: #77b329;

  text-align: center;

  padding-bottom: 15px;

  font-size: 20px;

  font-weight: 700;

  line-height: 24px;

}



.radio-button-label {

  padding-left: 5px;

}



.text-block-9 {

  text-align: left;

  padding-bottom: 10px;

  font-size: 14px;

  line-height: 20px;

}



.pop_form_contents {

  z-index: 99;

  width: 90%;

  height: auto;

  max-height: 96%;

  max-width: 700px;

  background-color: #fcfaf2;

  border: 5px solid #b5d102;

  border-radius: 25px;

  flex-direction: column;

  margin: 2% 5%;

  padding-top: 30px;

  padding-bottom: 30px;

  display: flex;

  position: relative;

}



.pop-scroll {

  width: 96%;

  height: 100%;

  max-height: 90vh;

  margin-top: 15px;

  margin-left: 3%;

  margin-right: 3%;

  padding-left: 10px;

  padding-right: 10px;

  overflow: scroll;

}



.g-heading-6 {

  width: 80%;

  color: #4ea4a5;

  text-align: left;

  margin-top: 0;

  margin-bottom: 40px;

  font-size: 32px;

  font-weight: 400;

}



.doc_title {

  margin-top: 5px;

}



.file_icon {

  height: 40px;

}



.doc_item {

  width: 15%;

  color: #74b0da;

  flex-direction: column;

  justify-content: flex-start;

  align-items: center;

  margin-bottom: 30px;

  margin-right: 30px;

  display: flex;

}



.doc_block {

  flex-flow: wrap;

  justify-content: flex-start;

  align-items: flex-start;

  display: flex;

}



.paragraph-11, .download_block {

  margin-bottom: 30px;

}



html.w-mod-js [data-ix="b-t-top"] {

  opacity: .19;

  transform: translate(0, 40px);

}



html.w-mod-js [data-ix="b-t-top-1"], html.w-mod-js [data-ix="b-t-top-2"], html.w-mod-js [data-ix="b-t-top-3"] {

  opacity: .19;

  transform: translate(0, 100px);

}



html.w-mod-js [data-ix="l-to-r"] {

  opacity: .28;

  transform: translate(-100px);

}



html.w-mod-js [data-ix="tree-grow"] {

  transform: scale(.5);

}



html.w-mod-js [data-ix="op"], html.w-mod-js [data-ix="op-850"] {

  opacity: 0;

}



html.w-mod-js [data-ix="r-to-l"] {

  opacity: .21;

  transform: translate(150px);

}



@media screen and (max-width: 991px) {

  .body {

    font-size: 17px;

    line-height: 30px;

  }



  .slider {

    height: auto;

    align-items: flex-start;

    display: inline-block;

  }



  .btn1 {

    margin-top: 0;

    padding-top: 40px;

    padding-bottom: 20px;

    position: static;

    bottom: -21%;

    right: 56%;

  }



  .banner {

    padding-left: 0;

    padding-right: 0;

  }



  .btn2 {

    padding-top: 40px;

    padding-bottom: 20px;

    position: static;

    bottom: -23%;

    right: 31%;

  }



  .bt3 {

    margin-top: 0;

    padding-top: 40px;

    padding-bottom: 20px;

    position: static;

    bottom: -7%;

    right: 7%;

  }



  .hm-btn-blk {

    flex-direction: column;

    justify-content: center;

    align-items: center;

    margin-top: 0;

    position: static;

  }



  .back-to-top {

    bottom: 120px;

  }



  .logo-image.hide {

    display: none;

  }



  .org-logo-blk {

    width: 64%;

  }



  .navbar._2 {

    height: 106px;

  }



  .overflow-x {

    padding-top: 106px;

  }



  .deco-3 {

    bottom: 115px;

  }



  .deco-2 {

    bottom: 200px;

  }



  .deco-2._2 {

    top: -66px;

    right: -1%;

  }



  .footer {

    margin-top: 140px;

  }



  .hor-even {

    flex-direction: column;

    align-items: stretch;

  }



  .hm-abt-section {

    margin-top: 100px;

    padding-bottom: 100px;

  }



  .hm-heading {

    font-size: 30px;

    line-height: 35px;

  }



  .logo-blk {

    height: 98px;

    justify-content: space-between;

    padding: 10px 10px 5px;

  }



  .brand {

    height: 60px;

  }



  .brand-jcbecare {

    width: 181px;

  }



  .hm-deco-1 {

    width: 14%;

    top: 117px;

  }



  .banner-heading {

    display: none;

  }



  .u-are-img {

    display: none;

    position: static;

  }



  .menu-button {

    width: 8%;

    height: 55px;

  }



  .menu-button.w--open {

    height: 55px;

  }



  .hor-mid {

    align-items: flex-end;

  }



  .hor-mid.hm {

    margin-bottom: -240px;

  }



  .hm-abt-blk {

    width: 52%;

  }



  .sticker-heading {

    font-size: 28px;

    line-height: 28px;

  }



  .green-paragraph {

    color: var(--sea-green);

    line-height: 22px;

  }



  .u-are {

    color: #6a6a6a;

    margin-top: 0;

    font-size: 40px;

    font-weight: 400;

    line-height: 40px;

  }



  .u-are-blk {

    width: 100%;

    text-align: center;

    margin-top: 40px;

    margin-bottom: 20px;

  }



  .hm-btns {

    width: 80%;

    justify-content: space-around;

    margin-left: auto;

    margin-right: auto;

  }



  .paragraph.center {

    margin-bottom: 40px;

  }



  .nav-menu {

    background-size: auto 40%;

    padding-bottom: 100px;

  }



  .nav-cate {

    width: 100%;

    min-height: auto;

    margin-top: 15px;

  }



  .nav-link-2 {

    width: 100%;

    margin-bottom: 7px;

  }



  .deco-1 {

    width: 14%;

  }



  .banner-head {

    font-size: 30px;

  }



  .sea-greentext-24px.blue {

    margin-bottom: 20px;

  }



  .sea-greentext-24px.cter {

    font-size: 22px;

  }



  .ft-hor-even {

    flex-direction: row;

    align-items: center;

  }



  .hor-100w-cter-text, .hor-100w-cter-text.green {

    min-width: auto;

  }



  .hor-100w-cter-text.green-copy {

    min-width: auto;

    padding-left: 20px;

    padding-right: 20px;

  }



  .hor-100w-cter-text.green-fix-w {

    min-width: auto;

  }



  .list {

    padding-right: 20px;

  }



  .ref-text {

    font-size: 15px;

  }



  .dot-list {

    width: 80%;

    padding-left: 20px;

    padding-right: 20px;

  }



  .image-2 {

    width: auto;

    margin-top: 0;

    margin-bottom: 20px;

    margin-right: 0;

  }



  .image-2._03 {

    margin-top: 30px;

    margin-bottom: 40px;

  }



  .char-hor-blk {

    flex-direction: column;

    align-items: center;

    padding-top: 40px;

  }



  .div-block-2 {

    width: 80%;

    margin-right: 0;

  }



  .numb-list {

    padding-right: 20px;

  }



  .numb-list-item {

    line-height: 24px;

  }



  ._w-bg.abt {

    padding-left: 60px;

    padding-right: 60px;

  }



  .image-3, .image-5 {

    margin-right: 0%;

  }



  .image-6 {

    width: auto;

    min-width: auto;

    margin-left: 0%;

    margin-right: 0%;

  }



  ._5-button {

    width: 31%;

    height: 72px;

    justify-content: center;

    align-items: center;

    margin-left: 1%;

    margin-right: 1%;

    display: flex;

  }



  ._1a1-5-img {

    width: 100%;

  }



  ._6-button {

    width: 31%;

    height: 72px;

    justify-content: center;

    align-items: center;

    margin-left: 1%;

    margin-right: 1%;

    display: flex;

  }



  .list-41w {

    padding-right: 20px;

  }



  .s1a2-image {

    width: auto;

    max-width: 340px;

    min-width: auto;

    margin-bottom: 40px;

    margin-left: 0%;

    margin-right: 0%;

  }



  .hor-s1a2 {

    align-items: flex-end;

  }



  .list-61w {

    width: 80%;

    padding-right: 20px;

  }



  .list-80w {

    width: 90%;

    padding-right: 20px;

  }



  .s2a1-image {

    width: auto;

    max-width: 230px;

    min-width: auto;

    margin-left: 0;

    margin-right: 0;

  }



  .hor-s2a {

    align-items: flex-start;

    padding-bottom: 60px;

  }



  ._46w {

    width: 100%;

    padding-bottom: 40px;

  }



  .s2a2-image {

    max-width: 115px;

  }



  .hor-s2a2 {

    flex-wrap: wrap;

    align-items: flex-start;

    padding-bottom: 0;

  }



  .s2a2-img {

    width: 37%;

    max-width: 319px;

    min-width: auto;

    margin-left: 0;

    margin-right: 0;

  }



  .paragraph-24w {

    padding: 20px;

  }



  .s3a1-blk {

    padding-bottom: 60px;

  }



  .seagreen-2-column {

    text-align: left;

    column-count: 1;

    margin-bottom: 40px;

    line-height: 22px;

  }



  .hor-s3a2 {

    flex-direction: column;

  }



  .par-42w {

    width: 100%;

    margin-bottom: 40px;

  }



  .s3a2-image {

    width: 75%;

    margin-left: auto;

    margin-right: auto;

  }



  .numb-list-copy {

    padding-right: 20px;

  }



  .logon-w-bg {

    margin-top: 100px;

    margin-bottom: 100px;

  }



  .login-heading {

    font-size: 36px;

  }



  .form-block {

    width: 90%;

  }



  .submit-button {

    width: 70%;

  }



  .ct {

    background-position: 0 5px;

    margin-left: 0;

    margin-right: 0;

  }



  .text-block-2 {

    width: 250px;

  }



  .pj-team-blk {

    width: 100%;

  }



  .hor-even-copy {

    align-items: stretch;

  }



  .logo-pic {

    max-width: 180px;

    margin-bottom: 30px;

    margin-left: 15px;

    margin-right: 15px;

  }



  .logo-pic.thksfta, .logo-pic.tmhaohk {

    max-width: 235px;

  }



  .image-7.bs {

    padding: 20px;

  }



  .hor-100w-cter-text-fix-w {

    min-width: auto;

  }



  .paragraph-61w {

    width: 80%;

    margin-bottom: 40px;

  }



  .news-prev-text {

    overflow: hidden;

  }



  .news-head {

    font-size: 18px;

  }



  ._30w {

    width: 48%;

  }



  .ft-news-bold-text {

    line-height: 25px;

  }



  .news-blk {

    min-height: 481px;

    margin-bottom: 40px;

  }



  .news-image {

    width: 100%;

  }



  .banner-mask {

    margin-top: 106px;

  }



  .div-block-5 {

    margin-bottom: 200px;

  }



  .submit-button2 {

    width: 70%;

  }



  .news-blk-2 {

    min-height: 481px;

    margin-bottom: 40px;

  }



  ._30w-2 {

    width: 46%;

    margin-left: 2%;

    margin-right: 2%;

  }



  .news-head-2 {

    font-size: 18px;

  }



  .news-prev-text-2 {

    overflow: hidden;

  }



  .news-blk-3, .news-blk-4, .news-blk-5 {

    min-height: 481px;

    margin-bottom: 40px;

  }



  .only-tx {

    overflow: hidden;

  }



  .pop_form_contents {

    max-height: 90%;

    margin-top: 5%;

    margin-bottom: 5%;

  }

}



@media screen and (max-width: 767px) {

  .body {

    font-size: 16px;

    line-height: 30px;

  }



  .btn1, .btn2, .bt3 {

    width: 33%;

    position: static;

  }



  .hm-btn-blk {

    padding-left: 20px;

    padding-right: 20px;

  }



  .green-bar {

    z-index: 5;

    height: 5px;

  }



  .link {

    margin-left: 0;

  }



  .back-to-top {

    width: 40px;

    height: 40px;

    background-size: 20px;

    bottom: 100px;

  }



  .logo-image.hide {

    display: none;

  }



  .org-logo-blk {

    width: 66%;

  }



  .navbar._2 {

    height: 80px;

  }



  ._1280 {

    padding-left: 40px;

    padding-right: 40px;

  }



  .overflow-x {

    padding-top: 80px;

  }



  .blue-bar {

    height: 5px;

  }



  .deco-3 {

    bottom: 200px;

  }



  .deco-2 {

    z-index: 0;

    bottom: 145px;

  }



  .deco-2._2 {

    width: 13%;

    top: -32px;

  }



  .foot-bg {

    z-index: 5;

    padding-top: 20px;

    padding-bottom: 20px;

    font-size: 12px;

  }



  .footer {

    margin-top: 100px;

  }



  .hor-even {

    text-align: center;

    flex-direction: column;

    align-items: center;

  }



  .hm-abt-section {

    margin-top: 80px;

    padding-bottom: 5%;

  }



  .hm-heading {

    font-size: 23px;

    line-height: 23px;

  }



  .logo-blk {

    height: 75px;

    padding-top: 0;

    padding-bottom: 0;

  }



  .brand {

    height: 55px;

    margin-left: 20px;

  }



  .brand-jcbecare {

    width: 178px;

  }



  .hm-deco-1 {

    top: 79px;

  }



  .menu-button {

    height: 50px;

    min-width: 50px;

  }



  .menu-button.w--open {

    height: 50px;

  }



  .lang-text-block {

    font-size: 15px;

  }



  .hm-tree {

    width: 25%;

    margin-left: -33px;

    position: absolute;

    bottom: -140px;

    left: 0;

  }



  .hor-mid {

    flex-direction: column-reverse;

    align-items: center;

    padding-bottom: 20px;

  }



  .hor-mid.hm {

    margin-bottom: 0;

  }



  .hm-abt-blk {

    width: 100%;

    margin-left: auto;

    margin-right: auto;

  }



  .sticker-heading {

    padding: 15px 40px 15px 30px;

    font-size: 20px;

    line-height: 20px;

  }



  .sticker-head-blk {

    padding-left: 30px;

  }



  .u-are {

    font-size: 30px;

    line-height: 25px;

  }



  .hm-btns {

    width: 100%;

  }



  .ft-cter-link-blk {

    width: 200px;

    text-align: center;

    flex-direction: column;

    justify-content: center;

    align-items: center;

  }



  .paragraph {

    margin-bottom: 40px;

  }



  .paragraph.center {

    margin-bottom: 30px;

  }



  .paragraph.hm {

    width: 75%;

    margin-bottom: 15px;

  }



  .nav-menu {

    background-size: auto 60%;

    padding-bottom: 60px;

  }



  .nav-link {

    padding-top: 15px;

    padding-bottom: 15px;

    font-size: 18px;

    line-height: 20px;

  }



  .menu-icon {

    max-width: 50px;

  }



  .nav-link-2 {

    font-size: 16px;

  }



  .deco-1 {

    top: 137px;

  }



  .banner-s1 {

    height: 200px;

  }



  .banner-head {

    letter-spacing: 3px;

    margin-top: 80px;

    font-size: 24px;

  }



  .button {

    width: 30%;

    justify-content: center;

    align-items: center;

    margin-left: 1%;

    margin-right: 1%;

    padding-left: 0;

    padding-right: 0;

    display: flex;

  }



  .g-heading {

    width: 100%;

    text-align: left;

    font-size: 28px;

  }



  .sea-greentext-24px {

    margin-bottom: 20px;

    font-size: 22px;

  }



  .sea-greentext-24px.blue {

    font-size: 20px;

  }



  .sea-greentext-24px.cter {

    margin-top: 40px;

    margin-bottom: 20px;

    font-size: 20px;

  }



  ._60w {

    width: 100%;

  }



  .ft-hor-even {

    text-align: center;

    flex-direction: column;

    justify-content: space-between;

    align-items: center;

  }



  .table {

    width: 100%;

    margin-bottom: 60px;

    overflow: auto;

  }



  .hor-100w-cter-text {

    flex-wrap: wrap;

    padding-top: 40px;

    padding-bottom: 40px;

  }



  .hor-100w-cter-text.green {

    padding-top: 0;

    padding-bottom: 0;

  }



  .hor-100w-cter-text.green-copy {

    line-height: 24px;

  }



  .hor-100w-cter-text.green-fix-w {

    min-width: 688px;

    flex-wrap: nowrap;

    padding-top: 0;

    padding-bottom: 0;

  }



  .tb-text-blk {

    font-size: 18px;

  }



  .ref-text {

    margin-bottom: 60px;

    font-size: 15px;

    line-height: 18px;

  }



  .green-head-24px {

    font-size: 24px;

  }



  .dot-list {

    width: 100%;

    line-height: 22px;

  }



  .image-2 {

    max-width: 200px;

  }



  .char-hor-blk {

    flex-direction: column;

    align-items: center;

  }



  .div-block-2 {

    width: 100%;

  }



  .numb-list {

    line-height: 20px;

  }



  .numb-list-item {

    margin-bottom: 20px;

    padding-left: 0;

  }



  .sticker-blk {

    border-radius: 30px;

    padding-top: 70px;

  }



  ._w-bg {

    padding: 60px 60px 40px;

  }



  ._w-bg.abt {

    padding-bottom: 50px;

  }



  .heading {

    margin-top: 15px;

    font-size: 28px;

  }



  .image-3, .image-5 {

    max-width: 180px;

    margin-bottom: 20px;

  }



  .image-6 {

    margin-bottom: 20px;

  }



  ._5-btn-blk {

    text-align: center;

    justify-content: space-between;

    margin-bottom: 60px;

  }



  ._5-button {

    width: 48%;

    height: 62px;

    min-height: auto;

    margin-bottom: 20px;

    margin-left: 0%;

    margin-right: 0%;

  }



  .lightbox-link {

    margin-top: 40px;

  }



  ._6-btn-blk {

    text-align: center;

    justify-content: space-between;

    margin-bottom: 60px;

  }



  ._6-button {

    width: 48%;

    height: 62px;

    min-height: auto;

    margin-bottom: 20px;

    margin-left: 0%;

    margin-right: 0%;

  }



  .tb-head {

    font-size: 18px;

  }



  .list-41w {

    width: 80%;

    padding-top: 0;

    padding-bottom: 0;

  }



  .s1a2-image {

    margin-bottom: 20px;

  }



  .hor-s1a2 {

    flex-direction: column-reverse;

    align-items: center;

    padding-bottom: 20px;

  }



  .social-res-blk {

    padding-top: 100px;

  }



  .banner-s1n2-b {

    height: 200px;

  }



  .res-blk {

    padding-bottom: 0;

  }



  .banner-news, .banner-s1n2-c {

    height: 200px;

  }



  .s2a1-image {

    max-width: 200px;

    margin-bottom: 20px;

  }



  .banner-s2 {

    height: 200px;

  }



  .hor-s2a {

    flex-direction: column-reverse;

    align-items: center;

    padding-bottom: 20px;

  }



  .hor-s2a2 {

    flex-direction: column;

    align-items: center;

    padding-bottom: 20px;

  }



  .s2a2-img {

    width: 70%;

    max-width: 340px;

  }



  .tb-head-green {

    font-size: 18px;

  }



  .seagreen-2-column {

    text-align: left;

  }



  .par-42w {

    margin-bottom: 20px;

  }



  ._3-btn-blk {

    text-align: center;

    justify-content: space-between;

    margin-bottom: 60px;

  }



  .s3a2-image {

    width: 100%;

  }



  .banner-s3 {

    height: 200px;

  }



  .numb-list-copy {

    line-height: 20px;

  }



  .logon-w-bg {

    flex-wrap: wrap;

    margin-top: 60px;

    margin-bottom: 60px;

    padding-left: 40px;

    padding-right: 40px;

  }



  ._48w {

    width: 100%;

  }



  .login-heading {

    text-align: center;

    font-size: 30px;

  }



  .text-field {

    padding: 20px;

  }



  .field-label {

    margin-right: 15px;

  }



  .login-fill-blk {

    padding-bottom: 30px;

  }



  .s4-blk {

    margin-bottom: 60px;

  }



  ._35w {

    width: 55%;

  }



  .ct {

    margin-bottom: 10px;

    margin-left: 0;

    margin-right: 0;

  }



  .text-block-2 {

    width: 240px;

    margin-right: 0;

    font-size: 18px;

  }



  .pj-team-blk {

    margin-bottom: 40px;

  }



  .hor-even-copy {

    text-align: center;

    flex-direction: column;

    align-items: center;

  }



  .logo-pic {

    max-width: 140px;

    margin-bottom: 20px;

    margin-left: 5px;

    margin-right: 5px;

  }



  .banner-abt {

    height: 200px;

  }



  .hor-100w-cter-text-fix-w {

    min-width: 688px;

  }



  .paragraph-61w {

    margin-bottom: 40px;

  }



  .news-prev-text {

    height: 45px;

  }



  .news-pic-blk {

    border-radius: 0 0 20px 20px;

  }



  .news-head {

    font-size: 18px;

  }



  ._30w {

    width: 48%;

  }



  .button-bk {

    padding-top: 6px;

    padding-bottom: 6px;

  }



  .news-blk {

    min-height: 502px;

    border-width: 2px;

    border-radius: 20px;

  }



  .news-pic {

    padding-bottom: 75%;

  }



  .hor-news-blk {

    text-align: center;

  }



  .news-image {

    margin-top: 40px;

  }



  .banner-mask {

    height: 201px;

    margin-top: 79.5px;

  }



  .div-block-5 {

    margin-bottom: 80px;

  }



  .div-block-6 {

    left: auto;

    right: 5%;

  }



  .div-block-6-copy {

    left: auto;

    right: 5px;

  }



  .block_layer {

    height: 240px;

  }



  .social {

    margin-top: 5px;

    margin-bottom: 5px;

  }



  .des_head {

    flex-direction: column;

  }



  .back-btn, .back-btn2 {

    padding-top: 6px;

    padding-bottom: 6px;

  }



  .back-bottom {

    order: -1;

    margin-bottom: 15px;

    padding-top: 6px;

    padding-bottom: 6px;

  }



  .back-bottom.w--current {

    order: -1;

    margin-bottom: 15px;

  }



  .nav-link-copy {

    padding-top: 15px;

    padding-bottom: 15px;

    font-size: 18px;

    line-height: 20px;

  }



  .news-blk-2 {

    min-height: 502px;

    border-width: 2px;

    border-radius: 20px;

  }



  .news-head-2 {

    font-size: 18px;

  }



  .button-bk-2 {

    padding-top: 6px;

    padding-bottom: 6px;

  }



  .news-prev-text-2 {

    height: 45px;

  }



  .news-blk-3 {

    min-height: 502px;

    border-width: 2px;

    border-radius: 20px;

  }



  .button-bk-3 {

    padding-top: 6px;

    padding-bottom: 6px;

  }



  .news-blk-4 {

    min-height: 502px;

    border-width: 2px;

    border-radius: 20px;

  }



  .button-bk-4 {

    padding-top: 6px;

    padding-bottom: 6px;

  }



  .news-blk-5 {

    min-height: 502px;

    border-width: 2px;

    border-radius: 20px;

  }



  .button-bk-5 {

    padding-top: 6px;

    padding-bottom: 6px;

  }



  .only-tx {

    height: 45px;

  }



  .paragraph-7 {

    margin-bottom: 40px;

  }



  .back-bottom-2 {

    order: -1;

    margin-bottom: 15px;

    padding-top: 6px;

    padding-bottom: 6px;

  }



  .back-bottom-2.w--current {

    order: -1;

    margin-bottom: 15px;

  }



  .g-heading-2 {

    width: 100%;

    text-align: left;

    font-size: 28px;

  }



  .details-only-tx, .paragraph-8 {

    margin-bottom: 40px;

  }



  .back-bottom-3 {

    order: -1;

    margin-bottom: 15px;

    padding-top: 6px;

    padding-bottom: 6px;

  }



  .back-bottom-3.w--current {

    order: -1;

    margin-bottom: 15px;

  }



  .g-heading-3 {

    width: 100%;

    text-align: left;

    font-size: 28px;

  }



  .paragraph-9 {

    margin-bottom: 40px;

  }



  .back-bottom-4 {

    order: -1;

    margin-bottom: 15px;

    padding-top: 6px;

    padding-bottom: 6px;

  }



  .back-bottom-4.w--current {

    order: -1;

    margin-bottom: 15px;

  }



  .g-heading-4 {

    width: 100%;

    text-align: left;

    font-size: 28px;

  }



  .paragraph-10 {

    margin-bottom: 40px;

  }



  .back-bottom-5 {

    order: -1;

    margin-bottom: 15px;

    padding-top: 6px;

    padding-bottom: 6px;

  }



  .back-bottom-5.w--current {

    order: -1;

    margin-bottom: 15px;

  }



  .g-heading-5 {

    width: 100%;

    text-align: left;

    font-size: 28px;

  }



  .button-bk-2 {

    padding-top: 6px;

    padding-bottom: 6px;

  }



  .pop_form_contents {

    padding-top: 30px;

    padding-bottom: 30px;

  }



  .g-heading-6 {

    width: 100%;

    text-align: left;

    font-size: 28px;

  }

}



@media screen and (max-width: 479px) {

  .body {

    text-align: justify;

  }



  .btn1, .btn2, .bt3 {

    width: 250px;

    height: 250px;

  }



  .org-logo-blk {

    width: 65%;

  }



  ._1280 {

    padding-left: 10px;

    padding-right: 10px;

  }



  .overflow-x {

    padding-top: 80px;

  }



  .deco-3 {

    bottom: 290px;

  }



  .deco-2 {

    bottom: 160px;

  }



  .foot-bg {

    padding-bottom: 110px;

  }



  .footer {

    margin-top: 60px;

  }



  .brand {

    margin-left: 10px;

  }



  .brand-jcbecare {

    width: 250px;

  }



  .menu-button, .menu-button.w--open {

    height: 45px;

    min-width: 45px;

  }



  .lang-text-block {

    font-size: 15px;

  }



  .hm-tree {

    margin-left: 0;

    bottom: -84px;

  }



  .hm-btns {

    flex-direction: column;

    align-items: center;

  }



  .paragraph.hm {

    width: 85%;

  }



  .nav-menu {

    background-size: auto 25%;

    padding-bottom: 100px;

    overflow: auto;

  }



  .nav-link {

    flex: none;

    margin-left: 0;

    margin-right: 0;

    padding: 10px 15px;

    font-size: 17px;

  }



  .nav-cate {

    margin-top: 20px;

  }



  .menu-icon {

    max-width: 40px;

  }



  .div-block {

    padding-top: 10px;

  }



  .deco-1 {

    top: 100px;

  }



  .banner-s1 {

    height: 160px;

  }



  .banner-head {

    text-align: left;

    letter-spacing: 0;

    margin-top: 60px;

    font-size: 25px;

    line-height: 30px;

  }



  .hor-cter {

    flex-wrap: wrap;

  }



  .button {

    width: 80%;

    margin-bottom: 15px;

    padding-top: 15px;

    padding-bottom: 15px;

  }



  .g-heading {

    font-size: 25px;

    line-height: 30px;

  }



  .sea-greentext-24px.blue, .sea-greentext-24px.cter {

    font-size: 18px;

  }



  .table {

    width: 100%;

    white-space: normal;

    overflow: auto;

  }



  .hor-100w-cter-text.green-copy {

    width: auto;

  }



  .list {

    padding-left: 30px;

    padding-right: 10px;

  }



  .ref-text {

    font-size: 14px;

  }



  .dot-list {

    align-self: center;

    padding-left: 20px;

    padding-right: 10px;

  }



  .image-2._03 {

    margin-top: 20px;

  }



  .numb-list {

    align-self: center;

    padding-left: 30px;

    padding-right: 10px;

  }



  ._w-bg {

    padding: 40px 40px 20px;

  }



  ._w-bg.abt {

    padding-top: 60px;

    padding-bottom: 40px;

    padding-left: 50px;

  }



  .heading {

    font-size: 25px;

    line-height: 30px;

  }



  ._5-button, ._6-button {

    width: 100%;

    height: auto;

    margin-bottom: 10px;

  }



  .list-41w {

    padding-left: 30px;

    padding-right: 10px;

  }



  .list-61w {

    width: 95%;

    padding-left: 30px;

    padding-right: 10px;

  }



  .list-80w {

    width: 100%;

    padding-left: 30px;

    padding-right: 10px;

  }



  .hor-cter-copy {

    flex-wrap: wrap;

  }



  .social-res-blk {

    outline-style: none;

  }



  .banner-s1n2-b {

    height: 160px;

  }



  .res-blk {

    padding-top: 60px;

    padding-bottom: 40px;

  }



  .banner-news, .banner-s1n2-c, .banner-s2 {

    height: 160px;

  }



  ._46w {

    flex-direction: column;

  }



  .s2a2-image {

    width: 33%;

    margin-bottom: 10px;

    margin-right: 0;

  }



  .s2a2-img {

    width: 80%;

  }



  .s3a1-blk {

    padding-bottom: 40px;

  }



  .banner-s3 {

    height: 160px;

  }



  .numb-list-copy {

    align-self: center;

    padding-left: 30px;

    padding-right: 10px;

  }



  .logon-w-bg {

    padding: 40px 20px;

  }



  .login-heading {

    font-size: 28px;

  }



  ._35w {

    width: 100%;

  }



  .text-block-2 {

    margin-right: 20px;

  }



  .pj-team-blk {

    flex-direction: column;

  }



  .logo-pic {

    max-width: 150px;

    margin-bottom: 5px;

  }



  .logo-pic.thksfta {

    max-width: 200px;

  }



  .logo-pic.tmhaohk {

    max-width: 170px;

  }



  .logo-pic.twgoh {

    max-width: 180px;

  }



  .image-7.hkfws {

    padding: 10px;

  }



  .image-7.stjs {

    padding: 15px;

  }



  .banner-abt {

    height: 160px;

  }



  .hor-100w-cter-text-fix-w {

    width: 427px;

  }



  .paragraph-61w {

    width: 90%;

  }



  ._30w {

    width: 100%;

  }



  .news-blk {

    min-height: auto;

  }



  .news-image {

    width: 100%;

  }



  .text-block-3 {

    width: 170px;

    text-align: left;

    margin-bottom: 15px;

    margin-right: 15px;

  }



  .banner-mask {

    height: 161px;

  }



  .div-block-5 {

    margin-left: 10px;

    margin-right: 10px;

  }



  .div-block-6 {

    width: 100%;

    padding-left: 5%;

    padding-right: 5%;

  }



  .text-block-5 {

    font-size: 30px;

  }



  .div-block-6-copy {

    width: 90%;

    margin-left: 5%;

    margin-right: 5%;

  }



  .image-8 {

    width: 100%;

    max-width: 120px;

  }



  .image-9 {

    width: 100%;

    max-width: 70px;

  }



  .side_menu {

    background-color: var(--cadet-blue);

    flex-direction: row;

    justify-content: space-between;

    align-items: flex-start;

    top: auto;

    bottom: 0%;

    left: 0%;

    right: 0%;

  }



  .side_menu_item {

    border-right: 1px solid #fff;

    margin-bottom: 0;

    padding: 5px;

  }



  .side_menu_item.side_menu_last {

    border-right-style: none;

  }



  .cricle_div {

    width: 50px;

    height: 50px;

    box-shadow: none;

  }



  .text-block-6 {

    min-height: 37px;

    background-color: var(--cadet-blue);

    box-shadow: none;

    color: #fff;

    margin-top: 0;

    padding-bottom: 0;

    padding-left: 0;

    padding-right: 0;

    font-size: 12px;

  }



  .link-block {

    width: 25%;

    margin-bottom: 0;

  }
  
  .link-block-3 {

    width: 16%;
    
    margin-bottom: 0;
  }



  .side_menu2 {

    background-color: var(--cadet-blue);

    flex-direction: row;

    justify-content: space-between;

    align-items: flex-start;

    top: auto;

    bottom: 0%;

    left: 0%;

    right: 0%;

  }



  .nav-link-copy {

    width: auto;

    flex: none;

    margin-left: 0;

    margin-right: 0;

    padding: 10px 15px;

    font-size: 17px;

  }



  .news-blk-2 {

    min-height: auto;

  }



  ._30w-2 {

    width: 100%;

  }



  .news-blk-3, .news-blk-4, .news-blk-5 {

    min-height: auto;

  }



  .g-heading-2, .g-heading-3, .g-heading-4, .g-heading-5 {

    font-size: 25px;

    line-height: 30px;

  }



  .pop_close_btn {

    width: 25px;

    height: 25px;

    top: 1%;

    right: 3%;

  }



  .pop_form_radio {

    flex-direction: row;

    padding-bottom: 10px;

  }



  .pop_question {

    margin-bottom: 5px;

    font-size: 14px;

    line-height: 18px;

  }



  .button-bk-2 {

    margin-top: 10px;

  }



  .text-block-8-copy {

    padding-top: 5px;

    padding-bottom: 15px;

    font-size: 22px;

  }



  .radio-button-label {

    font-size: 12px;

    line-height: 16px;

  }



  .text-block-9 {

    font-size: 14px;

    line-height: 18px;

  }



  .pop_form_contents {

    width: 96%;

    margin-left: 2%;

    margin-right: 2%;

    padding-left: 3%;

    padding-right: 3%;

  }



  .bold-text-7 {

    font-size: 18px;

    line-height: 22px;

  }



  .g-heading-6 {

    font-size: 25px;

    line-height: 30px;

  }

}





@font-face {

  font-family: 'Kosugimaru';

  src: url('../fonts/KosugiMaru-Regular.ttf') format('truetype');

  font-weight: 400;

  font-style: normal;

  font-display: swap;

}

@font-face {

  font-family: 'Mplusrounded 1 C';

  src: url('../fonts/MPLUSRounded1c-Regular.ttf') format('truetype');

  font-weight: 400;

  font-style: normal;

  font-display: swap;

}

@font-face {

  font-family: 'Mplusrounded 1 C';

  src: url('../fonts/MPLUSRounded1c-Bold.ttf') format('truetype');

  font-weight: 700;

  font-style: normal;

  font-display: swap;

}