@charset "UTF-8";
/**
 * Default Variables.
 *
 * Modify this file to provide default Bootstrap Framework variables. The
 * Bootstrap Framework will not override any variables defined here because it
 * uses the `!default` flag which will only set their default if not already
 * defined here.
 *
 * You can copy existing variables directly from the following file:
 * ./THEMENAME/bootstrap/assets/stylesheets/bootstrap/_variables.scss
 */
/* Font Size */
/* Font  Family */
/* Line Height */
/* Color */
/* Mixim */
/* Keyframe */
@keyframes primary-menu-icon-hover {
  from {
    margin: 0 auto 0.5em; }
  to {
    margin: 0 auto 0.8em; } }

@keyframes btn-supportus-hover {
  0% {
    right: 10.8rem; }
  10% {
    right: 10.6rem; }
  20% {
    right: 10.4rem; }
  35% {
    right: 10.6rem; }
  45% {
    right: 10.8rem; }
  55% {
    right: 11rem; }
  65% {
    right: 11.2rem; }
  75% {
    right: 11.4rem; }
  85% {
    right: 11.6rem; }
  95% {
    right: 11.4rem; }
  100% {
    right: 11.2rem; } }

@keyframes annual-reports-listing-hover {
  from {
    opacity: 0;
    top: 100%; }
  to {
    opacity: 1;
    top: 0; } }

/****************************************
Start Document
****************************************/
body {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-family: OpenSans, Microsoft JhengHei, Arial, Helvetica Neue, Helvetica, sans-serif;
  line-height: 1.8em;
  color: #2c2a1d; }
  @media (min-width: 992px) {
    body {
      font-size: 18px; } }

h1 {
  font-size: 2.5em;
  line-height: 140%; }

h2 {
  font-size: 2em;
  line-height: 140%; }

h3 {
  font-size: 1.6em;
  line-height: 140%; }

h4 {
  font-size: 1.4em;
  line-height: 140%; }

h5 {
  font-size: 1.2em; }

h6 {
  font-size: 1em; }

p {
  line-height: inherit; }

a {
  color: #e6b222;
  text-decoration: none;
  display: inline-block;
  border-bottom: 1px #e6b222 dotted; }
  a:hover, a:focus {
    color: #926941;
    border-bottom: 1px #926941 dotted; }

table {
  width: 100%;
  margin: 0;
  font-size: inherit; }
  table th {
    background-color: #f8ee53; }

sup a {
  border-style: none; }
  sup a:hover, sup a:focus {
    border-style: none; }

/****************************************
Header
****************************************/
.header-inner {
  max-width: inherit;
  width: 100%;
  padding: 0;
  align-items: inherit;
  display: flex; }
  @media (min-width: 1200px) {
    .header-inner {
      width: 1200px; } }
  .header-inner .toggle {
    width: 25px;
    height: 17px;
    padding: 0.3em;
    right: 2.5em;
    top: 1.4em;
    bottom: inherit;
    background: transparent url("../images/toggle-button-bar.gif") no-repeat; }
    @media (min-width: 768px) {
      .header-inner .toggle {
        right: 3.5em; } }
    @media (min-width: 992px) {
      .header-inner .toggle {
        display: none; } }
    .header-inner .toggle .toggle-icon, .header-inner .toggle .toggle-text {
      display: none; }

.header-titles-wrapper {
  width: 140px;
  margin-right: 0;
  padding: 0; }
  @media (min-width: 768px) {
    .header-titles-wrapper {
      width: 150px; } }
  @media (min-width: 992px) {
    .header-titles-wrapper {
      width: 180px; } }
  @media (min-width: 1200px) {
    .header-titles-wrapper {
      width: auto; } }

.header-titles {
  margin: 0; }
  .header-titles .site-logo {
    margin: 1em 0 0;
    padding: 0 0 0 1em;
    font-size: inherit; }
    @media (min-width: 992px) {
      .header-titles .site-logo {
        margin: 2em 0 0; } }
    @media (min-width: 1440px) {
      .header-titles .site-logo {
        padding: 0; } }
    .header-titles .site-logo img {
      max-height: inherit; }
    .header-titles .site-logo a {
      border-style: none; }

.header-footer-group {
  color: inherit; }

/* Navigation */
.header-navigation-wrapper {
  align-items: inherit;
  flex-direction: column;
  align-self: flex-start;
  flex-grow: 1;
  display: flex; }
  @media (min-width: 992px) {
    .header-navigation-wrapper {
      align-self: flex-end; } }

.header-supplementary-menu {
  width: 106px;
  height: 63px;
  padding: 0.8em 0 0 7.2em;
  align-self: flex-end;
  display: flex;
  background-color: transparent;
  background-image: url("../images/bg-top-nav-phone.png");
  background-repeat: no-repeat; }
  @media (min-width: 768px) {
    .header-supplementary-menu {
      width: 375px;
      height: 91px;
      background-image: url("../images/bg-top-nav-tablet.png"); } }
  @media (min-width: 992px) {
    .header-supplementary-menu {
      width: 346px;
      height: 75px;
      background-image: url("../images/bg-top-nav-desktop.png"); } }
  .header-supplementary-menu a {
    border-style: none;
    line-height: 140%;
    color: #2c2a1d; }
    .header-supplementary-menu a:hover, .header-supplementary-menu a:focus {
      color: #60886a; }
  .header-supplementary-menu .btn_facebook {
    font-size: 1.2em;
    display: none; }
    @media (min-width: 768px) {
      .header-supplementary-menu .btn_facebook {
        display: inline-block; } }

ul.btn-lang {
  max-height: 2em;
  margin: 0 0 0 1.6em;
  padding: 0.1em 0 0 1em;
  list-style-type: none;
  border-left: 1px #2c2a1d solid;
  display: none; }
  @media (min-width: 768px) {
    ul.btn-lang {
      display: inline-block; } }
  ul.btn-lang li {
    margin: 0 0.4em;
    display: inline-block; }
    ul.btn-lang li a {
      font-weight: bold; }
    ul.btn-lang li.current-lang a:after {
      content: "";
      width: 100%;
      height: 0.2em;
      background-color: #2c2a1d;
      display: block; }
    ul.btn-lang li.current-lang a:hover:after, ul.btn-lang li.current-lang a:focus:after {
      background-color: #60886a; }

.primary-menu-wrapper {
  display: none; }
  @media (min-width: 992px) {
    .primary-menu-wrapper {
      display: block; } }

ul.primary-menu {
  height: 5.5em;
  margin: 0;
  align-items: flex-end; }
  @media (min-width: 1200px) {
    ul.primary-menu {
      height: 7.2em; } }
  ul.primary-menu li {
    margin: 0 1em; }
    @media (min-width: 1024px) {
      ul.primary-menu li {
        margin: 0 1.2em; } }
    @media (min-width: 1440px) {
      ul.primary-menu li {
        margin: 0 1.5em; } }
    ul.primary-menu li a {
      color: #2c2a1d;
      border-bottom: none;
      text-align: center;
      font-size: 0.8em; }
      @media (min-width: 1200px) {
        ul.primary-menu li a {
          font-size: inherit; } }
      ul.primary-menu li a:before {
        content: "";
        margin: 0 auto 0.5em;
        background-color: transparent;
        background-repeat: no-repeat;
        display: block; }
      ul.primary-menu li a:hover, ul.primary-menu li a:focus {
        text-decoration: none; }
        ul.primary-menu li a:hover:before, ul.primary-menu li a:focus:before {
          margin: 0 auto 0.8em;
          -webkit-animation: primary-menu-icon-hover 0.2s;
          -moz-animation: primary-menu-icon-hover 0.2s;
          animation: primary-menu-icon-hover 0.2s; }
    ul.primary-menu li.current-menu-item a {
      text-decoration: none; }
    ul.primary-menu li.menu-item-has-children > a {
      padding-right: 0; }
    ul.primary-menu li.menu-item-17 a:before, ul.primary-menu li.menu-item-50 a:before {
      width: 54px;
      height: 50px;
      background-image: url("../images/menu-icon1.gif"); }
    ul.primary-menu li.menu-item-55 a:before, ul.primary-menu li.menu-item-626 a:before {
      width: 54px;
      height: 63px;
      background-image: url("../images/menu-icon2.gif"); }
    ul.primary-menu li.menu-item-315 a:before, ul.primary-menu li.menu-item-314 a:before {
      width: 91px;
      height: 53px;
      background-image: url("../images/menu-icon3.gif"); }
    ul.primary-menu li.menu-item-303 a:before, ul.primary-menu li.menu-item-308 a:before {
      width: 64px;
      height: 54px;
      background-image: url("../images/menu-icon4.gif"); }
    ul.primary-menu li.menu-item-63 a:before, ul.primary-menu li.menu-item-142 a:before {
      width: 52px;
      height: 63px;
      background-image: url("../images/menu-icon5.gif"); }
    ul.primary-menu li.menu-item-714 a:before, ul.primary-menu li.menu-item-716 a:before {
      width: 91px;
      height: 63px;
      background-image: url("../images/menu-icon6.gif"); }
    ul.primary-menu li.menu-item-19 a:before, ul.primary-menu li.menu-item-146 a:before {
      width: 53px;
      height: 51px;
      background-image: url("../images/menu-icon7.gif"); }
    ul.primary-menu li .icon {
      display: none; }
    ul.primary-menu li ul li {
      margin: 0;
      padding: 0 0.5em; }
      ul.primary-menu li ul li a {
        border-bottom: 1px #2c2a1d dotted;
        font-size: 0.95em; }
        ul.primary-menu li ul li a:before {
          display: none; }
        ul.primary-menu li ul li a:hover, ul.primary-menu li ul li a:focus {
          background-color: white; }
      ul.primary-menu li ul li:last-child a {
        border-bottom: none; }

.primary-menu .current_page_ancestor {
  text-decoration: none; }

body:not(.overlay-header) .primary-menu ul {
  background-color: #f3f4c2;
  box-shadow: 3px 3px 10px #98afb3; }

body:not(.overlay-header) .primary-menu > li > ul:after {
  border-bottom-color: #f3f4c2; }

body:not(.overlay-header) .primary-menu > li > a {
  color: inherit; }

.menu-modal {
  background: transparent;
  background-color: rgba(96, 136, 106, 0.95); }
  .menu-modal .menu-modal-inner {
    background: transparent; }
    .menu-modal .menu-modal-inner .section-inner {
      width: 95%; }
      .menu-modal .menu-modal-inner .section-inner.menu-wrapper {
        justify-content: inherit; }
  .menu-modal .toggle {
    color: white; }

.modal-menu a {
  color: white;
  border-style: none; }
  .modal-menu a:hover, .modal-menu a:focus {
    text-decoration: none; }

.modal-menu ul li {
  border-style: dotted; }
  .modal-menu ul li a {
    color: white; }

.menu-bottom {
  justify-content: inherit;
  display: flex; }
  @media (min-width: 768px) {
    .menu-bottom {
      display: none; } }
  .menu-bottom a {
    width: 2.5em;
    height: 2.5em;
    padding: 0.3em 0 0;
    text-align: center;
    background-color: white;
    display: inline-block;
    color: #60886a;
    border-radius: 50%; }
  .menu-bottom ul.btn-lang {
    max-height: inherit;
    padding: 0 0 0 1.125em;
    border-left: 1px white solid;
    display: block; }
    .menu-bottom ul.btn-lang li a {
      padding: 0.5em 0 0; }
    .menu-bottom ul.btn-lang li.current-lang a:after {
      display: none; }

button.close-nav-toggle {
  padding: 1.2em 0;
  font-size: 1em; }
  button.close-nav-toggle svg {
    width: 1rem;
    height: 1rem;
    color: white; }

/****************************************
Frontpage
****************************************/
.home {
  /* About */
  /* Projects */ }
  .home.singular .entry-header {
    display: none; }
  .home .entry-content {
    width: auto;
    margin-top: 1em;
    margin-left: inherit;
    margin-right: inherit; }
    @media (min-width: 768px) {
      .home .entry-content {
        margin-top: 2em; } }
    @media (min-width: 992px) {
      .home .entry-content {
        margin-top: 4em; } }
    .home .entry-content .wp-block-group:nth-child(4) {
      padding: 0 0 5em;
      background: transparent url("../images/graphic-front-aboutus-phone.jpg") no-repeat right bottom; }
      @media (min-width: 768px) {
        .home .entry-content .wp-block-group:nth-child(4) {
          padding: 0 0 2em;
          background: transparent url("../images/graphic-front-aboutus-tablet.jpg") no-repeat right bottom; } }
      @media (min-width: 992px) {
        .home .entry-content .wp-block-group:nth-child(4) {
          background: transparent url("../images/graphic-front-aboutus-desktop.jpg") no-repeat right bottom; } }
    .home .entry-content > .alignfull {
      height: 453px;
      margin-top: 0;
      margin-bottom: 0;
      background-color: transparent;
      background-image: url("../images/theme-graphic-phone");
      background-repeat: no-repeat;
      background-position: center top; }
      @media (min-width: 768px) {
        .home .entry-content > .alignfull {
          height: 604px;
          background-image: url("../images/theme-graphic-tablet"); } }
      @media (min-width: 992px) {
        .home .entry-content > .alignfull {
          height: 1120px;
          background-image: url("../images/theme-graphic-desktop.jpg"); } }
      .home .entry-content > .alignfull .wp-block-group__inner-container {
        width: 100%;
        margin: 0 auto;
        padding: 1.5em 0 0 1.125em;
        position: relative; }
        @media (min-width: 1200px) {
          .home .entry-content > .alignfull .wp-block-group__inner-container {
            width: 1200px; } }
        .home .entry-content > .alignfull .wp-block-group__inner-container .wp-block-image {
          margin: 0 0 0 3em; }
          @media (min-width: 992px) {
            .home .entry-content > .alignfull .wp-block-group__inner-container .wp-block-image {
              margin: 0; } }
          .home .entry-content > .alignfull .wp-block-group__inner-container .wp-block-image img {
            zoom: 0.8; }
            @media (min-width: 992px) {
              .home .entry-content > .alignfull .wp-block-group__inner-container .wp-block-image img {
                zoom: 1; } }
        .home .entry-content > .alignfull .wp-block-group__inner-container .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter) {
          max-width: inherit;
          margin-top: 0;
          margin-bottom: 0;
          display: none; }
          @media (min-width: 768px) {
            .home .entry-content > .alignfull .wp-block-group__inner-container .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter) {
              display: block; } }
    .home .entry-content .wp-block-group__inner-container h2 {
      width: 100%;
      margin: 0 0 6rem;
      display: block;
      background-color: transparent;
      background-repeat: no-repeat;
      background-position: center top;
      zoom: 0.7; }
      @media (min-width: 768px) {
        .home .entry-content .wp-block-group__inner-container h2 {
          zoom: 0.8; } }
      @media (min-width: 992px) {
        .home .entry-content .wp-block-group__inner-container h2 {
          zoom: 1; } }
  .home [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    width: auto;
    max-width: inherit; }
  .home .about-text {
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: block; }
    @media (min-width: 768px) {
      .home .about-text {
        width: 60% !important; } }
  .home .wp-block-button__link {
    max-width: 6em;
    padding: 0.6em;
    background-color: #926941;
    font-size: 0.7em;
    font-weight: normal;
    text-align: center;
    color: white;
    line-height: 120%;
    border-radius: 15px;
    border-style: none;
    display: block; }
    .home .wp-block-button__link:hover, .home .wp-block-button__link:focus {
      background-color: #f8ee53;
      color: #2c2a1d;
      text-decoration: none; }
  .home .list-projects {
    width: 100%;
    min-height: 8em;
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    align-items: center;
    flex-direction: column; }
    @media (min-width: 768px) {
      .home .list-projects {
        align-items: flex-end;
        flex-direction: row; } }
    .home .list-projects li {
      margin: 0 0 2.2em;
      padding: 0;
      flex-grow: 1; }
      @media (min-width: 768px) {
        .home .list-projects li {
          margin: 0; } }
      .home .list-projects li a {
        padding: 0 0.4em;
        border-style: none;
        color: #2c2a1d;
        font-size: 1em;
        text-align: center; }
        @media (min-width: 768px) {
          .home .list-projects li a {
            font-size: 0.8em; } }
        @media (min-width: 992px) {
          .home .list-projects li a {
            padding: 0;
            font-size: 0.7em; } }
        @media (min-width: 1200px) {
          .home .list-projects li a {
            font-size: 0.8em; } }
        .home .list-projects li a:before {
          content: "";
          margin: 0 auto 0.8em;
          background-color: transparent;
          background-repeat: no-repeat;
          background-position: center top;
          zoom: 0.8;
          display: block; }
          @media (min-width: 992px) {
            .home .list-projects li a:before {
              margin: 0 auto 0.5em;
              zoom: 1; } }
        .home .list-projects li a:hover, .home .list-projects li a:focus {
          border-bottom: 1px #2c2a1d dotted; }
          @media (min-width: 992px) {
            .home .list-projects li a:hover:before, .home .list-projects li a:focus:before {
              margin: 0 auto 0.8em;
              -webkit-animation: primary-menu-icon-hover 0.2s;
              -moz-animation: primary-menu-icon-hover 0.2s;
              animation: primary-menu-icon-hover 0.2s; } }
      .home .list-projects li.item1 a:before {
        width: 87px;
        height: 102px;
        background-image: url("../images/front-aboutus-icon-1.jpg"); }
      .home .list-projects li.item2 a:before {
        width: 119px;
        height: 96px;
        background-image: url("../images/front-aboutus-icon-2.jpg"); }
      .home .list-projects li.item3 a:before {
        width: 114px;
        height: 80px;
        background-image: url("../images/front-aboutus-icon-3.jpg"); }
      .home .list-projects li.item4 a:before {
        width: 85px;
        height: 105px;
        background-image: url("../images/front-aboutus-icon-4.jpg"); }
      .home .list-projects li.item5 a:before {
        width: 69px;
        height: 97px;
        background-image: url("../images/front-aboutus-icon-5.jpg"); }
      .home .list-projects li:last-child {
        margin: 0; }

h2.hd-activitieis {
  height: 59px;
  background-image: url("../images/eng/front-title-1.jpg");
  font-size: 0; }

h2.hd-news {
  height: 57px;
  background-image: url("../images/eng/front-title-2.jpg");
  font-size: 0; }

h2.hd-about {
  height: 60px;
  background-image: url("../images/eng/front-title-3.jpg");
  font-size: 0; }

h2.hd-projects {
  height: 64px;
  background-image: url("../images/eng/front-title-4.jpg");
  font-size: 0; }

/* Carousel */
.wp-block-carousel-slider-slider {
  position: relative; }
  .wp-block-carousel-slider-slider .carousel-slider .owl-stage-outer .owl-item .carousel-slider__post {
    margin: 0;
    border-radius: inherit;
    -webkit-box-shadow: none;
    box-shadow: none; }
    .wp-block-carousel-slider-slider .carousel-slider .owl-stage-outer .owl-item .carousel-slider__post .carousel-slider__post-header {
      display: flex;
      flex-direction: column; }
      @media (min-width: 768px) {
        .wp-block-carousel-slider-slider .carousel-slider .owl-stage-outer .owl-item .carousel-slider__post .carousel-slider__post-header {
          flex-direction: row; } }
      .wp-block-carousel-slider-slider .carousel-slider .owl-stage-outer .owl-item .carousel-slider__post .carousel-slider__post-header .carousel-slider__post-image {
        width: 305px;
        height: 250px;
        padding-top: inherit;
        overflow: hidden;
        position: relative;
        border-style: none;
        flex-grow: 0;
        flex-shrink: 0; }
        @media (min-width: 768px) {
          .wp-block-carousel-slider-slider .carousel-slider .owl-stage-outer .owl-item .carousel-slider__post .carousel-slider__post-header .carousel-slider__post-image {
            width: auto;
            flex-basis: 305px; } }
        @media (min-width: 992px) {
          .wp-block-carousel-slider-slider .carousel-slider .owl-stage-outer .owl-item .carousel-slider__post .carousel-slider__post-header .carousel-slider__post-image {
            flex-basis: 350px;
            height: 287px; } }
        @media (min-width: 1200px) {
          .wp-block-carousel-slider-slider .carousel-slider .owl-stage-outer .owl-item .carousel-slider__post .carousel-slider__post-header .carousel-slider__post-image {
            flex-basis: 496px;
            height: 407px; } }
        .wp-block-carousel-slider-slider .carousel-slider .owl-stage-outer .owl-item .carousel-slider__post .carousel-slider__post-header .carousel-slider__post-image:before {
          content: "";
          width: 100%;
          height: 100%;
          display: block;
          background-color: transparent;
          background-image: url("../images/carousel-mask.png");
          background-repeat: no-repeat;
          background-size: cover;
          position: absolute;
          left: 0;
          top: 0; }
        .wp-block-carousel-slider-slider .carousel-slider .owl-stage-outer .owl-item .carousel-slider__post .carousel-slider__post-header .carousel-slider__post-image:hover, .wp-block-carousel-slider-slider .carousel-slider .owl-stage-outer .owl-item .carousel-slider__post .carousel-slider__post-header .carousel-slider__post-image:focus {
          opacity: 0.7; }
      .wp-block-carousel-slider-slider .carousel-slider .owl-stage-outer .owl-item .carousel-slider__post .carousel-slider__post-header .carousel-detail {
        padding: 0 0 0 2em; }
        .wp-block-carousel-slider-slider .carousel-slider .owl-stage-outer .owl-item .carousel-slider__post .carousel-slider__post-header .carousel-detail a {
          border-style: none; }
          .wp-block-carousel-slider-slider .carousel-slider .owl-stage-outer .owl-item .carousel-slider__post .carousel-slider__post-header .carousel-detail a h2 {
            margin-bottom: 1em;
            color: #333;
            font-size: 1.8em; }
        .wp-block-carousel-slider-slider .carousel-slider .owl-stage-outer .owl-item .carousel-slider__post .carousel-slider__post-header .carousel-detail .carousel-slider__post-excerpt {
          font-size: 1em; }
      .wp-block-carousel-slider-slider .carousel-slider .owl-stage-outer .owl-item .carousel-slider__post .carousel-slider__post-header .carousel-slider__post-detail {
        padding: 0;
        flex-grow: 1;
        flex-shrink: 0; }
        @media (min-width: 768px) {
          .wp-block-carousel-slider-slider .carousel-slider .owl-stage-outer .owl-item .carousel-slider__post .carousel-slider__post-header .carousel-slider__post-detail {
            padding: 0 0 0 2em; } }
        @media (min-width: 1200px) {
          .wp-block-carousel-slider-slider .carousel-slider .owl-stage-outer .owl-item .carousel-slider__post .carousel-slider__post-header .carousel-slider__post-detail {
            padding: 0 0 0 5em; } }
        .wp-block-carousel-slider-slider .carousel-slider .owl-stage-outer .owl-item .carousel-slider__post .carousel-slider__post-header .carousel-slider__post-detail .carousel-slider__post-title {
          min-height: inherit;
          margin: 0;
          border-style: none; }
          .wp-block-carousel-slider-slider .carousel-slider .owl-stage-outer .owl-item .carousel-slider__post .carousel-slider__post-header .carousel-slider__post-detail .carousel-slider__post-title h2 {
            margin: 1em 0;
            color: #2c2a1d; }
          .wp-block-carousel-slider-slider .carousel-slider .owl-stage-outer .owl-item .carousel-slider__post .carousel-slider__post-header .carousel-slider__post-detail .carousel-slider__post-title:hover h2, .wp-block-carousel-slider-slider .carousel-slider .owl-stage-outer .owl-item .carousel-slider__post .carousel-slider__post-header .carousel-slider__post-detail .carousel-slider__post-title:focus h2 {
            color: #e6b222; }
        .wp-block-carousel-slider-slider .carousel-slider .owl-stage-outer .owl-item .carousel-slider__post .carousel-slider__post-header .carousel-slider__post-detail .carousel-slider__post-excerpt .carousel-slider-more-button {
          margin: 2.2em 0 0;
          display: none;
          border-style: none; }
          .wp-block-carousel-slider-slider .carousel-slider .owl-stage-outer .owl-item .carousel-slider__post .carousel-slider__post-header .carousel-slider__post-detail .carousel-slider__post-excerpt .carousel-slider-more-button:before {
            content: "More";
            max-width: 5em;
            padding: 0.4em;
            background-color: #926941;
            font-size: 0.8em;
            text-align: center;
            color: white;
            line-height: 120%;
            border-radius: 15px;
            display: block; }
          .wp-block-carousel-slider-slider .carousel-slider .owl-stage-outer .owl-item .carousel-slider__post .carousel-slider__post-header .carousel-slider__post-detail .carousel-slider__post-excerpt .carousel-slider-more-button:hover:before, .wp-block-carousel-slider-slider .carousel-slider .owl-stage-outer .owl-item .carousel-slider__post .carousel-slider__post-header .carousel-slider__post-detail .carousel-slider__post-excerpt .carousel-slider-more-button:focus:before {
            background-color: #f8ee53;
            color: #2c2a1d; }
    .wp-block-carousel-slider-slider .carousel-slider .owl-stage-outer .owl-item .carousel-slider__post .carousel-slider__post-meta {
      display: none; }
  .wp-block-carousel-slider-slider .carousel-slider .owl-nav {
    margin: -1em 0 0;
    float: right; }
    @media (min-width: 768px) {
      .wp-block-carousel-slider-slider .carousel-slider .owl-nav {
        margin: 0;
        float: none;
        position: absolute;
        right: 0;
        bottom: 0; } }
    .wp-block-carousel-slider-slider .carousel-slider .owl-nav .owl-prev, .wp-block-carousel-slider-slider .carousel-slider .owl-nav .owl-next {
      width: 42px;
      height: 41px;
      position: static;
      background-color: transparent;
      background-repeat: no-repeat;
      background-size: cover; }
      @media (min-width: 992px) {
        .wp-block-carousel-slider-slider .carousel-slider .owl-nav .owl-prev, .wp-block-carousel-slider-slider .carousel-slider .owl-nav .owl-next {
          width: 65px;
          height: 64px; } }
      .wp-block-carousel-slider-slider .carousel-slider .owl-nav .owl-prev .carousel-slider-nav-icon, .wp-block-carousel-slider-slider .carousel-slider .owl-nav .owl-next .carousel-slider-nav-icon {
        display: none; }
    .wp-block-carousel-slider-slider .carousel-slider .owl-nav .owl-prev {
      margin: 0 1em 0 0;
      background-image: url("../images/btn-previous.png"); }
      .wp-block-carousel-slider-slider .carousel-slider .owl-nav .owl-prev:hover, .wp-block-carousel-slider-slider .carousel-slider .owl-nav .owl-prev:focus {
        background-image: url("../images/btn-previous-hover.png"); }
    .wp-block-carousel-slider-slider .carousel-slider .owl-nav .owl-next {
      background-image: url("../images/btn-next.png"); }
      .wp-block-carousel-slider-slider .carousel-slider .owl-nav .owl-next:hover, .wp-block-carousel-slider-slider .carousel-slider .owl-nav .owl-next:focus {
        background-image: url("../images/btn-next-hover.png"); }

/* News */
#w4pl-list-115 .w4pl-inner ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-direction: column; }
  @media (min-width: 768px) {
    #w4pl-list-115 .w4pl-inner ul {
      flex-direction: row;
      background: transparent url("../images/divider.jpg") no-repeat center top; } }
  #w4pl-list-115 .w4pl-inner ul li {
    margin: 0;
    padding: 0; }
    @media (min-width: 768px) {
      #w4pl-list-115 .w4pl-inner ul li {
        flex-basis: 50%; } }
    #w4pl-list-115 .w4pl-inner ul li:first-child {
      margin: 0 0 1.5em;
      padding: 0; }
      @media (min-width: 768px) {
        #w4pl-list-115 .w4pl-inner ul li:first-child {
          margin: 0;
          padding: 0 3em 0 0; } }
    #w4pl-list-115 .w4pl-inner ul li:last-child {
      padding: 0; }
      @media (min-width: 768px) {
        #w4pl-list-115 .w4pl-inner ul li:last-child {
          padding: 0 0 0 4.5em; } }

#w4pl-list-115 .w4pl-inner .post_title {
  font-size: 1.6em;
  font-weight: bold;
  color: #2c2a1d;
  border-style: none;
  display: block;
  line-height: 140%; }

#w4pl-list-115 .w4pl-inner .post-date {
  margin: 1em 0;
  color: #98afb3;
  border-style: none;
  font-size: 0.8em;
  display: block; }

#w4pl-list-115 .w4pl-inner .read_more {
  display: block;
  margin: 1em 0 0;
  border-style: none;
  visibility: hidden; }
  #w4pl-list-115 .w4pl-inner .read_more:before {
    content: "More";
    width: 5em;
    padding: 0.4em;
    background-color: #926941;
    font-size: 0.8em;
    text-align: center;
    color: white;
    line-height: 120%;
    border-radius: 15px;
    visibility: visible;
    display: block; }
  #w4pl-list-115 .w4pl-inner .read_more:hover:before, #w4pl-list-115 .w4pl-inner .read_more:focus:before {
    background-color: #f8ee53;
    color: #2c2a1d; }

/****************************************
Site Content
****************************************/
.entry-header-inner.section-inner {
  width: 100%; }
  @media (min-width: 1200px) {
    .entry-header-inner.section-inner {
      width: 1080px; } }

.post-inner {
  background-color: transparent;
  background-image: none;
  background-repeat: no-repeat;
  background-position: 0 90em; }
  @media (min-width: 1600px) {
    .post-inner {
      background-image: url("../images/bg-content-left.jpg"); } }

.entry-content {
  width: 100%;
  min-height: 20em;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1em;
  font-size: inherit; }
  @media (min-width: 1200px) {
    .entry-content {
      width: 992px; } }
  @media (min-width: 1440px) {
    .entry-content {
      padding: 0; } }
  .entry-content p {
    font-family: OpenSans, Microsoft JhengHei, Arial, Helvetica Neue, Helvetica, sans-serif;
    line-height: 160%; }
    @media (min-width: 992px) {
      .entry-content p {
        line-height: 180%; } }
  .entry-content ul {
    font-family: inherit; }
    .entry-content ul li {
      line-height: inherit; }
  .entry-content ol {
    margin: 0 0 1em 1em;
    font-family: OpenSans, Microsoft JhengHei, Arial, Helvetica Neue, Helvetica, sans-serif; }
    .entry-content ol li {
      margin: 0 0 0.8em; }

.section-inner {
  width: 100%; }
  @media (min-width: 1200px) {
    .section-inner {
      width: 1200px; } }
  .section-inner.medium {
    max-width: none; }

.widget_text p {
  font-family: inherit; }

.singular .entry-header {
  padding: 3em 1em 2em; }
  @media (min-width: 768px) {
    .singular .entry-header {
      padding: 4em 1em; } }
  @media (min-width: 1440px) {
    .singular .entry-header {
      padding: 4em 0; } }
  .singular .entry-header.has-text-align-center {
    text-align: left; }
  .singular .entry-header .entry-title {
    display: inline-block; }
    @media (min-width: 992px) {
      .singular .entry-header .entry-title {
        padding: 0 0 0 1em;
        background: transparent url("../images/bg-heading.png") no-repeat; } }

.singular .featured-media-inner {
  width: 100%;
  padding: 0 1em; }
  @media (min-width: 768px) {
    .singular .featured-media-inner {
      width: 70%; } }
  @media (min-width: 992px) {
    .singular .featured-media-inner {
      width: 50%;
      padding: 0; } }
  @media (min-width: 1440px) {
    .singular .featured-media-inner {
      width: 30%; } }

.alignwide {
  margin-top: 0;
  margin-bottom: 4em; }
  @media (min-width: 768px) {
    .alignwide {
      margin-bottom: 6em; } }

.entry-categories, .post-meta, .pagination-single {
  display: none; }

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
  width: inherit;
  max-width: none; }

.post .intro-text, .post .post-meta-wrapper {
  display: none; }

/****************************************
Article Listing
****************************************/
ul.post-listing {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap; }
  ul.post-listing li {
    flex-basis: 100%;
    margin: 0 0 2em;
    padding: 0 1em;
    text-align: center; }
    @media (min-width: 768px) {
      ul.post-listing li {
        flex-basis: 33%; } }
    ul.post-listing li a {
      border-style: none;
      color: #2c2a1d;
      line-height: 140%; }
    ul.post-listing li .post_photo {
      width: 291px;
      height: 239px;
      margin: 0 auto 1em;
      display: block;
      overflow: hidden;
      position: relative;
      zoom: 1; }
      @media (min-width: 768px) {
        ul.post-listing li .post_photo {
          zoom: 0.7; } }
      @media (min-width: 992px) {
        ul.post-listing li .post_photo {
          zoom: 0.9; } }
      @media (min-width: 1024px) {
        ul.post-listing li .post_photo {
          zoom: 1; } }
      ul.post-listing li .post_photo:before {
        content: "";
        width: 291px;
        height: 239px;
        background-color: transparent;
        background-image: url("../images/carousel-mask.png");
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        left: 0;
        top: 0;
        display: block; }
      ul.post-listing li .post_photo:hover, ul.post-listing li .post_photo:focus {
        opacity: 0.8; }
    ul.post-listing li .post_date {
      margin: 0.5em 0 0;
      display: block;
      font-size: 0.95em;
      color: #98afb3; }

/****************************************
Footer
****************************************/
#site-footer {
  height: 427px;
  padding: 0;
  font-size: 0.8em;
  background-color: transparent;
  background-image: url("../images/bg-footer-phone.jpg");
  background-repeat: no-repeat;
  background-position: center top; }
  @media (min-width: 768px) {
    #site-footer {
      height: 334px;
      font-size: 0.95em;
      background-image: url("../images/bg-footer-tablet.jpg"); } }
  @media (min-width: 992px) {
    #site-footer {
      height: 520px;
      font-size: 0.8em;
      background-image: url("../images/bg-footer-desktop.jpg"); } }
  #site-footer .section-inner {
    width: 100%;
    height: 100%;
    max-width: none;
    position: relative;
    align-items: flex-end;
    justify-content: inherit; }
    @media (min-width: 1200px) {
      #site-footer .section-inner {
        width: 1200px; } }

.footer-button {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: absolute;
  left: 1em;
  top: 6em; }
  @media (min-width: 768px) {
    .footer-button {
      left: 4em; } }
  @media (min-width: 992px) {
    .footer-button {
      top: 15em; } }
  .footer-button li {
    margin: 0 0 0.8em;
    padding: 0.6em 0 0 1.2em;
    display: block;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover; }
    .footer-button li a {
      color: #2c2a1d;
      text-decoration: none;
      border-style: none; }
      .footer-button li a:hover, .footer-button li a:focus {
        color: #60886a;
        text-decoration: none; }
    .footer-button li.item1 {
      width: 150px;
      height: 31px;
      background-image: url("../images/bg-btn-footer-1.png"); }
      @media (min-width: 768px) {
        .footer-button li.item1 {
          width: 191px;
          height: 39px; } }
    .footer-button li.item2 {
      width: 150px;
      height: 33px;
      background-image: url("../images/bg-btn-footer-2.png"); }
      @media (min-width: 768px) {
        .footer-button li.item2 {
          width: 182px;
          height: 40px; } }
    .footer-button li.item3 {
      width: 150px;
      height: 35px;
      background-image: url("../images/bg-btn-footer-3.png"); }
      @media (min-width: 768px) {
        .footer-button li.item3 {
          width: 174px;
          height: 41px; } }

.btn-supportus {
  width: 217px;
  height: 63px;
  display: block;
  background: transparent url("../images/eng/btn-supportus.png") no-repeat;
  position: absolute;
  top: 340px;
  font-size: 0;
  border-style: none;
  zoom: 0.7; }
  @media (min-width: 768px) {
    .btn-supportus {
      top: 220px;
      zoom: 0.8; } }
  @media (min-width: 992px) {
    .btn-supportus {
      top: 290px;
      zoom: 1; } }
  @media (min-width: 1200px) {
    .btn-supportus {
      right: 110px; } }
  .btn-supportus:hover, .btn-supportus:focus {
    border-style: none; }
    @media (min-width: 1200px) {
      .btn-supportus:hover, .btn-supportus:focus {
        -webkit-animation: btn-supportus-hover 0.1s;
        -moz-animation: btn-supportus-hover 0.1s;
        animation: btn-supportus-hover 0.1s; } }

.footer-credits {
  padding: 0 0 3em 1em;
  font-size: 1em;
  flex-direction: column;
  line-height: 160%; }
  @media (min-width: 768px) {
    .footer-credits {
      font-size: 0.8em; } }
  @media (min-width: 992px) {
    .footer-credits {
      padding: 0 0 5em 1em;
      font-size: 0.95em; } }
  @media (min-width: 1440px) {
    .footer-credits {
      padding: 0 0 6em;
      line-height: inherit; } }
  .footer-credits .upper {
    display: flex;
    flex-direction: column; }
    @media (min-width: 768px) {
      .footer-credits .upper {
        flex-direction: row; } }
  .footer-credits .footer-copyright {
    font-weight: normal; }
  .footer-credits .powered-by-wordpress {
    display: inline-block;
    margin: 0; }
    @media (min-width: 1440px) {
      .footer-credits .powered-by-wordpress {
        margin: 0 0 0 2.4rem; } }
    .footer-credits .powered-by-wordpress a {
      border-style: none; }
      .footer-credits .powered-by-wordpress a:hover, .footer-credits .powered-by-wordpress a:focus {
        text-decoration: none; }

.reduced-spacing.footer-top-hidden #site-footer {
  border-top-width: 0; }

.to-the-top {
  display: none; }

/****************************************
Common Element
****************************************/
#rotating-wrapper {
  width: 305px;
  position: absolute;
  right: 11em;
  top: 14em;
  display: none; }
  @media (min-width: 768px) {
    #rotating-wrapper {
      display: block; } }
  @media (min-width: 992px) {
    #rotating-wrapper {
      width: 372px;
      top: 27em; } }
  #rotating-wrapper:before {
    content: "";
    width: 123px;
    height: 114px;
    background-color: transparent;
    background-image: url("../images/theme-graphic-carousel-deco.png");
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
    left: -3.5em;
    bottom: 1em;
    zoom: 0.9; }
    @media (min-width: 992px) {
      #rotating-wrapper:before {
        bottom: -1.5em;
        zoom: 1; } }
  #rotating-wrapper #rotating-item-wrapper {
    height: 237px;
    position: relative; }
    #rotating-wrapper #rotating-item-wrapper .rotating-item {
      display: none;
      position: absolute;
      top: 0;
      left: 0; }

.tabs {
  width: 100%;
  margin: 3em 0 0;
  padding: 0 1em; }
  @media (min-width: 1200px) {
    .tabs {
      width: 992px;
      margin: 4em auto 0;
      padding: 0; } }
  .tabs ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column; }
    @media (min-width: 1200px) {
      .tabs ul {
        flex-direction: row;
        border-bottom: 1px #f8ee53 solid; } }
    .tabs ul li {
      width: 100%;
      margin: 0 0 0.5em;
      padding: 0;
      font-size: 0.8em; }
      @media (min-width: 1200px) {
        .tabs ul li {
          width: auto;
          margin: 0 0.5em 0 0; } }
      .tabs ul li a {
        width: 100%;
        padding: 0.6em 1.2em;
        background-color: #f8ee53;
        color: #2c2a1d;
        border-style: none;
        display: flex; }
        .tabs ul li a:before {
          content: "";
          width: 6px;
          height: 12px;
          margin: 0.3em 0.8em 0 0;
          border-style: solid;
          border-width: 6px 0 6px 6px;
          border-color: transparent transparent transparent #2c2a1d;
          display: block; }
          @media (min-width: 1200px) {
            .tabs ul li a:before {
              display: none; } }
        .tabs ul li a:hover, .tabs ul li a:focus {
          background-color: #e6b222;
          color: white; }
          .tabs ul li a:hover:before, .tabs ul li a:focus:before {
            border-color: transparent transparent transparent white; }
        @media (min-width: 992px) {
          .tabs ul li a {
            padding: 0.4em 1.2em; } }
      .tabs ul li.current-menu-item a {
        background-color: #e6b222;
        color: white; }
        .tabs ul li.current-menu-item a:before {
          border-color: transparent transparent transparent white; }

/* Form element */
.caldera-grid .intl-tel-input {
  width: 100%; }

@media (min-width: 768px) {
  .caldera-grid .radio {
    margin: 0 1em 0 0;
    display: inline-block !important; } }

.caldera-grid .btn-default {
  background-color: #f8ee53 !important;
  border-style: none !important;
  color: #2c2a1d !important; }
  .caldera-grid .btn-default:hover, .caldera-grid .btn-default:focus {
    background-color: #e6b222 !important;
    color: white !important; }

/* Others */
.highlight {
  color: #e6b222; }

.video-frame {
  width: 100%;
  height: 10em; }
  @media (min-width: 480px) {
    .video-frame {
      height: 20em; } }
  @media (min-width: 768px) {
    .video-frame {
      height: 30em; } }

.alignnone {
  margin-left: 0;
  margin-right: 0; }

.css_table {
  width: 100%;
  display: block; }
  @media (min-width: 768px) {
    .css_table {
      display: table; } }
  .css_table .css_tr {
    display: block; }
    @media (min-width: 768px) {
      .css_table .css_tr {
        display: table-row; } }
    .css_table .css_tr .css_td {
      display: block;
      vertical-align: top;
      line-height: 140%; }
      @media (min-width: 768px) {
        .css_table .css_tr .css_td {
          display: table-cell; } }
      .css_table .css_tr .css_td.sub-head {
        background-color: #f3f4c2; }
    .css_table .css_tr.heading .css_td {
      background-color: #f8ee53; }
  .css_table.table_nonbreak {
    display: table; }
    .css_table.table_nonbreak .css_tr {
      display: table-row; }
    .css_table.table_nonbreak .css_td {
      display: table-cell; }
  .css_table.with_padding .css_td {
    padding: 0.5em 0.8em; }

.table_scroll {
  width: 100%;
  overflow-x: scroll; }
  .table_scroll table {
    width: 768px; }
    @media (min-width: 768px) {
      .table_scroll table {
        width: 100%; } }
  .table_scroll .css_table {
    width: 768px; }
    @media (min-width: 768px) {
      .table_scroll .css_table {
        width: 100%; } }
  .table_scroll:before {
    content: "Scroll to right ⟶";
    margin: 0 0 0.5em;
    display: block; }
    @media (min-width: 768px) {
      .table_scroll:before {
        display: none; } }

.boarder-top-margin {
  margin: 2em 0 0; }

p.boarder-top-margin {
  margin: 2em 0; }

.contact-box {
  margin: 2em 0 2em 2em; }

.intro {
  padding: 1em 1.5em;
  background-color: #f3f4c2; }
  .intro p:last-child {
    margin: 0; }

.btn-top {
  border-style: none; }
  .btn-top:before {
    content: "";
    width: 15px;
    height: 7px;
    margin: 0.8em 0.8em 0 0;
    border-style: solid;
    border-width: 0 7.5px 7px 7.5px;
    border-color: transparent transparent black transparent;
    display: block;
    float: left; }

.note {
  font-size: 0.8em; }

.wider_bottom {
  margin: 0 0 2em; }

.btn {
  padding: 0.4em 1.4em;
  background-color: #f8ee53;
  color: #2c2a1d;
  border-style: none;
  border-radius: 2em;
  display: inline-block; }
  .btn:hover, .btn:focus {
    background-color: #e6b222;
    color: white; }

/****************************************
Individual Section
****************************************/
/* Mission */
.page-id-7 .css_table .css_td.col-1, .page-id-48 .css_table .css_td.col-1 {
  width: 100%; }
  @media (min-width: 992px) {
    .page-id-7 .css_table .css_td.col-1, .page-id-48 .css_table .css_td.col-1 {
      width: 15%; } }

/* Collaborators*/
.page-id-176 .css_table .css_td.col-1, .page-id-178 .css_table .css_td.col-1 {
  width: 100%; }
  @media (min-width: 992px) {
    .page-id-176 .css_table .css_td.col-1, .page-id-178 .css_table .css_td.col-1 {
      width: 15%; } }

/* Annual Reports */
.page-id-184 .entry-content ul, .page-id-614 .entry-content ul, .page-id-1711 .entry-content ul {
  margin: 3em 0 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap; }
  .page-id-184 .entry-content ul li, .page-id-614 .entry-content ul li, .page-id-1711 .entry-content ul li {
    margin: 0 0 1em;
    padding: 0 0.5em;
    flex: 0 0 100%; }
    @media (min-width: 480px) {
      .page-id-184 .entry-content ul li, .page-id-614 .entry-content ul li, .page-id-1711 .entry-content ul li {
        flex: 0 0 50%; } }
    @media (min-width: 768px) {
      .page-id-184 .entry-content ul li, .page-id-614 .entry-content ul li, .page-id-1711 .entry-content ul li {
        flex: 0 0 25%; } }
    .page-id-184 .entry-content ul li a, .page-id-614 .entry-content ul li a, .page-id-1711 .entry-content ul li a {
      border: 1px #eee solid;
      display: block;
      position: relative;
      overflow: hidden; }
      .page-id-184 .entry-content ul li a:before, .page-id-614 .entry-content ul li a:before, .page-id-1711 .entry-content ul li a:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 100%;
        background-color: rgba(230, 178, 34, 0.4);
        opacity: 0; }
      .page-id-184 .entry-content ul li a:hover:before, .page-id-184 .entry-content ul li a:focus:before, .page-id-614 .entry-content ul li a:hover:before, .page-id-614 .entry-content ul li a:focus:before, .page-id-1711 .entry-content ul li a:hover:before, .page-id-1711 .entry-content ul li a:focus:before {
        top: 0;
        opacity: 1;
        -webkit-animation: annual-reports-listing-hover 0.2s;
        -moz-animation: annual-reports-listing-hover 0.2s;
        animation: annual-reports-listing-hover 0.2s; }
      .page-id-184 .entry-content ul li a img.alignnone, .page-id-614 .entry-content ul li a img.alignnone, .page-id-1711 .entry-content ul li a img.alignnone {
        margin-top: 0;
        margin-bottom: 0; }

/* Plantation Enrichment*/
.page-id-2 .css_table .css_tr, .page-id-621 .css_table .css_tr {
  margin: 0 0 1em;
  display: block; }
  .page-id-2 .css_table .css_tr .css_td, .page-id-621 .css_table .css_tr .css_td {
    display: block; }
    .page-id-2 .css_table .css_tr .css_td.col-1, .page-id-621 .css_table .css_tr .css_td.col-1 {
      margin: 0 0 0.8em; }

/* Ectomycorrhizal Reforestation*/
.page-id-200 .css_table .css_tr, .page-id-641 .css_table .css_tr {
  margin: 0 0 1em;
  display: block; }
  .page-id-200 .css_table .css_tr .css_td, .page-id-641 .css_table .css_tr .css_td {
    display: block; }
    .page-id-200 .css_table .css_tr .css_td.col-1, .page-id-641 .css_table .css_tr .css_td.col-1 {
      margin: 0 0 0.8em; }

/* Soil Carbon Sequestration */
.page-id-537 .table_soil_carbon_work .sub-heading, .page-id-541 .table_soil_carbon_work .sub-heading {
  background-color: #eee; }

/* Mushroom Cultivation */
.page-id-209 .table_comparison_cultivation .col-1, .page-id-209 .table_comparison_cultivation .col-2, .page-id-209 .table_comparison_cultivation .col-3, .page-id-211 .table_comparison_cultivation .col-1, .page-id-211 .table_comparison_cultivation .col-2, .page-id-211 .table_comparison_cultivation .col-3 {
  width: 22%; }

.page-id-209 .table_comparison_cultivation .css_td, .page-id-211 .table_comparison_cultivation .css_td {
  border-bottom: 1px #98afb3 dotted; }

.page-id-209 .table_comparison_cultivation .heading .css_td, .page-id-211 .table_comparison_cultivation .heading .css_td {
  border-bottom: none; }

.page-id-209 .table_safety_of_TMI .col-1, .page-id-211 .table_safety_of_TMI .col-1 {
  width: 18%; }

.page-id-209 .table_safety_of_TMI .col-3, .page-id-209 .table_safety_of_TMI .col-4, .page-id-209 .table_safety_of_TMI .col-5, .page-id-209 .table_safety_of_TMI .col-6, .page-id-211 .table_safety_of_TMI .col-3, .page-id-211 .table_safety_of_TMI .col-4, .page-id-211 .table_safety_of_TMI .col-5, .page-id-211 .table_safety_of_TMI .col-6 {
  width: 14%; }

.page-id-209 .table_safety_of_TMI th, .page-id-211 .table_safety_of_TMI th {
  word-break: keep-all;
  vertical-align: top; }

.page-id-361 .table_step_mushroom_kit .css_td, .page-id-383 .table_step_mushroom_kit .css_td {
  padding: 0 0 1em; }
  .page-id-361 .table_step_mushroom_kit .css_td.col-1, .page-id-383 .table_step_mushroom_kit .css_td.col-1 {
    width: 100%; }
    @media (min-width: 768px) {
      .page-id-361 .table_step_mushroom_kit .css_td.col-1, .page-id-383 .table_step_mushroom_kit .css_td.col-1 {
        width: 10%; } }
  .page-id-361 .table_step_mushroom_kit .css_td.step, .page-id-383 .table_step_mushroom_kit .css_td.step {
    padding: 0; }

.page-id-673 .table_order_detail .col-1 {
  width: 100%; }
  @media (min-width: 768px) {
    .page-id-673 .table_order_detail .col-1 {
      width: 20%; } }

/* Collaborators */
.page-id-1153 .table_scroll td, .page-id-1155 .table_scroll td {
  width: 33%;
  vertical-align: top; }

/* Donate */
.donation_table .css_td {
  width: 100%; }
  @media screen and (min-width: 768px) {
    .donation_table .css_td {
      width: 50%; } }
  .donation_table .css_td.first {
    padding: 0; }
    @media screen and (min-width: 768px) {
      .donation_table .css_td.first {
        padding: 0 1.5em 0 0; } }
  .donation_table .css_td.last {
    padding: 0; }
    @media screen and (min-width: 768px) {
      .donation_table .css_td.last {
        padding: 0 0 0 1.5em; } }
  .donation_table .css_td ul {
    margin: 0 0 2em; }

/****************************************
Chinese Version
****************************************/
html[lang="zh-HK"] h2.hd-activitieis {
  height: 80px;
  background-image: url("../images/chi/front-title-1.jpg");
  font-size: 0; }

html[lang="zh-HK"] h2.hd-news {
  height: 75px;
  background-image: url("../images/chi/front-title-2.jpg");
  font-size: 0; }

html[lang="zh-HK"] h2.hd-about {
  height: 78px;
  background-image: url("../images/chi/front-title-3.jpg");
  font-size: 0; }

html[lang="zh-HK"] h2.hd-projects {
  height: 76px;
  background-image: url("../images/chi/front-title-4.jpg");
  font-size: 0; }

html[lang="zh-HK"] .wp-block-carousel-slider-slider .carousel-slider .owl-stage-outer .owl-item .carousel-slider__post .carousel-slider__post-header .carousel-slider__post-detail .carousel-slider__post-excerpt .carousel-slider-more-button:before {
  content: "更多"; }

html[lang="zh-HK"] #w4pl-list-115 .w4pl-inner .read_more:before {
  content: "更多"; }

html[lang="zh-HK"] .btn-supportus {
  width: 196px;
  height: 58px;
  background: transparent url(../images/chi/btn-supportus.png) no-repeat; }

html[lang="zh-HK"] .table_scroll:before {
  content: "請向右邊滾動 ⟶"; }