@font-face {
  font-family: "DIN Next Rounded LT";
  src: url("../fonts/DIN Next Rounded LT W01 Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "DIN Next Rounded LT";
  src: url("../fonts/DIN Next Rounded LT Pro Medium.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

html,
body {
  margin: 0;
  padding: 0;
  font-family: "DIN Next Rounded LT", "Noto Sans TC", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
b,
.bold_text {
  font-weight: bold;
}

:root {
  /* --menu_top_color: #4da2a6; */
  --menu_top_color: #70B26B;
  --menu_bottom_color: #fff;
  --menu_bottom_text_color: #68594d;
  --menu_hightlight_color: #fff1be;

  --mc_orange: #fe984d;

  --donation_color: radial-gradient(circle,
      rgba(192, 233, 223, 1) 0%,
      rgba(176, 223, 215, 1) 100%);

  --donation_title: #1a4850;
  --donation_text: #4a4a4a;

  /* --footer_color: #4da2a6; */
  --footer_color: #70B26B;

  --purple_color: #58549f;
  --lightpurple_color: #efeaff;
  --green_color: #1a4850;

  --lightgreen_color: #4da2a5;

  --title_font_size: 30px;
  --title_line_height: 36px;
}

img,
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --bs-gutter-x: 2rem;
}

.row {
  --bs-gutter-x: 2rem;
}

a {
  color: unset;
  text-decoration: none;
}

/* Menu Setting */

.navbar {
  --bs-navbar-nav-link-padding-x: 20px;
  --bs-navbar-nav-link-padding-y: 20px;
}

.navbar-nav {
  --bs-nav-link-padding-x: 20px;
}

#menu_top {
  background: #70B26B;
  color: white;
  /* padding: 10px 0; */
}

#donate_btn {
  background: var(--mc_orange);
  color: #fff;
  cursor: pointer;
}

.nav-link {
  color: var(--menu_bottom_text_color);
  font-family: "DIN Next Rounded LT", sans-serif;
  font-weight: bold;
}

/* .navbar-nav .nav-link.active,
.navbar-nav .show>.nav-link {
  background: var(--menu_hightlight_color);
  color: var(--menu_bottom_text_color);
} */
/* Remove existing active state background */
/* Remove existing active state background */

/* ------- */
/* .navbar-nav .nav-link.active,
.navbar-nav .show>.nav-link {
  background: none !important;
}

.navbar-nav .nav-link.active {
  position: relative;
  color: #6fb16b;
}

.navbar-nav .nav-link {
  position: relative;
  overflow: hidden;
  padding-bottom: 5px;
}

.navbar-nav .nav-link::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 5px;
  background: #6fb16b;
  transition: width .4s ease;
}

.navbar-nav .nav-link.active::after {
  width: 100%;
}

.navbar-nav .nav-link:hover::after {
  width: 100%;
  right: auto;
  left: 0;
}

.navbar-nav .nav-link:hover {
  position: relative;
  background-image: linear-gradient(to right, #6fb16b 50%, var(--menu_bottom_text_color) 50%);
  background-size: 200% 100%;
  background-position: 0% 0%;
  background-clip: text;
  -webkit-background-clip: text;
  color: #6fb16b;
  transition: background-position 0.3s ease;
}

.navbar-nav .nav-link.active {
  color: #6fb16b;
} */
.navbar-nav .nav-link.active,
.navbar-nav .show>.nav-link {
  background: none !important;
}

.navbar-nav .nav-link.active {
  position: relative;
  color: #6fb16b;
}

.navbar-nav .nav-link {
  position: relative;
  overflow: hidden;
  padding-bottom: 5px;
  display: inline-block;
}

.navbar-nav .nav-text {
  position: relative;
  display: inline-block;
}

.navbar-nav .nav-link.active .nav-text::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 0;
  background-color: #6fb16b;
  transition: width 0.4s ease;
}

.navbar-nav .nav-link.active .nav-text::after,
.navbar-nav .nav-link:hover .nav-text::after {
  width: 100%;
}

.navbar-nav .nav-text:hover {
  position: relative;
  background-image: linear-gradient(to right, #6fb16b 50%, var(--menu_bottom_text_color) 50%);
  background-size: 200% 100%;
  background-position: 0% 0%;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  transition: background-position 0.3s ease;
}

.navbar-nav .nav-text.active {
  color: #6fb16b;
}

/* ------- */

.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-lg,
.navbar>.container-md,
.navbar>.container-sm,
.navbar>.container-xl,
.navbar>.container-xxl {
  padding: 0px;
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media (min-width: 1400px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 20px;
    padding-left: 20px;
  }
}

button.navbar-toggler {
  border: none;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.navbar-toggler-icon {
  background-image: url("/images/icon_menu.svg");
}

header .dropdown .dropdown-menu {
  border: unset;
}

@media screen and (min-width: 992px) {
  header li.nav-item.dropdown:hover>.dropdown-menu {
    display: block;
  }

  header .dropdown .dropdown-menu {
    box-shadow: 0px 10px 10px #0003;
    width: max-content;
  }
}

@media screen and (max-width: 991px) {
  header .dropdown-menu.show_menu {
    display: block;
  }
}

/* Breadcrumb Setting */
.breadcrumb {
  --bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10'%3E%3Cpath id='Polygon_1' data-name='Polygon 1' d='M5,0l5,6H0Z' transform='translate(6) rotate(90)' fill='%23FFF'/%3E%3C/svg%3E%0A");
  --bs-breadcrumb-divider-color: var(--section_header_color);
  --bs-breadcrumb-item-active-color: var(--section_header_color);
  --bs-breadcrumb-item-padding-x: 1rem;
}

.breadcrumb a {
  color: var(--section_header_color);
  text-decoration: none;
}

.breadcrumb-item+.breadcrumb-item::before {
  display: flex;
  align-items: center;
  height: 24px;
}

#donation {
  background: var(--donation_color);
  color: var(--donation_text);
}

footer {
  /* background: var(--footer_color); */
  /* color: #fff; */
  color: black;
}

@media screen and (max-width: 991px) {
  .navbar-brand img {
    /* width: 160px; */
  }
}

@media (min-width: 1620px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1600px;
  }
}

.font-weight-900 {
  font-weight: 900;
}

@media (min-width: 768px) {
  .col-md-20 {
    flex: 0 0 20%;
    max-width: 20%;
  }
}

/* Section Header Part */

.section_header_part {
  position: relative;
  overflow: hidden;
  background: var(--section_header_bg);
  color: var(--section_header_color);
}

.section_header_part>div {
  position: relative;
  z-index: 2;
}

.section_header_subtitle {
  font-size: 40px;
}

.section_header_title {
  font-size: 60px;
  font-weight: bold;
  color: var(--section_header_title_color);
}

.section_menu {
  position: absolute;
  transform: translateY(-50%);
  background: var(--section_menu_bg);
  color: var(--section_menu_color);
  border-radius: 25px;
  font-weight: bold;
}

.section_menu_home {
  background: var(--section_menu_home_bg);
  color: var(--section_menu_home_color);
  border-radius: 25px;
  font-weight: bold;
}

.section_header_subtitle.dropdown_section_arrow+.section_header_title+.row>.section_menu_home_mobile {
  max-height: 0px;
  overflow: hidden;
  transition: 0.3s all;
}

.section_header_subtitle.dropdown_section_arrow.open+.section_header_title+.row>.section_menu_home_mobile {
  max-height: 1000px;
}

@media screen and (max-width: 991px) {
  .section_header_part .section_header_subtitle.dropdown_section_arrow {
    cursor: pointer;
  }

  .section_header_part .section_header_subtitle.dropdown_section_arrow:after {
    display: inline-block;
    align-items: center;
    content: "";
    height: 8px;
    width: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8'%3E%3Cpath id='Polygon_6' data-name='Polygon 6' d='M4.152,1.357a1,1,0,0,1,1.7,0l3.2,5.113A1,1,0,0,1,8.2,8H1.8A1,1,0,0,1,.956,6.47Z' transform='translate(10 8) rotate(180)' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    margin-left: 10px;
    transition: 0.3s transform;
    margin-bottom: 2px;
  }

  .section_header_part .section_header_subtitle.dropdown_section_arrow.open:after {
    transform: rotate(180deg);
  }

  .section_header_subtitle {
    font-size: 24px;
  }

  .section_header_title {
    font-size: 30px;
  }

  .section_menu_home_mobile>div {
    background: var(--section_menu_home_bg);
    /* color: var(--section_menu_home_color); */
    color: white;
    border-radius: 10px;
    font-weight: bold;
    font-size: 20px;
  }
}

.section_menu_home_mobile {
  padding-left: 0 !important;
  padding-right: 0 !important;
}


.section_menu a {
  color: var(--section_menu_color);
  text-decoration: none;
  opacity: 0.6;
  transition: all 0.3s;
}

.section_menu a.actived,
.section_menu a:hover {
  opacity: 1;
}

/* Section Content Part */

.section_title {
  font-size: 30px;
  font-weight: bold;
}

.section_subtitle {
  font-size: 20px;
  font-weight: bold;
}

/* Contact Card Part */
.contact_card {
  background: var(--contact_card_bg);
  border-radius: 25px;
  width: 100%;
  /* height: 100%; */
}

.container_only_lg {
  padding-left: 0px;
  padding-right: 0px;

  @media screen and (min-width: 992px) {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
}

/* Team Badge Part */
.team_badge {
  font-size: 16px;
  border: 2px solid var(--page-color);
  border-radius: 30px;
  padding: 8px 12px;
}

/* Aims Image Part */
.aims_img {
  width: auto;
  height: 100px;
  object-fit: contain;
}

/* Store Card Part */
.store_card {
  border-radius: 20px;
  border: 1px #cccccc solid;
  overflow: hidden;
  height: 100%;
}

.store_card_footer {
  font-weight: bold;
  font-size: 20px;
}

.store_card .store_card_header {
  overflow: hidden;
}

.store_card .store_card_header img {
  transition: all 0.3s;
}

.store_card:hover .store_card_header img {
  transform: scale(1.1);
}

/* Page color Part */

main>section:not(.section_header_part):not(.section_menu_part):not(.section_header) {
  color: var(--page-color);
}

main>section.section_bg_color {
  background: var(--page-bg-color);
}

main>section:not(.section_header_part):not(.section_menu_part):not(.section_header) .section_title {
  color: var(--page-title-color);
}

main>section:not(.section_header_part):not(.section_menu_part):not(.section_header) .section_subtitle {
  color: var(--page-title-color);
}

/* Photo Library Part */

[data-fancybox] {
  cursor: pointer;
  transition: 0.3s all;
}

[data-fancybox]:hover {
  opacity: 0.9;
}

[data-fancybox-trigger] {
  cursor: pointer;
}

[data-fancybox-trigger]:hover {
  opacity: 0.9;
}

.marginauto {
  margin-left: auto;
  margin-right: auto;
}

.bgcontain {
  background-size: contain !important;
}

.bgimage169 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: calc(100% * 9 / 16);
}

.bgimage54 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: calc(100% * 80 / 100);
}

.bgimage43 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: calc(100% * 75 / 100);
}

.bgimage34 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: calc(100% * 100 / 75);
}

.bgimage32 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: calc(100% * 66.66 / 100);
}

.bgimage11 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: calc(100% * 100 / 100);
}

.rounded {
  border-radius: 20px;
}

.service_cover_image {
  border-radius: 20px;
}

.service_gallery_image {
  border-radius: 20px;
}

.fancybox-thumbs {
  top: auto;
  width: auto;
  bottom: 10px;
  left: 0;
  right: 0;
  height: 120px;
  background: transparent;
}

.fancybox-thumbs__list {
  overflow-x: scroll;
  text-align: center;
}

.fancybox-thumbs__list>* {
  float: none !important;
  display: inline-block;
  height: 100px !important;
  width: 100px !important;
}

.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0 140px 0px;
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
  width: 100% !important;
}

.fancybox-stage>* {
  width: 100% !important;
}

.fancybox-navigation .fancybox-button {
  top: calc((100% - 100px) / 2 - 50px);
}

.PhotoLibrary {
  border-radius: 25px;
  border: #c4ca57 2px solid;
}

@media (max-width: 768px) {
  .PhotoLibrary {
    border-radius: 0px;
    border: none;
  }
}

.see_all_btn {
  background: #c4ca57;
  color: #fff;
  transition: 0.3s all;
  font-size: 20px;
  font-weight: bold;
  padding: 6px 20px;
  border-radius: 40px;
}

.form_input_text,
.form_input_text:focus {
  box-shadow: none;
  outline: none;
  border: 2px solid var(--badge-color);
  border-radius: 30px;
  padding: 12px 24px;
  background-color: transparent;
}

.form_input_text::placeholder {
  color: var(--badge-color);
}

.list_inside {
  list-style-position: inside;
}

.fancybox-caption {
  padding-bottom: 150px !important;
}

.description {
  font-size: 16px;
  text-align: justify;
}

.main-container {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.ck-content {
  line-height: 1.6;
  word-break: break-word;
}

/* .editor-container_classic-editor .editor-container__editor {
  min-width: 200px;
  max-width: 795px;
}

.editor-container_include-block-toolbar {
  margin-left: 20px;
} */



section{
	position: relative;
	z-index:10;
}