@charset "utf-8";

/**************************************************
        字型引入
**************************************************/

/*---------- Manrope --------------*/
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Manrope-Regular.otf) format("opentype"),
    url(../fonts/Manrope-Regular.ttf) format("truetype"),
    url(../fonts/Manrope-Regular.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/Manrope-SemiBold.otf) format("opentype"),
    url(../fonts/Manrope-SemiBold.ttf) format("truetype"),
    url(../fonts/Manrope-SemiBold.woff2) format("woff2");
  font-display: swap;
}

.icon-font:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  margin: auto;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-fb:before {
  content: "\e800";
}
.icon-ins:before {
  content: "\e801";
}

/**************************************************
        CSS 初始化
**************************************************/
:root {
  --primary_color: #c39b79;
  --second_color: #747474;
  --third_color: #333;
  --white_color: #fff;
  --blue_color: #6ca2e1;
  --brown_style1: #e9cab1;
}

html,
body {
  margin: 0;
}
body {
  font-size: 93.75%;
  line-height: 1.8;
  font-family: "Noto Sans TC", "Arial", sans-serif;
  color: var(--second_color);
  position: relative;
  background-color: #f0f0ee;
}
body * {
  -webkit-text-size-adjust: none;
  box-sizing: border-box;
}
body {
  overflow-x: hidden;
}
a:focus {
  outline: 0;
}
a {
  color: #242424;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a,
a:after,
a:before {
  transition: all 0.3s ease-in-out;
}
img {
  border: 0 none;
  line-height: 0;
  display: block;
  max-width: 100%;
  width: 100%;
}
img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
form {
  margin: 0;
  padding: 0;
}
ul,
ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
dl,
dt,
dd {
  margin: 0;
  padding: 0;
}
dl {
  height: 1%;
}
button {
  border: 0 none;
  cursor: pointer;
  padding: 0;
  margin: 0;
  background: transparent;
}
/* .clearfix:before,.clearfix:after {content: "";display: table;height: 0;overflow: hidden;}
.clearfix:after {clear: both;}
.clearfix { zoom: 1;} */
h1,
h2,
h3,
h4,
p {
  margin: 0;
  padding: 0;
}
*,
:after,
:before {
  box-sizing: border-box;
}
.select_wrap {
  position: relative;
}
.select_wrap i {
  position: absolute;
  top: 11px;
  right: 12px;
}
select {
  -webkit-appearance: none;
  padding: 7px 40px 7px 12px;
  width: 100%;
  border: 1px solid #e8eaed;
  border-radius: 5px;
  background: #e3dfd6;
  box-shadow: 0 1px 3px -2px #9098a9;
  cursor: pointer;
  font-family: inherit;
  font-size: 16px;
  transition: all 150ms ease;
  color: #495057;
}
select:focus {
  outline: none;
}
select::-ms-expand {
  display: none;
}

.input_control {
  display: block;
  width: 100%;
  height: 48px;
  padding: 9px 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  transition: all 0.15s ease-in-out;
  border-radius: 8px;
  display: block;
  font-family: inherit;
  width: 100%;
  border: 1px solid #bababa;
  color: rgba(0, 0, 0, 0.87);
  letter-spacing: 1px;
  font-size: 1rem;
  background-color: #f0f0ee;
}
.input_control:hover {
  border: 1px solid #9e9e9e;
}
.input_control:focus,
.input_control:focus-visible {
  border: 2px solid #e9cab1;
  outline: none;
}
.primary_color {
  color: var(--primary_color);
}
.blue_color {
  color: var(--blue_color);
}
/**************************************************
        共用
**************************************************/
#webgl {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: -1;
  background-color: #f0f0ee;
}

.wrapper {
  margin: auto;
  padding: 0 7%;
}
.section_same .wrapper {
  max-width: 1720px;
}
.section_same {
  padding: 83px 0 145px;
}
.display_flex {
  display: flex;
}
.svg_logo_color_primary {
  fill: #6f5540;
}
.svg_logo_color_secondary {
  fill: #c39a7a;
}
.type2 {
  color: var(--brown_style1);
  font-size: clamp(1rem, 6vw, 5.5rem);
  font-family: "Poppins", sans-serif;
  text-align: center;
  margin-bottom: 8px;
  font-weight: 500;
  line-height: 120px;
  letter-spacing: 2.64px;
  text-transform: capitalize;
}
.section_background::before {
  content: "";
  background-color: #f0f0ee;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  transition: background-color 1.6s cubic-bezier(0.6, 0.25, 0, 1);
}
.active.section_background::before {
  background-color: rgba(254, 254, 254, 0.7);
}

@media (max-width: 600px) {
  .type2 {
    line-height: inherit;
  }
}

.linktotouch {
  font-weight: 500;
  letter-spacing: 0.54px;
  position: absolute;
  width: clamp(1rem, 24vw, 8.875rem);
  height: clamp(1rem, 24vw, 8.875rem);
  border: 1px solid #fff;
  color: #fff;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
  font-family: "Lexend Tera", sans-serif;
  font-size: clamp(1rem, 1vw, 1.125rem);
}
.linktotouch:hover {
  border: 1px solid rgba(255, 255, 255, 0.7);
  background-color: rgba(255, 255, 255, 0.7);
  transition: all 0.3s;
}

/*--------------聯絡訊息 --------------*/
.contact_wrap {
  margin-bottom: 5%;
}
.contact_wrap ul {
  width: 70%;
  margin: auto;
  font-size: 1rem;
}
.contact_wrap ul li {
  position: relative;
  display: inline-block;
  width: 33%;
  border-left: 1px solid #bababa;
}

.contact_wrap ul li a {
  display: flex;
  flex-wrap: wrap;
  color: var(--primary_color);
  justify-content: center;
}
.contact_wrap ul li a:hover {
  color: var(--brown_style1);
}
.contact_wrap ul li a:hover i {
  background-color: var(--brown_style1);
  color: #fff;
}
.contact_wrap ul li:first-child {
  border: 0 none;
}
.contact_wrap ul li i {
  width: clamp(1rem, 15vw, 3.125rem);
  height: clamp(1rem, 15vw, 3.125rem);
  background-color: #fff;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  color: #c39b79;
  font-size: clamp(1rem, 6vw, 1.25rem);
}
.contact_wrap ul li:last-child i {
  background-color: var(--primary_color);
  color: #fff;
}
@media (max-width: 1200px) {
  .contact_wrap ul {
    width: 100%;
  }
  .contact_wrap ul li {
    width: 32%;
  }
}
@media (max-width: 650px) {
  .contact_wrap ul li {
    border-left: 0 none;
    margin-bottom: 15px;
    width: 100%;
    text-align: left;
  }
  .contact_wrap ul li a {
    justify-content: left;
  }
}
/*--------------表單那些 --------------*/
.remember_row {
  text-align: center;
}
.btn_wrap.center {
  text-align: center;
}
.btn_wrap .btn_black {
  margin: auto;
}
.required {
  color: var(--primary_color);
  margin-left: 6px;
  vertical-align: middle;
}
textarea.input_control {
  height: 130px;
}

/*--------------swiper--------------*/
.swiper .swiper_slide-active,
.swiper .swiper_slide-prev,
.swiper .swiper_slide-next {
  opacity: 1;
  pointer-events: auto;
}
.swiper .slider_pagination {
  text-align: center;
  margin-top: 45px;
}
/* .swiper {position: relative;z-index: 12;height: 36px;width: 80%;max-width: 300px;margin: 30px auto 0;} */
.swiper .slider_pagination .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  display: inline-block;
  background: #bababa;
  margin: 0 5px;
  border-radius: 20px;
}
.swiper .swiper_pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper .slider_pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: #747474;
  transition-delay: 0s;
}
.swiper .slider_button-next,
.swiper .slider_button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: 36px;
  height: 36px;
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  background-size: 30%;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 100%;
}
.swiper .slider_button-prev {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
    no-repeat center / 100%;
  left: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.swiper .slider_button-next {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
    no-repeat center/100%;
  right: 10px;
  left: auto;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.swiper-wrapper .swiper-slide .slider_img {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  z-index: 0;
}
.swiper-wrapper .swiper-slide .slider_img img {
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.swiper-wrapper .swiper-slide:hover .slider_img img {
  display: block;
  z-index: 100;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.swiper-wrapper .swiper-slide.swiper-slide-active {
  transform: scale(1);
}
/*---------- button_wrap --------------*/
.btn_primary {
  font-size: 12px;
  color: #fff;
  font-family: "Lexend Tera", sans-serif;
  font-weight: 500;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  transition: all 0.3s;
  margin: auto;
  display: inline-block;
  background-color: var(--primary_color);
  border-radius: 30px;
  padding: 14px 23px;
  position: relative;
  left: 0;
}
.button_wrap {
  position: relative;
  transition: all 0.3s;
}
.button_wrap .btn_primary {
  font-size: 18px;
  color: #fff;
  font-family: "Lexend Tera";
  font-weight: 500;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  transition: all 0.3s;
  margin: auto;
  display: inline-block;
  background-color: var(--primary_color);
  border-radius: 30px;
  padding: 14px 23px;
  position: relative;
  left: 0;
}
.button_wrap .icon_brand {
  font-size: 1rem;
  color: var(--primary_color);
  background-color: var(--white_color);
  padding: 22px;
  border-radius: 100%;
  transition: all 0.3s;
  z-index: 1; /*transform: translate(100%,0);*/
  margin: auto;
  position: absolute;
  left: 179px;
}
.button_wrap:hover .icon_brand {
  position: absolute;
  left: 0;
}
.button_wrap:hover .btn_primary {
  left: 60px;
}

.btn_second {
  font-size: 18px;
  color: var(--primary_color);
  font-family: "Lexend Tera", sans-serif;
  font-weight: 500;
  letter-spacing: 0.54px;
  text-transform: uppercase;
  transition: all 0.3s;
  background-color: transparent;
  border-radius: 30px;
  padding: 14px 23px;
  width: fit-content;
  border: 1px solid var(--primary_color);
  transition: all 0.3s;
}
.btn_second:hover {
  border: 1px solid var(--primary_color);
  background-color: var(--primary_color);
  color: #fff;
}

.btn_black {
  font-size: 18px;
  color: #fdfdfd;
  font-family: "Lexend Tera", sans-serif;
  font-weight: 400;
  letter-spacing: 0.54px;
  text-transform: uppercase;
  transition: all 0.3s;
  background-color: #333;
  border-radius: 30px;
  padding: 15px 0;
  width: 100%;
  border: 1px solid #333;
  transition: all 0.3s;
  max-width: 342px;
}
.btn_black:hover {
  color: #333;
  background-color: transparent;
  border: 1px solid #333;
}
@media (max-width: 600px) {
  .btn_second {
    font-size: 14px;
    padding: 8px 14px;
  }
  .button_wrap .btn_primary {
    font-size: 14px;
    padding: 8px 14px;
  }
  .button_wrap .icon_brand {
    padding: 12px;
    left: 133px;
  }
  .button_wrap:hover .btn_primary {
    left: 39px;
  }
}
/*---------- 圓圓 hover --------------*/
.gradient .article {
  display: none;
  max-width: 300px;
  text-align: center;
  color: #747474;
}
.gradient h2 {
  font-weight: 500;
  font-size: clamp(1rem, 1.85vw, 1.25rem);
  color: #fdfdfd;
  font-family: "Lexend Tera", sans-serif;
  transform: translate(0, 0);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.gradient:hover h2 {
  transform: translate(0, -50px);
}
.gradient:hover .article {
  display: block;
  flex-direction: column;
}

/*---------- title_wrap --------------*/
.title_wrap {
  position: relative;
  display: flex;
  align-items: center;
  color: var(--primary_color);
  margin-bottom: clamp(1rem, 4vh, 4.375rem);
}
.title_wrap h1,
.title_wrap h2 {
  font-size: clamp(1.2rem, 4.2vw, 4rem);
  letter-spacing: 1.92px;
  font-weight: 500;
  width: fit-content;
}
.title_wrap span {
  font-size: clamp(1.2rem, 2vw, 1.75rem);
  letter-spacing: 0.84px;
  position: relative;
  margin: 15px 0 0 39px;
}
.title_wrap span::before {
  content: "";
  position: absolute;
  left: -1rem;
  top: -4px;
  background-color: #f0e6d1;
  width: clamp(1rem, 5vw, 4rem);
  height: clamp(1rem, 5vw, 4rem);
  border-radius: 100%;
  z-index: -1;
}
.section_terms .title_wrap {
  border-bottom: 1px solid #747474;
  padding-bottom: 63px;
}

@media (max-width: 990px) {
  .title_wrap span {
    margin: 15px 0 0 20px;
  }
}
@media (max-width: 600px) {
  /* .title_wrap h2{ font-size: 2rem;}
  .title_wrap span{font-size: 1rem;} */
  .section_terms .title_wrap {
    margin-bottom: 5%;
    padding-bottom: 5%;
  }
  .title_wrap {
    margin-bottom: 5%;
  }
  .title_wrap span {
    margin: 0 0 0 20px;
  }
  .gradient:hover h2 {
    transform: translate(0, -10px);
  }
  .gradient .article {
    font-size: 0.8rem;
    max-width: 250px;
  }
}
/*---------- list_img_wrap --------------*/

.primary_img_box {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}
.primary_img_box .primary_img {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

/*---------normal_form--------------*/

.normal_form .form_row.error .input_control {
  border: 2px solid #c39b79;
}
.normal_form .col_wrap.error .input_control {
  border: 2px solid #c39b79;
}
.normal_form .form_row .input_control:disabled,
.normal_form .form_row .input_control:hover:disabled,
.normal_form .form_row .input_control:focus:disabled {
  pointer-events: none;
  color: #bdbdbd;
  background: #e0e0e0;
  border: 0 none;
  box-shadow: inherit;
  outline: none;
}

.normal_form .form_row .input_control:disabled::placeholder,
.normal_form .form_row .input_control:hover:disabled::placeholder,
.normal_form .form_row .input_control:focus:disabled::placeholder {
  color: #bdbdbd;
}

.normal_form .form_row .form_select {
  background-color: #f0f0ee;
  color: rgba(0, 0, 0, 0.38);
  letter-spacing: 1px;
  font-size: 1rem;
  display: block;
  width: 100%;
  height: 48px;
  padding: 9px 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  transition: all 0.15s ease-in-out;
  border-radius: 8px;
  display: block;
  font-family: inherit;
  width: 100%;
  border: 1px solid #bababa;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23bdbdbd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  appearance: none;
}
.normal_form .form_row .form_select:hover {
  border: 1px solid #9e9e9e;
}
.normal_form .form_row .form_select:focus,
.normal_form .form_row .form_select:focus-visible {
  border: 2px solid #f0c47c;
  outline: none;
  color: rgba(0, 0, 0, 0.38);
}
.normal_form .form_row .form_select:selected {
  color: rgba(0, 0, 0, 0.38);
}
.normal_form .form_row .form_select option:disabled {
  color: #bdbdbd;
}

.normal_form input::placeholder {
  color: rgba(0, 0, 0, 0.38);
}
.normal_form input:hover::placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.normal_form input:focus::placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.normal_form textarea::placeholder {
  color: rgba(0, 0, 0, 0.38);
}
.normal_form textarea:hover::placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.normal_form textarea:focus::placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.normal_form .form_row.error input::placeholder {
  color: #c39b79;
}
.normal_form .form_row .alert_infor {
  color: #c39b79;
  margin-top: 8px;
  display: none;
}
.normal_form .form_row .alert_infor .icon-alert {
  margin-left: 10px;
  display: inline-block;
  width: 16px;
  height: 21px;
  vertical-align: middle;
  margin-right: 5px;
}
.normal_form .form_row.error .alert_infor {
  display: block;
}
.normal_form .col_wrap.error .alert_infor {
  display: block;
}
.normal_form input[type="checkbox"] {
  opacity: 0;
}
.normal_form input[type="checkbox"] + *::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.3rem;
  border-style: solid;
  border-width: 0.1rem;
  border-color: #e0e0e0;
  vertical-align: middle;
  border-radius: 4px;
  position: absolute;
  left: -33px;
  top: calc(50% - 11px);
  justify-items: center;
}
.normal_form input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
}
.normal_form input[type="checkbox"]:checked + *::before {
  border-color: #c39b79;
}
.normal_form input[type="checkbox"]:checked + *:after {
  content: "\2713";
  color: #c39b79;
  font-size: 19px;
  position: absolute;
  top: calc(50% - 17px);
  left: -27px;
}

/*---------tab--------------*/
.tab_wrap {
  margin-bottom: 40px;
  width: 100%;
}
.tab_list {
  display: flex;
  margin: 16px 0 24px;
  justify-content: center;
}
.tab_list li {
  margin: 0 1% 0 0;
}
.tab_list li a {
  display: block;
  border: 1px solid #e7a336;
  letter-spacing: 0.54px;
  text-align: center;
  border-radius: 35px;
  font-weight: 500;
  color: #e7a336;
  padding: 13px 18px;
}
.tab_list li a:hover {
  background-color: #fff5eb;
}
.tab_list li.active a {
  background-color: #e7a336;
  color: #fff5eb;
  border: 1px solid #e7a336;
}
.tab_item_content .tab_item {
  display: none;
}
.tab_item_content .tab_item.active {
  display: block;
}
@media (max-width: 600px) {
  .tab_list li a {
    padding: 4px 7px;
    border-radius: 20px;
  }
}
/**************************************************
       breadcrumb
**************************************************/
ul.breadcrumb {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  color: rgba(208, 208, 208, 1);
  font-family: Noto Sans TC;
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0.03em;
  text-align: left;
  margin-bottom: clamp(1rem, 3vh, 4.375rem);
  flex-wrap: wrap;
}
ul.breadcrumb a {
  color: rgba(208, 208, 208, 1);
}
ul.breadcrumb li {
  display: flex;
  align-items: center;
}
ul.breadcrumb li::after {
  content: "";
  background: url("../images/icon/breadcrumb.svg") no-repeat;
  width: 16px;
  height: 16px;
  display: block;
  position: relative;
  margin-left: 8px;
  margin-right: 8px;
}
ul.breadcrumb li:last-child:after {
  display: none;
}

/**************************************************
       lightbox
**************************************************/

/**************************************************
       pagebar
**************************************************/

/**************************************************
       header
**************************************************/
header .header_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 11;
}

.header_wrap {
  justify-content: space-between;
  align-items: center;
  margin: 24px 0;
}
.header_wrap_postion.active {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 10;
  animation: slide-up 1s ease-in-out 1 forwards;
  background-color: #fff;
  top: 0;
}
.nav_open .header_wrap_postion.active {
  z-index: 10;
}
.header_wrap_postion.active .header_wrap {
  margin: 10px 0;
}
.header_wrap_postion.active .logo svg {
  width: 120px;
}
.header_wrap_postion.active .logo {
  margin: revert;
}
.header.open .header_wrap_postion.active .logo svg {
  width: revert;
}

@keyframes slide-up {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/**************************************************
        logo
**************************************************/
.logo {
  width: 155px;
  margin: 40px 0 0 0;
}

@media (max-width: 1400px) {
  .logo {
    margin: 20px 0 0 0;
  }
}
@media (max-width: 768px) {
  .logo {
    margin: 0;
  }
}

/**************************************************
        Menu選單
**************************************************/
/* .fixed_bar{position: fixed; left: 0; right: 0;z-index: 10;} */
.navbar .html_menu {
  background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 27.7.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="圖層_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 99 99" style="enable-background:new 0 0 99 99;" xml:space="preserve"><style type="text/css">.st0{fill:none;}.st1{fill:%23333333;}</style><rect class="st0" width="99" height="99"/><path class="st1" d="M21,42h2.6l4.6,10.7h0.2L32.9,42h2.6v13.8h-2.1v-10h-0.1l-4.2,10h-1.6l-4.2-10h-0.1v10H21V42z M63,42v13.8h-2l-7.3-10.1h-0.1v10.1h-2.2V42h2l7.3,10.1h0.1V42H63z M75.9,42h2.2v9.1c0,0.9-0.2,1.8-0.7,2.5c-0.4,0.7-1.1,1.4-2,1.8c-0.9,0.4-1.8,0.6-2.9,0.6c-1.1,0-2.2-0.2-2.9-0.6c-0.9-0.4-1.5-1.1-2-1.8C67.2,52.8,67,52,67,51.1V42h2.2v8.9c0,0.6,0.1,1.2,0.4,1.7c0.3,0.5,0.7,0.8,1.2,1.2s1.2,0.4,1.8,0.4c0.8,0,1.3-0.1,1.8-0.4c0.5-0.3,1-0.6,1.2-1.2c0.3-0.5,0.4-1.1,0.4-1.7V42H75.9z"/><path class="st1" d="M48.1,42h-8.9v1.8h8.9V42z"/><path class="st1" d="M48.1,54h-8.9v1.8h8.9V54z"/><path class="st1" d="M48.1,48h-8.9v1.8h8.9V48z"/></svg>');
  width: 80px;
  height: 80px;
  display: block;
  text-indent: -9999px;
  border: 1px solid #9d9d9d;
  border-radius: 100px;
  transition: all 0.3s;
}
.navbar .html_menu:hover {
  background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 27.7.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="圖層_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 99 99" style="enable-background:new 0 0 99 99;" xml:space="preserve"><style type="text/css">.st0{fill:none;}.st1{fill:%23F0F0EE;}</style><rect class="st0" width="99" height="99"/><path class="st1" d="M21,42h2.6l4.6,10.7h0.2L32.9,42h2.6v13.8h-2.1v-10h-0.1l-4.2,10h-1.6l-4.2-10h-0.1v10H21V42z M63,42v13.8h-2l-7.3-10.1h-0.1v10.1h-2.2V42h2l7.3,10.1h0.1V42H63z M75.9,42h2.2v9.1c0,0.9-0.2,1.8-0.7,2.5c-0.4,0.7-1.1,1.4-2,1.8c-0.9,0.4-1.8,0.6-2.9,0.6c-1.1,0-2.2-0.2-2.9-0.6c-0.9-0.4-1.5-1.1-2-1.8C67.2,52.8,67,52,67,51.1V42h2.2v8.9c0,0.6,0.1,1.2,0.4,1.7c0.3,0.5,0.7,0.8,1.2,1.2s1.2,0.4,1.8,0.4c0.8,0,1.3-0.1,1.8-0.4c0.5-0.3,1-0.6,1.2-1.2c0.3-0.5,0.4-1.1,0.4-1.7V42H75.9z"/><path class="st1" d="M48.1,42h-8.9v1.8h8.9V42z"/><path class="st1" d="M48.1,54h-8.9v1.8h8.9V54z"/><path class="st1" d="M48.1,48h-8.9v1.8h8.9V48z"/></svg>');
  border: 1px solid #333;
  background-color: #333;
}
.navbar .html_close {
  display: none;
}
.nav_open {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 10;
}
.nav_open .navbar .html_close {
  background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 27.7.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="圖層_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 99 99" style="enable-background:new 0 0 99 99;" xml:space="preserve"><style type="text/css">.st0{fill:none;}.st1{fill-rule:evenodd;clip-rule:evenodd;fill:%23FDFDFD;}</style><rect class="st0" width="99" height="99"/><path id="Union" class="st1" d="M50.3,55.6c-1,0-1.8-0.1-2.7-0.4c-0.8-0.3-1.5-0.7-2.1-1.2c-0.6-0.5-1.1-1.1-1.4-1.8c-0.3-0.7-0.5-1.5-0.5-2.3s0.2-1.6,0.5-2.3c0.3-0.7,0.8-1.3,1.4-1.8c0.6-0.5,1.3-0.9,2.1-1.2c0.8-0.3,1.7-0.4,2.7-0.4s1.8,0.1,2.6,0.4c0.8,0.3,1.5,0.7,2.1,1.2c0.6,0.5,1.1,1.1,1.4,1.8c0.3,0.7,0.5,1.4,0.5,2.3s-0.2,1.6-0.5,2.3c-0.3,0.7-0.8,1.3-1.4,1.8c-0.6,0.5-1.3,0.9-2.1,1.2C52.1,55.4,51.2,55.6,50.3,55.6z M50.3,53.6c0.7,0,1.3-0.1,1.8-0.3c0.6-0.2,1-0.5,1.4-0.8c0.4-0.4,0.7-0.8,0.9-1.2c0.2-0.5,0.3-1,0.3-1.5c0-0.5-0.1-1-0.3-1.5c-0.2-0.5-0.5-0.9-0.9-1.2c-0.4-0.4-0.9-0.6-1.4-0.8c-0.5-0.2-1.1-0.3-1.8-0.3c-0.7,0-1.3,0.1-1.8,0.3c-0.6,0.2-1,0.5-1.4,0.8c-0.4,0.3-0.7,0.7-0.9,1.2c-0.2,0.5-0.3,1-0.3,1.5c0,0.5,0.1,1,0.3,1.5c0.2,0.5,0.5,0.9,0.9,1.2c0.4,0.3,0.9,0.6,1.4,0.8C49,53.5,49.6,53.6,50.3,53.6z M19.9,55.2c0.8,0.3,1.6,0.4,2.5,0.4c0.7,0,1.4-0.1,2-0.3c0.6-0.2,1.2-0.4,1.7-0.7c0.5-0.3,0.9-0.5,1.2-0.8l-1-1.7c-0.3,0.2-0.6,0.5-1,0.7c-0.4,0.2-0.8,0.4-1.2,0.6c-0.5,0.1-1,0.2-1.6,0.2c-0.6,0-1.1-0.1-1.7-0.2c-0.5-0.2-1-0.4-1.4-0.7c-0.4-0.3-0.7-0.7-1-1.2c-0.2-0.5-0.4-1-0.4-1.6c0-0.6,0.1-1.1,0.4-1.6c0.2-0.5,0.5-0.9,0.9-1.2c0.4-0.3,0.8-0.6,1.3-0.8c0.5-0.2,1-0.3,1.6-0.3c0.5,0,1,0.1,1.5,0.2c0.5,0.1,0.9,0.3,1.3,0.5c0.4,0.2,0.8,0.5,1.1,0.8l1.2-1.7c-0.3-0.3-0.8-0.6-1.3-0.9c-0.5-0.3-1.1-0.5-1.7-0.7c-0.6-0.2-1.3-0.3-2-0.3c-0.9,0-1.7,0.1-2.5,0.4c-0.8,0.3-1.5,0.7-2,1.2c-0.6,0.5-1.1,1.1-1.4,1.8c-0.3,0.7-0.5,1.5-0.5,2.3c0,0.9,0.2,1.6,0.5,2.4c0.3,0.7,0.8,1.3,1.4,1.8C18.4,54.5,19.1,54.9,19.9,55.2z M33.5,44.2h-2.1v11.2h9v-1.9h-7V44.2z M63.5,55.3c0.7,0.2,1.4,0.2,2.2,0.2c1,0,1.9-0.1,2.7-0.4c0.8-0.3,1.4-0.7,1.8-1.3c0.4-0.6,0.7-1.2,0.7-1.9c0-0.6-0.1-1-0.4-1.4c-0.3-0.4-0.6-0.7-1.1-0.9s-1-0.4-1.6-0.5c-0.6-0.1-1.2-0.2-1.8-0.3c-0.4-0.1-0.8-0.1-1.2-0.2c-0.4-0.1-0.7-0.2-1-0.3c-0.3-0.1-0.5-0.3-0.7-0.4s-0.2-0.4-0.2-0.6c0-0.3,0.1-0.5,0.4-0.8c0.2-0.2,0.5-0.4,0.9-0.5c0.4-0.1,0.9-0.2,1.4-0.2c0.5,0,0.9,0.1,1.4,0.2c0.4,0.1,0.8,0.3,1.2,0.5c0.4,0.2,0.7,0.5,1,0.8l1.2-1.5c-0.3-0.4-0.7-0.7-1.2-1c-0.5-0.3-1-0.5-1.6-0.6s-1.3-0.2-2-0.2c-0.7,0-1.3,0.1-1.9,0.2c-0.6,0.1-1.1,0.4-1.6,0.7s-0.8,0.6-1.1,1.1c-0.2,0.4-0.4,0.9-0.4,1.4c0,0.5,0.1,0.9,0.3,1.3c0.2,0.4,0.5,0.7,0.9,1c0.4,0.3,0.9,0.5,1.4,0.7c0.6,0.2,1.2,0.3,1.9,0.4c0.3,0,0.6,0.1,0.9,0.1c0.3,0,0.6,0.1,0.9,0.2c0.3,0.1,0.6,0.1,0.8,0.3c0.2,0.1,0.4,0.2,0.6,0.4c0.1,0.1,0.2,0.3,0.2,0.5c0,0.4-0.1,0.7-0.4,0.9c-0.3,0.2-0.6,0.4-1.1,0.5c-0.4,0.1-0.9,0.2-1.3,0.2c-0.8,0-1.6-0.1-2.3-0.4c-0.7-0.3-1.4-0.8-2.1-1.5l-1.2,1.7c0.5,0.4,1,0.8,1.5,1.2C62.2,54.9,62.8,55.2,63.5,55.3z M75,44h8.9v1.8H75V44z M83.9,54H75v1.8h8.9V54z M75,49h8.9v1.8H75V49z"/></svg>');
  display: block;
  background-color: #333;
  width: 80px;
  height: 80px;
  display: block;
  text-indent: -9999px;
  border: 1px solid #333333;
  border-radius: 100px;
  transition: all 0.3s;
}
.nav_open .navbar .html_close:hover {
  background-color: #dec9b6;
  border: 1px solid #fdfdfd;
}
.nav_open .navbar .html_menu {
  display: none;
}

.navbar {
  margin: 3% 0 0 0;
}
.nav-wrap {
  display: flex;
}
.nav-wrap .nav_primary_wrap {
  width: 50%;
  padding: 139px 10% 10%;
  height: 100vh;
  position: relative;
  background-color: #fdfdfd;
  padding-top: calc(100% - 86%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.nav-wrap .nav_secondary_wrap {
  width: 50%;
  padding: 139px 10% 10%;
  position: relative;
  background-color: #dec9b7;
  padding-top: calc(100% - 86%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.nav_overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  transition: all 0.3s;
  transform: translateY(-105%);
  z-index: -10;
  opacity: 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fdfdfd+0,fdfdfd+50,dec9b7+50,dec9b7+100 */
}
.nav_open .nav_overlay {
  transform: translateY(0);
  transition: all 0.4s;
  opacity: 1;
}
.nav_item-line {
  display: block;
  position: relative;
}
.nav_item-line:after {
  content: "";
  background-color: #747474;
  display: block;
  width: 36px;
  height: 1px;
}
.nav_item {
  margin-bottom: 10%;
  position: relative;
}
/* .nav_item::after{content: ""; position: absolute; right: 0;} */
.nav_item a {
  display: flex;
  align-items: center;
  color: #747474;
  transition: all 0.3s;
}
.nav_item .nav_item-eng {
  font-size: 45px;
  margin-left: 33px;
  font-family: "Krub", sans-serif;
  font-weight: 500;
}
.nav_item .nav_item-name {
  margin-left: 33px;
  font-size: 1rem;
}

.nav-wrap .nav_primary .nav_item a:hover {
  color: #c39a7a;
}
.nav-wrap .nav_secondary_wrap .nav_item-line {
  display: none;
}
.nav-wrap .nav_secondary_wrap .nav_item a {
  display: block;
}
.nav-wrap .nav_secondary_wrap li.nav_item {
  margin-bottom: calc(3vw + 11px);
  position: relative;
  display: flex;
  transition: all 0.5s;
}
.nav-wrap .nav_secondary_wrap li.nav_item a {
  background-color: #dec9b7;
  position: relative;
  color: #dec9b7;
  background-color: #fdfdfd;
  border-radius: 300px;
  margin-left: 0;
  display: block;
  width: 300px;
  text-align: center;
  padding: 29px 0;
  transition: all 0.5s;
  z-index: 2;
}
.nav-wrap .nav_secondary_wrap li.nav_item a .nav_item-eng {
  font-family: "Lexend Tera", sans-serif;
  font-weight: 500;
  font-size: 25px;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  transition: all 0.5s;
  margin: auto;
  display: block;
}
.nav-wrap .nav_secondary_wrap li.nav_item a .nav_item-name {
  transition: all 0.3s;
  display: none;
}
.nav-wrap .nav_secondary_wrap li.nav_item:hover .icon_brand {
  left: 0;
}
.nav-wrap .nav_secondary_wrap li.nav_item .icon_brand {
  font-size: 45px;
  color: #fdfdfd;
  border: 1px solid #fdfdfd;
  padding: 29px;
  border-radius: 100%;
  position: absolute;
  left: 300px;
  transition: all 0.5s;
  z-index: 2;
}
.nav-wrap .nav_secondary_wrap li.nav_item:hover a {
  left: 100px;
}
.nav-wrap .nav_secondary_wrap li.nav_item a:hover .nav_item-eng {
  display: none;
}
.nav-wrap .nav_secondary_wrap li.nav_item a:hover .nav_item-name {
  display: block;
  font-size: 25px;
  letter-spacing: 0.75px;
  transition: all 0.5s;
  margin-left: 0;
}

/* .soction_link_wrap{position: absolute; bottom: 5%;} */
.soction_link_wrap ul {
  display: flex;
}
.soction_link_wrap ul li {
  margin-right: 15px;
}
.soction_link_wrap ul li .fa-facebook-f {
  font-size: 23px;
}
.soction_link_wrap ul li a {
  width: 42px;
  height: 42px;
  display: block;
  border: 1px solid #747474;
  border-radius: 100%;
  text-align: center;
  line-height: 39px;
  font-size: 1.5625rem;
  color: #747474;
}
.soction_link_wrap ul li a:hover {
  border: 1px solid #c39a7a;
  color: #c39a7a;
}

/* .policy_link_wrap{position: absolute; bottom: 5%;right: 6%} */
.policy_link_wrap ul {
  display: flex;
  text-align: right;
}
.policy_link_wrap ul li {
  margin-left: 40px;
}

@media (max-width: 1400px) {
  .nav_item .nav_item-eng {
    font-size: 32px;
  }
  .nav_item .nav_item-name {
    font-size: 14px;
  }
  .nav-wrap .nav_primary_wrap {
    padding-top: 178px;
  }

  .nav-wrap .nav_secondary_wrap li.nav_item a .nav_item-eng {
    font-size: 1rem;
  }
  .nav-wrap .nav_secondary_wrap li.nav_item a {
    width: 200px;
    padding: 19px 0;
  }
  .nav-wrap .nav_secondary_wrap li.nav_item .icon_brand {
    left: 200px;
    font-size: 1rem;
    padding: 25px;
  }
  .nav-wrap .nav_secondary_wrap li.nav_item a:hover .nav_item-name {
    font-size: 1rem;
  }
  .nav-wrap .nav_secondary_wrap li.nav_item:hover a {
    left: 66px;
  }
  /* .nav-wrap .nav_secondary_wrap li.nav_item{margin-bottom: 15%;} */
}
@media (max-width: 991px) {
  .wrapper {
    overflow: hidden;
  }
  .section_same {
    padding: 3% 0;
  }
  .nav_item .nav_item-eng {
    font-size: 24px;
    margin-left: 25px;
  }
  .nav_item .nav_item-name {
    margin-left: 25px;
  }
  .nav-wrap .nav_primary_wrap {
    padding: 178px 5% 10%;
  }
  .nav-wrap .nav_secondary_wrap {
    padding: 178px 5% 10%;
  }
}
@media (max-width: 768px) {
}
@media (max-width: 600px) {
  .logo {
    width: 96px;
  }
  .navbar .html_menu {
    width: 62px;
    height: 62px;
  }
  .nav_open .navbar .html_close {
    width: 62px;
    height: 62px;
  }
  .nav-wrap {
    flex-direction: column;
  }
  .nav-wrap .nav_primary_wrap {
    width: 100%;
    height: 50vh;
    position: relative;
    padding: 5%;
    padding-top: calc(100% - 50% - 10vh);
  }
  .nav-wrap .nav_secondary_wrap {
    width: 100%;
    height: 50vh;
    position: relative;
    padding: 10% 5% 5%;
  }
  .soction_link_wrap {
    position: relative;
    bottom: calc(50vh - 775px);
    z-index: 5;
  }
  .nav_item {
    margin-bottom: 7%;
  }
  .soction_link_wrap ul li a {
    border: 1px solid #333;
    color: #333;
  }
}
@media (max-width: 500px) {
  .nav-wrap .nav_primary_wrap {
    padding-top: calc(100% - 50% - 100px);
  }
  .soction_link_wrap {
    left: 6%;
    right: inherit;
  }
  .footer_link_wrap .policy_link_wrap ul {
    justify-content: space-around;
  }
  .policy_link_wrap ul li {
    margin-left: 8px;
    padding-left: 8px;
    border-left: 1px solid var(--primary_color);
  }
  .policy_link_wrap ul li:first-child {
    border-left: 0 none;
  }
}

/**************************************************
        fix_soction
**************************************************/

/**************************************************
        footer
**************************************************/
.footer_box {
  justify-content: space-between;
}
.footer_logo {
  width: 188px;
  height: 79px;
  margin-bottom: 20%;
}
.google_map_wrap {
  margin-bottom: 8%;
  position: relative;
  overflow: hidden;
}
.google_map {
  width: 100%;
  position: relative;
  padding-bottom: 35%;
}
.google_map iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  border: 0 none;
  width: 100%;
  height: 100%;
}
.layer_cover {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.7);
  left: 0;
  bottom: 0;
  color: #fff;
  transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
  cursor: pointer;
  height: 100%;
  right: 0;
}
.layer_cover .fa-location-dot {
  width: 65px;
  height: 65px;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  margin: auto;
  margin-bottom: 10px;
}
.layer_cover .google_map_text {
  display: block;
  font-family: "Lexend Tera", sans-serif;
  font-size: 18px;
  margin-top: 10px;
}
.layer_cover a {
  display: block;
  text-align: center;
  color: #fff;
}
.layer_cover_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex-direction: column;
  margin-top: calc(13.2vw + 4px);
}

.active.layer_cover {
  height: 50px;
}
.active.layer_cover .fa-location-dot {
  display: none;
}
.active.layer_cover .layer_cover_wrap {
  margin-top: revert;
}

.copyright_wrap {
  background-color: var(--primary_color);
  color: #fdfdfd;
  text-align: center;
  padding: 30px 0;
}
.font_1 {
  font-weight: 500;
}
.font_2 {
  font-weight: 400;
  margin-left: 27px;
}
.footer_nav_wrap .footer_nav_item {
  margin-bottom: 10%;
  align-items: center;
}
.footer_nav_wrap .footer_nav_item i {
  background-color: var(--primary_color);
  color: #fdfdfd;
  width: 44px;
  height: 44px;
  border-radius: 100%;
  font-size: 20px;
  text-align: center;
  line-height: 44px;
  margin-right: 29px;
}
.nav_item_infor_title {
  font-size: clamp(1rem, 2vw, 1rem);
  font-weight: 400;
}
.nav_item_infor_text {
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: 400;
}
.footer_nav_wrap {
  color: var(--primary_color);
}
.footer_link_wrap {
  flex: 0 0 30%;
  text-align: right;
}
.footer_link_wrap .soction_link_wrap {
  position: inherit;
  bottom: inherit;
  font-size: 1rem;
  margin-top: 15%;
  margin-bottom: 8%;
}
.footer_link_wrap .policy_link_wrap {
  position: inherit;
  bottom: inherit;
  right: inherit;
}
.footer_link_wrap .policy_link_wrap {
  text-align: right;
}
.footer_link_wrap .policy_link_wrap ul {
  justify-content: end;
}
.footer_link_wrap .policy_link_wrap ul a {
  color: var(--primary_color);
}
.footer_link_wrap .soction_link_wrap ul li a {
  color: var(--primary_color);
  border: 1px solid var(--primary_color);
}
.footer_link_wrap .soction_link_wrap ul li a:hover {
  color: var(--blue_color);
  border: 1px solid #e9cab1;
}
.footer_box a {
  color: var(--primary_color);
}
.footer_box a:hover {
  color: var(--blue_color);
}

.soction_link_wrap ul li {
  margin-left: 15px;
  margin-right: 0;
}
.footer_wrap .policy_link_wrap ul li a:hover {
  color: var(--blue_color);
}
.footer_wrap {
  padding-bottom: 5%;
}
.footer_wrap .soction_link_wrap ul {
  flex-flow: row-reverse;
}
.footer_wrap .footer_link {
  display: flex;
  margin: 15% 0;
  font-size: clamp(1rem, 2vw, 1.125rem);
  color: var(--primary_color);
  justify-content: end;
}
.footer_wrap .footer_link a {
  color: var(--primary_color);
  white-space: nowrap;
}
.footer_wrap .footer_link a:hover {
  color: var(--blue_color);
}
.footer_link dl dt {
  letter-spacing: 0.33px;
  text-transform: uppercase;
  font-size: 11px;
  white-space: nowrap;
}
.footer_link dl {
  margin-left: 11%;
  text-align: right;
}

.linktotop {
  font-size: 11px;
  letter-spacing: 0.33px;
  text-transform: uppercase;
}
.linktotop .icon_arrow_top {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 4px 5px 4px;
  border-color: transparent transparent #c39b79 transparent;
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
  transition: color 0.3s ease-out;
}
/* .linktotop a:hover .icon_arrow_top{transform: translateY(0);} */
.linktotop a:hover .icon_arrow_top {
  animation: up-arrow-out-s 0.13s ease-out forwards,
    up-arrow-in-s 0.13s 0.15s ease-out forwards;
  border-color: transparent transparent #6ca2e1 transparent;
}
@keyframes up-arrow-out-s {
  0% {
    opacity: 0;
    transform: translateY(80%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 1500px) {
  .footer_link_wrap {
    flex: 0 0 40%;
  }
}
@media (max-width: 992px) {
  .footer_link_wrap {
    flex: 0 0 50%;
  }
}
@media (max-width: 768px) {
  .footer_link_wrap {
    flex: 0 0 55%;
  }
  .footer_information {
    flex: 0 0 45%;
  }
  .footer_nav_wrap .footer_nav_item i {
    margin-right: 5%;
  }
  .layer_cover .fa-location-dot {
    width: 30px;
    height: 30px;
    font-size: 1rem;
  }
  .layer_cover .google_map_text {
    font-size: 12px;
    margin-top: 0;
  }
  .active.layer_cover {
    height: 25px;
  }
}
@media (max-width: 600px) {
  .footer_link_wrap {
    flex: 0 0 100%;
  }
  .footer_information {
    flex: 0 0 100%;
  }
  .footer_box {
    flex-direction: column;
  }
  .footer_logo {
    margin: 0 auto 20%;
  }
  .footer_link dl {
    margin-left: 10%;
  }
  .footer_wrap .footer_link {
    font-size: 1rem;
  }
}