@charset "UTF-8";
@import url(font-face.css);

/**
Color
 */
/*
 Project
 */
/*
 Responsive
 */
body {
  line-height: 1.5;
  background: #F0F0EE;
}

body.page-homepage {
  background: #FFF;
}

.marginBottom50 {
  margin-bottom: 50px;
}

[data-animation="fade-in"] {
  opacity: 0;
}

.pageLoaded[data-animation="fade-in"], .pageLoaded [data-animation="fade-in"] {
  -moz-transition: opacity 0.2s ease-in-out 0.2s;
  -o-transition: opacity 0.2s ease-in-out 0.2s;
  -webkit-transition: opacity 0.2s ease-in-out 0.2s;
  transition: opacity 0.2s ease-in-out 0.2s;
  will-change: transform, opacity;
  opacity: 1;
}

.owl-carousel.owl-theme.slider-image {
  position: relative;
}

.owl-carousel.owl-theme.slider-image .owl-prev {
  position: absolute;
  left: 0;
  top: 50%;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  will-change: transform;
}

.owl-carousel.owl-theme.slider-image .owl-next {
  position: absolute;
  right: 0;
  top: 50%;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  will-change: transform;
}

.owl-carousel.owl-theme.slider-image .owl-nav {
  margin-top: 0;
}

.owl-carousel.owl-theme.slider-image .owl-nav [class*='owl-'] {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #000;
  background: rgba(255, 255, 255, 0.7);
  margin: 0;
  font-weight: 700;
}

.owl-carousel.owl-theme.slider-image .owl-nav [class*='owl-']:hover {
  background: #9B730E;
  color: #FFF;
  text-decoration: none;
}

.slider-container {
  margin-top: 25px;
}

.slider-container:not(:last-child) {
  margin-bottom: 40px;
}

.slider-container .image-container {
  cursor: pointer;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  height: 0;
}

.slider-container .image-container .image-item {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  will-change: transform, opacity;
}

.slider-container .image-container .image-item.active {
  opacity: 1;
}

.slider-container .slider-image {
  margin-top: 10px;
}

.slider-container .slider-image .background-image {
  height: 0;
  padding-top: 56.25%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-container .slider-image .slider-image-item {
  position: relative;
}

.slider-container .slider-image .slider-image-item:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #FFF;
  opacity: 0.6;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  will-change: transform, opacity;
}

.slider-container .slider-image .slider-image-item.active:before {
  opacity: 0;
}

.fancybox-overlay.fancybox-overlay-fixed {
  background: rgba(255, 255, 255, 0.8);
  z-index: 1000;
}

.fancybox-wrap.fancybox-opened {
  z-index: 1001;
  background: #FFF;
}

.fancybox-wrap.fancybox-opened .fancybox-skin .fancybox-inner .popup-form-container {
  margin-bottom: 20px;
}

.fancybox-wrap.fancybox-opened .fancybox-skin .fancybox-inner .popup-form-container .tab-content.cccApp {
  margin: 30px 20px;
}

.fancybox-wrap.fancybox-opened .fancybox-skin .fancybox-inner .popup-form-container .tab-content.cccApp *:not(.glyphicon):not(.mce-ico):not(.fa):not(strong):not(.cccFormIcon):not(.inputErrorStatus) {
  font-family: "NotoSansCJKtc-Regular", "NotoSansCJKsc-Regular", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
}

.fancybox-wrap.fancybox-opened .fancybox-skin .fancybox-inner .popup-form-container .tab-content.cccApp .cccLabel {
  color: #60583E;
}

.fancybox-wrap.fancybox-opened .fancybox-skin .fancybox-inner .popup-form-container .tab-content.cccApp .form-control {
  border-color: #60583E;
}

.fancybox-wrap.fancybox-opened .fancybox-skin .fancybox-inner .popup-form-container .tab-content.cccApp .btn.dropdown-toggle {
  border: 1px solid #60583E;
}

.fancybox-wrap.fancybox-opened .fancybox-skin .fancybox-inner .popup-form-container .tab-content.cccApp .has-error .form-control {
  border-color: #a94442;
}

.fancybox-wrap.fancybox-opened .fancybox-skin .fancybox-inner .popup-form-container .tab-content.cccApp .has-error .cccLabel {
  color: #a94442;
}

.fancybox-wrap.fancybox-opened .fancybox-skin .fancybox-inner .popup-form-container .tab-content.cccApp .agreement-container .checkbox label {
  padding-right: 50px;
}

.fancybox-wrap.fancybox-opened .fancybox-skin .fancybox-inner .popup-form-container .tab-content.cccApp .custom-field {
  text-align: center;
  margin-bottom: 25px;
}

.fancybox-wrap.fancybox-opened .fancybox-skin .fancybox-inner .popup-form-container .tab-content.cccApp .custom-field .custom-field-item:not(:first-child) {
  margin-left: 50px;
}

.fancybox-wrap.fancybox-opened .fancybox-skin .fancybox-inner .popup-form-container .tab-content.cccApp input[type="checkbox"]:checked+label::before, .fancybox-wrap.fancybox-opened .fancybox-skin .fancybox-inner .popup-form-container .tab-content.cccApp input[type="radio"]:checked+label::before {
  border-color: #9B730E;
}

.fancybox-wrap.fancybox-opened .fancybox-skin .fancybox-inner .popup-form-container .tab-content.cccApp input[type="checkbox"]:checked+label::before {
  background-color: #9B730E;
}

.fancybox-wrap.fancybox-opened .fancybox-skin .fancybox-inner .popup-form-container .tab-content.cccApp .radio label::after {
  background-color: #9B730E;
}

.fancybox-wrap.fancybox-opened .fancybox-skin .fancybox-inner .popup-form-container .background-image {
  height: 0;
  padding-top: 56.25%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.fancybox-wrap.fancybox-opened .fancybox-skin .fancybox-inner .popup-form-container .background-image .form-name {
  font-size: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  will-change: transform;
  height: 100%;
  padding: 20px 0;
  text-align: center;
  color: #FFF;
  direction: ltr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
}

.fancybox-wrap.fancybox-opened .fancybox-skin .fancybox-inner .popup-form-container .form-desc {
  margin: 30px 30px 0 30px;
  text-align: center;
  color: #60583E;
}

.fancybox-wrap.fancybox-opened .fancybox-skin .fancybox-inner .popup-form-container .cccAppDesc {
  padding: 0 !important;
  color: #60583E;
}

.fancybox-wrap.fancybox-opened .fancybox-skin .fancybox-inner .popup-form-container .cccHiddenFormItem {
  display: none;
}

.fancybox-wrap.fancybox-opened .fancybox-skin .fancybox-inner .popup-form-container .form-btn {
  width: 140px;
  height: 45px;
  border: none;
  background: #60583E;
  color: #FFF;
}

.fancybox-wrap.fancybox-opened .fancybox-skin .fancybox-inner .popup-form-container .form-btn:hover {
  background: #9B730E;
}

.fancybox-wrap.fancybox-opened .fancybox-skin .fancybox-custom-close-btn {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}

.fancybox-wrap.fancybox-opened .fancybox-skin .fancybox-custom-close-btn .icon_close_2 {
  display: inline-block;
  border: 1px solid;
  padding: 3px 2px 3px 3px;
  color: #FFF;
}

.form-main-container .form-step-container {
  text-align: center;
  position: relative;
  margin-bottom: 80px;
}

@media (max-width: 991px) {
  .form-main-container .form-step-container {
    margin-bottom: 20px;
  }
}

.form-main-container .form-step-container:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -11.5px;
  content: "";
  height: 1px;
  background: #60583E;
}

.form-main-container .form-step-container .step-item {
  display: inline-block;
  position: relative;
  color: #60583E;
}

.form-main-container .form-step-container .step-item:before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  left: 50%;
  bottom: -20px;
  background: #f0f0ee;
  border-radius: 50%;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  will-change: transform;
  z-index: 1;
  font-family: "NotoSansCJKtc-Regular", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
  line-height: 25px;
}

.form-main-container .form-step-container .step-item:after {
  position: absolute;
  content: "•";
  font-size: 60px;
  left: 50%;
  bottom: -20px;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  will-change: transform;
  z-index: 2;
  color: #d0cece;
  font-family: "NotoSansCJKtc-Regular", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
  line-height: 25px;
}

.form-main-container .form-step-container .step-item.active:after {
  font-size: 90px;
  bottom: -20px;
  color: #9B730E;
}

.form-main-container .form-step-container .step-item.completed:after {
  color: #9B730E;
}

.form-main-container .form-step-container .step-item:nth-child(2) {
  margin: 0 40px;
}

@media (max-width: 1320px) {
  .form-main-container .form-step-container .step-item {
    margin: 0 !important;
  }
}

.form-main-container .cccApp *:not(.glyphicon):not(.mce-ico):not(.fa):not(strong):not(.cccFormIcon):not(.inputErrorStatus) {
  font-family: "NotoSansCJKtc-Regular", "NotoSansCJKsc-Regular", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
}

.form-main-container .cccApp .cccLabel {
  padding-left: 0 !important;
}

.form-main-container .cccApp .form-section-header .cccHTML {
  padding-bottom: 25px;
  border-bottom: 1px solid;
  color: #60583E;
  font-size: 20px !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.form-main-container .cccApp .cccInputArea {
  padding: 0 !important;
}

.form-main-container .cccApp .cccInputArea .col-xs-12 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.form-main-container .cccApp .cccInputArea .col-xs-12.radioGroup {
  padding-left: 15px !important;
}

@media (max-width: 991px) {
  .form-main-container .cccApp .cccInputArea .col-xs-12.radioGroup {
    padding-left: 20px !important;
  }
}

.form-main-container .cccApp .form-content-header .cccHTML {
  color: #60583E;
  font-size: 20px !important;
  margin-bottom: 10px;
}

.form-main-container .cccApp input[type="checkbox"]:checked+label::before, .form-main-container .cccApp input[type="radio"]:checked+label::before {
  border-color: #9B730E;
}

.form-main-container .cccApp input[type="checkbox"]:checked+label::before {
  background-color: #9B730E;
}

.form-main-container .cccApp .radio label::after {
  background-color: #9B730E;
}

.form-main-container .cccApp .radio {
  width: 100% !important;
}

.form-main-container .cccApp .form-step-btn {
  position: relative;
  display: inline-block;
  border: none;
  border-radius: 0 !important;
  box-shadow: none;
  text-transform: none;
  padding: 0;
  color: #60583E;
  width: 100px;
}

.form-main-container .cccApp .form-step-btn.form-next-btn:after {
  font-family: 'spga' !important;
  content: "\e90e";
  font-size: 42px;
  position: absolute;
  top: 15px;
  right: 0;
}

.form-main-container .cccApp .form-step-btn.form-prev-btn {
  float: left;
}

.form-main-container .cccApp .form-step-btn.form-prev-btn:after {
  font-family: 'spga' !important;
  content: "\e90e";
  font-size: 42px;
  position: absolute;
  top: 15px;
  left: 0;
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  will-change: transform;
}

.form-main-container .cccApp .pull-right .form-step-btn.form-prev-btn {
  float: right;
}

.lang-sc .form-main-container .form-step-container .step-item.active:after {
  font-size: 40px;
}

.lang-sc .form-main-container .form-step-container .step-item:after {
  font-size: 30px;
}

.landing-menu {
  position: fixed;
  z-index: 998;
  top: 0;
  right: 0;
  max-height: 100vh;
  color: #60583E;
  overflow-y: scroll;
  text-align: left;
  opacity: 0;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.35);
  -moz-transition: opacity 0.5s ease-in-out, transform 0.5s, width 0s ease 0.5s, height 0s ease 0.5s;
  -o-transition: opacity 0.5s ease-in-out, transform 0.5s, width 0s ease 0.5s, height 0s ease 0.5s;
  -webkit-transition: opacity 0.5s ease-in-out, transform 0.5s, width 0s ease 0.5s, height 0s ease 0.5s;
  transition: opacity 0.5s ease-in-out, transform 0.5s, width 0s ease 0.5s, height 0s ease 0.5s;
  will-change: transform, opacity;
}

.landing-menu.show {
  width: 100%;
  height: 100%;
  opacity: 1;
  -moz-transition: opacity 0.5s ease-in-out, transform 0.5s;
  -o-transition: opacity 0.5s ease-in-out, transform 0.5s;
  -webkit-transition: opacity 0.5s ease-in-out, transform 0.5s;
  transition: opacity 0.5s ease-in-out, transform 0.5s;
  will-change: transform, opacity;
}

.landing-menu.show .menu {
  -moz-transition: opacity 0.5s ease-in-out 0.4s, transform 0.5s ease-in-out 0.3s;
  -o-transition: opacity 0.5s ease-in-out 0.4s, transform 0.5s ease-in-out 0.3s;
  -webkit-transition: opacity 0.5s ease-in-out 0.4s, transform 0.5s ease-in-out 0.3s;
  transition: opacity 0.5s ease-in-out 0.4s, transform 0.5s ease-in-out 0.3s;
  will-change: transform, opacity;
  opacity: 1;
}

@media (min-width: 992px) {
  .landing-menu.show .menu .menu-item {
    opacity: 1;
  }

  .landing-menu.show .menu .menu-item.item-1 {
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    will-change: transform;
    -moz-transition: opacity 0.6s ease-in-out 0.9s, transform 0.4s ease-in-out 0.9s;
    -o-transition: opacity 0.6s ease-in-out 0.9s, transform 0.4s ease-in-out 0.9s;
    -webkit-transition: opacity 0.6s ease-in-out 0.9s, transform 0.4s ease-in-out 0.9s;
    transition: opacity 0.6s ease-in-out 0.9s, transform 0.4s ease-in-out 0.9s;
    will-change: transform, opacity;
  }

  .landing-menu.show .menu .menu-item.item-2 {
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    will-change: transform;
    -moz-transition: opacity 0.6s ease-in-out 1.15s, transform 0.4s ease-in-out 1.15s;
    -o-transition: opacity 0.6s ease-in-out 1.15s, transform 0.4s ease-in-out 1.15s;
    -webkit-transition: opacity 0.6s ease-in-out 1.15s, transform 0.4s ease-in-out 1.15s;
    transition: opacity 0.6s ease-in-out 1.15s, transform 0.4s ease-in-out 1.15s;
    will-change: transform, opacity;
  }

  .landing-menu.show .menu .menu-item.item-3 {
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    will-change: transform;
    -moz-transition: opacity 0.6s ease-in-out 1.2333333333s, transform 0.4s ease-in-out 1.2333333333s;
    -o-transition: opacity 0.6s ease-in-out 1.2333333333s, transform 0.4s ease-in-out 1.2333333333s;
    -webkit-transition: opacity 0.6s ease-in-out 1.2333333333s, transform 0.4s ease-in-out 1.2333333333s;
    transition: opacity 0.6s ease-in-out 1.2333333333s, transform 0.4s ease-in-out 1.2333333333s;
    will-change: transform, opacity;
  }

  .landing-menu.show .menu .menu-item.item-4 {
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    will-change: transform;
    -moz-transition: opacity 0.6s ease-in-out 1.275s, transform 0.4s ease-in-out 1.275s;
    -o-transition: opacity 0.6s ease-in-out 1.275s, transform 0.4s ease-in-out 1.275s;
    -webkit-transition: opacity 0.6s ease-in-out 1.275s, transform 0.4s ease-in-out 1.275s;
    transition: opacity 0.6s ease-in-out 1.275s, transform 0.4s ease-in-out 1.275s;
    will-change: transform, opacity;
  }

  .landing-menu.show .menu .menu-item.item-5 {
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    will-change: transform;
    -moz-transition: opacity 0.6s ease-in-out 1.3s, transform 0.4s ease-in-out 1.3s;
    -o-transition: opacity 0.6s ease-in-out 1.3s, transform 0.4s ease-in-out 1.3s;
    -webkit-transition: opacity 0.6s ease-in-out 1.3s, transform 0.4s ease-in-out 1.3s;
    transition: opacity 0.6s ease-in-out 1.3s, transform 0.4s ease-in-out 1.3s;
    will-change: transform, opacity;
  }

  .landing-menu.show .menu .menu-item.item-6 {
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    will-change: transform;
    -moz-transition: opacity 0.6s ease-in-out 1.3166666667s, transform 0.4s ease-in-out 1.3166666667s;
    -o-transition: opacity 0.6s ease-in-out 1.3166666667s, transform 0.4s ease-in-out 1.3166666667s;
    -webkit-transition: opacity 0.6s ease-in-out 1.3166666667s, transform 0.4s ease-in-out 1.3166666667s;
    transition: opacity 0.6s ease-in-out 1.3166666667s, transform 0.4s ease-in-out 1.3166666667s;
    will-change: transform, opacity;
  }

  .landing-menu.show .menu .menu-item.item-7 {
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    will-change: transform;
    -moz-transition: opacity 0.6s ease-in-out 1.3285714286s, transform 0.4s ease-in-out 1.3285714286s;
    -o-transition: opacity 0.6s ease-in-out 1.3285714286s, transform 0.4s ease-in-out 1.3285714286s;
    -webkit-transition: opacity 0.6s ease-in-out 1.3285714286s, transform 0.4s ease-in-out 1.3285714286s;
    transition: opacity 0.6s ease-in-out 1.3285714286s, transform 0.4s ease-in-out 1.3285714286s;
    will-change: transform, opacity;
  }

  .landing-menu.show .menu .menu-item.item-8 {
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    will-change: transform;
    -moz-transition: opacity 0.6s ease-in-out 1.3375s, transform 0.4s ease-in-out 1.3375s;
    -o-transition: opacity 0.6s ease-in-out 1.3375s, transform 0.4s ease-in-out 1.3375s;
    -webkit-transition: opacity 0.6s ease-in-out 1.3375s, transform 0.4s ease-in-out 1.3375s;
    transition: opacity 0.6s ease-in-out 1.3375s, transform 0.4s ease-in-out 1.3375s;
    will-change: transform, opacity;
  }

  .landing-menu.show .menu .menu-item.item-9 {
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    will-change: transform;
    -moz-transition: opacity 0.6s ease-in-out 1.3444444444s, transform 0.4s ease-in-out 1.3444444444s;
    -o-transition: opacity 0.6s ease-in-out 1.3444444444s, transform 0.4s ease-in-out 1.3444444444s;
    -webkit-transition: opacity 0.6s ease-in-out 1.3444444444s, transform 0.4s ease-in-out 1.3444444444s;
    transition: opacity 0.6s ease-in-out 1.3444444444s, transform 0.4s ease-in-out 1.3444444444s;
    will-change: transform, opacity;
  }

  .landing-menu.show .menu .menu-item.item-10 {
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    will-change: transform;
    -moz-transition: opacity 0.6s ease-in-out 1.35s, transform 0.4s ease-in-out 1.35s;
    -o-transition: opacity 0.6s ease-in-out 1.35s, transform 0.4s ease-in-out 1.35s;
    -webkit-transition: opacity 0.6s ease-in-out 1.35s, transform 0.4s ease-in-out 1.35s;
    transition: opacity 0.6s ease-in-out 1.35s, transform 0.4s ease-in-out 1.35s;
    will-change: transform, opacity;
  }

  .landing-menu.show .menu .menu-item.item-11 {
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    will-change: transform;
    -moz-transition: opacity 0.6s ease-in-out 1.3545454545s, transform 0.4s ease-in-out 1.3545454545s;
    -o-transition: opacity 0.6s ease-in-out 1.3545454545s, transform 0.4s ease-in-out 1.3545454545s;
    -webkit-transition: opacity 0.6s ease-in-out 1.3545454545s, transform 0.4s ease-in-out 1.3545454545s;
    transition: opacity 0.6s ease-in-out 1.3545454545s, transform 0.4s ease-in-out 1.3545454545s;
    will-change: transform, opacity;
  }

  .landing-menu.show .menu .menu-item.item-12 {
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    will-change: transform;
    -moz-transition: opacity 0.6s ease-in-out 1.3583333333s, transform 0.4s ease-in-out 1.3583333333s;
    -o-transition: opacity 0.6s ease-in-out 1.3583333333s, transform 0.4s ease-in-out 1.3583333333s;
    -webkit-transition: opacity 0.6s ease-in-out 1.3583333333s, transform 0.4s ease-in-out 1.3583333333s;
    transition: opacity 0.6s ease-in-out 1.3583333333s, transform 0.4s ease-in-out 1.3583333333s;
    will-change: transform, opacity;
  }

  .landing-menu.show .menu .menu-item.item-13 {
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    will-change: transform;
    -moz-transition: opacity 0.6s ease-in-out 1.3615384615s, transform 0.4s ease-in-out 1.3615384615s;
    -o-transition: opacity 0.6s ease-in-out 1.3615384615s, transform 0.4s ease-in-out 1.3615384615s;
    -webkit-transition: opacity 0.6s ease-in-out 1.3615384615s, transform 0.4s ease-in-out 1.3615384615s;
    transition: opacity 0.6s ease-in-out 1.3615384615s, transform 0.4s ease-in-out 1.3615384615s;
    will-change: transform, opacity;
  }

  .landing-menu.show .menu .menu-item.item-14 {
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    will-change: transform;
    -moz-transition: opacity 0.6s ease-in-out 1.3642857143s, transform 0.4s ease-in-out 1.3642857143s;
    -o-transition: opacity 0.6s ease-in-out 1.3642857143s, transform 0.4s ease-in-out 1.3642857143s;
    -webkit-transition: opacity 0.6s ease-in-out 1.3642857143s, transform 0.4s ease-in-out 1.3642857143s;
    transition: opacity 0.6s ease-in-out 1.3642857143s, transform 0.4s ease-in-out 1.3642857143s;
    will-change: transform, opacity;
  }

  .landing-menu.show .menu .menu-item.item-15 {
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    will-change: transform;
    -moz-transition: opacity 0.6s ease-in-out 1.3666666667s, transform 0.4s ease-in-out 1.3666666667s;
    -o-transition: opacity 0.6s ease-in-out 1.3666666667s, transform 0.4s ease-in-out 1.3666666667s;
    -webkit-transition: opacity 0.6s ease-in-out 1.3666666667s, transform 0.4s ease-in-out 1.3666666667s;
    transition: opacity 0.6s ease-in-out 1.3666666667s, transform 0.4s ease-in-out 1.3666666667s;
    will-change: transform, opacity;
  }

  .landing-menu.show .menu .menu-item.item-16 {
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    will-change: transform;
    -moz-transition: opacity 0.6s ease-in-out 1.36875s, transform 0.4s ease-in-out 1.36875s;
    -o-transition: opacity 0.6s ease-in-out 1.36875s, transform 0.4s ease-in-out 1.36875s;
    -webkit-transition: opacity 0.6s ease-in-out 1.36875s, transform 0.4s ease-in-out 1.36875s;
    transition: opacity 0.6s ease-in-out 1.36875s, transform 0.4s ease-in-out 1.36875s;
    will-change: transform, opacity;
  }

  .landing-menu.show .menu .menu-item.item-17 {
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    will-change: transform;
    -moz-transition: opacity 0.6s ease-in-out 1.3705882353s, transform 0.4s ease-in-out 1.3705882353s;
    -o-transition: opacity 0.6s ease-in-out 1.3705882353s, transform 0.4s ease-in-out 1.3705882353s;
    -webkit-transition: opacity 0.6s ease-in-out 1.3705882353s, transform 0.4s ease-in-out 1.3705882353s;
    transition: opacity 0.6s ease-in-out 1.3705882353s, transform 0.4s ease-in-out 1.3705882353s;
    will-change: transform, opacity;
  }

  .landing-menu.show .menu .menu-item.item-18 {
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    will-change: transform;
    -moz-transition: opacity 0.6s ease-in-out 1.3722222222s, transform 0.4s ease-in-out 1.3722222222s;
    -o-transition: opacity 0.6s ease-in-out 1.3722222222s, transform 0.4s ease-in-out 1.3722222222s;
    -webkit-transition: opacity 0.6s ease-in-out 1.3722222222s, transform 0.4s ease-in-out 1.3722222222s;
    transition: opacity 0.6s ease-in-out 1.3722222222s, transform 0.4s ease-in-out 1.3722222222s;
    will-change: transform, opacity;
  }

  .landing-menu.show .menu .menu-item.item-19 {
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    will-change: transform;
    -moz-transition: opacity 0.6s ease-in-out 1.3736842105s, transform 0.4s ease-in-out 1.3736842105s;
    -o-transition: opacity 0.6s ease-in-out 1.3736842105s, transform 0.4s ease-in-out 1.3736842105s;
    -webkit-transition: opacity 0.6s ease-in-out 1.3736842105s, transform 0.4s ease-in-out 1.3736842105s;
    transition: opacity 0.6s ease-in-out 1.3736842105s, transform 0.4s ease-in-out 1.3736842105s;
    will-change: transform, opacity;
  }

  .landing-menu.show .menu .menu-item.item-20 {
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    will-change: transform;
    -moz-transition: opacity 0.6s ease-in-out 1.375s, transform 0.4s ease-in-out 1.375s;
    -o-transition: opacity 0.6s ease-in-out 1.375s, transform 0.4s ease-in-out 1.375s;
    -webkit-transition: opacity 0.6s ease-in-out 1.375s, transform 0.4s ease-in-out 1.375s;
    transition: opacity 0.6s ease-in-out 1.375s, transform 0.4s ease-in-out 1.375s;
    will-change: transform, opacity;
  }
}

.landing-menu .menu-container {
  width: 100%;
  min-height: 100%;
  float: right;
  background-image: url(../img/spga/circle/bg.png);
  background-repeat: repeat;
}

@media (max-width: 991px) {
  .landing-menu {
    text-align: right;
  }

  .landing-menu .menu-container {
    max-width: calc(100% - 50px);
  }
}

.landing-menu .menu-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
}

.landing-menu .menu {
  opacity: 0;
  margin-top: 100px;
  -moz-transition: opacity 0.5s ease-in-out, transform 0.5s;
  -o-transition: opacity 0.5s ease-in-out, transform 0.5s;
  -webkit-transition: opacity 0.5s ease-in-out, transform 0.5s;
  transition: opacity 0.5s ease-in-out, transform 0.5s;
  will-change: transform, opacity;
}

.landing-menu .menu .company-name {
  margin-bottom: 40px;
}

@media (max-width: 991px) {
  .landing-menu .menu .company-name {
    display: none;
  }
}

@media (max-width: 991px) {
  .landing-menu .menu .menu-list {
    margin-top: 50px;
  }
}

.landing-menu .menu .menu-item {
  margin-bottom: 50px;
}

@media (min-width: 992px) {
  .landing-menu .menu .menu-item {
    opacity: 0;
    -moz-transform: translateX(-4%);
    -o-transform: translateX(-4%);
    -ms-transform: translateX(-4%);
    -webkit-transform: translateX(-4%);
    transform: translateX(-4%);
    will-change: transform;
  }
}

.landing-menu .menu .menu-item .subtitle {
  padding-bottom: 15px;
  font-size: 24px;
  color: #484338;
}

.landing-menu .menu .menu-item .subtitle a {
  font-size: 24px;
  color: #484338;
}

.landing-menu .menu .menu-item ul {
  list-style: none;
}

.landing-menu .menu .menu-item ul li {
  position: relative;
  padding-left: 12px;
}

.landing-menu .menu .menu-item ul li a:hover {
  color: #9B730E;
}

.landing-menu .menu .menu-item ul li.active {
  color: #9B730E;
  font-weight: bold;
}

.landing-menu .menu .menu-item ul li.active a {
  color: #9b730e;
}

.landing-menu .menu .menu-item ul li.disable {
  opacity: 0.35;
  pointer-events: none;
}

.landing-menu .menu .menu-item ul li:before {
  content: '-';
  position: absolute;
  left: 0px;
}

@media (max-width: 991px) {
  .landing-menu .menu .menu-item {
    margin-bottom: 20px;
  }

  .landing-menu .menu .menu-item .subtitle {
    font-size: 18px;
    color: #484338;
    padding-bottom: 0px;
  }

  .landing-menu .menu .menu-item .subtitle a {
    font-size: 18px;
    color: #484338;
  }

  .landing-menu .menu .menu-item ul {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    will-change: transform, opacity;
  }

  .landing-menu .menu .menu-item ul.active {
    opacity: 1;
    max-height: none;
    margin-top: 15px;
    margin-left: 100px;
    padding: 20px 0;
    border-top: 1px solid #484338;
    border-bottom: 1px solid #484338;
  }

  .landing-menu .menu .menu-item ul li:before {
    display: none;
  }

  .landing-menu .menu .menu-item ul li a {
    padding: 4px 0px;
    display: block;
  }
}

.header-menu {
  -webkit-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.24);
  box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.24);
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100px;
  background-color: white;
  text-align: right;
  padding: 0 15px;
}

@media (max-width: 991px) {
  .header-menu {
    height: 70px;
    padding: 0;
  }
}

.header-menu.show-menu {
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -moz-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  will-change: transform, opacity;
}

.header-menu.show-menu.fixed-background {
  background: #fff;
}

.header-menu.show-menu .sub-menu-dropdown {
  display: none;
}

.header-menu.show-menu .header-menu-group .icon_member::before {
  border-color: #9B730E;
}

.header-menu.show-menu .header-menu-group .menu-button .icon_menu::before {
  content: "\e905";
  font-size: 23px;
}

.page-homepage .header-menu {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
}

.page-homepage .header-menu .logo {
  display: none;
}

.page-homepage .header-menu .icon_member:before {
  border-color: #FFF !important;
}

.page-homepage .header-menu.show-menu ul.lang li:before {
  color: #8C7D48;
}

.page-homepage .header-menu.show-menu ul.lang a {
  color: #8C7D48;
}

.page-homepage .header-menu.show-menu ul li span:before {
  color: #8C7D48;
}

.page-homepage .header-menu ul.lang li:before {
  color: white;
}

.page-homepage .header-menu ul.lang a {
  color: white;
}

.page-homepage .header-menu ul li span:before {
  color: white;
}

.header-menu.show-menu .logo {
  display: none;
}

.header-menu.show-menu span:before {
  color: #8C7D48;
}

.header-menu.show-menu .lang li:before {
  color: #8C7D48;
}

.header-menu.show-menu .lang a {
  color: #8C7D48;
}

@media (max-width: 991px) {
  .header-menu.show-menu .header-menu-group li {
    padding: 0 15px !important;
  }
}

.header-menu.show-menu .header-menu-group .icon_member:before {
  border-color: #8C7D48 !important;
}

@media (max-width: 991px) {

  .header-menu.show-menu .header-menu-group .membership-login-icon,
  .header-menu.show-menu .header-menu-group .search-icon {
    display: inline !important;
  }
}

.header-menu .logo {
  float: left;
  line-height: 100px;
}

@media (min-width: 1405px) {
  .header-menu .logo {
    float: none;
    position: absolute;
    left: 50%;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    will-change: transform;
  }
}

@media (max-width: 991px) {
  .header-menu .logo {
    display: none;
  }
}

.header-menu .sub-menu-dropdown {
  float: left;
  width: calc(100% - 72px);
  position: relative;
  color: #484338;
  border-right: 1px solid #a3a09a;
}

@media (min-width: 992px) {
  .header-menu .sub-menu-dropdown {
    display: none;
  }
}

.header-menu .sub-menu-dropdown .btn {
  background: none;
  border-radius: 0;
  width: 100%;
  text-align: left;
  position: relative;
  border: none;
  height: 70px;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  padding-right: 45px;
}

.header-menu .sub-menu-dropdown .btn span {
  position: absolute;
  right: 20px;
  top: 28px;
  font-size: 12px;
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  will-change: transform;
}

.header-menu .sub-menu-dropdown .btn:focus {
  box-shadow: unset;
  background: none;
  color: #484338;
}

.header-menu .sub-menu-dropdown .dropdown-menu {
  border-radius: 0;
  width: 100%;
  margin: 0;
}

.header-menu .sub-menu-dropdown .dropdown-menu>li>a {
  padding: 0;
  white-space: unset;
}

.header-menu .sub-menu-dropdown .dropdown-menu>li>a:hover {
  background: none;
  color: initial;
}

.header-menu .sub-menu-dropdown .dropdown-menu li {
  padding: 23px 15px 23px 8px;
  margin: 0 20px;
  line-height: 1;
  display: block;
  color: #484338;
}

.header-menu .sub-menu-dropdown .dropdown-menu li.sub-menu {
  padding: 23px 15px 23px 20px;
}

.header-menu .sub-menu-dropdown .dropdown-menu li:not(:last-child) {
  border-bottom: 1px solid #a3a09a;
}

.header-menu .toolbar {
  float: right;
}

.header-menu .toolbar .header-menu-group {
  float: right;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.header-menu .toolbar .header-menu-group li {
  position: relative;
}

@media (max-width: 991px) {
  .header-menu .toolbar .header-menu-group li {
    padding: 0 21px;
  }
}

@media (min-width: 992px) {
  .page-homepage.header-menu .toolbar .header-menu-group li:hover .text {
    opacity: 1;
    -moz-transition: opacity 0.5s ease-in-out !important;
    -o-transition: opacity 0.5s ease-in-out !important;
    -webkit-transition: opacity 0.5s ease-in-out !important;
    transition: opacity 0.5s ease-in-out !important;
    will-change: transform, opacity;
  }
}

.header-menu .toolbar .header-menu-group li .text {
  font-size: 14px;
  display: inline-block;
  opacity: 0;
  position: absolute;
  top: 24px;
  padding: 4px;
  line-height: normal;
  min-width: 155%;
  background: #fff;
  color: #000;
  border-radius: 4px;
  text-align: center;
  -moz-transition: opacity 0.5s ease-in-out, max-height 0s ease 1s;
  -o-transition: opacity 0.5s ease-in-out, max-height 0s ease 1s;
  -webkit-transition: opacity 0.5s ease-in-out, max-height 0s ease 1s;
  transition: opacity 0.5s ease-in-out, max-height 0s ease 1s;
  will-change: transform, opacity;
}

.header-menu .toolbar .header-menu-group li:not(:last-child) .text {
  left: 50%;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  will-change: transform;
}

.header-menu .toolbar .header-menu-group li:last-child .text {
  right: 0;
}

.header-menu .toolbar .header-menu-group li.membership-login-icon .icon_member:before {
  border: 1px solid #000;
  border-radius: 50%;
  vertical-align: baseline;
  padding: 2px 0px 2px 2px;
  font-size: 23px;
}

.header-menu .toolbar .header-menu-group li.membership-login-icon:hover .icon_member:before {
  border-color: #666666;
}

.header-menu .toolbar .header-menu-group li.membership-login-icon.logined .icon_member:before {
  border-color: #8C7D48;
  background: #8C7D48;
  color: #FFF;
}

@media (max-width: 991px) {
  .header-menu .toolbar .header-menu-group li.membership-login-icon, .header-menu .toolbar .header-menu-group li.search-icon {
    display: none;
  }

  .header-menu .toolbar .header-menu-group li .icon_menu {
    color: #8C7D48;
  }
}

.header-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
}

@media (max-width: 991px) {
  .header-menu ul {
    padding-left: 0 !important;
  }
}

.header-menu ul.lang {
  padding: 0 25px;
  position: relative;
  top: 38px;
}

@media (max-width: 991px) {
  .header-menu ul.lang {
    display: none;
  }
}

.header-menu ul.lang li {
  font-size: 16px;
  position: relative;
}

.header-menu ul.lang li:last-child:before {
  display: none;
}

.header-menu ul.lang li:before {
  content: '|';
  color: #000;
  position: absolute;
  right: 0;
  font-size: 14px;
}

.header-menu ul li {
  display: inline;
  padding-left: 15px;
  padding-right: 15px;
}

@media (max-width: 991px) {
  .header-menu ul li {
    line-height: 70px;
  }
}

.header-menu ul li span {
  line-height: 100px;
}

@media (max-width: 991px) {
  .header-menu ul li span {
    line-height: 70px;
  }
}

.header-menu ul li span:before {
  cursor: pointer;
  font-size: 26px;
}

.mobile-toolbar {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1000;
  opacity: 0;
  width: 0;
  -moz-transition: opacity 0.5s ease-in-out, transform 0.5s, width 0s ease 0.5s, height 0s ease 0.5s;
  -o-transition: opacity 0.5s ease-in-out, transform 0.5s, width 0s ease 0.5s, height 0s ease 0.5s;
  -webkit-transition: opacity 0.5s ease-in-out, transform 0.5s, width 0s ease 0.5s, height 0s ease 0.5s;
  transition: opacity 0.5s ease-in-out, transform 0.5s, width 0s ease 0.5s, height 0s ease 0.5s;
  will-change: transform, opacity;
}

@media (max-width: 991px) {
  .mobile-toolbar.show {
    width: 50px;
    opacity: 1;
    -moz-transition: opacity 0.5s ease-in-out, transform 0.5s;
    -o-transition: opacity 0.5s ease-in-out, transform 0.5s;
    -webkit-transition: opacity 0.5s ease-in-out, transform 0.5s;
    transition: opacity 0.5s ease-in-out, transform 0.5s;
    will-change: transform, opacity;
  }
}

.mobile-toolbar .lang {
  position: absolute;
  top: 0;
  right: 0;
  width: 102px;
  height: 50px;
  border: 1px solid #8C7D48;
  border-left: none;
  z-index: -1;
  font-size: 16px;
  line-height: 50px;
  -moz-transition: transform 0.25s ease-in-out;
  -o-transition: transform 0.25s ease-in-out;
  -webkit-transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  will-change: transform, opacity;
}

.mobile-toolbar .lang.show {
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  will-change: transform;
}

.mobile-toolbar .lang li {
  font-size: 16px;
  display: block;
  width: 50%;
  float: left;
}

.mobile-toolbar .lang li:active {
  background: #8C7D48;
}

.mobile-toolbar .lang li:active a {
  color: #fff;
}

.mobile-toolbar .lang li a {
  display: block;
  color: #8C7D48;
}

.mobile-toolbar .button {
  width: 100%;
  height: 50px;
  background: #F0F0EE;
  display: block;
  position: relative;
  font-size: 20px;
  border-top: 1px solid #8C7D48;
  border-right: 1px solid #8C7D48;
  cursor: pointer;
}

.mobile-toolbar .button:active {
  background: #8C7D48;
}

.mobile-toolbar .button:active span, .mobile-toolbar .button:active:before {
  color: #fff;
}

.mobile-toolbar .button span, .mobile-toolbar .button:before {
  color: #8C7D48;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  will-change: transform;
}

.popup-image-container {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: -1;
  opacity: 0;
  padding: 50px 20px;
  overflow: auto;
}

.popup-image-container.active {
  z-index: 1000;
  opacity: 1;
}

.popup-image-container .inner-container {
  max-width: 1200px;
  margin: 50px auto 0;
  min-height: 800px;
  overflow: hidden;
}

@media (max-width: 991px) {
  .popup-image-container .inner-container {
    min-height: 350px;
    margin-top: 30px;
  }
}

.popup-image-container .close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #000;
  font-size: 22px;
  cursor: pointer;
}

.page-homepage {
  background: #000 !important;
  overflow-y: auto;
}

@media (min-width: 992px) {
  .page-homepage .mainContainer {
    min-height: 850px;
    overflow-y: auto;
    position: relative;
    height: 100%;
  }
}

@media (max-width: 991px) {
  .page-homepage .mainContainer {
    padding-top: 0 !important;
  }
}

@media (max-width: 991px) {
  .page-homepage .header-menu {
    position: absolute;
  }
}

.page-homepage .header-menu .toolbar .header-menu-group {
  z-index: 2;
}

@media (min-width: 992px) {
  .page-homepage .header-menu .toolbar .header-menu-group li:hover .text {
    opacity: 1;
    -moz-transition: opacity 0.5s ease-in-out !important;
    -o-transition: opacity 0.5s ease-in-out !important;
    -webkit-transition: opacity 0.5s ease-in-out !important;
    transition: opacity 0.5s ease-in-out !important;
    will-change: transform, opacity;
  }
}

.page-homepage .header-menu .sub-menu-dropdown {
  display: none;
}

.page-homepage .circle {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 1;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  will-change: transform;
}

@media (max-width: 991px) {
  .page-homepage .mainContainer {
    position: relative;
    height: calc(100vh - 100px);
    width: 100vw;
  }

  .page-homepage .circle {
    margin-top: 0;
    height: calc(100vmax + 200px);
    width: 100vmax;
    top: 50%;
    left: 50%;
    transform: scale(.7) translate(-50%, -50%);
    transform-origin: top left;
  }
}

@media (max-width: 991px) and (max-aspect-ratio: 9 / 16) {
  .page-homepage .circle {
    transform: scale(.5) translate(-50%, -50%);
  }
}

.page-homepage .circle .svg {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 5;
  -moz-transform: translate(-50%, -50%) scale(0.75);
  -o-transform: translate(-50%, -50%) scale(0.75);
  -ms-transform: translate(-50%, -50%) scale(0.75);
  -webkit-transform: translate(-50%, -50%) scale(0.75);
  transform: translate(-50%, -50%) scale(0.75);
  will-change: transform;
  -moz-transition: transform 1.5s ease-in-out;
  -o-transition: transform 1.5s ease-in-out;
  -webkit-transition: transform 1.5s ease-in-out;
  transition: transform 1.5s ease-in-out;
  will-change: transform, opacity;
}

@media (min-width: 768px) and (max-width: 992px) {
  .page-homepage .circle .svg {
    -moz-transform: translate(-50%, -50%) scale(0.8);
    -o-transform: translate(-50%, -50%) scale(0.8);
    -ms-transform: translate(-50%, -50%) scale(0.8);
    -webkit-transform: translate(-50%, -50%) scale(0.8);
    transform: translate(-50%, -50%) scale(0.8);
    will-change: transform;
  }
}

@media (max-width: 767px) {
  .page-homepage .circle .svg {
    -moz-transform: translate(-50%, -50%) scale(0.57);
    -o-transform: translate(-50%, -50%) scale(0.57);
    -ms-transform: translate(-50%, -50%) scale(0.57);
    -webkit-transform: translate(-50%, -50%) scale(0.57);
    transform: translate(-50%, -50%) scale(0.57);
    will-change: transform;
  }
}

@media (max-width: 375px) {
  .page-homepage .circle .svg {
    -moz-transform: translate(-50%, -50%) scale(0.51);
    -o-transform: translate(-50%, -50%) scale(0.51);
    -ms-transform: translate(-50%, -50%) scale(0.51);
    -webkit-transform: translate(-50%, -50%) scale(0.51);
    transform: translate(-50%, -50%) scale(0.51);
    will-change: transform;
  }
}

@media (max-width: 320px) {
  .page-homepage .circle .svg {
    -moz-transform: translate(-50%, -50%) scale(0.435);
    -o-transform: translate(-50%, -50%) scale(0.435);
    -ms-transform: translate(-50%, -50%) scale(0.435);
    -webkit-transform: translate(-50%, -50%) scale(0.435);
    transform: translate(-50%, -50%) scale(0.435);
    will-change: transform;
  }
}

.page-homepage .circle .menu-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  width: 360px;
  height: auto;
  object-fit: contain;
  background-repeat: no-repeat;
  background-position: top center;
  opacity: 0;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  will-change: transform;
  opacity: 0;
}

.pageLoaded.page-homepage .circle .menu-logo, .pageLoaded .page-homepage .circle .menu-logo {
  -moz-transition: opacity 0.2s ease-in-out 0.2s;
  -o-transition: opacity 0.2s ease-in-out 0.2s;
  -webkit-transition: opacity 0.2s ease-in-out 0.2s;
  transition: opacity 0.2s ease-in-out 0.2s;
  will-change: transform, opacity;
  opacity: 1;
}

@media (min-width: 768px) and (max-width: 992px) {
  .page-homepage .circle .menu-logo {
    width: 300px;
  }
}

@media (max-width: 767px) {
  .page-homepage .circle .menu-logo {
    width: 70%;
    max-width: 360px;
  }
}

.page-homepage .circle .landing-menu-list {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 800px;
  list-style: none;
  z-index: 10;
  opacity: 0;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  will-change: transform;
  opacity: 0;
}

.pageLoaded.page-homepage .circle .landing-menu-list, .pageLoaded .page-homepage .circle .landing-menu-list {
  -moz-transition: opacity 0.2s ease-in-out 0.2s;
  -o-transition: opacity 0.2s ease-in-out 0.2s;
  -webkit-transition: opacity 0.2s ease-in-out 0.2s;
  transition: opacity 0.2s ease-in-out 0.2s;
  will-change: transform, opacity;
  opacity: 1;
}

@media (max-width: 991px) {
  .page-homepage .circle .landing-menu-list {
    /* display: none; */
  }
}

.page-homepage .circle .landing-menu-list>.menu-item {
  display: block;
  font-size: 18px;
  color: #fff;
  position: absolute;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  will-change: transform, opacity;
}

.lang-en.page-homepage .circle .landing-menu-list>.menu-item {
  white-space: nowrap;
}

.page-homepage .circle .landing-menu-list>.menu-item.item-1 {
  top: 108px;
  left: -9px;
}

.page-homepage .circle .landing-menu-list>.menu-item.item-1 .menu-item-children {
  left: 25px;
}

.lang-tc.page-homepage .circle .landing-menu-list>.menu-item.item-1, .lang-sc.page-homepage .circle .landing-menu-list>.menu-item.item-1 {
  direction: ltr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  letter-spacing: 8px !important;
  padding-top: 20px;
}

.lang-tc.page-homepage .circle .landing-menu-list>.menu-item.item-1 a, .lang-sc.page-homepage .circle .landing-menu-list>.menu-item.item-1 a {
  letter-spacing: 8px !important;
}

.lang-tc.page-homepage .circle .landing-menu-list>.menu-item.item-1 a.custom, .lang-sc.page-homepage .circle .landing-menu-list>.menu-item.item-1 a.custom {
  letter-spacing: 2px !important;
}

.page-homepage .circle .landing-menu-list>.menu-item.item-1>.title:before {
  padding-left: 1px;
}

.lang-en.page-homepage .circle .landing-menu-list>.menu-item.item-1 {
  top: 130px;
  left: 0px;
  white-space: nowrap;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  will-change: transform;
}

.lang-en.page-homepage .circle .landing-menu-list>.menu-item.item-1 .menu-item-children {
  padding-top: 30px;
}

.page-homepage .circle .landing-menu-list>.menu-item.item-2 {
  top: 217px;
  left: 171px;
}

.page-homepage .circle .landing-menu-list>.menu-item.item-2 .menu-item-children {
  left: 25px;
}

.lang-tc.page-homepage .circle .landing-menu-list>.menu-item.item-2, .lang-sc.page-homepage .circle .landing-menu-list>.menu-item.item-2 {
  direction: ltr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  letter-spacing: 8px !important;
  padding-top: 20px;
}

.lang-tc.page-homepage .circle .landing-menu-list>.menu-item.item-2 a, .lang-sc.page-homepage .circle .landing-menu-list>.menu-item.item-2 a {
  letter-spacing: 8px !important;
}

.lang-tc.page-homepage .circle .landing-menu-list>.menu-item.item-2 a.custom, .lang-sc.page-homepage .circle .landing-menu-list>.menu-item.item-2 a.custom {
  letter-spacing: 2px !important;
}

.page-homepage .circle .landing-menu-list>.menu-item.item-2>.title:before {
  padding-left: 1px;
}

.lang-en.page-homepage .circle .landing-menu-list>.menu-item.item-2 {
  top: 265px;
  left: 180px;
  padding-left: 20px;
}

.lang-en.page-homepage .circle .landing-menu-list>.menu-item.item-2 .menu-item-children {
  padding-top: 30px;
}

.page-homepage .circle .landing-menu-list>.menu-item.item-3 {
  top: 522px;
  left: 171px;
}

.page-homepage .circle .landing-menu-list>.menu-item.item-3 .menu-item-children {
  left: 25px;
}

.lang-tc.page-homepage .circle .landing-menu-list>.menu-item.item-3, .lang-sc.page-homepage .circle .landing-menu-list>.menu-item.item-3 {
  direction: ltr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  letter-spacing: 8px !important;
  padding-top: 20px;
}

.lang-tc.page-homepage .circle .landing-menu-list>.menu-item.item-3 a, .lang-sc.page-homepage .circle .landing-menu-list>.menu-item.item-3 a {
  letter-spacing: 8px !important;
}

.lang-tc.page-homepage .circle .landing-menu-list>.menu-item.item-3 a.custom, .lang-sc.page-homepage .circle .landing-menu-list>.menu-item.item-3 a.custom {
  letter-spacing: 2px !important;
}

.page-homepage .circle .landing-menu-list>.menu-item.item-3>.title:before {
  padding-left: 1px;
}

.lang-en.page-homepage .circle .landing-menu-list>.menu-item.item-3 {
  top: 570px;
  left: 180px;
  padding-left: 20px;
}

.lang-en.page-homepage .circle .landing-menu-list>.menu-item.item-3 .menu-item-children {
  padding-top: 30px;
}

.page-homepage .circle .landing-menu-list>.menu-item.item-4 {
  top: 656px;
  left: -9px;
}

.page-homepage .circle .landing-menu-list>.menu-item.item-4 .menu-item-children {
  right: 25px;
}

.lang-tc.page-homepage .circle .landing-menu-list>.menu-item.item-4, .lang-sc.page-homepage .circle .landing-menu-list>.menu-item.item-4 {
  direction: rtl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  letter-spacing: 8px !important;
  padding-top: 20px;
}

.lang-tc.page-homepage .circle .landing-menu-list>.menu-item.item-4 a, .lang-sc.page-homepage .circle .landing-menu-list>.menu-item.item-4 a {
  letter-spacing: 8px !important;
}

.lang-tc.page-homepage .circle .landing-menu-list>.menu-item.item-4 a.custom, .lang-sc.page-homepage .circle .landing-menu-list>.menu-item.item-4 a.custom {
  letter-spacing: 2px !important;
}

.page-homepage .circle .landing-menu-list>.menu-item.item-4>.title:before {
  padding-right: 1px;
}

.lang-en.page-homepage .circle .landing-menu-list>.menu-item.item-4 {
  top: 704px;
  left: 0px;
  white-space: nowrap;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  will-change: transform;
}

.lang-en.page-homepage .circle .landing-menu-list>.menu-item.item-4 .menu-item-children {
  padding-top: 30px;
}

.page-homepage .circle .landing-menu-list>.menu-item.item-5 {
  top: 522px;
  left: -189px;
}

.page-homepage .circle .landing-menu-list>.menu-item.item-5 .menu-item-children {
  right: 25px;
}

.lang-tc.page-homepage .circle .landing-menu-list>.menu-item.item-5, .lang-sc.page-homepage .circle .landing-menu-list>.menu-item.item-5 {
  direction: rtl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  letter-spacing: 8px !important;
  padding-top: 20px;
}

.lang-tc.page-homepage .circle .landing-menu-list>.menu-item.item-5 a, .lang-sc.page-homepage .circle .landing-menu-list>.menu-item.item-5 a {
  letter-spacing: 8px !important;
}

.lang-tc.page-homepage .circle .landing-menu-list>.menu-item.item-5 a.custom, .lang-sc.page-homepage .circle .landing-menu-list>.menu-item.item-5 a.custom {
  letter-spacing: 2px !important;
}

.page-homepage .circle .landing-menu-list>.menu-item.item-5>.title:before {
  padding-right: 1px;
}

.lang-en.page-homepage .circle .landing-menu-list>.menu-item.item-5 {
  top: 570px;
  left: -180px;
  padding-right: 20px;
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  will-change: transform;
}

.lang-en.page-homepage .circle .landing-menu-list>.menu-item.item-5 .menu-item-children {
  padding-top: 30px;
  text-align: right;
}

.lang-en.page-homepage .circle .landing-menu-list>.menu-item.item-5 a:before {
  left: auto;
}

.page-homepage .circle .landing-menu-list>.menu-item.item-6 {
  top: 217px;
  left: -189px;
}

.page-homepage .circle .landing-menu-list>.menu-item.item-6 .menu-item-children {
  right: 25px;
}

.lang-tc.page-homepage .circle .landing-menu-list>.menu-item.item-6, .lang-sc.page-homepage .circle .landing-menu-list>.menu-item.item-6 {
  direction: rtl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  letter-spacing: 8px !important;
  padding-top: 20px;
}

.lang-tc.page-homepage .circle .landing-menu-list>.menu-item.item-6 a, .lang-sc.page-homepage .circle .landing-menu-list>.menu-item.item-6 a {
  letter-spacing: 8px !important;
}

.lang-tc.page-homepage .circle .landing-menu-list>.menu-item.item-6 a.custom, .lang-sc.page-homepage .circle .landing-menu-list>.menu-item.item-6 a.custom {
  letter-spacing: 2px !important;
}

.page-homepage .circle .landing-menu-list>.menu-item.item-6>.title:before {
  padding-right: 1px;
}

.lang-en.page-homepage .circle .landing-menu-list>.menu-item.item-6 {
  top: 265px;
  left: -180px;
  padding-right: 20px;
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  will-change: transform;
}

.lang-en.page-homepage .circle .landing-menu-list>.menu-item.item-6 .menu-item-children {
  padding-top: 30px;
  text-align: right;
}

.lang-en.page-homepage .circle .landing-menu-list>.menu-item.item-6 a:before {
  left: auto;
}

.page-homepage .circle .landing-menu-list>.menu-item.item-7 {
  top: 620px;
  left: 0px;
}

.page-homepage .circle .landing-menu-list>.menu-item.item-7 .menu-item-children {
  right: 25px;
}

.lang-tc.page-homepage .circle .landing-menu-list>.menu-item.item-7, .lang-sc.page-homepage .circle .landing-menu-list>.menu-item.item-7 {
  direction: rtl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  letter-spacing: 8px !important;
  padding-top: 20px;
}

.lang-tc.page-homepage .circle .landing-menu-list>.menu-item.item-7 a, .lang-sc.page-homepage .circle .landing-menu-list>.menu-item.item-7 a {
  letter-spacing: 8px !important;
}

.lang-tc.page-homepage .circle .landing-menu-list>.menu-item.item-7 a.custom, .lang-sc.page-homepage .circle .landing-menu-list>.menu-item.item-7 a.custom {
  letter-spacing: 2px !important;
}

.page-homepage .circle .landing-menu-list>.menu-item.item-7>.title:before {
  padding-right: 1px;
}

.lang-en.page-homepage .circle .landing-menu-list>.menu-item.item-7 {
  top: 472px;
  left: -242px;
  padding-right: 20px;
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  will-change: transform;
}

.lang-en.page-homepage .circle .landing-menu-list>.menu-item.item-7 .menu-item-children {
  padding-top: 30px;
  text-align: right;
}

.lang-en.page-homepage .circle .landing-menu-list>.menu-item.item-7 a:before {
  left: auto;
}

.page-homepage .circle .landing-menu-list>.menu-item.item-8 {
  top: 500px;
  left: -230px;
}

.page-homepage .circle .landing-menu-list>.menu-item.item-8 .menu-item-children {
  right: 25px;
}

.lang-tc.page-homepage .circle .landing-menu-list>.menu-item.item-8, .lang-sc.page-homepage .circle .landing-menu-list>.menu-item.item-8 {
  direction: rtl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  letter-spacing: 8px !important;
  padding-top: 20px;
}

.lang-tc.page-homepage .circle .landing-menu-list>.menu-item.item-8 a, .lang-sc.page-homepage .circle .landing-menu-list>.menu-item.item-8 a {
  letter-spacing: 8px !important;
}

.lang-tc.page-homepage .circle .landing-menu-list>.menu-item.item-8 a.custom, .lang-sc.page-homepage .circle .landing-menu-list>.menu-item.item-8 a.custom {
  letter-spacing: 2px !important;
}

.page-homepage .circle .landing-menu-list>.menu-item.item-8>.title:before {
  padding-right: 1px;
}

.lang-en.page-homepage .circle .landing-menu-list>.menu-item.item-8 {
  top: 332px;
  left: -265px;
  padding-right: 20px;
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  will-change: transform;
}

.lang-en.page-homepage .circle .landing-menu-list>.menu-item.item-8 .menu-item-children {
  padding-top: 30px;
  text-align: right;
}

.lang-en.page-homepage .circle .landing-menu-list>.menu-item.item-8 a:before {
  left: auto;
}

.page-homepage .circle .landing-menu-list>.menu-item.item-9 {
  top: 575px;
  left: 126px;
}

.page-homepage .circle .landing-menu-list>.menu-item.item-9 .menu-item-children {
  left: 25px;
}

.lang-tc.page-homepage .circle .landing-menu-list>.menu-item.item-9, .lang-sc.page-homepage .circle .landing-menu-list>.menu-item.item-9 {
  direction: ltr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  letter-spacing: 8px !important;
  padding-top: 20px;
}

.lang-tc.page-homepage .circle .landing-menu-list>.menu-item.item-9 a, .lang-sc.page-homepage .circle .landing-menu-list>.menu-item.item-9 a {
  letter-spacing: 8px !important;
}

.lang-tc.page-homepage .circle .landing-menu-list>.menu-item.item-9 a.custom, .lang-sc.page-homepage .circle .landing-menu-list>.menu-item.item-9 a.custom {
  letter-spacing: 2px !important;
}

.page-homepage .circle .landing-menu-list>.menu-item.item-9>.title:before {
  padding-left: 1px;
}

.lang-en.page-homepage .circle .landing-menu-list>.menu-item.item-9 {
  top: 490px;
  left: 215px;
  padding-left: 20px;
}

.lang-en.page-homepage .circle .landing-menu-list>.menu-item.item-9 .menu-item-children {
  padding-top: 30px;
}

.page-homepage .circle .landing-menu-list>.menu-item.item-10 {
  top: 325px;
  left: 296px;
}

.page-homepage .circle .landing-menu-list>.menu-item.item-10 .menu-item-children {
  left: 25px;
}

.lang-tc.page-homepage .circle .landing-menu-list>.menu-item.item-10, .lang-sc.page-homepage .circle .landing-menu-list>.menu-item.item-10 {
  direction: ltr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  letter-spacing: 8px !important;
  padding-top: 20px;
}

.lang-tc.page-homepage .circle .landing-menu-list>.menu-item.item-10 a, .lang-sc.page-homepage .circle .landing-menu-list>.menu-item.item-10 a {
  letter-spacing: 8px !important;
}

.lang-tc.page-homepage .circle .landing-menu-list>.menu-item.item-10 a.custom, .lang-sc.page-homepage .circle .landing-menu-list>.menu-item.item-10 a.custom {
  letter-spacing: 2px !important;
}

.page-homepage .circle .landing-menu-list>.menu-item.item-10>.title:before {
  padding-left: 1px;
}

.lang-en.page-homepage .circle .landing-menu-list>.menu-item.item-10 {
  top: 290px;
  left: 255px;
  padding-left: 20px;
}

.lang-en.page-homepage .circle .landing-menu-list>.menu-item.item-10 .menu-item-children {
  padding-top: 30px;
}

.page-homepage .circle .landing-menu-list>.menu-item:hover .menu-item-children {
  opacity: 1;
  height: 230px;
  width: 300px;
  -moz-transition: opacity 0.5s ease-in-out, transform 0.5s;
  -o-transition: opacity 0.5s ease-in-out, transform 0.5s;
  -webkit-transition: opacity 0.5s ease-in-out, transform 0.5s;
  transition: opacity 0.5s ease-in-out, transform 0.5s;
  will-change: transform, opacity;
}

.page-homepage .circle .landing-menu-list>.menu-item .title {
  color: #fff;
}

.page-homepage .circle .landing-menu-list>.menu-item .title:before {
  font-size: 12px;
  content: '○';
  position: absolute;
  text-align: center;
  top: 0;
  left: 0;
  right: 0;
}

.lang-en.page-homepage .circle .landing-menu-list>.menu-item .title:before {
  text-align: left;
  padding-top: 5px;
}

.page-homepage .circle .landing-menu-list>.menu-item .menu-item-children {
  list-style: none;
  text-align: left;
  position: absolute;
  top: 0px;
  height: 0px;
  width: 0px;
  overflow: hidden;
  opacity: 0;
  padding: 20px 10px;
  -moz-transition: opacity 0.5s ease-in-out, transform 0.5s, width 0s ease 0.5s, height 0s ease 0.5s;
  -o-transition: opacity 0.5s ease-in-out, transform 0.5s, width 0s ease 0.5s, height 0s ease 0.5s;
  -webkit-transition: opacity 0.5s ease-in-out, transform 0.5s, width 0s ease 0.5s, height 0s ease 0.5s;
  transition: opacity 0.5s ease-in-out, transform 0.5s, width 0s ease 0.5s, height 0s ease 0.5s;
  will-change: transform, opacity;
}

.lang-tc.page-homepage .circle .landing-menu-list>.menu-item .menu-item-children li, .lang-sc.page-homepage .circle .landing-menu-list>.menu-item .menu-item-children li {
  padding: 0 4px;
}

.page-homepage .circle .landing-menu-list>.menu-item .menu-item-children li.disable {
  opacity: 0.35;
  pointer-events: none;
}

.page-homepage .circle .landing-menu-list>.menu-item .menu-item-children a {
  color: #fff;
}

.page-homepage .circle canvas {
  max-width: 100vw;
  overflow-x: hidden;
}

.page-homepage .landing-news {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
  z-index: 100;
  display: none;
}

@media (max-width: 991px) {
  .page-homepage .landing-news {
    display: block;
    height: 100px;
  }
}

.page-homepage .landing-news .title {
  text-align: center;
  margin: 0 auto;
}

.lang-tc.page-homepage .landing-news .title, .lang-sc.page-homepage .landing-news .title {
  direction: ltr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  letter-spacing: 8px !important;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  will-change: transform;
  height: 100%;
}

.lang-tc.page-homepage .landing-news .title a, .lang-sc.page-homepage .landing-news .title a {
  letter-spacing: 8px !important;
}

.page-homepage .landing-news .line {
  width: 1px;
  height: 50px;
  background: #fff;
  margin: 0 auto;
  margin-top: 110px;
}

.page-homepage .news-zone {
  position: fixed;
  z-index: 0;
  top: 0;
  right: 0;
  overflow-y: scroll;
  opacity: 0;
  width: 0;
  height: 0;
  max-height: 100vh;
  -moz-transition: opacity 0.5s ease-in-out, transform 0.5s, width 0s ease 0.5s, height 0s ease 0.5s;
  -o-transition: opacity 0.5s ease-in-out, transform 0.5s, width 0s ease 0.5s, height 0s ease 0.5s;
  -webkit-transition: opacity 0.5s ease-in-out, transform 0.5s, width 0s ease 0.5s, height 0s ease 0.5s;
  transition: opacity 0.5s ease-in-out, transform 0.5s, width 0s ease 0.5s, height 0s ease 0.5s;
  will-change: transform, opacity;
}

@media (max-width: 991px) {
  .page-homepage .news-zone {
    top: 100vh;
    overflow-y: auto;
  }
}

.page-homepage .news-zone.show {
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 10;
  background-color: #D0C4AD;
  -moz-transition: opacity 0.5s ease-in-out, transform 0.5s;
  -o-transition: opacity 0.5s ease-in-out, transform 0.5s;
  -webkit-transition: opacity 0.5s ease-in-out, transform 0.5s;
  transition: opacity 0.5s ease-in-out, transform 0.5s;
  will-change: transform, opacity;
}

@media (max-width: 991px) {
  .page-homepage .news-zone {
    position: relative !important;
    opacity: 1;
    width: 100%;
    height: auto;
    max-height: none;
  }
}

.page-homepage .news-zone .news-close {
  cursor: pointer;
}

.page-homepage .news-zone .news-list {
  margin-top: 100px;
  padding-right: 15px;
  position: relative;
}

@media (max-width: 991px) {
  .page-homepage .news-zone .news-list {
    padding-right: 0;
    padding-top: 0;
  }
}

.page-homepage .news-zone .news-list .mask-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #D0C4AD;
  z-index: 99;
}

.page-homepage .news-zone .news {
  font-size: 26px;
  color: white;
}

.page-homepage .news-zone .news .sub-title {
  float: right;
}

.lang-tc.page-homepage .news-zone .news .sub-title, .lang-sc.page-homepage .news-zone .news .sub-title {
  direction: ltr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  letter-spacing: 8px !important;
  width: 40px;
  line-height: 40px;
}

.lang-tc.page-homepage .news-zone .news .sub-title a, .lang-sc.page-homepage .news-zone .news .sub-title a {
  letter-spacing: 8px !important;
}

@media (max-width: 991px) {
  .lang-tc.page-homepage .news-zone .news .sub-title, .lang-sc.page-homepage .news-zone .news .sub-title {
    display: none;
  }
}

.lang-en.page-homepage .news-zone .news .sub-title {
  position: absolute;
  top: -45px;
  right: -15px;
  width: 300px;
  transform: translateX(100%);
}

.page-homepage .news-zone .news .sub-title span:before {
  color: white;
}

.page-homepage .news-zone .top-item-col {
  text-align: right;
  padding-bottom: 20px;
}

.page-homepage .news-zone .top-item-col .top-item {
  position: relative;
  width: 100%;
  height: 550px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -25px;
}

@media (min-width: 1920px) {
  .page-homepage .news-zone .top-item-col .top-item {
    height: 0;
    /* padding-top: 133%; */
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

@media (max-width: 991px) {
  .page-homepage .news-zone .top-item-col .top-item {
    background: none;
    height: auto;
  }
}

.page-homepage .news-zone .top-item-col .top-item img {
  height: 100%;
  cursor: pointer;
}

.page-homepage .news-zone .top-item-col .top-item .info-item-image {
  width: 100%;
}

@media (min-width: 992px) {
  .page-homepage .news-zone .top-item-col .top-item .info-item-image {
    display: none;
  }
}

.page-homepage .news-zone .top-item-col .top-item .top-info-wrapper {
  text-align: left;
  position: absolute;
  border: 1px solid white;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: 15px;
}

.page-homepage .news-zone .top-item-col .top-item .top-info-wrapper .info-item {
  position: absolute;
  bottom: 0;
  padding: 15px;
  width: 100%;
  text-align: center;
  cursor: pointer;
}

@media (max-width: 991px) {
  .page-homepage .news-zone .top-item-col .top-item .top-info-wrapper .info-item {
    padding: 10px;
    text-align: left;
  }
}

.page-homepage .news-zone .top-item-col .top-item .top-info-wrapper .info-item .info-item-inner {
  max-width: 180px;
  width: 100%;
  display: inline-block;
  border: 1px solid #60583E;
  padding: 15px 20px;
  text-align: center;
}

.page-homepage .news-zone .top-item-col .top-item .top-info-wrapper .info-item .info-item-inner:hover {
  border: 1px solid #9B730E;
}

.page-homepage .news-zone .top-item-col .top-item .top-info-wrapper .info-item .info-item-inner:hover>a {
  color: #9B730E;
}

@media (max-width: 991px) {
  .page-homepage .news-zone .top-item-col .top-item .top-info-wrapper .info-item .info-item-inner {
    max-width: 180px;
    width: 70%;
    padding: 10px 20px;
  }
}

.page-homepage .news-zone .top-item-col .top-item .top-info-wrapper .info-item .title {
  color: #484338;
  font-size: 18px;
  margin-bottom: 5px;
}

.page-homepage .news-zone .top-item-col .top-item .top-info-wrapper .info-item .desc {
  color: #484338;
  font-size: 16px;
  margin-bottom: 20px;
}

.page-homepage .news-zone .top-item-col .top-item .top-info-wrapper .info-item button {
  width: 70%;
  border: 1px solid white;
  background: none;
  padding: 15px 20px;
  color: white;
}

.page-homepage .news-zone .event-list .news-slider {
  display: block;
}

.page-homepage .news-zone .event-list .item {
  background-color: rgba(255, 255, 255, 0.67);
  margin-bottom: 20px;
}

.page-homepage .news-zone .event-list .item .background-image {
  height: 0;
  padding-top: 133%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-homepage .news-zone .event-list .item .item-info {
  padding: 15px;
}

.page-homepage .news-zone .event-list .item .item-info .top-container {
  margin-bottom: 10px;
  min-height: 50px;
}

.page-homepage .news-zone .event-list .item .item-info .title, .page-homepage .news-zone .event-list .item .item-info .short-title {
  font-size: 18px;
  font-weight: lighter;
  color: #8C7D48;
}

.page-homepage .news-zone .event-list .item .item-info .date, .page-homepage .news-zone .event-list .item .item-info .time, .page-homepage .news-zone .event-list .item .item-info .desc {
  font-weight: lighter;
  font-size: 16px;
  color: #484338;
  margin-bottom: 10px;
}

.page-homepage .news-zone .event-list .item .item-info .desc {
  height: 75px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 25px;
  max-height: 75px;
}

.page-homepage .news-zone .event-list .item .item-info .event-btn-container {
  text-align: right;
}

.page-homepage .news-zone .event-list .item .item-info .event-btn {
  position: relative;
  border: none;
  border-radius: 0;
  box-shadow: none;
  text-transform: none;
  padding-right: 45px;
  color: #484338;
  padding-bottom: 30px;
  font-size: 14px;
  display: inline-block;
  cursor: pointer;
  line-height: 1;
}

.page-homepage .news-zone .event-list .item .item-info .event-btn a:after {
  font-family: 'spga' !important;
  content: "\e90e";
  font-size: 42px;
  position: absolute;
  top: 0;
  right: 0;
}

.page-homepage .news-zone .event-list .item .item-info .event-btn:hover {
  color: #9B730E;
}

.page-homepage .news-zone .event-list .item .item-info .event-btn:hover>a {
  color: #9B730E;
}

.page-homepage .news-zone .event-list .owl-theme .owl-dots .owl-dot.active span,
.page-homepage .news-zone .event-list .owl-theme .owl-dots .owl-dot:hover span {
  background: #9B730E;
}

.page-homepage .footer-menu {
  z-index: 10;
  display: block !important;
  position: fixed;
  right: 20px;
  bottom: 0;
}

.page-homepage .footer-menu .footer-menu-group {
  float: right;
  white-space: normal;
  z-index: 2;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}

@media (max-width: 991px) {
  .page-homepage .footer-menu .footer-menu-group {
    display: none;
  }
}

.page-homepage .footer-menu .footer-menu-group li {
  display: inline-block;
  position: relative;
  line-height: 100px;
  padding-left: 15px;
  padding-right: 15px;
  cursor: pointer;
}

.page-homepage .footer-menu .footer-menu-group li span:before {
  font-size: 26px;
  color: white;
}

.page-homepage .footer-menu .footer-menu-group li:hover .text {
  opacity: 1;
  -moz-transition: opacity 0.5s ease-in-out !important;
  -o-transition: opacity 0.5s ease-in-out !important;
  -webkit-transition: opacity 0.5s ease-in-out !important;
  transition: opacity 0.5s ease-in-out !important;
  will-change: transform, opacity;
}

.page-homepage .footer-menu .footer-menu-group li .text {
  font-size: 14px;
  display: inline-block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 50%;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  will-change: transform;
  padding: 4px;
  line-height: normal;
  min-width: 155%;
  background: #fff;
  color: #000;
  border-radius: 4px;
  text-align: center;
  -moz-transition: opacity 0.5s ease-in-out, max-height 0s ease 1s;
  -o-transition: opacity 0.5s ease-in-out, max-height 0s ease 1s;
  -webkit-transition: opacity 0.5s ease-in-out, max-height 0s ease 1s;
  transition: opacity 0.5s ease-in-out, max-height 0s ease 1s;
  will-change: transform, opacity;
}

@media (min-width: 992px) {
  .page-homepage canvas {
    position: fixed !important;
  }
}

.template-1 .inner-container .main-col {
  min-height: calc(100vh - 100px);
}

.template-1 .inner-container .main-col .content-container {
  padding: 20px 15px 100px 15px;
  width: 80%;
  margin: 0 auto;
  opacity: 0;
}

.pageLoaded.template-1 .inner-container .main-col .content-container, .pageLoaded .template-1 .inner-container .main-col .content-container {
  -moz-transition: opacity 0.2s ease-in-out 0.2s;
  -o-transition: opacity 0.2s ease-in-out 0.2s;
  -webkit-transition: opacity 0.2s ease-in-out 0.2s;
  transition: opacity 0.2s ease-in-out 0.2s;
  will-change: transform, opacity;
  opacity: 1;
}

@media (max-width: 991px) {
  .template-1 .inner-container .main-col .content-container {
    width: 100%;
  }
}

.template-1 .inner-container .side-col {
  overflow: hidden;
  background: #000;
}

@media (max-width: 991px) {
  .template-1 .inner-container .side-col {
    display: none;
  }
}

@media (min-width: 992px) {
  .template-1 .inner-container .mobile-banner-container {
    display: none;
  }
}

.template-1 .inner-container .mobile-banner-container .mobile-banner-background {
  height: 0;
  padding-top: 56.25%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

@media (max-width: 991px) {
  .template-1 .inner-container .mobile-banner-container .mobile-banner-background {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.template-1 .inner-container .mobile-banner-container .mobile-banner-background .mobile-section-label {
  font-weight: bold;
  font-size: 30px;
  color: #484338;
  color: #FFF;
}

.template-1 .inner-container .mobile-banner-container .mobile-banner-background .mobile-section-label a {
  font-weight: bold;
  font-size: 30px;
  color: #484338;
}

.lang-tc.template-1 .inner-container .mobile-banner-container .mobile-banner-background .mobile-section-label, .lang-sc.template-1 .inner-container .mobile-banner-container .mobile-banner-background .mobile-section-label {
  direction: ltr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  letter-spacing: 8px !important;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  will-change: transform;
  margin: 0 auto;
  height: 100%;
  padding: 20px 0;
  text-align: center;
}

.lang-tc.template-1 .inner-container .mobile-banner-container .mobile-banner-background .mobile-section-label a, .lang-sc.template-1 .inner-container .mobile-banner-container .mobile-banner-background .mobile-section-label a {
  letter-spacing: 8px !important;
}

.lang-en.template-1 .inner-container .mobile-banner-container .mobile-banner-background .mobile-section-label {
  text-align: center;
}

@media (max-width: 991px) {
  .template-1 .inner-container .mobile-banner-container .mobile-banner-background .mobile-section-label {
    font-size: 25px;
    top: 50%;
    position: absolute;
  }
}

.template-1 .menu-group {
  text-align: center;
  padding: 80px 10% 100px 10%;
}

.template-1 .menu-group .animation-item.item-1 {
  opacity: 0;
}

.pageLoaded.template-1 .menu-group .animation-item.item-1, .pageLoaded .template-1 .menu-group .animation-item.item-1 {
  -moz-transition: opacity 0.4s ease-in-out 0.5s;
  -o-transition: opacity 0.4s ease-in-out 0.5s;
  -webkit-transition: opacity 0.4s ease-in-out 0.5s;
  transition: opacity 0.4s ease-in-out 0.5s;
  will-change: transform, opacity;
  opacity: 1;
}

.template-1 .menu-group .animation-item.item-2 {
  opacity: 0;
}

.pageLoaded.template-1 .menu-group .animation-item.item-2, .pageLoaded .template-1 .menu-group .animation-item.item-2 {
  -moz-transition: opacity 0.4s ease-in-out 0.75s;
  -o-transition: opacity 0.4s ease-in-out 0.75s;
  -webkit-transition: opacity 0.4s ease-in-out 0.75s;
  transition: opacity 0.4s ease-in-out 0.75s;
  will-change: transform, opacity;
  opacity: 1;
}

.template-1 .menu-group .animation-item.item-3 {
  opacity: 0;
}

.pageLoaded.template-1 .menu-group .animation-item.item-3, .pageLoaded .template-1 .menu-group .animation-item.item-3 {
  -moz-transition: opacity 0.4s ease-in-out 0.8333333333s;
  -o-transition: opacity 0.4s ease-in-out 0.8333333333s;
  -webkit-transition: opacity 0.4s ease-in-out 0.8333333333s;
  transition: opacity 0.4s ease-in-out 0.8333333333s;
  will-change: transform, opacity;
  opacity: 1;
}

.template-1 .menu-group .animation-item.item-4 {
  opacity: 0;
}

.pageLoaded.template-1 .menu-group .animation-item.item-4, .pageLoaded .template-1 .menu-group .animation-item.item-4 {
  -moz-transition: opacity 0.4s ease-in-out 0.875s;
  -o-transition: opacity 0.4s ease-in-out 0.875s;
  -webkit-transition: opacity 0.4s ease-in-out 0.875s;
  transition: opacity 0.4s ease-in-out 0.875s;
  will-change: transform, opacity;
  opacity: 1;
}

.template-1 .menu-group .animation-item.item-5 {
  opacity: 0;
}

.pageLoaded.template-1 .menu-group .animation-item.item-5, .pageLoaded .template-1 .menu-group .animation-item.item-5 {
  -moz-transition: opacity 0.4s ease-in-out 0.9s;
  -o-transition: opacity 0.4s ease-in-out 0.9s;
  -webkit-transition: opacity 0.4s ease-in-out 0.9s;
  transition: opacity 0.4s ease-in-out 0.9s;
  will-change: transform, opacity;
  opacity: 1;
}

.template-1 .menu-group .animation-item.item-6 {
  opacity: 0;
}

.pageLoaded.template-1 .menu-group .animation-item.item-6, .pageLoaded .template-1 .menu-group .animation-item.item-6 {
  -moz-transition: opacity 0.4s ease-in-out 0.9166666667s;
  -o-transition: opacity 0.4s ease-in-out 0.9166666667s;
  -webkit-transition: opacity 0.4s ease-in-out 0.9166666667s;
  transition: opacity 0.4s ease-in-out 0.9166666667s;
  will-change: transform, opacity;
  opacity: 1;
}

.template-1 .menu-group .animation-item.item-7 {
  opacity: 0;
}

.pageLoaded.template-1 .menu-group .animation-item.item-7, .pageLoaded .template-1 .menu-group .animation-item.item-7 {
  -moz-transition: opacity 0.4s ease-in-out 0.9285714286s;
  -o-transition: opacity 0.4s ease-in-out 0.9285714286s;
  -webkit-transition: opacity 0.4s ease-in-out 0.9285714286s;
  transition: opacity 0.4s ease-in-out 0.9285714286s;
  will-change: transform, opacity;
  opacity: 1;
}

.template-1 .menu-group .animation-item.item-8 {
  opacity: 0;
}

.pageLoaded.template-1 .menu-group .animation-item.item-8, .pageLoaded .template-1 .menu-group .animation-item.item-8 {
  -moz-transition: opacity 0.4s ease-in-out 0.9375s;
  -o-transition: opacity 0.4s ease-in-out 0.9375s;
  -webkit-transition: opacity 0.4s ease-in-out 0.9375s;
  transition: opacity 0.4s ease-in-out 0.9375s;
  will-change: transform, opacity;
  opacity: 1;
}

.template-1 .menu-group .animation-item.item-9 {
  opacity: 0;
}

.pageLoaded.template-1 .menu-group .animation-item.item-9, .pageLoaded .template-1 .menu-group .animation-item.item-9 {
  -moz-transition: opacity 0.4s ease-in-out 0.9444444444s;
  -o-transition: opacity 0.4s ease-in-out 0.9444444444s;
  -webkit-transition: opacity 0.4s ease-in-out 0.9444444444s;
  transition: opacity 0.4s ease-in-out 0.9444444444s;
  will-change: transform, opacity;
  opacity: 1;
}

.template-1 .menu-group .animation-item.item-10 {
  opacity: 0;
}

.pageLoaded.template-1 .menu-group .animation-item.item-10, .pageLoaded .template-1 .menu-group .animation-item.item-10 {
  -moz-transition: opacity 0.4s ease-in-out 0.95s;
  -o-transition: opacity 0.4s ease-in-out 0.95s;
  -webkit-transition: opacity 0.4s ease-in-out 0.95s;
  transition: opacity 0.4s ease-in-out 0.95s;
  will-change: transform, opacity;
  opacity: 1;
}

.template-1 .menu-group .animation-item.item-11 {
  opacity: 0;
}

.pageLoaded.template-1 .menu-group .animation-item.item-11, .pageLoaded .template-1 .menu-group .animation-item.item-11 {
  -moz-transition: opacity 0.4s ease-in-out 0.9545454545s;
  -o-transition: opacity 0.4s ease-in-out 0.9545454545s;
  -webkit-transition: opacity 0.4s ease-in-out 0.9545454545s;
  transition: opacity 0.4s ease-in-out 0.9545454545s;
  will-change: transform, opacity;
  opacity: 1;
}

.template-1 .menu-group .animation-item.item-12 {
  opacity: 0;
}

.pageLoaded.template-1 .menu-group .animation-item.item-12, .pageLoaded .template-1 .menu-group .animation-item.item-12 {
  -moz-transition: opacity 0.4s ease-in-out 0.9583333333s;
  -o-transition: opacity 0.4s ease-in-out 0.9583333333s;
  -webkit-transition: opacity 0.4s ease-in-out 0.9583333333s;
  transition: opacity 0.4s ease-in-out 0.9583333333s;
  will-change: transform, opacity;
  opacity: 1;
}

.template-1 .menu-group .animation-item.item-13 {
  opacity: 0;
}

.pageLoaded.template-1 .menu-group .animation-item.item-13, .pageLoaded .template-1 .menu-group .animation-item.item-13 {
  -moz-transition: opacity 0.4s ease-in-out 0.9615384615s;
  -o-transition: opacity 0.4s ease-in-out 0.9615384615s;
  -webkit-transition: opacity 0.4s ease-in-out 0.9615384615s;
  transition: opacity 0.4s ease-in-out 0.9615384615s;
  will-change: transform, opacity;
  opacity: 1;
}

.template-1 .menu-group .animation-item.item-14 {
  opacity: 0;
}

.pageLoaded.template-1 .menu-group .animation-item.item-14, .pageLoaded .template-1 .menu-group .animation-item.item-14 {
  -moz-transition: opacity 0.4s ease-in-out 0.9642857143s;
  -o-transition: opacity 0.4s ease-in-out 0.9642857143s;
  -webkit-transition: opacity 0.4s ease-in-out 0.9642857143s;
  transition: opacity 0.4s ease-in-out 0.9642857143s;
  will-change: transform, opacity;
  opacity: 1;
}

.template-1 .menu-group .animation-item.item-15 {
  opacity: 0;
}

.pageLoaded.template-1 .menu-group .animation-item.item-15, .pageLoaded .template-1 .menu-group .animation-item.item-15 {
  -moz-transition: opacity 0.4s ease-in-out 0.9666666667s;
  -o-transition: opacity 0.4s ease-in-out 0.9666666667s;
  -webkit-transition: opacity 0.4s ease-in-out 0.9666666667s;
  transition: opacity 0.4s ease-in-out 0.9666666667s;
  will-change: transform, opacity;
  opacity: 1;
}

.template-1 .menu-group .animation-item.item-16 {
  opacity: 0;
}

.pageLoaded.template-1 .menu-group .animation-item.item-16, .pageLoaded .template-1 .menu-group .animation-item.item-16 {
  -moz-transition: opacity 0.4s ease-in-out 0.96875s;
  -o-transition: opacity 0.4s ease-in-out 0.96875s;
  -webkit-transition: opacity 0.4s ease-in-out 0.96875s;
  transition: opacity 0.4s ease-in-out 0.96875s;
  will-change: transform, opacity;
  opacity: 1;
}

.template-1 .menu-group .animation-item.item-17 {
  opacity: 0;
}

.pageLoaded.template-1 .menu-group .animation-item.item-17, .pageLoaded .template-1 .menu-group .animation-item.item-17 {
  -moz-transition: opacity 0.4s ease-in-out 0.9705882353s;
  -o-transition: opacity 0.4s ease-in-out 0.9705882353s;
  -webkit-transition: opacity 0.4s ease-in-out 0.9705882353s;
  transition: opacity 0.4s ease-in-out 0.9705882353s;
  will-change: transform, opacity;
  opacity: 1;
}

.template-1 .menu-group .animation-item.item-18 {
  opacity: 0;
}

.pageLoaded.template-1 .menu-group .animation-item.item-18, .pageLoaded .template-1 .menu-group .animation-item.item-18 {
  -moz-transition: opacity 0.4s ease-in-out 0.9722222222s;
  -o-transition: opacity 0.4s ease-in-out 0.9722222222s;
  -webkit-transition: opacity 0.4s ease-in-out 0.9722222222s;
  transition: opacity 0.4s ease-in-out 0.9722222222s;
  will-change: transform, opacity;
  opacity: 1;
}

.template-1 .menu-group .animation-item.item-19 {
  opacity: 0;
}

.pageLoaded.template-1 .menu-group .animation-item.item-19, .pageLoaded .template-1 .menu-group .animation-item.item-19 {
  -moz-transition: opacity 0.4s ease-in-out 0.9736842105s;
  -o-transition: opacity 0.4s ease-in-out 0.9736842105s;
  -webkit-transition: opacity 0.4s ease-in-out 0.9736842105s;
  transition: opacity 0.4s ease-in-out 0.9736842105s;
  will-change: transform, opacity;
  opacity: 1;
}

.template-1 .menu-group .animation-item.item-20 {
  opacity: 0;
}

.pageLoaded.template-1 .menu-group .animation-item.item-20, .pageLoaded .template-1 .menu-group .animation-item.item-20 {
  -moz-transition: opacity 0.4s ease-in-out 0.975s;
  -o-transition: opacity 0.4s ease-in-out 0.975s;
  -webkit-transition: opacity 0.4s ease-in-out 0.975s;
  transition: opacity 0.4s ease-in-out 0.975s;
  will-change: transform, opacity;
  opacity: 1;
}

.template-1 .menu-group .subtitle {
  display: inline-block;
  font-weight: bold;
  font-size: 30px;
  color: #484338;
}

@media (max-width: 991px) {
  .template-1 .menu-group .subtitle {
    padding: 0 20px;
  }
}

.template-1 .menu-group .subtitle a {
  font-weight: bold;
  font-size: 30px;
  color: #484338;
}

.lang-tc.template-1 .menu-group .subtitle, .lang-sc.template-1 .menu-group .subtitle {
  direction: ltr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  letter-spacing: 8px !important;
  margin: 0 auto;
}

.lang-tc.template-1 .menu-group .subtitle a, .lang-sc.template-1 .menu-group .subtitle a {
  letter-spacing: 8px !important;
}

.lang-en.template-1 .menu-group .subtitle {
  text-align: center;
}

.template-1 .menu-group .menu-list {
  list-style: none;
  padding-top: 50px;
  padding-left: 0;
  text-align: center;
  overflow: hidden;
  display: inline-block;
}

.lang-tc.template-1 .menu-group .menu-list, .lang-sc.template-1 .menu-group .menu-list {
  direction: ltr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  letter-spacing: 8px !important;
  margin: 0 auto;
  text-align: left;
}

.lang-tc.template-1 .menu-group .menu-list a, .lang-sc.template-1 .menu-group .menu-list a {
  letter-spacing: 8px !important;
}

.template-1 .menu-group .menu-list li {
  position: relative;
  font-weight: bold;
  font-size: 18px;
  color: #484338;
}

.template-1 .menu-group .menu-list li a {
  font-weight: bold;
  font-size: 18px;
  color: #484338;
}

.template-1 .menu-group .menu-list li a {
  display: block;
  padding: 0px 2vw;
}

.template-1 .menu-group .menu-list li.active a, .template-1 .menu-group .menu-list li a:hover {
  color: #9B730E;
}

.template-1 .menu-group .menu-list li.disable a {
  opacity: 0.35;
  pointer-events: none;
}

.lang-en.template-1 .menu-group .menu-list li {
  display: block;
  float: left;
  margin: 10px 0;
}

.lang-en.template-1 .menu-group .menu-list li a {
  padding-top: 15px;
  padding-bottom: 15px;
}

.template-1 .menu-group .menu-list li:after {
  content: " ";
  display: block;
  height: 100px;
  width: 2px;
  border-right: 1px solid #484338;
  position: absolute;
  right: 0;
  top: 0;
}

.lang-en.template-1 .menu-group .menu-list li:after {
  height: 100%;
}

.template-1 .menu-group .menu-list li:last-child:after {
  display: none;
}

@media (max-width: 991px) {
  .template-1 .menu-group {
    padding: 20px 0 10px;
  }

  .lang-tc.template-1 .menu-group .subtitle,
  .lang-sc.template-1 .menu-group .subtitle {
    writing-mode: unset;
  }

  .lang-tc.template-1 .menu-group .menu-list, .lang-sc.template-1 .menu-group .menu-list {
    writing-mode: unset;
  }

  .template-1 .menu-group .menu-list {
    padding-top: 10px;
  }

  .template-1 .menu-group .menu-list li:before {
    content: " ";
    display: block;
    height: 100px;
    width: 2px;
    border-left: 1px solid #484338;
    position: absolute;
    left: 0;
    top: 0;
  }

  .template-1 .menu-group .menu-list li:after {
    display: none;
  }
}

.template-1 .image-background {
  width: 100%;
  padding-top: 140%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.template-1 .image-background .content-container {
  position: absolute;
  text-align: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10% 0;
}

.template-1 .image-background .content-container .content {
  color: #fff;
  margin: 0 auto;
  font-size: 24px;
  line-height: 2;
  text-shadow: 1px 2px 10px #1a1a1a;
  text-align: left;
}

.lang-tc.template-1 .image-background .content-container .content, .lang-sc.template-1 .image-background .content-container .content {
  direction: ltr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  letter-spacing: 8px !important;
  height: 100%;
}

.lang-tc.template-1 .image-background .content-container .content a, .lang-sc.template-1 .image-background .content-container .content a {
  letter-spacing: 8px !important;
}

.template-1 .image-caption {
  position: fixed;
  top: 100px;
  z-index: 0;
  width: 50%;
  text-align: center;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  will-change: transform;
}

@media (max-width: 991px) {
  .template-1 .image-caption {
    position: absolute;
  }
}

.template-1 .image-caption .content {
  position: absolute;
  top: 10vh;
  color: #fff;
  margin: 0 auto;
  font-size: 24px;
  line-height: 2;
  text-shadow: 1px 2px 10px #1a1a1a;
  pointer-events: none;
  opacity: 0;
}

.pageLoaded.template-1 .image-caption .content, .pageLoaded .template-1 .image-caption .content {
  -moz-transition: opacity 0.2s ease-in-out 0.2s;
  -o-transition: opacity 0.2s ease-in-out 0.2s;
  -webkit-transition: opacity 0.2s ease-in-out 0.2s;
  transition: opacity 0.2s ease-in-out 0.2s;
  will-change: transform, opacity;
  opacity: 1;
}

.lang-en.template-1 .image-caption .content {
  right: 0;
  left: 0;
  width: 80%;
  margin: 0 auto;
  text-align: justify;
}

.lang-tc.template-1 .image-caption .content, .lang-sc.template-1 .image-caption .content {
  direction: rtl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  letter-spacing: 8px !important;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  will-change: transform;
  left: 50%;
  height: calc(80vh - 100px);
  max-height: 600px;
  direction: ltr !important;
  text-align: left;
}

.lang-tc.template-1 .image-caption .content a, .lang-sc.template-1 .image-caption .content a {
  letter-spacing: 8px !important;
}

.template-1.template-1-custom .sub-menu-custom {
  padding-top: 50px;
  text-align: center;
}

.template-1.template-1-custom .sub-menu-custom span {
  border-bottom: 1px solid;
  color: #9B730E;
  padding-bottom: 15px;
}

.template-2 .inner-container {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 100px;
}

.template-2 .inner-container .image-background {
  padding-top: 45.3125%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 0;
  position: relative;
}

.template-2 .inner-container .image-background .content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
}

.template-2 .inner-container .image-background .content {
  display: flex;
  justify-content: center;
  align-items: center;
}

.template-2 .inner-container .image-background .content .title {
  position: absolute;
  top: 8%;
  left: 50%;
  /* text-align: center; */
  margin: 0;
  color: #deb649;
  /* height: 100%; */
  /* display: inline-block; */
  /* -moz-transform: translate(-50%, -50%); */
  /* -o-transform: translate(-50%, -50%); */
  /* -ms-transform: translate(-50%, -50%); */
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  /* will-change: transform; */
  font-weight: 900;
  font-size: 36px;
  /* color: #484338; */
}

.template-2 .inner-container .image-background .content .title a {
  font-weight: 900;
  font-size: 36px;
  color: #deb649;
}

.lang-tc.template-2 .inner-container .image-background .content .title, .lang-sc.template-2 .inner-container .image-background .content .title {
  direction: ltr;
  -ms-writing-mode: lr-tb;
  writing-mode: horizontal-tb;
  -webkit-writing-mode: horizontal-tb;
  letter-spacing: 8px !important;
  white-space: nowrap;
}

.lang-tc.template-2 .inner-container .image-background .content .title a, .lang-sc.template-2 .inner-container .image-background .content .title a {
  letter-spacing: 8px !important;
}

.template-2 .inner-container .menu-group {
  text-align: center;
}

.template-2 .inner-container .menu-list {
  display: inline-block;
  list-style: none;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 0;
  text-align: center;
}

.lang-tc.template-2 .inner-container .menu-list, .lang-sc.template-2 .inner-container .menu-list {
  direction: ltr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  letter-spacing: 8px !important;
  margin: 0 auto;
  text-align: left;
}

.lang-tc.template-2 .inner-container .menu-list a, .lang-sc.template-2 .inner-container .menu-list a {
  letter-spacing: 8px !important;
}

@media (max-width: 991px) {
  .template-2 .inner-container .menu-list {
    display: none;
  }
}

.template-2 .inner-container .menu-list li {
  position: relative;
  font-weight: bold;
  font-size: 18px;
  color: #484338;
}

.template-2 .inner-container .menu-list li a {
  font-weight: bold;
  font-size: 18px;
  color: #484338;
}

.template-2 .inner-container .menu-list li a {
  display: block;
  padding: 0px 2vw;
}

.template-2 .inner-container .menu-list li.active a, .template-2 .inner-container .menu-list li a:hover {
  color: #9B730E;
}

.template-2 .inner-container .menu-list li.disable a {
  opacity: 0.35;
  pointer-events: none;
}

.lang-en.template-2 .inner-container .menu-list li {
  display: inline-block;
  margin: 10px 0;
}

.lang-en.template-2 .inner-container .menu-list li a {
  padding-top: 15px;
  padding-bottom: 15px;
}

.template-2 .inner-container .menu-list li:after {
  content: " ";
  display: block;
  height: 100px;
  width: 2px;
  border-right: 1px solid #484338;
  position: absolute;
  right: 0;
  top: 0;
}

.lang-en.template-2 .inner-container .menu-list li:after {
  height: 100%;
}

.template-2 .inner-container .menu-list li:last-child:after {
  display: none;
}

.template-2 .inner-container .content-container {
  opacity: 0;
}

.pageLoaded.template-2 .inner-container .content-container, .pageLoaded .template-2 .inner-container .content-container {
  -moz-transition: opacity 0.2s ease-in-out 0.2s;
  -o-transition: opacity 0.2s ease-in-out 0.2s;
  -webkit-transition: opacity 0.2s ease-in-out 0.2s;
  transition: opacity 0.2s ease-in-out 0.2s;
  will-change: transform, opacity;
  opacity: 1;
}

@media (max-width: 991px) {
  .template-2 .inner-container .content-container {
    padding-top: 20px;
  }
}

.page-our-mission .content-container .title {
  float: left;
  padding-bottom: 25px;
  font-weight: bold;
  font-size: 24px;
  color: #484338;
}

.page-our-mission .content-container .title a {
  font-weight: bold;
  font-size: 24px;
  color: #484338;
}

.lang-tc.page-our-mission .content-container .title, .lang-sc.page-our-mission .content-container .title {
  direction: ltr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  letter-spacing: 8px !important;
  width: 40px;
  line-height: 40px;
}

.lang-tc.page-our-mission .content-container .title a, .lang-sc.page-our-mission .content-container .title a {
  letter-spacing: 8px !important;
}

.page-our-mission .content-container .description {
  float: left;
  margin-bottom: 50px;
  width: 100%;
}

.lang-tc.page-our-mission .content-container .description, .lang-sc.page-our-mission .content-container .description {
  width: calc(100% - 40px);
  padding: 0 15px 25px 15px;
  border-left: 2px solid #D8D8D8;
}

.page-spga-channel .categories {
  list-style: none;
  margin-bottom: 20px;
  text-align: center;
}

.page-spga-channel .categories .category-item {
  padding: 20px;
  display: inline-block;
}

.page-spga-channel .categories .category-item.active a, .page-spga-channel .categories .category-item a:hover {
  color: #9B730E;
}

.page-spga-channel .categories .category-item.disable a {
  opacity: 0.35;
  pointer-events: none;
}

.page-spga-channel .listing .thumbnail-image {
  width: 100%;
  padding-top: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.page-spga-channel .listing .thumbnail-image .play {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  font-size: 50px;
  text-align: center;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  will-change: transform;
  opacity: 0.6 !important;
  cursor: pointer !important;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  will-change: transform, opacity;
}

.page-spga-channel .listing .thumbnail-image .play:hover, .page-spga-channel .listing .thumbnail-image .play.active {
  opacity: 1 !important;
}

.page-spga-channel .listing .thumbnail-image .play:before {
  color: #fff;
}

.page-spga-channel .listing .title {
  margin: 10px 0 20px 0;
  height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 25px;
  max-height: 50px;
}

.page-spga-channel .listing .title.active a, .page-spga-channel .listing .title a:hover {
  color: #9B730E;
}

.page-spga-channel .listing .title.disable a {
  opacity: 0.35;
  pointer-events: none;
}

@media (max-width: 991px) {
  .page-spga-channel .listing .item {
    margin-bottom: 20px;
  }
}

.page-our-lasting-memory-of-sze-fu .content-container {
  padding: 20px 15px;
  width: 80%;
  margin: 0 auto;
}

.page-our-lasting-memory-of-sze-fu .content-container .banner-section {
  margin-bottom: 50px;
  text-align: center;
}

.page-our-lasting-memory-of-sze-fu .content-container .banner-section>img {
  max-width: 100%;
}

.page-our-lasting-memory-of-sze-fu .content-container .banner-section>.title {
  padding: 15px;
  font-size: 24px;
  color: #484338;
}

.page-our-lasting-memory-of-sze-fu .content-container .content-section .title {
  float: left;
  padding-bottom: 25px;
  font-weight: bold;
  font-size: 24px;
  color: #484338;
}

.page-our-lasting-memory-of-sze-fu .content-container .content-section .title a {
  font-weight: bold;
  font-size: 24px;
  color: #484338;
}

.lang-tc.page-our-lasting-memory-of-sze-fu .content-container .content-section .title, .lang-sc.page-our-lasting-memory-of-sze-fu .content-container .content-section .title {
  direction: ltr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  letter-spacing: 8px !important;
  width: 40px;
  line-height: 40px;
}

.lang-tc.page-our-lasting-memory-of-sze-fu .content-container .content-section .title a, .lang-sc.page-our-lasting-memory-of-sze-fu .content-container .content-section .title a {
  letter-spacing: 8px !important;
}

.page-our-lasting-memory-of-sze-fu .content-container .content-section .slider-section {
  width: 90%;
  margin: 0 auto;
}

.page-our-lasting-memory-of-sze-fu .content-container .content-section .description {
  float: left;
  margin-bottom: 50px;
  width: 100%;
}

.lang-tc.page-our-lasting-memory-of-sze-fu .content-container .content-section .description, .lang-sc.page-our-lasting-memory-of-sze-fu .content-container .content-section .description {
  width: calc(100% - 40px);
  padding: 0 15px 25px 15px;
  border-left: 2px solid #D8D8D8;
}

.page-bliss-of-reading .channels {
  list-style: none;
  margin-bottom: 20px;
  text-align: center;
}

.page-bliss-of-reading .channels .channel-item {
  padding: 20px;
  display: inline-block;
}

.page-bliss-of-reading .channels .channel-item.active a, .page-bliss-of-reading .channels .channel-item a:hover {
  color: #9B730E;
}

.page-bliss-of-reading .channels .channel-item.disable a {
  opacity: 0.35;
  pointer-events: none;
}

.page-bliss-of-reading .info {
  margin-bottom: 50px;
}

.page-bliss-of-reading .info img {
  width: 100%;
}

.page-bliss-of-reading .info .name {
  color: #8C7D48;
  font-size: 18px;
  padding: 20px 0;
}

.page-bliss-of-reading .main .tabset input[type="radio"] {
  display: none;
}

.page-bliss-of-reading .main .tabset input[type="radio"]:checked+label {
  color: #000 !important;
}

.page-bliss-of-reading .main .tabset label {
  cursor: pointer;
  padding: 10px;
}

.page-bliss-of-reading .main .tabset label:hover, .page-bliss-of-reading .main .tabset label:focus {
  color: #000 !important;
}

.page-bliss-of-reading .main .tab-panel {
  display: none;
}

.page-bliss-of-reading .main .tab-panel.active {
  display: block;
}

.page-bliss-of-reading .main .sub-channel {
  list-style: none;
  margin-bottom: 20px;
  text-align: left;
}

.page-bliss-of-reading .main .sub-channel .sub-channel-item {
  padding: 0 20px;
  display: inline-block;
}

.page-bliss-of-reading .main .sub-channel .sub-channel-item.active a, .page-bliss-of-reading .main .sub-channel .sub-channel-item a:hover {
  color: #9B730E;
}

.page-bliss-of-reading .main .sub-channel .sub-channel-item.disable a {
  opacity: 0.35;
  pointer-events: none;
}

.page-bliss-of-reading .main .sub-channel .sub-channel-item:first-child {
  padding-left: 0px;
}

.page-bliss-of-reading .main .listing {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  list-style: none;
}

.page-bliss-of-reading .main .listing>li, .page-bliss-of-reading .main .listing>div {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid-column;
}

@media (max-width: 991px) {
  .page-bliss-of-reading .main .listing {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    list-style: none;
  }

  .page-bliss-of-reading .main .listing>li, .page-bliss-of-reading .main .listing>div {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
  }
}

.page-bliss-of-reading .main .listing .item {
  border-bottom: 1px solid #484338;
  height: 80px;
  position: relative;
  padding: 10px 40px 10px 0;
}

.page-bliss-of-reading .main .listing .item p {
  margin-bottom: 0;
}

.page-bliss-of-reading .main .listing .item .play {
  font-size: 30px;
  position: absolute;
  right: 0;
  top: 50%;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  will-change: transform;
  opacity: 0.8 !important;
  cursor: pointer !important;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  will-change: transform, opacity;
}

.page-bliss-of-reading .main .listing .item .play:hover, .page-bliss-of-reading .main .listing .item .play.active {
  opacity: 1 !important;
}

.page-bliss-of-reading .main .listing .item .play:before {
  color: #8C7D48;
}

.page-leisure-activities .content-container .title {
  font-weight: bold;
  font-size: 24px;
  color: #484338;
  border-bottom: 1px solid #484338;
  display: inline-block;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.page-leisure-activities .content-container .title a {
  font-weight: bold;
  font-size: 24px;
  color: #484338;
}

.page-leisure-activities .content-container .description {
  margin-bottom: 50px;
  color: #484338;
}

.page-rituals .content-container .title {
  font-weight: bold;
  font-size: 24px;
  color: #484338;
  border-bottom: 1px solid #484338;
  display: inline-block;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.page-rituals .content-container .title a {
  font-weight: bold;
  font-size: 24px;
  color: #484338;
}

.page-rituals .content-container .description {
  margin-bottom: 50px;
  color: #484338;
}

.page-activities .content-container .title {
  font-weight: bold;
  font-size: 24px;
  color: #484338;
  border-bottom: 1px solid #484338;
  display: inline-block;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.page-activities .content-container .title a {
  font-weight: bold;
  font-size: 24px;
  color: #484338;
}

.page-activities .content-container .description {
  margin-bottom: 50px;
  color: #484338;
}

.page-online-store .categories {
  list-style: none;
  margin-bottom: 20px;
  text-align: center;
}

.page-online-store .categories .category-item {
  padding: 20px;
  display: inline-block;
}

.page-online-store .categories .category-item.active a, .page-online-store .categories .category-item a:hover {
  color: #9B730E;
}

.page-online-store .categories .category-item.disable a {
  opacity: 0.35;
  pointer-events: none;
}

.page-online-store .listing .item {
  padding-bottom: 20px;
}

@media (max-width: 991px) {
  .page-online-store .listing .item {
    margin-bottom: 20px;
  }
}

.page-online-store .listing .item .thumbnail-image {
  width: 100%;
  padding-top: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.page-online-store .listing .item .thumbnail-image .product-main {
  background-color: #eee;
  width: 85%;
  height: 50px;
  padding: 12.5px 0;
  position: relative;
}

.page-online-store .listing .item .thumbnail-image .product-main .name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 25px;
  max-height: 25px;
  padding-right: 55px;
}

.page-online-store .listing .item .thumbnail-image .product-main .name.active a, .page-online-store .listing .item .thumbnail-image .product-main .name a:hover {
  color: #9B730E;
}

.page-online-store .listing .item .thumbnail-image .product-main .name.disable a {
  opacity: 0.35;
  pointer-events: none;
}

.page-online-store .listing .item .thumbnail-image .product-main .add-cart {
  position: absolute;
  top: 50%;
  right: 20px;
  font-size: 25px;
  text-align: center;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  will-change: transform;
  opacity: 0.6 !important;
  cursor: pointer !important;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  will-change: transform, opacity;
}

.page-online-store .listing .item .thumbnail-image .product-main .add-cart:hover, .page-online-store .listing .item .thumbnail-image .product-main .add-cart.active {
  opacity: 1 !important;
}

.page-online-store .listing .item .thumbnail-image .product-main .add-cart:before {
  color: #8C7D48;
}

.page-online-store .listing .item .product-attributes {
  padding-top: 10px;
  color: #484338;
  min-height: 275px;
}

.page-calendar .content-container .fc-time {
  display: none !important;
}

.page-calendar .content-container .calendar-template {
  margin-bottom: 40px;
  padding-left: 60px;
}

.page-calendar .content-container .calendar-template .calendar-template-item {
  display: table-row;
  float: left;
}

@media (max-width: 991px) {
  .page-calendar .content-container .calendar-template .calendar-template-item {
    display: inline-block;
    width: 50%;
    margin-bottom: 10px;
  }
}

@media (max-width: 576px) {
  .page-calendar .content-container .calendar-template .calendar-template-item {
    width: 100%;
  }
}

.page-calendar .content-container .calendar-template .calendar-template-item:not(:last-child) {
  margin-right: 80px;
}

@media (max-width: 991px) {
  .page-calendar .content-container .calendar-template .calendar-template-item:not(:last-child) {
    margin-right: 0;
  }
}

.page-calendar .content-container .calendar-template .calendar-template-item .calendar-name {
  display: table-cell;
  vertical-align: middle;
  padding-left: 20px;
}

.page-calendar .content-container .calendar-template .calendar-template-item .calendar-circle {
  width: 35px;
  height: 35px;
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: table-cell;
}

.page-calendar .content-container .calendar-template .calendar-template-item .calendar-circle.calendar-grey {
  background: #42484a;
}

.page-calendar .content-container .calendar-template .calendar-template-item .calendar-circle.calendar-camel {
  background: #c78a61;
}

.page-calendar .content-container .calendar-template .calendar-template-item .calendar-circle.calendar-green {
  background: #46613d;
}

.page-calendar .content-container #calendar-container .fc-header-toolbar {
  width: 50%;
  margin: 0 auto 40px;
}

@media (max-width: 991px) {
  .page-calendar .content-container #calendar-container .fc-header-toolbar {
    width: 80%;
  }
}

.page-calendar .content-container #calendar-container .fc-header-toolbar .fc-center h2 {
  font-size: 16px;
  text-align: center;
  display: inline-block;
}

.page-calendar .content-container #calendar-container .fc-header-toolbar .fc-right button.fc-button, .page-calendar .content-container #calendar-container .fc-header-toolbar .fc-left button.fc-button {
  background: #FFF;
  color: #000;
  border: none;
}

.page-calendar .content-container #calendar-container .fc-header-toolbar .fc-right button.fc-button .fc-icon, .page-calendar .content-container #calendar-container .fc-header-toolbar .fc-left button.fc-button .fc-icon {
  font-size: 2.5em;
}

.page-calendar .content-container #calendar-container .fc-view-container table thead.fc-head {
  background: #484338;
}

.page-calendar .content-container #calendar-container .fc-view-container table thead.fc-head .fc-widget-header table thead .fc-widget-header {
  padding: 25px 0;
  color: #FFF;
}

.page-calendar .content-container #calendar-container .fc-view-container table thead.fc-head .fc-widget-header.fc-sun {
  background: #8C7D48;
}

@media (max-width: 991px) {
  .page-calendar .content-container #calendar-container .fc-view-container table .fc-body .fc-row {
    min-height: 5em;
  }
}

.page-dharma-assembly .content-container .content-list-container .content-list-item {
  margin-bottom: 100px;
}

.page-dharma-assembly .content-container .content-list-container .content-list-item .title {
  margin: 25px 0;
  color: #60583E;
  font-size: 22px;
}

.page-dharma-assembly .content-container .content-list-container .content-list-item .description {
  margin-bottom: 25px;
}

.page-dharma-assembly .content-container .content-list-container .content-list-item .background-image {
  height: 0;
  padding-top: 133%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-dharma-assembly .content-container .content-list-container .content-list-item .read-more-link {
  display: inline-block;
  font-size: 14px;
  position: relative;
  line-height: 1;
}

.page-dharma-assembly .content-container .content-list-container .content-list-item .read-more-link:after {
  font-family: 'spga' !important;
  content: "\e90e";
  font-size: 30px;
  position: absolute;
  top: 6px;
  left: -4px;
}

.page-dharma-assembly .content-container .load-more-container {
  text-align: center;
}

.page-dharma-assembly .content-container .load-more-container a {
  display: inline-block;
  padding: 10px;
  background: #ccc;
  color: #fff;
}

.page-meditation-class .content-container .content-list-container .content-list-item {
  margin-bottom: 100px;
}

.page-meditation-class .content-container .content-list-container .content-list-item .title {
  margin: 25px 0;
  color: #60583E;
  font-size: 22px;
}

.page-meditation-class .content-container .content-list-container .content-list-item .description {
  margin-bottom: 25px;
}

.page-meditation-class .content-container .content-list-container .content-list-item .background-image {
  height: 0;
  padding-top: 133%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-meditation-class .content-container .content-list-container .content-list-item .read-more-link {
  display: inline-block;
  font-size: 14px;
  position: relative;
  line-height: 1;
}

.page-meditation-class .content-container .content-list-container .content-list-item .read-more-link:after {
  font-family: 'spga' !important;
  content: "\e90e";
  font-size: 30px;
  position: absolute;
  top: 6px;
  left: -4px;
}

.page-meditation-class .content-container .load-more-container {
  text-align: center;
}

.page-meditation-class .content-container .load-more-container a {
  display: inline-block;
  padding: 10px;
  background: #ccc;
  color: #fff;
}

.page-other-activities-and-course .content-container .content-list-container .content-list-item {
  margin-bottom: 100px;
}

.page-other-activities-and-course .content-container .content-list-container .content-list-item .title {
  margin: 25px 0;
  color: #60583E;
  font-size: 22px;
}

.page-other-activities-and-course .content-container .content-list-container .content-list-item .description {
  margin-bottom: 25px;
}

.page-other-activities-and-course .content-container .content-list-container .content-list-item .background-image {
  height: 0;
  padding-top: 133%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-other-activities-and-course .content-container .content-list-container .content-list-item .read-more-link {
  display: inline-block;
  font-size: 14px;
  position: relative;
  line-height: 1;
}

.page-other-activities-and-course .content-container .content-list-container .content-list-item .read-more-link:after {
  font-family: 'spga' !important;
  content: "\e90e";
  font-size: 30px;
  position: absolute;
  top: 6px;
  left: -4px;
}

.page-other-activities-and-course .content-container .load-more-container {
  text-align: center;
}

.page-other-activities-and-course .content-container .load-more-container a {
  display: inline-block;
  padding: 10px;
  background: #ccc;
  color: #fff;
}

.page-activity-detail .mainContainer .inner-container {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 100px 15px;
}

@media (max-width: 991px) {
  .page-activity-detail .mainContainer .inner-container {
    padding-top: 0;
  }
}

.page-activity-detail .mainContainer .inner-container .detail-container .background-image {
  height: 0;
  padding-top: 133%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 991px) {
  .page-activity-detail .mainContainer .inner-container .detail-container .detail-image-container {
    padding: 0;
  }
}

@media (max-width: 991px) {
  .page-activity-detail .mainContainer .inner-container .detail-container .detail-info-container {
    padding: 20px 0 100px 0;
  }
}

.page-activity-detail .mainContainer .inner-container .detail-container .detail-info-container .header-container {
  margin-bottom: 25px;
}

.page-activity-detail .mainContainer .inner-container .detail-container .title, .page-activity-detail .mainContainer .inner-container .detail-container .short-title {
  color: #60583E;
  font-size: 22px;
}

.page-activity-detail .mainContainer .inner-container .detail-container .description, .page-activity-detail .mainContainer .inner-container .detail-container .short-description {
  margin-bottom: 40px;
}

.page-activity-detail .mainContainer .inner-container .detail-container .button-container a {
  width: 220px;
  height: 50px;
  border: 1px solid #000;
  display: inline-block;
  text-align: center;
  line-height: 50px;
}

@media (max-width: 991px) {
  .page-activity-detail .mainContainer .inner-container .detail-container .button-container a {
    display: block;
  }
}

.page-activity-detail .mainContainer .inner-container .detail-container .button-container a:not(:first-child) {
  margin-left: 30px;
}

@media (max-width: 991px) {
  .page-activity-detail .mainContainer .inner-container .detail-container .button-container a:not(:first-child) {
    margin-top: 20px;
    margin-left: 0;
  }
}

.page-activity-detail .mainContainer .inner-container .detail-container .button-container a:hover {
  color: #9B730E;
  border-color: #9B730E;
}

.page-activity-detail .mainContainer .inner-container .detail-container .sharing-container {
  text-align: right;
  margin-bottom: 40px;
}

.page-activity-detail .mainContainer .inner-container .detail-container .sharing-container .sharing-item {
  display: inline-block;
}

.page-activity-detail .mainContainer .inner-container .detail-container .sharing-container .sharing-item:not(:first-child) {
  margin-left: 34px;
}

.page-activity-detail .mainContainer .inner-container .detail-container .sharing-container .sharing-item:hover {
  color: #9B730E;
}

.page-activity-detail .mainContainer .inner-container .detail-container .sharing-container .sharing-item .icon-item {
  font-size: 26px;
}

.page-activity-detail .mainContainer .inner-container .detail-container .sharing-container .sharing-item:last-child {
  margin-left: 20px;
}

.page-activity-detail .mainContainer .inner-container .detail-container .sharing-container .sharing-item:last-child .icon-item {
  font-size: 40px;
  position: relative;
  top: 6px;
}

.page-activity-detail .mainContainer .inner-container .related-container {
  margin-top: 80px;
}

.page-activity-detail .mainContainer .inner-container .related-container .related-title {
  color: #60583E;
  font-size: 28px;
  border-bottom: 1px solid #60583E;
  margin-bottom: 30px;
  padding-bottom: 10px;
}

@media (min-width: 992px) {
  .page-activity-detail .mainContainer .inner-container .related-container .content-list-container div:nth-child(4n) {
    clear: both;
  }
}

@media (max-width: 991px) {
  .page-activity-detail .mainContainer .inner-container .related-container .content-list-container div:nth-child(3n) {
    clear: both;
  }
}

.page-activity-detail .mainContainer .inner-container .related-container .content-list-container .content-list-item {
  margin-bottom: 100px;
}

.page-activity-detail .mainContainer .inner-container .related-container .content-list-container .content-list-item .top-container {
  margin: 25px 0;
}

.page-activity-detail .mainContainer .inner-container .related-container .content-list-container .content-list-item .title, .page-activity-detail .mainContainer .inner-container .related-container .content-list-container .content-list-item .short-title {
  color: #60583E;
  font-size: 22px;
}

.page-activity-detail .mainContainer .inner-container .related-container .content-list-container .content-list-item .description {
  margin-bottom: 25px;
}

.page-activity-detail .mainContainer .inner-container .related-container .content-list-container .content-list-item .background-image {
  height: 0;
  padding-top: 56.25%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-activity-detail .mainContainer .inner-container .related-container .content-list-container .content-list-item .read-more-link {
  display: inline-block;
  font-size: 14px;
  position: relative;
  line-height: 1;
}

.page-activity-detail .mainContainer .inner-container .related-container .content-list-container .content-list-item .read-more-link:after {
  font-family: 'spga' !important;
  content: "\e90e";
  font-size: 30px;
  position: absolute;
  top: 6px;
  left: -4px;
}

.page-spga-channel .content-container .tab-container .nav-tabs-container {
  text-align: center;
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  .page-spga-channel .content-container .tab-container .nav-tabs-container {
    text-align: left;
    border-bottom: 1px solid #a3a09a;
    overflow-x: auto;
  }
}

.page-spga-channel .content-container .tab-container .nav-tabs-container .nav-tabs {
  display: inline-block;
  border-bottom: none;
}

@media (max-width: 991px) {
  .page-spga-channel .content-container .tab-container .nav-tabs-container .nav-tabs {
    white-space: nowrap;
  }
}

@media (max-width: 991px) {
  .page-spga-channel .content-container .tab-container .nav-tabs-container .nav-tabs>li {
    float: unset;
    display: inline-block;
  }
}

.page-spga-channel .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item {
  margin-bottom: 0;
}

.page-spga-channel .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item:not(:last-child) {
  margin-right: 40px;
}

@media (max-width: 991px) {
  .page-spga-channel .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item:not(:last-child) {
    margin-right: 25px;
  }
}

.page-spga-channel .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item.active a, .page-spga-channel .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item.active a:focus {
  background-color: transparent;
  color: #9B730E;
}

.page-spga-channel .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item a {
  margin-right: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.page-spga-channel .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item a:hover {
  color: #9B730E;
  border: none;
}

.page-spga-channel .content-container .tab-container .tab-content .sub-category-container {
  list-style: none;
  padding: 0 100px 0 0;
  display: inline-block;
  width: 35%;
  float: left;
}

@media (max-width: 991px) {
  .page-spga-channel .content-container .tab-container .tab-content .sub-category-container {
    display: none;
  }
}

.page-spga-channel .content-container .tab-container .tab-content .sub-category-container li:not(:last-child) {
  margin-bottom: 25px;
}

.page-spga-channel .content-container .tab-container .tab-content .sub-category-container li .description {
  margin-top: 20px;
}

.page-spga-channel .content-container .tab-container .tab-content .sub-category-container .sub-category-btn {
  cursor: pointer;
  position: relative;
}

@media (max-width: 991px) {
  .page-spga-channel .content-container .tab-container .tab-content .sub-category-container .sub-category-btn {
    display: none;
  }
}

.page-spga-channel .content-container .tab-container .tab-content .sub-category-container .sub-category-btn.active, .page-spga-channel .content-container .tab-container .tab-content .sub-category-container .sub-category-btn:hover {
  color: #9B730E;
}

.page-spga-channel .content-container .tab-container .tab-content .sub-category-dropdown {
  padding: 0;
  color: #484338;
  margin-bottom: 20px;
}

@media (min-width: 992px) {
  .page-spga-channel .content-container .tab-container .tab-content .sub-category-dropdown {
    display: none;
  }
}

.page-spga-channel .content-container .tab-container .tab-content .sub-category-dropdown .dropdown-toggle {
  width: 100%;
  text-align: left;
  position: relative;
}

.page-spga-channel .content-container .tab-container .tab-content .sub-category-dropdown .btn {
  background: none;
  border-radius: 0;
  color: #9B730E;
  border: 1px solid #9B730E;
}

.page-spga-channel .content-container .tab-container .tab-content .sub-category-dropdown .btn .dropdown-icon {
  position: absolute;
  right: 20px;
  top: 15px;
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  will-change: transform;
}

.page-spga-channel .content-container .tab-container .tab-content .sub-category-dropdown .btn:focus {
  border-color: #9B730E;
  box-shadow: unset;
}

.page-spga-channel .content-container .tab-container .tab-content .sub-category-dropdown .dropdown-menu {
  border-radius: 0;
  width: 100%;
  margin: 0;
}

.page-spga-channel .content-container .tab-container .tab-content .sub-category-dropdown .dropdown-menu li {
  padding: 15px 5px;
  margin: 0 20px;
}

.page-spga-channel .content-container .tab-container .tab-content .sub-category-dropdown .dropdown-menu li:not(:last-child) {
  border-bottom: 1px solid #a3a09a;
}

.page-spga-channel .content-container .tab-container .tab-content .content-list-container {
  display: inline-block;
  width: 65%;
  float: left;
}

@media (max-width: 991px) {
  .page-spga-channel .content-container .tab-container .tab-content .content-list-container {
    display: block;
    width: 100%;
    float: unset;
  }
}

.page-spga-channel .content-container .tab-container .tab-content .content-list-container .content-list {
  display: none;
}

.page-spga-channel .content-container .tab-container .tab-content .content-list-container .content-list.active {
  display: block;
}

.page-spga-channel .content-container .tab-container .tab-content .content-list-container .content-list .content-list-item {
  margin-bottom: 20px;
}

.page-spga-channel .content-container .tab-container .tab-content .content-list-container .content-list .content-list-item .background-image {
  height: 0;
  padding-top: 56.25%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.page-spga-channel .content-container .tab-container .tab-content .content-list-container .content-list .content-list-item .background-image .icon_play {
  font-size: 60px;
  color: #FFF;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  will-change: transform;
}

.page-spga-channel .content-container .tab-container .tab-content .content-list-container .content-list .content-list-item .title {
  margin-top: 20px;
  color: #9B730E;
}

.page-audio .content-container .tab-container .nav-tabs-container {
  text-align: center;
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  .page-audio .content-container .tab-container .nav-tabs-container {
    text-align: left;
    border-bottom: 1px solid #a3a09a;
    overflow-x: auto;
  }
}

.page-audio .content-container .tab-container .nav-tabs-container .nav-tabs {
  display: inline-block;
  border-bottom: none;
}

@media (max-width: 991px) {
  .page-audio .content-container .tab-container .nav-tabs-container .nav-tabs {
    white-space: nowrap;
  }
}

@media (max-width: 991px) {
  .page-audio .content-container .tab-container .nav-tabs-container .nav-tabs>li {
    float: unset;
    display: inline-block;
  }
}

.page-audio .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item {
  margin-bottom: 0;
}

.page-audio .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item:not(:last-child) {
  margin-right: 40px;
}

@media (max-width: 991px) {
  .page-audio .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item:not(:last-child) {
    margin-right: 25px;
  }
}

.page-audio .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item.active a, .page-audio .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item.active a:focus {
  background-color: transparent;
  color: #9B730E;
}

.page-audio .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item a {
  margin-right: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.page-audio .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item a:hover {
  color: #9B730E;
  border: none;
}

.page-audio .content-container .tab-container .tab-content .sub-category-container {
  list-style: none;
  padding: 0 100px 0 0;
  display: inline-block;
  width: 35%;
  float: left;
}

@media (max-width: 991px) {
  .page-audio .content-container .tab-container .tab-content .sub-category-container {
    display: none;
  }
}

.page-audio .content-container .tab-container .tab-content .sub-category-container li:not(:last-child) {
  margin-bottom: 25px;
}

.page-audio .content-container .tab-container .tab-content .sub-category-container li .description {
  margin-top: 20px;
}

@media (max-width: 991px) {
  .page-audio .content-container .tab-container .tab-content .sub-category-container li .description {
    margin-bottom: 20px;
  }
}

.page-audio .content-container .tab-container .tab-content .sub-category-container .sub-category-btn {
  cursor: pointer;
}

@media (max-width: 991px) {
  .page-audio .content-container .tab-container .tab-content .sub-category-container .sub-category-btn {
    display: none;
  }
}

.page-audio .content-container .tab-container .tab-content .sub-category-container .sub-category-btn.active, .page-audio .content-container .tab-container .tab-content .sub-category-container .sub-category-btn:hover {
  color: #9B730E;
}

.page-audio .content-container .tab-container .tab-content .sub-category-dropdown {
  padding: 0;
  color: #484338;
  margin-bottom: 20px;
}

@media (min-width: 992px) {
  .page-audio .content-container .tab-container .tab-content .sub-category-dropdown {
    display: none;
  }
}

.page-audio .content-container .tab-container .tab-content .sub-category-dropdown .dropdown-toggle {
  width: 100%;
  text-align: left;
  position: relative;
}

.page-audio .content-container .tab-container .tab-content .sub-category-dropdown .btn {
  background: none;
  border-radius: 0;
  color: #9B730E;
  border: 1px solid #9B730E;
}

.page-audio .content-container .tab-container .tab-content .sub-category-dropdown .btn .dropdown-icon {
  position: absolute;
  right: 20px;
  top: 15px;
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  will-change: transform;
}

.page-audio .content-container .tab-container .tab-content .sub-category-dropdown .btn:focus {
  border-color: #9B730E;
  box-shadow: unset;
}

.page-audio .content-container .tab-container .tab-content .sub-category-dropdown .dropdown-menu {
  border-radius: 0;
  width: 100%;
  margin: 0;
}

.page-audio .content-container .tab-container .tab-content .sub-category-dropdown .dropdown-menu li {
  padding: 15px 5px;
  margin: 0 20px;
}

.page-audio .content-container .tab-container .tab-content .sub-category-dropdown .dropdown-menu li:not(:last-child) {
  border-bottom: 1px solid #a3a09a;
}

.page-audio .content-container .tab-container .tab-content .content-list-container {
  display: inline-block;
  width: 65%;
  float: right;
}

@media (max-width: 991px) {
  .page-audio .content-container .tab-container .tab-content .content-list-container {
    display: block;
    width: 100%;
    float: unset;
    margin-top: 20px;
  }
}

.page-audio .content-container .tab-container .tab-content .content-list-container .content-list {
  display: none;
}

.page-audio .content-container .tab-container .tab-content .content-list-container .content-list.active {
  display: block;
}

.page-audio .content-container .tab-container .tab-content .content-list-container .content-list .content-list-item {
  color: #60583E;
  padding-bottom: 10px;
  margin-bottom: 40px;
  border-bottom: 1px solid #60583E;
}

.page-audio .content-container .tab-container .tab-content .content-list-container .content-list .content-list-item .audio-link {
  display: block;
}

.page-audio .content-container .tab-container .tab-content .content-list-container .content-list .content-list-item .audio-link:hover {
  color: #9B730E;
}

.page-audio .content-container .tab-container .tab-content .content-list-container .content-list .content-list-item .audio-link .left-container {
  display: inline-block;
  width: calc(100% - 50px);
  float: left;
}

.page-audio .content-container .tab-container .tab-content .content-list-container .content-list .content-list-item .audio-link .left-container .duration {
  height: 18px;
  line-height: 18px;
  font-size: 13px;
  margin-top: 8px;
}

.page-audio .content-container .tab-container .tab-content .content-list-container .content-list .content-list-item .audio-link .right-container {
  display: inline-block;
  width: 50px;
  float: right;
  text-align: right;
}

.page-audio .content-container .tab-container .tab-content .content-list-container .content-list .content-list-item .audio-link .right-container .icon_play {
  font-size: 30px;
  color: #9B730E;
  cursor: pointer;
}

.page-reading .content-container .tab-container .nav-tabs-container {
  text-align: center;
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  .page-reading .content-container .tab-container .nav-tabs-container {
    text-align: left;
    border-bottom: 1px solid #a3a09a;
    overflow-x: auto;
  }
}

.page-reading .content-container .tab-container .nav-tabs-container .nav-tabs {
  display: inline-block;
  border-bottom: none;
}

@media (max-width: 991px) {
  .page-reading .content-container .tab-container .nav-tabs-container .nav-tabs {
    white-space: nowrap;
  }
}

@media (max-width: 991px) {
  .page-reading .content-container .tab-container .nav-tabs-container .nav-tabs>li {
    float: unset;
    display: inline-block;
  }
}

.page-reading .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item {
  margin-bottom: 0;
}

.page-reading .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item:not(:last-child) {
  margin-right: 40px;
}

@media (max-width: 991px) {
  .page-reading .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item:not(:last-child) {
    margin-right: 25px;
  }
}

.page-reading .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item.active a, .page-reading .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item.active a:focus {
  background-color: transparent;
  color: #9B730E;
}

.page-reading .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item a {
  margin-right: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.page-reading .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item a:hover {
  color: #9B730E;
  border: none;
}

.page-reading .content-container .tab-container .tab-content .sub-category-container {
  list-style: none;
  padding: 0 30px 0 0;
  display: inline-block;
  width: 20%;
  float: left;
}

@media (max-width: 991px) {
  .page-reading .content-container .tab-container .tab-content .sub-category-container {
    display: none;
  }
}

.page-reading .content-container .tab-container .tab-content .sub-category-container li:not(:last-child) {
  margin-bottom: 25px;
}

.page-reading .content-container .tab-container .tab-content .sub-category-container li .description {
  margin-top: 20px;
}

.page-reading .content-container .tab-container .tab-content .sub-category-container .sub-category-btn {
  cursor: pointer;
  position: relative;
}

.page-reading .content-container .tab-container .tab-content .sub-category-container .sub-category-btn.active, .page-reading .content-container .tab-container .tab-content .sub-category-container .sub-category-btn:hover {
  color: #9B730E;
}

.page-reading .content-container .tab-container .tab-content .sub-category-dropdown {
  padding: 0;
  color: #484338;
  margin-bottom: 20px;
}

@media (min-width: 992px) {
  .page-reading .content-container .tab-container .tab-content .sub-category-dropdown {
    display: none;
  }
}

.page-reading .content-container .tab-container .tab-content .sub-category-dropdown .dropdown-toggle {
  width: 100%;
  text-align: left;
  position: relative;
}

.page-reading .content-container .tab-container .tab-content .sub-category-dropdown .btn {
  background: none;
  border-radius: 0;
  color: #9B730E;
  border: 1px solid #9B730E;
}

.page-reading .content-container .tab-container .tab-content .sub-category-dropdown .btn .dropdown-icon {
  position: absolute;
  right: 20px;
  top: 15px;
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  will-change: transform;
}

.page-reading .content-container .tab-container .tab-content .sub-category-dropdown .btn:focus {
  border-color: #9B730E;
  box-shadow: unset;
}

.page-reading .content-container .tab-container .tab-content .sub-category-dropdown .dropdown-menu {
  border-radius: 0;
  width: 100%;
  margin: 0;
}

.page-reading .content-container .tab-container .tab-content .sub-category-dropdown .dropdown-menu li {
  padding: 15px 5px;
  margin: 0 20px;
}

.page-reading .content-container .tab-container .tab-content .sub-category-dropdown .dropdown-menu li:not(:last-child) {
  border-bottom: 1px solid #a3a09a;
}

.page-reading .content-container .tab-container .tab-content .content-list-container {
  display: inline-block;
  width: 80%;
  float: right;
}

@media (max-width: 991px) {
  .page-reading .content-container .tab-container .tab-content .content-list-container {
    display: block;
    width: 100%;
    float: unset;
  }
}

.page-reading .content-container .tab-container .tab-content .content-list-container .content-list {
  display: none;
}

.page-reading .content-container .tab-container .tab-content .content-list-container .content-list.active {
  display: block;
}

.page-reading .content-container .tab-container .tab-content .content-list-container .content-list .content-list-row:not(:first-child) {
  position: relative;
  top: -20px;
}

@media (max-width: 991px) {
  .page-reading .content-container .tab-container .tab-content .content-list-container .content-list .content-list-row:not(:first-child) {
    top: 0px;
    padding: 40px 0 20px 0;
  }
}

.page-reading .content-container .tab-container .tab-content .content-list-container .content-list .content-list-item {
  color: #60583E;
}

.page-reading .content-container .tab-container .tab-content .content-list-container .content-list .content-list-item .content-item {
  border-left: 1px solid;
  padding-left: 30px;
  padding-bottom: 20px;
}

.page-reading .content-container .tab-container .tab-content .content-list-container .content-list .content-list-item .content-item .title {
  font-size: 20px;
  margin-bottom: 30px;
}

.page-reading .content-container .tab-container .tab-content .content-list-container .content-list .content-list-item .journal {
  padding-top: 20px;
  padding-left: 30px;
}

@media (min-width: 768px) {
  .page-book .content-container .content-list-container {
    margin: 0 -30px !important;
  }
}

@media (min-width: 768px) {
  .page-book .content-container .content-list-container .content-list-item-container {
    padding: 0 30px !important;
  }
}

@media (min-width: 992px) {
  .page-book .content-container .content-list-container .content-list-item-container:nth-child(3n + 1) {
    clear: both;
  }
}

@media (max-width: 991px) {
  .page-book .content-container .content-list-container .content-list-item-container:nth-child(2n + 1) {
    clear: both;
  }
}

.page-book .content-container .content-list-container .content-list-item-container .content-list-item {
  margin-bottom: 100px;
}

.page-book .content-container .content-list-container .content-list-item-container .content-list-item .title {
  margin: 25px 0;
  color: #60583E;
  font-size: 22px;
}

.page-book .content-container .content-list-container .content-list-item-container .content-list-item .description {
  margin-bottom: 25px;
}

.page-book .content-container .content-list-container .content-list-item-container .content-list-item .background-image {
  height: 0;
  padding-top: 133.3%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-highlights .content-container .tab-container .nav-tabs-container {
  text-align: center;
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  .page-highlights .content-container .tab-container .nav-tabs-container {
    text-align: left;
    border-bottom: 1px solid #a3a09a;
    overflow-x: auto;
  }
}

.page-highlights .content-container .tab-container .nav-tabs-container .nav-tabs {
  display: block;
  border-bottom: none;
}

@media (max-width: 991px) {
  .page-highlights .content-container .tab-container .nav-tabs-container .nav-tabs {
    white-space: nowrap;
  }
}

@media (max-width: 991px) {
  .page-highlights .content-container .tab-container .nav-tabs-container .nav-tabs>li {
    float: unset;
    display: inline-block;
  }
}

.page-highlights .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item {
  margin-bottom: 0;
  display: inline-block;
  float: none;
}

.page-highlights .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item:not(:last-child) {
  margin-right: 40px;
}

@media (max-width: 991px) {
  .page-highlights .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item:not(:last-child) {
    margin-right: 25px;
  }
}

.page-highlights .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item.active a, .page-highlights .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item.active a:focus {
  background-color: transparent;
  color: #9B730E;
}

.page-highlights .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item a {
  margin-right: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.page-highlights .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item a:hover {
  color: #9B730E;
  border: none;
}

.page-highlights .content-container .tab-container .tab-content .sub-category-container {
  list-style: none;
  padding: 0 100px 0 0;
  display: inline-block;
  width: 35%;
  float: left;
}

@media (max-width: 991px) {
  .page-highlights .content-container .tab-container .tab-content .sub-category-container {
    display: none;
  }
}

.page-highlights .content-container .tab-container .tab-content .sub-category-container li:not(:last-child) {
  margin-bottom: 25px;
}

.page-highlights .content-container .tab-container .tab-content .sub-category-container li .description {
  margin-top: 20px;
}

.page-highlights .content-container .tab-container .tab-content .sub-category-container .sub-category-btn {
  cursor: pointer;
  position: relative;
}

@media (max-width: 991px) {
  .page-highlights .content-container .tab-container .tab-content .sub-category-container .sub-category-btn {
    display: none;
  }
}

.page-highlights .content-container .tab-container .tab-content .sub-category-container .sub-category-btn.active, .page-highlights .content-container .tab-container .tab-content .sub-category-container .sub-category-btn:hover {
  color: #9B730E;
}

.page-highlights .content-container .tab-container .tab-content .sub-category-dropdown {
  padding: 0;
  color: #484338;
  margin-bottom: 20px;
}

@media (min-width: 992px) {
  .page-highlights .content-container .tab-container .tab-content .sub-category-dropdown {
    display: none;
  }
}

.page-highlights .content-container .tab-container .tab-content .sub-category-dropdown .dropdown-toggle {
  width: 100%;
  text-align: left;
  position: relative;
}

.page-highlights .content-container .tab-container .tab-content .sub-category-dropdown .btn {
  background: none;
  border-radius: 0;
  color: #9B730E;
  border: 1px solid #9B730E;
}

.page-highlights .content-container .tab-container .tab-content .sub-category-dropdown .btn .dropdown-icon {
  position: absolute;
  right: 20px;
  top: 15px;
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  will-change: transform;
}

.page-highlights .content-container .tab-container .tab-content .sub-category-dropdown .btn:focus {
  border-color: #9B730E;
  box-shadow: unset;
}

.page-highlights .content-container .tab-container .tab-content .sub-category-dropdown .dropdown-menu {
  border-radius: 0;
  width: 100%;
  margin: 0;
}

.page-highlights .content-container .tab-container .tab-content .sub-category-dropdown .dropdown-menu li {
  padding: 15px 5px;
  margin: 0 20px;
}

.page-highlights .content-container .tab-container .tab-content .sub-category-dropdown .dropdown-menu li:not(:last-child) {
  border-bottom: 1px solid #a3a09a;
}

.page-highlights .content-container .tab-container .tab-content .content-list-container {
  display: inline-block;
  width: 65%;
  float: right;
}

@media (max-width: 991px) {
  .page-highlights .content-container .tab-container .tab-content .content-list-container {
    display: block;
    width: 100%;
    float: unset;
  }
}

.page-highlights .content-container .tab-container .tab-content .content-list-container .content-list {
  display: none;
}

.page-highlights .content-container .tab-container .tab-content .content-list-container .content-list.active {
  display: block;
}

.page-highlights .content-container .tab-container .tab-content .content-list-container .content-list .content-list-item {
  margin-bottom: 20px;
}

.page-highlights .content-container .tab-container .tab-content .content-list-container .content-list .content-list-item .background-image {
  height: 0;
  padding-top: 56.25%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-highlights .content-container .tab-container .tab-content .content-list-container .content-list .content-list-item .title {
  font-size: 18px;
  margin-top: 20px;
  color: #9B730E;
}

.page-highlights .content-container .tab-container .tab-content .content-list-container .content-list .content-list-item .sub_title {
  font-size: 16px;
}

.page-highlights .content-container .tab-container .tab-content .content-list-container .content-list .content-list-item .speaker {
  margin-top: 20px;
}

.page-highlights .content-container .tab-container .tab-content .content-list-container .content-list .content-list-item .speaker, .page-highlights .content-container .tab-container .tab-content .content-list-container .content-list .content-list-item .date, .page-highlights .content-container .tab-container .tab-content .content-list-container .content-list .content-list-item .address {
  font-size: 14px;
}

.page-questions .content-container .tab-container .nav-tabs-container {
  text-align: center;
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  .page-questions .content-container .tab-container .nav-tabs-container {
    text-align: left;
    border-bottom: 1px solid #a3a09a;
    overflow-x: auto;
  }
}

.page-questions .content-container .tab-container .nav-tabs-container .nav-tabs {
  display: inline-block;
  border-bottom: none;
}

@media (max-width: 991px) {
  .page-questions .content-container .tab-container .nav-tabs-container .nav-tabs {
    white-space: nowrap;
  }
}

@media (max-width: 991px) {
  .page-questions .content-container .tab-container .nav-tabs-container .nav-tabs>li {
    float: unset;
    display: inline-block;
  }
}

.page-questions .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item {
  margin-bottom: 0;
}

.page-questions .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item:not(:last-child) {
  margin-right: 40px;
}

@media (max-width: 991px) {
  .page-questions .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item:not(:last-child) {
    margin-right: 25px;
  }
}

.page-questions .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item.active a, .page-questions .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item.active a:focus {
  background-color: transparent;
  color: #9B730E;
}

.page-questions .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item a {
  margin-right: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.page-questions .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item a:hover {
  color: #9B730E;
  border: none;
}

.page-questions .content-container .tab-container .tab-content .content-list-container .content-list .content-list-row:not(:first-child) {
  position: relative;
  top: -20px;
}

@media (max-width: 991px) {
  .page-questions .content-container .tab-container .tab-content .content-list-container .content-list .content-list-row:not(:first-child) {
    top: 0;
    padding: 40px 0 20px 0;
  }
}

.page-questions .content-container .tab-container .tab-content .content-list-container .content-list .content-list-item {
  color: #60583E;
  position: relative;
  padding-left: 30px;
}

.page-questions .content-container .tab-container .tab-content .content-list-container .content-list .content-list-item:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 80%;
  background: #60583E;
}

.page-questions .content-container .tab-container .tab-content .content-list-container .content-list .content-list-item .title {
  font-size: 20px;
  margin-bottom: 30px;
}

.page-questions .content-container .question-container {
  padding-top: 50px;
  padding-left: 30px;
  font-size: 18px;
}

.page-questions .content-container .question-container a:hover {
  color: #9B730E;
}

.page-questions .content-container .question-container .icon-item {
  font-size: 30px;
  position: relative;
  top: 7px;
}

.page-others .content-container .tab-container .nav-tabs-container {
  display: inline-block;
  padding: 0 100px 0 0;
  width: 35%;
  float: left;
}

@media (max-width: 991px) {
  .page-others .content-container .tab-container .nav-tabs-container {
    display: none;
  }
}

.page-others .content-container .tab-container .nav-tabs-container .nav-tabs {
  border-bottom: none;
}

.page-others .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item {
  margin-bottom: 0;
  float: none;
}

.page-others .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item:not(:last-child) {
  margin-bottom: 25px;
}

.page-others .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item.active a, .page-others .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item.active a:focus {
  background-color: transparent;
  color: #9B730E;
}

.page-others .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item a {
  padding: 0;
  margin-right: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  display: inline-block;
}

.page-others .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item a:hover {
  color: #9B730E;
  border: none;
}

.page-others .content-container .tab-container .sub-category-dropdown {
  padding: 0;
  color: #484338;
  margin-bottom: 20px;
}

@media (min-width: 992px) {
  .page-others .content-container .tab-container .sub-category-dropdown {
    display: none;
  }
}

.page-others .content-container .tab-container .sub-category-dropdown .dropdown-toggle {
  width: 100%;
  text-align: left;
  position: relative;
}

.page-others .content-container .tab-container .sub-category-dropdown .btn {
  background: none;
  border-radius: 0;
  color: #9B730E;
  border: 1px solid #9B730E;
}

.page-others .content-container .tab-container .sub-category-dropdown .btn .dropdown-icon {
  position: absolute;
  right: 20px;
  top: 15px;
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  will-change: transform;
}

.page-others .content-container .tab-container .sub-category-dropdown .btn:focus {
  border-color: #9B730E;
  box-shadow: unset;
}

.page-others .content-container .tab-container .sub-category-dropdown .dropdown-menu {
  border-radius: 0;
  width: 100%;
  margin: 0;
}

.page-others .content-container .tab-container .sub-category-dropdown .dropdown-menu li {
  padding: 15px 5px;
  margin: 0 20px;
}

.page-others .content-container .tab-container .sub-category-dropdown .dropdown-menu li:not(:last-child) {
  border-bottom: 1px solid #a3a09a;
}

.page-others .content-container .tab-container .tab-content {
  display: inline-block;
  width: 65%;
  float: left;
}

@media (max-width: 991px) {
  .page-others .content-container .tab-container .tab-content {
    display: block;
    float: unset;
    width: 100%;
  }
}

.page-others .content-container .tab-container .tab-content .content-list-container .content-list .content-list-item {
  margin-bottom: 50px;
}

.page-others .content-container .tab-container .tab-content .content-list-container .content-list .content-list-item .background-image {
  height: 0;
  padding-top: 56.25%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-others .content-container .tab-container .tab-content .content-list-container .content-list .content-list-item .title {
  color: #9B730E;
  margin-top: 30px;
  margin-bottom: 10px;
}

.page-highlight-detail .mainContainer .inner-container {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 100px 15px;
}

.page-highlight-detail .mainContainer .inner-container .detail-container .top-container .information-container {
  padding-right: 150px;
}

.page-highlight-detail .mainContainer .inner-container .detail-container .top-container .information-container .title {
  margin-bottom: 25px;
  color: #60583E;
  font-size: 22px;
}

.page-highlight-detail .mainContainer .inner-container .detail-container .top-container .information-container .description {
  margin-bottom: 100px;
}

.page-highlight-detail .mainContainer .inner-container .detail-container .top-container .speaker, .page-highlight-detail .mainContainer .inner-container .detail-container .top-container .date, .page-highlight-detail .mainContainer .inner-container .detail-container .top-container .address {
  font-size: 14px;
  margin-bottom: 8px;
}

.page-highlight-detail .mainContainer .inner-container .detail-container .top-container .button-container {
  margin-top: 30px;
}

@media (max-width: 991px) {
  .page-highlight-detail .mainContainer .inner-container .detail-container .top-container .button-container {
    margin-bottom: 20px;
  }
}

.page-highlight-detail .mainContainer .inner-container .detail-container .top-container .button-container a {
  width: 220px;
  height: 50px;
  border: 1px solid #000;
  display: inline-block;
  text-align: center;
  line-height: 50px;
}

.page-highlight-detail .mainContainer .inner-container .detail-container .top-container .button-container a:not(:first-child) {
  margin-left: 30px;
}

.page-highlight-detail .mainContainer .inner-container .detail-container .top-container .button-container a:hover {
  color: #9B730E;
  border-color: #9B730E;
}

.page-highlight-detail .mainContainer .inner-container .detail-container .media-container .gallery-container {
  margin-bottom: 60px;
}

.page-highlight-detail .mainContainer .inner-container .detail-container .media-container .gallery-container .slider-container {
  margin: 0;
  float: left;
  width: calc(100% - 75px);
}

.page-highlight-detail .mainContainer .inner-container .detail-container .media-container .gallery-container .gallery-label {
  color: #60583E;
  display: inline-block;
  width: 35px;
  height: 150px;
  border-right: 1px solid;
  margin-right: 30px;
  float: left;
}

.lang-tc.page-highlight-detail .mainContainer .inner-container .detail-container .media-container .gallery-container .gallery-label, .lang-sc.page-highlight-detail .mainContainer .inner-container .detail-container .media-container .gallery-container .gallery-label {
  direction: ltr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  letter-spacing: 8px !important;
}

.lang-tc.page-highlight-detail .mainContainer .inner-container .detail-container .media-container .gallery-container .gallery-label a, .lang-sc.page-highlight-detail .mainContainer .inner-container .detail-container .media-container .gallery-container .gallery-label a {
  letter-spacing: 8px !important;
}

.page-highlight-detail .mainContainer .inner-container .detail-container .media-container .video-container {
  margin-bottom: 60px;
}

.page-highlight-detail .mainContainer .inner-container .detail-container .media-container .video-container .video-box {
  float: left;
  width: calc(100% - 75px);
}

.page-highlight-detail .mainContainer .inner-container .detail-container .media-container .video-container .video-box .background-image {
  height: 0;
  padding-top: 56.25%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.page-highlight-detail .mainContainer .inner-container .detail-container .media-container .video-container .video-box .background-image .icon_play {
  font-size: 60px;
  color: #FFF;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  will-change: transform;
}

.page-highlight-detail .mainContainer .inner-container .detail-container .media-container .video-container .video-label {
  color: #60583E;
  display: inline-block;
  width: 35px;
  height: 150px;
  border-right: 1px solid;
  margin-right: 30px;
  float: left;
}

.lang-tc.page-highlight-detail .mainContainer .inner-container .detail-container .media-container .video-container .video-label, .lang-sc.page-highlight-detail .mainContainer .inner-container .detail-container .media-container .video-container .video-label {
  direction: ltr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  letter-spacing: 8px !important;
}

.lang-tc.page-highlight-detail .mainContainer .inner-container .detail-container .media-container .video-container .video-label a, .lang-sc.page-highlight-detail .mainContainer .inner-container .detail-container .media-container .video-container .video-label a {
  letter-spacing: 8px !important;
}

.page-search .content-container .inner-container {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 100px;
  padding-top: 100px;
}

.page-search .content-container .inner-container .search-section form {
  color: #60583E;
  padding: 10px 20px;
  border-bottom: 1px solid;
}

.page-search .content-container .inner-container .search-section form input[name='keyword'] {
  font-size: 24px;
  display: inline-block;
  width: calc(100% - 65px);
  float: left;
  background: none;
  box-shadow: none;
  border: none;
}

.page-search .content-container .inner-container .search-section .quick-search-button {
  display: inline-block;
  float: left;
  padding: 0;
  width: 65px;
  text-align: center;
  background: none;
}

.page-search .content-container .inner-container .search-section .quick-search-button:hover {
  color: #9B730E;
}

.page-search .content-container .inner-container .search-section .quick-search-button .icon_more {
  font-size: 30px;
}

.page-search .content-container .inner-container .result-main-container {
  margin-top: 40px;
  margin-left: 20px;
  margin-right: 20px;
  color: #60583E;
}

.page-search .content-container .inner-container .result-main-container .search-result-container .result-label {
  font-size: 18px;
  margin-bottom: 5px;
}

.page-search .content-container .inner-container .result-main-container .search-result-container .search-list-container {
  margin-top: 50px;
}

.page-search .content-container .inner-container .result-main-container .search-result-container .search-list-container .template-item {
  margin-bottom: 55px;
}

.page-search .content-container .inner-container .result-main-container .search-result-container .search-list-container .template-item .page-link:hover {
  color: #9B730E;
}

.page-search .content-container .inner-container .result-main-container .search-result-container .search-list-container .template-item .title {
  font-size: 24px;
  margin-top: 5px;
}

.page-search .content-container .inner-container .result-main-container .noFound-container {
  font-size: 20px;
}

.page-development-path .content-container .panel-default {
  background: none;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.page-development-path .content-container .panel-default .panel-heading {
  background: none;
  padding-left: 0;
  padding-right: 0;
  border-bottom-color: #484338;
}

.page-development-path .content-container .panel-default .panel-heading .panel-title-link {
  display: block;
  position: relative;
  color: #9B730E;
  font-weight: bold;
}

.page-development-path .content-container .panel-default .panel-heading .panel-title-link .title {
  font-size: 24px;
}

@media (max-width: 991px) {
  .page-development-path .content-container .panel-default .panel-heading .panel-title-link .title {
    font-size: 22px;
  }
}

.page-development-path .content-container .panel-default .panel-heading .panel-title-link .dropdown-icon {
  width: 20px;
  height: 20px;
  font-size: 20px;
  right: 0;
  position: absolute;
  top: 50%;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  will-change: transform, opacity;
  -moz-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  will-change: transform;
}

.page-development-path .content-container .panel-default .panel-heading .panel-title-link[aria-expanded=true] .dropdown-icon {
  -moz-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -webkit-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
  will-change: transform;
}

.page-development-path .content-container .panel-default .panel-body {
  padding: 40px 0 20px 0;
}

.page-development-path .content-container .panel-body .content-list-item .opening-images {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
  width: 100%;
  max-width: 100%;
  margin: 24px auto 0;
  box-sizing: border-box;
}

.page-development-path .content-container .panel-body .content-list-item .opening-images img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
  object-fit: contain;
}

.page-development-path .content-container .panel-default .panel-body .content-list-item .description ul {
  padding-left: 20px;
}

.page-development-path .content-container .panel-default .panel-body .content-list-item:not(:last-child) {
  margin-bottom: 40px;
}

.page-development-path .content-container .panel-default .panel-body .content-list-item .title {
  position: relative;
  padding-left: 20px;
  margin-bottom: 5px;
  font-weight: bold;
}

.page-development-path .content-container .panel-default .panel-body .content-list-item .icon-circle {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #9B730E;
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 0;
}

.page-objective .content-container,
.page-development-path .content-container,
.page-ven-yin-yeung .content-container,
.page-abbess-message .content-container {
  text-align: left;
}

.page-ven-yin-yeung .content-container .title {
  font-size: 24px;
  color: #9B730E;
}

@media (max-width: 991px) {
  .page-ven-yin-yeung .content-container .title {
    font-size: 22px;
  }
}

.page-ven-yin-yeung .content-container .title-inner {
  padding-bottom: 25px;
  border-bottom: 1px solid;
  margin-bottom: 30px;
  display: inline-block;
}

.page-ven-yin-yeung .content-container .avatar {
  width: 100%;
  margin-bottom: 30px;
}

.page-abbess-message .content-container .tab-container .nav-tabs-container {
  text-align: center;
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  .page-abbess-message .content-container .tab-container .nav-tabs-container {
    text-align: left;
    border-bottom: 1px solid #a3a09a;
    overflow-x: auto;
  }
}

.page-abbess-message .content-container .tab-container .nav-tabs-container .nav-tabs {
  display: inline-block;
  border-bottom: none;
}

@media (max-width: 991px) {
  .page-abbess-message .content-container .tab-container .nav-tabs-container .nav-tabs {
    white-space: nowrap;
  }
}

@media (max-width: 991px) {
  .page-abbess-message .content-container .tab-container .nav-tabs-container .nav-tabs>li {
    float: unset;
    display: inline-block;
  }
}

.page-abbess-message .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item {
  margin-bottom: 0;
}

.page-abbess-message .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item:not(:last-child) {
  margin-right: 40px;
}

@media (max-width: 991px) {
  .page-abbess-message .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item:not(:last-child) {
    margin-right: 25px;
  }
}

.page-abbess-message .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item.active a, .page-abbess-message .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item.active a:focus {
  background-color: transparent;
  color: #9B730E;
}

.page-abbess-message .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item a {
  margin-right: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.page-abbess-message .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item a:hover {
  color: #9B730E;
  border: none;
}

.page-abbess-message .content-container .tab-container .tab-content .tab-pane-one .title, .page-abbess-message .content-container .tab-container .tab-content .tab-pane-two .title {
  font-size: 24px;
  color: #484338;
}

@media (max-width: 991px) {
  .page-abbess-message .content-container .tab-container .tab-content .tab-pane-one .title, .page-abbess-message .content-container .tab-container .tab-content .tab-pane-two .title {
    font-size: 22px;
  }
}

.page-abbess-message .content-container .tab-container .tab-content .tab-pane-one .title-inner, .page-abbess-message .content-container .tab-container .tab-content .tab-pane-two .title-inner {
  padding-bottom: 25px;
  border-bottom: 1px solid;
  margin-bottom: 30px;
  display: inline-block;
}

.page-abbess-message .content-container .tab-container .tab-content .tab-pane-three .content-list-container .content-list-column .content-list-item {
  background: #FFF;
  margin-bottom: 30px;
}

.page-abbess-message .content-container .tab-container .tab-content .tab-pane-three .content-list-container .content-list-column .content-list-item .content-list-inner-container {
  padding: 30px 20px;
}

.page-abbess-message .content-container .tab-container .tab-content .tab-pane-three .content-list-container .content-list-column .content-list-item .content-list-inner-container .title {
  font-size: 24px;
  color: #484338;
}

.page-abbess-message .content-container .tab-container .tab-content .tab-pane-three .content-list-container .content-list-column .content-list-item .content-list-inner-container .title-inner {
  padding-bottom: 25px;
  border-bottom: 1px solid;
  margin-bottom: 30px;
  display: inline-block;
}

.page-abbess-message .content-container .tab-container .tab-content .tab-pane-three .content-list-container .content-list-column .content-list-item .content-list-inner-container .author {
  margin-top: 40px;
  text-align: right;
  font-size: 15px;
}

@media (min-width: 992px) {
  .page-abbess-message .content-container .tab-container .tab-content .tab-pane-three .content-list-container .content-list-container-desktop {
    display: flex;
    flex-wrap: nowrap;
    margin: 0 -15px;
  }

  .page-abbess-message .content-container .tab-container .tab-content .tab-pane-three .content-list-container .content-list-container-desktop .content-list-column {
    margin: 0 15px;
  }

  .page-abbess-message .content-container .tab-container .tab-content .tab-pane-three .content-list-container .content-list-container-mobile {
    display: none;
  }
}

@media (max-width: 991px) {
  .page-abbess-message .content-container .tab-container .tab-content .tab-pane-three .content-list-container .content-list-container-desktop {
    display: none;
  }
}

.page-buddhist-chaplaincy .content-container .tab-container .nav-tabs-container {
  text-align: center;
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  .page-buddhist-chaplaincy .content-container .tab-container .nav-tabs-container {
    text-align: left;
    border-bottom: 1px solid #a3a09a;
    overflow-x: auto;
  }
}

.page-buddhist-chaplaincy .content-container .tab-container .nav-tabs-container .nav-tabs {
  display: inline-block;
  border-bottom: none;
}

@media (max-width: 991px) {
  .page-buddhist-chaplaincy .content-container .tab-container .nav-tabs-container .nav-tabs {
    white-space: nowrap;
  }
}

@media (max-width: 991px) {
  .page-buddhist-chaplaincy .content-container .tab-container .nav-tabs-container .nav-tabs>li {
    float: unset;
    display: inline-block;
  }
}

.page-buddhist-chaplaincy .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item {
  margin-bottom: 0;
}

.page-buddhist-chaplaincy .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item:not(:last-child) {
  margin-right: 40px;
}

@media (max-width: 991px) {
  .page-buddhist-chaplaincy .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item:not(:last-child) {
    margin-right: 25px;
  }
}

.page-buddhist-chaplaincy .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item.active a, .page-buddhist-chaplaincy .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item.active a:focus {
  background-color: transparent;
  color: #9B730E;
}

.page-buddhist-chaplaincy .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item a {
  margin-right: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.page-buddhist-chaplaincy .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item a:hover {
  color: #9B730E;
  border: none;
}

.page-buddhist-chaplaincy .content-container .tab-container .tab-content .video-container {
  margin-top: 50px;
  margin-bottom: 50px;
}

.page-buddhist-chaplaincy .content-container .tab-container .tab-content .video-container .video-box .background-image {
  height: 0;
  padding-top: 56.25%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.page-buddhist-chaplaincy .content-container .tab-container .tab-content .video-container .video-box .background-image .icon_play {
  font-size: 60px;
  color: #FFF;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  will-change: transform;
}

.page-buddhist-chaplaincy .content-container .tab-container .tab-content .tab-pane-one .content-list-container .content-list-item .title {
  font-size: 24px;
  color: #484338;
}

@media (max-width: 991px) {
  .page-buddhist-chaplaincy .content-container .tab-container .tab-content .tab-pane-one .content-list-container .content-list-item .title {
    font-size: 22px;
  }
}

.page-buddhist-chaplaincy .content-container .tab-container .tab-content .tab-pane-one .content-list-container .content-list-item .title-inner {
  padding-bottom: 25px;
  border-bottom: 1px solid;
  margin-bottom: 30px;
  display: inline-block;
}

.page-buddhist-chaplaincy .content-container .tab-container .tab-content .tab-pane-one .content-list-container .content-list-item .content-list-desc ul {
  list-style: none;
  padding-left: 0;
}

.page-buddhist-chaplaincy .content-container .tab-container .tab-content .tab-pane-one .content-list-container .content-list-item .content-list-desc ul li {
  position: relative;
}

.page-buddhist-chaplaincy .content-container .tab-container .tab-content .tab-pane-one .content-list-container .content-list-item .content-list-desc ul li:before {
  content: "・";
  position: relative;
  margin-right: 5px;
  font-size: 14px;
}

.page-buddhist-chaplaincy .content-container .tab-container .tab-content .tab-pane-one .content-list-container .content-list-item:not(:last-child) {
  margin-bottom: 50px;
}

.page-buddhist-chaplaincy .content-container .tab-container .tab-content .tab-pane-two .content-list-container .content-list-item .title {
  font-size: 24px;
  color: #484338;
}

.page-buddhist-chaplaincy .content-container .tab-container .tab-content .tab-pane-two .content-list-container .content-list-item .title-inner {
  padding-bottom: 25px;
  border-bottom: 1px solid;
  margin-bottom: 30px;
  display: inline-block;
}

.page-buddhist-chaplaincy .content-container .tab-container .tab-content .tab-pane-two .content-list-container .content-list-item:not(:last-child) {
  margin-bottom: 50px;
}

.page-buddhist-chaplaincy .content-container .tab-container .tab-content .tab-pane-two .content-list-container .content-list-item .content-list-inner-container .item {
  margin-bottom: 30px;
}

.page-buddhist-chaplaincy .content-container .tab-container .tab-content .tab-pane-two .content-list-container .content-list-item .contact-container .icon-item {
  width: 20px;
  color: #8C7D48;
  display: inline-block;
}

.page-caring-service .content-container .tab-container .nav-tabs-container {
  text-align: center;
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  .page-caring-service .content-container .tab-container .nav-tabs-container {
    text-align: left;
    border-bottom: 1px solid #a3a09a;
    overflow-x: auto;
  }
}

.page-caring-service .content-container .tab-container .nav-tabs-container .nav-tabs {
  display: inline-block;
  border-bottom: none;
}

@media (max-width: 991px) {
  .page-caring-service .content-container .tab-container .nav-tabs-container .nav-tabs {
    white-space: nowrap;
  }
}

@media (max-width: 991px) {
  .page-caring-service .content-container .tab-container .nav-tabs-container .nav-tabs>li {
    float: unset;
    display: inline-block;
  }
}

.page-caring-service .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item {
  margin-bottom: 0;
}

.page-caring-service .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item:not(:last-child) {
  margin-right: 40px;
}

@media (max-width: 991px) {
  .page-caring-service .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item:not(:last-child) {
    margin-right: 25px;
  }
}

.page-caring-service .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item.active a, .page-caring-service .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item.active a:focus {
  background-color: transparent;
  color: #9B730E;
}

.page-caring-service .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item a {
  margin-right: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.page-caring-service .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item a:hover {
  color: #9B730E;
  border: none;
}

.page-caring-service .content-container .tab-container .video-container {
  margin-top: 50px;
}

.page-caring-service .content-container .tab-container .video-container .video-box .background-image {
  height: 0;
  padding-top: 56.25%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.page-caring-service .content-container .tab-container .video-container .video-box .background-image .icon_play {
  font-size: 60px;
  color: #FFF;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  will-change: transform;
}

.page-choir .content-container .title {
  font-size: 24px;
  color: #484338;
}

@media (max-width: 991px) {
  .page-choir .content-container .title {
    font-size: 22px;
  }
}

.page-choir .content-container .title-inner {
  padding-bottom: 25px;
  border-bottom: 1px solid;
  margin-bottom: 30px;
  display: inline-block;
}

.page-choir .content-container .video-container {
  margin-top: 50px;
}

.page-choir .content-container .video-container .video-box .background-image {
  height: 0;
  padding-top: 56.25%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.page-choir .content-container .video-container .video-box .background-image .icon_play {
  font-size: 60px;
  color: #FFF;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  will-change: transform;
}

.page-youth-group .content-container .title {
  font-size: 24px;
  color: #484338;
}

@media (max-width: 991px) {
  .page-youth-group .content-container .title {
    font-size: 22px;
  }
}

.page-youth-group .content-container .title-inner {
  padding-bottom: 25px;
  border-bottom: 1px solid;
  margin-bottom: 30px;
  display: inline-block;
}

.page-youth-group .content-container .video-container {
  margin-top: 50px;
}

.page-youth-group .content-container .video-container .video-box .background-image {
  height: 0;
  padding-top: 56.25%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.page-youth-group .content-container .video-container .video-box .background-image .icon_play {
  font-size: 60px;
  color: #FFF;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  will-change: transform;
}

.page-introduction .content-container .content-list-item {
  display: table;
  margin-bottom: 60px;
}

.page-introduction .content-container .content-list-item .content-list-container {
  display: table-row;
}

.page-introduction .content-container .content-list-item .content-list-container .content-list-title {
  display: table-cell;
  width: 20px;
  color: #8C7D48;
  font-size: 24px;
  border-right: 1px solid;
  padding-right: 20px;
}

@media (max-width: 991px) {
  .page-introduction .content-container .content-list-item .content-list-container .content-list-title {
    font-size: 22px;
  }
}

.page-introduction .content-container .content-list-item .content-list-container .content-list {
  vertical-align: top;
  display: table-cell;
  padding-left: 20px;
}

.page-introduction .content-container .content-list-item .content-list-container .content-list .content-list-inner:first-child {
  margin-bottom: 30px;
}

.page-introduction .content-container .content-list-item .content-list-container .content-list .content-list-inner .sub-title {
  color: #484338;
  display: inline-block;
  margin-right: 10px;
}

.page-inner-voice .content-container .caption-container {
  margin: 0 auto 80px;
}

.lang-tc.page-inner-voice .content-container .caption-container, .lang-sc.page-inner-voice .content-container .caption-container {
  direction: ltr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  letter-spacing: 8px !important;
}

.lang-tc.page-inner-voice .content-container .caption-container a, .lang-sc.page-inner-voice .content-container .caption-container a {
  letter-spacing: 8px !important;
}

.page-inner-voice .content-container .caption-container .caption-item-container:not(:last-child) {
  margin-right: 50px;
}

@media (max-width: 991px) {
  .page-inner-voice .content-container .caption-container .caption-item-container:not(:last-child) {
    margin-right: 40px;
  }
}

.page-inner-voice .content-container .caption-container .caption-item-container .caption-item span {
  border-left: 1px solid #484338;
  padding: 0 5px;
  margin-left: 15px;
  display: inline-block;
}

.page-inner-voice .content-container .content-list-container:not(:last-child) {
  margin-bottom: 60px;
}

.page-inner-voice .content-container .content-list-container .name-container {
  text-align: right;
  margin-top: 25px;
}

.page-ateen-introduction.lang-tc.template-1 .inner-container .mobile-banner-container .mobile-banner-background .mobile-section-label, .page-ateen-introduction.lang-sc.template-1 .inner-container .mobile-banner-container .mobile-banner-background .mobile-section-label {
  letter-spacing: 1px !important;
}

.page-ateen-introduction.lang-tc.template-1 .inner-container .subtitle, .page-ateen-introduction.lang-sc.template-1 .inner-container .subtitle {
  text-align: center;
  -webkit-writing-mode: horizontal-tb;
  -ms-writing-mode: unset;
  writing-mode: rl-tb;
  letter-spacing: 2px !important;
  margin-bottom: 50px;
}

.page-ateen-introduction .content-container .title {
  font-size: 24px;
  color: #9B730E;
}

@media (max-width: 991px) {
  .page-ateen-introduction .content-container .title {
    font-size: 22px;
  }
}

.page-ateen-introduction .content-container .title-inner {
  padding-bottom: 25px;
  border-bottom: 1px solid;
  margin-bottom: 30px;
  display: inline-block;
}

.page-ateen-introduction .content-container .description {
  margin-top: 50px;
}

.page-ateen-introduction .content-container .video-container {
  margin-top: 50px;
}

.page-ateen-introduction .content-container .video-container .video-box .background-image {
  height: 0;
  padding-top: 56.25%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.page-ateen-introduction .content-container .video-container .video-box .background-image .icon_play {
  font-size: 60px;
  color: #FFF;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  will-change: transform;
}

.page-ateen-introduction .content-container .single-image-container {
  cursor: pointer;
  margin-top: 50px;
  height: 0;
  padding-top: 56.25%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-ateen-address.lang-tc.template-1 .inner-container .mobile-banner-container .mobile-banner-background .mobile-section-label, .page-ateen-address.lang-sc.template-1 .inner-container .mobile-banner-container .mobile-banner-background .mobile-section-label {
  letter-spacing: 1px !important;
}

.page-ateen-address.lang-tc.template-1 .inner-container .subtitle, .page-ateen-address.lang-sc.template-1 .inner-container .subtitle {
  text-align: center;
  -webkit-writing-mode: horizontal-tb;
  -ms-writing-mode: unset;
  writing-mode: horizontal-tb;
  letter-spacing: 2px !important;
  margin-bottom: 50px;
}

.page-ateen-address .content-container .map-container {
  height: 400px;
  margin-top: 30px;
}

.page-ateen-address .content-container .circle-image {
  width: 100px;
  height: 100px;
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-bottom: 50px;
}

.page-ateen-address .content-container .title {
  font-size: 24px;
  color: #9B730E;
}

.page-ateen-address .content-container .title-inner {
  padding-bottom: 25px;
  border-bottom: 1px solid;
  margin-bottom: 30px;
  display: inline-block;
}

.page-ateen-address .content-container .content-list-container {
  display: table-row;
}

.page-ateen-address .content-container .content-list-container .icon-item {
  display: table-cell;
  width: 20px;
  color: #8C7D48;
}

.page-ateen-address .content-container .content-list-container .content-list {
  display: table-cell;
  padding-left: 15px;
  padding-bottom: 20px;
}

@media (max-width: 991px) {
  .page-ateen-address .content-container .content-list-container .content-list {
    word-break: break-all;
  }
}

.page-ateen-address .content-container .button-container {
  margin-top: 80px;
  text-align: center;
}

.page-ateen-address .content-container .button-container a {
  display: inline-block;
  width: 280px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #60583E;
  border: 1px solid #60583E;
}

.page-ateen-address .content-container .button-container a:hover {
  color: #9B730E;
  border: 1px solid #9B730E;
}

@media (max-width: 991px) {
  .page-support-us .content-container .tab-container {
    overflow-x: hidden;
  }
}

.page-support-us .content-container .tab-container .nav-tabs-container {
  text-align: center;
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  .page-support-us .content-container .tab-container .nav-tabs-container {
    text-align: left;
    border-bottom: 1px solid #a3a09a;
    overflow-x: auto;
  }
}

.page-support-us .content-container .tab-container .nav-tabs-container .nav-tabs {
  display: inline-block;
  border-bottom: none;
}

@media (max-width: 991px) {
  .page-support-us .content-container .tab-container .nav-tabs-container .nav-tabs {
    white-space: nowrap;
  }
}

@media (max-width: 991px) {
  .page-support-us .content-container .tab-container .nav-tabs-container .nav-tabs>li {
    float: unset;
    display: inline-block;
  }
}

.page-support-us .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item {
  margin-bottom: 0;
}

.page-support-us .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item:not(:last-child) {
  margin-right: 40px;
}

@media (max-width: 991px) {
  .page-support-us .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item:not(:last-child) {
    margin-right: 25px;
  }
}

.page-support-us .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item.active a, .page-support-us .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item.active a:focus {
  background-color: transparent;
  color: #9B730E;
}

.page-support-us .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item a {
  margin-right: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.page-support-us .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item a:hover {
  color: #9B730E;
  border: none;
}

.page-support-us .content-container .tab-container .tab-content .tab-pane-one .content-list-item .title {
  font-size: 24px;
  color: #484338;
}

@media (max-width: 991px) {
  .page-support-us .content-container .tab-container .tab-content .tab-pane-one .content-list-item .title {
    font-size: 22px;
  }
}

.page-support-us .content-container .tab-container .tab-content .tab-pane-one .content-list-item .title-inner {
  padding-bottom: 25px;
  border-bottom: 1px solid;
  margin-bottom: 30px;
  display: inline-block;
}

.page-support-us .content-container .tab-container .tab-content .tab-pane-one .content-list-item .donation-btn-container {
  margin-top: 30px;
  text-align: center;
}

.page-support-us .content-container .tab-container .tab-content .tab-pane-one .content-list-item .donation-btn-container .donation-btn {
  max-width: 260px;
  width: 100%;
  display: inline-block;
  border: 1px solid;
  padding: 15px 20px;
  text-align: center;
  color: #60583E;
}

.page-support-us .content-container .tab-container .tab-content .tab-pane-one .content-list-item .donation-btn-container .donation-btn:hover {
  color: #9B730E;
}

.page-support-us .content-container .tab-container .tab-content .tab-pane-one .content-list-item:not(:last-child) {
  margin-bottom: 50px;
}

.page-support-us .content-container .tab-container .tab-content .tab-pane-three .title {
  font-size: 24px;
  color: #484338;
}

.page-support-us .content-container .tab-container .tab-content .tab-pane-three .title .title-inner {
  padding-bottom: 25px;
  border-bottom: 1px solid;
  margin-bottom: 30px;
  display: inline-block;
}

.page-support-us .content-container .tab-container .tab-content .tab-pane-three .content-list-item {
  display: block;
  border: 1px solid;
  padding: 15px 20px;
  text-align: center;
  color: #60583E;
  margin-bottom: 40px;
}

.page-support-us .content-container .tab-container .tab-content .tab-pane-three .content-list-item:hover {
  color: #9B730E;
}

@media (max-width: 991px) {
  .page-financial-report .content-container .tab-container {
    overflow-x: hidden;
  }
}

.page-financial-report .content-container .tab-container .nav-tabs-container {
  text-align: center;
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  .page-financial-report .content-container .tab-container .nav-tabs-container {
    text-align: left;
    border-bottom: 1px solid #a3a09a;
    overflow-x: auto;
  }
}

.page-financial-report .content-container .tab-container .nav-tabs-container .nav-tabs {
  display: inline-block;
  border-bottom: none;
}

@media (max-width: 991px) {
  .page-financial-report .content-container .tab-container .nav-tabs-container .nav-tabs {
    white-space: nowrap;
  }
}

@media (max-width: 991px) {
  .page-financial-report .content-container .tab-container .nav-tabs-container .nav-tabs>li {
    float: unset;
    display: inline-block;
  }
}

.page-financial-report .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item {
  margin-bottom: 0;
}

.page-financial-report .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item:not(:last-child) {
  margin-right: 40px;
}

@media (max-width: 991px) {
  .page-financial-report .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item:not(:last-child) {
    margin-right: 25px;
  }
}

.page-financial-report .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item.active a, .page-financial-report .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item.active a:focus {
  background-color: transparent;
  color: #9B730E;
}

.page-financial-report .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item a {
  margin-right: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.page-financial-report .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item a:hover {
  color: #9B730E;
  border: none;
}

@media (max-width: 991px) {
  .page-support-us .content-container .tab-container {
    overflow-x: hidden;
  }
}

.page-support-us .content-container .tab-container .nav-tabs-container {
  text-align: center;
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  .page-support-us .content-container .tab-container .nav-tabs-container {
    text-align: left;
    border-bottom: 1px solid #a3a09a;
    overflow-x: auto;
  }
}

.page-support-us .content-container .tab-container .nav-tabs-container .nav-tabs {
  display: inline-block;
  border-bottom: none;
}

@media (max-width: 991px) {
  .page-support-us .content-container .tab-container .nav-tabs-container .nav-tabs {
    white-space: nowrap;
  }
}

@media (max-width: 991px) {
  .page-support-us .content-container .tab-container .nav-tabs-container .nav-tabs>li {
    float: unset;
    display: inline-block;
  }
}

.page-support-us .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item {
  margin-bottom: 0;
}

.page-support-us .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item:not(:last-child) {
  margin-right: 40px;
}

@media (max-width: 991px) {
  .page-support-us .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item:not(:last-child) {
    margin-right: 25px;
  }
}

.page-support-us .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item.active a, .page-support-us .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item.active a:focus {
  background-color: transparent;
  color: #9B730E;
}

.page-support-us .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item a {
  margin-right: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.page-support-us .content-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item a:hover {
  color: #9B730E;
  border: none;
}

.page-support-us .content-container .tab-container .tab-content .tab-pane-one .title {
  font-size: 24px;
  color: #484338;
}

.page-support-us .content-container .tab-container .tab-content .tab-pane-one .title .title-inner {
  padding-bottom: 25px;
  border-bottom: 1px solid;
  margin-bottom: 30px;
  display: inline-block;
}

.page-support-us .content-container .tab-container .tab-content .tab-pane-one .content-list-item {
  display: block;
  border: 1px solid;
  padding: 15px 20px;
  text-align: center;
  color: #60583E;
  margin-bottom: 40px;
}

.page-support-us .content-container .tab-container .tab-content .tab-pane-one .content-list-item:hover {
  color: #9B730E;
}

.page-sign-up-for-volunteers .content-container .button-container {
  margin-top: 80px;
  text-align: center;
}

.page-sign-up-for-volunteers .content-container .button-container a {
  display: inline-block;
  width: 280px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #60583E;
  border: 1px solid #60583E;
}

.page-sign-up-for-volunteers .content-container .button-container a:hover {
  color: #9B730E;
  border: 1px solid #9B730E;
}

.page-sign-up-for-volunteers .content-container .video-container {
  margin-top: 50px;
}

.page-sign-up-for-volunteers .content-container .video-container .video-box .background-image {
  height: 0;
  padding-top: 56.25%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.page-sign-up-for-volunteers .content-container .video-container .video-box .background-image .icon_play {
  font-size: 60px;
  color: #FFF;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  will-change: transform;
}

.page-forms-download .content-container .content-list-item {
  margin-bottom: 40px;
}

.page-forms-download .content-container .content-list-item a.link-item {
  color: #484338;
}

.page-forms-download .content-container .content-list-item a.link-item:hover {
  color: #9B730E;
}

.page-contact-us .content-container .map-container {
  height: 400px;
}

.page-contact-us .content-container .content-item {
  margin-bottom: 50px;
}

.page-contact-us .content-container .content-item .title {
  font-size: 24px;
  color: #9B730E;
}

@media (max-width: 991px) {
  .page-contact-us .content-container .content-item .title {
    font-size: 22px;
  }
}

.page-contact-us .content-container .content-item .title-inner {
  padding-bottom: 25px;
  border-bottom: 1px solid;
  margin-bottom: 30px;
  display: inline-block;
}

.page-contact-us .content-container .content-item .content-list-container {
  display: table-row;
}

.page-contact-us .content-container .content-item {
  display: table;
  width: 100%;
}

.page-contact-us .content-container .content-item .content-list-container .icon-item {
  display: table-cell;
  width: 20px;
  color: #8C7D48;
}

.page-contact-us .content-container .content-item .content-list-container .content-list {
  display: table-cell;
  padding-left: 15px;
  padding-bottom: 20px;
}

.page-links .content-container {
  text-align: center;
}

.page-links .content-container .link-container a.link-item {
  border-bottom: 1px solid;
  padding-bottom: 15px;
  display: inline-block;
  margin-bottom: 50px;
  font-size: 30px;
  color: #60583E;
}

@media (max-width: 991px) {
  .page-links .content-container .link-container a.link-item {
    font-size: 25px;
  }
}

.page-links .content-container .link-container a.link-item.active, .page-links .content-container .link-container a.link-item:hover {
  color: #8C7D48;
}

.membership-panel-container {
  margin-top: 30px;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  display: -ms-flex;
  display: -moz-flex;
}

@media (max-width: 991px) {
  .membership-panel-container {
    margin: 0 15px;
  }
}

.membership-panel-container .menu-container {
  width: 180px;
  background: #FFF;
  position: relative;
}

@media (max-width: 991px) {
  .membership-panel-container .menu-container {
    display: none;
  }
}

.membership-panel-container .menu-container .menu-box {
  padding: 0;
  text-align: center;
  list-style: none;
}

.membership-panel-container .menu-container .menu-box li {
  border-left: 4px solid #FFF;
}

.membership-panel-container .menu-container .menu-box li a {
  display: block;
  padding: 25px 20px;
}

.membership-panel-container .menu-container .menu-box li a:hover {
  color: #9B730E;
}

.membership-panel-container .menu-container .menu-box li.active {
  border-left: 4px solid #9B730E;
}

.membership-panel-container .menu-container .menu-box li.active a {
  color: #9B730E;
}

.membership-panel-container .menu-container .logout-container {
  text-align: center;
  position: absolute;
  bottom: 80px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  will-change: transform;
}

.membership-panel-container .menu-container .logout-container a {
  border: 1px solid;
  padding: 10px 25px;
}

.membership-panel-container .menu-container .logout-container a:hover {
  color: #9B730E;
}

.membership-panel-container .main-container {
  min-height: 700px;
  padding: 20px 30px;
  margin-left: auto;
  width: calc(100% - 200px);
  background: #FFF;
}

@media (max-width: 991px) {
  .membership-panel-container .main-container {
    width: 100%;
  }
}

.membership-panel-container .main-container .form-main-container {
  margin: 30px 0;
}

.membership-panel-container .main-container .form-main-container .form-save-btn {
  text-align: left;
  padding: 0 !important;
}

.membership-panel-container .main-container .form-main-container .form-save-btn button {
  width: 140px;
  height: 45px;
  border: none;
  background: #60583E;
  color: #FFF;
}

.membership-panel-container .main-container .form-main-container .form-save-btn button:hover {
  background: #9B730E;
}

.membership-panel-container .main-container .table-container table, .membership-panel-container .main-container .table-container tr, .membership-panel-container .main-container .table-container td {
  color: #484338;
}

.membership-panel-container .main-container .table-container table {
  border-collapse: collapse;
}

.membership-panel-container .main-container .table-container table td {
  padding: 25px 10px;
}

.membership-panel-container .main-container .table-container table td {
  border-top: none;
  border-bottom: 1px solid #484338;
}

.membership-panel-container .main-container .table-container table .delete-btn {
  font-size: 20px;
  padding: 10px;
  color: #9B730E;
}

.membership-panel-container .main-container .table-container table .red-font {
  color: #ff2525;
}

.membership-panel-container .main-container .table-container table .more-btn {
  cursor: pointer;
  display: inline-block;
  padding: 10px;
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  will-change: transform;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  will-change: transform, opacity;
}

.page-activity-center .membership-panel-container .main-container {
  padding: 0;
}

.page-activity-center .membership-panel-container .main-container .tab-container .nav-tabs-container {
  background: #F0F0EE;
}

.page-activity-center .membership-panel-container .main-container .tab-container .nav-tabs-container .nav-tabs {
  border-bottom: none;
}

.page-activity-center .membership-panel-container .main-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item {
  width: 150px;
  margin: 0;
}

.page-activity-center .membership-panel-container .main-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item a {
  text-align: center;
  border-radius: 0;
  border: none;
  padding-top: 15px;
  padding-bottom: 15px;
}

.page-activity-center .membership-panel-container .main-container .tab-container .nav-tabs-container .nav-tabs .nav-tab-item a:hover {
  border: none;
}

.page-activity-center .membership-panel-container .main-container .tab-container .nav-tabs-container .nav-tabs>li.active>a, .page-activity-center .membership-panel-container .main-container .tab-container .nav-tabs-container .nav-tabs>li.active>a:hover, .page-activity-center .membership-panel-container .main-container .tab-container .nav-tabs-container .nav-tabs>li.active>a:focus {
  background: #9B730E;
  color: #FFF;
}

.page-activity-center .membership-panel-container .main-container .tab-container .tab-content {
  padding: 40px 30px;
}

.page-activity-center .membership-panel-container .main-container .tab-pane-one .table-container table td:nth-last-child(1), .page-activity-center .membership-panel-container .main-container .tab-pane-one .table-container table td:nth-last-child(2) {
  text-align: center;
}

.page-activity-center .membership-panel-container .main-container .tab-pane-one .table-container table .payment-info-container {
  margin-top: 10px;
  font-size: 13px;
}

.page-activity-center .membership-panel-container .main-container .tab-pane-one .table-container table .payment-info-container a {
  color: #ff2525;
}

.page-activity-center .membership-panel-container .main-container .tab-pane-two .table-container table td:nth-last-child(1) {
  text-align: center;
}

.page-notification-center .table-container table td:nth-last-child(1), .page-notification-center .table-container table td:nth-last-child(2) {
  text-align: center;
}

.page-notification-center .table-container table .message-content {
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  will-change: transform, opacity;
  display: none;
}

.page-notification-center .table-container table .message-content.show {
  display: block;
}

.page-notification-center .table-container table .more-btn {
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  will-change: transform, opacity;
}

.page-notification-center .table-container table .more-btn.show {
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  will-change: transform;
}

.page-information .membership-panel-container .main-container .form-main-container .form-save-btn button:disabled {
  background-color: #60583E;
  opacity: 0.7;
}

.inner-content-container {
  margin: 20px 30px;
}

.landing-menu .menu-container > .menu-bg {
  background-image: none !important;
}

.landing-menu .company-name h1 {
  max-width: 760px;
  line-height: 1.5;
}

.page-contact-us.template-1 .inner-container .side-col,
.page-links.template-1 .inner-container .side-col {
  display: none !important;
}

.page-contact-us.template-1 .inner-container .main-col,
.page-links.template-1 .inner-container .main-col {
  float: none;
  width: 100%;
  margin: 0 auto;
  min-height: auto;
}

.page-contact-us.template-1 .menu-group,
.page-links.template-1 .menu-group {
  padding: 80px 24px 50px;
}

.page-contact-us.template-1 .menu-group .subtitle,
.page-links.template-1 .menu-group .subtitle,
.page-contact-us.template-1 .menu-group .menu-list,
.page-links.template-1 .menu-group .menu-list {
  direction: ltr !important;
  -ms-writing-mode: lr-tb !important;
  writing-mode: horizontal-tb !important;
  -webkit-writing-mode: horizontal-tb !important;
  letter-spacing: 0 !important;
  text-align: center;
}

.page-contact-us.template-1 .menu-group .subtitle,
.page-links.template-1 .menu-group .subtitle {
  display: block;
  margin: 0 auto 32px;
}

.page-contact-us.template-1 .menu-group .subtitle a,
.page-links.template-1 .menu-group .subtitle a,
.page-contact-us.template-1 .menu-group .menu-list a,
.page-links.template-1 .menu-group .menu-list a {
  letter-spacing: 0 !important;
}

.page-contact-us.template-1 .menu-group .menu-list,
.page-links.template-1 .menu-group .menu-list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 0 45px;
}

.page-contact-us.template-1 .menu-group .menu-list li,
.page-links.template-1 .menu-group .menu-list li {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.page-contact-us.template-1 .menu-group .menu-list li a,
.page-links.template-1 .menu-group .menu-list li a {
  padding: 10px 30px;
}

.page-contact-us.template-1 .menu-group .menu-list li:after,
.page-links.template-1 .menu-group .menu-list li:after {
  height: 36px;
  top: 50%;
  transform: translateY(-50%);
}

.page-contact-us.template-1 .inner-container .main-col .content-container,
.page-links.template-1 .inner-container .main-col .content-container {
  clear: both;
  max-width: 980px;
  width: min(980px, calc(100vw - 64px));
  padding: 0 0 90px;
}

.page-contact-us .content-container .content-item {
  margin-bottom: 42px;
}

.page-contact-us .content-container .content-item .content-list-container {
  line-height: 1.8;
}

.page-contact-us.template-1 .content-container {
  color: #666;
  direction: ltr !important;
  -ms-writing-mode: lr-tb !important;
  writing-mode: horizontal-tb !important;
  -webkit-writing-mode: horizontal-tb !important;
  letter-spacing: 0 !important;
  text-align: left !important;
}

.page-contact-us.template-1 .content-container * {
  direction: ltr !important;
  -ms-writing-mode: lr-tb !important;
  writing-mode: horizontal-tb !important;
  -webkit-writing-mode: horizontal-tb !important;
  letter-spacing: 0 !important;
  text-align: left;
}

.page-contact-us.template-1 .content-container .content-item {
  display: block !important;
  width: 100%;
  margin-bottom: 48px;
}

.page-contact-us.template-1 .content-container .content-item .title {
  display: block;
  margin-bottom: 24px;
  line-height: 1.6;
}

.page-contact-us.template-1 .content-container .content-item .title-inner {
  display: block;
  width: 100%;
  padding-bottom: 14px;
  margin-bottom: 0;
  border-bottom: 1px solid #9B730E;
  font-size: 24px;
  line-height: 1.5;
  color: #9B730E;
}

.page-contact-us.template-1 .content-container .content-item .content-list-container {
  display: flex !important;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  margin-bottom: 16px;
  line-height: 1.8;
}

.page-contact-us.template-1 .content-container .content-item .content-list-container .icon-item {
  display: inline-flex !important;
  flex: 0 0 24px;
  justify-content: center;
  width: 24px;
  padding-top: 3px;
  color: #8C7D48;
}

.page-contact-us.template-1 .content-container .content-item .content-list-container .content-list {
  display: block !important;
  flex: 1 1 auto;
  min-width: 0;
  padding: 0;
  color: #777;
  font-size: 18px;
  line-height: 1.8;
  word-break: normal;
  overflow-wrap: anywhere;
}

.page-contact-us.template-1 .content-container .content-item .content-list-container .content-list a {
  color: #111;
}

.page-contact-us.template-1 .content-container .map-container {
  height: auto !important;
  margin-top: 22px;
}

.page-contact-us.template-1 .content-container .map-container img {
  display: block;
  width: 100%;
  height: auto;
}

.page-contact-us.template-1 .content-container .content-item:last-child .title-inner {
  border-bottom: 0;
  padding-bottom: 0;
  color: #666;
  font-size: 18px;
}

@media (max-width: 991px) {
  .page-contact-us.template-1 .menu-group,
  .page-links.template-1 .menu-group {
    padding: 42px 18px 36px;
  }

  .page-contact-us.template-1 .menu-group .subtitle,
  .page-links.template-1 .menu-group .subtitle {
    margin-bottom: 20px;
  }

  .page-contact-us.template-1 .menu-group .menu-list,
  .page-links.template-1 .menu-group .menu-list {
    margin-bottom: 28px;
  }

  .page-contact-us.template-1 .menu-group .menu-list li a,
  .page-links.template-1 .menu-group .menu-list li a {
    padding: 8px 18px;
  }

  .page-contact-us.template-1 .inner-container .main-col .content-container,
  .page-links.template-1 .inner-container .main-col .content-container {
    width: calc(100vw - 36px);
    padding-bottom: 60px;
  }

  .page-contact-us.template-1 .content-container .content-item .title-inner {
    font-size: 21px;
  }

  .page-contact-us.template-1 .content-container .content-item .content-list-container .content-list {
    font-size: 16px;
  }
}

.page-support-us.template-1 .inner-container .main-col,
.page-sign-up-for-volunteers.template-1 .inner-container .main-col,
.page-forms-download.template-1 .inner-container .main-col,
.page-support-thanks.template-1 .inner-container .main-col,
.page-financial-report.template-1 .inner-container .main-col {
  float: none !important;
  width: 100% !important;
  min-height: auto;
  margin: 0 auto;
}

.page-support-us.template-1 .inner-container .side-col,
.page-sign-up-for-volunteers.template-1 .inner-container .side-col,
.page-forms-download.template-1 .inner-container .side-col,
.page-support-thanks.template-1 .inner-container .side-col,
.page-financial-report.template-1 .inner-container .side-col {
  display: none !important;
}

.page-support-us.template-1 .menu-group,
.page-sign-up-for-volunteers.template-1 .menu-group,
.page-forms-download.template-1 .menu-group,
.page-support-thanks.template-1 .menu-group,
.page-financial-report.template-1 .menu-group {
  width: 100%;
  padding: 80px 24px 90px;
  text-align: center;
}

.page-support-us.template-1 .menu-group .subtitle,
.page-sign-up-for-volunteers.template-1 .menu-group .subtitle,
.page-forms-download.template-1 .menu-group .subtitle,
.page-support-thanks.template-1 .menu-group .subtitle,
.page-financial-report.template-1 .menu-group .subtitle {
  display: block;
  width: fit-content;
  margin: 0 auto;
}

.page-support-us.template-1 .menu-group .menu-list,
.page-sign-up-for-volunteers.template-1 .menu-group .menu-list,
.page-forms-download.template-1 .menu-group .menu-list,
.page-support-thanks.template-1 .menu-group .menu-list,
.page-financial-report.template-1 .menu-group .menu-list {
  display: inline-block;
  margin: 50px auto 60px !important;
  padding: 0 !important;
  text-align: left;
  vertical-align: top;
}

.page-support-us.template-1 .inner-container .main-col .content-container,
.page-sign-up-for-volunteers.template-1 .inner-container .main-col .content-container,
.page-forms-download.template-1 .inner-container .main-col .content-container,
.page-support-thanks.template-1 .inner-container .main-col .content-container,
.page-financial-report.template-1 .inner-container .main-col .content-container {
  width: min(900px, calc(100vw - 64px));
  padding: 0 0 70px;
  margin: 0 auto;
  text-align: left;
}

.page-support-thanks.template-1 .content-container .tab-content,
.page-support-thanks.template-1 .content-container [data-cms-list="organizations"] {
  width: min(900px, calc(100vw - 64px));
  padding: 0;
  margin: 0 auto;
  list-style: none;
  text-align: left;
}

.page-support-thanks.template-1 .content-container .cms-page-content {
  margin-bottom: 28px;
  color: #5f5b51;
  font-size: 18px;
  line-height: 1.8;
}

.page-support-thanks.template-1 .content-container [data-cms-list="organizations"] li,
.page-support-thanks.template-1 .content-container .tab-content li,
.page-support-thanks.template-1 .content-container .tab-content > div > div,
.page-support-thanks.template-1 .content-container .tab-content > div > p {
  padding: 0 4px 70px;
  margin-bottom: 42px;
  border-bottom: 1px solid #ddd8c9;
  color: #5f5b51;
  font-size: 18px;
  line-height: 1.7;
}

.page-support-thanks.template-1 .content-container [data-cms-list="organizations"] strong,
.page-support-thanks.template-1 .content-container .tab-content > div > div:first-of-type {
  color: #8c7d48;
  font-weight: 700;
}

.page-support-thanks.template-1 .content-container [data-cms-list="organizations"] .acknowledgement-link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.page-support-thanks.template-1 .content-container [data-cms-list="organizations"] .acknowledgement-logo,
.page-support-thanks.template-1 .content-container .tab-content img {
  display: block !important;
  width: auto;
  max-width: 320px;
  max-height: 150px;
  height: auto;
  margin: 18px 0 28px;
  object-fit: contain;
}

.page-support-thanks.template-1 .content-container [data-cms-list="organizations"] .acknowledgement-name {
  display: block;
  margin-bottom: 0;
  color: #8c7d48;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.5;
}

.page-support-thanks.template-1 .content-container [data-cms-list="organizations"] .acknowledgement-description {
  color: #5f5b51;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.8;
}

.page-support-thanks.template-1 .content-container [data-cms-list="organizations"] .acknowledgement-description p {
  margin: 0 0 10px;
}

.page-support-thanks.template-1 .content-container [data-cms-list="organizations"] .acknowledgement-description br {
  display: none;
}

@media (max-width: 991px) {
  .page-support-us.template-1 .menu-group,
  .page-sign-up-for-volunteers.template-1 .menu-group,
  .page-forms-download.template-1 .menu-group,
  .page-support-thanks.template-1 .menu-group,
  .page-financial-report.template-1 .menu-group {
    padding: 42px 18px 60px;
  }

  .page-support-us.template-1 .inner-container .main-col .content-container,
  .page-sign-up-for-volunteers.template-1 .inner-container .main-col .content-container,
  .page-forms-download.template-1 .inner-container .main-col .content-container,
  .page-support-thanks.template-1 .inner-container .main-col .content-container,
  .page-financial-report.template-1 .inner-container .main-col .content-container,
  .page-support-thanks.template-1 .content-container .tab-content,
  .page-support-thanks.template-1 .content-container [data-cms-list="organizations"] {
    width: calc(100vw - 36px);
  }
}

.page-highlights .cms-highlight-subcategory-select {
  display: none;
}

.page-highlights .content-list-item .background-image {
  position: relative;
}

.page-highlights .content-list-item .title {
  display: block;
  line-height: 1.55;
}

.page-highlights .content-list-item .title:hover {
  color: #deb649;
}

.cms-highlight-card-play,
.cms-highlight-play {
  align-items: center;
  background: rgba(34, 31, 24, 0.72);
  border: 2px solid #fff;
  border-radius: 50%;
  color: #fff;
  display: flex;
  justify-content: center;
  left: 50%;
  line-height: 1;
  padding-left: 3px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.cms-highlight-card-play {
  font-size: 18px;
  height: 52px;
  width: 52px;
}

.cms-highlight-detail {
  box-sizing: border-box;
  color: #484338;
  margin: 0 auto;
  max-width: 1120px;
  padding: 20px 0 80px;
  width: 100%;
}

.cms-highlight-detail-header {
  align-items: flex-start;
  border-bottom: 1px solid #d8cfb8;
  display: flex;
  gap: 30px;
  justify-content: space-between;
  margin-bottom: 40px;
  padding-bottom: 28px;
}

.cms-highlight-detail-heading h1 {
  color: #60583e;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.45;
  margin: 0 0 10px;
  overflow-wrap: anywhere;
  white-space: normal !important;
}

.cms-highlight-detail-date {
  color: #777268;
  font-size: 15px;
}

.cms-highlight-back {
  border: 1px solid #9b730e;
  color: #9b730e;
  flex: 0 0 auto;
  padding: 10px 18px;
}

.cms-highlight-back:hover {
  background: #9b730e;
  color: #fff;
}

.cms-highlight-detail-content {
  font-size: 17px;
  line-height: 1.9;
  margin: 0 0 42px;
  max-width: 900px;
}

.cms-highlight-detail-content img {
  height: auto;
  max-width: 100%;
}

.cms-highlight-gallery,
.cms-highlight-video {
  margin: 0 0 52px;
  max-width: 900px;
}

.cms-highlight-gallery h2,
.cms-highlight-video h2 {
  color: #9b730e;
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 18px;
}

.cms-highlight-gallery-stage {
  background: #eeeDEA;
  display: block;
  overflow: hidden;
}

.cms-highlight-gallery-stage img {
  display: block;
  height: auto;
  max-height: 680px;
  object-fit: contain;
  width: 100%;
}

.cms-highlight-gallery-caption {
  color: #777268;
  font-size: 14px;
  margin-top: 10px;
}

.cms-highlight-gallery-thumbs {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(92px, 1fr));
  margin-top: 14px;
}

.cms-highlight-gallery-thumb {
  aspect-ratio: 4 / 3;
  background: #fff;
  border: 2px solid transparent;
  cursor: pointer;
  overflow: hidden;
  padding: 0;
}

.cms-highlight-gallery-thumb.active {
  border-color: #deb649;
}

.cms-highlight-gallery-thumb img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.cms-highlight-video video,
.cms-highlight-video-link {
  display: block;
  width: 100%;
}

.cms-highlight-video-cover {
  aspect-ratio: 16 / 9;
  background-color: #292720;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.cms-highlight-play {
  font-size: 24px;
  height: 68px;
  width: 68px;
}

.cms-highlight-error {
  color: #60583e;
  font-size: 18px;
  padding: 50px 0;
  text-align: center;
}

@media (max-width: 991px) {
  .page-highlights .cms-highlight-subcategory-select {
    background: #fff;
    border: 1px solid #9b730e;
    color: #60583e;
    display: block;
    font-size: 16px;
    margin-bottom: 24px;
    padding: 11px 36px 11px 12px;
    width: 100%;
  }

  .cms-highlight-detail {
    padding: 5px 0 50px;
    width: calc(100vw - 60px);
  }

  .cms-highlight-detail-header {
    display: block;
    margin-bottom: 28px;
  }

  .cms-highlight-detail-heading h1 {
    font-size: 23px;
    margin-left: auto;
    margin-right: auto;
    max-width: 320px;
  }

  .cms-highlight-back {
    display: inline-block;
    margin-top: 20px;
  }

  .cms-highlight-gallery-thumbs {
    grid-template-columns: repeat(4, 1fr);
  }
}

/*# sourceMappingURL=project.css.map */