@charset "UTF-8";
/* 拷貝範例
opacity: 0;
transform: translateY(40px);
transition: all 0.3s, opacity $ani_duration $ani_function, transform $ani_duration $ani_function;
*/
.module_desc {
  color: #5e6b51;
  line-height: 1.6;
  text-align: justify;
}
.module_desc.white {
  color: #fff;
}
.module_desc p {
  margin-bottom: 15px;
}

.en-font {
  font-family: "Cormorant", sans-serif;
}

.button_set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  margin-top: 55px !important;
}
@media (max-width: 1200px) {
  .button_set {
    margin-top: 35px !important;
  }
}
.button_set.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.button_set.no_middle [class^=button].middle {
  display: none;
}

.container,
.wider_container {
  width: 100%;
  padding: 0px;
  margin: 0 auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .container,
  .wider_container {
    padding: 0 30px;
  }
}
@media (max-width: 480px) {
  .container,
  .wider_container {
    padding: 0 25px;
  }
}

.container {
  max-width: 1600px;
}

.wider_container {
  max-width: 1720px;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.row:not(.no_gutter) {
  margin: 0 -15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.row:not(.no_gutter) > * {
  padding: 0 15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 480px) {
  .row:not(.no_gutter) {
    margin: 0 -10px;
  }
  .row:not(.no_gutter) > * {
    padding: 0 10px;
  }
}

.row_by_gap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.row_by_gap:not(.no_gutter) {
  gap: 15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 480px) {
  .row_by_gap:not(.no_gutter) {
    gap: 10px;
  }
}

@font-face {
  font-family: "BeTrueToYourSchool";
  src: url("../font/BeTrueToYourSchool-Regular.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "CAMPUS PERSONAL USE";
  src: url("../font/CAMPUS-PERSONAL-USE.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Libre Baskerville";
  src: url("../font/LibreBaskerville-Regular.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "URW Baskerville W01";
  src: url("../font/URW-Baskerville-W01-Regular.ttf") format("truetype");
  font-display: swap;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

*,
*:focus,
*:active,
*:hover {
  outline: none;
}

body {
  margin: 0;
  background: #fff;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: none;
  color: #5e6b51;
  font-size: 15px;
  font-family: "Noto Sans TC", sans-serif;
  letter-spacing: 1px;
}
@media (max-width: 480px) {
  body {
    font-size: 14px;
  }
}
body.no_overflow {
  overflow: hidden;
}

ol, ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.editor ol {
  list-style-type: decimal;
  margin: 1em 0;
  padding-left: 40px;
}

.editor ul:not(.slick-dots) {
  list-style-type: disc;
  margin: 1em 0;
  padding-left: 40px;
}

.editor h2 {
  font-family: "Cormorant", sans-serif;
}
.editor h3 {
  font-family: "Noto Sans TC", sans-serif;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

.editor img {
  display: inline;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
}

h1.seo,
h2.seo {
  position: fixed;
  top: -100%;
  left: -100%;
  visibility: hidden;
}

a {
  text-decoration: none;
}
a:hover, a:focus, a:active {
  color: #47513e;
}

button {
  padding: 0;
  border: 0;
  background: unset;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}

table {
  width: 100%;
  margin: 0 auto;
  border-collapse: collapse;
  border-spacing: 0;
}

form {
  width: 100%;
  margin: 0 auto;
}

input:not([type=radio]):not([type=checkbox]), textarea, select {
  color: #5e6b51;
  font-size: 14px;
  font-family: "Noto Sans TC", sans-serif;
  letter-spacing: 1px;
  padding: 7px 10px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
  color: #bbb;
}
input:not([type=radio]):not([type=checkbox])::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
  color: #bbb;
}
input:not([type=radio]):not([type=checkbox]):-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
  color: #bbb;
}
input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder, textarea::-ms-input-placeholder, select::-ms-input-placeholder {
  color: #bbb;
}
input:not([type=radio]):not([type=checkbox])::placeholder, textarea::placeholder, select::placeholder {
  color: #bbb;
}

input[type=file] {
  padding: 4.5px 10px !important;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
}

input[type=number] {
  -moz-appearance: textfield;
}

textarea {
  display: block;
  max-width: 100%;
}

select {
  max-width: 100%;
  padding: 7px 25px 7px 10px;
  background: #fff url("../img/arrow/arrow05.png") calc(100% - 5px) center no-repeat;
  cursor: pointer;
}
select option {
  color: #393939;
}

.txt_right {
  text-align: right;
}

.txt_left {
  text-align: left;
}

.txt_center {
  text-align: center;
}

.float_right {
  float: right;
}

.float_left {
  float: left;
}

.underline {
  text-decoration: underline;
}

.del {
  text-decoration: line-through;
}

.break_all {
  word-break: break-all;
}

.swal2-popup {
  width: 20em !important;
  padding: 0 !important;
  background: rgba(255, 255, 255, 0.8) !important;
  border: 1px solid #fff !important;
  border-radius: 35px !important;
}
.swal2-popup .swal2-close {
  width: 35px;
  height: 35px;
  color: #000 !important;
  font-size: 28px;
  padding: 0 0 2px;
  background: #fff !important;
  margin: 15px 15px -35px 0;
  border-radius: 50% !important;
  -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 158, 247, 0.25) !important;
          box-shadow: 3px 3px 10px 0 rgba(0, 158, 247, 0.25) !important;
}
.swal2-popup .swal2-icon {
  display: none !important;
}
.swal2-popup .swal2-title {
  color: #000;
  font-size: 22px;
  padding: 3em 1em 0;
}
.swal2-popup .swal2-title strong {
  font-weight: 400;
}
.swal2-popup .swal2-html-container {
  color: #009ef7;
  font-size: 18px;
  margin: 0;
  padding: 15px 15px 40px;
}
.swal2-popup .swal2-html-container > div:not(#captcha) {
  margin-top: 15px !important;
}
.swal2-popup .swal2-html-container > div:not(#captcha) a {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #009ef7;
  font-size: 17px;
  text-decoration: none !important;
  padding: 8px 23px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #009ef7;
  border-radius: 20px !important;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes goUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes goUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes goDown {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, -20px);
            transform: translate(0, -20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes goDown {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, -20px);
            transform: translate(0, -20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes goLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes goLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes goLeft_cc {
  0% {
    opacity: 0;
    -webkit-transform: translate(calc(-50% + 20px), -50%);
            transform: translate(calc(-50% + 20px), -50%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@keyframes goLeft_cc {
  0% {
    opacity: 0;
    -webkit-transform: translate(calc(-50% + 20px), -50%);
            transform: translate(calc(-50% + 20px), -50%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@-webkit-keyframes goRight {
  0% {
    opacity: 0;
    -webkit-transform: translate(-20px, 0);
            transform: translate(-20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes goRight {
  0% {
    opacity: 0;
    -webkit-transform: translate(-20px, 0);
            transform: translate(-20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes goRight_cc {
  0% {
    opacity: 0;
    -webkit-transform: translate(calc(-50% - 20px), -50%);
            transform: translate(calc(-50% - 20px), -50%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@keyframes goRight_cc {
  0% {
    opacity: 0;
    -webkit-transform: translate(calc(-50% - 20px), -50%);
            transform: translate(calc(-50% - 20px), -50%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@-webkit-keyframes goRightTop {
  0% {
    opacity: 0;
    -webkit-transform: translate(-20px, 20px);
            transform: translate(-20px, 20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes goRightTop {
  0% {
    opacity: 0;
    -webkit-transform: translate(-20px, 20px);
            transform: translate(-20px, 20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes drawing_circle {
  0% {
    stroke-dashoffset: 360;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes drawing_circle {
  0% {
    stroke-dashoffset: 360;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.slick-slider {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.slick-slider .slick-arrow {
  position: absolute;
  top: 50%;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  z-index: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.slick-slider .slick-arrow.slick-hidden {
  display: none !important;
}
.slick-slider .slick-arrow.slick-disabled {
  pointer-events: none;
  opacity: 0.1;
}
.slick-slider .slick-arrow.slick-prev {
  left: 0;
}
.slick-slider .slick-arrow.slick-next {
  right: 0;
}

.slick-list {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-track {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  display: table;
  content: "";
}
.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}
.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-slide {
  display: none;
  height: 100%;
  float: left;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
}

.slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.slick-dots li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 10px;
  height: 10px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .slick-dots li {
    width: 8px;
    height: 8px;
  }
}
.slick-dots li button {
  width: 10px;
  height: 10px;
  color: transparent;
  font-size: 0;
  background: #c9caca;
  border-radius: 50%;
  -webkit-transition: background 0.1s;
  transition: background 0.1s;
}
@media (max-width: 768px) {
  .slick-dots li button {
    width: 8px;
    height: 8px;
  }
}
.slick-dots li.slick-active button {
  background: #47513e;
}

.slick-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  z-index: 9999;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.slick-lightbox .slick-loading .slick-list {
  background-color: transparent;
}
.slick-lightbox .slick-prev,
.slick-lightbox .slick-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  font-size: 0;
  line-height: 0;
  background: transparent;
  border: 0;
}
.slick-lightbox .slick-prev::before,
.slick-lightbox .slick-next::before {
  color: #fff;
  font-size: 20px;
  font-family: FontAwesome;
  line-height: 20px;
}
.slick-lightbox .slick-prev {
  left: 15px;
}
.slick-lightbox .slick-prev::before {
  content: "\f053";
}
.slick-lightbox .slick-next {
  right: 15px;
}
.slick-lightbox .slick-next::before {
  content: "\f054";
}

.slick-lightbox-hide {
  opacity: 0;
}
.slick-lightbox-hide.slick-lightbox-ie {
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.slick-lightbox-hide-init {
  position: absolute;
  top: -9999px;
  opacity: 0;
}
.slick-lightbox-hide-init.slick-lightbox-ie {
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.slick-lightbox-inner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.slick-lightbox-slick-item {
  text-align: center;
  overflow: hidden;
}
.slick-lightbox-slick-item::before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}

.slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption {
  display: block;
  text-align: center;
}

.slick-lightbox-slick-item-inner {
  display: inline-block;
  max-width: 90%;
  max-height: 90%;
  vertical-align: middle;
}

.slick-lightbox-slick-img {
  display: block;
  max-width: 90%;
  max-height: 90%;
  margin: 0 auto;
}

.slick-lightbox-slick-caption {
  color: white;
  margin: 10px 0 0;
}

.slick-lightbox-close {
  display: block;
  position: absolute;
  top: 15px;
  right: 15px;
  width: 20px;
  height: 20px;
  color: transparent;
  font-size: 0;
  line-height: 0;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
}
.slick-lightbox-close::before {
  content: "×";
  color: white;
  font-size: 20px;
  font-family: "slick";
  line-height: 1;
  opacity: 0.85;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-lightbox-close::focus {
  outline: none;
}

.header_miko {
  width: 100%;
  height: auto;
  padding-top: 1.3541666667vw;
  position: fixed;
  z-index: 10;
}
@media (max-width: 1080px) {
  .header_miko {
    height: 70px;
    background-color: #fff;
    padding-top: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 480px) {
  .header_miko {
    -webkit-box-shadow: 6px 0 12px rgba(0, 0, 0, 0.25);
            box-shadow: 6px 0 12px rgba(0, 0, 0, 0.25);
  }
}
.header_miko .header_bar {
  width: 100%;
  height: auto;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding-bottom: 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1080px) {
  .header_miko .header_bar {
    height: 70px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 0px;
    padding: 0 60px;
    padding-bottom: 0px;
  }
}
@media (max-width: 480px) {
  .header_miko .header_bar {
    padding: 0 30px;
  }
}
.header_miko .header_bar .logo {
  width: 15.625vw;
  height: 3.75vw;
  position: relative;
  display: block;
}
@media (max-width: 1080px) {
  .header_miko .header_bar .logo {
    width: auto;
    height: 56px;
  }
}
.header_miko .header_bar .logo svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  fill: #fff;
  -webkit-transform: scale(0.125);
          transform: scale(0.125);
  opacity: 0;
  -webkit-transition: opacity 1.5s ease-in-out 0.3s, -webkit-transform 1s ease-in-out 0.6s;
  transition: opacity 1.5s ease-in-out 0.3s, -webkit-transform 1s ease-in-out 0.6s;
  transition: transform 1s ease-in-out 0.6s, opacity 1.5s ease-in-out 0.3s;
  transition: transform 1s ease-in-out 0.6s, opacity 1.5s ease-in-out 0.3s, -webkit-transform 1s ease-in-out 0.6s;
}
@media (max-width: 1080px) {
  .header_miko .header_bar .logo svg {
    fill: #111111;
    margin-left: -30px;
  }
}
.header_miko .header_bar .navtool {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 15px;
  position: absolute;
  top: 2.4479166667vw;
  right: 2.4479166667vw;
}
@media (max-width: 1366px) {
  .header_miko .header_bar .navtool {
    margin-left: 0;
  }
}
@media (max-width: 1080px) {
  .header_miko .header_bar .navtool {
    top: 0px;
    right: 0px;
  }
}
.header_miko .header_bar .navtool > div,
.header_miko .header_bar .navtool > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  height: 3.6458333333vw;
  padding: 0 10px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
  -webkit-transform: translateX(-50px);
          transform: translateX(-50px);
}
@media (max-width: 1440px) {
  .header_miko .header_bar .navtool > div,
  .header_miko .header_bar .navtool > a {
    padding: 0 15px;
  }
}
@media (max-width: 1200px) {
  .header_miko .header_bar .navtool > div,
  .header_miko .header_bar .navtool > a {
    padding: 0 25px;
  }
  .header_miko .header_bar .navtool > div:first-child,
  .header_miko .header_bar .navtool > a:first-child {
    margin-left: 10px;
  }
  .header_miko .header_bar .navtool > div:not(.cart_btn):not(#google_translate_element):not(.mbPanel_btn),
  .header_miko .header_bar .navtool > a:not(.cart_btn):not(#google_translate_element):not(.mbPanel_btn) {
    display: none;
  }
}
.header_miko .header_bar .navtool > div > i,
.header_miko .header_bar .navtool > a > i {
  color: #fff;
  font-size: 18px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header_miko .header_bar .navtool > div > svg,
.header_miko .header_bar .navtool > a > svg {
  display: block;
  width: auto;
  height: 20px;
  fill: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header_miko .header_bar .navtool > div form,
.header_miko .header_bar .navtool > a form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 100%;
  right: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 15px;
  background: #000;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header_miko .header_bar .navtool > div form button,
.header_miko .header_bar .navtool > a form button {
  color: #fff;
  font-size: 20px;
  margin-left: 13px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header_miko .header_bar .navtool > div form button:hover,
.header_miko .header_bar .navtool > a form button:hover {
  color: #000;
}
.header_miko .header_bar .navtool > div ul,
.header_miko .header_bar .navtool > a ul {
  position: absolute;
  top: 100%;
  right: 50%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translate(50%, 0);
          transform: translate(50%, 0);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header_miko .header_bar .navtool > div ul li + li,
.header_miko .header_bar .navtool > a ul li + li {
  border-top: 1px solid #e9e9e9;
}
.header_miko .header_bar .navtool > div ul li a,
.header_miko .header_bar .navtool > a ul li a {
  display: block;
  color: #5e6b51;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  padding: 10px 20px;
  background: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header_miko .header_bar .navtool > div ul li:hover > a, .header_miko .header_bar .navtool > div ul li.active > a,
.header_miko .header_bar .navtool > a ul li:hover > a,
.header_miko .header_bar .navtool > a ul li.active > a {
  color: #fff;
  background: #000;
}
.header_miko .header_bar .navtool > div:hover > i,
.header_miko .header_bar .navtool > a:hover > i {
  color: #000;
}
.header_miko .header_bar .navtool > div:hover > svg,
.header_miko .header_bar .navtool > a:hover > svg {
  fill: #000;
}
.header_miko .header_bar .navtool > div:hover form,
.header_miko .header_bar .navtool > div:hover ul,
.header_miko .header_bar .navtool > a:hover form,
.header_miko .header_bar .navtool > a:hover ul {
  opacity: 1;
  pointer-events: auto;
}
.header_miko .header_bar .navtool #google_translate_element .skiptranslate {
  font-size: 0;
}
.header_miko .header_bar .navtool #google_translate_element .skiptranslate > div select {
  font-size: 14px;
  font-family: "Noto Sans TC", sans-serif;
  padding: 1px 25px 1px 10px;
  margin: 0;
}
.header_miko .header_bar .navtool #google_translate_element .skiptranslate > span {
  display: none;
}
.header_miko .header_bar .navtool .cart_btn p {
  position: absolute;
  top: 17px;
  right: 9px;
  width: 16px;
  line-height: 16px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  font-family: "DM Sans", sans-serif;
  text-align: center;
  letter-spacing: 0;
  text-indent: 0;
  background: #ff0006;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1440px) {
  .header_miko .header_bar .navtool .cart_btn p {
    right: 4px;
  }
}
@media (max-width: 1200px) {
  .header_miko .header_bar .navtool .cart_btn p {
    right: 14px;
  }
}
.header_miko .header_bar .navtool .sp_link {
  width: 150px;
  height: 42px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  margin-left: 10px;
  background: #000;
  border: 1px solid #000;
  border-radius: 0px;
}
@media (max-width: 1600px) {
  .header_miko .header_bar .navtool .sp_link {
    width: 170px;
  }
}
@media (max-width: 1366px) {
  .header_miko .header_bar .navtool .sp_link {
    width: 150px;
    font-size: 16px;
    margin-left: 15px;
  }
}
.header_miko .header_bar .navtool .sp_link:hover {
  color: #5e6b51;
  background: #fff;
}
.header_miko .header_bar .navtool .mbPanel_btn {
  padding: 0 20px;
  background: #fff;
}
@media (min-width: 1201px) {
  .header_miko .header_bar .navtool .mbPanel_btn {
    display: none;
  }
}
@media (max-width: 1200px) {
  .header_miko .header_bar .navtool .mbPanel_btn {
    height: 70px;
  }
}
.header_miko .header_bar .navtool .mbPanel_btn .bars {
  position: relative;
  width: 22px;
  height: 2px;
}
.header_miko .header_bar .navtool .mbPanel_btn .bars .bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 10px;
}
@media (max-width: 1200px) {
  .header_miko .header_bar .navtool .mbPanel_btn .bars .bar {
    background: #111;
  }
}
.header_miko .header_bar .navtool .mbPanel_btn .bars .bar.bar1 {
  top: -8px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: top 0.3s 0.5s, -webkit-transform 0.3s;
  transition: top 0.3s 0.5s, -webkit-transform 0.3s;
  transition: top 0.3s 0.5s, transform 0.3s;
  transition: top 0.3s 0.5s, transform 0.3s, -webkit-transform 0.3s;
}
.header_miko .header_bar .navtool .mbPanel_btn .bars .bar.bar2 {
  opacity: 1;
  -webkit-transition: opacity 0s 0.3s;
  transition: opacity 0s 0.3s;
}
.header_miko .header_bar .navtool .mbPanel_btn .bars .bar.bar3 {
  top: 8px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: top 0.3s 0.5s, -webkit-transform 0.3s;
  transition: top 0.3s 0.5s, -webkit-transform 0.3s;
  transition: top 0.3s 0.5s, transform 0.3s;
  transition: top 0.3s 0.5s, transform 0.3s, -webkit-transform 0.3s;
}
.header_miko .header_bar .navtool .mbPanel_btn.active .bars .bar.bar1 {
  top: 0;
  left: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: top 0.3s, -webkit-transform 0.3s 0.5s;
  transition: top 0.3s, -webkit-transform 0.3s 0.5s;
  transition: top 0.3s, transform 0.3s 0.5s;
  transition: top 0.3s, transform 0.3s 0.5s, -webkit-transform 0.3s 0.5s;
}
.header_miko .header_bar .navtool .mbPanel_btn.active .bars .bar.bar2 {
  opacity: 0;
}
.header_miko .header_bar .navtool .mbPanel_btn.active .bars .bar.bar3 {
  top: 0;
  left: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: top 0.3s, -webkit-transform 0.3s 0.5s;
  transition: top 0.3s, -webkit-transform 0.3s 0.5s;
  transition: top 0.3s, transform 0.3s 0.5s;
  transition: top 0.3s, transform 0.3s 0.5s, -webkit-transform 0.3s 0.5s;
}
.header_miko .header_bar .navtool .button_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.header_miko .header_bar .navtool .button_top span {
  font-size: clamp(20px, 1.1458333333vw, 22px);
  line-height: clamp(20px, 1.1458333333vw, 22px);
  color: #fff;
  font-family: "Cormorant", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.header_miko .header_bar .navtool .button_top svg {
  fill: #fff;
  margin-left: 10px;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.header_miko .header_bar .navtool .button_top:hover > span {
  color: #a8bd96;
}
.header_miko .header_bar .navtool .button_top:hover > svg {
  fill: #a8bd96;
}
.header_miko .navbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header_miko .navbar .navmenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.6458333333vw;
}
@media (max-width: 1200px) {
  .header_miko .navbar .navmenu {
    display: none;
  }
}
.header_miko .navbar .navmenu > li {
  position: relative;
}
.header_miko .navbar .navmenu > li > a {
  display: block;
  color: #fff;
  font-size: clamp(20px, 1.25vw, 24px);
  line-height: clamp(20px, 1.25vw, 24px);
  padding: 1.0416666667vw 0px;
  font-family: "Cormorant", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 300;
  opacity: 0;
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px);
  -webkit-transition-property: opacity, color, -webkit-transform;
  transition-property: opacity, color, -webkit-transform;
  transition-property: opacity, transform, color;
  transition-property: opacity, transform, color, -webkit-transform;
  -webkit-transition-duration: 1.2s, 1.2s, 0.3s;
          transition-duration: 1.2s, 1.2s, 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0.22, 1, 0.36, 1), ease;
          transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0.22, 1, 0.36, 1), ease;
  -webkit-transition-delay: 0s, 0s, 0s;
          transition-delay: 0s, 0s, 0s;
}
.header_miko .navbar .navmenu > li:hover > a, .header_miko .navbar .navmenu > li.active > a {
  color: #a8bd96;
}
.header_miko .navbar .navmenu > li ul {
  position: absolute;
  top: 100%;
  left: 50%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 142px;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header_miko .navbar .navmenu > li ul ul {
  top: 0;
  left: 100%;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.header_miko .navbar .navmenu > li ul li {
  position: relative;
}
.header_miko .navbar .navmenu > li ul li + li {
  border-top: 1px solid #e9e9e9;
}
.header_miko .navbar .navmenu > li ul li a {
  display: block;
  color: #5e6b51;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  padding: 10px 20px;
  background: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header_miko .navbar .navmenu > li ul li:hover > a, .header_miko .navbar .navmenu > li ul li.active > a {
  color: #fff;
  background: #000;
}
.header_miko .navbar .navmenu li:hover > ul {
  opacity: 1;
  pointer-events: auto;
}
.header_miko .navbar .navmenu.nosubmenu ul {
  display: none;
}
.header_miko .navbar .navmenu.nolevel2 ul ul {
  display: none;
}
.header_miko .navbar .navmenu.nolevel3 ul ul ul {
  display: none;
}
.header_miko .navbar .navtool {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 15px;
}
@media (max-width: 1366px) {
  .header_miko .navbar .navtool {
    margin-left: 0;
  }
}
.header_miko .navbar .navtool > div,
.header_miko .navbar .navtool > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  height: 70px;
  padding: 0 20px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1440px) {
  .header_miko .navbar .navtool > div,
  .header_miko .navbar .navtool > a {
    padding: 0 15px;
  }
}
@media (max-width: 1200px) {
  .header_miko .navbar .navtool > div,
  .header_miko .navbar .navtool > a {
    padding: 0 25px;
  }
  .header_miko .navbar .navtool > div:first-child,
  .header_miko .navbar .navtool > a:first-child {
    margin-left: 20px;
  }
  .header_miko .navbar .navtool > div:not(.cart_btn):not(#google_translate_element):not(.mbPanel_btn),
  .header_miko .navbar .navtool > a:not(.cart_btn):not(#google_translate_element):not(.mbPanel_btn) {
    display: none;
  }
}
.header_miko .navbar .navtool > div > i,
.header_miko .navbar .navtool > a > i {
  color: #5e6b51;
  font-size: 18px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header_miko .navbar .navtool > div > svg,
.header_miko .navbar .navtool > a > svg {
  display: block;
  width: auto;
  height: 20px;
  fill: #5e6b51;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header_miko .navbar .navtool > div form,
.header_miko .navbar .navtool > a form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 100%;
  right: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 15px;
  background: #000;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header_miko .navbar .navtool > div form button,
.header_miko .navbar .navtool > a form button {
  color: #fff;
  font-size: 20px;
  margin-left: 13px;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.header_miko .navbar .navtool > div form button:hover,
.header_miko .navbar .navtool > a form button:hover {
  color: #000;
}
.header_miko .navbar .navtool > div ul,
.header_miko .navbar .navtool > a ul {
  position: absolute;
  top: 100%;
  right: 50%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translate(50%, 0);
          transform: translate(50%, 0);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header_miko .navbar .navtool > div ul li + li,
.header_miko .navbar .navtool > a ul li + li {
  border-top: 1px solid #e9e9e9;
}
.header_miko .navbar .navtool > div ul li a,
.header_miko .navbar .navtool > a ul li a {
  display: block;
  color: #5e6b51;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  padding: 10px 20px;
  background: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header_miko .navbar .navtool > div ul li:hover > a, .header_miko .navbar .navtool > div ul li.active > a,
.header_miko .navbar .navtool > a ul li:hover > a,
.header_miko .navbar .navtool > a ul li.active > a {
  color: #fff;
  background: #000;
}
.header_miko .navbar .navtool > div:hover > i,
.header_miko .navbar .navtool > a:hover > i {
  color: #000;
}
.header_miko .navbar .navtool > div:hover > svg,
.header_miko .navbar .navtool > a:hover > svg {
  fill: #000;
}
.header_miko .navbar .navtool > div:hover form,
.header_miko .navbar .navtool > div:hover ul,
.header_miko .navbar .navtool > a:hover form,
.header_miko .navbar .navtool > a:hover ul {
  opacity: 1;
  pointer-events: auto;
}
.header_miko .navbar .navtool #google_translate_element .skiptranslate {
  font-size: 0;
}
.header_miko .navbar .navtool #google_translate_element .skiptranslate > div select {
  font-size: 14px;
  font-family: "Noto Sans TC", sans-serif;
  padding: 1px 25px 1px 10px;
  margin: 0;
}
.header_miko .navbar .navtool #google_translate_element .skiptranslate > span {
  display: none;
}
.header_miko .navbar .navtool .cart_btn p {
  position: absolute;
  top: 17px;
  right: 9px;
  width: 16px;
  line-height: 16px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  font-family: "DM Sans", sans-serif;
  text-align: center;
  letter-spacing: 0;
  text-indent: 0;
  background: #ff0006;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1440px) {
  .header_miko .navbar .navtool .cart_btn p {
    right: 4px;
  }
}
@media (max-width: 1200px) {
  .header_miko .navbar .navtool .cart_btn p {
    right: 14px;
  }
}
.header_miko .navbar .navtool .sp_link {
  width: 150px;
  height: 42px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  margin-left: 10px;
  background: #000;
  border: 1px solid #000;
  border-radius: 0px;
}
@media (max-width: 1600px) {
  .header_miko .navbar .navtool .sp_link {
    width: 170px;
  }
}
@media (max-width: 1366px) {
  .header_miko .navbar .navtool .sp_link {
    width: 150px;
    font-size: 16px;
    margin-left: 15px;
  }
}
.header_miko .navbar .navtool .sp_link:hover {
  color: #5e6b51;
  background: #fff;
}
.header_miko .navbar .navtool .mbPanel_btn {
  padding: 0 20px;
  background: #000;
}
@media (min-width: 1201px) {
  .header_miko .navbar .navtool .mbPanel_btn {
    display: none;
  }
}
.header_miko .navbar .navtool .mbPanel_btn .bars {
  position: relative;
  width: 30px;
  height: 2px;
}
.header_miko .navbar .navtool .mbPanel_btn .bars .bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 10px;
}
.header_miko .navbar .navtool .mbPanel_btn .bars .bar.bar1 {
  top: -8px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: top 0.3s 0.5s, -webkit-transform 0.3s;
  transition: top 0.3s 0.5s, -webkit-transform 0.3s;
  transition: top 0.3s 0.5s, transform 0.3s;
  transition: top 0.3s 0.5s, transform 0.3s, -webkit-transform 0.3s;
}
.header_miko .navbar .navtool .mbPanel_btn .bars .bar.bar2 {
  opacity: 1;
  -webkit-transition: opacity 0s 0.3s;
  transition: opacity 0s 0.3s;
}
.header_miko .navbar .navtool .mbPanel_btn .bars .bar.bar3 {
  top: 8px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: top 0.3s 0.5s, -webkit-transform 0.3s;
  transition: top 0.3s 0.5s, -webkit-transform 0.3s;
  transition: top 0.3s 0.5s, transform 0.3s;
  transition: top 0.3s 0.5s, transform 0.3s, -webkit-transform 0.3s;
}
.header_miko .navbar .navtool .mbPanel_btn.active .bars .bar.bar1 {
  top: 0;
  left: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: top 0.3s, -webkit-transform 0.3s 0.5s;
  transition: top 0.3s, -webkit-transform 0.3s 0.5s;
  transition: top 0.3s, transform 0.3s 0.5s;
  transition: top 0.3s, transform 0.3s 0.5s, -webkit-transform 0.3s 0.5s;
}
.header_miko .navbar .navtool .mbPanel_btn.active .bars .bar.bar2 {
  opacity: 0;
}
.header_miko .navbar .navtool .mbPanel_btn.active .bars .bar.bar3 {
  top: 0;
  left: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: top 0.3s, -webkit-transform 0.3s 0.5s;
  transition: top 0.3s, -webkit-transform 0.3s 0.5s;
  transition: top 0.3s, transform 0.3s 0.5s;
  transition: top 0.3s, transform 0.3s 0.5s, -webkit-transform 0.3s 0.5s;
}
.header_miko.in .header_bar .logo svg {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
.header_miko.in .header_bar .navtool > div,
.header_miko.in .header_bar .navtool > a {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 1.2s, 1.2s;
          transition-duration: 1.2s, 1.2s;
  -webkit-transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0.22, 1, 0.36, 1);
          transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0.22, 1, 0.36, 1);
  -webkit-transition-delay: 0s, 0s;
          transition-delay: 0s, 0s;
}
.header_miko.in .header_bar .navtool > div,
.header_miko.in .header_bar .navtool > a {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.header_miko.in .header_bar .navtool > :nth-child(1) {
  -webkit-transition-delay: 0.6s, 0.6s;
          transition-delay: 0.6s, 0.6s;
}
.header_miko.in .header_bar .navtool > :nth-child(2) {
  -webkit-transition-delay: 0.605s, 0.605s;
          transition-delay: 0.605s, 0.605s;
}
.header_miko.in .header_bar .navtool > :nth-child(3) {
  -webkit-transition-delay: 0.61s, 0.61s;
          transition-delay: 0.61s, 0.61s;
}
.header_miko.in .header_bar .navtool > :nth-child(4) {
  -webkit-transition-delay: 0.615s, 0.615s;
          transition-delay: 0.615s, 0.615s;
}
.header_miko.in .header_bar .navtool > :nth-child(5) {
  -webkit-transition-delay: 0.62s, 0.62s;
          transition-delay: 0.62s, 0.62s;
}
.header_miko.in .header_bar .navtool > :nth-child(6) {
  -webkit-transition-delay: 0.625s, 0.625s;
          transition-delay: 0.625s, 0.625s;
}
.header_miko.in .header_bar .navtool > :nth-child(7) {
  -webkit-transition-delay: 0.63s, 0.63s;
          transition-delay: 0.63s, 0.63s;
}
.header_miko.in .header_bar .navtool > :nth-child(8) {
  -webkit-transition-delay: 0.635s, 0.635s;
          transition-delay: 0.635s, 0.635s;
}
.header_miko.in .header_bar .navtool > :nth-child(9) {
  -webkit-transition-delay: 0.64s, 0.64s;
          transition-delay: 0.64s, 0.64s;
}
.header_miko.in .header_bar .navtool > :nth-child(10) {
  -webkit-transition-delay: 0.645s, 0.645s;
          transition-delay: 0.645s, 0.645s;
}
.header_miko.in .header_bar .navtool > :nth-child(11) {
  -webkit-transition-delay: 0.65s, 0.65s;
          transition-delay: 0.65s, 0.65s;
}
.header_miko.in .header_bar .navtool > :nth-child(12) {
  -webkit-transition-delay: 0.655s, 0.655s;
          transition-delay: 0.655s, 0.655s;
}
.header_miko.in .navbar .navmenu > li > a {
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 1.2s, 1.2s;
          transition-duration: 1.2s, 1.2s;
  -webkit-transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0.22, 1, 0.36, 1);
          transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0.22, 1, 0.36, 1);
  -webkit-transition-delay: 0s, 0s;
          transition-delay: 0s, 0s;
}
.header_miko.in .navbar .navmenu > li > a {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.header_miko.in .navbar .navmenu > li:nth-child(1) > a {
  -webkit-transition-delay: 0.6s, 0.6s;
          transition-delay: 0.6s, 0.6s;
}
.header_miko.in .navbar .navmenu > li:nth-child(2) > a {
  -webkit-transition-delay: 0.605s, 0.605s;
          transition-delay: 0.605s, 0.605s;
}
.header_miko.in .navbar .navmenu > li:nth-child(3) > a {
  -webkit-transition-delay: 0.61s, 0.61s;
          transition-delay: 0.61s, 0.61s;
}
.header_miko.in .navbar .navmenu > li:nth-child(4) > a {
  -webkit-transition-delay: 0.615s, 0.615s;
          transition-delay: 0.615s, 0.615s;
}
.header_miko.in .navbar .navmenu > li:nth-child(5) > a {
  -webkit-transition-delay: 0.62s, 0.62s;
          transition-delay: 0.62s, 0.62s;
}
.header_miko.in .navbar .navmenu > li:nth-child(6) > a {
  -webkit-transition-delay: 0.625s, 0.625s;
          transition-delay: 0.625s, 0.625s;
}
.header_miko.in .navbar .navmenu > li:nth-child(7) > a {
  -webkit-transition-delay: 0.63s, 0.63s;
          transition-delay: 0.63s, 0.63s;
}
.header_miko.in .navbar .navmenu > li:nth-child(8) > a {
  -webkit-transition-delay: 0.635s, 0.635s;
          transition-delay: 0.635s, 0.635s;
}
.header_miko.in .navbar .navmenu > li:nth-child(9) > a {
  -webkit-transition-delay: 0.64s, 0.64s;
          transition-delay: 0.64s, 0.64s;
}
.header_miko.in .navbar .navmenu > li:nth-child(10) > a {
  -webkit-transition-delay: 0.645s, 0.645s;
          transition-delay: 0.645s, 0.645s;
}
.header_miko.in .navbar .navmenu > li:nth-child(11) > a {
  -webkit-transition-delay: 0.65s, 0.65s;
          transition-delay: 0.65s, 0.65s;
}
.header_miko.in .navbar .navmenu > li:nth-child(12) > a {
  -webkit-transition-delay: 0.655s, 0.655s;
          transition-delay: 0.655s, 0.655s;
}
.header_miko.scroll {
  background-color: #fff;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  padding-top: 10px;
}
@media (max-width: 1080px) {
  .header_miko.scroll {
    padding-top: 0px;
  }
}
.header_miko.scroll .header_bar {
  border-bottom: 1px solid rgb(152, 152, 152);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1080px) {
  .header_miko.scroll .header_bar {
    height: 70px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 0px;
    padding: 0 60px;
    padding-bottom: 0px;
  }
}
@media (max-width: 480px) {
  .header_miko.scroll .header_bar {
    padding: 0 30px;
  }
}
.header_miko.scroll .header_bar .logo {
  width: 210px;
  height: 50px;
  margin: initial;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
@media (max-width: 1080px) {
  .header_miko.scroll .header_bar .logo {
    width: auto;
    height: 56px;
  }
}
.header_miko.scroll .header_bar .logo svg {
  width: 197px;
  height: 50px;
  fill: #000;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
@media (max-width: 1080px) {
  .header_miko.scroll .header_bar .logo svg {
    width: 100%;
    height: 100%;
    fill: #111111;
    margin-left: -30px;
  }
}
.header_miko.scroll .header_bar .navtool {
  top: 12px;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
@media (max-width: 1080px) {
  .header_miko.scroll .header_bar .navtool {
    top: 0px;
    right: 0px;
  }
}
.header_miko.scroll .header_bar .navtool .button_top > i {
  color: #000;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.header_miko.scroll .header_bar .navtool .button_top > span {
  color: #000;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.header_miko.scroll .header_bar .navtool .button_top > svg {
  fill: #000;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.header_miko.scroll .header_bar .navtool .button_top:hover > span {
  color: #a8bd96;
}
.header_miko.scroll .header_bar .navtool .button_top:hover > svg {
  fill: #a8bd96;
}
.header_miko.scroll .navbar .navmenu > li > a {
  padding: 10px 0px;
  color: #000;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.header_miko.scroll .navbar .navmenu > li > a:hover {
  color: #a8bd96;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.header_lybox {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 99;
  /* 預設隱藏，使用 class 控制顯示，保持 display: flex */
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.header_lybox.active {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.header_lybox .header_lybox_content_search {
  width: auto;
  height: auto;
  display: none;
  padding: 75px 53px;
  background: #fff;
  border-radius: 5px;
  position: relative;
}
@media (max-width: 968px) {
  .header_lybox .header_lybox_content_search {
    width: 80%;
  }
}
@media (max-width: 480px) {
  .header_lybox .header_lybox_content_search {
    padding: 75px 30px;
  }
}
.header_lybox .header_lybox_content_search .closure_box {
  width: 52px;
  height: 52px;
  position: absolute;
  top: -26px;
  right: -26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #5e6b51;
  border-radius: 5px;
  cursor: pointer;
}
.header_lybox .header_lybox_content_search .closure_box svg {
  width: 16px;
  height: 16px;
  fill: #fff;
}
.header_lybox .header_lybox_content_search .search_box {
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media (max-width: 480px) {
  .header_lybox .header_lybox_content_search .search_box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.header_lybox .header_lybox_content_search .search_box .search_form {
  width: 305px;
  height: 46px;
  border-bottom: 1px solid #9f9f9f;
  padding: 0 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
}
@media (max-width: 968px) {
  .header_lybox .header_lybox_content_search .search_box .search_form {
    width: 360px;
  }
}
@media (max-width: 480px) {
  .header_lybox .header_lybox_content_search .search_box .search_form {
    width: 100%;
  }
}
.header_lybox .header_lybox_content_search .search_box .search_button {
  width: 131px;
  height: 46px;
  background: #5e6b51;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  cursor: pointer;
  padding: 0;
}
@media (max-width: 480px) {
  .header_lybox .header_lybox_content_search .search_box .search_button {
    width: 100%;
  }
}
.header_lybox .header_lybox_content_search .search_box .search_button .txt_box {
  font-size: clamp(20px, 1.1458333333vw, 22px);
  line-height: clamp(20px, 1.1458333333vw, 22px);
  text-transform: capitalize;
  color: #fff;
  font-family: "Cormorant", sans-serif;
  font-weight: 500;
}
.header_lybox .header_lybox_content_search .search_box .search_button svg {
  fill: #fff;
  margin-left: 10px;
}
.header_lybox .header_lybox_content_language {
  width: auto;
  height: auto;
  display: none;
  padding: 75px 53px;
  background: #fff;
  border-radius: 5px;
  position: relative;
}
@media (max-width: 968px) {
  .header_lybox .header_lybox_content_language {
    width: 80%;
  }
}
.header_lybox .header_lybox_content_language .closure_box {
  width: 52px;
  height: 52px;
  position: absolute;
  top: -26px;
  right: -26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #5e6b51;
  border-radius: 5px;
  cursor: pointer;
}
.header_lybox .header_lybox_content_language .closure_box svg {
  width: 16px;
  height: 16px;
  fill: #fff;
}
.header_lybox .header_lybox_content_language .language_top_txt {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.header_lybox .header_lybox_content_language .language_top_txt .txt_box {
  font-size: clamp(20px, 1.1458333333vw, 22px);
  line-height: clamp(20px, 1.1458333333vw, 22px);
  text-transform: capitalize;
  color: #343434;
  font-family: "Cormorant", sans-serif;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
}
.header_lybox .header_lybox_content_language .language_top_txt svg {
  fill: #343434;
  margin-left: 8px;
  width: 16px;
  height: 16px;
}
.header_lybox .header_lybox_content_language .selector {
  width: 435px;
  height: 45px;
  font-size: clamp(14px, 1.015625vw, 22px);
  line-height: clamp(28px, 1.1979166667vw, 22px);
  color: #343434;
  border: 1px solid #9f9f9f;
  border-radius: 5px;
  padding: 0 15px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='none' stroke='%23343434' stroke-width='1.5' d='M1 1l4 4 4-4'/%3E%3C/svg%3E") no-repeat right 15px center;
  background-size: 10px;
  cursor: pointer;
}

.header_miko.in .header_bar .navtool > :nth-child(3) .button_top:hover > span {
  color: #a8bd96;
}
.header_miko.in .header_bar .navtool > :nth-child(3) .button_top svg {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.banner_miko {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  -webkit-perspective: 1400px;
          perspective: 1400px;
  -webkit-perspective-origin: center center;
          perspective-origin: center center;
  background: -webkit-gradient(linear, left top, right top, from(rgb(109, 111, 105)), color-stop(40%, rgb(131, 122, 112)), color-stop(60%, rgb(129, 120, 106)), to(rgb(116, 120, 103)));
  background: linear-gradient(90deg, rgb(109, 111, 105) 0%, rgb(131, 122, 112) 40%, rgb(129, 120, 106) 60%, rgb(116, 120, 103) 100%);
  background-size: 200% 200%;
  -webkit-animation: mikoGradient 20s ease-in-out infinite;
          animation: mikoGradient 20s ease-in-out infinite;
}
@media (max-width: 480px) {
  .banner_miko {
    height: calc(100vh - 50px);
  }
}
.banner_miko .banner_Slider {
  height: 100%;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
@media (max-width: 480px) {
  .banner_miko .banner_Slider {
    width: 100%;
    height: 100%;
    margin-top: 70px;
  }
}
.banner_miko .banner_Slider .swiper-wrapper {
  height: 100%;
}
.banner_miko .banner_Slider .swiper-slide {
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.banner_miko .banner_Slider .slide {
  width: 105vw;
  height: 105vh;
  position: relative;
  overflow: hidden;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
@media (max-width: 480px) {
  .banner_miko .banner_Slider .slide {
    width: 100%;
    height: 100%;
  }
}
.banner_miko .banner_Slider .slide .item_photo {
  position: absolute;
  left: 50%;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transform: translateX(-50%) translateY(0) scale(1);
          transform: translateX(-50%) translateY(0) scale(1);
  -webkit-transition: opacity 1.2s ease, -webkit-transform 18s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: opacity 1.2s ease, -webkit-transform 18s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: opacity 1.2s ease, transform 18s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: opacity 1.2s ease, transform 18s cubic-bezier(0.22, 0.61, 0.36, 1), -webkit-transform 18s cubic-bezier(0.22, 0.61, 0.36, 1);
  will-change: transform, opacity;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.banner_miko .banner_Slider .slide .item_photo .miko_bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform, filter;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.banner_miko .banner_Slider .slide .item_photo img {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  width: 100%;
  height: auto;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  display: block;
  will-change: transform;
}
.banner_miko .banner_Slider .slide .item_photo .light_mask {
  position: absolute;
  inset: -10%;
  pointer-events: none;
  z-index: 3;
  background: radial-gradient(circle at 50% 40%, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0.15) 55%, rgba(0, 0, 0, 0.45) 75%);
  mix-blend-mode: soft-light;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.banner_miko .banner_Slider .slide .item_photo.is-show .light_mask {
  opacity: 1;
}
.banner_miko .banner_Slider .slide .item_photo.is-leaving {
  opacity: 0.22;
  -webkit-transform: translateX(-50%) translateY(0) scale(1);
          transform: translateX(-50%) translateY(0) scale(1);
}
.banner_miko .banner_Slider .slide .item_photo.is-show {
  opacity: 1;
}
.banner_miko .banner_Slider .slide .item_photo.is-in {
  -webkit-transform: translateX(-50%) translateY(0) scale(1);
          transform: translateX(-50%) translateY(0) scale(1);
}
.banner_miko .banner_Slider .slide .txt_box {
  width: 61.4583333333vw;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 5;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}
@media (max-width: 1080px) {
  .banner_miko .banner_Slider .slide .txt_box {
    width: 90%;
  }
}
.banner_miko .banner_Slider .slide .txt_box .txt_line {
  display: inline-block;
  overflow: hidden;
  padding-bottom: 5px;
}
.banner_miko .banner_Slider .slide .txt_box .char {
  display: inline-block;
  -webkit-transform: translate3d(0, 56px, 0);
          transform: translate3d(0, 56px, 0);
  opacity: 0;
  will-change: transform, opacity;
}
.banner_miko .banner_Slider .slide .txt_box p:nth-child(1) {
  font-size: clamp(32px, 2.0833333333vw, 40px);
  line-height: clamp(42px, 2.6041666667vw, 50px);
  color: #fff;
  text-align: center;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin-bottom: 1.6145833333vw;
}
@media (max-width: 480px) {
  .banner_miko .banner_Slider .slide .txt_box p:nth-child(1) {
    margin-bottom: 20px;
  }
}
.banner_miko .banner_Slider .slide .txt_box p:nth-child(2) {
  font-size: clamp(28px, 2.0833333333vw, 40px);
  line-height: 1.2;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-family: "Poppins", sans-serif;
  letter-spacing: 0.14em;
}
.banner_miko .banner_Slider .slide .txt_box p:nth-child(2) br {
  display: none;
}
@media (max-width: 600px) {
  .banner_miko .banner_Slider .slide .txt_box p:nth-child(2) br {
    display: block;
  }
}
.banner_miko .page_banner {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
.banner_miko .page_banner a {
  display: block;
  position: relative;
}
.banner_miko .page_banner a picture {
  display: block;
}
.banner_miko .page_banner a picture img {
  width: 100vw;
  height: 100vh;
  max-width: inherit;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1080px) {
  .banner_miko .page_banner a picture img {
    position: absolute;
    width: auto;
    height: 100vh;
    -o-object-fit: contain;
       object-fit: contain;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media (max-width: 968px) {
  .banner_miko .page_banner a picture img {
    position: relative;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.banner_miko .page_banner a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.05);
}
.banner_miko .page_banner a .page_title {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 0 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.banner_miko .page_banner a .page_title p {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.banner_miko .page_banner a .page_title p:nth-child(1) {
  font-size: calc(1.5rem + 0.9375vw);
  font-weight: 700;
}
.banner_miko .page_banner a .page_title p:nth-child(2) {
  font-size: clamp(22px, 0.9375vw, 18px);
}
.banner_miko .page_banner .txt_box {
  width: 61.4583333333vw;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 5;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}
@media (max-width: 1080px) {
  .banner_miko .page_banner .txt_box {
    width: 90%;
  }
}
.banner_miko .page_banner .txt_box .txt_line {
  display: inline-block;
  overflow: hidden;
  padding-bottom: 5px;
}
.banner_miko .page_banner .txt_box .char {
  display: inline-block;
  -webkit-transform: translate3d(0, 56px, 0);
          transform: translate3d(0, 56px, 0);
  opacity: 0;
  will-change: transform, opacity;
}
.banner_miko .page_banner .txt_box p:nth-child(1) {
  font-size: clamp(32px, 2.0833333333vw, 40px);
  line-height: clamp(42px, 2.0833333333vw, 40px);
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05em;
  margin-bottom: 1.6145833333vw;
}
@media (max-width: 480px) {
  .banner_miko .page_banner .txt_box p:nth-child(1) {
    margin-bottom: 20px;
  }
}
.banner_miko .page_banner .txt_box p:nth-child(2) {
  font-size: clamp(32px, 2.0833333333vw, 40px);
  line-height: clamp(32px, 2.0833333333vw, 40px);
  font-weight: 400;
  color: #fff;
  text-align: center;
  font-family: "Poppins", sans-serif;
  letter-spacing: 0.14em;
}

@-webkit-keyframes mikoGradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes mikoGradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.footer17 {
  position: relative;
  padding-top: 4.8958333333vw;
  padding-bottom: 8.59375vw;
  background: #47513e;
}
@media (max-width: 1080px) {
  .footer17 {
    padding-top: 82px;
    padding-bottom: 110px;
  }
}
.footer17 .no_gutter {
  padding: 0 60px;
}
@media (max-width: 1080px) {
  .footer17 .no_gutter {
    padding: 0 40px;
  }
}
@media (max-width: 968px) {
  .footer17 .no_gutter {
    padding: 0px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.footer17 .no_gutter .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px 5.2083333333vw;
  width: 40%;
}
@media (min-width: 721px) {
  .footer17 .no_gutter .left {
    padding-right: 5.2083333333vw;
  }
}
@media (max-width: 1080px) {
  .footer17 .no_gutter .left {
    width: 39%;
  }
}
@media (max-width: 968px) {
  .footer17 .no_gutter .left {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 720px) {
  .footer17 .no_gutter .left {
    width: 100%;
    margin-bottom: 25px;
  }
}
.footer17 .no_gutter .left > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 25px 0;
  opacity: 0;
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
  -webkit-transition: opacity 1s ease-out, -webkit-transform 1s ease-out;
  transition: opacity 1s ease-out, -webkit-transform 1s ease-out;
  transition: opacity 1s ease-out, transform 1s ease-out;
  transition: opacity 1s ease-out, transform 1s ease-out, -webkit-transform 1s ease-out;
}
.footer17 .no_gutter .left > div .logo {
  display: block;
  width: 24.84375vw;
  height: 6.5625vw;
}
@media (max-width: 968px) {
  .footer17 .no_gutter .left > div .logo {
    width: auto;
    height: 93px;
    margin: 0 auto;
  }
}
.footer17 .no_gutter .left > div .logo img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
@media (max-width: 968px) {
  .footer17 .no_gutter .left > div .logo img {
    width: auto;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media (max-width: 968px) {
  .footer17 .no_gutter .left > div .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
}
.footer17 .no_gutter .left > div .info a {
  display: block;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  font-size: clamp(13px, 0.9375vw, 18px);
  line-height: clamp(23px, 1.4583333333vw, 28px);
  padding-left: 30px;
  margin-bottom: 20px;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
@media (max-width: 968px) {
  .footer17 .no_gutter .left > div .info a {
    margin: 0 auto;
  }
}
@media (max-width: 480px) {
  .footer17 .no_gutter .left > div .info a {
    padding-left: 20px;
  }
}
.footer17 .no_gutter .left > div .info a + a {
  margin-top: 3px;
}
.footer17 .no_gutter .left > div .info a i {
  position: absolute;
  top: 5px;
  left: 0;
  color: #a8c080;
}
@media (min-width: 1025px) {
  .footer17 .no_gutter .left > div .info a:hover {
    color: #a8c080;
  }
}
@media (max-width: 968px) {
  .footer17 .no_gutter .left > div:nth-child(1) .copyright {
    display: none;
  }
}
@media (min-width: 961px) {
  .footer17 .no_gutter .left > div:nth-child(2) .copyright {
    display: none;
  }
}
@media (max-width: 720px) {
  .footer17 .no_gutter .left > div:nth-child(2) .copyright {
    display: none;
  }
}
.footer17 .no_gutter .left .copyright {
  display: none;
}
.footer17 .no_gutter .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 60%;
  opacity: 0;
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
  -webkit-transition: opacity 1s ease-out, -webkit-transform 1s ease-out;
  transition: opacity 1s ease-out, -webkit-transform 1s ease-out;
  transition: opacity 1s ease-out, transform 1s ease-out;
  transition: opacity 1s ease-out, transform 1s ease-out, -webkit-transform 1s ease-out;
}
@media (max-width: 1080px) {
  .footer17 .no_gutter .right {
    width: 61%;
  }
}
@media (max-width: 968px) {
  .footer17 .no_gutter .right {
    width: 100%;
    margin-top: 50px;
  }
}
@media (max-width: 480px) {
  .footer17 .no_gutter .right {
    margin-top: 0px;
  }
}
.footer17 .no_gutter .right .site_map {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 25px;
}
@media (max-width: 968px) {
  .footer17 .no_gutter .right .site_map {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 30px;
  }
}
@media (max-width: 480px) {
  .footer17 .no_gutter .right .site_map {
    padding: 0px;
  }
}
.footer17 .no_gutter .right .site_map > li > a {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 32px;
  color: #fff;
  font-size: clamp(16px, 0.9375vw, 18px);
  font-weight: 600;
  border-bottom: 1px solid transparent;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
@media (min-width: 1025px) {
  .footer17 .no_gutter .right .site_map > li > a:hover {
    color: #a8bd96;
    border-bottom: 1px solid #fff;
  }
}
.footer17 .no_gutter .right .contact {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer17 .no_gutter .right .contact .contact_box {
  width: 36.9791666667vw;
  height: 67px;
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1440px) {
  .footer17 .no_gutter .right .contact .contact_box {
    margin-top: 20px;
  }
}
@media (max-width: 1280px) {
  .footer17 .no_gutter .right .contact .contact_box {
    width: 600px;
  }
}
@media (max-width: 968px) {
  .footer17 .no_gutter .right .contact .contact_box {
    width: 90%;
    margin: 0 auto;
    margin-top: 50px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 480px) {
  .footer17 .no_gutter .right .contact .contact_box {
    width: 100%;
    height: auto;
  }
}
.footer17 .no_gutter .right .contact .contact_box .contact_box_button {
  width: 26.3020833333vw;
  height: 67px;
  padding: 0 45px;
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 40px;
  border: 1px solid #707869;
  position: relative;
}
@media (max-width: 1280px) {
  .footer17 .no_gutter .right .contact .contact_box .contact_box_button {
    width: 446px;
    padding: 0 25px;
  }
}
@media (max-width: 1080px) {
  .footer17 .no_gutter .right .contact .contact_box .contact_box_button {
    width: 100%;
  }
}
.footer17 .no_gutter .right .contact .contact_box .contact_box_button p {
  color: #fff;
  font-size: clamp(12px, 0.8333333333vw, 16px);
  font-weight: 500;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.footer17 .no_gutter .right .contact .contact_box .contact_box_button p br {
  display: none;
}
@media (max-width: 900px) {
  .footer17 .no_gutter .right .contact .contact_box .contact_box_button p br {
    display: block;
  }
}
.footer17 .no_gutter .right .contact .contact_box .contact_box_button .contact_box_button_icon {
  position: absolute;
  width: 67px;
  height: 67px;
  top: 0;
  right: 0;
  background-color: #a8bd96;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
}
.footer17 .no_gutter .right .contact .contact_box .contact_box_button .contact_box_button_icon svg {
  fill: #fff;
}
.footer17 .no_gutter .right .contact .contact_box .contact_box_button:hover p {
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.footer17 .no_gutter .right .social_media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 0 20px;
  margin-top: 36px;
}
@media (max-width: 1440px) {
  .footer17 .no_gutter .right .social_media {
    margin-top: 20px;
  }
}
@media (max-width: 1080px) {
  .footer17 .no_gutter .right .social_media {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 20px;
  }
}
.footer17 .no_gutter .right .social_media a svg {
  display: block;
  width: auto;
  height: 20px;
  fill: #fff;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
@media (min-width: 1025px) {
  .footer17 .no_gutter .right .social_media a:hover svg {
    fill: #a8bd96;
  }
}
.footer17 .no_gutter .right .copyright_box {
  width: 100%;
  margin-top: 3.3333333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 968px) {
  .footer17 .no_gutter .right .copyright_box {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.footer17 .no_gutter .right .copyright_box .copyright {
  width: auto;
  font-weight: 400;
}
.footer17 .no_gutter .right .copyright_box .copyright br {
  display: none;
}
@media (max-width: 968px) {
  .footer17 .no_gutter .right .copyright_box .copyright {
    width: 100%;
    text-align: center;
  }
}
.footer17 .no_gutter .right .Privacy_Policy {
  width: 100%;
  margin-top: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 1440px) {
  .footer17 .no_gutter .right .Privacy_Policy {
    margin-top: 20px;
  }
}
.footer17 .no_gutter .right .Privacy_Policy .Privacy_box {
  width: auto;
  font-weight: 400;
}
@media (max-width: 968px) {
  .footer17 .no_gutter .right .Privacy_Policy .Privacy_box {
    width: 100%;
    text-align: center;
  }
}
.footer17 .no_gutter .right .Privacy_Policy .Privacy_box .box_item {
  width: auto;
  height: 18px;
  padding: 0 13px;
  border-right: 1px solid #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer17 .no_gutter .right .Privacy_Policy .Privacy_box .box_item:nth-child(1) {
  padding-left: 0;
}
.footer17 .no_gutter .right .Privacy_Policy .Privacy_box .box_item:last-child {
  padding-right: 0;
}
@media (max-width: 480px) {
  .footer17 .no_gutter .right .Privacy_Policy .Privacy_box .box_item {
    padding: 0 5px;
  }
}
.footer17 .no_gutter .right .Privacy_Policy .Privacy_box .box_item:last-child {
  border-right: none;
}
.footer17 .no_gutter .right .Privacy_Policy .Privacy_box .box_item a {
  color: #fff;
  font-size: clamp(12px, 0.8333333333vw, 16px);
  line-height: clamp(12px, 0.8333333333vw, 16px);
  position: relative;
  text-transform: uppercase;
  top: -2px;
}
.footer17 .no_gutter .right .Privacy_Policy .Privacy_box .box_item a:hover {
  color: #a8bd96;
}
.footer17 .copyright {
  color: #768469;
  font-size: clamp(14px, 0.8333333333vw, 16px);
}
.footer17 .copyright a {
  color: #768469;
}
@media (max-width: 720px) {
  .footer17 .copyright br {
    display: none;
  }
}
.footer17.in .left > div {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.footer17.in .left > div:nth-child(1) {
  -webkit-transition: opacity 1s ease-out, -webkit-transform 1s ease-out;
  transition: opacity 1s ease-out, -webkit-transform 1s ease-out;
  transition: opacity 1s ease-out, transform 1s ease-out;
  transition: opacity 1s ease-out, transform 1s ease-out, -webkit-transform 1s ease-out;
}
.footer17.in .left > div:nth-child(2) {
  -webkit-transition: opacity 1s ease-out 0.3s, -webkit-transform 1s ease-out 0.3s;
  transition: opacity 1s ease-out 0.3s, -webkit-transform 1s ease-out 0.3s;
  transition: opacity 1s ease-out 0.3s, transform 1s ease-out 0.3s;
  transition: opacity 1s ease-out 0.3s, transform 1s ease-out 0.3s, -webkit-transform 1s ease-out 0.3s;
}
.footer17.in .right {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity 1s ease-out 0.6s, -webkit-transform 1s ease-out 0.6s;
  transition: opacity 1s ease-out 0.6s, -webkit-transform 1s ease-out 0.6s;
  transition: opacity 1s ease-out 0.6s, transform 1s ease-out 0.6s;
  transition: opacity 1s ease-out 0.6s, transform 1s ease-out 0.6s, -webkit-transform 1s ease-out 0.6s;
}

.button06 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 15px;
  background: transparent;
  border: 1px solid #fff;
  border-radius: 5px;
  cursor: pointer;
  width: 241px;
  height: 60px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1200px) {
  .button06 {
    width: 217px;
    height: 54px;
  }
}
.button06.arrowtype {
  width: 45px;
}
@media (max-width: 1200px) {
  .button06.arrowtype {
    width: 40px;
  }
}
.button06 span {
  font-size: 14px;
}
@media (max-width: 1200px) {
  .button06 span {
    font-size: 13px;
  }
}
.button06 i {
  font-size: 13px;
}
.button06.center {
  margin: 0 auto;
}
.button06.arrowtype {
  padding: 0;
  width: 60px;
}
.button06 span {
  font-size: clamp(16px, 0.9375vw, 18px);
  line-height: clamp(13px, 0.78125vw, 15px);
  color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-family: "Open Sans", sans-serif;
}
.button06 svg {
  fill: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.button06 i {
  position: relative;
  top: 1px;
  color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.button06:not(.arrowtype) svg {
  margin: 2px 0 0 14px;
}
@media (max-width: 1200px) {
  .button06:not(.arrowtype) svg {
    margin: 0 0 0 20px;
  }
}
@media (max-width: 400px) {
  .button06:not(.arrowtype) svg {
    margin: 0 0 0 10px;
  }
}
.button06:not(.arrowtype) i {
  margin: 0 0 0 7px;
}
.button06.mirror {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.button06.mirror svg, .button06.mirror i {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.button06.mirror:not(.arrowtype) svg {
  margin: 0 14px 0 0;
}
@media (max-width: 1200px) {
  .button06.mirror:not(.arrowtype) svg {
    margin: 0 20px 0 0;
  }
}
@media (max-width: 400px) {
  .button06.mirror:not(.arrowtype) svg {
    margin: 0 10px 0 0;
  }
}
.button06.mirror:not(.arrowtype) i {
  margin: 0 7px 0 0;
}
.button06.page {
  background: transparent;
  border: 1px solid #5e6b51;
}
.button06.page span, .button06.page i {
  color: #5e6b51;
}
.button06.page svg {
  fill: #5e6b51;
}
.button06.page:hover, .button06.page.active {
  background: #5e6b51;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.button06.page:hover span, .button06.page:hover i, .button06.page.active span, .button06.page.active i {
  color: #fff;
}
.button06.page:hover svg, .button06.page.active svg {
  fill: #fff;
}
.button06.white {
  background: transparent;
  border: 1px solid #fff;
}
@media (max-width: 1024px) {
  .button06.white {
    background: #fff;
  }
  .button06.white span, .button06.white i {
    color: #47513e;
  }
  .button06.white svg {
    fill: #47513e;
  }
}
.button06.white:hover, .button06.white.active {
  background: #fff;
}
.button06.white:hover span, .button06.white:hover i, .button06.white.active span, .button06.white.active i {
  color: #47513e;
}
.button06.white:hover svg, .button06.white.active svg {
  fill: #47513e;
}
.button06.reverse {
  -webkit-transform: rotateX("180deg");
          transform: rotateX("180deg");
}
.button06.sust {
  width: 200px;
  height: 47px;
  margin-top: 3.8541666667vw !important;
  background-color: #83907c;
  border-color: #83907c;
}
.button06.sust.arrowtype {
  width: 47px;
}
.button06.contact {
  width: 210px;
  height: 63px;
  background-color: #83907c;
  border-color: #83907c;
  color: #fff;
  border-radius: 5px;
}
.button06.contact:hover {
  background-color: #fff;
  border-color: #83907c;
  color: #83907c;
}
.button06.contact:hover span, .button06.contact:hover i {
  color: #83907c;
}
.button06.contact.arrowtype {
  width: 47px;
}

.page_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 0.625vw;
  opacity: 1;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  -webkit-transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s, -webkit-transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s;
  transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s, -webkit-transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s;
  transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s, transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s;
  transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s, transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s, -webkit-transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s;
}
.page_title .page_title_en {
  font-size: clamp(30px, 2.7083333333vw, 52px);
  line-height: clamp(30px, 2.7083333333vw, 52px);
  font-family: "Cormorant", sans-serif;
  font-weight: 600;
  color: #5e6b51;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.page_title .page_title_zh {
  font-size: clamp(24px, 2.0833333333vw, 40px);
  line-height: clamp(24px, 2.0833333333vw, 40px);
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 500;
  color: #5e6b51;
  letter-spacing: 0.1em;
}

.gotop01 {
  position: fixed;
  right: 48px;
  bottom: 160px;
  padding: 10px 10px 15px;
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
  z-index: 80;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1680px) {
  .gotop01 {
    right: 0px;
  }
}
@media (max-width: 1440px) {
  .gotop01 {
    bottom: 8.3333333333vw;
  }
}
@media (max-width: 1024px) {
  .gotop01 {
    padding: 10px 7px 12px;
    right: 0px;
  }
}
@media (max-width: 968px) {
  .gotop01 {
    top: 198px;
    right: 0px;
  }
}
.gotop01.stick {
  position: absolute;
}
.gotop01.show {
  opacity: 1;
  pointer-events: auto;
}
.gotop01 div {
  color: #fff;
  font-size: 18px;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
}
@media (max-width: 1024px) {
  .gotop01 div {
    font-size: 14px;
  }
}
.gotop01 div img {
  width: 6px;
  height: 24px;
  margin-bottom: 6px;
  -o-object-fit: cover;
     object-fit: cover; /* 高為主 */
}

.topmenu03 {
  margin-bottom: 4.1666666667vw;
}
.topmenu03 ul.pc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px 30px;
}
@media (max-width: 1080px) {
  .topmenu03 ul.pc {
    display: none;
  }
}
.topmenu03 ul.pc li a {
  display: block;
  width: 13.6458333333vw;
  color: #898e85;
  font-size: 20px;
  letter-spacing: 0.075em;
  font-weight: 600;
  text-align: center;
  padding: 16px 10px;
  border-radius: 5px;
  background: transparent;
  border: 1px solid #898e85;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.topmenu03 ul.pc li a:hover, .topmenu03 ul.pc li a.active {
  color: #fff;
  background: #898e85;
  border: 1px solid #898e85;
}
.topmenu03 .selector {
  position: relative;
  width: 100%;
  max-width: 450px;
  color: #202020;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  padding: 10px 30px;
  background: transparent;
  border: 1px solid #898e85;
  margin: 0 auto;
  border-radius: 5px;
}
@media (min-width: 1025px) {
  .topmenu03 .selector {
    display: none;
  }
}
.topmenu03 .selector::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  width: 7px;
  height: 7px;
  border-right: 2px solid #898e85;
  border-bottom: 2px solid #898e85;
  pointer-events: none;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.topmenu03 ul.mb {
  display: none;
  width: 100%;
  max-width: 450px;
  margin: 0 auto;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
@media (min-width: 1025px) {
  .topmenu03 ul.mb {
    display: none !important;
  }
}
.topmenu03 ul.mb li + li {
  border-top: 1px solid #ededed;
}
.topmenu03 ul.mb li a {
  display: block;
  color: #5e6b51;
  font-size: 15px;
  text-align: center;
  padding: 11px 30px 12px;
  background: #fff;
}
.topmenu03 ul.mb li a.active {
  background: #ededed;
}

.topmenu01 {
  padding-top: 6.09375vw;
  padding-bottom: 5.3125vw;
}
.topmenu01 ul.pc {
  width: 100%;
  height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1080px) {
  .topmenu01 ul.pc {
    display: none;
  }
}
.topmenu01 ul.pc li {
  width: auto;
  height: 26px;
  padding: 0 14px;
  border-right: 2px solid #5e6959;
}
.topmenu01 ul.pc li:last-child {
  border-right: none;
}
.topmenu01 ul.pc li a {
  display: block;
  color: #5e6b51;
  font-size: clamp(18px, 1.1458333333vw, 22px);
  line-height: clamp(18px, 1.1458333333vw, 22px);
  letter-spacing: 0.1em;
  font-weight: 400;
  color: #5e6959;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1440px) {
  .topmenu01 ul.pc li a {
    line-height: 26px;
  }
}
.topmenu01 ul.pc li:hover, .topmenu01 ul.pc li.active {
  color: #fff;
  background-color: #5e6959;
}
.topmenu01 ul.pc li:hover a, .topmenu01 ul.pc li.active a {
  color: #fff;
}
.topmenu01 .selector {
  position: relative;
  width: 100%;
  max-width: 450px;
  color: #202020;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  padding: 10px 30px;
  background: transparent;
  border: 1px solid #898e85;
  margin: 0 auto;
  border-radius: 5px;
}
@media (min-width: 1025px) {
  .topmenu01 .selector {
    display: none;
  }
}
.topmenu01 .selector::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  width: 7px;
  height: 7px;
  border-right: 2px solid #898e85;
  border-bottom: 2px solid #898e85;
  pointer-events: none;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.topmenu01 ul.mb {
  display: none;
  width: 100%;
  max-width: 450px;
  margin: 0 auto;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
@media (min-width: 1025px) {
  .topmenu01 ul.mb {
    display: none !important;
  }
}
.topmenu01 ul.mb li + li {
  border-top: 1px solid #ededed;
}
.topmenu01 ul.mb li a {
  display: block;
  color: #5e6b51;
  font-size: 15px;
  text-align: center;
  padding: 11px 30px 12px;
  background: #fff;
}
.topmenu01 ul.mb li a.active {
  background: #ededed;
}

.mbPanel01 {
  position: fixed;
  top: 70px;
  left: 0;
  width: 100%;
  height: calc(100vh - 70px);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  overflow: hidden;
  z-index: 95;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (min-width: 1201px) {
  .mbPanel01 {
    display: none;
  }
}
.mbPanel01.show {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.mbPanel01.show .mbPanel_container {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.mbPanel01 .mbPanel_close {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}
.mbPanel01 .mbPanel_container {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 480px;
  height: 100%;
  padding: 100px 0px;
  background: #eee;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.mbPanel01 .mbPanel_container > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  overflow-y: auto;
}
.mbPanel01 .mbPanel_container > div .navtool {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 30px;
}
.mbPanel01 .mbPanel_container > div .navtool .lang_toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mbPanel01 .mbPanel_container > div .navtool .lang_toggle i {
  color: #5e6b51;
  font-size: 18px;
}
.mbPanel01 .mbPanel_container > div .navtool .lang_toggle a {
  color: #5e6b51;
  font-size: 14px;
  letter-spacing: 0;
}
.mbPanel01 .mbPanel_container > div .navtool .lang_toggle > *:not(:last-child) {
  margin-right: 10px;
}
.mbPanel01 .mbPanel_container > div .navtool .search_form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  width: auto;
  padding-bottom: 5px;
  margin: unset;
  border-bottom: 1px solid #5e6b51;
  width: 100%;
  padding: 15px 0;
}
.mbPanel01 .mbPanel_container > div .navtool .search_form button {
  width: 16px;
  color: #5e6b51;
  font-size: 15px;
  margin-right: 8px;
}
.mbPanel01 .mbPanel_container > div .navtool .search_form input {
  width: 100px;
  color: #5e6b51;
  font-size: 16px;
  padding: 0;
  background: transparent;
  border: 0;
}
.mbPanel01 .mbPanel_container > div .navmenu {
  width: 100%;
  max-width: 160px;
  margin: 0 auto;
}
.mbPanel01 .mbPanel_container > div .navmenu > li {
  padding: 8px 0;
}
.mbPanel01 .mbPanel_container > div .navmenu > li > a {
  display: block;
  color: #000;
  font-size: 24px;
  font-weight: 500;
  font-family: "Cormorant", sans-serif;
  letter-spacing: 0.05em;
  text-transform: capitalize;
}
.mbPanel01 .mbPanel_container > div .navmenu > li > a span {
  display: inline-block;
  width: 30px;
  opacity: 0.3;
  color: #47513e;
  font-size: 24px;
  font-weight: 500;
  margin-right: 0px;
  font-family: "Cormorant", sans-serif;
}
.mbPanel01 .mbPanel_container > div .navmenu > li.moremenu.active > a::after {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.mbPanel01 .mbPanel_container > div .navmenu > li ul {
  display: none;
  margin-left: 36px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.mbPanel01 .mbPanel_container > div .navmenu > li ul li a {
  display: block;
  color: #5e6b51;
  font-size: 15px;
  letter-spacing: 1px;
  padding: 5px 0;
}
.mbPanel01 .mbPanel_container > div .social_media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 30px;
  gap: 0 10px;
}
.mbPanel01 .mbPanel_container > div .social_media a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
.mbPanel01 .mbPanel_container > div .social_media a svg {
  width: auto;
  height: 23px;
  fill: #5e6b51;
}
.mbPanel01 .mbPanel_container > div .copyright {
  margin-top: 20px;
}
.mbPanel01 .mbPanel_container > div .copyright p {
  color: #5e6b51;
  font-size: 13px;
}
.mbPanel01 .mbPanel_container > div .copyright p a {
  color: #5e6b51;
}
@media (max-width: 400px) {
  .mbPanel01 .mbPanel_container > div .copyright p br {
    display: none;
  }
}

.button_icon_box {
  width: 100%;
  max-width: 160px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-top: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.button_icon_box .button_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.button_icon_box .button_top span {
  font-family: "Cormorant", sans-serif;
  color: #5e6b51;
}
.button_icon_box .button_top svg {
  width: 20px;
  height: 20px;
  fill: #47513e;
}

.quick_link01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  background: #535353;
  z-index: 90;
}
@media (min-width: 1025px) {
  .quick_link01 {
    display: none;
  }
}
.quick_link01 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3px 7px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  padding: 0 5px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 400px) {
  .quick_link01 a {
    font-size: 13px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 370px) {
  .quick_link01 a i {
    display: none;
  }
}
.quick_link01 a svg {
  width: auto;
  height: 14px;
  fill: #fff;
}
@media (max-width: 370px) {
  .quick_link01 a svg {
    display: none;
  }
}
.quick_link01 a + a {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2)));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));
  background-size: 1px 15px;
  background-position: left center;
  background-repeat: no-repeat;
}

.loading01 {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: radial-gradient(rgb(112, 127, 99) 5%, rgb(71, 81, 62) 55%, rgb(56, 65, 49) 75%);
  z-index: 1000;
  /* animation: bgFadeOut 0.5s ease-out 7.5s forwards; // 移除CSS背景淡出，改由JS控制整體停留與隱藏 */
}
.loading01 > * {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.loading01 div img {
  width: 300px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  /* 動畫總長改為 5s，配合 JS 的淡出時間，讓動作持續到最後 */
  -webkit-animation: logoAnim 5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
          animation: logoAnim 5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@-webkit-keyframes logoAnim {
  0% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
    -webkit-filter: blur(15px);
            filter: blur(15px);
    opacity: 0;
  }
  20% {
    /* 進場 */
    opacity: 1;
  }
  35% {
    /* 定位清晰 */
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
  65% {
    /* 停留呼吸 */
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
  100% {
    /* 最後階段：持續放大與模糊，但透明度保持為 1 */
    /* 這樣當背景被 JS 淡出時，Logo 會跟著背景一起同步消失，不會自己先不見 */
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    -webkit-filter: blur(10px);
            filter: blur(10px);
    opacity: 1;
  }
}

@keyframes logoAnim {
  0% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
    -webkit-filter: blur(15px);
            filter: blur(15px);
    opacity: 0;
  }
  20% {
    /* 進場 */
    opacity: 1;
  }
  35% {
    /* 定位清晰 */
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
  65% {
    /* 停留呼吸 */
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
  100% {
    /* 最後階段：持續放大與模糊，但透明度保持為 1 */
    /* 這樣當背景被 JS 淡出時，Logo 會跟著背景一起同步消失，不會自己先不見 */
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    -webkit-filter: blur(10px);
            filter: blur(10px);
    opacity: 1;
  }
}
@-webkit-keyframes bgFadeOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(3.5);
            transform: scale(3.5);
  }
}
@keyframes bgFadeOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(3.5);
            transform: scale(3.5);
  }
}
.gdpr01 {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 32px 30px;
  background: rgba(34, 34, 34, 0.85);
  opacity: 0;
  z-index: 200;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .gdpr01 {
    padding: 15px;
  }
}
.gdpr01.show {
  opacity: 1;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}
.gdpr01 div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .gdpr01 div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.gdpr01 div .gdpr_txt {
  width: calc(100% - 150px);
  color: #fff;
  font-size: 14px;
  text-align: justify;
  padding: 0 15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .gdpr01 div .gdpr_txt {
    width: 100%;
    padding: 0 0 15px;
  }
}
.gdpr01 div .gdpr_txt a {
  color: #fff;
  text-decoration: underline;
}
.gdpr01 div .gdpr_btn {
  display: block;
  width: 200px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  padding: 11px 0;
  margin: 0 15px;
  background: #b8c5b7;
  border-width: 1px;
  border-style: solid;
  border-color: #b8c5b7;
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.gdpr01 div .gdpr_btn:hover {
  background: transparent;
}

.gdpr02 {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  max-width: 760px;
  padding: 30px 20px;
  background: rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.1);
  z-index: 200;
  opacity: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.gdpr02.show {
  opacity: 1;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}
.gdpr02 div .module_desc {
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
}
.gdpr02 div .module_desc a {
  color: #b8c5b7;
  font-weight: 700;
}

.gdpr02_mng {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 200;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.gdpr02_mng .close_area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}
.gdpr02_mng .mng_content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 700px;
  max-width: calc(100% - 40px);
  max-height: calc(100% - 40px);
  padding: 30px 20px;
  background: #fff;
  overflow-y: auto;
  opacity: 0;
  -webkit-transform: translate(-50%, calc(-50% + 40px));
          transform: translate(-50%, calc(-50% + 40px));
  -webkit-transition: opacity 1s ease-out, -webkit-transform 1s ease-out;
  transition: opacity 1s ease-out, -webkit-transform 1s ease-out;
  transition: opacity 1s ease-out, transform 1s ease-out;
  transition: opacity 1s ease-out, transform 1s ease-out, -webkit-transform 1s ease-out;
}
@media (max-width: 480px) {
  .gdpr02_mng .mng_content {
    padding: 30px 15px;
  }
}
.gdpr02_mng .mng_content .close_btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background: #47513e;
  cursor: pointer;
  z-index: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 480px) {
  .gdpr02_mng .mng_content .close_btn {
    width: 35px;
    height: 35px;
  }
}
.gdpr02_mng .mng_content .close_btn::before, .gdpr02_mng .mng_content .close_btn::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 25px;
  height: 1px;
  background: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 480px) {
  .gdpr02_mng .mng_content .close_btn::before, .gdpr02_mng .mng_content .close_btn::after {
    width: 20px;
  }
}
.gdpr02_mng .mng_content .close_btn::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.gdpr02_mng .mng_content .close_btn::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.gdpr02_mng .mng_content .mng_title {
  color: #5e6b51;
  font-size: calc(1.25rem + 0.3645833333vw);
  font-weight: 700;
  margin-bottom: 20px;
}
.gdpr02_mng .mng_content .module_desc {
  line-height: 1.5;
  margin-bottom: 20px;
}
.gdpr02_mng .mng_content .other_link {
  display: block;
  color: #5e6b51;
  font-weight: 700;
}
.gdpr02_mng .mng_content .other_link + .other_link {
  margin-top: 10px;
}
.gdpr02_mng .mng_content .other_link:hover {
  color: #47513e;
}
@media (max-width: 400px) {
  .gdpr02_mng .mng_content .button_set a span span {
    display: none;
  }
}
.gdpr02_mng.show {
  opacity: 1;
  pointer-events: auto;
}
.gdpr02_mng.show .mng_content {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.text01 {
  width: 100%;
  height: 11.9791666667vw;
  background: #5e6b51;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 0 30px;
}
@media (max-width: 480px) {
  .text01 {
    height: 35vw;
    width: 100%;
    overflow: hidden;
  }
}
.text01 .text01_bar {
  width: 100%;
  height: auto;
  font-size: clamp(25px, 2.0833333333vw, 40px);
  line-height: clamp(40px, 2.0833333333vw, 40px);
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #fff;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 768px) {
  [lang=en-US] .text01 {
    height: auto;
    padding: 30px 30px;
  }
}

.aboutus {
  width: 100%;
  min-height: 51.6666666667vw;
  background: #fff;
  overflow: hidden;
}
.aboutus .aboutus_container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f2f2f2;
}
@media (max-width: 968px) {
  .aboutus .aboutus_container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.aboutus .aboutus_container .aboutus_left {
  width: 55.3645833333vw;
  height: 51.6666666667vw;
  background: #8e9c7f;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-line-pack: end;
      align-content: flex-end;
}
@media (max-width: 968px) {
  .aboutus .aboutus_container .aboutus_left {
    width: 100%;
    height: auto;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.aboutus .aboutus_container .aboutus_left .aboutus_img {
  width: 55.9375vw;
  position: absolute;
  top: 5.5729166667vw;
  left: 5.2083333333vw;
  overflow: hidden;
  background: #5e6b51;
  opacity: 0;
  -webkit-transform: translateX(-300px);
          transform: translateX(-300px);
}
.aboutus .aboutus_container .aboutus_left .aboutus_img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1024px) {
  .aboutus .aboutus_container .aboutus_left .aboutus_img {
    left: 30px;
  }
}
@media (max-width: 968px) {
  .aboutus .aboutus_container .aboutus_left .aboutus_img {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
  }
}
.aboutus .aboutus_container .aboutus_left .aboutus_stats {
  width: calc(100% - 5.2083333333vw);
  margin-left: 5.2083333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 3.3333333333vw;
  gap: 3.3333333333vw;
  opacity: 0;
  -webkit-transform: translateX(150px);
          transform: translateX(150px);
  -webkit-transition: all 1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s;
  transition: all 1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s;
}
@media (max-width: 968px) {
  .aboutus .aboutus_container .aboutus_left .aboutus_stats {
    margin-bottom: initial;
    margin-left: inherit;
    padding: 54px 30px;
  }
}
@media (max-width: 480px) {
  .aboutus .aboutus_container .aboutus_left .aboutus_stats {
    padding: 50px 0px;
    gap: 8.3333333333vw;
  }
}
.aboutus .aboutus_container .aboutus_left .aboutus_stats .aboutus_stats_item {
  width: auto;
  text-align: center;
}
.aboutus .aboutus_container .aboutus_left .aboutus_stats .aboutus_stats_item .aboutus_stats_number {
  font-size: clamp(35px, 2.34375vw, 45px);
  line-height: clamp(35px, 2.34375vw, 45px);
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 400;
  color: #fff;
  margin-bottom: 0.78125vw;
  letter-spacing: 0.02em;
}
@media (max-width: 480px) {
  .aboutus .aboutus_container .aboutus_left .aboutus_stats .aboutus_stats_item .aboutus_stats_number {
    margin-bottom: 10px;
  }
}
.aboutus .aboutus_container .aboutus_left .aboutus_stats .aboutus_stats_item .aboutus_stats_text {
  font-size: clamp(14px, 0.7291666667vw, 22px);
  line-height: clamp(14px, 0.7291666667vw, 22px);
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 400;
  color: #fff;
  letter-spacing: 0.05em;
}
.aboutus .aboutus_container .aboutus_right {
  width: 44.6354166667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3.125vw;
}
@media (max-width: 968px) {
  .aboutus .aboutus_container .aboutus_right {
    width: 100%;
    padding: 86px 30px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.aboutus .aboutus_container .aboutus_right .aboutus_content {
  width: auto;
  position: relative;
  right: 8.3333333333vw;
}
@media (max-width: 1024px) {
  .aboutus .aboutus_container .aboutus_right .aboutus_content {
    right: 20px;
  }
}
@media (max-width: 968px) {
  .aboutus .aboutus_container .aboutus_right .aboutus_content {
    width: 100%;
    right: 0;
  }
}
.aboutus .aboutus_container .aboutus_right .aboutus_content .aboutus_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 0.625vw;
  margin-bottom: 1.5625vw;
  opacity: 0;
  -webkit-transform: translateX(60px);
          transform: translateX(60px);
  -webkit-transition: all 1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s;
  transition: all 1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s;
}
@media (max-width: 968px) {
  .aboutus .aboutus_container .aboutus_right .aboutus_content .aboutus_title {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.aboutus .aboutus_container .aboutus_right .aboutus_content .aboutus_title .aboutus_title_en {
  font-size: clamp(37px, 2.7083333333vw, 52px);
  line-height: clamp(37px, 2.7083333333vw, 52px);
  font-family: "Cormorant", sans-serif;
  font-weight: 600;
  color: #5e6b51;
  letter-spacing: 0.05em;
}
.aboutus .aboutus_container .aboutus_right .aboutus_content .aboutus_title .aboutus_title_zh {
  font-size: clamp(30px, 2.0833333333vw, 40px);
  line-height: clamp(30px, 2.0833333333vw, 40px);
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 400;
  color: #5e6b51;
  letter-spacing: 0.1em;
}
.aboutus .aboutus_container .aboutus_right .aboutus_content .aboutus_desc {
  font-size: clamp(16px, 1.1458333333vw, 22px);
  line-height: clamp(28px, 1.9791666667vw, 38px);
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 300;
  color: #666;
  margin-bottom: 2.0833333333vw;
  letter-spacing: 0.05em;
  opacity: 0;
  -webkit-transform: translateX(60px);
          transform: translateX(60px);
  -webkit-transition: all 1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s;
  transition: all 1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s;
}
@media (max-width: 968px) {
  .aboutus .aboutus_container .aboutus_right .aboutus_content .aboutus_desc {
    text-align: center;
  }
}
@media (max-width: 480px) {
  .aboutus .aboutus_container .aboutus_right .aboutus_content .aboutus_desc br {
    display: none;
  }
}
.aboutus .aboutus_container .aboutus_right .aboutus_content .button_set {
  opacity: 0;
  -webkit-transform: translateX(60px);
          transform: translateX(60px);
  -webkit-transition: all 1s cubic-bezier(0.16, 1, 0.3, 1) 0.9s;
  transition: all 1s cubic-bezier(0.16, 1, 0.3, 1) 0.9s;
}
.aboutus .aboutus_container .aboutus_right .aboutus_content .aboutus_btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625vw;
  padding: 0.8333333333vw 2.0833333333vw;
  border: 2px solid #5e6b51;
  color: #5e6b51;
  font-size: clamp(14px, 0.9375vw, 18px);
  font-family: "Cormorant", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-decoration: none;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.aboutus .aboutus_container .aboutus_right .aboutus_content .aboutus_btn svg {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
@media (max-width: 480px) {
  .aboutus .aboutus_container .aboutus_right .aboutus_content .aboutus_btn svg {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 360px) {
  .aboutus .aboutus_container .aboutus_right .aboutus_content .aboutus_btn svg {
    width: 14px;
    height: 14px;
  }
}
.aboutus .aboutus_container .aboutus_right .aboutus_content .aboutus_btn:hover {
  background: #5e6b51;
  color: #fff;
}
.aboutus .aboutus_container .aboutus_right .aboutus_content .aboutus_btn:hover svg {
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}
@media (max-width: 968px) {
  .aboutus .aboutus_container .button06 {
    width: 242px;
    height: 60px;
    margin: 0 auto;
  }
}
.aboutus.in .aboutus_left .aboutus_stats {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.aboutus.in .aboutus_left .aboutus_img {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 1s ease-in-out 0.3s;
  transition: all 1s ease-in-out 0.3s;
}
.aboutus.in .aboutus_right .aboutus_content .aboutus_title {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.aboutus.in .aboutus_right .aboutus_content .aboutus_desc {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.aboutus.in .aboutus_right .aboutus_content .button_set {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.services {
  width: 100%;
  min-height: 50.6770833333vw;
  background: #fff;
  overflow: hidden;
}
.services .services_container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f2f2f2;
}
@media (max-width: 968px) {
  .services .services_container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.services .services_container .services_left {
  width: 66.4583333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3.125vw;
}
@media (max-width: 968px) {
  .services .services_container .services_left {
    width: 100%;
    padding: 80px 30px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.services .services_container .services_left .services_content {
  width: auto;
  position: relative;
  left: 8.3333333333vw;
}
@media (max-width: 1024px) {
  .services .services_container .services_left .services_content {
    left: 30px;
  }
}
@media (max-width: 968px) {
  .services .services_container .services_left .services_content {
    width: 100%;
    left: inherit;
  }
}
.services .services_container .services_left .services_content .services_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 0.625vw;
  margin-bottom: 1.5625vw;
  opacity: 0;
  -webkit-transform: translateX(60px);
          transform: translateX(60px);
  -webkit-transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s, -webkit-transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s;
  transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s, -webkit-transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s;
  transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s, transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s;
  transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s, transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s, -webkit-transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s;
}
@media (max-width: 968px) {
  .services .services_container .services_left .services_content .services_title {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 30px;
  }
}
.services .services_container .services_left .services_content .services_title .services_title_en {
  font-size: clamp(26px, 2.7083333333vw, 52px);
  line-height: clamp(26px, 2.7083333333vw, 52px);
  font-family: "Cormorant", sans-serif;
  font-weight: 600;
  color: #5e6b51;
  letter-spacing: 0.05em;
}
.services .services_container .services_left .services_content .services_title .services_title_zh {
  font-size: clamp(20px, 2.0833333333vw, 40px);
  line-height: clamp(20px, 2.0833333333vw, 40px);
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 400;
  color: #5e6b51;
  letter-spacing: 0.1em;
}
.services .services_container .services_left .services_content .services_desc {
  font-size: clamp(16px, 1.1458333333vw, 22px);
  line-height: clamp(28px, 1.9791666667vw, 38px);
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 300;
  color: #666;
  margin-bottom: 2.0833333333vw;
  letter-spacing: 0.05em;
  opacity: 0;
  -webkit-transform: translateX(60px);
          transform: translateX(60px);
  -webkit-transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s, -webkit-transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s;
  transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s, -webkit-transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s;
  transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s, transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s;
  transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s, transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s, -webkit-transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s;
}
.services .services_container .services_left .services_content .button_set {
  opacity: 0;
  -webkit-transform: translateX(60px);
          transform: translateX(60px);
  -webkit-transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1) 0.9s, -webkit-transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.9s;
  transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1) 0.9s, -webkit-transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.9s;
  transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1) 0.9s, transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.9s;
  transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1) 0.9s, transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.9s, -webkit-transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.9s;
}
.services .services_container .services_left .services_content .services_btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625vw;
  padding: 0.8333333333vw 2.0833333333vw;
  border: 2px solid #5e6b51;
  color: #5e6b51;
  font-size: clamp(14px, 0.9375vw, 18px);
  font-family: "Cormorant", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-decoration: none;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.services .services_container .services_left .services_content .services_btn svg {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
@media (max-width: 480px) {
  .services .services_container .services_left .services_content .services_btn svg {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 360px) {
  .services .services_container .services_left .services_content .services_btn svg {
    width: 14px;
    height: 14px;
  }
}
.services .services_container .services_left .services_content .services_btn:hover {
  background: #5e6b51;
  color: #fff;
}
.services .services_container .services_left .services_content .services_btn:hover svg {
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}
@media (max-width: 968px) {
  .services .services_container .services_left .services_content .button06 {
    width: 242px;
    height: 60px;
    margin: 0 auto;
    background-color: #5e6b51;
  }
  .services .services_container .services_left .services_content .button06 span {
    color: #fff;
  }
  .services .services_container .services_left .services_content .button06 svg {
    fill: #fff;
  }
}
.services .services_container .list_txt {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.78125vw;
}
@media (max-width: 1024px) {
  .services .services_container .list_txt {
    gap: 15px;
  }
}
@media (max-width: 968px) {
  .services .services_container .list_txt {
    gap: 20px;
  }
}
.services .services_container .list_txt a .list_item {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
@media (max-width: 1024px) {
  .services .services_container .list_txt a .list_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media (max-width: 968px) {
  .services .services_container .list_txt a .list_item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.services .services_container .list_txt a .list_item .item_title_en {
  font-size: clamp(22px, 1.7708333333vw, 34px);
  line-height: clamp(22px, 1.7708333333vw, 34px);
  font-family: "Cormorant", sans-serif;
  font-weight: 600;
  color: #5e6b51;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  opacity: 0;
  -webkit-transform: translateX(60px);
          transform: translateX(60px);
  -webkit-transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s, color 0.3s ease-out, -webkit-transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s;
  transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s, color 0.3s ease-out, -webkit-transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s;
  transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s, transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s, color 0.3s ease-out;
  transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s, transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s, color 0.3s ease-out, -webkit-transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s;
}
.services .services_container .list_txt a .list_item .item_title_zh {
  font-size: clamp(18px, 1.3541666667vw, 26px);
  line-height: clamp(18px, 1.3541666667vw, 26px);
  margin-top: -3px;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 400;
  color: #5e6b51;
  letter-spacing: 0.1em;
  opacity: 0;
  -webkit-transform: translateX(60px);
          transform: translateX(60px);
  -webkit-transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1) 0.9s, color 0.3s ease-out, -webkit-transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.9s;
  transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1) 0.9s, color 0.3s ease-out, -webkit-transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.9s;
  transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1) 0.9s, transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.9s, color 0.3s ease-out;
  transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1) 0.9s, transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.9s, color 0.3s ease-out, -webkit-transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.9s;
}
.services .services_container .list_txt a:hover .list_item .item_title_en,
.services .services_container .list_txt a:hover .list_item .item_title_zh {
  color: #b7b7b7;
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
.services .services_container .services_right {
  width: 34.5833333333vw;
  height: 50.6770833333vw;
  background: #5e6b51;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-line-pack: end;
      align-content: flex-end;
}
@media (max-width: 968px) {
  .services .services_container .services_right {
    width: 100%;
    height: auto;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.services .services_container .services_right .services_img {
  width: 49.4791666667vw;
  position: absolute;
  top: 7.7083333333vw;
  right: 4.8958333333vw;
  overflow: hidden;
  background: #5e6b51;
  opacity: 0;
  -webkit-transform: translateX(-300px);
          transform: translateX(-300px);
}
@media (max-width: 1024px) {
  .services .services_container .services_right .services_img {
    right: 30px;
  }
}
@media (max-width: 968px) {
  .services .services_container .services_right .services_img {
    position: relative;
    width: 100%;
    top: inherit;
    right: inherit;
  }
}
.services .services_container .services_right .services_img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.services .services_container .services_right .services_stats {
  width: calc(100% - 5.2083333333vw);
  margin-left: 5.2083333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 3.3333333333vw;
  gap: 3.3333333333vw;
  opacity: 0;
  -webkit-transform: translateX(150px);
          transform: translateX(150px);
  -webkit-transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s, -webkit-transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s;
  transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s, -webkit-transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s;
  transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s, transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s;
  transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s, transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s, -webkit-transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s;
}
.services .services_container .services_right .services_stats .services_stats_item {
  width: auto;
  text-align: center;
}
.services .services_container .services_right .services_stats .services_stats_item .services_stats_number {
  font-size: clamp(35px, 2.34375vw, 45px);
  line-height: clamp(35px, 2.34375vw, 45px);
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 600;
  color: #fff;
  margin-bottom: 0.78125vw;
  letter-spacing: 0.02em;
}
.services .services_container .services_right .services_stats .services_stats_item .services_stats_text {
  font-size: clamp(16px, 1.1458333333vw, 22px);
  line-height: clamp(16px, 1.1458333333vw, 22px);
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 400;
  color: #fff;
  letter-spacing: 0.05em;
}
.services.in .services_right .services_stats {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.services.in .services_right .services_img {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: opacity 1s ease-in-out 0.3s, -webkit-transform 1s ease-in-out 0.3s;
  transition: opacity 1s ease-in-out 0.3s, -webkit-transform 1s ease-in-out 0.3s;
  transition: opacity 1s ease-in-out 0.3s, transform 1s ease-in-out 0.3s;
  transition: opacity 1s ease-in-out 0.3s, transform 1s ease-in-out 0.3s, -webkit-transform 1s ease-in-out 0.3s;
}
.services.in .services_left .services_content .services_title {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.services.in .services_left .services_content .services_desc {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.services.in .services_left .services_content .button_set {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.services.in .list_txt a .list_item .item_title_en {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.services.in .list_txt a .list_item .item_title_zh {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.news {
  padding-top: 6.1458333333vw;
  padding-bottom: 7.2395833333vw;
  background-color: #d7e1d6;
}
@media (max-width: 968px) {
  .news {
    padding-bottom: 165px;
  }
}
@media (max-width: 480px) {
  .news {
    padding-bottom: 160px;
  }
}
.news .news_content {
  width: 100%;
  max-width: 1660px;
  margin: 0 auto;
  padding: 0 30px;
}
@media (max-width: 1680px) {
  .news .news_content {
    padding: 0 6.9047619048vw;
  }
}
.news .news_content .news_top_bar {
  width: 100%;
  height: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media (max-width: 968px) {
  .news .news_content .news_top_bar {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.news .news_content .news_top_bar .news_banner_menu {
  width: auto;
  height: 27px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.6666666667vw;
}
@media (max-width: 968px) {
  .news .news_content .news_top_bar .news_banner_menu {
    display: none;
  }
}
.news .news_content .news_top_bar .news_banner_menu .menu_item {
  width: auto;
  font-size: clamp(18px, 1.3541666667vw, 26px);
  line-height: clamp(18px, 1.40625vw, 27px);
  color: #383838;
  letter-spacing: 0.05em;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.news .news_content .news_top_bar .news_banner_menu .menu_item::before {
  content: "•";
  display: inline-block;
  width: 27px;
  height: 27px;
  font-size: 26px;
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.news .news_content .news_top_bar .news_banner_menu .menu_item:hover, .news .news_content .news_top_bar .news_banner_menu .menu_item.active {
  color: #859674;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.news .news_content .news_top_bar .news_banner_menu .menu_item:hover::before, .news .news_content .news_top_bar .news_banner_menu .menu_item.active::before {
  color: #859674;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.news .news_content .news_top_desc {
  margin-top: 1.8229166667vw;
  font-size: clamp(20px, 1.1458333333vw, 22px);
  line-height: clamp(28px, 1.5625vw, 30px);
  letter-spacing: 0.08em;
  color: #383838;
  font-weight: 500;
}
@media (max-width: 968px) {
  .news .news_content .news_top_desc {
    text-align: center;
  }
}
.news .news_content .news_banner_menu_mb {
  display: none;
  width: 100%;
  margin-top: 30px;
}
@media (max-width: 968px) {
  .news .news_content .news_banner_menu_mb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.news .news_content .news_banner_menu_mb .news_select_mb {
  width: 100%;
  height: 52px;
  padding: 0 27px;
  font-size: 20px;
  line-height: 52px;
  color: #fff;
  background-color: #5e6b51;
  border-radius: 8px;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L6 6L11 1" stroke="%23859674" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: right 20px center;
  padding-right: 50px;
}
.news .news_content .news_banner_menu_mb .news_select_mb option {
  color: #fff;
  padding: 10px 27px;
}
.news .news_content .news_banner_menu_mb .news_select_mb:focus {
  outline: none;
  border-color: #fff;
}
.news .news_content .banner_box {
  width: calc(100% + 48px);
  margin-left: -24px;
  height: auto;
}
@media (max-width: 480px) {
  .news .news_content .banner_box {
    margin-top: 30px;
  }
}
.news .news_content .banner_box .news_banner {
  width: 100%;
  height: auto;
  margin-top: 3.2291666667vw;
}
.news .news_content .banner_box .news_banner .banner_item {
  position: relative;
  margin: 0 1.25vw;
}
@media (max-width: 968px) {
  .news .news_content .banner_box .news_banner .banner_item {
    margin: 0 20px;
  }
}
.news .news_content .banner_box .news_banner .banner_item:hover .banner_text {
  background: rgba(94, 107, 81, 0.7);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.news .news_content .banner_box .news_banner .banner_item:hover .banner_text .top_bars {
  max-height: 100px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.news .news_content .banner_box .news_banner .banner_item:hover .banner_text .top_bars .right_timebox {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: all 0.5s ease-in-out 0.2s;
  transition: all 0.5s ease-in-out 0.2s;
}
.news .news_content .banner_box .news_banner .banner_item .banner_photo {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.news .news_content .banner_box .news_banner .banner_item .banner_photo img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.news .news_content .banner_box .news_banner .banner_item .banner_text {
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: auto;
  padding: 1.5625vw 1.7708333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
@media (max-width: 480px) {
  .news .news_content .banner_box .news_banner .banner_item .banner_text {
    padding: 20px 24px;
  }
}
.news .news_content .banner_box .news_banner .banner_item .banner_text .top_bars {
  width: 35%;
  height: auto;
  max-height: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.news .news_content .banner_box .news_banner .banner_item .banner_text .top_bars .left_title {
  width: auto;
  height: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.news .news_content .banner_box .news_banner .banner_item .banner_text .top_bars .left_title .banner_item_icon {
  width: 18px;
  height: 21px;
}
.news .news_content .banner_box .news_banner .banner_item .banner_text .top_bars .left_title .banner_item_icon img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.news .news_content .banner_box .news_banner .banner_item .banner_text .top_bars .left_title p {
  font-size: clamp(18px, 1.1458333333vw, 22px);
  line-height: clamp(18px, 1.1458333333vw, 22px);
  color: #fff;
  letter-spacing: 0.05em;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 500;
}
.news .news_content .banner_box .news_banner .banner_item .banner_text .top_bars .right_timebox {
  width: auto;
  height: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  opacity: 0;
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
  position: absolute;
}
.news .news_content .banner_box .news_banner .banner_item .banner_text .top_bars .right_timebox .timesbox_item_icon {
  width: 18px;
  height: 18px;
}
.news .news_content .banner_box .news_banner .banner_item .banner_text .top_bars .right_timebox .timesbox_item_icon img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.news .news_content .banner_box .news_banner .banner_item .banner_text .top_bars .right_timebox p {
  font-size: clamp(16px, 0.9375vw, 18px);
  line-height: clamp(16px, 0.9375vw, 18px);
  color: #fff;
  letter-spacing: 0.05em;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 500;
}
.news .news_content .banner_box .news_banner .banner_item .banner_text .banner_item_desc {
  width: 65%;
  max-height: 200px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: clamp(16px, 0.9375vw, 18px);
  line-height: clamp(28px, 1.8229166667vw, 35px);
  color: #fff;
  letter-spacing: 0.05em;
  font-weight: 500;
}
@media (max-width: 768px) {
  .news .news_content .banner_box .news_banner .banner_item .banner_text .banner_item_desc {
    width: 100%;
  }
  .news .news_content .banner_box .news_banner .banner_item .banner_text .top_bars {
    display: none;
  }
}
.news .news_content .banner_box .news_banner .slick-arrow {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background-color: #5e6b51;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.news .news_content .banner_box .news_banner .slick-arrow.slick-next {
  right: -70px;
}
@media (max-width: 1440px) {
  .news .news_content .banner_box .news_banner .slick-arrow.slick-next {
    right: -50px;
  }
}
@media (max-width: 968px) {
  .news .news_content .banner_box .news_banner .slick-arrow.slick-next {
    right: 39%;
    top: 120%;
  }
}
@media (max-width: 480px) {
  .news .news_content .banner_box .news_banner .slick-arrow.slick-next {
    right: 30%;
  }
}
.news .news_content .banner_box .news_banner .slick-arrow.slick-prev {
  left: -70px;
}
@media (max-width: 1440px) {
  .news .news_content .banner_box .news_banner .slick-arrow.slick-prev {
    left: -50px;
  }
}
@media (max-width: 968px) {
  .news .news_content .banner_box .news_banner .slick-arrow.slick-prev {
    left: 39%;
    top: 120%;
  }
}
@media (max-width: 480px) {
  .news .news_content .banner_box .news_banner .slick-arrow.slick-prev {
    left: 30%;
  }
}

.esg {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 968px) {
  .esg {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.esg .esg_item {
  width: 50%;
  height: 30.4166666667vw;
  position: relative;
  overflow: hidden;
}
@media (max-width: 968px) {
  .esg .esg_item {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 968px) {
  .esg .esg_item:first-child {
    margin-bottom: 1px;
  }
}
.esg .esg_item .item_photo {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-filter: blur(8px);
          filter: blur(8px);
  z-index: 1;
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
}
@media (max-width: 968px) {
  .esg .esg_item .item_photo {
    position: relative;
    height: auto;
  }
}
.esg .esg_item .item_photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.esg .esg_item .item_textbox {
  position: absolute;
  width: 100%;
  height: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}
.esg .esg_item .item_textbox .item_info {
  width: 33.75vw;
  height: auto;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .esg .esg_item .item_textbox .item_info {
    width: calc(100% - 60px);
  }
}
.esg .esg_item .item_textbox .item_info .top_bar {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.esg .esg_item .item_textbox .item_info .top_bar .txt_box {
  width: calc(100% - 120px);
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.esg .esg_item .item_textbox .item_info .top_bar .txt_box .txt_title_en {
  font-size: clamp(30px, 2.7083333333vw, 52px);
  line-height: clamp(30px, 2.7083333333vw, 52px);
  font-family: "Cormorant", sans-serif;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media (max-width: 480px) {
  .esg .esg_item .item_textbox .item_info .top_bar .txt_box .txt_title_en {
    margin-bottom: 8px;
  }
}
.esg .esg_item .item_textbox .item_info .top_bar .txt_box .txt_title_zh {
  font-size: clamp(30px, 2.0833333333vw, 40px);
  line-height: clamp(30px, 2.0833333333vw, 40px);
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.1em;
}
.esg .esg_item .item_textbox .item_info .top_bar .txt_icon_box {
  width: 6.25vw;
  height: 6.25vw;
  border: 2px solid #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 968px) {
  .esg .esg_item .item_textbox .item_info .top_bar .txt_icon_box {
    width: 90px;
    height: 90px;
  }
}
@media (max-width: 480px) {
  .esg .esg_item .item_textbox .item_info .top_bar .txt_icon_box {
    width: 70px;
    height: 70px;
  }
}
.esg .esg_item .item_textbox .item_info .top_bar .txt_icon_box svg {
  width: 2.2916666667vw;
  height: 1.4583333333vw;
  fill: #fff;
}
@media (max-width: 480px) {
  .esg .esg_item .item_textbox .item_info .top_bar .txt_icon_box svg {
    width: 44px;
    height: 28px;
  }
}
.esg .esg_item .item_textbox .item_info .dome_desc_box {
  width: 24.4791666667vw;
  height: auto;
  max-height: 0px;
  margin-top: 1.5625vw;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .esg .esg_item .item_textbox .item_info .dome_desc_box {
    width: 100%;
  }
}
.esg .esg_item .item_textbox .item_info .dome_desc_box .dome_desc {
  margin-top: 1.5625vw;
  font-size: clamp(16px, 0.9375vw, 18px);
  line-height: clamp(26px, 1.71875vw, 33px);
  letter-spacing: 0.05em;
  color: #fff;
  font-weight: 400;
}
.esg .esg_item2 {
  width: 50%;
  height: 30.4166666667vw;
  position: relative;
  overflow: hidden;
}
@media (max-width: 968px) {
  .esg .esg_item2 {
    width: 100%;
    height: auto;
  }
}
.esg .esg_item2 .item_photo {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-filter: blur(8px);
          filter: blur(8px);
  z-index: 1;
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
}
@media (max-width: 968px) {
  .esg .esg_item2 .item_photo {
    position: relative;
    height: auto;
  }
}
.esg .esg_item2 .item_photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.esg .esg_item2 .item_textbox {
  position: absolute;
  width: 100%;
  height: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}
.esg .esg_item2 .item_textbox .item_info {
  width: 33.75vw;
  height: auto;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .esg .esg_item2 .item_textbox .item_info {
    width: calc(100% - 60px);
  }
}
.esg .esg_item2 .item_textbox .item_info .top_bar {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.esg .esg_item2 .item_textbox .item_info .top_bar .txt_box {
  width: calc(100% - 120px);
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.esg .esg_item2 .item_textbox .item_info .top_bar .txt_box .txt_title_en {
  font-size: clamp(26px, 2.7083333333vw, 52px);
  line-height: clamp(26px, 2.7083333333vw, 52px);
  font-family: "Cormorant", sans-serif;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media (max-width: 480px) {
  .esg .esg_item2 .item_textbox .item_info .top_bar .txt_box .txt_title_en {
    margin-bottom: 8px;
  }
}
.esg .esg_item2 .item_textbox .item_info .top_bar .txt_box .txt_title_zh {
  font-size: clamp(26px, 2.0833333333vw, 40px);
  line-height: clamp(26px, 2.0833333333vw, 40px);
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.1em;
}
.esg .esg_item2 .item_textbox .item_info .top_bar .txt_icon_box {
  width: 6.25vw;
  height: 6.25vw;
  border: 2px solid #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 968px) {
  .esg .esg_item2 .item_textbox .item_info .top_bar .txt_icon_box {
    width: 90px;
    height: 90px;
  }
}
@media (max-width: 480px) {
  .esg .esg_item2 .item_textbox .item_info .top_bar .txt_icon_box {
    width: 70px;
    height: 70px;
  }
}
.esg .esg_item2 .item_textbox .item_info .top_bar .txt_icon_box svg {
  width: 2.2916666667vw;
  height: 1.4583333333vw;
  fill: #fff;
}
@media (max-width: 480px) {
  .esg .esg_item2 .item_textbox .item_info .top_bar .txt_icon_box svg {
    width: 44px;
    height: 28px;
  }
}
.esg .esg_item2 .item_textbox .item_info .dome_desc_box {
  width: 24.4791666667vw;
  height: auto;
  max-height: 0px;
  margin-top: 1.5625vw;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .esg .esg_item2 .item_textbox .item_info .dome_desc_box {
    width: 100%;
  }
}
.esg .esg_item2 .item_textbox .item_info .dome_desc_box .dome_desc {
  margin-top: 1.5625vw;
  font-size: clamp(16px, 0.9375vw, 18px);
  line-height: clamp(26px, 1.71875vw, 33px);
  letter-spacing: 0.05em;
  color: #fff;
  font-weight: 400;
}
.esg.in .esg_item .item_photo {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-filter: blur(0px);
          filter: blur(0px);
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
}
.esg.in .esg_item:hover .item_photo {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
}
.esg.in .esg_item:hover .item_textbox .item_info .dome_desc_box {
  max-height: 200px;
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
}
.esg.in .esg_item2 .item_photo {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-filter: blur(0px);
          filter: blur(0px);
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
}
.esg.in .esg_item2:hover .item_photo {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
}
.esg.in .esg_item2:hover .item_textbox .item_info .dome_desc_box {
  max-height: 200px;
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
}

.company {
  width: 100%;
  height: auto;
}
@media (max-width: 968px) {
  .company {
    overflow: hidden;
  }
}
.company .company_text {
  width: 100%;
  height: 11.9791666667vw;
  background: #5e6b51;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 0 30px;
}
@media (max-width: 968px) {
  .company .company_text {
    width: 100%;
    height: 178px;
    overflow: hidden;
  }
}
.company .company_text .company_text_bar {
  width: 100%;
  height: auto;
  font-size: clamp(26px, 3.125vw, 60px);
  line-height: clamp(26px, 3.125vw, 60px);
  font-family: "Cormorant", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #fff;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.company .company_text02, .company .company_text03 {
  width: 100%;
  height: 11.9791666667vw;
  background: #cbcbc3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 0 30px;
}
@media (max-width: 968px) {
  .company .company_text02, .company .company_text03 {
    height: 175px;
    width: 100%;
    overflow: hidden;
  }
}
.company .company_text02 .company_text_bar02, .company .company_text02 .company_text_bar03, .company .company_text03 .company_text_bar02, .company .company_text03 .company_text_bar03 {
  width: 100%;
  height: auto;
  font-size: clamp(37px, 3.125vw, 60px);
  line-height: clamp(37px, 3.125vw, 60px);
  font-family: "Cormorant", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #47513e;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 480px) {
  .company .company_text02 .company_text_bar02, .company .company_text02 .company_text_bar03, .company .company_text03 .company_text_bar02, .company .company_text03 .company_text_bar03 {
    font-size: 24px;
    line-height: 24px;
  }
}
.company .company_info {
  width: 100%;
  height: auto;
  background-color: #f2f2f2;
  padding-top: 4.5833333333vw;
  padding-bottom: 6.6145833333vw;
}
@media (max-width: 480px) {
  .company .company_info {
    padding-top: 50px;
    padding-bottom: 70px;
  }
}
.company .company_info .info_content {
  width: 100%;
  max-width: 1400px;
  height: auto;
  margin: 0 auto;
}
@media (max-width: 1440px) {
  .company .company_info .info_content {
    padding: 0 60px;
  }
}
@media (max-width: 480px) {
  .company .company_info .info_content {
    padding: 0 30px;
  }
}
.company .company_info .info_content .about_content_title {
  width: 100%;
  height: auto;
  text-align: center;
  color: #47513e;
  font-size: clamp(28px, 2.0833333333vw, 40px);
  line-height: clamp(28px, 2.0833333333vw, 40px);
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 600;
  opacity: 0;
  -webkit-transform: translateY(80px);
          transform: translateY(80px);
}
@media (max-width: 480px) {
  .company .company_info .info_content .about_content_title {
    line-height: 38px;
  }
}
.company .company_info .info_content .about_content_desc {
  width: 100%;
  height: auto;
  margin-top: 3.125vw;
  font-size: clamp(16px, 0.9375vw, 18px);
  line-height: clamp(28px, 1.71875vw, 33px);
  letter-spacing: 0.025em;
  color: #5d5d5d;
  text-align: left;
  font-family: "Noto Sans TC", sans-serif;
  opacity: 0;
  -webkit-transform: translateY(80px);
          transform: translateY(80px);
}
@media (max-width: 480px) {
  .company .company_info .info_content .about_content_desc {
    margin-top: 30px;
  }
}
.company .company_info.in .info_content .about_content_title {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 1s ease-in-out 0.6s;
  transition: all 1s ease-in-out 0.6s;
}
.company .company_info.in .info_content .about_content_desc {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 1s ease-in-out 0.9s;
  transition: all 1s ease-in-out 0.9s;
}
.company .photo_gallery-2 {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 480px) {
  .company .photo_gallery-2 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.company .photo_gallery-2 .photo_item {
  width: 50%;
  height: auto;
  position: relative;
}
@media (max-width: 480px) {
  .company .photo_gallery-2 .photo_item {
    width: 100%;
  }
}
.company .photo_gallery-2 .photo_item:nth-child(1) {
  opacity: 0;
  -webkit-transform: translateX(-100px);
          transform: translateX(-100px);
}
.company .photo_gallery-2 .photo_item:nth-child(2) {
  opacity: 0;
  -webkit-transform: translateX(100px);
          transform: translateX(100px);
}
.company .photo_gallery-2 .photo_item .photo_box {
  width: 100%;
  height: auto;
}
.company .photo_gallery-2 .photo_item .photo_box img {
  width: 100%;
  height: auto;
  display: block;
}
.company .photo_gallery-2 .photo_item .text_box {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0);
  padding: 1.9270833333vw 8.3333333333vw;
}
@media (max-width: 480px) {
  .company .photo_gallery-2 .photo_item .text_box {
    padding: 30px 30px;
  }
}
.company .photo_gallery-2 .photo_item .text_box .item_text_en {
  font-size: clamp(37px, 2.0833333333vw, 40px);
  line-height: clamp(37px, 2.0833333333vw, 40px);
  font-family: "Cormorant", sans-serif;
  text-transform: capitalize;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.company .photo_gallery-2 .photo_item .text_box .item_text_cht {
  font-size: clamp(37px, 2.0833333333vw, 40px);
  line-height: clamp(37px, 2.0833333333vw, 40px);
  font-family: "Noto Sans TC", sans-serif;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.company .photo_gallery-2 .photo_item:hover .text_box {
  background-color: rgba(94, 107, 81, 0.8);
  -webkit-transition: background 1s ease-in-out;
  transition: background 1s ease-in-out;
}
.company .photo_gallery-2.in .photo_item:nth-child(1) {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 1s ease-in-out 0.3s;
  transition: all 1s ease-in-out 0.3s;
}
.company .photo_gallery-2.in .photo_item:nth-child(2) {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 1s ease-in-out 0.6s;
  transition: all 1s ease-in-out 0.6s;
}
.company .company_profile {
  width: 100%;
  height: auto;
}
.company .company_profile .items01 {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: center;
      align-content: center;
  background-color: #a2b099;
}
@media (max-width: 968px) {
  .company .company_profile .items01 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.company .company_profile .items01 .left_box {
  width: 39.53125vw;
  background-color: #a2b099;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 968px) {
  .company .company_profile .items01 .left_box {
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.company .company_profile .items01 .left_box .company_text_box {
  width: 22.6041666667vw;
  height: auto;
}
@media (max-width: 968px) {
  .company .company_profile .items01 .left_box .company_text_box {
    width: 100%;
    padding: 50px 60px;
  }
}
@media (max-width: 480px) {
  .company .company_profile .items01 .left_box .company_text_box {
    padding: 30px 30px;
  }
}
.company .company_profile .items01 .left_box .company_text_box .text_top_en {
  font-size: clamp(37px, 2.0833333333vw, 40px);
  line-height: clamp(37px, 2.0833333333vw, 40px);
  font-family: "Cormorant", sans-serif;
  text-transform: capitalize;
  color: #47513e;
  letter-spacing: 0.025em;
  margin-bottom: 25px;
  font-weight: 500;
  opacity: 0;
  -webkit-transform: translateX(80px);
          transform: translateX(80px);
}
.company .company_profile .items01 .left_box .company_text_box .text_top_cht {
  font-size: clamp(28px, 2.0833333333vw, 40px);
  line-height: clamp(28px, 2.0833333333vw, 40px);
  font-family: "Noto Sans TC", sans-serif;
  color: #47513e;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin-bottom: 1.9791666667vw;
  opacity: 0;
  -webkit-transform: translateX(80px);
          transform: translateX(80px);
}
.company .company_profile .items01 .left_box .company_text_box .text_top_desc {
  font-size: clamp(16px, 0.9375vw, 18px);
  line-height: clamp(28px, 1.71875vw, 33px);
  letter-spacing: 0.05em;
  color: #23291e;
  text-align: left;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 500;
  opacity: 0;
  -webkit-transform: translateX(80px);
          transform: translateX(80px);
}
.company .company_profile .items01 .right_box {
  width: 60.46875vw;
  height: auto;
  opacity: 0;
  -webkit-transform: translateX(-100px);
          transform: translateX(-100px);
}
@media (max-width: 968px) {
  .company .company_profile .items01 .right_box {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.company .company_profile .items01 .right_box img {
  width: 100%;
  height: auto;
  display: block;
}
.company .company_profile .items01.in .left_box .company_text_box .text_top_en {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 1s ease-in-out 0.3s;
  transition: all 1s ease-in-out 0.3s;
}
.company .company_profile .items01.in .left_box .company_text_box .text_top_cht {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 1s ease-in-out 0.6s;
  transition: all 1s ease-in-out 0.6s;
}
.company .company_profile .items01.in .left_box .company_text_box .text_top_desc {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 1s ease-in-out 0.9s;
  transition: all 1s ease-in-out 0.9s;
}
.company .company_profile .items01.in .right_box {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 1s ease-in-out 0.6s;
  transition: all 1s ease-in-out 0.6s;
}
.company .company_profile .items02 {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: center;
      align-content: center;
  background-color: #707362;
}
@media (max-width: 968px) {
  .company .company_profile .items02 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.company .company_profile .items02 .left_box {
  width: 60.46875vw;
  height: auto;
  opacity: 0;
  -webkit-transform: translateX(-100px);
          transform: translateX(-100px);
}
@media (max-width: 968px) {
  .company .company_profile .items02 .left_box {
    width: 100%;
  }
}
.company .company_profile .items02 .left_box img {
  width: 100%;
  height: auto;
  display: block;
}
.company .company_profile .items02 .right_box {
  width: 39.53125vw;
  background-color: #707362;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 968px) {
  .company .company_profile .items02 .right_box {
    width: 100%;
  }
}
.company .company_profile .items02 .right_box .company_text_box {
  width: 22.6041666667vw;
  height: auto;
}
@media (max-width: 968px) {
  .company .company_profile .items02 .right_box .company_text_box {
    width: 100%;
    padding: 50px 60px;
  }
}
@media (max-width: 480px) {
  .company .company_profile .items02 .right_box .company_text_box {
    padding: 30px 30px;
  }
}
.company .company_profile .items02 .right_box .company_text_box .text_top_en {
  font-size: clamp(37px, 2.0833333333vw, 40px);
  line-height: clamp(37px, 2.0833333333vw, 40px);
  font-family: "Cormorant", sans-serif;
  text-transform: capitalize;
  color: #FFF;
  letter-spacing: 0.025em;
  margin-bottom: 25px;
  font-weight: 500;
  opacity: 0;
  -webkit-transform: translateX(80px);
          transform: translateX(80px);
}
.company .company_profile .items02 .right_box .company_text_box .text_top_cht {
  font-size: clamp(28px, 2.0833333333vw, 40px);
  line-height: clamp(28px, 2.0833333333vw, 40px);
  font-family: "Noto Sans TC", sans-serif;
  color: #FFF;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin-bottom: 1.9791666667vw;
  opacity: 0;
  -webkit-transform: translateX(80px);
          transform: translateX(80px);
}
.company .company_profile .items02 .right_box .company_text_box .text_top_desc {
  font-size: clamp(16px, 0.9375vw, 18px);
  line-height: clamp(28px, 1.71875vw, 33px);
  letter-spacing: 0.05em;
  color: #FFF;
  text-align: left;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 500;
  opacity: 0;
  -webkit-transform: translateX(80px);
          transform: translateX(80px);
}
.company .company_profile .items02.in .right_box .company_text_box .text_top_en {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 1s ease-in-out 0.3s;
  transition: all 1s ease-in-out 0.3s;
}
.company .company_profile .items02.in .right_box .company_text_box .text_top_cht {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 1s ease-in-out 0.6s;
  transition: all 1s ease-in-out 0.6s;
}
.company .company_profile .items02.in .right_box .company_text_box .text_top_desc {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 1s ease-in-out 0.9s;
  transition: all 1s ease-in-out 0.9s;
}
.company .company_profile .items02.in .left_box {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 1s ease-in-out 0.6s;
  transition: all 1s ease-in-out 0.6s;
}
.company .team_box {
  width: 100vw;
  height: 38.1770833333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  position: relative;
}
@media (max-width: 968px) {
  .company .team_box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: auto;
  }
}
.company .team_box .team_items {
  width: 50%;
  height: 38.1770833333vw;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
  -webkit-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out;
}
@media (max-width: 968px) {
  .company .team_box .team_items {
    width: 100%;
    height: auto;
    position: relative;
  }
}
.company .team_box .team_items .team_photo {
  position: absolute;
  top: 0;
  left: -21.3541666667vw;
  width: 100vw;
  height: 100%;
  -webkit-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out;
}
@media (max-width: 968px) {
  .company .team_box .team_items .team_photo {
    position: relative;
    width: 200%;
    top: 0;
    left: -40%;
  }
}
.company .team_box .team_items .team_photo img {
  width: 100vw;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out;
}
@media (max-width: 968px) {
  .company .team_box .team_items .team_photo img {
    width: inherit;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.company .team_box .team_items .team_text_box {
  width: 33.8541666667vw;
  height: auto;
  position: absolute;
  bottom: 4.6875vw;
  left: 8.3333333333vw;
}
@media (max-width: 968px) {
  .company .team_box .team_items .team_text_box {
    bottom: 10.4166666667vw;
    width: 84.8958333333vw;
    opacity: 0;
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
    -webkit-transition: all 1s ease-in-out 0.3s;
    transition: all 1s ease-in-out 0.3s;
  }
}
.company .team_box .team_items .team_text_box .text_team_en {
  font-size: clamp(37px, 2.0833333333vw, 40px);
  line-height: clamp(37px, 2.0833333333vw, 40px);
  font-family: "Cormorant", sans-serif;
  text-transform: capitalize;
  color: #fff;
  letter-spacing: 0.025em;
  margin-bottom: 10px;
  font-weight: 600;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.company .team_box .team_items .team_text_box .text_team_cht {
  font-size: clamp(28px, 2.0833333333vw, 40px);
  line-height: clamp(28px, 2.0833333333vw, 40px);
  font-family: "Noto Sans TC", sans-serif;
  color: #fff;
  letter-spacing: 0.1em;
  font-weight: 600;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.company .team_box .team_items .team_text_box .text_top_desc_box {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 1s ease-in-out 1s;
  transition: max-height 1s ease-in-out 1s;
}
@media (max-width: 968px) {
  .company .team_box .team_items .team_text_box .text_top_desc_box {
    max-height: 200px;
    -webkit-transition: max-height 1s ease-in-out 1s;
    transition: max-height 1s ease-in-out 1s;
  }
}
.company .team_box .team_items .team_text_box .text_top_desc_box .desc_title {
  font-size: clamp(24px, 1.5625vw, 30px);
  line-height: clamp(24px, 1.5625vw, 30px);
  color: #fff;
  text-align: left;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 600;
  margin-top: 1.5625vw;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
@media (max-width: 968px) {
  .company .team_box .team_items .team_text_box .text_top_desc_box .desc_title {
    margin-top: 3.6458333333vw;
  }
}
.company .team_box .team_items .team_text_box .text_top_desc_box .text_team_desc {
  font-size: clamp(16px, 0.9375vw, 18px);
  line-height: clamp(28px, 1.71875vw, 33px);
  letter-spacing: 0.05em;
  color: #fff;
  text-align: left;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 500;
  margin-top: 1.0416666667vw;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
@media (min-width: 969px) {
  .company .team_box .team_items:hover {
    width: 100%;
    z-index: 4;
    -webkit-transition: width 1.5s ease-in-out;
    transition: width 1.5s ease-in-out;
  }
  .company .team_box .team_items:hover .team_photo {
    left: 0;
    -webkit-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
  }
  .company .team_box .team_items:hover .team_text_box .text_top_desc_box {
    max-height: 500px;
    -webkit-transition: max-height 1s ease-in-out 1s;
    transition: max-height 1s ease-in-out 1s;
  }
}
.company .team_box .team_items02 {
  width: 50%;
  height: 38.1770833333vw;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  overflow: hidden;
  -webkit-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out;
}
@media (max-width: 968px) {
  .company .team_box .team_items02 {
    width: 100%;
    height: auto;
    position: relative;
  }
}
.company .team_box .team_items02 .team_photo {
  position: absolute;
  top: 0;
  right: -21.3541666667vw;
  width: 100vw;
  height: 100%;
  -webkit-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out;
}
@media (max-width: 968px) {
  .company .team_box .team_items02 .team_photo {
    position: relative;
    width: 200%;
    top: 0;
    right: 60%;
  }
}
.company .team_box .team_items02 .team_photo img {
  width: 100vw;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out;
}
@media (max-width: 968px) {
  .company .team_box .team_items02 .team_photo img {
    width: inherit;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.company .team_box .team_items02 .team_text_box {
  width: 33.8541666667vw;
  height: auto;
  position: absolute;
  bottom: 4.6875vw;
  right: 8.3333333333vw;
}
@media (max-width: 968px) {
  .company .team_box .team_items02 .team_text_box {
    bottom: 10.4166666667vw;
    left: 8.3333333333vw;
    right: inherit;
    width: 84.8958333333vw;
    opacity: 0;
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
    -webkit-transition: all 1s ease-in-out 0.3s;
    transition: all 1s ease-in-out 0.3s;
  }
}
.company .team_box .team_items02 .team_text_box .text_team_en {
  font-size: clamp(37px, 2.0833333333vw, 40px);
  line-height: clamp(37px, 2.0833333333vw, 40px);
  font-family: "Cormorant", sans-serif;
  text-transform: capitalize;
  color: #fff;
  letter-spacing: 0.025em;
  margin-bottom: 10px;
  font-weight: 600;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.company .team_box .team_items02 .team_text_box .text_team_cht {
  font-size: clamp(28px, 2.0833333333vw, 40px);
  line-height: clamp(28px, 2.0833333333vw, 40px);
  font-family: "Noto Sans TC", sans-serif;
  color: #fff;
  letter-spacing: 0.1em;
  font-weight: 600;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.company .team_box .team_items02 .team_text_box .text_top_desc_box {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 1s ease-in-out 1s;
  transition: max-height 1s ease-in-out 1s;
}
@media (max-width: 968px) {
  .company .team_box .team_items02 .team_text_box .text_top_desc_box {
    max-height: 200PX;
  }
}
.company .team_box .team_items02 .team_text_box .text_top_desc_box .desc_title {
  font-size: clamp(24px, 1.5625vw, 30px);
  line-height: clamp(24px, 1.5625vw, 30px);
  color: #fff;
  text-align: left;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 600;
  margin-top: 1.5625vw;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
@media (max-width: 968px) {
  .company .team_box .team_items02 .team_text_box .text_top_desc_box .desc_title {
    margin-top: 3.6458333333vw;
  }
}
.company .team_box .team_items02 .team_text_box .text_top_desc_box .text_team_desc {
  font-size: clamp(16px, 0.9375vw, 18px);
  line-height: clamp(28px, 1.71875vw, 33px);
  letter-spacing: 0.05em;
  color: #fff;
  text-align: left;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 500;
  margin-top: 1.0416666667vw;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
@media (min-width: 969px) {
  .company .team_box .team_items02:hover {
    width: 100%;
    z-index: 4;
    -webkit-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
  }
  .company .team_box .team_items02:hover .team_photo {
    right: 0;
    -webkit-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
  }
  .company .team_box .team_items02:hover .team_text_box .text_top_desc_box {
    max-height: 500px;
    -webkit-transition: max-height 1s ease-in-out 1s;
    transition: max-height 1s ease-in-out 1s;
  }
}
.company .team_box.in .team_items .team_text_box {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 1s ease-in-out 0.3s;
  transition: all 1s ease-in-out 0.3s;
}
.company .team_box.in .team_items02 .team_text_box {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 1s ease-in-out 0.6s;
  transition: all 1s ease-in-out 0.6s;
}
.company .careers {
  width: 100%;
  height: auto;
  background-color: #e8efea;
  padding-top: 7.2916666667vw;
  padding-bottom: 8.3333333333vw;
}
@media (max-width: 480px) {
  .company .careers {
    padding-top: 40px;
    padding-bottom: 50px;
  }
}
.company .careers .careers_content {
  width: 100%;
  max-width: 1400px;
  height: auto;
  margin: 0 auto;
}
@media (max-width: 1440px) {
  .company .careers .careers_content {
    padding: 0 60px;
  }
}
@media (max-width: 480px) {
  .company .careers .careers_content {
    padding: 0 30px;
  }
}
.company .careers .careers_content .top_title_en {
  font-size: clamp(37px, 2.0833333333vw, 40px);
  line-height: clamp(37px, 2.0833333333vw, 40px);
  font-family: "Cormorant", sans-serif;
  text-transform: capitalize;
  color: #5e6b51;
  letter-spacing: 0.025em;
  margin-bottom: 2.1875vw;
  font-weight: 600;
  text-align: center;
}
.company .careers .careers_content .center_title_cht {
  font-size: clamp(28px, 2.0833333333vw, 40px);
  line-height: clamp(28px, 2.0833333333vw, 40px);
  font-family: "Noto Sans TC", sans-serif;
  color: #5e6b51;
  letter-spacing: 0.1em;
  font-weight: 600;
  text-align: center;
  margin-bottom: 2.5vw;
}
@media (max-width: 480px) {
  .company .careers .careers_content .center_title_cht {
    line-height: 38px;
  }
}
.company .careers .careers_content .bottom_desc {
  font-size: clamp(16px, 0.9375vw, 18px);
  line-height: clamp(28px, 1.71875vw, 33px);
  letter-spacing: 0.05em;
  color: #383838;
  text-align: center;
  font-family: "Noto Sans TC", sans-serif;
  margin-top: 1.0416666667vw;
  font-weight: 500;
}

.awards_history {
  width: 100%;
  height: auto;
}
.awards_history .awards_text {
  width: 100%;
  height: 11.9791666667vw;
  background: #5e6b51;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 0 30px;
}
@media (max-width: 968px) {
  .awards_history .awards_text {
    height: 178px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 50px;
  }
}
.awards_history .awards_text .awards_text_bar {
  width: 100%;
  height: auto;
  font-size: clamp(26px, 3.125vw, 60px);
  line-height: clamp(26px, 3.125vw, 60px);
  font-family: "Cormorant", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #fff;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.awards_history .topmenu03 {
  margin-top: 5.2083333333vw;
}
.awards_history .page_content {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  margin-bottom: 4.7916666667vw;
}
.awards_history .page_content .awards_box {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-transform: translateX(80px);
          transform: translateX(80px);
  opacity: 0;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
@media (max-width: 968px) {
  .awards_history .page_content .awards_box {
    padding: 0 30px;
  }
}
.awards_history .page_content .awards_box .awards_box_item {
  width: calc(16.6666666667% - 57px);
  height: auto;
  margin: 20.5px 28.5px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 968px) {
  .awards_history .page_content .awards_box .awards_box_item {
    width: calc(25% - 40px);
    margin: 20.5px 20px;
  }
}
@media (max-width: 480px) {
  .awards_history .page_content .awards_box .awards_box_item {
    width: calc(50% - 30px);
    margin: 20px 15px;
  }
}
.awards_history .page_content .awards_box .awards_box_item img {
  width: 100%;
  height: auto;
  display: block;
}
.awards_history .page_content .awards_box.active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.page_lybox {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(137, 142, 133, 0.9);
  z-index: 999;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.page_lybox.active {
  opacity: 1;
  pointer-events: auto;
}
.page_lybox .lybox_content {
  width: clamp(300px, 89.3992932862vw, 1012px);
  height: auto;
  padding: clamp(30px, 7.4204946996vw, 64px) clamp(40px, 7.9505300353vw, 90px);
  background-color: #fff;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media (max-width: 968px) {
  .page_lybox .lybox_content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-height: 80vh;
  }
}
.page_lybox .lybox_content .lybox_closure {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  z-index: 10;
}
.page_lybox .lybox_content .lybox_closure:hover {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.page_lybox .lybox_content .lybox_closure img {
  width: 100%;
  height: auto;
  display: block;
}
.page_lybox .lybox_content .lybox_closure {
  width: 28px;
  height: 28px;
  position: absolute;
  top: 25px;
  right: 28px;
  cursor: pointer;
}
.page_lybox .lybox_content .lybox_closure img {
  width: 100%;
  height: 100%;
  display: block;
}
.page_lybox .lybox_content .lybox_left {
  width: auto;
  height: auto;
  margin-left: 0;
}
@media (max-width: 968px) {
  .page_lybox .lybox_content .lybox_left {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 30px;
  }
}
@media (max-width: 480px) {
  .page_lybox .lybox_content .lybox_left {
    width: 60%;
    margin: 0 auto;
    margin-bottom: 0px;
  }
}
.page_lybox .lybox_content .lybox_left img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 300px;
}
.page_lybox .lybox_content .lybox_left.awards {
  width: 250px;
  margin-left: clamp(30px, 5.3003533569vw, 60px);
}
@media (max-width: 968px) {
  .page_lybox .lybox_content .lybox_left.awards {
    margin: 0 auto;
  }
}
.page_lybox .lybox_content .lybox_right {
  width: calc(100% - 188px - clamp(30px, 9.7173144876vw, 110px) - clamp(30px, 6.5371024735vw, 74px));
  margin-left: clamp(30px, 6.5371024735vw, 74px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media (max-width: 968px) {
  .page_lybox .lybox_content .lybox_right {
    width: 100%;
    margin-left: 0px;
  }
}
.page_lybox .lybox_content .lybox_right .lybox_inner_wrap {
  width: 100%;
  position: relative;
}
@media (max-width: 968px) {
  .page_lybox .lybox_content .lybox_right .lybox_inner_wrap {
    margin-top: 30px;
  }
}
.page_lybox .lybox_content .lybox_right .lybox_inner_wrap {
  /* 讓內部 .lybox_info 撐開高度，或此層設定高度都可，這裡讓 info 撐開 */
}
.page_lybox .lybox_content .lybox_right .lybox_inner_wrap .lybox_info {
  width: 100%;
  max-height: 297px;
  padding-right: 100px;
  overflow-y: auto;
  position: relative;
  /* 隱藏原生捲軸 */
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
}
@media (max-width: 968px) {
  .page_lybox .lybox_content .lybox_right .lybox_inner_wrap .lybox_info {
    padding-top: 0px;
  }
}
@media (max-width: 480px) {
  .page_lybox .lybox_content .lybox_right .lybox_inner_wrap .lybox_info {
    padding-right: 30px;
    height: 180px;
  }
}
.page_lybox .lybox_content .lybox_right .lybox_inner_wrap .lybox_info {
  /* IE 10+ */
}
.page_lybox .lybox_content .lybox_right .lybox_inner_wrap .lybox_info .info_title {
  font-size: clamp(20px, 1.9434628975vw, 22px);
  line-height: clamp(20px, 1.9434628975vw, 22px);
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: #232524;
  margin-bottom: 22px;
}
@media (max-width: 480px) {
  .page_lybox .lybox_content .lybox_right .lybox_inner_wrap .lybox_info .info_title {
    font-size: 22px;
    line-height: 32px;
  }
}
.page_lybox .lybox_content .lybox_right .lybox_inner_wrap .lybox_info .info_content {
  font-size: clamp(16px, 1.5901060071vw, 18px);
  line-height: clamp(27px, 2.9151943463vw, 33px);
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 400;
  color: #898e85;
  margin-bottom: 30px;
}
.page_lybox .lybox_content .lybox_right .lybox_inner_wrap .lybox_info .info_organizer {
  font-size: clamp(14px, 1.4134275618vw, 16px);
  line-height: clamp(23px, 2.3851590106vw, 27px);
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 400;
  color: #333333;
}
.page_lybox .lybox_content .lybox_right .lybox_inner_wrap .lybox_right_scroll {
  width: 7px;
  height: 100%;
  /* 跟隨 .lybox_inner_wrap 高度 */
  position: absolute;
  top: 0;
  right: 0;
  /* 移除之前的 transform */
}
.page_lybox .lybox_content .lybox_right .lybox_inner_wrap .lybox_right_scroll .scroll_box {
  width: 7px;
  height: 20%;
  background-color: #4c4c4c;
  cursor: -webkit-grab;
  cursor: grab;
  position: absolute;
  right: 0;
}
.page_lybox .lybox_content .lybox_right .lybox_inner_wrap .lybox_right_scroll::before {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: rgba(76, 76, 76, 0.9);
}
.page_lybox .lybox_content .lybox_info::-webkit-scrollbar {
  width: 0 !important;
  background: transparent !important;
  display: none !important;
}

.news_list {
  width: 100%;
  height: auto;
  background-color: #f0f0f0;
}
.news_list .news_sys_text {
  width: 100%;
  height: 11.9791666667vw;
  background: #5e6b51;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 0 30px;
}
@media (max-width: 968px) {
  .news_list .news_sys_text {
    height: 178px;
    margin-bottom: 50px;
    width: 100%;
    overflow: hidden;
  }
}
@media (max-width: 480px) {
  .news_list .news_sys_text {
    margin-bottom: 20px;
  }
}
.news_list .news_sys_text .news_sys_text_bar {
  width: 100%;
  height: auto;
  font-size: clamp(26px, 3.125vw, 60px);
  line-height: clamp(26px, 3.125vw, 60px);
  font-family: "Cormorant", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #fff;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.news_list .news_content {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
.news_list .news_content .news_list_topbox {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 1440px) {
  .news_list .news_content .news_list_topbox {
    padding: 0 60px;
  }
}
@media (max-width: 968px) {
  .news_list .news_content .news_list_topbox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 488px) {
  .news_list .news_content .news_list_topbox {
    padding: 0 30px;
  }
}
.news_list .news_content .news_list_topbox .topbox_left {
  width: 36.9791666667vw;
  height: auto;
}
@media (max-width: 1440px) {
  .news_list .news_content .news_list_topbox .topbox_left {
    width: 50%;
  }
}
@media (max-width: 1280px) {
  .news_list .news_content .news_list_topbox .topbox_left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 968px) {
  .news_list .news_content .news_list_topbox .topbox_left {
    width: 100%;
    margin-bottom: 30px;
  }
}
.news_list .news_content .news_list_topbox .topbox_left img {
  width: 100%;
  height: auto;
  display: block;
}
.news_list .news_content .news_list_topbox .topbox_right {
  width: calc(100% - 36.9791666667vw - 3.125vw);
  margin-left: 3.125vw;
}
@media (max-width: 1440px) {
  .news_list .news_content .news_list_topbox .topbox_right {
    width: 50%;
  }
}
@media (max-width: 968px) {
  .news_list .news_content .news_list_topbox .topbox_right {
    width: 100%;
    margin-left: 0;
  }
}
.news_list .news_content .news_list_topbox .topbox_right .info_box {
  width: 100%;
  height: auto;
  padding-top: 3.0729166667vw;
}
@media (max-width: 1280px) {
  .news_list .news_content .news_list_topbox .topbox_right .info_box {
    padding-top: 0;
  }
}
.news_list .news_content .news_list_topbox .topbox_right .info_box .top_title {
  font-size: clamp(18px, 1.0416666667vw, 20px);
  line-height: clamp(30px, 1.875vw, 36px);
  letter-spacing: 0.05em;
  font-weight: 500;
  color: #1b1b1b;
  margin-bottom: 1.0416666667vw;
}
.news_list .news_content .news_list_topbox .topbox_right .info_box .info_desc {
  font-size: clamp(16px, 0.8333333333vw, 16px);
  line-height: clamp(30px, 1.5625vw, 30px);
  letter-spacing: 0.03em;
  font-weight: 400;
  color: #565656;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  /* 7 行 */
}
.news_list .news_content .news_list_middlebox {
  width: 100%;
  height: auto;
  margin-top: 4.6875vw;
  padding-bottom: 6.0416666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 11px;
}
@media (max-width: 1440px) {
  .news_list .news_content .news_list_middlebox {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (max-width: 968px) {
  .news_list .news_content .news_list_middlebox {
    padding-bottom: 50px;
  }
}
@media (max-width: 480px) {
  .news_list .news_content .news_list_middlebox {
    margin-top: 50px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
.news_list .news_content .news_list_middlebox .middlebox_item {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 24px 0;
  border-top: 1px solid #fafafa;
  border-bottom: 1px solid #fafafa;
  background-color: #fff;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}
.news_list .news_content .news_list_middlebox .middlebox_item:hover {
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
}
.news_list .news_content .news_list_middlebox .middlebox_item .date_timesbox {
  width: 176px;
  height: 116px;
  border-right: 1px solid #c4c4c4;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 968px) {
  .news_list .news_content .news_list_middlebox .middlebox_item .date_timesbox {
    display: none;
  }
}
.news_list .news_content .news_list_middlebox .middlebox_item .date_timesbox .news_yr {
  width: auto;
  margin: 0 auto;
  font-size: clamp(20px, 1.1458333333vw, 22px);
  line-height: clamp(20px, 1.1458333333vw, 22px);
  font-family: "Noto Serif TC", serif;
  font-weight: 600;
  color: #1b1b1b;
  text-align: center;
}
.news_list .news_content .news_list_middlebox .middlebox_item .date_timesbox .news_mr {
  width: auto;
  margin: 0 auto;
  font-size: clamp(32px, 2.0833333333vw, 40px);
  line-height: clamp(32px, 2.0833333333vw, 40px);
  font-family: "Noto Serif TC", serif;
  letter-spacing: 0.1em;
  font-weight: 600;
  color: #1b1b1b;
  text-align: center;
  padding-bottom: 10px;
  border-bottom: 1px solid #c4c4c4;
}
.news_list .news_content .news_list_middlebox .middlebox_item .date_timesbox .news_dr {
  width: auto;
  margin: 0 auto;
  font-size: clamp(32px, 2.0833333333vw, 40px);
  line-height: clamp(32px, 2.0833333333vw, 40px);
  font-family: "Noto Serif TC", serif;
  letter-spacing: 0.1em;
  font-weight: 600;
  color: #1b1b1b;
  text-align: center;
  padding-top: 7px;
}
.news_list .news_content .news_list_middlebox .middlebox_item .news_list_txt_box {
  width: calc(100% - 176px);
  height: 116px;
  padding: 0 53px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
@media (max-width: 968px) {
  .news_list .news_content .news_list_middlebox .middlebox_item .news_list_txt_box {
    width: 100%;
    height: auto;
    padding: 0 30px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.news_list .news_content .news_list_middlebox .middlebox_item .news_list_txt_box .mb_batatimes {
  width: 100%;
  font-size: 22px;
  line-height: 22px;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin-bottom: 20px;
  color: #1b1b1b;
}
@media (min-width: 969px) {
  .news_list .news_content .news_list_middlebox .middlebox_item .news_list_txt_box .mb_batatimes {
    display: none;
  }
}
.news_list .news_content .news_list_middlebox .middlebox_item .news_list_txt_box .news_list_title {
  font-size: clamp(18px, 1.0416666667vw, 20px);
  line-height: clamp(30px, 1.875vw, 36px);
  letter-spacing: 0.025em;
  font-weight: 500;
  color: #1b1b1b;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  /* 3 行 */
}
.news_list .news_content .news_list_middlebox .news_button_set {
  width: 100%;
  height: auto;
  margin-top: 2.3958333333vw;
}
.news_list .news_content .news_list_middlebox .news_button_set .news_button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 15px;
  background: transparent;
  border: 1px solid #c4c4c4;
  cursor: pointer;
  width: 220px;
  height: 58px;
}
.news_list .news_content .news_list_middlebox .news_button_set .news_button.center {
  margin: 0 auto;
}
.news_list .news_content .news_list_middlebox .news_button_set .news_button.arrowtype {
  padding: 0;
}
.news_list .news_content .news_list_middlebox .news_button_set .news_button span {
  font-size: clamp(18px, 1.0416666667vw, 20px);
  line-height: clamp(18px, 1.0416666667vw, 20px);
  color: #000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-family: "Open Sans", sans-serif;
}
.news_list .news_content .news_list_middlebox .news_button_set .news_button svg {
  fill: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.news_list .news_content .news_list_middlebox .news_button_set .news_button i {
  position: relative;
  top: 1px;
  color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.news_list .news_content .news_list_middlebox .news_button_set .news_button:not(.arrowtype) svg {
  margin: 2px 0 0 14px;
}
@media (max-width: 1200px) {
  .news_list .news_content .news_list_middlebox .news_button_set .news_button:not(.arrowtype) svg {
    margin: 0 0 0 20px;
  }
}
@media (max-width: 400px) {
  .news_list .news_content .news_list_middlebox .news_button_set .news_button:not(.arrowtype) svg {
    margin: 0 0 0 10px;
  }
}
.news_list .news_content .news_list_middlebox .news_button_set .news_button:not(.arrowtype) i {
  margin: 0 0 0 7px;
}
.news_list .news_content .news_list_middlebox .news_button_set .news_button:hover {
  background-color: #a8bd96;
  border: 1px solid #a8bd96;
}
.news_list .news_content .news_list_middlebox .news_button_set .news_button:hover span,
.news_list .news_content .news_list_middlebox .news_button_set .news_button:hover svg,
.news_list .news_content .news_list_middlebox .news_button_set .news_button:hover i {
  color: #FFF;
  fill: #FFF;
}
.news_list .news_content .news_list_middlebox .paging_box {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 17px;
  margin-top: 2.6041666667vw;
}
.news_list .news_content .news_list_middlebox .paging_box a .paging_item {
  width: 24px;
  height: 16px;
}
.news_list .news_content .news_list_middlebox .paging_box a .paging_item.prev {
  margin-right: 17px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.news_list .news_content .news_list_middlebox .paging_box a .paging_item.next {
  margin-left: 17px;
}
.news_list .news_content .news_list_middlebox .paging_box a .paging_item svg {
  width: 24px;
  height: 16px;
  fill: #1b1b1b;
}
.news_list .news_content .news_list_middlebox .paging_box a:hover .paging_item svg, .news_list .news_content .news_list_middlebox .paging_box a.active .paging_item svg {
  fill: #a8bd96;
}
.news_list .news_content .news_list_middlebox .paging_box a:hover p, .news_list .news_content .news_list_middlebox .paging_box a.active p {
  color: #a8bd96;
}
.news_list .news_content .news_list_middlebox .paging_box a p {
  font-size: clamp(16px, 1.0416666667vw, 20px);
  line-height: clamp(16px, 1.0416666667vw, 20px);
  letter-spacing: 0.05em;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  color: #1b1b1b;
}
.news_list .news_button01 {
  width: 136px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 4.9479166667vw;
}
.news_list .news_button01:hover .text_bar {
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.news_list .news_button01 .text_bar {
  width: auto;
  height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: clamp(16px, 0.8333333333vw, 16px);
  line-height: clamp(16px, 0.8333333333vw, 16px);
  letter-spacing: 0.05em;
  font-weight: 400;
  color: #1b1b1b;
  border-bottom: 1px solid #1b1b1b;
  text-transform: uppercase;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.news_list .news_button01 .button01_icon {
  width: 22px;
  height: 22px;
}
.news_list .news_button01 .button01_icon img {
  width: 100%;
  height: auto;
  display: block;
}

.news_detail {
  width: 100%;
  height: auto;
  padding-bottom: 6.5625vw;
  background-color: #f0f0f0;
}
.news_detail .news_sys_text {
  width: 100%;
  height: 11.9791666667vw;
  background: #5e6b51;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 0 30px;
}
@media (max-width: 968px) {
  .news_detail .news_sys_text {
    height: 178px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 50px;
  }
}
.news_detail .news_sys_text .news_sys_text_bar {
  width: 100%;
  height: auto;
  font-size: clamp(26px, 3.125vw, 60px);
  line-height: clamp(26px, 3.125vw, 60px);
  font-family: "Cormorant", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #fff;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.news_detail .news_detail_content {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding-top: 6.875vw;
}
@media (max-width: 968px) {
  .news_detail .news_detail_content {
    padding: 0 60px;
    padding-top: 50px;
  }
}
@media (max-width: 480px) {
  .news_detail .news_detail_content {
    padding: 0 30px;
  }
}
.news_detail .news_detail_content .news_detail_title {
  width: 100%;
  font-size: clamp(18px, 1.1458333333vw, 22px);
  line-height: clamp(33px, 2.0833333333vw, 40px);
  font-weight: 500;
  color: #1b1b1b;
  letter-spacing: 0.05em;
  margin-bottom: 29px;
}
.news_detail .news_detail_content .news_detail_timesbox {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.news_detail .news_detail_content .news_detail_timesbox .news_detail_timeicon {
  width: 16px;
  height: 16px;
}
.news_detail .news_detail_content .news_detail_timesbox .news_detail_timeicon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.news_detail .news_detail_content .news_detail_timesbox .news_detail_timetext {
  width: calc(100% - 16px - 6px);
  display: inline-block;
  font-size: clamp(14px, 0.8333333333vw, 16px);
  line-height: clamp(16px, 1.25vw, 16px);
  font-weight: 500;
  color: #1b1b1b;
  margin-top: -2px;
  margin-left: 6px;
}
.news_detail .news_detail_box {
  width: 100%;
  max-width: 800px;
  height: auto;
  margin: 0 auto;
  margin-top: 1.9270833333vw;
}
@media (max-width: 1080px) {
  .news_detail .news_detail_box {
    max-width: 800px;
    margin: 0 auto;
  }
}
@media (max-width: 968px) {
  .news_detail .news_detail_box {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width: 480px) {
  .news_detail .news_detail_box {
    margin-top: 40px;
    padding: 0px 30px;
  }
}
.news_detail .news_detail_box .news_detail_img {
  width: 100%;
  height: auto;
}
.news_detail .news_detail_box .news_detail_img img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.news_detail .news_detail_box .item_box {
  width: 100%;
  height: auto;
  margin-top: 2.2916666667vw;
}
.news_detail .news_detail_box .item_box .item_title {
  font-size: clamp(16px, 0.9375vw, 18px);
  line-height: clamp(16px, 0.9375vw, 18px);
  font-weight: 500;
  color: #1b1b1b;
  margin-bottom: 1.1458333333vw;
}
.news_detail .news_detail_box .item_box .item_desc {
  font-size: clamp(14px, 0.8333333333vw, 16px);
  line-height: clamp(24px, 1.5625vw, 30px);
  font-weight: 400;
  color: #565656;
  margin-bottom: 2.6041666667vw;
}
.news_detail .news_detail_box .news_detail_button {
  width: 100%;
  height: auto;
  margin-top: 30px;
}
.news_detail .news_detail_box .news_detail_button .button_item {
  width: 280px;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: clamp(18px, 1.0416666667vw, 20px);
  line-height: clamp(18px, 1.0416666667vw, 20px);
  font-weight: 500;
  color: #ffffff;
  background-color: #83907c;
  border-radius: 5px;
  text-decoration: none;
  margin: 0 auto;
}

.services {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.services .services_text {
  width: 100%;
  height: 11.9791666667vw;
  background: #5e6b51;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 0 30px;
}
@media (max-width: 968px) {
  .services .services_text {
    height: 178px;
    width: 100%;
    overflow: hidden;
  }
}
.services .services_text .services_text_bar {
  width: 100%;
  height: auto;
  font-size: clamp(37px, 3.125vw, 60px);
  line-height: clamp(37px, 3.125vw, 60px);
  font-family: "Cormorant", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #fff;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.services .services_content {
  width: 100%;
  height: auto;
}
.services .services_content .services_top {
  width: 100%;
  height: auto;
}
.services .services_content .services_top .items01 {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: center;
      align-content: center;
  background-color: #8a977e;
}
@media (max-width: 968px) {
  .services .services_content .services_top .items01 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.services .services_content .services_top .items01 .left_box {
  width: 43.1770833333vw;
  background-color: #8a977e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 968px) {
  .services .services_content .services_top .items01 .left_box {
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.services .services_content .services_top .items01 .left_box .company_text_box {
  width: 22.6041666667vw;
  height: auto;
}
@media (max-width: 1440px) {
  .services .services_content .services_top .items01 .left_box .company_text_box {
    width: 100%;
  }
}
@media (max-width: 968px) {
  .services .services_content .services_top .items01 .left_box .company_text_box {
    padding: 60px 0px;
  }
}
.services .services_content .services_top .items01 .left_box .company_text_box .text_top_en {
  font-size: clamp(37px, 2.0833333333vw, 40px);
  line-height: clamp(37px, 2.0833333333vw, 40px);
  font-family: "Cormorant", sans-serif;
  text-transform: capitalize;
  color: #fff;
  letter-spacing: 0.025em;
  margin-bottom: 25px;
  font-weight: 600;
  opacity: 0;
  -webkit-transform: translateY(80px);
          transform: translateY(80px);
  text-align: center;
}
.services .services_content .services_top .items01 .left_box .company_text_box .text_top_cht {
  font-size: clamp(28px, 2.0833333333vw, 40px);
  line-height: clamp(28px, 2.0833333333vw, 40px);
  font-family: "Noto Sans TC", sans-serif;
  color: #fff;
  letter-spacing: 0.1em;
  font-weight: 500;
  margin-bottom: 1.9791666667vw;
  opacity: 0;
  -webkit-transform: translateY(80px);
          transform: translateY(80px);
  text-align: center;
}
.services .services_content .services_top .items01 .left_box .company_text_box .text_top_desc {
  font-size: clamp(18px, 1.1458333333vw, 22px);
  line-height: clamp(37px, 2.0833333333vw, 40px);
  letter-spacing: 0.05em;
  color: #fff;
  text-align: center;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 400;
  opacity: 0;
  -webkit-transform: translateY(80px);
          transform: translateY(80px);
}
.services .services_content .services_top .items01 .right_box {
  width: 56.8229166667vw;
  height: auto;
  opacity: 0;
  -webkit-transform: translateX(-100px);
          transform: translateX(-100px);
}
@media (max-width: 968px) {
  .services .services_content .services_top .items01 .right_box {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.services .services_content .services_top .items01 .right_box img {
  width: 100%;
  height: auto;
  display: block;
}
.services .services_content .services_top .items01.in .left_box .company_text_box .text_top_en {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 1s ease-in-out 0.3s;
  transition: all 1s ease-in-out 0.3s;
}
.services .services_content .services_top .items01.in .left_box .company_text_box .text_top_cht {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 1s ease-in-out 0.6s;
  transition: all 1s ease-in-out 0.6s;
}
.services .services_content .services_top .items01.in .left_box .company_text_box .text_top_desc {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 1s ease-in-out 0.9s;
  transition: all 1s ease-in-out 0.9s;
}
.services .services_content .services_top .items01.in .right_box {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 1s ease-in-out 0.9s;
  transition: all 1s ease-in-out 0.9s;
}
.services .services_content .totalcare_box {
  width: 100%;
  height: auto;
  padding-top: 6.875vw;
  padding-bottom: 6.5104166667vw;
  background-color: #d4d6d3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}
@media (max-width: 968px) {
  .services .services_content .totalcare_box {
    padding-bottom: 120px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.services .services_content .totalcare_box .left_box {
  width: 72.5vw;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1080px) {
  .services .services_content .totalcare_box .left_box {
    width: 60vw;
  }
}
@media (max-width: 968px) {
  .services .services_content .totalcare_box .left_box {
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.services .services_content .totalcare_box .left_box .left_box_item {
  width: 33.3333333333%;
  height: auto;
  position: relative;
}
@media (max-width: 480px) {
  .services .services_content .totalcare_box .left_box .left_box_item {
    width: 100%;
    aspect-ratio: 1/1;
    overflow: hidden;
  }
}
.services .services_content .totalcare_box .left_box .left_box_item:nth-child(1) {
  opacity: 0;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
  -webkit-transition: all 1s ease-in-out 0.3s;
  transition: all 1s ease-in-out 0.3s;
}
.services .services_content .totalcare_box .left_box .left_box_item:nth-child(2) {
  opacity: 0;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
  -webkit-transition: all 1s ease-in-out 0.6s;
  transition: all 1s ease-in-out 0.6s;
}
.services .services_content .totalcare_box .left_box .left_box_item:nth-child(3) {
  opacity: 0;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
  -webkit-transition: all 1s ease-in-out 0.9s;
  transition: all 1s ease-in-out 0.9s;
}
.services .services_content .totalcare_box .left_box .left_box_item .item_photo {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.services .services_content .totalcare_box .left_box .left_box_item .item_photo img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out;
}
.services .services_content .totalcare_box .left_box .left_box_item .item_txt_box {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(91, 106, 83, 0);
  padding: 3.3854166667vw 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
@media (max-width: 480px) {
  .services .services_content .totalcare_box .left_box .left_box_item .item_txt_box {
    padding: 30px 0px;
  }
}
.services .services_content .totalcare_box .left_box .left_box_item .item_txt_box .item_txt {
  font-size: clamp(24px, 2.0833333333vw, 40px);
  line-height: clamp(24px, 2.0833333333vw, 40px);
  font-family: "Cormorant", sans-serif;
  text-transform: capitalize;
  color: #5b6a53;
  letter-spacing: 0.1em;
  text-align: center;
  font-weight: 500;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
@media (max-width: 480px) {
  .services .services_content .totalcare_box .left_box .left_box_item .item_txt_box .item_txt {
    font-size: 37px;
    line-height: 37px;
  }
}
.services .services_content .totalcare_box .left_box .left_box_item:hover .item_txt_box {
  background-color: rgba(91, 106, 83, 0.85);
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.services .services_content .totalcare_box .left_box .left_box_item:hover .item_txt_box .item_txt {
  color: #fff;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.services .services_content .totalcare_box .left_box .left_box_item:hover .item_photo img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out;
}
.services .services_content .totalcare_box .left_box.in .left_box_item:nth-child(1) {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 1s ease-in-out 0.3s;
  transition: all 1s ease-in-out 0.3s;
}
.services .services_content .totalcare_box .left_box.in .left_box_item:nth-child(2) {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 1s ease-in-out 0.6s;
  transition: all 1s ease-in-out 0.6s;
}
.services .services_content .totalcare_box .left_box.in .left_box_item:nth-child(3) {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 1s ease-in-out 0.9s;
  transition: all 1s ease-in-out 0.9s;
}
.services .services_content .totalcare_box .right_box {
  width: calc(100% - 72.5vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media (max-width: 1080px) {
  .services .services_content .totalcare_box .right_box {
    width: 40vw;
  }
}
@media (max-width: 968px) {
  .services .services_content .totalcare_box .right_box {
    width: 100%;
    margin-bottom: 52px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.services .services_content .totalcare_box .right_box .right_txt {
  width: 300px;
  height: auto;
}
.services .services_content .totalcare_box .right_box .right_txt .text_top_en {
  font-size: clamp(37px, 2.0833333333vw, 40px);
  line-height: clamp(37px, 2.0833333333vw, 40px);
  font-family: "Cormorant", sans-serif;
  text-transform: capitalize;
  color: #898e85;
  letter-spacing: 0.025em;
  margin-bottom: 25px;
  font-weight: 600;
  opacity: 0;
  -webkit-transform: translateX(80px);
          transform: translateX(80px);
}
@media (max-width: 968px) {
  .services .services_content .totalcare_box .right_box .right_txt .text_top_en {
    text-align: center;
  }
}
.services .services_content .totalcare_box .right_box .right_txt .text_top_cht {
  font-size: clamp(28px, 2.0833333333vw, 40px);
  line-height: clamp(28px, 2.0833333333vw, 40px);
  font-family: "Noto Sans TC", sans-serif;
  color: #47513e;
  letter-spacing: 0.1em;
  font-weight: 500;
  margin-bottom: 1.9791666667vw;
  opacity: 0;
  -webkit-transform: translateX(80px);
          transform: translateX(80px);
}
@media (max-width: 968px) {
  .services .services_content .totalcare_box .right_box .right_txt .text_top_cht {
    text-align: center;
  }
}
.services .services_content .totalcare_box .right_box .right_txt .text_top_desc {
  font-size: clamp(18px, 1.1458333333vw, 22px);
  line-height: clamp(37px, 2.0833333333vw, 40px);
  letter-spacing: 0.05em;
  color: #47513e;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 400;
  opacity: 0;
  -webkit-transform: translateX(80px);
          transform: translateX(80px);
}
@media (max-width: 968px) {
  .services .services_content .totalcare_box .right_box .right_txt .text_top_desc {
    text-align: center;
  }
}
.services .services_content .totalcare_box .right_box .right_bgbox {
  width: 25px;
  height: 305px;
  background-color: #a0a89d;
  position: absolute;
  right: 0px;
}
@media (max-width: 968px) {
  .services .services_content .totalcare_box .right_box .right_bgbox {
    display: none;
  }
}
.services .services_content .totalcare_box .right_box.in .right_txt .text_top_en {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 1s ease-in-out 0.3s;
  transition: all 1s ease-in-out 0.3s;
}
.services .services_content .totalcare_box .right_box.in .right_txt .text_top_cht {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 1s ease-in-out 0.6s;
  transition: all 1s ease-in-out 0.6s;
}
.services .services_content .totalcare_box .right_box.in .right_txt .text_top_desc {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 1s ease-in-out 0.9s;
  transition: all 1s ease-in-out 0.9s;
}
.services .services_content .oem_box {
  width: 100%;
  height: auto;
  padding-top: 6.3020833333vw;
  padding-bottom: 5.9375vw;
  background-color: #ecedeb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}
@media (max-width: 968px) {
  .services .services_content .oem_box {
    padding-top: 0px;
    padding-bottom: 0px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.services .services_content .oem_box .left_box {
  width: calc(100% - 62.8645833333vw);
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media (max-width: 1080px) {
  .services .services_content .oem_box .left_box {
    width: 30vw;
  }
}
@media (max-width: 968px) {
  .services .services_content .oem_box .left_box {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .services .services_content .oem_box .left_box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.services .services_content .oem_box .left_box .txt_box {
  width: 300px;
  height: auto;
  margin-left: 160px;
}
@media (max-width: 1080px) {
  .services .services_content .oem_box .left_box .txt_box {
    width: 220px;
    margin-left: 60px;
  }
}
@media (max-width: 968px) {
  .services .services_content .oem_box .left_box .txt_box {
    width: 100%;
    margin-left: 0px;
    padding-top: 70px;
    padding-bottom: 40px;
  }
}
.services .services_content .oem_box .left_box .txt_box .text_top_en {
  font-size: clamp(37px, 2.0833333333vw, 40px);
  line-height: clamp(37px, 2.0833333333vw, 40px);
  font-family: "Cormorant", sans-serif;
  text-transform: capitalize;
  color: #898e85;
  letter-spacing: 0.025em;
  margin-bottom: 25px;
  font-weight: 600;
  opacity: 0;
  -webkit-transform: translateX(80px);
          transform: translateX(80px);
}
@media (max-width: 968px) {
  .services .services_content .oem_box .left_box .txt_box .text_top_en {
    text-align: center;
  }
}
.services .services_content .oem_box .left_box .txt_box .text_top_cht {
  font-size: clamp(28px, 2.0833333333vw, 40px);
  line-height: clamp(28px, 2.0833333333vw, 40px);
  font-family: "Noto Sans TC", sans-serif;
  color: #47513e;
  letter-spacing: 0.1em;
  font-weight: 500;
  margin-bottom: 1.9791666667vw;
  opacity: 0;
  -webkit-transform: translateX(80px);
          transform: translateX(80px);
}
@media (max-width: 968px) {
  .services .services_content .oem_box .left_box .txt_box .text_top_cht {
    text-align: center;
  }
}
.services .services_content .oem_box .left_box .left_bgbox {
  width: 27px;
  height: 180px;
  background-color: #707362;
  position: absolute;
  left: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 968px) {
  .services .services_content .oem_box .left_box .left_bgbox {
    display: none;
  }
}
.services .services_content .oem_box .right_box {
  width: 62.8645833333vw;
  height: auto;
  opacity: 0;
  -webkit-transform: translateX(100px);
          transform: translateX(100px);
  position: relative;
}
@media (max-width: 1080px) {
  .services .services_content .oem_box .right_box {
    width: 70vw;
  }
}
@media (max-width: 968px) {
  .services .services_content .oem_box .right_box {
    width: 100%;
  }
}
.services .services_content .oem_box .right_box .item_photo {
  width: 100%;
  height: auto;
  position: relative;
}
.services .services_content .oem_box .right_box .item_photo img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.services .services_content .oem_box .right_box .score_box {
  width: 230px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 7.1354166667vw;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.7604166667vw;
}
@media (max-width: 968px) {
  .services .services_content .oem_box .right_box .score_box {
    width: 84vw;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: 50px;
    position: relative;
    padding-top: 52px;
    padding-bottom: 52px;
    top: initial;
    -webkit-transform: initial;
            transform: initial;
  }
}
@media (max-width: 480px) {
  .services .services_content .oem_box .right_box .score_box {
    width: 90%;
    margin-left: 0px;
    left: 12%;
  }
}
.services .services_content .oem_box .right_box .score_box .score_item {
  width: 100%;
  height: auto;
}
@media (max-width: 968px) {
  .services .services_content .oem_box .right_box .score_box .score_item {
    width: 36%;
  }
}
@media (max-width: 480px) {
  .services .services_content .oem_box .right_box .score_box .score_item {
    width: 48%;
  }
}
.services .services_content .oem_box .right_box .score_box .score_item .score_num {
  font-size: 50px;
  line-height: 50px;
  font-family: "Open Sans", sans-serif;
  text-transform: capitalize;
  color: #47513e;
  letter-spacing: 0.025em;
  margin-bottom: 10px;
  font-weight: 700;
}
.services .services_content .oem_box .right_box .score_box .score_item .score_txt {
  font-size: clamp(16px, 1.1458333333vw, 22px);
  line-height: clamp(20px, 1.3541666667vw, 26px);
  font-family: "Noto Sans TC", sans-serif;
  color: #47513e;
  font-weight: 400;
}
.services .services_content .oem_box.in .left_box .txt_box .text_top_en {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 1s ease-in-out 0.3s;
  transition: all 1s ease-in-out 0.3s;
}
.services .services_content .oem_box.in .left_box .txt_box .text_top_cht {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 1s ease-in-out 0.6s;
  transition: all 1s ease-in-out 0.6s;
}
.services .services_content .oem_box.in .right_box {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.services .services_content .Precision_Medicine_box {
  width: 100%;
  height: auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 480px) {
  .services .services_content .Precision_Medicine_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.services .services_content .Precision_Medicine_box .precosion_photo {
  width: 100%;
  height: auto;
  position: relative;
}
@media (max-width: 480px) {
  .services .services_content .Precision_Medicine_box .precosion_photo {
    width: 100vw;
    height: 100vw;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.services .services_content .Precision_Medicine_box .precosion_photo img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 480px) {
  .services .services_content .Precision_Medicine_box .precosion_photo img {
    width: auto;
    height: 100%;
    max-width: none;
  }
}
.services .services_content .Precision_Medicine_box .precosion_txtbox {
  width: 420px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (max-width: 480px) {
  .services .services_content .Precision_Medicine_box .precosion_txtbox {
    width: 100%;
    top: initial;
    left: initial;
    -webkit-transform: initial;
            transform: initial;
    position: relative;
    padding: 50px 30px;
  }
}
.services .services_content .Precision_Medicine_box .precosion_txtbox .text_top_en {
  font-size: clamp(37px, 2.0833333333vw, 40px);
  line-height: clamp(37px, 2.0833333333vw, 40px);
  font-family: "Cormorant", sans-serif;
  text-transform: capitalize;
  color: #5a6d51;
  letter-spacing: 0.025em;
  margin-bottom: 15px;
  font-weight: 600;
  opacity: 0;
  -webkit-transform: translateY(80px);
          transform: translateY(80px);
  text-align: center;
}
.services .services_content .Precision_Medicine_box .precosion_txtbox .text_top_cht {
  font-size: clamp(28px, 2.0833333333vw, 40px);
  line-height: clamp(28px, 2.0833333333vw, 40px);
  font-family: "Noto Sans TC", sans-serif;
  color: #5a6d51;
  letter-spacing: 0.1em;
  font-weight: 500;
  margin-bottom: 15px;
  opacity: 0;
  -webkit-transform: translateY(80px);
          transform: translateY(80px);
  text-align: center;
}
.services .services_content .Precision_Medicine_box .precosion_txtbox .text_top_desc {
  font-size: clamp(16px, 1.1458333333vw, 22px);
  line-height: clamp(35px, 2.0833333333vw, 40px);
  letter-spacing: 0.05em;
  color: #47513e;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 400;
  opacity: 0;
  -webkit-transform: translateY(80px);
          transform: translateY(80px);
  text-align: center;
}
.services .services_content .Precision_Medicine_box .precosion_txtbox.in .text_top_en {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 1s ease-in-out 0.3s;
  transition: all 1s ease-in-out 0.3s;
}
.services .services_content .Precision_Medicine_box .precosion_txtbox.in .text_top_cht {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 1s ease-in-out 0.6s;
  transition: all 1s ease-in-out 0.6s;
}
.services .services_content .Precision_Medicine_box .precosion_txtbox.in .text_top_desc {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 1s ease-in-out 0.9s;
  transition: all 1s ease-in-out 0.9s;
}

.sustainability {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.sustainability .sustainability_text {
  width: 100%;
  height: 11.9791666667vw;
  background: #5e6b51;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 0 30px;
}
@media (max-width: 968px) {
  .sustainability .sustainability_text {
    height: 178px;
    width: 100%;
    overflow: hidden;
  }
}
.sustainability .sustainability_text .sustainability_text_bar {
  width: 100%;
  height: auto;
  font-size: clamp(30px, 3.125vw, 60px);
  line-height: clamp(30px, 3.125vw, 60px);
  font-family: "Cormorant", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #fff;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.sustainability .sustainability_top_txtbox {
  width: 100%;
  max-width: 960px;
  height: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
}
@media (max-width: 968px) {
  .sustainability .sustainability_top_txtbox {
    height: auto;
    padding: 0 60px;
  }
}
@media (max-width: 480px) {
  .sustainability .sustainability_top_txtbox {
    padding: 60px 30px;
  }
}
.sustainability .sustainability_top_txtbox .top_title {
  width: 100%;
  height: auto;
  font-size: clamp(28px, 2.0833333333vw, 40px);
  line-height: clamp(38px, 2.6041666667vw, 50px);
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 600;
  color: #47513e;
  text-align: center;
  margin-bottom: 1.5625vw;
}
@media (max-width: 968px) {
  .sustainability .sustainability_top_txtbox .top_title {
    margin-bottom: 30px;
  }
}
.sustainability .sustainability_top_txtbox .top_textbox_desc {
  width: 100%;
  height: auto;
  font-size: clamp(16px, 1.0416666667vw, 20px);
  line-height: clamp(26px, 1.5625vw, 30px);
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 400;
  color: #707070;
  text-align: center;
}
.sustainability .sustainability_report {
  width: 100%;
  height: auto;
  background-color: #f2f2f2;
  padding-top: 11.09375vw;
  padding-bottom: 7.3958333333vw;
  overflow: hidden;
}
.sustainability .sustainability_report .report_box {
  width: 105.15625vw;
  height: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media (max-width: 480px) {
  .sustainability .sustainability_report .report_box {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.sustainability .sustainability_report .report_box .report_left {
  width: 40.3125vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1280px) {
  .sustainability .sustainability_report .report_box .report_left {
    width: 40%;
  }
}
@media (max-width: 480px) {
  .sustainability .sustainability_report .report_box .report_left {
    width: 100%;
    margin-bottom: 50px;
    padding: 0 30px;
  }
}
.sustainability .sustainability_report .report_box .report_left .left_txt_box {
  width: auto;
  max-width: 495px;
  height: auto;
  margin-left: 8.3333333333vw;
}
@media (max-width: 1440px) {
  .sustainability .sustainability_report .report_box .report_left .left_txt_box {
    margin-left: 60px;
    max-width: 410px;
  }
}
@media (max-width: 1080px) {
  .sustainability .sustainability_report .report_box .report_left .left_txt_box {
    margin-left: 30px;
    max-width: 340px;
  }
}
@media (max-width: 968px) {
  .sustainability .sustainability_report .report_box .report_left .left_txt_box {
    max-width: 260px;
  }
}
@media (max-width: 480px) {
  .sustainability .sustainability_report .report_box .report_left .left_txt_box {
    margin: 0px;
    max-width: 100%;
  }
}
.sustainability .sustainability_report .report_box .report_left .left_txt_box .text_top_en {
  font-size: clamp(37px, 2.0833333333vw, 40px);
  line-height: clamp(37px, 2.0833333333vw, 40px);
  font-family: "Cormorant", sans-serif;
  text-transform: capitalize;
  color: #898e85;
  letter-spacing: 0.025em;
  margin-bottom: 25px;
  font-weight: 600;
  opacity: 0;
  -webkit-transform: translateX(80px);
          transform: translateX(80px);
}
.sustainability .sustainability_report .report_box .report_left .left_txt_box .text_top_cht {
  font-size: clamp(28px, 2.0833333333vw, 40px);
  line-height: clamp(28px, 2.0833333333vw, 40px);
  font-family: "Noto Sans TC", sans-serif;
  color: #3f4737;
  letter-spacing: 0.1em;
  font-weight: 500;
  margin-bottom: 1.9791666667vw;
  opacity: 0;
  -webkit-transform: translateX(80px);
          transform: translateX(80px);
}
.sustainability .sustainability_report .report_box .report_left .left_txt_box .text_top_desc {
  font-size: 18px;
  line-height: clamp(32px, 1.8229166667vw, 35px);
  letter-spacing: 0.05em;
  color: #47513e;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 400;
  opacity: 0;
  -webkit-transform: translateX(80px);
          transform: translateX(80px);
}
.sustainability .sustainability_report .report_box .report_left.in .left_txt_box .text_top_en {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 1s ease-in-out 0.3s;
  transition: all 1s ease-in-out 0.3s;
}
.sustainability .sustainability_report .report_box .report_left.in .left_txt_box .text_top_cht {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 1s ease-in-out 0.6s;
  transition: all 1s ease-in-out 0.6s;
}
.sustainability .sustainability_report .report_box .report_left.in .left_txt_box .text_top_desc {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 1s ease-in-out 0.9s;
  transition: all 1s ease-in-out 0.9s;
}
.sustainability .sustainability_report .report_box .report_right {
  max-width: 59.6354166667vw;
  height: auto;
  overflow: hidden;
}
@media (max-width: 1280px) {
  .sustainability .sustainability_report .report_box .report_right {
    width: 60%;
  }
}
@media (max-width: 1280px) {
  .sustainability .sustainability_report .report_box .report_right {
    padding-left: 40px;
  }
}
@media (max-width: 480px) {
  .sustainability .sustainability_report .report_box .report_right {
    width: 100%;
    max-width: 100%;
    padding: 0 30px;
  }
}
.sustainability .sustainability_report .report_box .report_right .report_slider {
  width: 67.5vw;
  height: auto;
  margin: 0;
}
@media (max-width: 480px) {
  .sustainability .sustainability_report .report_box .report_right .report_slider {
    width: 100%;
  }
}
.sustainability .sustainability_report .report_box .report_right .report_slider .slider_item {
  width: 100%;
  height: auto;
  margin-right: 2.5520833333vw;
}
@media (max-width: 480px) {
  .sustainability .sustainability_report .report_box .report_right .report_slider .slider_item {
    margin-right: 0px;
  }
}
.sustainability .sustainability_report .report_box .report_right .report_slider .slider_item .item_photo {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}
.sustainability .sustainability_report .report_box .report_right .report_slider .slider_item .item_photo::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  opacity: 0;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  z-index: -1;
}
.sustainability .sustainability_report .report_box .report_right .report_slider .slider_item .item_photo::after {
  content: "More Details";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: clamp(18px, 1.1458333333vw, 22px);
  line-height: clamp(18px, 1.1458333333vw, 22px);
  font-family: "open sans", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.05em;
  opacity: 0;
  z-index: -1;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
.sustainability .sustainability_report .report_box .report_right .report_slider .slider_item .item_photo img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.sustainability .sustainability_report .report_box .report_right .report_slider .slider_item:hover .item_photo::before {
  content: "";
  background-color: rgba(0, 0, 0, 0.75);
  opacity: 1;
  z-index: 5;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
.sustainability .sustainability_report .report_box .report_right .report_slider .slider_item:hover .item_photo::after {
  content: "More Details";
  z-index: 5;
  opacity: 1;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
.sustainability .sustainability_report .report_box .report_right .report_slider .slider_item .item_txt {
  width: 100%;
  height: auto;
  padding: 24px 0;
  font-size: clamp(16px, 1.0416666667vw, 20px);
  line-height: clamp(16px, 1.0416666667vw, 20px);
  font-family: "open sans", sans-serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  color: #83907c;
  text-transform: uppercase;
}
.sustainability .sustainability_report .report_box .report_right .report_slider .arrows.slick-arrow {
  width: 47px;
  height: 47px;
  background-color: #83907c;
  border-radius: 5px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sustainability .sustainability_report .report_box .report_right .report_slider .arrows.slick-arrow svg {
  fill: #fff;
}
.sustainability .sustainability_report .report_box .report_right .report_slider .slick-arrow.slick-prev {
  left: 28%;
}
@media (max-width: 968px) {
  .sustainability .sustainability_report .report_box .report_right .report_slider .slick-arrow.slick-prev {
    left: -5%;
  }
}
.sustainability .sustainability_report .report_box .report_right .report_slider .slick-arrow.slick-next {
  right: calc(28% + 49px);
}
@media (max-width: 968px) {
  .sustainability .sustainability_report .report_box .report_right .report_slider .slick-arrow.slick-next {
    right: calc(40% + 49px);
  }
}
@media (max-width: 480px) {
  .sustainability .sustainability_report .report_box .report_right .report_slider .slick-arrow.slick-next {
    right: -5%;
  }
}
.sustainability .sustainability_report .report_box .report_right .report_slider .slick-arrow.slick-next svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sustainability .sustainability_Corporate {
  width: 100%;
  height: auto;
  padding-top: 6.40625vw;
  padding-bottom: 4.7395833333vw;
  background-color: #e0e3de;
}
@media (max-width: 1080px) {
  .sustainability .sustainability_Corporate {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.sustainability .sustainability_Corporate .corporate_content {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
.sustainability .sustainability_Corporate .corporate_content .top_title_box {
  width: 100%;
  height: auto;
}
.sustainability .sustainability_Corporate .corporate_content .top_title_box .text_top_en {
  font-size: clamp(37px, 2.0833333333vw, 40px);
  line-height: clamp(37px, 2.0833333333vw, 40px);
  font-family: "Cormorant", sans-serif;
  text-transform: capitalize;
  color: #898e85;
  letter-spacing: 0.025em;
  margin-bottom: 25px;
  font-weight: 600;
  opacity: 0;
  -webkit-transform: translateX(80px);
          transform: translateX(80px);
  text-align: center;
}
.sustainability .sustainability_Corporate .corporate_content .top_title_box .text_top_cht {
  font-size: clamp(28px, 2.0833333333vw, 40px);
  line-height: clamp(28px, 2.0833333333vw, 40px);
  font-family: "Noto Sans TC", sans-serif;
  color: #3f4737;
  letter-spacing: 0.1em;
  font-weight: 500;
  opacity: 0;
  -webkit-transform: translateX(80px);
          transform: translateX(80px);
  text-align: center;
}
.sustainability .sustainability_Corporate .corporate_content .top_title_box.in .text_top_en {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 1s ease-in-out 0.3s;
  transition: all 1s ease-in-out 0.3s;
}
.sustainability .sustainability_Corporate .corporate_content .top_title_box.in .text_top_cht {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 1s ease-in-out 0.6s;
  transition: all 1s ease-in-out 0.6s;
}
.sustainability .sustainability_Corporate .corporate_content .corporate_slider {
  width: 1442px;
  height: auto;
  margin-top: 2.96875vw;
}
@media (max-width: 1440px) {
  .sustainability .sustainability_Corporate .corporate_content .corporate_slider {
    width: 100%;
    padding: 0 60px;
  }
}
@media (max-width: 480px) {
  .sustainability .sustainability_Corporate .corporate_content .corporate_slider {
    padding: 0 30px;
    margin-top: 50px;
  }
}
.sustainability .sustainability_Corporate .corporate_content .corporate_slider .corporate_slider_item {
  width: 33.3333333333%;
  height: auto;
  margin: 0 1.09375vw;
}
.sustainability .sustainability_Corporate .corporate_content .corporate_slider .corporate_slider_item .item_photo {
  width: 100%;
  height: auto;
}
.sustainability .sustainability_Corporate .corporate_content .corporate_slider .corporate_slider_item .item_photo img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.sustainability .sustainability_Corporate .corporate_content .corporate_slider .corporate_slider_item .item_txt {
  width: 100%;
  height: 235px;
  background-color: #5e6959;
  padding: 38px 30px;
}
@media (max-width: 1080px) {
  .sustainability .sustainability_Corporate .corporate_content .corporate_slider .corporate_slider_item .item_txt {
    height: auto;
  }
}
@media (max-width: 480px) {
  .sustainability .sustainability_Corporate .corporate_content .corporate_slider .corporate_slider_item .item_txt {
    height: auto;
    padding: 30px 20px;
  }
}
.sustainability .sustainability_Corporate .corporate_content .corporate_slider .corporate_slider_item .item_txt .txt_title {
  font-size: clamp(18px, 1.1458333333vw, 22px);
  line-height: clamp(28px, 1.4583333333vw, 28px);
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 600;
  color: #fff;
  margin-bottom: 1.0416666667vw;
  height: clamp(56px, 2.9166666667vw, 56px);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1080px) {
  .sustainability .sustainability_Corporate .corporate_content .corporate_slider .corporate_slider_item .item_txt .txt_title {
    height: auto;
  }
}
.sustainability .sustainability_Corporate .corporate_content .corporate_slider .corporate_slider_item .item_txt .txt_content {
  height: auto;
  font-size: 16px;
  line-height: 30px;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 400;
  color: #fff;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sustainability .sustainability_Corporate .corporate_content .corporate_slider .corporate_slider_item .item_txt .timebox {
  width: auto;
  height: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-top: 1.0416666667vw;
}
.sustainability .sustainability_Corporate .corporate_content .corporate_slider .corporate_slider_item .item_txt .timebox .timesbox_item_icon {
  width: 18px;
  height: 18px;
}
.sustainability .sustainability_Corporate .corporate_content .corporate_slider .corporate_slider_item .item_txt .timebox .timesbox_item_icon img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.sustainability .sustainability_Corporate .corporate_content .corporate_slider .corporate_slider_item .item_txt .timebox p {
  font-size: clamp(16px, 0.9375vw, 18px);
  line-height: clamp(16px, 0.9375vw, 18px);
  color: #fff;
  letter-spacing: 0.05em;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 500;
}

.contact {
  width: 100%;
  height: auto;
}
.contact .contact_text {
  width: 100%;
  height: 11.9791666667vw;
  background: #5e6b51;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 0 30px;
}
@media (max-width: 968px) {
  .contact .contact_text {
    height: 178px;
  }
}
.contact .contact_text .contact_text_bar {
  width: 100%;
  height: auto;
  font-size: clamp(37px, 3.125vw, 60px);
  line-height: clamp(37px, 3.125vw, 60px);
  font-family: "Cormorant", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #fff;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.contact .contact_top_txtbox {
  width: 100%;
  max-width: 960px;
  height: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
}
.contact .contact_top_txtbox .top_title {
  width: 100%;
  height: auto;
  font-size: clamp(37px, 2.0833333333vw, 40px);
  line-height: clamp(37px, 2.0833333333vw, 40px);
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 600;
  color: #47513e;
  text-align: center;
  margin-bottom: 1.5625vw;
}
.contact .contact_top_txtbox .top_textbox_desc {
  width: 100%;
  height: auto;
  font-size: clamp(16px, 1.0416666667vw, 20px);
  line-height: clamp(26px, 1.5625vw, 30px);
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 400;
  color: #47513e;
  text-align: center;
}
@media (max-width: 968px) {
  .contact .contact_top_txtbox .top_textbox_desc {
    padding: 0 60px;
  }
}
@media (max-width: 480px) {
  .contact .contact_top_txtbox .top_textbox_desc {
    padding: 0 30px;
  }
}
.contact .contact_form_box {
  width: 100%;
  height: auto;
  background-color: #e0e3de;
  padding-top: 4.5833333333vw;
  padding-bottom: 5.9375vw;
}
@media (max-width: 1280px) {
  .contact .contact_form_box {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (max-width: 480px) {
  .contact .contact_form_box {
    padding-top: 50px;
    padding-bottom: 70px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
.contact .contact_form_box .text_top_en {
  font-size: clamp(37px, 2.0833333333vw, 40px);
  line-height: clamp(37px, 2.0833333333vw, 40px);
  font-family: "Cormorant", sans-serif;
  text-transform: capitalize;
  color: #898e85;
  letter-spacing: 0.025em;
  margin-bottom: 25px;
  font-weight: 600;
  text-align: center;
}
.contact .contact_form_box .form_content {
  width: 100%;
  max-width: 1300px;
  height: auto;
  margin: 0 auto;
  margin-top: 20px;
}
.contact .contact_form_box .form_content .contact_info {
  margin-bottom: 40px;
}
.contact .contact_form_box .form_content .contact_info .row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.contact .contact_form_box .form_content .contact_info .the_info {
  width: 33.3333333333%;
}
@media (max-width: 540px) {
  .contact .contact_form_box .form_content .contact_info .the_info {
    width: 100%;
  }
  .contact .contact_form_box .form_content .contact_info .the_info:not(:last-child) {
    margin-bottom: 15px;
  }
}
.contact .contact_form_box .form_content .contact_info .the_info a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 540px) {
  .contact .contact_form_box .form_content .contact_info .the_info a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .contact .contact_form_box .form_content .contact_info .the_info a > *:not(:last-child) {
    margin-right: 10px;
  }
  .contact .contact_form_box .form_content .contact_info .the_info a > *:nth-child(2) {
    display: none;
  }
}
.contact .contact_form_box .form_content .contact_info .the_info a .circle {
  width: 100%;
  max-width: 150px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1080px) {
  .contact .contact_form_box .form_content .contact_info .the_info a .circle {
    max-width: 120px;
  }
}
@media (max-width: 768px) {
  .contact .contact_form_box .form_content .contact_info .the_info a .circle {
    max-width: 90px;
  }
}
@media (max-width: 540px) {
  .contact .contact_form_box .form_content .contact_info .the_info a .circle {
    min-width: 45px;
    max-width: 45px;
  }
}
.contact .contact_form_box .form_content .contact_info .the_info a .circle > p {
  position: relative;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
  color: #5e6b51;
  font-size: 60px;
  background: #f1f1f1;
  border-radius: 50%;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
@media (max-width: 1080px) {
  .contact .contact_form_box .form_content .contact_info .the_info a .circle > p {
    font-size: 48px;
    color: #47513e;
    background: #d7e1d6;
  }
}
@media (max-width: 768px) {
  .contact .contact_form_box .form_content .contact_info .the_info a .circle > p {
    font-size: 40px;
  }
}
@media (max-width: 540px) {
  .contact .contact_form_box .form_content .contact_info .the_info a .circle > p {
    font-size: 24px;
  }
}
.contact .contact_form_box .form_content .contact_info .the_info a .circle > p i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.contact .contact_form_box .form_content .contact_info .the_info a > p {
  color: #000;
  font-size: 16px;
  text-align: center;
}
@media (max-width: 540px) {
  .contact .contact_form_box .form_content .contact_info .the_info a > p {
    text-align: left;
    margin-top: 0 !important;
  }
}
.contact .contact_form_box .form_content .contact_info .the_info a:hover .circle > p {
  color: #47513e;
  background: #d7e1d6;
}
.contact .contact_form_box .form_content .contact_title {
  margin-bottom: 45px;
}
.contact .contact_form_box .form_content .contact_title p:nth-child(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #d7e1d6;
  font-size: 14px;
  font-weight: 700;
  font-family: "Cormorant", sans-serif;
  margin-bottom: 3px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1440px) {
  .contact .contact_form_box .form_content .contact_title p:nth-child(1) {
    margin-bottom: 0;
  }
}
.contact .contact_form_box .form_content .contact_title p:nth-child(1)::before {
  content: "";
  display: block;
  width: 30px;
  height: 2px;
  background: #d7e1d6;
  margin-right: 10px;
}
.contact .contact_form_box .form_content .contact_title p:nth-child(2) {
  color: #47513e;
  font-size: 40px;
  font-family: "Cormorant", sans-serif;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1440px) {
  .contact .contact_form_box .form_content .contact_title p:nth-child(2) {
    font-size: 36px;
  }
}
@media (max-width: 1080px) {
  .contact .contact_form_box .form_content .contact_title p:nth-child(2) {
    font-size: 32px;
  }
}
.contact .contact_form_box .form_content .contact_title p:nth-child(3) {
  color: #5e6b51;
  font-size: 20px;
  margin-top: 9px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1440px) {
  .contact .contact_form_box .form_content .contact_title p:nth-child(3) {
    font-size: 19px;
    margin-top: 0;
  }
}
@media (max-width: 1080px) {
  .contact .contact_form_box .form_content .contact_title p:nth-child(3) {
    font-size: 18px;
  }
}
.contact .contact_form_box .form_content form .form_item {
  width: 100%;
  padding: 0 20px;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.contact .contact_form_box .form_content form .form_item:last-child, .contact .contact_form_box .form_content form .form_item:nth-last-child(2) {
  padding-bottom: 0;
  background: unset;
}
@media (min-width: 1025px) {
  .contact .contact_form_box .form_content form .form_item.w50 {
    width: 50%;
  }
}
.contact .contact_form_box .form_content form .form_item .label {
  margin-bottom: 18px;
}
.contact .contact_form_box .form_content form .form_item.one_line .label {
  display: inline-block;
  width: 140px;
}
.contact .contact_form_box .form_content form .form_item.one_line input:not([type=radio]) {
  display: inline-block;
  width: 100%;
  border: 1px solid #c5c5c5;
  background-color: #fff;
  padding: 15px 10px;
  border-radius: 5px;
}
.contact .contact_form_box .form_content form .form_item.one_line .phone_input_group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  border: 1px solid #c5c5c5;
  background-color: #fff;
  border-radius: 5px;
  overflow: hidden;
}
.contact .contact_form_box .form_content form .form_item.one_line .phone_input_group .country_code {
  width: auto;
  min-width: 90px;
  padding: 11px 30px 11px 10px;
  border: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 10px;
  color: #000;
  font-size: clamp(16px, 0.9375vw, 18px);
  cursor: pointer;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.contact .contact_form_box .form_content form .form_item.one_line .phone_input_group input[type=tel] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: auto;
  border: none;
  padding: 15px 10px;
  border-radius: 0;
}
.contact .contact_form_box .form_content form .form_item label {
  color: #000000;
  font-size: clamp(18px, 1.1458333333vw, 22px);
  font-weight: 500;
  margin-right: 7px;
}
.contact .contact_form_box .form_content form .form_item label.must::after {
  content: "*";
  color: #d20014;
  margin-left: 6px;
}
.contact .contact_form_box .form_content form .form_item label.radio {
  cursor: pointer;
}
.contact .contact_form_box .form_content form .form_item input:not([type=radio]) {
  display: block;
}
.contact .contact_form_box .form_content form .form_item select {
  display: inline-block;
  width: 100%;
  border: 1px solid #c5c5c5;
  background-color: #fff;
  padding: 15px 10px;
  border-radius: 5px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 10px;
  cursor: pointer;
  padding-right: 30px;
}
.contact .contact_form_box .form_content form .form_item textarea {
  display: block;
  width: 100%;
  background: #fff;
  border: 1px solid #c5c5c5;
  padding: 15px 10px;
  border-radius: 5px;
}
.contact .contact_form_box .form_content form .form_item .submit {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  gap: 10px;
}
@media (max-width: 1080px) {
  .contact .contact_form_box .form_content form .form_item .submit {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 968px) {
  .contact .contact_form_box .form_content form .form_item .submit {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 40px 20px;
  }
}
@media (max-width: 540px) {
  .contact .contact_form_box .form_content form .form_item .submit {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 540px) {
  .contact .contact_form_box .form_content form .form_item .submit .button06 {
    width: 100%;
  }
}
.contact .contact_form_box .form_content form .form_item input[type=submit] {
  display: none;
}
.contact .contact_form_box .form_content form .form_item .verification_code_box {
  width: 161px;
  height: 65px;
}
.contact .contact_form_box .form_content form .form_item .verification_code_box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px;
}
.contact .contact_form_box .form_content form .form_item .verification_code_input {
  width: 290px;
  height: 65px;
  border: 1px solid #c5c5c5;
  background-color: #fff;
  padding: 21px 34px;
  border-radius: 5px;
  font-size: clamp(16px, 0.9375vw, 18px);
  line-height: clamp(16px, 0.9375vw, 18px);
  font-weight: 500;
  color: #878787;
}
@media (max-width: 968px) {
  .contact .contact_form_box .form_content form .form_item .verification_code_input {
    width: calc(100% - 181px);
  }
}
@media (max-width: 968px) {
  .contact .contact_form_box .form_content form .form_item .verification_code_input {
    padding: 21px 10px;
  }
}
@media (max-width: 540px) {
  .contact .contact_form_box .form_content form .form_item .verification_code_input {
    width: 100%;
  }
}

.history {
  width: 100%;
  height: auto;
}
.history .history_text {
  width: 100%;
  height: 11.9791666667vw;
  background: #5e6b51;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 0 30px;
}
@media (max-width: 968px) {
  .history .history_text {
    height: 178px;
    width: 100%;
    overflow: hidden;
  }
}
.history .history_text .history_text_bar {
  width: 100%;
  height: auto;
  font-size: clamp(37px, 3.125vw, 60px);
  line-height: clamp(37px, 3.125vw, 60px);
  font-family: "Cormorant", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #fff;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.history .history_top_txtbox {
  width: 100%;
  max-width: 1400px;
  height: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
}
@media (max-width: 968px) {
  .history .history_top_txtbox {
    padding: 0 60px;
  }
}
@media (max-width: 480px) {
  .history .history_top_txtbox {
    padding: 0 30px;
  }
}
.history .history_top_txtbox .top_title {
  width: 100%;
  height: auto;
  font-size: clamp(37px, 2.0833333333vw, 40px);
  line-height: clamp(37px, 2.0833333333vw, 40px);
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 600;
  color: #47513e;
  text-align: center;
  margin-bottom: 1.5625vw;
}
.history .history_top_txtbox .top_textbox_desc {
  width: 100%;
  height: auto;
  font-size: clamp(16px, 1.0416666667vw, 20px);
  line-height: clamp(26px, 1.5625vw, 30px);
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 400;
  color: #47513e;
  text-align: center;
}
.history .history_show_box {
  width: 100%;
  position: relative;
  left: 0;
}
@media (max-width: 480px) {
  .history .history_show_box {
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    width: 100%;
    height: calc(100vh - 70px);
    z-index: 20;
  }
}
.history .history_show_box .history_show_img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
@media (max-width: 1200px) {
  .history .history_show_box .history_show_img {
    height: calc(100% - 70px - 50px);
  }
}
@media (max-width: 1080px) {
  .history .history_show_box .history_show_img {
    height: 100%;
  }
}
.history .history_show_box .history_show_img picture {
  display: block;
  width: 100%;
  height: calc(100vh - 124px);
  position: sticky;
  top: 124px;
}
@media (max-width: 1200px) {
  .history .history_show_box .history_show_img picture {
    height: calc(100vh - 70px - 50px);
    top: 70px;
  }
}
.history .history_show_box .history_show_img picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.history .history_show_box .history_show_content {
  width: 100%;
  min-height: calc(100vh - 124px);
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 1200px) {
  .history .history_show_box .history_show_content {
    min-height: calc(100vh - 70px - 50px);
  }
}
.history .history_show_box .history_show_content .history_show_content_left {
  width: 45.3125vw;
  height: calc(100vh - 124px);
  position: sticky;
  top: 124px;
  left: 0;
  z-index: 2;
}
@media (max-width: 1200px) {
  .history .history_show_box .history_show_content .history_show_content_left {
    height: calc(100vh - 70px - 50px);
    top: 70px;
  }
}
@media (max-width: 968px) {
  .history .history_show_box .history_show_content .history_show_content_left {
    width: 27.34375vw;
  }
}
@media (max-width: 480px) {
  .history .history_show_box .history_show_content .history_show_content_left {
    width: 140px;
  }
}
.history .history_show_box .history_show_content .history_show_content_left .left_txtbox_title {
  width: auto;
  height: auto;
  position: absolute;
  top: 7.2916666667vw;
  left: 8.3333333333vw;
}
@media (max-width: 1080px) {
  .history .history_show_box .history_show_content .history_show_content_left .left_txtbox_title {
    top: 70px;
    left: 30px;
  }
}
@media (max-width: 968px) {
  .history .history_show_box .history_show_content .history_show_content_left .left_txtbox_title {
    top: 30px;
    left: 231%;
  }
}
@media (max-width: 480px) {
  .history .history_show_box .history_show_content .history_show_content_left .left_txtbox_title {
    left: 120%;
  }
}
.history .history_show_box .history_show_content .history_show_content_left .left_txtbox_title p {
  font-size: clamp(30px, 2.0833333333vw, 40px);
  line-height: clamp(30px, 2.0833333333vw, 40px);
  font-family: "Cormorant", sans-serif;
  font-weight: 600;
  color: #fff;
  text-align: left;
}
.history .history_show_box .history_show_content .history_show_content_left .left_txtbox_title p:nth-child(1) {
  text-transform: uppercase;
  margin-bottom: 0.5208333333vw;
}
.history .history_show_box .history_show_content .history_show_content_left .left_txtbox_title p:nth-child(2) {
  text-transform: capitalize;
}
.history .history_show_box .history_show_content .history_show_content_left .history_year_line {
  width: 230px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 5vw;
  pointer-events: auto;
  z-index: 100;
  overflow: visible;
}
.history .history_show_box .history_show_content .history_show_content_left .history_year_line .line_box {
  width: 1px;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  right: 9.5px;
}
.history .history_show_box .history_show_content .history_show_content_left .history_year_line .year_txt_box {
  width: 230px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow-y: scroll;
  overflow-x: visible;
  padding-top: 7.2916666667vw;
  padding-bottom: 3.125vw;
  pointer-events: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.history .history_show_box .history_show_content .history_show_content_left .history_year_line .year_txt_box::-webkit-scrollbar {
  display: none;
}
@media (max-width: 1080px) {
  .history .history_show_box .history_show_content .history_show_content_left .history_year_line .year_txt_box {
    padding-top: 120px;
    padding-bottom: 60px;
  }
}
.history .history_show_box .history_show_content .history_show_content_left .history_year_line .year_txt_box .txt_box {
  width: 100%;
  height: auto;
  padding-right: 56px;
  margin-bottom: 80px;
  margin-top: 0;
  font-size: clamp(22px, 1.3020833333vw, 25px);
  line-height: clamp(22px, 1.3020833333vw, 25px);
  font-family: "open sans", sans-serif;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.4);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-align: right;
  position: relative;
  cursor: pointer;
  pointer-events: auto;
}
.history .history_show_box .history_show_content .history_show_content_left .history_year_line .year_txt_box .txt_box:first-child {
  margin-top: -20px;
}
.history .history_show_box .history_show_content .history_show_content_left .history_year_line .year_txt_box .txt_box:last-child {
  margin-bottom: 0;
}
@media (max-width: 480px) {
  .history .history_show_box .history_show_content .history_show_content_left .history_year_line .year_txt_box .txt_box {
    padding-right: 30px;
  }
}
.history .history_show_box .history_show_content .history_show_content_left .history_year_line .year_txt_box .txt_box::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  position: absolute;
  top: 50%;
  right: 4px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.history .history_show_box .history_show_content .history_show_content_left .history_year_line .year_txt_box .txt_box:hover, .history .history_show_box .history_show_content .history_show_content_left .history_year_line .year_txt_box .txt_box.active {
  color: rgb(255, 255, 255);
  font-size: clamp(30px, 3.125vw, 60px);
  line-height: clamp(30px, 3.125vw, 60px);
}
.history .history_show_box .history_show_content .history_show_content_left .history_year_line .year_txt_box .txt_box:hover::after, .history .history_show_box .history_show_content .history_show_content_left .history_year_line .year_txt_box .txt_box.active::after {
  width: 18px;
  height: 18px;
  right: 0;
  background: rgb(255, 255, 255);
}
.history .history_show_box .history_show_content .history_show_content_right {
  width: calc(100% - 45.3125vw);
  height: auto;
  position: relative;
  padding-bottom: 4.1666666667vw;
}
@media (max-width: 1080px) {
  .history .history_show_box .history_show_content .history_show_content_right {
    height: calc(100vh - 70px - 50px);
    padding-bottom: 0;
    overflow: hidden;
  }
}
@media (max-width: 968px) {
  .history .history_show_box .history_show_content .history_show_content_right {
    width: calc(100% - 27.34375vw);
  }
}
@media (max-width: 480px) {
  .history .history_show_box .history_show_content .history_show_content_right {
    position: relative;
    top: 120px;
    left: 0;
    right: 0;
    width: calc(100% - 125px);
    padding-right: 30px;
    height: calc(100vh - 70px - 50px);
    overflow: hidden;
    padding-bottom: 0;
    margin-top: 0;
    z-index: 10;
  }
}
.history .history_show_box .history_show_content .history_show_content_right .rifht_history_item_box {
  width: 100%;
  height: auto;
  padding-right: 8.3333333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media (max-width: 1080px) {
  .history .history_show_box .history_show_content .history_show_content_right .rifht_history_item_box {
    padding-right: 60px;
    height: 100%;
    position: relative;
  }
}
@media (max-width: 480px) {
  .history .history_show_box .history_show_content .history_show_content_right .rifht_history_item_box {
    width: 100%;
    height: 100%;
    margin-right: 0;
    padding-right: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }
}
.history .history_show_box .history_show_content .history_show_content_right .rifht_history_item_box .history_item_wrapper {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}
.history .history_show_box .history_show_content .history_show_content_right .rifht_history_item_box .history_item {
  width: 100%;
  max-width: 44.9479166667vw;
  height: calc(100vh - 124px);
  position: sticky;
  top: 124px;
  padding: 30px 37px 60px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.history .history_show_box .history_show_content .history_show_content_right .rifht_history_item_box .history_item::-webkit-scrollbar {
  display: none;
}
.history .history_show_box .history_show_content .history_show_content_right .rifht_history_item_box .history_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  pointer-events: none;
}
@media (max-width: 1200px) {
  .history .history_show_box .history_show_content .history_show_content_right .rifht_history_item_box .history_item {
    height: calc(100vh - 70px - 50px);
    top: 70px;
  }
}
@media (max-width: 1080px) {
  .history .history_show_box .history_show_content .history_show_content_right .rifht_history_item_box .history_item {
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: calc(100% - 60px);
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .history .history_show_box .history_show_content .history_show_content_right .rifht_history_item_box .history_item.in {
    opacity: 1;
    pointer-events: auto;
    position: absolute;
  }
}
@media (max-width: 968px) {
  .history .history_show_box .history_show_content .history_show_content_right .rifht_history_item_box .history_item {
    padding-top: 140px;
    top: 140px;
    height: calc(100% - 140px - 60px);
  }
}
@media (max-width: 480px) {
  .history .history_show_box .history_show_content .history_show_content_right .rifht_history_item_box .history_item {
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
    top: 0;
    height: auto;
    min-height: calc(100vh - 120px);
    opacity: 1;
    pointer-events: auto;
    margin-top: 0;
    padding-top: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .history .history_show_box .history_show_content .history_show_content_right .rifht_history_item_box .history_item.in {
    position: relative;
  }
}
.history .history_show_box .history_show_content .history_show_content_right .rifht_history_item_box .history_item .tiem_top_title_box {
  width: 100%;
  height: auto;
  margin-bottom: 1.8229166667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
}
.history .history_show_box .history_show_content .history_show_content_right .rifht_history_item_box .history_item .tiem_top_title_box .title_txt {
  font-size: clamp(30px, 1.8229166667vw, 35px);
  line-height: clamp(30px, 1.8229166667vw, 35px);
  font-family: "Cormorant", sans-serif;
  text-transform: capitalize;
  font-weight: 600;
  color: #fff;
  margin-right: 14px;
}
.history .history_show_box .history_show_content .history_show_content_right .rifht_history_item_box .history_item .tiem_top_title_box svg {
  width: 20px;
  height: 13px;
  fill: #fff;
}
.history .history_show_box .history_show_content .history_show_content_right .rifht_history_item_box .history_item .item_desc_box {
  width: 100%;
  height: auto;
  opacity: 0;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
}
.history .history_show_box .history_show_content .history_show_content_right .rifht_history_item_box .history_item .item_desc_box p {
  width: 100%;
  height: auto;
  padding-left: 23px;
  font-size: clamp(16px, 0.9895833333vw, 19px);
  line-height: clamp(30px, 2.0833333333vw, 40px);
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 400;
  color: #fff;
  text-align: left;
  position: relative;
}
.history .history_show_box .history_show_content .history_show_content_right .rifht_history_item_box .history_item .item_desc_box p::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background: #fff;
  position: absolute;
  top: 18px;
  left: 0;
  border-radius: 50%;
}
.history .history_show_box .history_show_content .history_show_content_right .rifht_history_item_box .history_item.in .tiem_top_title_box {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 0.3s ease-in-out 0.3s;
  transition: all 0.3s ease-in-out 0.3s;
}
.history .history_show_box .history_show_content .history_show_content_right .rifht_history_item_box .history_item.in .item_desc_box {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 0.3s ease-in-out 0.3s;
  transition: all 0.3s ease-in-out 0.3s;
}

.investors {
  width: 100%;
  height: auto;
}
@media (max-width: 968px) {
  .investors {
    overflow: hidden;
  }
}
.investors .investors_text {
  width: 100%;
  height: 11.9791666667vw;
  background: #5e6b51;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 0 30px;
}
@media (max-width: 968px) {
  .investors .investors_text {
    height: 178px;
    width: 100%;
    overflow: hidden;
  }
}
.investors .investors_text .investors_text_bar {
  width: 100%;
  height: auto;
  font-size: clamp(37px, 3.125vw, 60px);
  line-height: clamp(37px, 3.125vw, 60px);
  font-family: "Cormorant", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #fff;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.investors .investors_top_txtbox {
  width: 100%;
  max-width: 1300px;
  height: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
}
@media (max-width: 968px) {
  .investors .investors_top_txtbox {
    padding: 0 60px;
  }
}
@media (max-width: 480px) {
  .investors .investors_top_txtbox {
    padding: 0 30px;
  }
}
.investors .investors_top_txtbox .top_title {
  width: 100%;
  height: auto;
  font-size: clamp(37px, 2.0833333333vw, 40px);
  line-height: clamp(37px, 2.0833333333vw, 40px);
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 600;
  color: #47513e;
  text-align: center;
  margin-bottom: 1.5625vw;
}
.investors .investors_top_txtbox .top_textbox_desc {
  width: 100%;
  height: auto;
  font-size: clamp(16px, 1.0416666667vw, 20px);
  line-height: clamp(26px, 1.5625vw, 30px);
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 400;
  color: #47513e;
  text-align: center;
}
.investors .investors_top_infobox {
  width: 100%;
  height: auto;
  max-width: 1660px;
  padding: 0 30px;
  margin: 0 auto;
  margin-bottom: 7.2916666667vw;
}
@media (max-width: 1680px) {
  .investors .investors_top_infobox {
    padding: 0 60px;
  }
}
@media (max-width: 480px) {
  .investors .investors_top_infobox {
    padding: 0 30px;
  }
}
.investors .investors_top_infobox .info_content_box {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  gap: 2.8645833333vw;
}
@media (max-width: 968px) {
  .investors .investors_top_infobox .info_content_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 auto;
  }
}
@media (max-width: 480px) {
  .investors .investors_top_infobox .info_content_box {
    gap: 50px;
  }
}
.investors .investors_top_infobox .info_content_box .info_item {
  width: 100%;
  height: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 3.6458333333vw;
  padding-top: 5.0520833333vw;
  padding-bottom: 3.0729166667vw;
  position: relative;
  background-color: #858d80;
}
@media (max-width: 1080px) {
  .investors .investors_top_infobox .info_content_box .info_item {
    width: calc(50% - 20px);
    padding: 30px 20px;
  }
}
@media (max-width: 968px) {
  .investors .investors_top_infobox .info_content_box .info_item {
    margin: 0 auto;
  }
}
@media (max-width: 480px) {
  .investors .investors_top_infobox .info_content_box .info_item {
    width: 100%;
    margin: 0 auto;
  }
}
.investors .investors_top_infobox .info_content_box .info_item .info_item_bgline {
  width: 0.9375vw;
  height: 4.7395833333vw;
  position: absolute;
  top: 4.1666666667vw;
  left: 0;
  background-color: #f2f2f2;
}
@media (max-width: 480px) {
  .investors .investors_top_infobox .info_content_box .info_item .info_item_bgline {
    width: 5px;
    height: 60px;
  }
}
.investors .investors_top_infobox .info_content_box .info_item .info_box_title {
  width: 100%;
  height: auto;
  font-size: clamp(28px, 1.5625vw, 30px);
  line-height: clamp(28px, 1.5625vw, 30px);
  text-align: center;
  font-family: "Noto Sans TC", sans-serif;
  letter-spacing: 0.1em;
  font-weight: 600;
  color: #ffffff;
}
.investors .investors_top_infobox .info_content_box .info_item .info_box_content {
  width: 100%;
  height: auto;
  min-height: 277px;
  padding-top: 2.7083333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.investors .investors_top_infobox .info_content_box .info_item .info_box_content .info_txt {
  padding-left: 28px;
  width: 100%;
  height: auto;
  font-size: clamp(16px, 1.1458333333vw, 22px);
  line-height: clamp(40px, 2.34375vw, 45px);
  font-family: "Noto Sans TC", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  color: #ffffff;
  position: relative;
}
.investors .investors_top_infobox .info_content_box .info_item .info_box_content .info_txt::before {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #ffffff;
  border-radius: 50%;
  position: absolute;
  top: 22.5px;
  left: 14px;
  color: #ffffff;
}
.investors .investors_top_infobox .info_content_box .info_item .button_set {
  width: 100%;
  margin-top: 2.0833333333vw !important;
}
.investors .investors_top_infobox .info_content_box .info_item .button_set:hover .button06 {
  background-color: #3f4737;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.investors .investors_box_set {
  width: 100%;
  height: auto;
}
.investors .investors_box_set .items01 {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: center;
      align-content: center;
  background-color: #5b6a53;
  margin-bottom: 6.9791666667vw;
}
@media (max-width: 968px) {
  .investors .investors_box_set .items01 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 480px) {
  .investors .investors_box_set .items01 {
    margin-bottom: 60px;
  }
}
.investors .investors_box_set .items01 .left_box {
  width: 50vw;
  background-color: #5b6a53;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 968px) {
  .investors .investors_box_set .items01 .left_box {
    width: 100%;
    height: 350px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (max-width: 480px) {
  .investors .investors_box_set .items01 .left_box {
    height: 230px;
  }
}
.investors .investors_box_set .items01 .left_box .investors_text_box {
  width: 22.6041666667vw;
  height: auto;
}
@media (max-width: 1080px) {
  .investors .investors_box_set .items01 .left_box .investors_text_box {
    width: 80vw;
  }
}
.investors .investors_box_set .items01 .left_box .investors_text_box .text_top_en {
  font-size: clamp(32px, 2.0833333333vw, 40px);
  line-height: clamp(32px, 2.0833333333vw, 40px);
  font-family: "Cormorant", sans-serif;
  text-transform: capitalize;
  color: #fff;
  letter-spacing: 0.025em;
  margin-bottom: 25px;
  font-weight: 500;
  opacity: 0;
  -webkit-transform: translateX(80px);
          transform: translateX(80px);
  text-align: center;
}
.investors .investors_box_set .items01 .left_box .investors_text_box .text_top_cht {
  font-size: clamp(28px, 2.0833333333vw, 40px);
  line-height: clamp(28px, 2.0833333333vw, 40px);
  font-family: "Noto Sans TC", sans-serif;
  color: #fff;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin-bottom: 1.5625vw;
  opacity: 0;
  -webkit-transform: translateX(80px);
          transform: translateX(80px);
  text-align: center;
}
.investors .investors_box_set .items01 .left_box .investors_text_box .text_top_desc {
  font-size: clamp(22px, 1.3541666667vw, 26px);
  line-height: clamp(22px, 1.3541666667vw, 26px);
  letter-spacing: 0.05em;
  color: #fff;
  text-align: center;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 500;
  opacity: 0;
  -webkit-transform: translateX(80px);
          transform: translateX(80px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.investors .investors_box_set .items01 .left_box .investors_text_box .text_top_desc a {
  color: #fff;
  padding-top: 3px;
}
.investors .investors_box_set .items01 .right_box {
  width: 50vw;
  height: auto;
  opacity: 0;
  -webkit-transform: translateX(-100px);
          transform: translateX(-100px);
}
@media (max-width: 968px) {
  .investors .investors_box_set .items01 .right_box {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.investors .investors_box_set .items01 .right_box img {
  width: 100%;
  height: auto;
  display: block;
}
.investors .investors_box_set .items01.in .left_box .investors_text_box .text_top_en {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 1s ease-in-out 0.3s;
  transition: all 1s ease-in-out 0.3s;
}
.investors .investors_box_set .items01.in .left_box .investors_text_box .text_top_cht {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 1s ease-in-out 0.6s;
  transition: all 1s ease-in-out 0.6s;
}
.investors .investors_box_set .items01.in .left_box .investors_text_box .text_top_desc {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 1s ease-in-out 0.9s;
  transition: all 1s ease-in-out 0.9s;
}
.investors .investors_box_set .items01.in .right_box {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 1s ease-in-out 0.6s;
  transition: all 1s ease-in-out 0.6s;
}
.investors .investors_box_set .items02 {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: center;
      align-content: center;
  background-color: #cbd2c8;
  margin-bottom: 6.9791666667vw;
}
@media (max-width: 968px) {
  .investors .investors_box_set .items02 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 480px) {
  .investors .investors_box_set .items02 {
    margin-bottom: 60px;
  }
}
.investors .investors_box_set .items02 .left_box {
  width: 50vw;
  height: auto;
  opacity: 0;
  -webkit-transform: translateX(-100px);
          transform: translateX(-100px);
}
@media (max-width: 968px) {
  .investors .investors_box_set .items02 .left_box {
    width: 100%;
  }
}
.investors .investors_box_set .items02 .left_box img {
  width: 100%;
  height: auto;
  display: block;
}
.investors .investors_box_set .items02 .right_box {
  width: 50vw;
  background-color: #cbd2c8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 968px) {
  .investors .investors_box_set .items02 .right_box {
    width: 100%;
    height: 350px;
  }
}
@media (max-width: 480px) {
  .investors .investors_box_set .items02 .right_box {
    height: 230px;
  }
}
.investors .investors_box_set .items02 .right_box .investors_text_box {
  width: 22.6041666667vw;
  height: auto;
}
@media (max-width: 1080px) {
  .investors .investors_box_set .items02 .right_box .investors_text_box {
    width: 80vw;
  }
}
.investors .investors_box_set .items02 .right_box .investors_text_box .text_top_en {
  font-size: clamp(32px, 2.0833333333vw, 40px);
  line-height: clamp(32px, 2.0833333333vw, 40px);
  font-family: "Cormorant", sans-serif;
  text-transform: capitalize;
  color: #fff;
  letter-spacing: 0.025em;
  margin-bottom: 25px;
  font-weight: 500;
  opacity: 0;
  -webkit-transform: translateX(80px);
          transform: translateX(80px);
  text-align: center;
}
.investors .investors_box_set .items02 .right_box .investors_text_box .text_top_cht {
  font-size: clamp(28px, 2.0833333333vw, 40px);
  line-height: clamp(28px, 2.0833333333vw, 40px);
  font-family: "Noto Sans TC", sans-serif;
  color: #fff;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin-bottom: 1.5625vw;
  opacity: 0;
  -webkit-transform: translateX(80px);
          transform: translateX(80px);
  text-align: center;
}
.investors .investors_box_set .items02 .right_box .investors_text_box .text_top_desc {
  font-size: clamp(22px, 1.3541666667vw, 26px);
  line-height: clamp(22px, 1.3541666667vw, 26px);
  letter-spacing: 0.05em;
  color: #fff;
  text-align: center;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 500;
  opacity: 0;
  -webkit-transform: translateX(80px);
          transform: translateX(80px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.investors .investors_box_set .items02 .right_box .investors_text_box .text_top_desc a {
  color: #fff;
  padding-top: 3px;
}
.investors .investors_box_set .items02.in .right_box .investors_text_box .text_top_en {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 1s ease-in-out 0.3s;
  transition: all 1s ease-in-out 0.3s;
}
.investors .investors_box_set .items02.in .right_box .investors_text_box .text_top_cht {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 1s ease-in-out 0.6s;
  transition: all 1s ease-in-out 0.6s;
}
.investors .investors_box_set .items02.in .right_box .investors_text_box .text_top_desc {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 1s ease-in-out 0.9s;
  transition: all 1s ease-in-out 0.9s;
}
.investors .investors_box_set .items02.in .left_box {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 1s ease-in-out 0.6s;
  transition: all 1s ease-in-out 0.6s;
}
.investors .investors_box_set div:last-child {
  margin-bottom: 0;
}
.investors .investors_box_set div:nth-child(3n) .left_box {
  background: #83907c;
}

.financials {
  width: 100%;
  height: auto;
}
.financials .financials_top_menu {
  width: 100%;
  height: 130px;
  background-color: #e0e3de;
}
.financials .financials_top_menu .menu_box {
  width: 100%;
  max-width: 1200px;
  height: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.financials .financials_top_menu .menu_box .menu_item {
  width: 20%;
  height: 130px;
  border-bottom: 4px solid transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.financials .financials_top_menu .menu_box .menu_item .txt_box {
  font-size: clamp(22px, 1.1458333333vw, 22px);
  line-height: clamp(22px, 1.1458333333vw, 22px);
  letter-spacing: 0.075em;
  color: #485043;
  text-align: center;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 500;
}
.financials .financials_top_menu .menu_box .menu_item:hover, .financials .financials_top_menu .menu_box .menu_item.active {
  border-bottom: 4px solid #898e85;
  background-color: #eff1ed;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.financials .financials_top_menu .mobile_menu_toggle {
  display: none;
}
.financials .financials_top_menu .mobile_menu_dropdown {
  display: none;
}
.financials .financials_content {
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin: 0 auto;
  padding-top: 2.8645833333vw;
  padding-bottom: 6.1979166667vw;
}
@media (max-width: 1080px) {
  .financials .financials_content {
    padding: 30px 60px;
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 968px) {
  .financials .financials_content {
    padding-top: 30px;
  }
}
@media (max-width: 480px) {
  .financials .financials_content {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.financials .financials_content .sub_menu {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 28px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.financials .financials_content .sub_menu .menu_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.financials .financials_content .sub_menu .menu_item {
  width: 214px;
  height: 56px;
  margin-right: 13px;
  border: 1px solid #898e85;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  cursor: pointer;
  text-decoration: none;
}
.financials .financials_content .sub_menu .menu_item .txt_box {
  font-size: clamp(16px, 0.9375vw, 18px);
  line-height: clamp(16px, 0.9375vw, 18px);
  letter-spacing: 0.075em;
  color: #485043;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 500;
}
.financials .financials_content .sub_menu .menu_item:hover, .financials .financials_content .sub_menu .menu_item.active {
  background-color: #898e85;
  border-color: #898e85;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.financials .financials_content .sub_menu .menu_item:hover .txt_box, .financials .financials_content .sub_menu .menu_item.active .txt_box {
  color: #ffffff;
}
.financials .financials_content .sub_menu .mobile_menu_toggle {
  display: none;
  width: 100%;
  background-color: #485043;
  color: #fff;
  border: none;
  padding: 15px;
  text-align: center;
  font-size: 18px;
  cursor: pointer;
  border-radius: 5px;
  font-family: "Noto Sans TC", sans-serif;
  position: relative;
  padding-right: 30px;
}
.financials .financials_content .sub_menu .mobile_menu_dropdown {
  display: none;
  width: 100%;
  background-color: #eff1ed;
  border: 1px solid #e0e3de;
  border-radius: 5px;
  margin-top: 10px;
  overflow: hidden;
  position: relative;
  z-index: 90;
}
.financials .financials_content .financials_report {
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin: 0 auto;
  /* margin-top: 28px; */
  overflow: hidden;
}
@media (max-width: 480px) {
  .financials .financials_content .financials_report {
    padding-bottom: 30px;
  }
}
.financials .financials_content .financials_report .item_box_all {
  width: 100%;
  height: auto;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.financials .financials_content .financials_report .item_box_all .item_box {
  width: 100%;
  height: auto;
  position: relative;
  background-color: #fff;
  top: 0;
  left: 0;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.financials .financials_content .financials_report .item_box_all .item_box.active {
  position: relative;
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.financials .financials_content .financials_report .item_box_all .item_box .top_title_box {
  width: 100%;
  height: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.financials .financials_content .financials_report .item_box_all .item_box .top_title_box .title_txt {
  font-size: clamp(21px, 1.25vw, 24px);
  line-height: clamp(21px, 1.25vw, 24px);
  letter-spacing: 0.075em;
  color: #232323;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 500;
}
.financials .financials_content .financials_report .item_box_all .item_box .top_title_box .unit_txt {
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.05em;
  color: #666666;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 400;
}
.financials .financials_content .financials_report .item_box_all .item_box .top_title_box .year_selector {
  position: relative;
}
.financials .financials_content .financials_report .item_box_all .item_box .top_title_box .year_selector .year_select {
  width: 130px;
  height: 46px;
  padding: 0 15px;
  border: 1px solid #898e85;
  border-radius: 5px;
  background-color: #ffffff;
  font-size: clamp(16px, 0.9375vw, 18px);
  line-height: clamp(16px, 0.9375vw, 18px);
  letter-spacing: 0.075em;
  color: #485043;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 500;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23485043' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 15px center;
  padding-right: 40px;
}
.financials .financials_content .financials_report .item_box_all .item_box .top_title_box .year_selector .year_select:hover {
  border-color: #485043;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.financials .financials_content .financials_report .item_box_all .item_box .top_title_box .year_selector .year_select:focus {
  outline: none;
  border-color: #485043;
}
.financials .financials_content .financials_report .item_box_all .item_box .report_content {
  width: 100%;
  height: auto;
  overflow: auto;
  margin-top: 18px;
}
@media (max-width: 1200px) {
  .financials .financials_content .financials_report .item_box_all .item_box .report_content {
    max-width: 1200px;
  }
}
.financials .financials_content .financials_report .item_box_all .item_box .report_content .table_wrapper {
  width: 100%;
  background-color: #ffffff;
}
@media (max-width: 1200px) {
  .financials .financials_content .financials_report .item_box_all .item_box .report_content .table_wrapper {
    width: 1200px;
  }
}
.financials .financials_content .financials_report .item_box_all .item_box .report_content .table_wrapper .table_header {
  background-color: #d9d9d9;
  border-bottom: 1px solid #cccccc;
}
.financials .financials_content .financials_report .item_box_all .item_box .report_content .table_wrapper .table_header .table_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 64px;
  padding: 0 30px;
}
.financials .financials_content .financials_report .item_box_all .item_box .report_content .table_wrapper .table_header .table_row .table_cell {
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0.05em;
  color: #333333;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 500;
  text-align: center;
}
.financials .financials_content .financials_report .item_box_all .item_box .report_content .table_wrapper .table_header .table_row .table_cell.cell_title {
  width: 50%;
  text-align: left;
}
.financials .financials_content .financials_report .item_box_all .item_box .report_content .table_wrapper .table_header .table_row .table_cell.cell_title a {
  color: #333333;
}
.financials .financials_content .financials_report .item_box_all .item_box .report_content .table_wrapper .table_header .table_row .table_cell.cell_type {
  width: 16.67%;
}
.financials .financials_content .financials_report .item_box_all .item_box .report_content .table_wrapper .table_header .table_row .table_cell.cell_date {
  width: 20.83%;
  padding-left: 80px;
  text-align: left;
}
.financials .financials_content .financials_report .item_box_all .item_box .report_content .table_wrapper .table_header .table_row .table_cell.cell_download {
  width: 12.5%;
}
.financials .financials_content .financials_report .item_box_all .item_box .report_content .table_wrapper .table_header .table_row .table_cell.cell_month {
  width: 25%;
}
.financials .financials_content .financials_report .item_box_all .item_box .report_content .table_wrapper .table_header .table_row .table_cell.cell_year {
  width: 25%;
}
.financials .financials_content .financials_report .item_box_all .item_box .report_content .table_wrapper .table_header .table_row .table_cell.cell_amount {
  width: 25%;
}
.financials .financials_content .financials_report .item_box_all .item_box .report_content .table_wrapper .table_header .table_row .table_cell.cell_percent {
  width: 25%;
}
.financials .financials_content .financials_report .item_box_all .item_box .report_content .table_wrapper .table_body {
  background-color: #f5f5f5;
}
.financials .financials_content .financials_report .item_box_all .item_box .report_content .table_wrapper .table_body .table_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 70px;
  padding: 16px 30px;
  border-bottom: 1px solid #e0e0e0;
  background-color: #ffffff;
}
.financials .financials_content .financials_report .item_box_all .item_box .report_content .table_wrapper .table_body .table_row:hover {
  background-color: #fafafa;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.financials .financials_content .financials_report .item_box_all .item_box .report_content .table_wrapper .table_body .table_row .table_cell {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.05em;
  color: #333333;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 400;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.financials .financials_content .financials_report .item_box_all .item_box .report_content .table_wrapper .table_body .table_row .table_cell.cell_title {
  width: 50%;
  text-align: left;
}
.financials .financials_content .financials_report .item_box_all .item_box .report_content .table_wrapper .table_body .table_row .table_cell.cell_title a {
  color: #333333;
}
.financials .financials_content .financials_report .item_box_all .item_box .report_content .table_wrapper .table_body .table_row .table_cell.cell_type {
  width: 16.67%;
}
.financials .financials_content .financials_report .item_box_all .item_box .report_content .table_wrapper .table_body .table_row .table_cell.cell_date {
  width: 20.83%;
  padding-left: 80px;
  text-align: left;
}
.financials .financials_content .financials_report .item_box_all .item_box .report_content .table_wrapper .table_body .table_row .table_cell.cell_download {
  width: 12.5%;
}
.financials .financials_content .financials_report .item_box_all .item_box .report_content .table_wrapper .table_body .table_row .table_cell.cell_month {
  width: 25%;
}
.financials .financials_content .financials_report .item_box_all .item_box .report_content .table_wrapper .table_body .table_row .table_cell .download_btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 31px;
  height: 36px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.financials .financials_content .financials_report .item_box_all .item_box .report_content .table_wrapper .table_body .table_row .table_cell .download_btn:hover {
  opacity: 0.7;
}
.financials .financials_content .financials_report .item_box_all .item_box .report_content .table_wrapper .table_body .table_row .table_cell.cell_year {
  width: 25%;
}
.financials .financials_content .financials_report .item_box_all .item_box .report_content .table_wrapper .table_body .table_row .table_cell.cell_amount {
  width: 25%;
}
.financials .financials_content .financials_report .item_box_all .item_box .report_content .table_wrapper .table_body .table_row .table_cell.cell_percent {
  width: 25%;
}
.financials .financials_content .financials_report .item_box_all .item_box .report_content .table_wrapper .table_footer {
  background-color: #f5f5f5;
}
.financials .financials_content .financials_report .item_box_all .item_box .report_content .table_wrapper .table_footer .table_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 70px;
  padding: 16px 30px;
  background-color: #ffffff;
  border-top: 2px solid #cccccc;
}
.financials .financials_content .financials_report .item_box_all .item_box .report_content .table_wrapper .table_footer .table_row .table_cell {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.05em;
  color: #333333;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 500;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.financials .financials_content .financials_report .item_box_all .item_box .report_content .table_wrapper .table_footer .table_row .table_cell.cell_month {
  width: 25%;
}
.financials .financials_content .financials_report .item_box_all .item_box .report_content .table_wrapper .table_footer .table_row .table_cell.cell_year {
  width: 25%;
}
.financials .financials_content .financials_report .item_box_all .item_box .report_content .table_wrapper .table_footer .table_row .table_cell.cell_amount {
  width: 25%;
}
.financials .financials_content .financials_report .item_box_all .item_box .report_content .table_wrapper .table_footer .table_row .table_cell.cell_percent {
  width: 25%;
}
@media (max-width: 1200px) {
  .financials .financials_content .financials_report .item_box_all .item_box .report_content .table_wrapper {
    width: 1200px;
  }
}

.pages_content {
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin: 0 auto;
  padding-top: 2.8645833333vw;
  padding-bottom: 6.1979166667vw;
}
.pages_content .sub_menu {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 28px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.pages_content .sub_menu .menu_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.pages_content .sub_menu .menu_item {
  width: 214px;
  height: 56px;
  margin-right: 13px;
  border: 1px solid #898e85;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  cursor: pointer;
  text-decoration: none;
}
.pages_content .sub_menu .menu_item .txt_box {
  font-size: clamp(16px, 0.9375vw, 18px);
  line-height: clamp(16px, 0.9375vw, 18px);
  letter-spacing: 0.075em;
  color: #485043;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 500;
}
.pages_content .sub_menu .menu_item:hover, .pages_content .sub_menu .menu_item.active {
  background-color: #898e85;
  border-color: #898e85;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.pages_content .sub_menu .menu_item:hover .txt_box, .pages_content .sub_menu .menu_item.active .txt_box {
  color: #ffffff;
}
.pages_content .sub_menu .mobile_menu_toggle {
  display: none;
  width: 100%;
  background-color: #485043;
  color: #fff;
  border: none;
  padding: 15px;
  text-align: center;
  font-size: 18px;
  cursor: pointer;
  border-radius: 5px;
  font-family: "Noto Sans TC", sans-serif;
  position: relative;
  padding-right: 30px;
}
.pages_content .sub_menu .mobile_menu_dropdown {
  display: none;
  width: 100%;
  background-color: #eff1ed;
  border: 1px solid #e0e3de;
  border-radius: 5px;
  margin-top: 10px;
  overflow: hidden;
  position: relative;
  z-index: 90;
}
.pages_content .financials_report {
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin: 0 auto;
  /* margin-top: 28px; */
  overflow: hidden;
}
.pages_content .financials_report .item_box_all {
  width: 100%;
  height: auto;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
@media (max-width: 968px) {
  .pages_content .financials_report .item_box_all {
    padding: 0 60px;
  }
}
@media (max-width: 480px) {
  .pages_content .financials_report .item_box_all {
    padding: 0 30px;
  }
}
.pages_content .financials_report .item_box_all .year_selector {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.pages_content .financials_report .item_box_all .year_selector .year_select {
  width: 130px;
  height: 46px;
  padding: 0 15px;
  border: 1px solid #898e85;
  border-radius: 5px;
  background-color: #ffffff;
  font-size: clamp(16px, 0.9375vw, 18px);
  line-height: clamp(16px, 0.9375vw, 18px);
  letter-spacing: 0.075em;
  color: #485043;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 500;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23485043' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 15px center;
  padding-right: 40px;
}
.pages_content .financials_report .item_box_all .year_selector .year_select:hover {
  border-color: #485043;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.pages_content .financials_report .item_box_all .year_selector .year_select:focus {
  outline: none;
  border-color: #485043;
}
.pages_content .financials_report .item_box_all .item_box {
  width: 100%;
  height: auto;
  position: relative;
  background-color: #fff;
  top: 0;
  left: 0;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.pages_content .financials_report .item_box_all .item_box.active {
  position: relative;
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.pages_content .financials_report .item_box_all .item_box .top_title_box {
  width: 100%;
  height: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pages_content .financials_report .item_box_all .item_box .top_title_box .title_txt {
  font-size: clamp(21px, 1.25vw, 24px);
  line-height: clamp(21px, 1.25vw, 24px);
  letter-spacing: 0.075em;
  color: #232323;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 500;
}
.pages_content .financials_report .item_box_all .item_box .top_title_box .unit_txt {
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.05em;
  color: #666666;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 400;
}
.pages_content .financials_report .item_box_all .item_box .top_title_box .year_selector {
  position: relative;
}
.pages_content .financials_report .item_box_all .item_box .top_title_box .year_selector .year_select {
  width: 130px;
  height: 46px;
  padding: 0 15px;
  border: 1px solid #898e85;
  border-radius: 5px;
  background-color: #ffffff;
  font-size: clamp(16px, 0.9375vw, 18px);
  line-height: clamp(16px, 0.9375vw, 18px);
  letter-spacing: 0.075em;
  color: #485043;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 500;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23485043' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 15px center;
  padding-right: 40px;
}
.pages_content .financials_report .item_box_all .item_box .top_title_box .year_selector .year_select:hover {
  border-color: #485043;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.pages_content .financials_report .item_box_all .item_box .top_title_box .year_selector .year_select:focus {
  outline: none;
  border-color: #485043;
}
.pages_content .financials_report .item_box_all .item_box .top_title_box .report_content {
  width: 100%;
  height: auto;
  overflow: auto;
  margin-top: 18px;
}
@media (max-width: 1200px) {
  .pages_content .financials_report .item_box_all .item_box .top_title_box .report_content {
    max-width: 1200px;
  }
}
.pages_content .financials_report .item_box_all .item_box .top_title_box .report_content .table_wrapper {
  width: 100%;
  background-color: #ffffff;
}
.pages_content .financials_report .item_box_all .item_box .top_title_box .report_content .table_wrapper .table_header {
  background-color: #d9d9d9;
  border-bottom: 1px solid #cccccc;
}
.pages_content .financials_report .item_box_all .item_box .top_title_box .report_content .table_wrapper .table_header .table_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 64px;
  padding: 0 30px;
}
.pages_content .financials_report .item_box_all .item_box .top_title_box .report_content .table_wrapper .table_header .table_row .table_cell {
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0.05em;
  color: #333333;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 500;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pages_content .financials_report .item_box_all .item_box .top_title_box .report_content .table_wrapper .table_header .table_row .table_cell.cell_title {
  width: 50%;
  text-align: left;
}
.pages_content .financials_report .item_box_all .item_box .top_title_box .report_content .table_wrapper .table_header .table_row .table_cell.cell_title a {
  color: #333333;
}
.pages_content .financials_report .item_box_all .item_box .top_title_box .report_content .table_wrapper .table_header .table_row .table_cell.cell_type {
  width: 16.67%;
}
.pages_content .financials_report .item_box_all .item_box .top_title_box .report_content .table_wrapper .table_header .table_row .table_cell.cell_date {
  width: 20.83%;
  padding-left: 80px;
  text-align: left;
}
.pages_content .financials_report .item_box_all .item_box .top_title_box .report_content .table_wrapper .table_header .table_row .table_cell.cell_download {
  width: 12.5%;
}
.pages_content .financials_report .item_box_all .item_box .top_title_box .report_content .table_wrapper .table_body {
  background-color: #f5f5f5;
}
.pages_content .financials_report .item_box_all .item_box .top_title_box .report_content .table_wrapper .table_body .table_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 70px;
  padding: 16px 30px;
  border-bottom: 1px solid #e0e0e0;
  background-color: #ffffff;
}
.pages_content .financials_report .item_box_all .item_box .top_title_box .report_content .table_wrapper .table_body .table_row:last-child {
  border-bottom: 1px solid #e0e0e0;
}
.pages_content .financials_report .item_box_all .item_box .top_title_box .report_content .table_wrapper .table_body .table_row:hover {
  background-color: #fafafa;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.pages_content .financials_report .item_box_all .item_box .top_title_box .report_content .table_wrapper .table_body .table_row .table_cell {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.05em;
  color: #333333;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 400;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pages_content .financials_report .item_box_all .item_box .top_title_box .report_content .table_wrapper .table_body .table_row .table_cell.cell_title {
  width: 50%;
  text-align: left;
}
.pages_content .financials_report .item_box_all .item_box .top_title_box .report_content .table_wrapper .table_body .table_row .table_cell.cell_title a {
  color: #333333;
}
.pages_content .financials_report .item_box_all .item_box .top_title_box .report_content .table_wrapper .table_body .table_row .table_cell.cell_type {
  width: 16.67%;
  color: #333333;
}
.pages_content .financials_report .item_box_all .item_box .top_title_box .report_content .table_wrapper .table_body .table_row .table_cell.cell_date {
  width: 20.83%;
  color: #333333;
  padding-left: 80px;
  text-align: left;
}
.pages_content .financials_report .item_box_all .item_box .top_title_box .report_content .table_wrapper .table_body .table_row .table_cell.cell_download {
  width: 12.5%;
}
.pages_content .financials_report .item_box_all .item_box .top_title_box .report_content .table_wrapper .table_body .table_row .table_cell.cell_download .download_btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 31px;
  height: 36px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.pages_content .financials_report .item_box_all .item_box .top_title_box .report_content .table_wrapper .table_body .table_row .table_cell.cell_download .download_btn:hover {
  opacity: 0.7;
}
@media (max-width: 1200px) {
  .pages_content .financials_report .item_box_all .item_box .top_title_box .report_content .table_wrapper {
    width: 1200px;
  }
}
.pages_content .financials_report .revenue_content {
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin-top: 18px;
  overflow-x: auto;
}
.pages_content .financials_report .revenue_content .revenue_table {
  width: 1200px;
  background-color: #ffffff;
}
@media (max-width: 480px) {
  .pages_content .financials_report .revenue_content .revenue_table {
    width: 560px;
  }
}
.pages_content .financials_report .revenue_content .revenue_table .table_header {
  background-color: #d9d9d9;
  border-bottom: 1px solid #cccccc;
}
.pages_content .financials_report .revenue_content .revenue_table .table_header .table_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 64px;
  padding: 0 30px;
}
.pages_content .financials_report .revenue_content .revenue_table .table_header .table_row .table_cell {
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0.05em;
  color: #333333;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 500;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pages_content .financials_report .revenue_content .revenue_table .table_header .table_row .table_cell.cell_month {
  width: 25%;
}
.pages_content .financials_report .revenue_content .revenue_table .table_header .table_row .table_cell.cell_year {
  width: 25%;
}
.pages_content .financials_report .revenue_content .revenue_table .table_header .table_row .table_cell.cell_amount {
  width: 25%;
}
.pages_content .financials_report .revenue_content .revenue_table .table_header .table_row .table_cell.cell_percent {
  width: 25%;
}
.pages_content .financials_report .revenue_content .revenue_table .table_body {
  background-color: #f5f5f5;
}
.pages_content .financials_report .revenue_content .revenue_table .table_body .table_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 56px;
  padding: 12px 30px;
  border-bottom: 1px solid #e0e0e0;
  background-color: #ffffff;
}
.pages_content .financials_report .revenue_content .revenue_table .table_body .table_row:hover {
  background-color: #fafafa;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.pages_content .financials_report .revenue_content .revenue_table .table_body .table_row .table_cell {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.05em;
  color: #333333;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 400;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pages_content .financials_report .revenue_content .revenue_table .table_body .table_row .table_cell.cell_month {
  width: 25%;
}
.pages_content .financials_report .revenue_content .revenue_table .table_body .table_row .table_cell.cell_year {
  width: 25%;
}
.pages_content .financials_report .revenue_content .revenue_table .table_body .table_row .table_cell.cell_amount {
  width: 25%;
}
.pages_content .financials_report .revenue_content .revenue_table .table_body .table_row .table_cell.cell_percent {
  width: 25%;
}
.pages_content .financials_report .revenue_content .revenue_table .table_footer {
  background-color: #f5f5f5;
}
.pages_content .financials_report .revenue_content .revenue_table .table_footer .table_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 56px;
  padding: 12px 30px;
  background-color: #ffffff;
  border-top: 2px solid #cccccc;
}
.pages_content .financials_report .revenue_content .revenue_table .table_footer .table_row .table_cell {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.05em;
  color: #333333;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 500;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pages_content .financials_report .revenue_content .revenue_table .table_footer .table_row .table_cell.cell_month {
  width: 25%;
}
.pages_content .financials_report .revenue_content .revenue_table .table_footer .table_row .table_cell.cell_year {
  width: 25%;
}
.pages_content .financials_report .revenue_content .revenue_table .table_footer .table_row .table_cell.cell_amount {
  width: 25%;
}
.pages_content .financials_report .revenue_content .revenue_table .table_footer .table_row .table_cell.cell_percent {
  width: 25%;
}

@media (max-width: 968px) {
  .financials .financials_top_menu, .financials .financials_content .sub_menu {
    height: auto;
    padding: 20px 60px;
    display: block;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    position: relative;
  }
}
@media (max-width: 968px) and (max-width: 480px) {
  .financials .financials_top_menu, .financials .financials_content .sub_menu {
    padding: 20px 30px;
  }
}
@media (max-width: 968px) {
  .financials .financials_content .sub_menu {
    padding: 20px 0px;
  }
  .financials .financials_top_menu .menu_box, .financials .financials_content .sub_menu .menu_box {
    display: none;
  }
  .financials .financials_top_menu .mobile_menu_toggle, .financials .financials_content .sub_menu .mobile_menu_toggle {
    display: block;
    width: 100%;
    padding: 15px;
    background-color: #485043;
    color: #fff;
    border: none;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    border-radius: 5px;
    font-family: "Noto Sans TC", sans-serif;
    position: relative;
    padding-right: 30px;
  }
  .financials .financials_top_menu .mobile_menu_toggle::after, .financials .financials_content .sub_menu .mobile_menu_toggle::after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    border: 6px solid transparent;
    border-top-color: #fff;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  }
  .financials .financials_top_menu .mobile_menu_toggle.open::after, .financials .financials_content .sub_menu .mobile_menu_toggle.open::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
  }
  .financials .financials_top_menu .mobile_menu_dropdown, .financials .financials_content .sub_menu .mobile_menu_dropdown {
    display: none;
    position: absolute;
    width: calc(100% - 60px);
    background-color: #eff1ed;
    border: 1px solid #e0e3de;
    border-radius: 5px;
    margin-top: 10px;
    overflow: hidden;
    z-index: 90;
  }
  .financials .financials_content .sub_menu .mobile_menu_dropdown {
    width: 100%;
  }
  .financials .financials_top_menu .mobile_menu_dropdown.open, .financials .financials_content .sub_menu .mobile_menu_dropdown.open {
    display: block;
  }
  .financials .financials_top_menu .mobile_menu_dropdown .menu_item, .financials .financials_content .sub_menu .mobile_menu_dropdown .menu_item {
    display: block;
    width: 100%;
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid #e0e3de;
    color: #485043;
    font-family: "Noto Sans TC", sans-serif;
    font-size: 16px;
    text-decoration: none;
    border: none !important;
    border-bottom: 1px solid #e0e3de !important;
    border-radius: 0 !important;
    margin-right: 0 !important;
    height: auto !important;
  }
  .financials .financials_top_menu .mobile_menu_dropdown .menu_item:last-child, .financials .financials_content .sub_menu .mobile_menu_dropdown .menu_item:last-child {
    border-bottom: none;
  }
  .financials .financials_top_menu .mobile_menu_dropdown .menu_item.active,
  .financials .financials_top_menu .mobile_menu_dropdown .menu_item:hover,
  .financials .financials_content .sub_menu .mobile_menu_dropdown .menu_item.active,
  .financials .financials_content .sub_menu .mobile_menu_dropdown .menu_item:hover {
    background-color: #d9d9d9;
  }
  .pages_content .sub_menu, .committee .sub_menu {
    height: auto;
    padding: 20px 60px;
    display: block;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    position: relative;
  }
}
@media (max-width: 968px) and (max-width: 480px) {
  .pages_content .sub_menu, .committee .sub_menu {
    padding: 20px 30px;
  }
}
@media (max-width: 968px) {
  .pages_content .sub_menu .menu_box, .committee .sub_menu .menu_box {
    display: none;
  }
  .pages_content .sub_menu .mobile_menu_toggle, .committee .sub_menu .mobile_menu_toggle {
    display: block;
    width: 100%;
    padding: 15px;
    background-color: #485043;
    color: #fff;
    border: none;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    border-radius: 5px;
    font-family: "Noto Sans TC", sans-serif;
    position: relative;
    padding-right: 30px;
  }
  .pages_content .sub_menu .mobile_menu_toggle::after, .committee .sub_menu .mobile_menu_toggle::after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    border: 6px solid transparent;
    border-top-color: #fff;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  }
  .pages_content .sub_menu .mobile_menu_toggle.open::after, .committee .sub_menu .mobile_menu_toggle.open::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
  }
  .pages_content .sub_menu .mobile_menu_dropdown, .committee .sub_menu .mobile_menu_dropdown {
    display: none;
    position: absolute;
    width: calc(100% - 60px);
    background-color: #eff1ed;
    border: 1px solid #e0e3de;
    border-radius: 5px;
    margin-top: 10px;
    overflow: hidden;
    z-index: 90;
  }
  .pages_content .sub_menu .mobile_menu_dropdown.open, .committee .sub_menu .mobile_menu_dropdown.open {
    display: block;
  }
  .pages_content .sub_menu .mobile_menu_dropdown .menu_item, .committee .sub_menu .mobile_menu_dropdown .menu_item {
    display: block;
    width: 100%;
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid #e0e3de;
    color: #485043;
    font-family: "Noto Sans TC", sans-serif;
    font-size: 16px;
    text-decoration: none;
    border: none !important;
    border-bottom: 1px solid #e0e3de !important;
    border-radius: 0 !important;
    margin-right: 0 !important;
    height: auto !important;
  }
  .pages_content .sub_menu .mobile_menu_dropdown .menu_item:last-child, .committee .sub_menu .mobile_menu_dropdown .menu_item:last-child {
    border-bottom: none;
  }
  .pages_content .sub_menu .mobile_menu_dropdown .menu_item.active,
  .pages_content .sub_menu .mobile_menu_dropdown .menu_item:hover,
  .committee .sub_menu .mobile_menu_dropdown .menu_item.active,
  .committee .sub_menu .mobile_menu_dropdown .menu_item:hover {
    background-color: #d9d9d9;
  }
}
.corporate_list {
  width: 100%;
  height: auto;
}
.corporate_list .corporate_list_top_txtbox {
  width: 100%;
  max-width: 1200px;
  height: 175px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
}
@media (max-width: 968px) {
  .corporate_list .corporate_list_top_txtbox {
    padding: 0 60px;
  }
}
@media (max-width: 480px) {
  .corporate_list .corporate_list_top_txtbox {
    padding: 0 30px;
  }
}
.corporate_list .corporate_list_top_txtbox .top_title {
  width: 100%;
  height: auto;
  font-size: clamp(37px, 2.0833333333vw, 40px);
  line-height: clamp(37px, 2.0833333333vw, 40px);
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 600;
  color: #47513e;
  margin-bottom: 1.5625vw;
}
.corporate_list .corporate_list_top_txtbox .top_textbox_desc {
  width: 100%;
  height: auto;
  font-size: clamp(16px, 1.0416666667vw, 18px);
  line-height: clamp(30px, 1.875vw, 36px);
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 400;
  color: #222222;
}
.corporate_list .corporate_content {
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin: 0 auto;
  padding-bottom: 7.1875vw;
}
@media (max-width: 968px) {
  .corporate_list .corporate_content {
    padding: 0 60px;
    padding-bottom: 60px;
  }
}
@media (max-width: 480px) {
  .corporate_list .corporate_content {
    padding: 0 30px;
    padding-bottom: 60px;
  }
}
.corporate_list .corporate_content .content_box {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 50px 50px;
}
@media (max-width: 968px) {
  .corporate_list .corporate_content .content_box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.corporate_list .corporate_content .content_box .item_box {
  width: calc(50% - 25px);
  height: auto;
}
@media (max-width: 968px) {
  .corporate_list .corporate_content .content_box .item_box {
    width: 100%;
  }
}
.corporate_list .corporate_content .content_box .item_box .item_photo {
  width: 100%;
  height: auto;
}
.corporate_list .corporate_content .content_box .item_box .item_photo img {
  width: 100%;
  height: auto;
}
.corporate_list .corporate_content .content_box .item_box .item_txt {
  width: 100%;
  height: auto;
  margin-top: 1.3541666667vw;
  padding-left: 22px;
  font-size: clamp(18px, 1.0416666667vw, 20px);
  line-height: clamp(18px, 1.0416666667vw, 20px);
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 500;
  letter-spacing: 0.075em;
  color: #485043;
  position: relative;
}
.corporate_list .corporate_content .content_box .item_box .item_txt::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #485043;
  border-radius: 50%;
  top: 7px;
  left: 7px;
}

.committee {
  width: 100%;
  height: auto;
}
.committee .committee_content {
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin: 0 auto;
  padding-top: 2.9166666667vw;
  padding-bottom: 5.8333333333vw;
}
.committee .committee_content .sub_menu {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 28px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 480px) {
  .committee .committee_content .sub_menu {
    padding: 20px 30px;
  }
}
.committee .committee_content .sub_menu .menu_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media (max-width: 968px) {
  .committee .committee_content .sub_menu .menu_box {
    display: none;
  }
}
.committee .committee_content .sub_menu .menu_item {
  width: 214px;
  height: 56px;
  margin-right: 13px;
  border: 1px solid #898e85;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  cursor: pointer;
  text-decoration: none;
}
.committee .committee_content .sub_menu .menu_item .txt_box {
  font-size: clamp(16px, 0.9375vw, 18px);
  line-height: clamp(16px, 0.9375vw, 18px);
  letter-spacing: 0.075em;
  color: #485043;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 500;
}
.committee .committee_content .sub_menu .menu_item:hover, .committee .committee_content .sub_menu .menu_item.active {
  background-color: #898e85;
  border-color: #898e85;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.committee .committee_content .sub_menu .menu_item:hover .txt_box, .committee .committee_content .sub_menu .menu_item.active .txt_box {
  color: #ffffff;
}
.committee .committee_content .sub_menu .mobile_menu_toggle {
  display: none;
  width: 100%;
  background-color: #485043;
  color: #fff;
  border: none;
  padding: 15px;
  text-align: center;
  font-size: 18px;
  cursor: pointer;
  border-radius: 5px;
  font-family: "Noto Sans TC", sans-serif;
  position: relative;
  padding-right: 30px;
}
@media (max-width: 968px) {
  .committee .committee_content .sub_menu .mobile_menu_toggle {
    display: block;
    width: 100%;
    padding: 15px;
    background-color: #485043;
    color: #fff;
    border: none;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    border-radius: 5px;
    font-family: "Noto Sans TC", sans-serif;
    position: relative;
    padding-right: 30px;
  }
}
.committee .committee_content .sub_menu .mobile_menu_dropdown {
  display: none;
  width: 100%;
  background-color: #eff1ed;
  border: 1px solid #e0e3de;
  border-radius: 5px;
  margin-top: 10px;
  overflow: hidden;
  position: relative;
  z-index: 90;
}
.committee .committee_content .sub_menu .mobile_menu_dropdown .menu_item {
  width: 100%;
}
.committee .committee_content .txt_box {
  width: 100%;
  height: auto;
  font-size: clamp(16px, 1.0416666667vw, 20px);
  line-height: clamp(26px, 1.5625vw, 30px);
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 400;
  color: #47513e;
  text-align: center;
}
@media (max-width: 600px) {
  .committee .committee_content .txt_box {
    padding: 0 30px;
  }
}
.committee .committee_content .committee_list {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 26px 62px;
  margin-top: 3.3854166667vw;
}
@media (max-width: 1024px) {
  .committee .committee_content .committee_list {
    gap: 20px 30px;
    margin-top: 30px;
  }
}
@media (max-width: 600px) {
  .committee .committee_content .committee_list {
    padding: 0 30px;
  }
}
.committee .committee_content .committee_list .list_item {
  width: calc(25% - 42px);
  height: auto;
}
@media (max-width: 1024px) {
  .committee .committee_content .committee_list .list_item {
    width: calc(33.3333333333% - 15px);
  }
}
@media (max-width: 600px) {
  .committee .committee_content .committee_list .list_item {
    width: calc(50% - 15px);
  }
}
.committee .committee_content .committee_list .list_item .item_photo {
  width: 100%;
  height: auto;
}
.committee .committee_content .committee_list .list_item .item_photo img {
  width: 100%;
  height: auto;
}
.committee .committee_content .committee_list .list_item .item_tbox {
  width: 100%;
  height: 76px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.committee .committee_content .committee_list .list_item .item_tbox .txt_box {
  width: auto;
  height: auto;
  font-size: clamp(20px, 1.1458333333vw, 22px);
  line-height: clamp(20px, 1.1458333333vw, 22px);
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 600;
  color: #232524;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.committee .committee_content .committee_list .list_item .item_tbox .txt_box span {
  font-size: 36px;
  color: #898e85;
  font-weight: 700;
  margin-left: 5px;
}

/* 拷貝範例
opacity: 0;
transform: translateY(40px);
transition: all 0.3s, opacity $ani_duration $ani_function, transform $ani_duration $ani_function;
*/
.module_desc {
  color: #393939;
  line-height: 1.8;
  text-align: justify;
}
.module_desc.white {
  color: #fff;
}

.button_set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  margin-top: 40px !important;
}
@media (max-width: 1200px) {
  .button_set {
    margin-top: 35px !important;
  }
}
.button_set.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.button_set.no_middle [class^=button].middle {
  display: none;
}

.cb_module {
  font-family: "Noto Sans TC", sans-serif;
  -webkit-transition: all 0.3s, opacity 1s ease-out, -webkit-transform 1s ease-out;
  transition: all 0.3s, opacity 1s ease-out, -webkit-transform 1s ease-out;
  transition: all 0.3s, opacity 1s ease-out, transform 1s ease-out;
  transition: all 0.3s, opacity 1s ease-out, transform 1s ease-out, -webkit-transform 1s ease-out;
}
.cb_module.cb_margin_bottom {
  margin: 0 0 95px;
}
@media (max-width: 1440px) {
  .cb_module.cb_margin_bottom {
    margin: 0 0 70px;
  }
}
@media (max-width: 960px) {
  .cb_module.cb_margin_bottom {
    margin: 0 0 50px;
  }
}
@media (max-width: 480px) {
  .cb_module.cb_margin_bottom {
    margin: 0 0 40px;
  }
}
.cb_module * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cb_module p {
  line-height: 1.8;
  margin: 0;
}
.cb_module img {
  display: block;
  height: auto !important;
}
.cb_module .cb_title h2 {
  font-size: 23px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  margin: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 640px) {
  .cb_module .cb_title h2 {
    font-size: 21px;
  }
}
.cb_module .cb_title h3 {
  font-size: 18px;
  font-weight: 500;
  font-family: "Noto Sans TC", sans-serif;
  margin: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 640px) {
  .cb_module .cb_title h3 {
    font-size: 16px;
  }
}

.cb_text02 .comma_box {
  position: relative;
  padding: 50px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 991px) {
  .cb_text02 .comma_box {
    padding: 40px;
  }
}
.cb_text02 .comma_box::before {
  content: "“";
  position: absolute;
  top: 15px;
  left: -20px;
  color: #db9b8f;
  font-size: 62px;
  font-weight: 500;
  font-family: "Noto Sans TC", sans-serif;
  line-height: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 991px) {
  .cb_text02 .comma_box::before {
    top: 10px;
    left: -25px;
  }
}
.cb_text02 .comma_box::after {
  content: "”";
  position: absolute;
  bottom: -20px;
  right: -20px;
  color: #db9b8f;
  font-size: 62px;
  font-weight: 500;
  font-family: "Noto Sans TC", sans-serif;
  line-height: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 991px) {
  .cb_text02 .comma_box::after {
    bottom: -25px;
    right: -25px;
  }
}

.cb_text03.cb_margin_bottom {
  margin: 0 0 20px !important;
}
.cb_text03 blockquote {
  padding: 10px 20px;
  margin: 0;
  border-left: 5px solid #db9b8f;
}
.cb_text03 blockquote p {
  font-weight: 500;
}

.cb_text04 .frame_box {
  padding: 0 7.5px;
}
.cb_text04 .frame_box > div {
  position: relative;
  padding: 40px 16px;
  margin-top: 15.5px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 991px) {
  .cb_text04 .frame_box > div {
    padding: 30px 16px;
  }
}
.cb_text04 .frame_box > div .frame_name {
  position: absolute;
  top: 0;
  left: 50%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 0 12px;
  background: #fff;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.cb_text05 .cb_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 40px 0;
  margin: 0 -20px;
}
@media (max-width: 1200px) {
  .cb_text05 .cb_content {
    gap: 20px 0;
    margin: 0 -10px;
  }
}
.cb_text05 .cb_content > div {
  width: 50%;
  padding: 0 20px;
}
@media (max-width: 1200px) {
  .cb_text05 .cb_content > div {
    padding: 0 10px;
  }
}
@media (max-width: 960px) {
  .cb_text05 .cb_content > div {
    width: 100%;
  }
}
.cb_text05 .cb_content > div .cb_title {
  margin-bottom: 10px;
}

.cb_text06 .cb_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 40px 0;
  margin: 0 -20px;
}
@media (max-width: 1200px) {
  .cb_text06 .cb_content {
    gap: 20px 0;
    margin: 0 -10px;
  }
}
.cb_text06 .cb_content > div {
  width: 50%;
  padding: 0 20px;
}
@media (max-width: 1200px) {
  .cb_text06 .cb_content > div {
    padding: 0 10px;
  }
}
@media (max-width: 960px) {
  .cb_text06 .cb_content > div {
    width: 100%;
  }
}
.cb_text06 .cb_content > div > div {
  padding: 30px;
}
@media (max-width: 480px) {
  .cb_text06 .cb_content > div > div {
    padding: 25px;
  }
}
.cb_text06 .cb_content > div > div .cb_title {
  margin-bottom: 10px;
}

.cb_text07 .cb_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 40px 0;
  margin: 0 -20px;
}
@media (max-width: 1200px) {
  .cb_text07 .cb_content {
    gap: 20px 0;
    margin: 0 -10px;
  }
}
.cb_text07 .cb_content > div {
  width: 50%;
  padding: 0 20px;
}
@media (max-width: 1200px) {
  .cb_text07 .cb_content > div {
    padding: 0 10px;
  }
}
@media (max-width: 960px) {
  .cb_text07 .cb_content > div {
    width: 100%;
  }
}
.cb_text07 .cb_content > div .cb_title {
  padding-bottom: 15px;
  margin-bottom: 14px;
}

.cb_text08 .cb_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 40px 0;
  margin: 0 -20px;
}
@media (max-width: 1200px) {
  .cb_text08 .cb_content {
    gap: 20px 0;
    margin: 0 -10px;
  }
}
.cb_text08 .cb_content > div {
  width: 50%;
  padding: 0 20px;
}
@media (max-width: 1200px) {
  .cb_text08 .cb_content > div {
    padding: 0 10px;
  }
}
@media (max-width: 960px) {
  .cb_text08 .cb_content > div {
    width: 100%;
  }
}
.cb_text08 .cb_content > div > div {
  padding: 30px;
}
@media (max-width: 480px) {
  .cb_text08 .cb_content > div > div {
    padding: 25px;
  }
}
.cb_text08 .cb_content > div > div .cb_title {
  padding-bottom: 15px;
  margin-bottom: 14px;
}

.cb_text09 p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0;
}
.cb_text09 p > span:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  top: -4px;
  width: 35px;
  height: 35px;
  margin-right: 15px;
  border-radius: 50%;
}

.cb_text10 .cb_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 60px;
}
@media (max-width: 720px) {
  .cb_text10 .cb_content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.cb_text10 .cb_content > div:nth-child(1) {
  width: 100%;
}
.cb_text10 .cb_content > div:nth-child(2) {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.cb_photo01 {
  width: 100%;
}
.cb_photo01 img {
  width: 100%;
  margin: 0 auto;
}

.cb_photo02 .cb_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.cb_photo02 .cb_wrap > div:nth-child(1) {
  width: calc(50% + 65px);
  padding-right: 25px;
}
@media (max-width: 960px) {
  .cb_photo02 .cb_wrap > div:nth-child(1) {
    width: 100%;
    padding-right: 0;
    margin-bottom: 35px;
  }
}
.cb_photo02 .cb_wrap > div:nth-child(1) img {
  width: 100%;
}
.cb_photo02 .cb_wrap > div:nth-child(2) {
  width: calc(50% - 65px);
  padding-left: 25px;
}
@media (max-width: 960px) {
  .cb_photo02 .cb_wrap > div:nth-child(2) {
    width: 100%;
    padding-left: 0;
  }
}

.cb_photo03 .cb_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
@media (max-width: 960px) {
  .cb_photo03 .cb_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.cb_photo03 .cb_wrap > div:nth-child(1) {
  width: calc(50% - 65px);
  padding-right: 25px;
}
@media (max-width: 960px) {
  .cb_photo03 .cb_wrap > div:nth-child(1) {
    width: 100%;
    padding-right: 0;
  }
}
.cb_photo03 .cb_wrap > div:nth-child(2) {
  width: calc(50% + 65px);
  padding-left: 25px;
}
@media (max-width: 960px) {
  .cb_photo03 .cb_wrap > div:nth-child(2) {
    width: 100%;
    padding-left: 0;
    margin-bottom: 35px;
  }
}
.cb_photo03 .cb_wrap > div:nth-child(2) img {
  width: 100%;
}

.cb_photo04 .cb_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cb_photo04 .cb_wrap > div {
  width: 50%;
}
@media (max-width: 960px) {
  .cb_photo04 .cb_wrap > div {
    width: 100%;
  }
}
.cb_photo04 .cb_wrap > div:nth-child(1) img {
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.cb_photo04 .cb_wrap > div:nth-child(2) {
  padding: 3.5% 10% 3.5% 5%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1366px) {
  .cb_photo04 .cb_wrap > div:nth-child(2) {
    padding: 3.5% 5%;
  }
}

.cb_photo05 .cb_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 960px) {
  .cb_photo05 .cb_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.cb_photo05 .cb_wrap > div {
  width: 50%;
}
@media (max-width: 960px) {
  .cb_photo05 .cb_wrap > div {
    width: 100%;
  }
}
.cb_photo05 .cb_wrap > div:nth-child(1) {
  padding: 3.5% 5% 3.5% 10%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1366px) {
  .cb_photo05 .cb_wrap > div:nth-child(1) {
    padding: 3.5% 5%;
  }
}
.cb_photo05 .cb_wrap > div:nth-child(2) img {
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}

.cb_photo06 {
  position: relative;
  padding: 5.8% 30px;
}
@media (max-width: 960px) {
  .cb_photo06 {
    padding: 10% 30px;
  }
}
.cb_photo06 .cb_background {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.cb_photo06 .cb_background img {
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.cb_photo06 .cb_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.cb_photo06 .cb_wrap > div {
  width: 100%;
  max-width: 780px;
}

.cb_photo07 {
  position: relative;
  padding: 5.8% 30px;
}
@media (max-width: 960px) {
  .cb_photo07 {
    padding: 10% 30px;
  }
}
.cb_photo07 .cb_background {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.cb_photo07 .cb_background img {
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.cb_photo07 .cb_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.cb_photo07 .cb_wrap > div {
  width: 100%;
  max-width: calc(100% - 10.416vw);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 840px) {
  .cb_photo07 .cb_wrap > div {
    max-width: 100%;
  }
}
.cb_photo07 .cb_wrap > div > div {
  width: 100%;
  max-width: 545px;
}

.cb_photo08 {
  position: relative;
  padding: 5.8% 30px;
}
@media (max-width: 960px) {
  .cb_photo08 {
    padding: 10% 30px;
  }
}
.cb_photo08 .cb_background {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.cb_photo08 .cb_background img {
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.cb_photo08 .cb_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.cb_photo08 .cb_wrap > div {
  width: 100%;
  max-width: calc(100% - 10.416vw);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 840px) {
  .cb_photo08 .cb_wrap > div {
    max-width: 100%;
  }
}
.cb_photo08 .cb_wrap > div > div {
  width: 100%;
  max-width: 545px;
  margin: 0 0 0 auto;
}

.cb_photo09 {
  position: relative;
  padding: 5.8% 30px;
}
@media (max-width: 960px) {
  .cb_photo09 {
    padding: 10% 30px;
  }
}
.cb_photo09 .cb_background {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.cb_photo09 .cb_background img {
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.cb_photo09 .cb_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.cb_photo09 .cb_wrap > div {
  width: 100%;
  max-width: 900px;
  padding: 3.125vw;
}

.cb_photo10 .cb_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cb_photo10 .cb_wrap .cb_marquee {
  position: relative;
  width: 17.34%;
  overflow: hidden;
}
@media (max-width: 840px) {
  .cb_photo10 .cb_wrap .cb_marquee {
    display: none;
  }
}
.cb_photo10 .cb_wrap .cb_marquee p {
  position: absolute;
  top: 100%;
  left: 50%;
  color: transparent;
  font-size: calc(3.64583vw + 3rem);
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  white-space: nowrap;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  -webkit-animation: cb_marquee 15s linear infinite;
          animation: cb_marquee 15s linear infinite;
}
@-webkit-keyframes cb_marquee {
  0% {
    top: 100%;
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
  }
  100% {
    top: 0%;
    -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
  }
}
@keyframes cb_marquee {
  0% {
    top: 100%;
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
  }
  100% {
    top: 0%;
    -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
  }
}
.cb_photo10 .cb_wrap .cb_marquee p:hover {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.cb_photo10 .cb_wrap .cb_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 82.66%;
  padding: 40px 0 40px 40px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1200px) {
  .cb_photo10 .cb_wrap .cb_content {
    padding: 20px 0 20px 20px;
  }
}
@media (max-width: 840px) {
  .cb_photo10 .cb_wrap .cb_content {
    width: 100%;
  }
}
@media (max-width: 720px) {
  .cb_photo10 .cb_wrap .cb_content {
    padding: 20px;
  }
}
.cb_photo10 .cb_wrap .cb_content > div:nth-child(1) {
  width: 36.917%;
}
@media (max-width: 720px) {
  .cb_photo10 .cb_wrap .cb_content > div:nth-child(1) {
    width: 100%;
  }
}
.cb_photo10 .cb_wrap .cb_content > div:nth-child(1) img {
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.cb_photo10 .cb_wrap .cb_content > div:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 63.083%;
  padding: 5.2083vw;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1440px) {
  .cb_photo10 .cb_wrap .cb_content > div:nth-child(2) {
    padding: 3vw;
  }
}
@media (max-width: 720px) {
  .cb_photo10 .cb_wrap .cb_content > div:nth-child(2) {
    width: 100%;
  }
}
.cb_photo10 .cb_wrap .cb_content > div:nth-child(2) > div {
  width: 100%;
  max-width: 572px;
}
.cb_photo10.mirror .cb_wrap {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.cb_photo10.mirror .cb_wrap .cb_marquee {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.cb_photo10.mirror .cb_wrap .cb_content > div:nth-child(1) img {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.cb_photo10.mirror .cb_wrap .cb_content > div:nth-child(2) > div {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.cb_photo11 {
  background: linear-gradient(to bottom, transparent 0%, transparent 246px, var(--bg-color) 246px, var(--bg-color) 100%);
}
@media (max-width: 1300px) {
  .cb_photo11 {
    background: var(--bg-color);
  }
}
.cb_photo11 .cb_content {
  width: calc(100% - 60px);
  max-width: 1300px;
  margin: 0 auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1366px) {
  .cb_photo11 .cb_content {
    width: 100%;
  }
}
.cb_photo11 .cb_content > div:nth-child(1) img {
  width: 100%;
}
.cb_photo11 .cb_content > div:nth-child(2) {
  padding: 40px 15px 60px;
}

.cb_photo12 .cb_wrap {
  position: relative;
  padding: 3.90625vw 0;
}
@media (max-width: 840px) {
  .cb_photo12 .cb_wrap {
    padding: 0;
  }
}
.cb_photo12 .cb_wrap .bg_color {
  position: absolute;
  top: 0;
  right: 0;
  width: 86.98%;
  height: 100%;
  z-index: -1;
}
@media (max-width: 840px) {
  .cb_photo12 .cb_wrap .bg_color {
    width: 100%;
  }
}
.cb_photo12 .cb_wrap .cb_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cb_photo12 .cb_wrap .cb_content > div:nth-child(1) {
  width: 43.75%;
}
@media (max-width: 840px) {
  .cb_photo12 .cb_wrap .cb_content > div:nth-child(1) {
    width: 100%;
  }
}
.cb_photo12 .cb_wrap .cb_content > div:nth-child(1) div {
  position: relative;
  height: 0;
  padding-bottom: 71.43%;
  overflow: hidden;
}
.cb_photo12 .cb_wrap .cb_content > div:nth-child(1) div img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.cb_photo12 .cb_wrap .cb_content > div:nth-child(2) {
  width: 56.25%;
  padding: 0 7.0312vw 0 3.5156vw;
}
@media (max-width: 840px) {
  .cb_photo12 .cb_wrap .cb_content > div:nth-child(2) {
    width: 100%;
    padding: 30px;
  }
}
@media (max-width: 480px) {
  .cb_photo12 .cb_wrap .cb_content > div:nth-child(2) {
    padding: 15px;
  }
}

.cb_photo13 .cb_wrap {
  position: relative;
  padding: 3.90625vw 0;
}
@media (max-width: 840px) {
  .cb_photo13 .cb_wrap {
    padding: 0;
  }
}
.cb_photo13 .cb_wrap .bg_color {
  position: absolute;
  top: 0;
  left: 0;
  width: 86.98%;
  height: 100%;
  z-index: -1;
}
@media (max-width: 840px) {
  .cb_photo13 .cb_wrap .bg_color {
    width: 100%;
  }
}
.cb_photo13 .cb_wrap .cb_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 840px) {
  .cb_photo13 .cb_wrap .cb_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.cb_photo13 .cb_wrap .cb_content > div:nth-child(1) {
  width: 56.25%;
  padding: 0 3.5156vw 0 7.0312vw;
}
@media (max-width: 840px) {
  .cb_photo13 .cb_wrap .cb_content > div:nth-child(1) {
    width: 100%;
    padding: 30px;
  }
}
@media (max-width: 480px) {
  .cb_photo13 .cb_wrap .cb_content > div:nth-child(1) {
    padding: 15px;
  }
}
.cb_photo13 .cb_wrap .cb_content > div:nth-child(2) {
  width: 43.75%;
}
@media (max-width: 840px) {
  .cb_photo13 .cb_wrap .cb_content > div:nth-child(2) {
    width: 100%;
  }
}
.cb_photo13 .cb_wrap .cb_content > div:nth-child(2) div {
  position: relative;
  height: 0;
  padding-bottom: 71.43%;
  overflow: hidden;
}
.cb_photo13 .cb_wrap .cb_content > div:nth-child(2) div img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}

.cb_photo14 .cb_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.cb_photo14 .cb_wrap > div:nth-child(1) {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: calc(25% + 25px);
  padding-right: 25px;
}
@media (max-width: 960px) {
  .cb_photo14 .cb_wrap > div:nth-child(1) {
    width: 100%;
    max-width: 350px;
    padding-right: 0;
    margin-bottom: 35px;
  }
}
.cb_photo14 .cb_wrap > div:nth-child(1) img {
  width: 100%;
}
.cb_photo14 .cb_wrap > div:nth-child(2) {
  width: calc(75% - 25px);
  padding-left: 25px;
}
@media (max-width: 960px) {
  .cb_photo14 .cb_wrap > div:nth-child(2) {
    width: 100%;
    padding-left: 0;
  }
}

.cb_photo15 .cb_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
@media (max-width: 960px) {
  .cb_photo15 .cb_wrap {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.cb_photo15 .cb_wrap > div:nth-child(1) {
  width: calc(75% - 25px);
  padding-right: 25px;
}
@media (max-width: 960px) {
  .cb_photo15 .cb_wrap > div:nth-child(1) {
    width: 100%;
    padding-right: 0;
  }
}
.cb_photo15 .cb_wrap > div:nth-child(2) {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: calc(25% + 25px);
  padding-left: 25px;
}
@media (max-width: 960px) {
  .cb_photo15 .cb_wrap > div:nth-child(2) {
    width: 100%;
    max-width: 350px;
    padding-left: 0;
    margin-bottom: 35px;
  }
}
.cb_photo15 .cb_wrap > div:nth-child(2) img {
  width: 100%;
}

.cb_photo16 .cb_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.cb_photo16 .cb_wrap > div:nth-child(1) {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: calc(25% + 25px);
  padding-right: 25px;
}
@media (max-width: 960px) {
  .cb_photo16 .cb_wrap > div:nth-child(1) {
    width: 100%;
    max-width: 350px;
    padding-right: 0;
    margin-bottom: 35px;
  }
}
.cb_photo16 .cb_wrap > div:nth-child(1) > div {
  position: relative;
  height: 0;
  padding-bottom: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.cb_photo16 .cb_wrap > div:nth-child(1) > div img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.cb_photo16 .cb_wrap > div:nth-child(2) {
  width: calc(75% - 25px);
  padding-left: 25px;
}
@media (max-width: 960px) {
  .cb_photo16 .cb_wrap > div:nth-child(2) {
    width: 100%;
    padding-left: 0;
  }
}

.cb_photo17 .cb_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
@media (max-width: 960px) {
  .cb_photo17 .cb_wrap {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.cb_photo17 .cb_wrap > div:nth-child(1) {
  width: calc(75% - 25px);
  padding-right: 25px;
}
@media (max-width: 960px) {
  .cb_photo17 .cb_wrap > div:nth-child(1) {
    width: 100%;
    padding-right: 0;
  }
}
.cb_photo17 .cb_wrap > div:nth-child(2) {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: calc(25% + 25px);
  padding-left: 25px;
}
@media (max-width: 960px) {
  .cb_photo17 .cb_wrap > div:nth-child(2) {
    width: 100%;
    max-width: 350px;
    padding-left: 0;
    margin-bottom: 35px;
  }
}
.cb_photo17 .cb_wrap > div:nth-child(2) > div {
  position: relative;
  height: 0;
  padding-bottom: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.cb_photo17 .cb_wrap > div:nth-child(2) > div img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}

.cb_card01 .cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -15px;
}
.cb_card01 .cards > div {
  width: 50%;
  padding: 15px;
}
@media (max-width: 720px) {
  .cb_card01 .cards > div {
    width: 100%;
  }
}
.cb_card01 .cards > div img {
  width: 100%;
}

.cb_card02 .cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -15px;
}
.cb_card02 .cards > div {
  width: 33.3333333333%;
  padding: 15px;
}
@media (max-width: 960px) {
  .cb_card02 .cards > div {
    width: 50%;
  }
}
@media (max-width: 720px) {
  .cb_card02 .cards > div {
    width: 100%;
  }
}
.cb_card02 .cards > div img {
  width: 100%;
}

.cb_card03 .cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -15px;
}
.cb_card03 .cards > div {
  width: 25%;
  padding: 15px;
}
@media (max-width: 1200px) {
  .cb_card03 .cards > div {
    width: 33.3333333333%;
  }
}
@media (max-width: 960px) {
  .cb_card03 .cards > div {
    width: 50%;
  }
}
@media (max-width: 720px) {
  .cb_card03 .cards > div {
    width: 100%;
  }
}
.cb_card03 .cards > div img {
  width: 100%;
}

.cb_card04 .cb_slick:not(.slick-slider) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -15px;
}
.cb_card04 .cb_slick:not(.slick-slider) > div {
  width: 33.3333333333%;
  padding: 15px;
}
.cb_card04 .cb_slick:not(.slick-slider) > div > img {
  width: 100%;
}
.cb_card04 .cb_slick:not(.slick-slider) > div > div {
  padding: 25px 15px 30px;
}
.cb_card04 .cb_slick.slick-slider {
  margin: 0 -15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 720px) {
  .cb_card04 .cb_slick.slick-slider {
    margin: 0 -5px;
  }
}
.cb_card04 .cb_slick.slick-slider .slick-slide {
  padding: 0 15px;
}
@media (max-width: 720px) {
  .cb_card04 .cb_slick.slick-slider .slick-slide {
    padding: 0 5px;
  }
}
.cb_card04 .cb_slick.slick-slider .slick-slide > img {
  width: 100%;
}
.cb_card04 .cb_slick.slick-slider .slick-slide > div {
  padding: 25px 15px 30px;
}

.cb_card05 .cb_slick:not(.slick-slider) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -10px;
}
.cb_card05 .cb_slick:not(.slick-slider) > div {
  width: 25%;
  padding: 10px;
}
.cb_card05 .cb_slick:not(.slick-slider) > div > img {
  width: 100%;
}
.cb_card05 .cb_slick:not(.slick-slider) > div > div {
  padding: 25px 15px 30px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cb_card05 .cb_slick:not(.slick-slider) > div > div p {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cb_card05 .cb_slick:not(.slick-slider) > div:hover > div {
  background: #db9b8f !important;
}
.cb_card05 .cb_slick:not(.slick-slider) > div:hover > div h3 {
  color: #fff;
}
.cb_card05 .cb_slick:not(.slick-slider) > div:hover > div p {
  color: #fff;
}
.cb_card05 .cb_slick:not(.slick-slider) > div:hover > div .cb_button01.reverse {
  color: #393939;
  background: #e6e7e8 !important;
}
.cb_card05 .cb_slick.slick-slider {
  margin: 0 -10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 720px) {
  .cb_card05 .cb_slick.slick-slider {
    margin: 0 -5px;
  }
}
.cb_card05 .cb_slick.slick-slider .slick-slide {
  padding: 0 10px;
}
@media (max-width: 720px) {
  .cb_card05 .cb_slick.slick-slider .slick-slide {
    padding: 0 5px;
  }
}
.cb_card05 .cb_slick.slick-slider .slick-slide > img {
  width: 100%;
}
.cb_card05 .cb_slick.slick-slider .slick-slide > div {
  padding: 25px 15px 30px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cb_card05 .cb_slick.slick-slider .slick-slide > div p {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cb_card05 .cb_slick.slick-slider .slick-slide:hover > div {
  background: #db9b8f !important;
}
.cb_card05 .cb_slick.slick-slider .slick-slide:hover > div h3 {
  color: #fff;
}
.cb_card05 .cb_slick.slick-slider .slick-slide:hover > div p {
  color: #fff;
}
.cb_card05 .cb_slick.slick-slider .slick-slide:hover > div .cb_button01.reverse {
  color: #393939;
  background: #e6e7e8 !important;
}

.cb_card06 .cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -15px;
}
.cb_card06 .cards > div {
  width: 50%;
  padding: 15px;
}
@media (max-width: 720px) {
  .cb_card06 .cards > div {
    width: 100%;
  }
}
.cb_card06 .cards > div .image {
  max-width: 52.5547445255%;
  margin: 0 auto;
}
.cb_card06 .cards > div .image > div {
  position: relative;
  height: 0;
  padding-bottom: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.cb_card06 .cards > div .image > div img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}

.cb_card07 .cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -15px;
}
.cb_card07 .cards > div {
  width: 33.3333333333%;
  padding: 15px;
}
@media (max-width: 960px) {
  .cb_card07 .cards > div {
    width: 50%;
  }
}
@media (max-width: 720px) {
  .cb_card07 .cards > div {
    width: 100%;
  }
}
.cb_card07 .cards > div .image {
  max-width: 77.1812080537%;
  margin: 0 auto;
}
.cb_card07 .cards > div .image > div {
  position: relative;
  height: 0;
  padding-bottom: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.cb_card07 .cards > div .image > div img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}

.cb_card08 .cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -15px;
}
.cb_card08 .cards > div {
  width: 25%;
  padding: 15px;
}
@media (max-width: 1200px) {
  .cb_card08 .cards > div {
    width: 33.3333333333%;
  }
}
@media (max-width: 960px) {
  .cb_card08 .cards > div {
    width: 50%;
  }
}
@media (max-width: 720px) {
  .cb_card08 .cards > div {
    width: 100%;
  }
}
.cb_card08 .cards > div .image {
  max-width: 72.5373134328%;
  margin: 0 auto;
}
.cb_card08 .cards > div .image > div {
  position: relative;
  height: 0;
  padding-bottom: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.cb_card08 .cards > div .image > div img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}

.cb_card09 .cb_slick:not(.slick-slider) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -15px;
}
.cb_card09 .cb_slick:not(.slick-slider) > div {
  width: 33.3333333333%;
  padding: 15px;
}
.cb_card09 .cb_slick:not(.slick-slider) > div > div:nth-child(1) {
  max-width: 77.1812080537%;
  margin: 0 auto 20px;
}
.cb_card09 .cb_slick:not(.slick-slider) > div > div:nth-child(1) > div {
  position: relative;
  height: 0;
  padding-bottom: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.cb_card09 .cb_slick:not(.slick-slider) > div > div:nth-child(1) > div img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.cb_card09 .cb_slick:not(.slick-slider) > div > div:nth-child(2) {
  padding: 15px 15px 20px;
}
.cb_card09 .cb_slick.slick-slider {
  margin: 0 -15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 720px) {
  .cb_card09 .cb_slick.slick-slider {
    margin: 0 -5px;
  }
}
.cb_card09 .cb_slick.slick-slider .slick-slide {
  padding: 0 15px;
}
@media (max-width: 720px) {
  .cb_card09 .cb_slick.slick-slider .slick-slide {
    padding: 0 5px;
  }
}
.cb_card09 .cb_slick.slick-slider .slick-slide > div:nth-child(1) {
  max-width: 77.1812080537%;
  margin: 0 auto 20px;
}
.cb_card09 .cb_slick.slick-slider .slick-slide > div:nth-child(1) > div {
  position: relative;
  height: 0;
  padding-bottom: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.cb_card09 .cb_slick.slick-slider .slick-slide > div:nth-child(1) > div img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.cb_card09 .cb_slick.slick-slider .slick-slide > div:nth-child(2) {
  padding: 15px 15px 20px;
}

.cb_card10 .cb_slick:not(.slick-slider) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -10px;
}
.cb_card10 .cb_slick:not(.slick-slider) > div {
  width: 25%;
  padding: 10px;
}
.cb_card10 .cb_slick:not(.slick-slider) > div > div:nth-child(1) {
  max-width: 72.5373134328%;
  margin: 0 auto 20px;
}
.cb_card10 .cb_slick:not(.slick-slider) > div > div:nth-child(1) > div {
  position: relative;
  height: 0;
  padding-bottom: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.cb_card10 .cb_slick:not(.slick-slider) > div > div:nth-child(1) > div img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.cb_card10 .cb_slick:not(.slick-slider) > div > div:nth-child(2) {
  padding: 15px 15px 20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cb_card10 .cb_slick:not(.slick-slider) > div > div:nth-child(2) p {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cb_card10 .cb_slick:not(.slick-slider) > div:hover > div:nth-child(2) {
  background: #db9b8f !important;
}
.cb_card10 .cb_slick:not(.slick-slider) > div:hover > div:nth-child(2) h3 {
  color: #fff;
}
.cb_card10 .cb_slick:not(.slick-slider) > div:hover > div:nth-child(2) p {
  color: #fff;
}
.cb_card10 .cb_slick:not(.slick-slider) > div:hover > div:nth-child(2) .cb_button01.reverse {
  color: #393939;
  background: #e6e7e8 !important;
}
.cb_card10 .cb_slick.slick-slider {
  margin: 0 -10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 720px) {
  .cb_card10 .cb_slick.slick-slider {
    margin: 0 -5px;
  }
}
.cb_card10 .cb_slick.slick-slider .slick-slide {
  padding: 0 10px;
}
@media (max-width: 720px) {
  .cb_card10 .cb_slick.slick-slider .slick-slide {
    padding: 0 5px;
  }
}
.cb_card10 .cb_slick.slick-slider .slick-slide > div:nth-child(1) {
  max-width: 72.5373134328%;
  margin: 0 auto 20px;
}
.cb_card10 .cb_slick.slick-slider .slick-slide > div:nth-child(1) > div {
  position: relative;
  height: 0;
  padding-bottom: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.cb_card10 .cb_slick.slick-slider .slick-slide > div:nth-child(1) > div img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.cb_card10 .cb_slick.slick-slider .slick-slide > div:nth-child(2) {
  padding: 15px 15px 20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cb_card10 .cb_slick.slick-slider .slick-slide > div:nth-child(2) p {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cb_card10 .cb_slick.slick-slider .slick-slide:hover > div:nth-child(2) {
  background: #db9b8f !important;
}
.cb_card10 .cb_slick.slick-slider .slick-slide:hover > div:nth-child(2) h3 {
  color: #fff;
}
.cb_card10 .cb_slick.slick-slider .slick-slide:hover > div:nth-child(2) p {
  color: #fff;
}
.cb_card10 .cb_slick.slick-slider .slick-slide:hover > div:nth-child(2) .cb_button01.reverse {
  color: #393939;
  background: #e6e7e8 !important;
}

.cb_box01 {
  overflow: hidden;
}
.cb_box01 .cb_slick {
  margin: 0 -15px;
}
.cb_box01 .cb_slick:not(.slick-slider) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cb_box01 .cb_slick:not(.slick-slider) .box {
  width: 25%;
  padding: 50px 15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1440px) {
  .cb_box01 .cb_slick:not(.slick-slider) .box {
    padding: 40px 15px;
  }
}
@media (max-width: 1200px) {
  .cb_box01 .cb_slick:not(.slick-slider) .box {
    padding: 30px 15px;
  }
}
@media (max-width: 960px) {
  .cb_box01 .cb_slick:not(.slick-slider) .box {
    width: 33.3333333333%;
  }
}
@media (max-width: 720px) {
  .cb_box01 .cb_slick:not(.slick-slider) .box {
    width: 50%;
  }
}
.cb_box01 .cb_slick:not(.slick-slider) .box img {
  margin: 0 auto 15px;
}
.cb_box01 .cb_slick:not(.slick-slider) .box h3 {
  font-weight: 400;
  margin: 0 0 10px;
}
.cb_box01 .cb_slick:not(.slick-slider) .box h4 {
  font-weight: 400;
  margin: 0;
}
.cb_box01 .cb_slick.slick-slider .slick-slide .box {
  padding: 50px 15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1440px) {
  .cb_box01 .cb_slick.slick-slider .slick-slide .box {
    padding: 40px 15px;
  }
}
@media (max-width: 1200px) {
  .cb_box01 .cb_slick.slick-slider .slick-slide .box {
    padding: 30px 15px;
  }
}
.cb_box01 .cb_slick.slick-slider .slick-slide .box img {
  margin: 0 auto 15px;
}
.cb_box01 .cb_slick.slick-slider .slick-slide .box h3 {
  font-weight: 400;
  margin: 0 0 10px;
}
.cb_box01 .cb_slick.slick-slider .slick-slide .box h4 {
  font-weight: 400;
  margin: 0;
}

.cb_box02 {
  overflow: hidden;
}
.cb_box02 .cb_slick {
  margin: 0 -15px;
}
.cb_box02 .cb_slick:not(.slick-slider) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cb_box02 .cb_slick:not(.slick-slider) .box {
  width: 20%;
  padding: 50px 15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1440px) {
  .cb_box02 .cb_slick:not(.slick-slider) .box {
    padding: 40px 15px;
  }
}
@media (max-width: 1200px) {
  .cb_box02 .cb_slick:not(.slick-slider) .box {
    width: 25%;
    padding: 30px 15px;
  }
}
@media (max-width: 960px) {
  .cb_box02 .cb_slick:not(.slick-slider) .box {
    width: 33.3333333333%;
  }
}
@media (max-width: 720px) {
  .cb_box02 .cb_slick:not(.slick-slider) .box {
    width: 50%;
  }
}
.cb_box02 .cb_slick:not(.slick-slider) .box img {
  margin: 0 auto 15px;
}
.cb_box02 .cb_slick:not(.slick-slider) .box h3 {
  font-weight: 400;
  margin: 0 0 10px;
}
.cb_box02 .cb_slick:not(.slick-slider) .box h4 {
  font-weight: 400;
  margin: 0;
}
.cb_box02 .cb_slick.slick-slider .slick-slide .box {
  padding: 50px 15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1440px) {
  .cb_box02 .cb_slick.slick-slider .slick-slide .box {
    padding: 40px 15px;
  }
}
@media (max-width: 1200px) {
  .cb_box02 .cb_slick.slick-slider .slick-slide .box {
    padding: 30px 15px;
  }
}
.cb_box02 .cb_slick.slick-slider .slick-slide .box img {
  margin: 0 auto 15px;
}
.cb_box02 .cb_slick.slick-slider .slick-slide .box h3 {
  font-weight: 400;
  margin: 0 0 10px;
}
.cb_box02 .cb_slick.slick-slider .slick-slide .box h4 {
  font-weight: 400;
  margin: 0;
}

.cb_box03 {
  overflow: hidden;
}
.cb_box03 .cb_slick {
  margin: 0 -15px;
}
.cb_box03 .cb_slick:not(.slick-slider) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cb_box03 .cb_slick:not(.slick-slider) .box {
  width: 16.6666666667%;
  padding: 50px 15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1440px) {
  .cb_box03 .cb_slick:not(.slick-slider) .box {
    padding: 40px 15px;
  }
}
@media (max-width: 1366px) {
  .cb_box03 .cb_slick:not(.slick-slider) .box {
    width: 20%;
  }
}
@media (max-width: 1200px) {
  .cb_box03 .cb_slick:not(.slick-slider) .box {
    width: 25%;
    padding: 30px 15px;
  }
}
@media (max-width: 960px) {
  .cb_box03 .cb_slick:not(.slick-slider) .box {
    width: 33.3333333333%;
  }
}
@media (max-width: 720px) {
  .cb_box03 .cb_slick:not(.slick-slider) .box {
    width: 50%;
  }
}
.cb_box03 .cb_slick:not(.slick-slider) .box img {
  margin: 0 auto 15px;
}
.cb_box03 .cb_slick:not(.slick-slider) .box h3 {
  font-weight: 400;
  margin: 0 0 10px;
}
.cb_box03 .cb_slick:not(.slick-slider) .box h4 {
  font-weight: 400;
  margin: 0;
}
.cb_box03 .cb_slick.slick-slider .slick-slide .box {
  padding: 50px 15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1440px) {
  .cb_box03 .cb_slick.slick-slider .slick-slide .box {
    padding: 40px 15px;
  }
}
@media (max-width: 1200px) {
  .cb_box03 .cb_slick.slick-slider .slick-slide .box {
    padding: 30px 15px;
  }
}
.cb_box03 .cb_slick.slick-slider .slick-slide .box img {
  margin: 0 auto 15px;
}
.cb_box03 .cb_slick.slick-slider .slick-slide .box h3 {
  font-weight: 400;
  margin: 0 0 10px;
}
.cb_box03 .cb_slick.slick-slider .slick-slide .box h4 {
  font-weight: 400;
  margin: 0;
}

.cb_box04 .boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cb_box04 .boxes .box {
  width: 50%;
  padding: 7.5px;
}
.cb_box04 .boxes .box > div {
  padding: 50px 15px;
  -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1440px) {
  .cb_box04 .boxes .box > div {
    padding: 40px 15px;
  }
}
@media (max-width: 1200px) {
  .cb_box04 .boxes .box > div {
    padding: 30px 15px;
  }
}
.cb_box04 .boxes .box > div img {
  margin: 0 auto 15px;
}
.cb_box04 .boxes .box > div h3 {
  font-weight: 400;
  margin: 0 0 10px;
}
.cb_box04 .boxes .box > div h4 {
  font-weight: 400;
  margin: 0;
}

.cb_box05 .boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cb_box05 .boxes .box {
  width: 33.3333333333%;
  padding: 7.5px;
}
@media (max-width: 720px) {
  .cb_box05 .boxes .box {
    width: 50%;
  }
}
.cb_box05 .boxes .box > div {
  padding: 50px 15px;
  -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1440px) {
  .cb_box05 .boxes .box > div {
    padding: 40px 15px;
  }
}
@media (max-width: 1200px) {
  .cb_box05 .boxes .box > div {
    padding: 30px 15px;
  }
}
.cb_box05 .boxes .box > div img {
  margin: 0 auto 15px;
}
.cb_box05 .boxes .box > div h3 {
  font-weight: 400;
  margin: 0 0 10px;
}
.cb_box05 .boxes .box > div h4 {
  font-weight: 400;
  margin: 0;
}

.cb_box06 .boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cb_box06 .boxes .box {
  width: 50%;
  padding: 7.5px;
}
@media (max-width: 540px) {
  .cb_box06 .boxes .box {
    width: 100%;
  }
}
.cb_box06 .boxes .box > div {
  padding: 50px 15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1440px) {
  .cb_box06 .boxes .box > div {
    padding: 40px 15px;
  }
}
@media (max-width: 1200px) {
  .cb_box06 .boxes .box > div {
    padding: 30px 15px;
  }
}

.cb_box07 .boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cb_box07 .boxes .box {
  width: 33.3333333333%;
  padding: 7.5px;
}
@media (max-width: 720px) {
  .cb_box07 .boxes .box {
    width: 100%;
  }
}
.cb_box07 .boxes .box > div {
  padding: 50px 15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1440px) {
  .cb_box07 .boxes .box > div {
    padding: 40px 15px;
  }
}
@media (max-width: 1200px) {
  .cb_box07 .boxes .box > div {
    padding: 30px 15px;
  }
}

.cb_box08 .boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cb_box08 .boxes .box {
  width: 25%;
  padding: 7.5px;
}
@media (max-width: 1200px) {
  .cb_box08 .boxes .box {
    width: 50%;
  }
}
@media (max-width: 540px) {
  .cb_box08 .boxes .box {
    width: 100%;
  }
}
.cb_box08 .boxes .box > div {
  padding: 50px 15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1440px) {
  .cb_box08 .boxes .box > div {
    padding: 40px 15px;
  }
}
@media (max-width: 1200px) {
  .cb_box08 .boxes .box > div {
    padding: 30px 15px;
  }
}

.cb_box09 .cb_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cb_box09 .cb_wrap .box {
  position: relative;
  width: 33.3333333333%;
  background: #db9b8f;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .cb_box09 .cb_wrap .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .cb_box09 .cb_wrap .box:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media (max-width: 1200px) {
  .cb_box09 .cb_wrap .box > div:nth-child(1) {
    width: 55%;
  }
}
@media (max-width: 540px) {
  .cb_box09 .cb_wrap .box > div:nth-child(1) {
    width: 100%;
  }
}
.cb_box09 .cb_wrap .box > div:nth-child(1) div {
  position: relative;
  height: 0;
  padding-bottom: 78.125%;
  overflow: hidden;
}
.cb_box09 .cb_wrap .box > div:nth-child(1) div img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.cb_box09 .cb_wrap .box > div:nth-child(1) div::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.65);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
@media (max-width: 1200px) {
  .cb_box09 .cb_wrap .box > div:nth-child(1) div::after {
    display: none;
  }
}
.cb_box09 .cb_wrap .box > div:nth-child(2) {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 5vw);
  padding: 15px;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1200px) {
  .cb_box09 .cb_wrap .box > div:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    top: unset;
    left: unset;
    width: 45%;
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: unset;
            transform: unset;
  }
}
@media (max-width: 540px) {
  .cb_box09 .cb_wrap .box > div:nth-child(2) {
    width: 100%;
    padding: 30px 15px;
  }
}
.cb_box09 .cb_wrap .box:hover > div:nth-child(1) div::after {
  opacity: 1;
}
.cb_box09 .cb_wrap .box:hover > div:nth-child(2) {
  opacity: 1;
  pointer-events: auto;
}

.cb_box10 .cb_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cb_box10 .cb_wrap .box {
  position: relative;
  width: 25%;
  background: #db9b8f;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .cb_box10 .cb_wrap .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .cb_box10 .cb_wrap .box:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media (max-width: 1200px) {
  .cb_box10 .cb_wrap .box > div:nth-child(1) {
    width: 55%;
  }
}
@media (max-width: 540px) {
  .cb_box10 .cb_wrap .box > div:nth-child(1) {
    width: 100%;
  }
}
.cb_box10 .cb_wrap .box > div:nth-child(1) div {
  position: relative;
  height: 0;
  padding-bottom: 78.125%;
  overflow: hidden;
}
.cb_box10 .cb_wrap .box > div:nth-child(1) div img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.cb_box10 .cb_wrap .box > div:nth-child(1) div::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.65);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
@media (max-width: 1200px) {
  .cb_box10 .cb_wrap .box > div:nth-child(1) div::after {
    display: none;
  }
}
.cb_box10 .cb_wrap .box > div:nth-child(2) {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  padding: 15px;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1200px) {
  .cb_box10 .cb_wrap .box > div:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    top: unset;
    left: unset;
    width: 45%;
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: unset;
            transform: unset;
  }
}
@media (max-width: 540px) {
  .cb_box10 .cb_wrap .box > div:nth-child(2) {
    width: 100%;
    padding: 30px 15px;
  }
}
.cb_box10 .cb_wrap .box:hover > div:nth-child(1) div::after {
  opacity: 1;
}
.cb_box10 .cb_wrap .box:hover > div:nth-child(2) {
  opacity: 1;
  pointer-events: auto;
}

.cb_box11 .cb_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cb_box11 .cb_wrap .box {
  width: 33.3333333333%;
}
@media (max-width: 720px) {
  .cb_box11 .cb_wrap .box {
    width: 50%;
  }
}
.cb_box11 .cb_wrap .box div {
  position: relative;
  height: 0;
  padding-bottom: 78.125%;
  overflow: hidden;
}
.cb_box11 .cb_wrap .box div img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}

.cb_box12 .cb_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cb_box12 .cb_wrap .box {
  width: 25%;
}
@media (max-width: 720px) {
  .cb_box12 .cb_wrap .box {
    width: 50%;
  }
}
.cb_box12 .cb_wrap .box div {
  position: relative;
  height: 0;
  padding-bottom: 78.125%;
  overflow: hidden;
}
.cb_box12 .cb_wrap .box div img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}

.cb_box13 .cb_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cb_box13 .cb_wrap .box {
  width: 20%;
}
@media (max-width: 1200px) {
  .cb_box13 .cb_wrap .box {
    width: 33.3333333333%;
  }
}
@media (max-width: 720px) {
  .cb_box13 .cb_wrap .box {
    width: 50%;
  }
}
.cb_box13 .cb_wrap .box div {
  position: relative;
  height: 0;
  padding-bottom: 78.125%;
  overflow: hidden;
}
.cb_box13 .cb_wrap .box div img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}

.cb_box14 .cb_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cb_box14 .cb_wrap .box {
  width: 16.6666666667%;
}
@media (max-width: 1200px) {
  .cb_box14 .cb_wrap .box {
    width: 33.3333333333%;
  }
}
@media (max-width: 720px) {
  .cb_box14 .cb_wrap .box {
    width: 50%;
  }
}
.cb_box14 .cb_wrap .box div {
  position: relative;
  height: 0;
  padding-bottom: 78.125%;
  overflow: hidden;
}
.cb_box14 .cb_wrap .box div img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}

.cb_video01 .rwd_frame {
  position: relative;
  height: 0;
  padding-bottom: 34.23%;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .cb_video01 .rwd_frame {
    padding-bottom: 56.25%;
  }
}
.cb_video01 .rwd_frame * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.cb_video02 .cb_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cb_video02 .cb_wrap > div:nth-child(1) {
  width: calc(50% + 65px);
  padding-right: 25px;
}
@media (max-width: 960px) {
  .cb_video02 .cb_wrap > div:nth-child(1) {
    width: 100%;
    padding-right: 0;
    margin-bottom: 35px;
  }
}
.cb_video02 .cb_wrap > div:nth-child(1) .rwd_frame {
  position: relative;
  height: 0;
  padding-bottom: 63.77%;
  overflow: hidden;
}
@media (max-width: 960px) {
  .cb_video02 .cb_wrap > div:nth-child(1) .rwd_frame {
    padding-bottom: 56.25%;
  }
}
.cb_video02 .cb_wrap > div:nth-child(1) .rwd_frame * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.cb_video02 .cb_wrap > div:nth-child(2) {
  width: calc(50% - 65px);
  padding-left: 25px;
}
@media (max-width: 960px) {
  .cb_video02 .cb_wrap > div:nth-child(2) {
    width: 100%;
    padding-left: 0;
  }
}

.cb_video03 .cb_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 960px) {
  .cb_video03 .cb_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.cb_video03 .cb_wrap > div:nth-child(1) {
  width: calc(50% - 65px);
  padding-right: 25px;
}
@media (max-width: 960px) {
  .cb_video03 .cb_wrap > div:nth-child(1) {
    width: 100%;
    padding-right: 0;
  }
}
.cb_video03 .cb_wrap > div:nth-child(2) {
  width: calc(50% + 65px);
  padding-left: 25px;
}
@media (max-width: 960px) {
  .cb_video03 .cb_wrap > div:nth-child(2) {
    width: 100%;
    padding-left: 0;
    margin-bottom: 35px;
  }
}
.cb_video03 .cb_wrap > div:nth-child(2) .rwd_frame {
  position: relative;
  height: 0;
  padding-bottom: 63.77%;
  overflow: hidden;
}
@media (max-width: 960px) {
  .cb_video03 .cb_wrap > div:nth-child(2) .rwd_frame {
    padding-bottom: 56.25%;
  }
}
.cb_video03 .cb_wrap > div:nth-child(2) .rwd_frame * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.cb_map01 .rwd_frame {
  position: relative;
  height: 0;
  padding-bottom: 34.23%;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .cb_map01 .rwd_frame {
    padding-bottom: 56.25%;
  }
}
.cb_map01 .rwd_frame * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.cb_map02 .cb_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cb_map02 .cb_wrap > div:nth-child(1) {
  width: calc(50% + 65px);
  padding-right: 25px;
}
@media (max-width: 960px) {
  .cb_map02 .cb_wrap > div:nth-child(1) {
    width: 100%;
    padding-right: 0;
    margin-bottom: 35px;
  }
}
.cb_map02 .cb_wrap > div:nth-child(1) .rwd_frame {
  position: relative;
  height: 0;
  padding-bottom: 63.77%;
  overflow: hidden;
}
@media (max-width: 960px) {
  .cb_map02 .cb_wrap > div:nth-child(1) .rwd_frame {
    padding-bottom: 56.25%;
  }
}
.cb_map02 .cb_wrap > div:nth-child(1) .rwd_frame * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.cb_map02 .cb_wrap > div:nth-child(2) {
  width: calc(50% - 65px);
  padding-left: 25px;
}
@media (max-width: 960px) {
  .cb_map02 .cb_wrap > div:nth-child(2) {
    width: 100%;
    padding-left: 0;
  }
}

.cb_map03 .cb_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 960px) {
  .cb_map03 .cb_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.cb_map03 .cb_wrap > div:nth-child(1) {
  width: calc(50% - 65px);
  padding-right: 25px;
}
@media (max-width: 960px) {
  .cb_map03 .cb_wrap > div:nth-child(1) {
    width: 100%;
    padding-right: 0;
  }
}
.cb_map03 .cb_wrap > div:nth-child(2) {
  width: calc(50% + 65px);
  padding-left: 25px;
}
@media (max-width: 960px) {
  .cb_map03 .cb_wrap > div:nth-child(2) {
    width: 100%;
    padding-left: 0;
    margin-bottom: 35px;
  }
}
.cb_map03 .cb_wrap > div:nth-child(2) .rwd_frame {
  position: relative;
  height: 0;
  padding-bottom: 63.77%;
  overflow: hidden;
}
@media (max-width: 960px) {
  .cb_map03 .cb_wrap > div:nth-child(2) .rwd_frame {
    padding-bottom: 56.25%;
  }
}
.cb_map03 .cb_wrap > div:nth-child(2) .rwd_frame * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.cb_map04 .cb_content {
  position: relative;
}
.cb_map04 .cb_content .cb_map_txt {
  padding: 30px;
}
@media (min-width: 961px) {
  .cb_map04 .cb_content .cb_map_txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: absolute;
    top: 10%;
    bottom: 10%;
    left: 60%;
    width: 400px;
    max-width: 30%;
    padding: calc(0.625rem + 1.0416666667vw);
    overflow-y: auto;
    z-index: 2;
  }
}
.cb_map04 .cb_content .rwd_frame {
  position: relative;
  height: 0;
  padding-bottom: 500px;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 960px) {
  .cb_map04 .cb_content .rwd_frame {
    padding-bottom: 56.25%;
  }
}
@media (max-width: 640px) {
  .cb_map04 .cb_content .rwd_frame {
    padding-bottom: 325px;
  }
}
.cb_map04 .cb_content .rwd_frame iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.cb_history01 .cb_wrap > div {
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
}
@media (max-width: 540px) {
  .cb_history01 .cb_wrap > div {
    width: 100% !important;
    padding-bottom: 30px;
  }
}
.cb_history01 .cb_wrap > div::before {
  content: "";
  position: absolute;
  top: calc(1.125rem + 0.5208333333vw);
  width: 30px;
  height: 30px;
  background: rgba(219, 155, 143, 0.3);
  border-radius: 50%;
}
.cb_history01 .cb_wrap > div::after {
  content: "";
  position: absolute;
  top: calc(1.125rem + 0.5208333333vw);
  width: 20px;
  height: 20px;
  background: #db9b8f;
  border-radius: 50%;
}
.cb_history01:not(.reverse) .cb_wrap > div {
  width: calc(50% + 0.5px);
  text-align: right;
  padding-right: 45px;
  border-right: 1px solid var(--border-color);
}
@media (max-width: 540px) {
  .cb_history01:not(.reverse) .cb_wrap > div {
    text-align: left;
    padding-right: unset;
    padding-left: 30px;
    border-right: unset;
    border-left: 1px solid var(--border-color);
  }
}
.cb_history01:not(.reverse) .cb_wrap > div::before, .cb_history01:not(.reverse) .cb_wrap > div::after {
  left: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (max-width: 540px) {
  .cb_history01:not(.reverse) .cb_wrap > div::before, .cb_history01:not(.reverse) .cb_wrap > div::after {
    left: unset;
    right: 100%;
    -webkit-transform: translate(calc(50% - 1px), -50%);
            transform: translate(calc(50% - 1px), -50%);
  }
}
.cb_history01:not(.reverse) .cb_wrap > div img {
  margin: 0 0 0 auto;
}
@media (max-width: 540px) {
  .cb_history01:not(.reverse) .cb_wrap > div img {
    margin: unset;
  }
}
.cb_history01.reverse .cb_wrap > div {
  width: calc(50% + 0.5px);
  padding-left: 45px;
  margin: 0 0 0 auto;
  border-left: 1px solid var(--border-color);
}
@media (max-width: 540px) {
  .cb_history01.reverse .cb_wrap > div {
    padding-left: 30px;
  }
}
.cb_history01.reverse .cb_wrap > div::before, .cb_history01.reverse .cb_wrap > div::after {
  right: 100%;
  -webkit-transform: translate(calc(50% - 1px), -50%);
          transform: translate(calc(50% - 1px), -50%);
}

.cb_history02 .cb_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cb_history02 .cb_wrap .time {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  width: 147px;
  text-align: right;
  padding: 5px 20px 20px 0;
  border-right: 3px solid var(--border-color);
}
@media (max-width: 1024px) {
  .cb_history02 .cb_wrap .time {
    width: 107px;
  }
}
@media (max-width: 540px) {
  .cb_history02 .cb_wrap .time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0 10px;
    width: 100%;
    text-align: left;
    padding: 0 0 5px 0;
    border-right: unset;
    border-bottom: 3px solid var(--border-color);
  }
}
.cb_history02 .cb_wrap .time::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 100%;
  width: 16px;
  height: 16px;
  background: #fff url("../img/arrow/arrow19.svg") no-repeat center center;
  border: 2px solid #db9b8f;
  border-radius: 50%;
  -webkit-transform: translateX(calc(-50% + 1px));
          transform: translateX(calc(-50% + 1px));
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
@media (max-width: 1024px) {
  .cb_history02 .cb_wrap .time::before {
    background: #db9b8f url("../img/arrow/arrow19.svg") no-repeat center center;
  }
}
@media (max-width: 540px) {
  .cb_history02 .cb_wrap .time::before {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: unset;
    -webkit-transform: unset;
            transform: unset;
  }
}
.cb_history02 .cb_wrap .note {
  width: calc(100% - 150px);
  padding: 14px 0 20px 20px;
}
@media (max-width: 1024px) {
  .cb_history02 .cb_wrap .note {
    width: calc(100% - 110px);
  }
}
@media (max-width: 540px) {
  .cb_history02 .cb_wrap .note {
    width: 100%;
    padding: 10px 0 30px;
  }
}
.cb_history02 .cb_wrap:hover .time::before {
  background: #db9b8f url("../img/arrow/arrow19.svg") no-repeat center center;
}

.cb_button01 {
  display: block;
  width: 200px;
  max-width: 100%;
  color: #393939;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  padding: 13px 10px;
  background: #e6e7e8 !important;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cb_button01.center {
  margin: 0 auto;
}
.cb_button01.right {
  margin: 0 0 0 auto;
}
.cb_button01 span {
  display: inline-block;
  padding-left: 7px;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
}
.cb_button01:hover {
  color: #fff;
  background: #db9b8f !important;
}
.cb_button01.reverse {
  color: #fff;
  background: #db9b8f !important;
}
.cb_button01.reverse:hover {
  color: #393939;
  background: #e6e7e8 !important;
}

.cb_button02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 200px;
  max-width: 100%;
  color: #393939;
  font-size: 12px;
  text-decoration: none;
  padding: 13px 10px;
  background: #fff !important;
  -webkit-box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, 0.1);
  border-radius: 22px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cb_button02.center {
  margin: 0 auto;
}
.cb_button02.right {
  margin: 0 0 0 auto;
}
.cb_button02 span {
  display: inline-block;
  padding-left: 30px;
}
.cb_button02 span svg {
  display: block;
}
.cb_button02 span svg polyline {
  stroke: #393939;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cb_button02:hover {
  color: #fff;
  background: #db9b8f !important;
}
.cb_button02:hover span svg polyline {
  stroke: #fff;
}
.cb_button02.reverse {
  color: #fff;
  background: #db9b8f !important;
}
.cb_button02.reverse span svg polyline {
  stroke: #fff;
}
.cb_button02.reverse:hover {
  color: #393939;
  background: #fff !important;
}
.cb_button02.reverse:hover span svg polyline {
  stroke: #393939;
}

.cb_button03 {
  display: block;
  position: relative;
  width: 200px;
  max-width: 100%;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  padding: 13px 40px;
  background: #e6e7e8 !important;
}
.cb_button03.center {
  margin: 0 auto;
}
.cb_button03.right {
  margin: 0 0 0 auto;
}
.cb_button03::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background: #db9b8f;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cb_button03 svg {
  position: absolute;
  bottom: 15px;
  left: 15px;
  opacity: 1;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cb_button03 svg line {
  stroke: #fff;
}
.cb_button03 svg polygon {
  stroke: #fff;
}
.cb_button03 svg rect {
  fill: #fff;
}
.cb_button03 span {
  position: relative;
  color: #393939;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cb_button03:hover::before {
  width: 100%;
  height: 100%;
}
.cb_button03:hover svg {
  opacity: 0;
}
.cb_button03:hover span {
  color: #fff;
}
.cb_button03.reverse {
  background: #db9b8f !important;
}
.cb_button03.reverse::before {
  background: #e6e7e8;
}
.cb_button03.reverse svg line {
  stroke: #231F20;
}
.cb_button03.reverse svg polygon {
  stroke: #231F20;
}
.cb_button03.reverse svg rect {
  fill: #231F20;
}
.cb_button03.reverse span {
  color: #fff;
}
.cb_button03.reverse:hover span {
  color: #393939;
}

.cb_button04 {
  display: block;
  position: relative;
  width: 200px;
  max-width: 100%;
  font-size: 12px;
  text-decoration: none;
  padding: 13px 10px;
  background: #db9b8f !important;
}
.cb_button04.center {
  margin: 0 auto;
}
.cb_button04.right {
  margin: 0 0 0 auto;
}
.cb_button04::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #e6e7e8;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cb_button04 > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  color: #393939;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cb_button04 > span span {
  display: inline-block;
  padding-left: 40px;
}
.cb_button04 > span span svg {
  display: block;
}
.cb_button04 > span span svg line {
  stroke: #393939;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cb_button04 > span span svg circle {
  stroke: #393939;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cb_button04 > span span svg polygon {
  fill: #393939;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cb_button04:hover::before {
  width: 0%;
  background: #ababab;
}
.cb_button04:hover > span {
  color: #fff;
}
.cb_button04:hover > span span svg line {
  stroke: #fff;
}
.cb_button04:hover > span span svg circle {
  stroke: #fff;
}
.cb_button04:hover > span span svg polygon {
  fill: #fff;
}
.cb_button04.reverse {
  background: #e6e7e8 !important;
}
.cb_button04.reverse::before {
  background: #db9b8f;
}
.cb_button04.reverse > span {
  color: #fff;
}
.cb_button04.reverse > span span svg line {
  stroke: #fff;
}
.cb_button04.reverse > span span svg circle {
  stroke: #fff;
}
.cb_button04.reverse > span span svg polygon {
  fill: #fff;
}
.cb_button04.reverse:hover > span {
  color: #393939;
}
.cb_button04.reverse:hover > span span svg line {
  stroke: #393939;
}
.cb_button04.reverse:hover > span span svg circle {
  stroke: #393939;
}
.cb_button04.reverse:hover > span span svg polygon {
  fill: #393939;
}

.cb_button05 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 200px;
  max-width: 100%;
  color: #393939;
  font-size: 12px;
  text-decoration: none;
  padding: 13px 10px;
  background: #fff !important;
  -webkit-box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cb_button05.center {
  margin: 0 auto;
}
.cb_button05.right {
  margin: 0 0 0 auto;
}
.cb_button05 span {
  display: inline-block;
  padding-left: 30px;
}
.cb_button05 span svg {
  display: block;
}
.cb_button05 span svg path {
  fill: #393939;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cb_button05:hover {
  color: #fff;
  background: #db9b8f !important;
}
.cb_button05:hover span svg path {
  fill: #fff;
}
.cb_button05.reverse {
  color: #fff;
  background: #db9b8f !important;
}
.cb_button05.reverse span svg path {
  fill: #fff;
}
.cb_button05.reverse:hover {
  color: #393939;
  background: #fff !important;
}
.cb_button05.reverse:hover span svg path {
  fill: #393939;
}

.cb_button06 {
  display: block;
  position: relative;
  width: 200px;
  max-width: 100%;
  color: #393939;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  padding: 13px 35px;
  background: #fff !important;
  -webkit-box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, 0.1);
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cb_button06.center {
  margin: 0 auto;
}
.cb_button06.right {
  margin: 0 0 0 auto;
}
.cb_button06::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 25px;
  width: 5px;
  height: 5px;
  background: #393939;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cb_button06:hover {
  color: #fff;
  background: #db9b8f !important;
}
.cb_button06:hover::before {
  background: #fff;
}
.cb_button06.reverse {
  color: #fff;
  background: #db9b8f !important;
}
.cb_button06.reverse::before {
  background: #fff;
}
.cb_button06.reverse:hover {
  color: #393939;
  background: #fff !important;
}
.cb_button06.reverse:hover::before {
  background: #393939;
}
/*# sourceMappingURL=master.css.map */