@charset "UTF-8";
@import url("fonts/css/fontello.css");
@import url("scss/plugins/animate.css");
@import url("scss/plugins/bootstrap.min.css");
@import url("scss/plugins/mCustomScrollbar.css");
@import url("scss/plugins/plugins.css");
@import url("scss/plugins/jquery.fancybox.min.css");
@import url("scss/plugins/lightgallery.css");
@import url("scss/plugins/aos.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.7/css/select2.min.css");
/* ==========================================================================
	clear
 ========================================================================== */
button,
input,
select,
textarea {
  font-family: "微軟正黑體";
  margin: 0;
  -webkit-appearance: none;
}

button[type=submit] {
  font-family: "微軟正黑體";
}

textarea {
  -webkit-appearance: none;
}

button,
input {
  line-height: normal;
  outline: 0;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  nowhitespace: afterproperty;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  display: inline-block;
}

figure,
address {
  padding: 0;
  margin: 0;
}

* {
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* ==========================================================================
    public
 ========================================================================== */
html, body {
  margin: 0;
  padding: 0;
  height: 100.1%;
}

body {
  height: 100.1% !important;
  overflow-x: hidden;
  font-family: "微軟正黑體";
  font-size: 18px;
  color: black;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
}
@media (max-width: 575px) {
  body {
    font-size: 15px;
  }
}

.safari body {
  -webkit-text-size-adjust: none;
}

body:after {
  display: block;
  content: "We're sorry! this website does not support your browser, please upgrade your browser, thank you.";
  position: fixed;
  z-index: 100000000000000;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  padding: 50px;
  background-color: #fff;
  text-align: center;
  font-size: 20px;
  color: #3f3f3f;
}

:root body:after {
  display: none;
}

.wp {
  min-width: 320px;
  overflow: hidden;
  background-color: #fff;
}

/* ==========================================================================
    public
 ========================================================================== */
/*不顯示外虛線*/
button, a {
  outline: none !important;
}

a, a:active {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
  behavior: expression(this.onFocus=this.blur()); /* for IE */
}

a:hover {
  text-decoration: none;
  color: inherit;
}

a {
  -o-transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

a.link, .editor a {
  color: #555555;
}

a.link:hover, .editor a:hover {
  border-color: #00938d;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
  line-height: normal;
}

img {
  max-width: 100%;
  height: auto;
  border: none;
  -khtml-user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  image-rendering: -webkit-optimize-contrast;
}

.clearfix:after {
  display: block;
  content: "";
  clear: both;
}

.hidden {
  display: none;
}

ul.noneStyle {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.noneList {
  padding: 0;
  list-style: none;
}

ul.noneStyle > li {
  list-style: none;
}

ul {
  padding-left: 1.1em;
}

::-webkit-input-placeholder { /* WebKit browsers */
  color: #888888;
}

::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #888888;
}

::-o-placeholder { /* Mozilla Firefox 19+ */
  color: #888888;
}

::-ms-placeholder { /* Internet Explorer 10+ */
  color: #888888;
}

::-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #888888;
}

/**/
.scrollbar, .scrollbarX {
  -webkit-overflow-scrolling: touch;
}

.scrollbarX {
  overflow-x: auto;
}

.jqimgFill, .main {
  opacity: 0;
  transition: opacity 0.3s;
}

.main > .inner {
  line-height: normal;
  min-height: calc(100vh - 360px);
  padding-top: 120px;
  max-width: 1920px;
  overflow: hidden;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .main > .inner {
    padding-top: 55px;
  }
}

.container {
  max-width: 1600px;
  width: 100%;
  margin: auto;
  padding: 0 15px;
}

.full {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.middle {
  display: table-cell;
  vertical-align: middle;
}

table {
  -webkit-backface-visibility: visible;
}

.table {
  width: 100%;
  border-collapse: collapse;
}

.msie .table {
  table-layout: fixed;
}

.font-60 {
  font-size: 60px;
}

.font-50 {
  font-size: 50px;
}

.font-44 {
  font-size: 44px;
}

.font-42 {
  font-size: 42px;
}

.font-40 {
  font-size: 40px;
}

.font-39 {
  font-size: 39px;
}

.font-36 {
  font-size: 36px;
}

.font-35 {
  font-size: 35px;
}

.font-30 {
  font-size: 30px;
}

.font-28 {
  font-size: 28px;
}

.font-26 {
  font-size: 26px;
}

.font-25 {
  font-size: 25px;
}

.font-24 {
  font-size: 24px;
}

.font-23 {
  font-size: 23px;
}

.font-22 {
  font-size: 22px;
}

.font-21 {
  font-size: 21px;
}

.font-20 {
  font-size: 20px;
}

.font-18 {
  font-size: 18px;
}

.font-17 {
  font-size: 17px;
}

.font-16 {
  font-size: 16px;
}

.font-15 {
  font-size: 15px;
}

.font-14 {
  font-size: 14px;
}

.font-13 {
  font-size: 13px;
}

.font-12 {
  font-size: 12px;
}

@media (max-width: 1400px) {
  .font-60 {
    font-size: 50px;
  }
  .font-50 {
    font-size: 40px;
  }
  .font-44 {
    font-size: 35px;
  }
  .font-42 {
    font-size: 35px;
  }
  .font-40 {
    font-size: 35px;
  }
  .font-39 {
    font-size: 35px;
  }
  .font-36 {
    font-size: 30px;
  }
  .font-35 {
    font-size: 30px;
  }
  .font-32 {
    font-size: 30px;
  }
}
@media (max-width: 1200px) {
  .font-60 {
    font-size: 35px;
  }
  .font-50 {
    font-size: 32px;
  }
  .font-44 {
    font-size: 32px;
  }
  .font-42 {
    font-size: 32px;
  }
  .font-40 {
    font-size: 32px;
  }
  .font-39 {
    font-size: 32px;
  }
}
@media (max-width: 768px) {
  .font-60 {
    font-size: 26px;
  }
  .font-50 {
    font-size: 26px;
  }
  .font-44 {
    font-size: 26px;
  }
  .font-42 {
    font-size: 32px;
  }
  .font-40 {
    font-size: 26px;
  }
  .font-39 {
    font-size: 26px;
  }
  .font-36 {
    font-size: 28px;
  }
  .font-35 {
    font-size: 28px;
  }
  .font-32 {
    font-size: 28px;
  }
  .font-30 {
    font-size: 25px;
  }
  .font-28 {
    font-size: 25px;
  }
  .font-26 {
    font-size: 22px;
  }
  .font-25 {
    font-size: 22px;
  }
  .font-24 {
    font-size: 20px;
  }
  .font-23 {
    font-size: 18px;
  }
  .font-22 {
    font-size: 18px;
  }
  .font-21 {
    font-size: 16px;
  }
  .font-20 {
    font-size: 16px;
  }
  .font-18 {
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  .font-35 {
    font-size: 26px;
  }
  .font-32 {
    font-size: 26px;
  }
  .font-30 {
    font-size: 20px;
  }
  .font-28 {
    font-size: 20px;
  }
  .font-24 {
    font-size: 18px;
  }
  .font-17 {
    font-size: 15px;
  }
  .font-16 {
    font-size: 15px;
  }
}
.noscroll,
.noscroll body {
  overflow: hidden;
}

.noscroll body {
  position: relative;
}

[data-aos=fade-up] {
  -webkit-transform: translate3d(0, 30px, 0);
  transform: translate3d(0, 30px, 0);
}

[data-aos=fade-down] {
  -webkit-transform: translate3d(0, -30px, 0);
  transform: translate3d(0, -30px, 0);
}

[data-aos=fade-right] {
  -webkit-transform: translate3d(-30px, 0, 0);
  transform: translate3d(-30px, 0, 0);
}

[data-aos=fade-down-right] {
  -webkit-transform: translate3d(-30px, -30px, 0);
  transform: translate3d(-30px, -30px, 0);
}

[data-aos=fade-up-right] {
  -webkit-transform: translate3d(-30px, 30px, 0);
  transform: translate3d(-30px, 30px, 0);
}

[data-aos=fade-up-left] {
  -webkit-transform: translate3d(30px, 30px, 0);
  transform: translate3d(30px, 30px, 0);
}

.max600 {
  width: calc(100% - 40px);
  max-width: 600px;
  margin: auto;
}

.max1050 {
  width: calc(100% - 40px);
  max-width: 1050px;
  margin: auto;
}

.max1100 {
  width: calc(100% - 40px);
  max-width: 1100px;
  margin: auto;
}

.max1200 {
  width: calc(100% - 40px);
  max-width: 1200px;
  margin: auto;
}

.max1300 {
  width: calc(100% - 40px);
  max-width: 1300px;
  margin: auto;
}

.max1400 {
  width: calc(100% - 40px);
  max-width: 1400px;
  margin: auto;
}

.max1500 {
  width: calc(100% - 40px);
  max-width: 1500px;
  margin: auto;
}

.max1600 {
  width: calc(100% - 40px);
  max-width: 1600px;
  margin: auto;
}

.les1 {
  letter-spacing: 1px;
}

.les2 {
  letter-spacing: 2px;
}

.notoSansTC {
  font-family: noto Sans TC;
}

.roboto {
  font-family: Roboto;
}

.merriweatherSans {
  font-family: Merriweather Sans;
}

.poppins {
  font-family: Poppins;
}

.lato {
  font-family: Lato;
}

.arial {
  font-family: Arial;
}

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

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

.text-red {
  color: #FF3366;
}

.text-black {
  color: black;
}

.text-gray {
  color: rgba(0, 0, 0, 0.37);
}

.line1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.line2 {
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.noneList {
  list-style: none;
}

.absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.flex-center {
  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;
}

.align-center {
  align-items: center;
}

@media (min-width: 768px) {
  .d-md-flex {
    display: flex;
  }
}

.flex-grow {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex-align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.border-none {
  border: none;
}

.slick-arrow {
  margin-top: 0;
  width: 50px;
  height: 50px;
  transform: translateY(-50%);
  background: transparent;
  border: 2px solid #B6B6B6;
  border-radius: 50%;
  -webkit-transition: border 0.3s, background 0.3s;
  transition: border 0.3s, background 0.3s;
}
.slick-arrow:hover {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid white;
}
.slick-arrow:hover i {
  color: white;
}
.slick-arrow.slick-disabled {
  opacity: 0.2;
  pointer-events: none;
}
.slick-arrow i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 26px;
  color: #B6B6B6;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media screen and (max-width: 1199px) {
  .slick-arrow {
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width: 575px) {
  .slick-arrow {
    width: 35px;
    height: 35px;
  }
}

.slick-dots li.slick-active button {
  background: white;
}
.slick-dots li button {
  width: 13px;
  height: 13px;
  border: 2px solid white;
}
@media screen and (max-width: 575px) {
  .slick-dots li {
    margin: 0 4px;
  }
}

.placeholder-brown ::-webkit-input-placeholder { /* WebKit browsers */
  color: #AE9A91;
}
.placeholder-brown ::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #AE9A91;
}
.placeholder-brown ::-o-placeholder { /* Mozilla Firefox 19+ */
  color: #AE9A91;
}
.placeholder-brown ::-ms-placeholder { /* Internet Explorer 10+ */
  color: #AE9A91;
}
.placeholder-brown ::-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #AE9A91;
}

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

.more {
  width: 161px;
  height: 50px;
  color: #FFB50E;
  border: 2px solid #FFB50E;
  border-radius: 25px;
  background: white;
  font-weight: bold;
  transition: color 0.3s, background 0.3s;
}
.more:hover {
  background: #FFB50E;
  color: white;
}

img.star {
  width: 19px;
}

h1 {
  color: #082252;
}

.date {
  color: #F17911;
}

.links {
  letter-spacing: 2px;
  z-index: 1;
  display: table;
  position: relative;
  margin: auto;
}
.links.blue li.active a {
  background: url("images/common/link-blue-btn.png") center no-repeat;
}
.links.orange li.active a {
  background: url("images/common/link-orange-btn.png") center no-repeat;
}
.links li {
  padding: 0 5px;
  float: left;
}
.links li.active a {
  color: white;
  background: url("images/common/link-purple-btn.png") center no-repeat;
}
.links li.active a:hover {
  opacity: 0.8;
}
.links li:not(.active) a:hover {
  background: #EAEAEA;
}
.links li a {
  width: 205px;
  height: 60px;
  border-radius: 15px;
  background: #E5E5E5;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s, background 0.3s;
}
@media (max-width: 767px) {
  .links li a {
    width: 150px;
    height: 50px;
  }
}
@media (max-width: 575px) {
  .links li {
    padding: 0 3px;
  }
  .links li a {
    width: 100px;
    height: 40px;
    border-radius: 5px;
  }
}

.sublinks {
  z-index: 1;
  display: table;
  position: relative;
  margin: auto;
}
.sublinks li {
  float: left;
  color: rgba(0, 0, 0, 0.48);
  padding: 0 20px;
}
.sublinks li:not(:last-child) {
  position: relative;
}
.sublinks li:not(:last-child)::after {
  content: "";
  display: block;
  width: 2px;
  height: 15px;
  background: rgba(0, 0, 0, 0.63);
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.sublinks li.active {
  color: black;
}
@media (max-width: 575px) {
  .sublinks li {
    padding: 0 10px;
  }
}

.breadcrumb {
  letter-spacing: 1px;
  font-size: 16px;
  background: none;
  color: #303030;
  display: flex;
  justify-content: center;
}
.breadcrumb li {
  position: relative;
}
.breadcrumb li:not(:first-child) {
  padding-left: 21px;
}
.breadcrumb li + li::before {
  content: "";
  background: url(images/common/breadcrumb-arrow.svg) center no-repeat;
  width: 18px;
  height: 8px;
  position: absolute;
  display: block;
  left: 0;
  top: 7px;
}
@media (max-width: 575px) {
  .breadcrumb li + li::before {
    top: 14px;
    height: 21px;
    transform: translateY(-50%);
    background-size: 4px;
  }
}

.edit {
  line-height: 1.8em;
}
.edit ul.circle-dots li {
  padding-left: 18px;
  position: relative;
}
.edit ul.circle-dots li::before {
  content: "";
  display: block;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #5BE3EE;
  position: absolute;
  left: 5px;
  top: 14px;
}
@media (max-width: 575px) {
  .edit ul.circle-dots li {
    padding-left: 16px;
  }
  .edit ul.circle-dots li::before {
    left: 4px;
    top: 11px;
  }
}

.section {
  position: relative;
  overflow: hidden;
}
.section .block {
  position: relative;
  z-index: 1;
}
.section .dec {
  width: 1920px;
  max-width: initial;
  transform: translateX(-50%);
  left: 50%;
}
@media (max-width: 575px) {
  .section .dec {
    width: 576px;
  }
}

.dec-section {
  position: absolute;
  width: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
  pointer-events: none;
}
.dec-section .bg {
  position: absolute;
  width: 1920px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.dec-section .leafs {
  position: absolute;
  width: 1920px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 575px) {
  .dec-section {
    width: 100%;
    opacity: 0.5;
  }
  .dec-section .flag-left,
  .dec-section .flag-right {
    display: none;
  }
}

.pages ul li {
  line-height: 50px;
  width: 30px;
  margin: 0 4px;
}
.pages ul li.prev, .pages ul li.next {
  cursor: pointer;
  height: 50px;
  width: 50px;
  border: 2px solid #174A79;
  border-radius: 50%;
  transition: background 0.3s;
}
.pages ul li.prev:hover, .pages ul li.next:hover {
  background: #174A79;
}
.pages ul li.prev:hover i, .pages ul li.next:hover i {
  color: white;
}
.pages ul li.prev i, .pages ul li.next i {
  transition: color 0.3s;
  color: #174A79;
}
.pages ul li.prev i::before, .pages ul li.next i::before {
  display: block;
}
.pages ul li.prev {
  margin-right: 10px;
}
.pages ul li.next {
  margin-left: 10px;
}
.pages ul li.active {
  color: #174A79;
}
.pages ul li:not(.active):hover a {
  color: #174A79;
}
.pages ul li.disabled {
  border: 2px solid rgba(0, 0, 0, 0.28);
  cursor: initial;
}
.pages ul li.disabled a {
  cursor: initial;
}
.pages ul li.disabled a i {
  color: rgba(0, 0, 0, 0.28);
}
.pages ul li.disabled:hover {
  background: white !important;
}
.pages ul li.disabled:hover a i {
  color: rgba(0, 0, 0, 0.28);
}
@media (max-width: 1199px) {
  .pages ul li {
    line-height: 45px;
  }
  .pages ul li.prev, .pages ul li.next {
    height: 45px;
    width: 45px;
  }
}
@media (max-width: 575px) {
  .pages ul li {
    margin: 0px;
    line-height: 35px;
    width: 30px;
  }
  .pages ul li.prev, .pages ul li.next {
    height: 35px;
    width: 35px;
  }
  .pages ul li.prev {
    margin-right: 5px;
  }
  .pages ul li.next {
    margin-left: 5px;
  }
}

form .field-group {
  align-items: center;
}
form .field-group.opinion {
  align-items: flex-start;
}
form .field-group.opinion label {
  margin-top: 15px;
}
form .field-group label {
  margin-bottom: 0;
  flex: 0 0 110px;
  width: 110px;
}
form .field-group input {
  background: #EDEDED;
  border: none;
  height: 55px;
  border-radius: 10px;
  padding: 5px 20px;
  flex-grow: 1;
  width: 0;
}
form .field-group textarea {
  background: #EDEDED;
  border: none;
  height: 137px;
  border-radius: 10px;
  padding: 5px 20px;
  flex-grow: 1;
}
form .field-group .verification input {
  width: 480px;
}
@media (max-width: 991px) {
  form .field-group .verification input {
    width: 220px;
  }
}
@media (max-width: 575px) {
  form .field-group {
    flex-wrap: wrap;
  }
  form .field-group label {
    flex: 0 0 100%;
    margin-bottom: 5px;
  }
  form .field-group input {
    flex: 0 0 100%;
    height: 45px;
    padding: 5px 10px;
    border-radius: 5px;
  }
  form .field-group textarea {
    padding: 5px 10px;
    border-radius: 5px;
  }
  form .field-group.opinion label {
    margin-top: 0;
  }
  form .field-group .verification input {
    width: 100%;
  }
  form .field-group .verification img {
    margin-top: 10px;
  }
}

.btns > * {
  width: 193px;
  height: 68px;
  border-radius: 50px;
  margin: 0 10px;
  transition: opacity 0.3s;
  font-family: "微軟正黑體";
}
.btns .w180 {
  width: 180px;
}
.btns .h60 {
  height: 60px;
}
.btns .white-btn {
  border: 2px solid #174A79;
  color: #174A79;
  background: white;
  transition: background 0.3s, color 0.3s;
}
.btns .white-btn.w-auto {
  padding: 0 30.5px;
  width: auto;
}
.btns .white-btn:hover {
  background: #174A79;
  color: white;
}
.btns .blue-btn {
  border: 2px solid #174A79;
  color: white;
  background: #174A79;
}
.btns .blue-btn:hover {
  opacity: 0.8;
}
@media (max-width: 575px) {
  .btns > * {
    height: 45px;
    border-radius: 10px;
    width: 120px;
  }
  .btns > *.h60 {
    height: 45px;
  }
  .btns > *.w180 {
    width: 120px;
  }
}

.flyer-img {
  z-index: 1;
  border-radius: 50%;
}

.member.memberCenter.order .section .block .box {
  padding-left: 55px;
  padding-right: 55px;
  letter-spacing: 1.6px;
  height: auto;
  color: rgba(0, 0, 0, 0.85);
}
.member.memberCenter.order .section .block .box .info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.member.memberCenter.order .section .block .box .info > div:nth-child(1) {
  display: flex;
  align-items: center;
}
.member.memberCenter.order .section .block .box .info > div:nth-child(1) > span > span:nth-child(2) {
  letter-spacing: 1px;
  margin-left: -8px;
}
.member.memberCenter.order .section .block .box .info > div:nth-child(2) > span > span:nth-child(2) {
  margin-left: -8px;
}
.member.memberCenter.order .section .block .box .info > div .invoice-link {
  height: 41px;
  width: 130px;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.27);
  transition: background 0.3s, border 0.3s;
}
.member.memberCenter.order .section .block .box .info > div .invoice-link:hover {
  background: #EAEFF3;
  border: 1px solid #EAEFF3;
}
.member.memberCenter .dec-section .clouds .cloud-1 {
  left: -5%;
}
.member.memberCenter .dec-section .birds .bird-1 {
  position: absolute;
  top: 305px;
  left: 1410px;
  width: 108px;
}
.member.memberCenter .section {
  padding-bottom: 30px;
}
.member.memberCenter .section .block .tabs ul li.active a {
  background-image: url(images/member/tab-btn.png);
  background-position: center;
  background-repeat: no-repeat;
  color: white;
}
.member.memberCenter .section .block .tabs ul li a {
  background: rgba(0, 0, 0, 0.1);
  color: black;
  width: 230px;
  background-size: cover;
}
.member.memberCenter .section .block .tabs ul li:not(:last-child) {
  margin-right: 2px;
}
.member.memberCenter .section .block .box {
  background-image: url(images/member/dec-line.png);
  background-position: top center;
  background-repeat: no-repeat;
  border-radius: 25px !important;
  padding: 55px 67px 38px 67px;
}
.member.memberCenter .section .block .box .row {
  margin-left: -8px;
  margin-right: -8px;
}
.member.memberCenter .section .block .box .row > * {
  padding-right: 8px;
  padding-left: 8px;
}
.member.memberCenter .section .block .box .row > * .radios.gender label {
  width: 150px;
  letter-spacing: 16px;
}
.member.memberCenter .section .block .box input {
  letter-spacing: 0.8px;
}
.member.memberCenter .section .block .box .select2 {
  letter-spacing: 1px;
}
.member.memberCenter .section .block .box input[type=checkbox] + label {
  cursor: pointer;
  transition: color 0.3s;
}
.member.memberCenter .section .block .box input[type=checkbox] + label:hover {
  color: #25BFD7;
}
.member.memberCenter ~ footer {
  margin-top: -280px;
}
.member.noTab .section .block .box {
  height: 580px;
}
.member.noTab .section .dec {
  margin-top: -570px;
}
.member.noTab footer {
  margin-top: -360px;
}
.member#forget-mail-ok .section .block .box, .member#forget-mobile-ok .section .block .box, .member#activate-mail-ok .section .block .box, .member#activate-mobile-ok .section .block .box {
  height: 560px;
}
.member#forget-mail-ok .section .dec, .member#forget-mobile-ok .section .dec, .member#activate-mail-ok .section .dec, .member#activate-mobile-ok .section .dec {
  margin-top: -500px;
}
.member#forget-mail-ok .dec-section, .member#forget-mobile-ok .dec-section, .member#activate-mail-ok .dec-section, .member#activate-mobile-ok .dec-section {
  z-index: 1;
}
.member#forget-mobile .section .block .box, .member#forget-reset .section .block .box, .member#activate-mobile .section .block .box {
  height: 639px;
}
.member#forget-mobile .section .block .box .resetCode, .member#forget-reset .section .block .box .resetCode, .member#activate-mobile .section .block .box .resetCode {
  margin-top: 32px;
}
.member#forget-mobile .section .dec, .member#forget-reset .section .dec, .member#activate-mobile .section .dec {
  margin-top: -630px;
}
.member#forget-mobile .dec-section, .member#forget-reset .dec-section, .member#activate-mobile .dec-section {
  z-index: 1;
}
.member#forget-mobile footer, .member#forget-reset footer, .member#activate-mobile footer {
  margin-top: -420px;
}
.member#password .section .block .box {
  height: 820px;
}
.member .main {
  opacity: 1;
}
.member .section {
  padding-bottom: 180px;
}
.member .section .block .tabs {
  letter-spacing: 2px;
  z-index: 1;
  position: relative;
}
.member .section .block .tabs + .box {
  border-radius: 0 25px 25px 25px;
}
.member .section .block .tabs ul li {
  float: left;
}
.member .section .block .tabs ul li:not(:last-child) {
  margin-right: 3px;
}
.member .section .block .tabs ul li.active span {
  position: relative;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  background: white;
  color: #174A79;
  font-size: 20px;
  font-weight: 500;
  width: 209px;
  height: 55px;
  border-radius: 15px 15px 0 0;
}
.member .section .block .tabs ul li.active span::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -20px;
  width: 100%;
  height: 20px;
  background: white;
}
.member .section .block .tabs ul li.active span:hover {
  opacity: 1;
}
.member .section .block .tabs ul li a {
  width: 209px;
  height: 55px;
  border-radius: 15px 15px 0 0;
  color: white;
  background: url(images/member/tab-btn.png) center no-repeat;
  transition: opacity 0.3s;
}
.member .section .block .tabs ul li a:hover {
  opacity: 0.8;
}
.member .section .block .box {
  border-radius: 25px 25px 25px 25px;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3);
  padding: 88px 20px 110px 20px;
  background-color: white;
  padding: 42px 60px;
}
.member .section .block .box form .field-group input,
.member .section .block .box form .field-group textarea {
  width: 100%;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.35);
  border-radius: 10px;
}
.member .section .block .box form .field-group .verification input {
  padding-right: 100px;
}
.member .section .block .box form .field-group .verification a {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.member .section .block .box form .register-phone .field-group .phone {
  position: relative;
}
.member .section .block .box form .register-phone .field-group .phone a {
  position: absolute;
  right: 1px;
  top: 50%;
  height: 53px;
  width: 111px;
  text-align: center;
  line-height: 53px;
  transform: translateY(-51%);
  background: #EAEFF3;
  color: rgba(0, 0, 0, 0.42);
  border-radius: 0 10px 10px 0;
  transition: color 0.3s;
}
.member .section .block .box form .register-phone .field-group .phone a:hover {
  color: rgba(0, 0, 0, 0.8);
}
.member .section .block .box form .register-email {
  display: none;
}
.member .section .block .box form .privacy-and-terms a {
  text-decoration: underline;
  transition: color 0.3s;
}
.member .section .block .box form .privacy-and-terms a:hover {
  color: #1A62A7;
}
.member .section .block .box form button.lightblue-bg {
  background: url(images/member/submit-btn.png) center no-repeat;
}
.member .section .block .box .button {
  height: 60px;
  border-radius: 10px;
  transition: opacity 0.3s;
}
.member .section .block .box .button:hover {
  opacity: 0.8;
}
.member .section .block .box .resetCode {
  border: 1px solid #174A79;
  color: #174A79;
}
.member .section .block .box.ok img {
  width: 93px;
}
.member .section .block .box.ok a {
  width: 180px;
  height: 60px;
  border-radius: 50px;
}
.member .section .dec {
  left: 50%;
  transform: translateX(-50%);
  margin-top: -800px;
}
.member .dec-section .clouds .cloud-1 {
  position: absolute;
  width: 15%;
  top: 203px;
  left: 2%;
}
.member .dec-section .clouds .cloud-2 {
  position: absolute;
  width: 8%;
  top: 150px;
  left: 23%;
}
.member .dec-section .clouds .cloud-3 {
  position: absolute;
  width: 15%;
  top: 190px;
  left: 75%;
}
.member .dec-section .clouds .cloud-4 {
  position: absolute;
  width: 12.8%;
  top: 190px;
  left: 83%;
}
.member footer {
  margin-top: -580px;
}
@media (max-width: 1199px) {
  .member .section .dec {
    margin-top: -600px;
  }
  .member.memberCenter.order .section .block .box .info {
    display: block;
  }
}
@media (max-width: 991px) {
  .member.memberCenter .section .block .box {
    padding: 40px 20px;
  }
}
@media (max-width: 767px) {
  .member.memberCenter.order .section .block .box .info {
    display: block;
  }
  .member.memberCenter.order .section .block .box .info > div:nth-child(2) > span {
    display: block;
  }
  .member .section .dec {
    margin-top: -300px;
  }
  .member footer {
    margin-top: -360px;
  }
  .member.memberCenter .section .block .tabs ul li a {
    width: 150px;
  }
  .member.memberCenter .section .block .box .row > * .radios.gender label {
    width: auto;
    letter-spacing: 5px;
  }
}
@media (max-width: 575px) {
  .member.memberCenter.order .section .block .box .info > div .invoice-link {
    height: 35px;
    width: 100px;
    margin-left: auto;
    margin-right: 0;
  }
  .member.memberCenter.order .section .block .box .info > div:nth-child(1) > span > span {
    display: block;
  }
  .member.memberCenter.order .section .block .box .info > div:nth-child(1) > span > span:nth-child(2) {
    margin-left: 0;
  }
  .member.memberCenter.order .section .block .box .info > div:nth-child(2) > span span {
    display: block;
  }
  .member.memberCenter.order .section .block .box .info > div:nth-child(2) > span span:nth-child(2) {
    margin-left: 0;
  }
  .member.memberCenter .section .block .tabs ul li a {
    width: 90px;
  }
  .member.memberCenter .section .block .box {
    border-radius: 10px !important;
    padding: 30px 20px;
  }
  .member.noTab .section .block .box {
    height: auto;
    border-radius: 10px 10px 10px 10px !important;
  }
  .member.noTab .section .dec {
    margin-top: 0px;
  }
  .member.noTab footer {
    margin-top: -290px;
  }
  .member#forget-mail-ok .section .block .box, .member#forget-mobile-ok .section .block .box, .member#activate-mail-ok .section .block .box, .member#activate-mobile-ok .section .block .box {
    padding-top: 50px;
    display: block !important;
    height: auto;
  }
  .member#forget-mail-ok .section .block .box .btns a, .member#forget-mobile-ok .section .block .box .btns a, .member#activate-mail-ok .section .block .box .btns a, .member#activate-mobile-ok .section .block .box .btns a {
    margin: 0 10px;
  }
  .member#forget-mail-ok .section .dec, .member#forget-mobile-ok .section .dec, .member#activate-mail-ok .section .dec, .member#activate-mobile-ok .section .dec {
    margin-top: 0px;
  }
  .member#forget-mobile .section .block .box, .member#forget-reset .section .block .box, .member#activate-mobile .section .block .box {
    height: auto;
  }
  .member#forget-mobile .section .block .box .resetCode, .member#forget-reset .section .block .box .resetCode, .member#activate-mobile .section .block .box .resetCode {
    margin-top: 16px;
  }
  .member#forget-mobile .section .dec, .member#forget-reset .section .dec, .member#activate-mobile .section .dec {
    margin-top: 0px;
  }
  .member#forget-mobile .dec-section, .member#forget-reset .dec-section, .member#activate-mobile .dec-section {
    z-index: 1;
  }
  .member#forget-mobile footer, .member#forget-reset footer, .member#activate-mobile footer {
    margin-top: -290px;
  }
  .member#password .section .block .box {
    height: auto;
  }
  .member .section {
    padding-bottom: 365px;
  }
  .member .section .block .tabs ul li.active span {
    font-size: 15px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    width: 100px;
    height: 40px;
    border-radius: 10px 10px 0 0;
  }
  .member .section .block .tabs ul li a {
    width: 100px;
    height: 40px;
    border-radius: 10px 10px 0 0;
  }
  .member .section .block .box {
    padding: 20px;
    border-radius: 0 10px 10px 10px !important;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  }
  .member .section .block .box.ok img {
    width: 60px;
  }
  .member .section .block .box.ok a {
    width: 120px;
    height: 45px;
    border-radius: 5px;
  }
  .member .section .block .box form .register-phone .field-group .phone a {
    height: 42.5px;
    line-height: 42.5px;
    width: 80px;
    font-size: 14px;
    border-radius: 0 5px 5px 0;
  }
  .member .section .block .box form .field-group .verification a img {
    margin-top: 0;
  }
  .member .section .block .box form .field-group input,
  .member .section .block .box form .field-group textarea {
    border-radius: 5px;
  }
  .member .section .block .box .button {
    height: 45px;
    border-radius: 5px;
  }
  .member .section .dec {
    margin-top: 20px;
    width: 800px;
  }
  .member .dec-section .clouds .cloud-1 {
    top: 105px;
  }
  .member .dec-section .clouds .cloud-2 {
    top: 102px;
    left: 6%;
  }
  .member .dec-section .clouds .cloud-3 {
    top: 120px;
  }
  .member .dec-section .clouds .cloud-4 {
    top: 120px;
  }
  .member footer {
    margin-top: -250px;
  }
}

table.type-1 thead tr {
  border-top: 2px solid #174A79;
  background: #EAEFF3;
}
table.type-1 thead tr th {
  padding: 15.5px 10px;
  font-weight: normal;
}
table.type-1 tbody tr {
  border-bottom: 1px solid #D9D5D3;
}
table.type-1 tbody tr td {
  padding: 15.5px 10px;
}
table.type-1 tbody tr td span.title {
  display: none;
}
@media (max-width: 575px) {
  table.type-1 {
    border-top: 2px solid #174A79;
  }
  table.type-1 thead {
    display: none;
  }
  table.type-1 tbody tr {
    display: block;
    padding: 15px 0 8px 0;
  }
  table.type-1 tbody tr.noBorder {
    padding-bottom: 0;
  }
  table.type-1 tbody tr td {
    display: block;
    padding: 3px 0;
  }
  table.type-1 tbody tr td span.title {
    color: black;
    display: inline;
    font-family: "noto Sans TC";
    font-weight: 500;
    flex: 0 0 85px;
  }
  table.type-1 tbody tr td span.title .inquire {
    width: 68px;
    display: inline-flex;
    justify-content: space-between;
  }
  table.type-1 tbody tr td a {
    display: inline-block !important;
  }
}

.floor #header #fix ul li a .bg {
  transform: translateY(-56%);
}
.floor #header #fix ul li > div .bg {
  transform: translateY(-56%);
}
.floor .dec-section {
  pointer-events: all;
}
.floor .dec-section .clouds .cloud-3 {
  position: absolute;
  width: 9%;
  top: 406px;
  left: 71%;
}
.floor .dec-section .clouds .cloud-4 {
  position: absolute;
  width: 8.2%;
  top: 400px;
  left: 76%;
}
.floor .dec-section .leafs {
  position: absolute;
  left: 0;
  transform: translateX(0);
}
.floor .dec-section .leafs .left {
  position: absolute;
  top: 162px;
  left: -5px;
  width: 620px;
  z-index: 1;
  transform-origin: 0% 50%;
}
.floor .dec-section .leafs .left > img {
  position: absolute;
  mix-blend-mode: multiply;
}
.floor .dec-section .leafs .left > img:nth-child(1) {
  width: 100%;
}
.floor .dec-section .leafs .left .dec {
  width: 100%;
  position: absolute;
  top: 200px;
}
.floor .dec-section .leafs .left .dec .small-leaf {
  width: 100px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  opacity: 0.6;
}
.floor .dec-section .leafs .right {
  position: absolute;
  top: 280px;
  left: 1710px;
  width: 210px;
  z-index: 1;
  transform-origin: 100% 50%;
}
.floor .dec-section .leafs .right > img {
  position: absolute;
  mix-blend-mode: multiply;
}
.floor .dec-section .leafs .right > img:nth-child(1) {
  width: 210px;
}
.floor .dec-section .leafs .right .dec {
  width: 100%;
  position: absolute;
  top: 20px;
}
.floor .dec-section .leafs .right .dec .small-leaf {
  width: 50px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  opacity: 0.6;
}
.floor .dec-section {
  max-width: 1920px;
  margin: auto;
}
.floor .dec-section .leafs .left ul li {
  position: absolute;
}
.floor .dec-section .leafs .left ul li.active a {
  opacity: 1;
}
.floor .dec-section .leafs .left ul li a {
  border-radius: 46%;
  opacity: 0.5;
  transition: opacity 0.3s;
}
.floor .dec-section .leafs .left ul li a:hover {
  opacity: 1;
}
.floor .dec-section .leafs .left ul li:nth-child(1) {
  padding-top: 34px;
  top: 254px;
  left: 69px;
  background: url(images/environment/link-dec-1.png) top center no-repeat;
}
.floor .dec-section .leafs .left ul li:nth-child(1) a {
  background: url(images/environment/link-1.png);
  width: 111px;
  height: 107px;
}
.floor .dec-section .leafs .left ul li:nth-child(2) {
  padding-top: 34px;
  top: 210px;
  left: 191px;
  background: url(images/environment/link-dec-2.png) top center no-repeat;
}
.floor .dec-section .leafs .left ul li:nth-child(2) a {
  background: url(images/environment/link-2.png);
  width: 111px;
  height: 107px;
}
.floor .dec-section .leafs .left ul li:nth-child(3) {
  padding-top: 15px;
  top: 194px;
  left: 314px;
  background: url(images/environment/link-dec-3.png) top left no-repeat;
}
.floor .dec-section .leafs .left ul li:nth-child(3) a {
  background: url(images/environment/link-3.png);
  width: 93px;
  height: 91px;
}
.floor .dec-section .leafs .left ul li:nth-child(4) {
  padding-top: 6px;
  top: 197px;
  left: 429px;
  background: url(images/environment/link-dec-4.png) top right 30% no-repeat;
}
.floor .dec-section .leafs .left ul li:nth-child(4) a {
  background: url(images/environment/link-4.png);
  width: 93px;
  height: 92.5px;
}
.floor .section {
  position: static;
}
.floor .section .block {
  pointer-events: none;
  margin-top: 170px;
}
.floor .section .block .map-wrapper {
  width: 100%;
  padding-bottom: 100px;
}
.floor .section .block .map-wrapper ul.groups {
  pointer-events: all;
}
.floor .section .block .map-wrapper ul.groups li {
  position: absolute;
  cursor: pointer;
}
.floor .section .block .map-wrapper ul.groups li:hover .circle-group .item-group {
  transform: translate(-50%, -50%) scale(1.03) !important;
}
.floor .section .block .map-wrapper ul.groups li .circle-group .circle {
  animation-name: rotate;
  animation-duration: 10s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.floor .section .block .map-wrapper ul.groups li .circle-group .circle.circle-2 {
  opacity: 0.5;
}
.floor .section .block .map-wrapper ul.groups li .circle-group .flag {
  position: absolute;
  width: 57px;
  animation-name: swipe;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  transform-origin: 0% 100%;
  z-index: 1;
}
.floor .section .block .map-wrapper ul.groups li .circle-group .item-group {
  position: absolute;
  transform: translate(-50%, -50%);
  transform-origin: 50% 100%;
  transition: transform 0.3s;
}
.floor .section .block .map-wrapper ul.groups li .box {
  position: absolute;
  display: none;
  z-index: 2;
  background: white;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  padding: 15px 13px;
  width: 350px;
  left: 102%;
  top: 37%;
  transform: translateY(-50%);
}
.floor .section .block .map-wrapper ul.groups li .box:hover .img-wrapper img {
  transform: scale(1.05);
}
.floor .section .block .map-wrapper ul.groups li .box:hover .title {
  background: #FFB50E;
  color: white;
}
.floor .section .block .map-wrapper ul.groups li .box::before {
  content: "";
  position: absolute;
  left: -14px;
  top: 53%;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 14px 14px 14px 0;
  border-color: transparent white transparent transparent;
}
.floor .section .block .map-wrapper ul.groups li .box .img-wrapper {
  overflow: hidden;
  border-radius: 10px;
}
.floor .section .block .map-wrapper ul.groups li .box .img-wrapper img {
  transition: transform 0.3s;
}
.floor .section .block .map-wrapper ul.groups li .box .title {
  position: relative;
  border: 2px solid #FFB50E;
  border-radius: 40px;
  background: white;
  padding: 11px 5px;
  letter-spacing: 1px;
  width: 200px;
  height: 55px;
  text-align: center;
  margin-top: -18px;
  transition: background 0.3s, color 0.3s;
}
.floor .section .block .map-wrapper ul.groups li .box .info {
  line-height: 1.9em;
}
.floor .section > ul:not(.links) li {
  float: left;
}
.floor .section > ul:not(.links) li span {
  z-index: 1;
}
@media (max-width: 1800px) {
  .floor .dec-section .leafs .left {
    top: 280px;
  }
  .floor .section .block {
    margin-top: 280px;
  }
}
@media (max-width: 1600px) {
  .floor .section > ul:not(.links) li .img-wrapper img:nth-child(1) {
    width: 72.8px;
  }
  .floor .section .block .map-wrapper {
    width: calc(100% - 100px);
  }
  .floor .section .block .map-wrapper ul.groups li .circle-group .circle {
    width: 197.6px;
  }
}
@media (max-width: 1400px) {
  .floor .dec-section .leafs .left {
    width: 450px;
    top: 320px;
  }
  .floor .dec-section .leafs .left .dec img {
    width: 50px;
  }
  .floor .dec-section .leafs .left ul li:nth-child(1) {
    top: 185px;
    left: 48px;
    background-size: 8px;
    padding-top: 18px;
  }
  .floor .dec-section .leafs .left ul li:nth-child(1) a {
    width: 77.7px;
    height: 74.9px;
    background-size: cover;
  }
  .floor .dec-section .leafs .left ul li:nth-child(2) {
    top: 154px;
    left: 136px;
    background-size: 8px;
    padding-top: 18px;
  }
  .floor .dec-section .leafs .left ul li:nth-child(2) a {
    width: 77.7px;
    height: 74.9px;
    background-size: cover;
  }
  .floor .dec-section .leafs .left ul li:nth-child(3) {
    top: 139px;
    left: 227px;
  }
  .floor .dec-section .leafs .left ul li:nth-child(3) a {
    width: 65.1px;
    height: 63.7px;
    background-size: cover;
  }
  .floor .dec-section .leafs .left ul li:nth-child(4) {
    top: 138px;
    left: 307px;
  }
  .floor .dec-section .leafs .left ul li:nth-child(4) a {
    width: 65.1px;
    height: 64.75px;
    background-size: cover;
  }
  .floor .section .block {
    margin-top: 250px;
  }
  .floor .section .block .map-wrapper {
    margin-top: 150px;
    width: calc(100% - 120px);
  }
}
@media (max-width: 1199px) {
  .floor footer {
    margin-top: 20px;
  }
  .floor .dec-section .leafs .left {
    top: 290px;
  }
  .floor .section .block .map-wrapper {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .floor .dec-section .bg {
    background-size: cover;
    height: 100%;
  }
  .floor .dec-section .bg img {
    display: none;
  }
  .floor .dec-section .clouds .cloud-3 {
    top: 140px;
  }
  .floor .dec-section .clouds .cloud-4 {
    top: 140px;
  }
  .floor .dec-section .leafs {
    width: 100%;
  }
  .floor .dec-section .leafs .left {
    width: 100%;
  }
  .floor .dec-section .leafs .left > img:nth-child(1) {
    display: none;
  }
  .floor .dec-section .leafs .left ul {
    display: table;
    margin: auto;
    margin-top: 20px;
  }
  .floor .dec-section .leafs .left ul li {
    position: relative;
    top: auto !important;
    left: auto !important;
    background: none !important;
    float: left;
    margin: 0;
    padding: 0 20px;
    padding-top: 0 !important;
  }
  .floor .dec-section .leafs .left ul li.active a {
    color: #02BFD7;
  }
  .floor .dec-section .leafs .left ul li a {
    width: auto !important;
    height: auto !important;
    background: none !important;
    opacity: 1;
    text-align: center;
    font-weight: 500;
    letter-spacing: 1px;
    font-family: noto Sans TC;
  }
  .floor .dec-section .leafs .left ul li:not(:last-child)::after {
    content: "";
    display: block;
    width: 2px;
    height: 15px;
    background: rgba(0, 0, 0, 0.63);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
  .floor .dec-section .leafs .left ul li:nth-child(1) a::before {
    content: "戶外地圖";
  }
  .floor .dec-section .leafs .left ul li:nth-child(2) a::before {
    content: "1F";
  }
  .floor .dec-section .leafs .left ul li:nth-child(3) a::before {
    content: "2F";
  }
  .floor .dec-section .leafs .left ul li:nth-child(4) a::before {
    content: "3F";
  }
  .floor .section .block {
    margin-top: 120px;
  }
  .floor .section .block .map-wrapper {
    padding-bottom: 20px;
    margin-top: 0;
  }
  .floor .section .block .map-wrapper .map {
    display: none;
  }
  .floor .section .block .map-wrapper ul.groups {
    padding-left: 20px;
    padding-right: 20px;
    display: table;
    margin: auto;
  }
  .floor .section .block .map-wrapper ul.groups li {
    margin-bottom: 20px;
    position: static;
  }
  .floor .section .block .map-wrapper ul.groups li .circle-group {
    display: none;
  }
  .floor .section .block .map-wrapper ul.groups li .box {
    display: block !important;
    position: static;
    transform: none;
    max-width: 350px;
    width: 100%;
  }
  .floor .section > ul:not(.links) {
    width: calc(100% - 40px);
    margin: auto;
  }
  .floor .section > ul:not(.links) li {
    width: 50%;
    justify-content: flex-start;
  }
}
@media (max-width: 575px) {
  .floor .section .block {
    margin-top: 80px;
  }
  .floor .section .block .map-wrapper ul.groups li .box .title {
    height: 40px;
    width: 150px;
  }
  .floor .section > ul:not(.links) {
    width: 160px;
  }
  .floor .section > ul:not(.links) li {
    width: auto;
    float: none;
  }
  .floor .section > ul:not(.links) li .img-wrapper img:nth-child(1) {
    width: 50px;
  }
  .floor .dec-section {
    opacity: 1;
  }
  .floor .dec-section .leafs .left {
    top: 220px;
  }
}

.select2-container .select2-results__options li:first-child {
  display: none;
}

.select2-container.select2-container--focus {
  border: 2px solid #13BFD7;
  background: #F6F6F6;
}

.select2 {
  background: #EDEDED;
  padding: 11.5px 20px;
  border-radius: 10px;
  border: 2px solid #EDEDED;
}

.select2-container--default .select2-selection--single {
  background: transparent;
  border: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 12px;
  right: 14px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  width: 10px;
  height: 8px;
  border: none;
  background: url(images/contact/arrow-down.svg) center no-repeat;
}

.select2-search--dropdown {
  display: none;
}

.select2-dropdown {
  border: none;
  background: transparent;
}

.select2-results__options {
  background: #E5E4E0;
  padding: 0;
}

.select2-results__option {
  padding: 11.5px 20px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #13BFD7;
}

@media screen and (max-width: 575px) {
  .select2 {
    padding: 6.5px 10px;
    border-radius: 5px;
  }
  .select2-results__option {
    padding: 9px 10px;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 7px;
  }
}
.number-wrapper {
  width: 102px;
  display: flex;
}
.number-wrapper input[type=number] {
  width: 45px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.35);
  border-radius: 5px;
  height: 36px;
}
.number-wrapper .minus-btn,
.number-wrapper .add-btn {
  cursor: pointer;
  transition: opacity 0.3s;
  display: flex;
  height: 36px;
  align-items: center;
}
.number-wrapper .minus-btn:hover,
.number-wrapper .add-btn:hover {
  opacity: 0.8;
}
.number-wrapper .minus-btn img,
.number-wrapper .add-btn img {
  width: 12px;
}
@media (max-width: 991px) {
  .number-wrapper input[type=number] {
    height: 30px;
    line-height: 30px;
  }
  .number-wrapper .minus-btn,
  .number-wrapper .add-btn {
    height: 30px;
  }
}
@media (max-width: 575px) {
  .number-wrapper input[type=number] {
    height: 22px;
    line-height: 22px;
  }
  .number-wrapper .minus-btn,
  .number-wrapper .add-btn {
    height: 22px;
  }
}

.radios [type=radio]:checked + label i {
  background-image: url(images/common/radio-dot-checked.png);
}
.radios label {
  cursor: pointer;
}
.radios label i {
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-image: url(images/common/radio-dot.png);
  margin-right: 10px;
  position: relative;
  top: 3px;
}
.radios input {
  display: none;
}

.cart .steps {
  width: 505px;
}
.cart .steps li {
  width: 33%;
}
.cart .steps li:not(:last-child).purple-line div::after {
  background: #7D6FB2;
}
.cart .steps li:not(:last-child) div::after {
  content: "";
  display: block;
  width: 120px;
  height: 2px;
  background: #E4E4E4;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -61px;
}
@media (max-width: 575px) {
  .cart .steps {
    width: 280px;
  }
  .cart .steps li:not(:last-child) div::after {
    width: 80px;
    right: -59px;
  }
}

.orderGroups .group {
  display: flex;
  padding: 55px 0 45px 0;
  padding-left: 37px;
  border-top: 1px solid black;
}
.orderGroups .group:last-child {
  border-bottom: 1px solid black;
}
.orderGroups .group .title {
  flex: 0 0 155px;
}
.orderGroups .group .content {
  flex-grow: 1;
}
.orderGroups .group .content ul li {
  margin-bottom: 9px;
}
@media (max-width: 991px) {
  .orderGroups .group {
    display: block;
  }
  .orderGroups .group .title {
    margin-bottom: 15px;
    display: block;
  }
}
@media (max-width: 767px) {
  .orderGroups .group .content ul li > span:nth-child(1) {
    flex: 0 0 105px;
  }
}
@media (max-width: 575px) {
  .orderGroups .group {
    padding: 15px 0 5px 0;
  }
  .orderGroups .group .title {
    margin-bottom: 10px;
  }
  .orderGroups .group .content .text-gray {
    color: black;
  }
  .orderGroups .group .content ul li > span:nth-child(1) {
    flex: 0 0 85px;
  }
}

.total {
  letter-spacing: 1.6px;
  border-top: 1px solid black;
}
.total table tbody tr:not(:last-child) {
  border-bottom: 1px solid #D9D5D3;
}
.total table tbody tr td {
  padding: 15.5px 10px;
}
.total table tbody tr td:nth-child(1) {
  padding-left: 37px;
}
.total table tbody tr td:last-child {
  width: 293px;
  text-align: center;
}
@media (max-width: 1400px) {
  .total table tbody tr td:last-child {
    width: 200px;
  }
}
@media (max-width: 1199px) {
  .total table tbody tr td:last-child {
    width: 150px;
  }
}
@media (max-width: 575px) {
  .total table tbody tr {
    display: block;
    padding: 10px 0 8px 0;
  }
  .total table tbody tr td {
    display: block;
    padding: 3px 0;
  }
  .total table tbody tr td:nth-child(1) {
    padding-left: 0;
  }
  .total table tbody tr td:last-child {
    width: 100% !important;
    text-align: left;
  }
}

.difficulty img {
  width: 22px;
}

@media print {
  .noprint {
    display: none;
  }
}
.ios .number-wrapper input[type=number] {
  height: 23px;
  line-height: 21px;
}

.cart-table span.title {
  display: none;
}
.cart-table .subtotal-th {
  width: 293px;
}
.cart-table .discount-price-cell {
  color: #D70084;
}
.cart-table .cancel-cell img {
  width: 25px;
  cursor: pointer;
  transition: opacity 0.3s;
}
.cart-table .cancel-cell img:hover {
  opacity: 0.8;
}
.cart-table .delete-cell img, .cart-table .delete-cell svg {
  width: 18px;
  height: 22px;
  cursor: pointer;
  transition: fill 0.3s;
}
.cart-table .delete-cell img:hover path, .cart-table .delete-cell svg:hover path {
  fill: #D70084 !important;
}
.cart-table .ticket {
  border-radius: 5px;
  height: 30px;
  line-height: 30px;
  background: #7D6FB2;
  padding-left: 10px;
  padding-right: 10px;
  flex-shrink: 0;
}
.cart-table .ticket.unmatch {
  background-color: #C0C0C0;
}
.cart-table thead tr {
  border-top: 2px solid #174A79;
  background: #EAEFF3;
}
.cart-table thead tr th {
  padding: 15.5px 10px;
  font-weight: normal;
}
.cart-table thead tr th:first-child {
  width: 27px;
}
.cart-table thead tr th.main-cell {
  padding-left: 127px;
}
.cart-table thead tr th:not(.main-cell) {
  text-align: center;
}
.cart-table thead tr th.course-cell-th {
  text-align: left;
}
.cart-table thead tr th.activity-cell-th {
  text-align: left;
}
.cart-table thead tr th.courseTime-cell-th {
  text-align: left;
}
.cart-table > tbody:not(.product-body) {
  border-top: 1px solid rgb(0, 0, 0);
}
.cart-table .product-body {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.cart-table .product-body tr:last-child td {
  border-bottom: none !important;
}
.cart-table .product-body tr.product td {
  padding: 18px 10px;
}
.cart-table .product-body tr.product td.main-cell .blank {
  width: 15px;
}
.cart-table .product-body tr.product td.main-cell span:nth-child(2) {
  color: #7F7F7F;
}
.cart-table .product-body tr.product td.main-cell .notReturnText {
  color: #D70084 !important;
  padding-left: 45px;
}
.cart-table .product-body tr.coupon td {
  padding: 10px 10px;
}
.cart-table .product-body tr.coupon .discount img {
  width: 20px;
}
.cart-table .product-body tr.coupon .discount span {
  color: #4CD0E0;
}
.cart-table .product-body tr td:not(:first-child) {
  border-bottom: 1px solid #D9D5D3;
}
.cart-table .product-body tr td:not(.main-cell) {
  text-align: center;
}
.cart-table .product-body tr td.course-cell, .cart-table .product-body tr td.activity-cell {
  text-align: left;
}
.cart-table .product-body tr td.courseTime-cell {
  text-align: left;
}
.cart-table .discounts-body > tr > td {
  padding: 40px 10px;
  padding-right: 0;
}
.cart-table .discounts-body > tr > td.main-discounts > div {
  display: flex;
}
.cart-table .discounts-body > tr > td.main-discounts > div > span {
  flex-shrink: 0;
  flex: 0 0 125px;
}
.cart-table .discounts-body > tr > td.main-discounts > div table {
  width: 100%;
  margin-top: -8px;
}
.cart-table .discounts-body > tr > td.main-discounts > div table tr td {
  padding: 8px 0px;
}
.cart-table .discounts-body > tr > td.main-discounts > div table tr td.discount-price-cell {
  width: 293px;
  text-align: center;
}
.cart-table .discounts-body > tr > td.main-discounts .discount-cell > div {
  display: flex;
}
.cart-table .useCoupon-body .main-useCoupon {
  padding: 40px 10px;
}
.cart-table .useCoupon-body .main-useCoupon > div {
  display: flex;
}
.cart-table .useCoupon-body .main-useCoupon > div > span {
  flex-shrink: 0;
  flex: 0 0 125px;
}
.cart-table .useCoupon-body .radios {
  flex-grow: 1;
}
.cart-table .useCoupon-body .radios > div:nth-child(1) {
  border-bottom: 1px solid #E9E7E5;
}
.cart-table .useCoupon-body .radios > div:nth-child(2) > div:nth-child(1) .btn-group {
  display: inline-block;
}
.cart-table .useCoupon-body .radios > div:nth-child(2) > div:nth-child(2) .table-wrapper {
  border-bottom: none;
  max-width: 1100px;
}
.cart-table .useCoupon-body .radios > div:nth-child(2) > div:nth-child(2) .table-wrapper table {
  min-width: 450px;
}
.cart-table .useCoupon-body .radios > div:nth-child(2) > div:nth-child(2) .table-wrapper table thead {
  background: #F2F2F2;
}
.cart-table .useCoupon-body .radios > div:nth-child(2) > div:nth-child(2) .table-wrapper table thead tr th {
  font-weight: normal;
  padding: 16.5px 10px;
}
.cart-table .useCoupon-body .radios > div:nth-child(2) > div:nth-child(2) .table-wrapper table thead tr th:nth-child(1) {
  width: 32%;
  padding-left: 80px;
}
.cart-table .useCoupon-body .radios > div:nth-child(2) > div:nth-child(2) .table-wrapper table thead tr th:nth-child(2) {
  width: 35%;
  text-align: center;
}
.cart-table .useCoupon-body .radios > div:nth-child(2) > div:nth-child(2) .table-wrapper table thead tr th:nth-child(3) {
  width: 15%;
  text-align: center;
}
.cart-table .useCoupon-body .radios > div:nth-child(2) > div:nth-child(2) .table-wrapper table thead tr th:nth-child(4) {
  text-align: center;
}
.cart-table .useCoupon-body .radios > div:nth-child(2) > div:nth-child(2) .table-wrapper table tbody tr {
  border-bottom: 1px solid #D8D5D2;
}
.cart-table .useCoupon-body .radios > div:nth-child(2) > div:nth-child(2) .table-wrapper table tbody tr td {
  padding: 16.5px 10px;
}
.cart-table .useCoupon-body .radios > div:nth-child(2) > div:nth-child(2) .table-wrapper table tbody tr td:nth-child(1) {
  padding-left: 60px;
}
.cart-table .useCoupon-body .radios > div:nth-child(2) > div:nth-child(2) .table-wrapper table tbody tr td:nth-child(2) {
  text-align: center;
}
.cart-table .useCoupon-body .radios > div:nth-child(2) > div:nth-child(2) .table-wrapper table tbody tr td:nth-child(3) {
  text-align: center;
}
.cart-table .useCoupon-body .radios > div:nth-child(2) > div:nth-child(2) .table-wrapper table tbody tr td:nth-child(4) {
  text-align: center;
}
.cart-table .useCoupon-body .radios > div:nth-child(2) > div:nth-child(2) .table-wrapper table tbody tr td.cancel img {
  width: 25px;
  height: 25px;
  cursor: pointer;
  transition: opacity 0.3s;
}
.cart-table .useCoupon-body .radios > div:nth-child(2) > div:nth-child(2) .table-wrapper table tbody tr td.cancel img:hover {
  opacity: 0.8;
}
.cart-table .useCoupon-body button {
  padding-right: 17.5px;
  padding-left: 17.5px;
  height: 40px;
  border-radius: 5px;
  background: #7D6FB2;
  transition: opacity 0.3s;
}
.cart-table .useCoupon-body button:hover {
  opacity: 0.8;
}
.cart-table .useCoupon-body .number {
  padding: 2px 5.5px;
  border-radius: 25px;
  background: #D70084;
  top: -10px;
  right: -10px;
}
.cart-table .useCoupon-body p {
  letter-spacing: 0;
  display: inline-block;
  color: rgba(0, 0, 0, 0.5);
  line-height: 2;
}
.cart-table .payType-body .main-payType {
  padding: 40px 10px;
}
.cart-table .payType-body .main-payType > div {
  display: flex;
}
.cart-table .payType-body .main-payType > div > span {
  flex-shrink: 0;
  flex: 0 0 125px;
}
.cart-table .payType-body button {
  height: 50px;
  padding-right: 29px;
  padding-left: 29px;
  background: white;
  border: 1px solid #A6A6A6;
  border-radius: 10px;
}
.cart-table .payType-body button.active {
  background: #A6A6A6;
  color: white;
}
@media (max-width: 1400px) {
  .cart-table .subtotal-th {
    width: 200px;
  }
  .cart-table .discounts-body > tr > td.main-discounts > div table tr td.discount-price-cell {
    width: 200px;
  }
}
@media (max-width: 1199px) {
  .cart-table .subtotal-th {
    width: 150px;
  }
  .cart-table .discounts-body > tr > td.main-discounts > div table tr td.discount-price-cell {
    width: 150px;
  }
  .cart-table thead tr th:first-child {
    display: none;
  }
  .cart-table thead tr th.main-cell {
    padding-left: 20px;
  }
  .cart-table > tbody > tr.product td.main-cell span:nth-child(2) {
    display: block;
  }
  .cart-table > tbody > tr > td:first-child {
    display: none !important;
  }
  .cart-table > tbody > tr > td.main-cell {
    padding-left: 20px;
  }
}
@media (max-width: 991px) {
  .cart-table {
    border-top: 2px solid #174A79;
  }
  .cart-table .discounts-body > tr > td {
    padding: 20px 0;
  }
  .cart-table .discounts-body > tr > td.main-discounts > div {
    display: block;
  }
  .cart-table .discounts-body > tr > td.main-discounts > div table {
    margin-top: 0;
  }
  .cart-table .discounts-body > tr > td.main-discounts > div table tr {
    display: block;
  }
  .cart-table .discounts-body > tr > td.main-discounts > div table tr td {
    padding: 0;
    display: block;
  }
  .cart-table .discounts-body > tr > td.main-discounts > div table tr td.discount-price-cell {
    width: calc(100% - 31px) !important;
    display: inline-block;
    text-align: right;
  }
  .cart-table .discounts-body > tr > td.main-discounts > div table tr td.cancel-cell {
    display: inline-block;
  }
  .cart-table .useCoupon-body .main-useCoupon {
    padding: 20px 0;
  }
  .cart-table .useCoupon-body .main-useCoupon > div {
    display: block;
  }
  .cart-table .useCoupon-body .radios > div:nth-child(2) > div:nth-child(1) .btn-group button {
    height: 30px;
    font-size: 15px;
  }
  .cart-table .payType-body .main-payType {
    padding: 20px 0;
  }
  .cart-table .payType-body .main-payType > div {
    display: block;
  }
  .cart-table .payType-body button {
    height: 40px;
  }
  .cart-table span.title {
    color: black;
    display: inline;
    font-family: "noto Sans TC";
    font-weight: 500;
    flex-shrink: 0;
  }
  .cart-table span.title .inquire {
    width: 68px;
    display: inline-flex;
    justify-content: space-between;
  }
  .cart-table thead {
    display: none;
  }
  .cart-table .delete-cell {
    display: flex !important;
    align-items: center;
  }
  .cart-table .product-body {
    display: block;
    padding: 5px 0;
  }
  .cart-table .product-body tr {
    display: block;
    padding: 5px 0;
  }
  .cart-table .product-body tr td {
    display: block;
    padding: 3px 0 !important;
    padding-left: 0 !important;
    text-align: left !important;
  }
  .cart-table .product-body tr td:not(:first-child) {
    border: none;
  }
  .cart-table .product-body tr td.main-cell span {
    margin-bottom: 5px;
  }
  .cart-table .product-body tr td.main-cell .notReturnText {
    padding-left: 25px !important;
  }
  .cart-table .product-body tr td.course-cell {
    display: flex;
  }
}

.noBorder {
  border: 0 !important;
}

.tip {
  padding-left: 130px;
  font-size: 15px;
}
@media (max-width: 575px) {
  .tip {
    padding-left: 10px;
  }
}

.selectDate {
  display: table;
  padding: 0 25px;
  height: 35px;
  line-height: 33px;
  color: #7D6FB2;
  border: 2px solid #7D6FB2;
  border-radius: 5px;
  transition: color 0.3s, background 0.3s;
}
.selectDate:hover {
  color: white;
  background: #7D6FB2;
}

.cancel-btn {
  display: table;
  padding: 0 25px;
  height: 35px;
  line-height: 33px;
  color: #7D6FB2;
  border: 2px solid #7D6FB2;
  border-radius: 5px;
  transition: color 0.3s, background 0.3s;
}
.cancel-btn:hover {
  color: white;
  background: #7D6FB2;
}

.select2-hidden-accessible {
  width: auto !important;
}

/* ==========================================================================
    header
 ==========================================================================*/
#header {
  width: 100%;
  height: 120px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  display: -webkit-box;
  display: flex;
  align-items: center;
}
#header #goTop {
  width: 40px;
  height: 40px;
  right: 15px;
  top: calc(100vh - 70px);
  z-index: 5;
  opacity: 0;
  transition: opacity 0.3s, box-shadow 0.3s;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}
#header #goTop.show {
  opacity: 1;
  cursor: pointer;
  pointer-events: all;
}
#header #goTop img {
  width: 15px;
}
#header .logo {
  position: absolute;
  top: 50%;
  left: 65px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  transition: opacity 0.3s;
}
#header .logo img {
  width: 72px;
}
#header .logo.hide {
  opacity: 0;
  pointer-events: none;
}
#header .complex {
  z-index: 1;
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#header .complex .menu-toggle {
  z-index: 5;
  cursor: pointer;
}
#header .complex .menu-toggle .wrapper {
  width: 23px;
  height: 19px;
  position: relative;
  display: inline-block;
}
#header .complex .menu-toggle .wrapper div {
  height: 3px;
  background-color: white;
  -webkit-transition: width 0.5s ease, top 0.5s, -webkit-transform 0.5s;
  transition: width 0.5s ease, top 0.5s, -webkit-transform 0.5s;
  transition: width 0.5s ease, top 0.5s, transform 0.5s;
  transition: width 0.5s ease, top 0.5s, transform 0.5s, -webkit-transform 0.5s;
  position: absolute;
  left: 0;
}
#header .complex .menu-toggle .wrapper div.bar1 {
  top: 0px;
  width: 23px;
}
#header .complex .menu-toggle .wrapper div.bar2 {
  top: 8px;
  width: 17px;
}
#header .complex .menu-toggle .wrapper div.bar3 {
  top: 16px;
  width: 23px;
}
#header .complex .menu-toggle.active .wrapper div.bar1 {
  width: 23px;
  top: 8px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#header .complex .menu-toggle.active .wrapper div.bar2 {
  opacity: 0;
}
#header .complex .menu-toggle.active .wrapper div.bar3 {
  width: 23px;
  top: 8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#header .complex > ul > li {
  float: left;
}
#header .complex > ul > li:not(:last-child) {
  margin-right: 18px;
}
#header .complex > ul > li:last-child {
  display: none;
}
#header .complex > ul > li#earth {
  position: relative;
  margin-right: 0;
}
#header .complex > ul > li#earth > div:nth-child(1) {
  cursor: pointer;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #174A79;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
#header .complex > ul > li#earth > div:nth-child(1):hover {
  background: #4FD3E3;
}
#header .complex > ul > li#earth > div:nth-child(2) {
  width: auto;
  height: auto;
  background: transparent;
  border-radius: initial;
  padding-top: 20px;
  position: absolute;
  top: 60px;
  right: 0;
}
#header .complex > ul > li#earth > div:nth-child(2) ul {
  padding: 15px 10px;
  position: relative;
  background: white;
  box-shadow: 5.5px 5.5px 14.3px rgba(0, 0, 0, 0.32);
  border-radius: 5px;
  display: none;
}
#header .complex > ul > li#earth > div:nth-child(2) ul::before {
  position: absolute;
  top: -9px;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7px 9px 7px;
  border-color: transparent transparent white transparent;
}
#header .complex > ul > li#earth > div:nth-child(2) ul li {
  padding: 2px 0;
}
#header .complex > ul > li#earth > div:nth-child(2) ul li a {
  display: block;
  padding: 5px 0;
  white-space: nowrap;
}
#header .complex > ul > li#earth > div:nth-child(2) ul li a:hover {
  color: #27B6D3;
}
#header .complex > ul > li#cart {
  position: relative;
}
#header .complex > ul > li#cart .number {
  position: absolute;
  top: -5px;
  right: -5px;
  height: 25px;
  border-radius: 50%;
  background: #25BFD7;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  padding: 0 8.5px;
}
#header .complex > ul > li > a,
#header .complex > ul > li > div {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #174A79;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
#header .complex > ul > li > a:hover,
#header .complex > ul > li > div:hover {
  background: #4FD3E3;
}
#header .complex > ul > li > a svg.person,
#header .complex > ul > li > div svg.person {
  width: 26px;
}
#header .complex > ul > li > a svg.cart,
#header .complex > ul > li > div svg.cart {
  width: 20px;
}
#header .complex > ul > li > a svg.earth,
#header .complex > ul > li > div svg.earth {
  width: 28px;
}
#header .complex > ul > li > a svg.phone,
#header .complex > ul > li > div svg.phone {
  display: none;
}
#header .bg_phone {
  display: table;
  margin: auto;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  pointer-events: none;
  opacity: 0;
}
#header .bg_phone.active {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
  pointer-events: all;
}
#header .bg_phone .scroll_wrapper nav {
  background: white;
  border-radius: 70px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
#header .bg_phone .scroll_wrapper nav ul.menu {
  padding-left: 20px;
  padding-right: 45px;
  height: 100%;
}
#header .bg_phone .scroll_wrapper nav ul.menu > li {
  float: left;
  font-size: 19px;
  font-weight: bold;
  padding: 18.5px 16.2px;
}
#header .bg_phone .scroll_wrapper nav ul.menu > li a {
  padding: 5px 5px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
#header .bg_phone .scroll_wrapper nav ul.menu > li a:hover {
  color: #174A79;
}
#header .bg_phone .scroll_wrapper nav ul.menu > li a img {
  width: 9px;
  margin-right: 5px;
}
#header #fix {
  position: fixed;
  top: 50vh;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  color: white;
}
#header #fix ul {
  width: 108px;
}
#header #fix ul li {
  margin-bottom: 15px;
}
#header #fix ul li .arrow {
  width: 8px;
}
#header #fix ul li:nth-child(1) a svg {
  width: 23px;
  height: 14.4px;
}
#header #fix ul li:nth-child(2) > div {
  padding-left: 12px;
  overflow: hidden;
  cursor: pointer;
  width: 390px;
  -webkit-transition: box-shadow 0.3s, -webkit-transform 0.3s;
  transition: box-shadow 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, box-shadow 0.3s;
  transition: transform 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translateX(-16px);
  transform: translateX(-16px);
}
#header #fix ul li:nth-child(2) > div.show {
  -webkit-transform: translateX(-282px);
  transform: translateX(-282px);
}
#header #fix ul li:nth-child(2) > div.show .arrow {
  transform: rotate(180deg);
}
#header #fix ul li:nth-child(2) > div > div:nth-child(2) {
  width: 128px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
#header #fix ul li:nth-child(2) > div > div:nth-child(2) svg {
  width: 20px;
  height: 20px;
}
#header #fix ul li:nth-child(2) > div > div:nth-child(3) {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  justify-content: center;
}
#header #fix ul li:nth-child(2) > div .bg {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 600px;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#66D9E8), color-stop(#25B5D3), color-stop(#C68FBC), color-stop(#A0548F), color-stop(#F6BE9B), color-stop(#ED8846), color-stop(#6BBE7C), to(#3A9557));
  background: linear-gradient(#66D9E8, #25B5D3, #C68FBC, #A0548F, #F6BE9B, #ED8846, #6BBE7C, #3A9557);
  -webkit-transition: -webkit-transform 0.7s;
  transition: -webkit-transform 0.7s;
  transition: transform 0.7s;
  transition: transform 0.7s, -webkit-transform 0.7s;
  z-index: -1;
}
#header #fix ul li:nth-child(2) .moreLink img {
  transition: transform 0.3s;
}
#header #fix ul li:nth-child(2) .moreLink:hover img {
  transform: translateX(5px) rotate(180deg);
}
#header #fix ul li:nth-child(3) a svg {
  width: 21px;
  height: 21px;
}
#header #fix ul li:nth-child(4) {
  display: none;
}
#header #fix ul li:nth-child(4) a svg {
  width: 22px;
  height: 22px;
}
#header #fix ul li > * {
  height: 93px;
  display: -webkit-box;
  display: flex;
  -webkit-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
  border-radius: 50px 0 0 50px;
}
#header #fix ul li > *:hover {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}
#header #fix ul li a {
  padding-left: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
  width: 108px;
  position: relative;
  overflow: hidden;
}
#header #fix ul li a .bg {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 600px;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#7CEDEC), color-stop(#2AD2ED), color-stop(#C289B8), color-stop(#A0548F), color-stop(#F8C2B5), color-stop(#F7985C), color-stop(#80CBA3), to(#64C492));
  background: linear-gradient(#7CEDEC, #2AD2ED, #C289B8, #A0548F, #F8C2B5, #F7985C, #80CBA3, #64C492);
  -webkit-transition: -webkit-transform 0.7s;
  transition: -webkit-transform 0.7s;
  transition: transform 0.7s;
  transition: transform 0.7s, -webkit-transform 0.7s;
  z-index: -1;
}
#header #fix > p {
  display: none;
}
@media (max-width: 1800px) {
  #header .bg_phone {
    margin: 220px;
  }
  #header .bg_phone .scroll_wrapper nav ul.menu {
    padding-right: 20px;
  }
  #header .bg_phone .scroll_wrapper nav ul.menu li {
    padding: 18.5px 10px;
  }
}
@media (max-width: 1600px) {
  #header .logo {
    left: 20px;
  }
  #header .bg_phone {
    margin-left: 130px;
  }
}
@media (max-width: 1500px) {
  #header .logo {
    left: 20px;
  }
  #header .complex {
    right: 20px;
  }
  #header .complex > ul > li:not(:last-child) {
    margin-right: 10px;
  }
  #header .bg_phone {
    margin-left: 120px;
  }
  #header .bg_phone .scroll_wrapper nav ul.menu li {
    padding: 18.5px 5px;
  }
}
@media (max-width: 1400px) {
  #header .bg_phone .scroll_wrapper nav ul.menu {
    padding: 0 10px;
  }
  #header .bg_phone .scroll_wrapper nav ul.menu li {
    padding: 18.5px 3px;
    font-size: 18px;
  }
}
@media (max-width: 1300px) {
  #header .complex > ul > li > a,
  #header .complex > ul > li > div,
  #header .complex > ul > li#earth > div:nth-child(1) {
    width: 50px;
    height: 50px;
  }
  #header .complex > ul > li#earth > div:nth-child(2) {
    top: 50px;
  }
  #header .bg_phone .scroll_wrapper nav ul.menu li {
    font-size: 16px;
  }
}
@media (max-width: 1199px) {
  #header {
    height: 58px;
    background: white;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
  }
  #header .logo {
    width: 45px;
    box-shadow: none;
  }
  #header #fix {
    position: static;
    -webkit-transform: none;
    transform: none;
    padding-top: 45px;
  }
  #header #fix ul {
    display: table;
    margin: auto;
    width: auto;
  }
  #header #fix ul li {
    margin: 0 9px;
    float: left;
  }
  #header #fix ul li:nth-child(1), #header #fix ul li:nth-child(2) {
    display: none;
  }
  #header #fix ul li:nth-child(3) a svg {
    margin-bottom: 3px;
  }
  #header #fix ul li:nth-child(4) {
    display: block;
  }
  #header #fix ul li a {
    border: 2px solid #02BFD7;
    border-radius: 50%;
    padding: 0;
    width: 90px;
    height: 90px;
    background: white;
    color: #02BFD7;
  }
  #header #fix ul li a svg {
    margin-top: 10px;
  }
  #header #fix ul li a svg path {
    fill: #02BFD7 !important;
  }
  #header #fix ul li a .bg {
    display: none;
  }
  #header #fix ul li a:hover {
    box-shadow: initial;
  }
  #header #fix p {
    display: block;
    color: #173979;
  }
  #header .complex .menu-toggle {
    background: #02BFD7;
  }
  #header .complex > ul > li#earth > div:nth-child(2) {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
  #header .bg_phone {
    background: url(images/common/menu-bg.jpg);
    background-size: cover;
    background-position: top 0px center;
    margin-top: 0;
    width: 320px;
    position: fixed;
    display: block;
    right: 0;
    top: 0px;
    height: 100vh;
    z-index: 4;
    opacity: 1;
    padding-top: 97px;
    margin: 0;
    -webkit-transform: translateX(320px);
    transform: translateX(320px);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  #header .bg_phone.active {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  #header .bg_phone .menu-toggle {
    height: 43.8px;
    width: 43.8px;
    background: #02BFD7;
    border-radius: 50%;
    position: absolute;
    right: 20px;
    top: 7px;
  }
  #header .bg_phone .menu-toggle .wrapper {
    width: 16.6px;
    height: 13.6px;
    position: relative;
  }
  #header .bg_phone .menu-toggle .wrapper div {
    background: white;
    width: 100%;
    height: 2.2px;
    position: absolute;
  }
  #header .bg_phone .menu-toggle .wrapper div.bar1 {
    top: 6px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #header .bg_phone .menu-toggle .wrapper div.bar3 {
    top: 6px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #header .bg_phone .scroll_wrapper {
    background: none;
    -webkit-overflow-scrolling: touch;
    display: block;
    height: calc(100vh - 100px);
    overflow-y: auto;
  }
  #header .bg_phone .scroll_wrapper nav {
    box-shadow: initial;
    background: transparent;
    border-radius: initial;
  }
  #header .bg_phone .scroll_wrapper nav ul.menu {
    padding: 0 37px;
    text-align: center;
  }
  #header .bg_phone .scroll_wrapper nav ul.menu > li {
    float: none;
    padding: 0;
    font-size: 18px;
    letter-spacing: 2px;
  }
  #header .bg_phone .scroll_wrapper nav ul.menu > li a {
    padding: 11.5px 0;
    display: block;
    max-width: 150px;
    margin: auto;
    position: relative;
  }
  #header .bg_phone .scroll_wrapper nav ul.menu > li.active {
    border-bottom: 1px solid #02BFD7;
    position: relative;
  }
  #header .bg_phone .scroll_wrapper nav ul.menu > li.active a {
    font-size: 20px;
    color: #173979;
  }
  #header .bg_phone .scroll_wrapper nav ul.menu > li.active img {
    display: inline;
    position: absolute;
    top: 24px;
    left: 10px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  #header .bg_phone .scroll_wrapper nav ul.menu > li img {
    display: none;
  }
  #header .complex .menu-toggle {
    height: 43.8px;
    width: 43.8px;
  }
  #header .complex .menu-toggle.active .wrapper div.bar1 {
    top: 6px;
  }
  #header .complex .menu-toggle.active .wrapper div.bar3 {
    top: 6px;
  }
  #header .complex .menu-toggle .wrapper {
    width: 16.6px;
    height: 13.6px;
  }
  #header .complex .menu-toggle .wrapper div {
    width: 100% !important;
    height: 2.2px;
  }
  #header .complex .menu-toggle .wrapper div.bar2 {
    top: 6px;
  }
  #header .complex .menu-toggle .wrapper div.bar3 {
    top: 12px;
  }
  #header .complex > ul {
    display: -webkit-box;
    display: flex;
  }
  #header .complex > ul > li:nth-child(1) {
    order: 4;
    margin-right: 0;
  }
  #header .complex > ul > li:nth-child(1) > div:hover {
    background: #02BFD7;
  }
  #header .complex > ul > li:nth-child(2) {
    order: 1;
    margin-right: 0;
  }
  #header .complex > ul > li:nth-child(3) {
    order: 2;
    margin-right: 0;
  }
  #header .complex > ul > li#earth {
    margin-right: 10px;
    order: 3;
  }
  #header .complex > ul > li#earth > div:nth-child(1) {
    background: transparent;
    width: auto;
    height: 44px;
  }
  #header .complex > ul > li#earth > div:nth-child(1):hover {
    background: transparent;
  }
  #header .complex > ul > li#earth > div:nth-child(2) {
    top: 40px;
  }
  #header .complex > ul > li:nth-child(5) {
    order: 0;
    display: block;
  }
  #header .complex > ul > li > a,
  #header .complex > ul > li > div {
    width: auto;
    height: 44px;
    background: transparent;
    padding: 0 5px;
  }
  #header .complex > ul > li > a:hover,
  #header .complex > ul > li > div:hover {
    background: transparent;
  }
  #header .complex > ul > li > a svg path,
  #header .complex > ul > li > div svg path {
    fill: #173979 !important;
  }
  #header .complex > ul > li > a svg.phone,
  #header .complex > ul > li > div svg.phone {
    display: -webkit-box;
    display: flex;
    width: 20px;
  }
  #header .complex > ul > li > a svg.cart,
  #header .complex > ul > li > div svg.cart {
    width: 22px;
  }
  #header .complex > ul > li#cart {
    padding-right: 15px;
  }
  #header .complex > ul > li#cart .number {
    right: 10px;
    top: 0;
    font-size: 12px;
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 576px) {
  #header .bg_phone {
    width: 100%;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  #header .bg_phone .scroll_wrapper nav ul.menu > li .submenu {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  #header .complex .search form > div .input-wrapper,
  #header .complex .search form > div .select-wrapper {
    width: 100%;
  }
  #header .complex > ul > li > div svg.earth {
    width: 24px;
  }
  #header #fix ul li .font-16 {
    font-size: 16px;
  }
}

/* ==========================================================================
    footer
 ==========================================================================*/
footer {
  pointer-events: none;
  height: 717px;
  overflow: hidden;
  max-width: 1920px;
  margin: auto;
}
footer .dec {
  position: relative;
  height: 100%;
}
footer .dec .trees img {
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  max-width: initial;
}
footer .dec .trees .left img {
  position: absolute;
}
footer .dec .trees .left img.tree-left-1 {
  width: 929px;
  left: -1%;
  bottom: -293px;
}
footer .dec .trees .left img.tree-left-2 {
  width: 1380px;
  left: -1%;
  bottom: -160px;
}
footer .dec .trees .left img.tree-left-3 {
  width: 1309px;
  left: -20px;
  bottom: 16px;
}
footer .dec .trees .left img.tree-left-4 {
  width: 1296px;
  left: -2%;
  bottom: 93px;
}
footer .dec .trees .center img {
  position: absolute;
  width: 1811px;
  left: 50%;
  bottom: -60px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: initial;
}
footer .dec .trees .right img {
  position: absolute;
  bottom: 0;
}
footer .dec .trees .right img.tree-right-1 {
  width: 724px;
  right: -20px;
  bottom: -256px;
}
footer .dec .trees .right img.tree-right-2 {
  width: 1058px;
  right: -30px;
  bottom: -150px;
}
footer .dec .fishs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
footer .dec .fishs img {
  position: absolute;
}
footer .dec .fishs .fish-1 {
  opacity: 0.3;
  width: 220px;
  position: absolute;
  top: 200px;
  left: 200px;
  -webkit-transform: rotateY(180deg) translate(-50%, -50%);
  transform: rotateY(180deg) translate(-50%, -50%);
}
footer .dec .fishs .fish-2 {
  opacity: 0.7;
  width: 234px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
footer .dec .fishs .fish-2 .fish-fly-top {
  width: 50px;
  position: absolute;
  top: -22px;
  left: 94px;
  height: 25px;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
footer .dec .fishs .fish-2 .fish-fly-bottom {
  width: 46px;
  position: absolute;
  left: 103px;
  top: 49px;
  height: 37px;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
footer .dec .fishs .fish-2 .fish-tail {
  width: 55px;
  position: absolute;
  left: -52px;
  top: -24px;
  height: 92px;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
footer .dec .fishs svg.path {
  position: absolute;
  top: 280px;
}
footer .dec .fishs svg.path-2 {
  position: absolute;
  top: 280px;
  left: -10%;
  width: 120%;
  height: 200px;
}
footer .main {
  height: 322px;
  position: relative;
  bottom: 322px;
}
footer .main img.bg {
  width: 1980px;
  max-width: initial;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -1px;
}
footer .main img.bg-phone {
  display: none;
}
footer .main .animals {
  width: 1980px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
footer .main .animals img {
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
footer .main .animals img.animal-1 {
  width: 180px;
  left: 585px;
  top: -8px;
}
footer .main .animals img.animal-2 {
  width: 110px;
  left: 742px;
  top: 29px;
}
footer .main .animals img.animal-3 {
  width: 75px;
  left: 837px;
  top: 62px;
}
footer .main .animals img.animal-4 {
  width: 165px;
  left: 1700px;
  top: 131px;
}
footer .main .info {
  pointer-events: all;
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 40px);
  margin: auto;
  margin-top: auto;
  padding-top: 170px;
  max-width: 1700px;
}
footer .main .info > div:nth-child(1) {
  padding-left: 30px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-right: 30px;
}
footer .main .info > div:nth-child(1) > div.img {
  width: 120px;
  border-radius: 5px;
  margin-right: 12px;
}
footer .main .info > div:nth-child(1) > div.img img {
  width: 100%;
}
footer .main .info > div:nth-child(1) > div > span {
  display: block;
  margin-bottom: 5px;
}
footer .main .info > div:nth-child(1) > div > span:not(:last-child) {
  letter-spacing: 1px;
}
footer .main .info > div:nth-child(2) {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-top: 58px;
}
footer .main .info > div:nth-child(2) span {
  margin-right: 12px;
}
footer .main .info > div:nth-child(2) ul li {
  float: left;
}
footer .main .info > div:nth-child(2) ul li:not(:last-child) {
  margin-right: 12px;
}
footer .main .info > div:nth-child(2) ul li a {
  width: 49px;
  height: 49px;
  border-radius: 50%;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
footer .main .info > div:nth-child(2) ul li a:hover {
  opacity: 0.8;
}
footer .main .info > div:nth-child(3) {
  margin-top: 54px;
}
footer .main .info > div:nth-child(3) a:hover {
  color: #248A64;
}
footer .main .info > div:nth-child(3) ul li {
  float: left;
  position: relative;
}
footer .main .info > div:nth-child(3) ul li:not(:last-child)::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 13px;
  width: 1px;
  background: white;
}
footer .main .info > div:nth-child(3) ul li:last-child a {
  padding-right: 0;
}
footer .main .info > div:nth-child(3) ul li a {
  padding: 3px 15px;
}
footer .main .info > div:nth-child(4) {
  flex: 0 0 300px;
  overflow: hidden;
  margin-top: 50px;
  margin-left: 48px;
}
footer .main .info > div:nth-child(4) .slick-arrow {
  width: 29px;
  height: 29px;
  border: none;
  transition: opacity 0.3s;
}
footer .main .info > div:nth-child(4) .slick-arrow:hover {
  background: transparent;
  opacity: 0.8;
}
footer .main .info > div:nth-child(4) .slick-slide {
  padding: 0 50px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 3px;
}
footer .main .info > div:nth-child(4) .slick-slide img {
  /*jean 2022-12-23 */
  display: table;
  margin: auto;
}
@media (max-width: 1700px) {
  footer .main .info > div:nth-child(1) {
    padding-left: 0;
  }
  footer .main .info > div:nth-child(4) {
    margin-left: 10px;
    flex: 0 0 250px;
  }
}
@media (max-width: 1600px) {
  footer .main {
    height: 359px;
  }
  footer .main .animals img.animal-1 {
    top: -84px;
  }
  footer .main .animals img.animal-2 {
    top: -17px;
  }
  footer .main .animals img.animal-3 {
    top: 13px;
  }
  footer .main .animals img.animal-4 {
    left: 1200px;
    top: 55px;
  }
  footer .main img.bg {
    width: 3000px;
  }
  footer .main .info {
    padding-top: 90px;
  }
  footer .main .info > div:nth-child(1) {
    flex: 0 0 calc(100% - 295px);
    margin-right: 0;
  }
  footer .main .info > div:nth-child(2) {
    margin-top: 20px;
    display: flex;
    margin-left: 0;
    order: 3;
  }
  footer .main .info > div:nth-child(3) {
    order: 4;
    margin-top: 6px;
    margin-left: auto;
    margin-right: 45px;
  }
  footer .main .info > div:nth-child(4) {
    order: 2;
    margin-left: 0;
    margin-right: 45px;
    margin-top: 60px;
  }
  footer .dec .fishs .fish-2 {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  footer .dec .fishs .fish-1 {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
}
@media (max-width: 1199px) {
  footer .main .info > div:nth-child(1) {
    flex: 0 0 100%;
  }
  footer .main .info > div:nth-child(4) {
    order: 3;
    margin-left: 65px;
    margin-right: 0;
    margin-top: 20px;
  }
}
@media (max-width: 991px) {
  footer .main {
    bottom: 256px;
  }
  footer .main img.bg {
    width: 4000px;
  }
  footer .main .animals {
    top: -100px;
  }
  footer .main .info {
    padding-top: 0px;
    margin-top: -50px;
  }
  footer .main .info > div:nth-child(4) {
    order: 2;
    flex: 0 0 100%;
    margin-left: 0;
  }
  footer .main .info > div:nth-child(4) .slider {
    width: 300px;
    margin: auto;
  }
}
@media (max-width: 767px) {
  footer .main {
    height: 440px;
    bottom: 390px;
  }
  footer .main img.bg {
    left: 85%;
  }
  footer .main .animals img.animal-1 {
    top: 20px;
    left: 935px;
  }
  footer .main .animals img.animal-2 {
    top: 98px;
    left: 1082px;
  }
  footer .main .animals img.animal-3 {
    top: 118px;
    left: 1168px;
  }
  footer .main .animals img.animal-4 {
    display: none;
  }
  footer .main .info > div:nth-child(1) {
    display: block;
  }
  footer .main .info > div:nth-child(1) > div.img {
    width: 85px;
  }
  footer .main .info > div:nth-child(1) span {
    font-size: 15px;
    display: block;
  }
  footer .main .info > div:nth-child(1) span.service {
    font-size: 18px;
  }
  footer .main .info > div:nth-child(1) span.phone {
    font-size: 30px;
  }
  footer .main .info > div:nth-child(3) {
    margin-right: 0;
  }
}
@media (max-width: 575px) {
  footer {
    height: 850px;
  }
  footer .dec .fishs {
    display: none;
  }
  footer .dec .trees .center img {
    top: 0px;
    bottom: auto;
  }
  footer .dec .trees .left img.tree-left-1 {
    display: none !important;
  }
  footer .dec .trees .left img.tree-left-2 {
    display: none !important;
  }
  footer .dec .trees .left img.tree-left-3 {
    top: 50px;
    left: -135px;
    bottom: auto;
  }
  footer .dec .trees .left img.tree-left-4 {
    top: 75px;
    left: -10%;
    bottom: auto;
  }
  footer .dec .trees .right img.tree-right-1 {
    display: none !important;
  }
  footer .dec .trees .right img.tree-right-2 {
    top: 50px;
    left: -135px;
    bottom: auto;
  }
  footer .main {
    height: 495px;
    bottom: 443px;
    position: relative;
  }
  footer .main::after {
    content: "";
    display: block;
    height: 137px;
    width: 100%;
    background: green;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0.8;
  }
  footer .main img.bg {
    display: none;
  }
  footer .main img.bg-phone {
    display: block;
    width: 575px;
    max-width: initial;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    z-index: 1;
  }
  footer .main .animals {
    top: 0;
    z-index: 1;
  }
  footer .main .animals img.animal-1 {
    top: -82px;
    width: 130px;
    left: 45%;
  }
  footer .main .animals img.animal-2 {
    top: -60px;
    left: 51%;
    width: 85px;
  }
  footer .main .animals img.animal-3 {
    top: -25px;
    left: 55%;
    width: 55px;
  }
  footer .main .info {
    padding-top: 5px;
    z-index: 1;
  }
  footer .main .info > div:nth-child(1) {
    text-align: center;
  }
  footer .main .info > div:nth-child(1) > div.img {
    margin: 10px auto !important;
    width: 120px;
  }
  footer .main .info > div:nth-child(2) {
    /*jean 2022/12/23*/
    float: none;
    display: table;
    margin: auto;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 10px;
  }
  footer .main .info > div:nth-child(2) span {
    /*jean 2022/12/23*/
    display: block;
    margin-right: 0;
  }
  footer .main .info > div:nth-child(2) ul li a {
    width: 39px;
    height: 39px;
  }
  footer .main .info > div:nth-child(2) ul li a img {
    /*jean 2022/12/23*/
    width: 25px !important;
  }
  footer .main .info > div:nth-child(3) {
    float: none;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
  }
  footer .main .info > div:nth-child(3) ul {
    display: table;
    margin: auto;
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
  footer .main .info > div:nth-child(3) span {
    display: block;
    text-align: center;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    -webkit-box-ordinal-group: 2;
    order: 1;
    margin-bottom: 5px;
  }
  footer .main .info > div:nth-child(4) {
    margin-top: 0;
  }
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes swipe {
  0% {
    -webkit-transform: skewX(2deg);
    transform: skewX(2deg);
  }
  50% {
    -webkit-transform: skewX(-2deg);
    transform: skewX(-2deg);
  }
  100% {
    -webkit-transform: skewX(2deg);
    transform: skewX(2deg);
  }
}
@-webkit-keyframes swipe-tree {
  0% {
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
  }
  25% {
    -webkit-transform: skewX(3deg);
    transform: skewX(3deg);
  }
  50% {
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
  }
  75% {
    -webkit-transform: skewX(-3deg);
    transform: skewX(-3deg);
  }
  100% {
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
  }
}
#index .modal .modal-dialog {
  width: calc(100% - 40px);
  max-width: 600px;
}
@media (max-width: 992px) {
  #index .modal .modal-dialog {
    margin: auto;
  }
}
#index .modal .modal-dialog .modal-content {
  border: 0;
  border-radius: 25px;
  padding: 7px;
}
#index .modal .modal-dialog .modal-content .modal-header {
  border: 0;
}
#index .modal .modal-dialog .modal-content .modal-header button {
  position: absolute;
  right: -45px;
  top: -40px;
  color: #7EDEEB;
  opacity: 1;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
@media (max-width: 992px) {
  #index .modal .modal-dialog .modal-content .modal-header button {
    right: 20px;
    top: 20px;
  }
}
#index .modal.style-2 .modal-dialog .modal-content {
  padding: 30px 40px;
}
@media (max-width: 575px) {
  #index .modal.style-2 .modal-dialog .modal-content {
    padding: 20px 10px;
  }
}
#index .modal.style-2 .modal-dialog .modal-content .modal-header {
  border-bottom: 2px solid #174A79;
}
#index #header #fix.section-2 ul li a .bg {
  transform: translateY(-28%);
}
#index #header #fix.section-2 ul li > div .bg {
  transform: translateY(-28%);
}
#index #header #fix.section-3 ul li a .bg {
  transform: translateY(-56%);
}
#index #header #fix.section-3 ul li > div .bg {
  transform: translateY(-56%);
}
#index #header #fix.section-4 ul li a .bg {
  transform: translateY(-84%);
}
#index #header #fix.section-4 ul li > div .bg {
  transform: translateY(-84%);
}
#index .for-phone {
  display: none;
}
#index .section {
  overflow: visible;
}
#index .section.section-1 {
  height: 1010px;
  padding-top: 50px;
  position: relative;
}
#index .section.section-1 .main {
  position: relative;
  z-index: 2;
}
#index .section.section-1 .main .img-block {
  position: relative;
  text-align: center;
}
#index .section.section-1 .main .img-block .logo {
  width: 233px;
}
#index .section.section-1 .main .img-block .flower.flower-1 {
  width: 48px;
  position: absolute;
  top: 32px;
  left: 105px;
}
#index .section.section-1 .main .img-block .flower.flower-1 img {
  transform-origin: 50% 100%;
}
#index .section.section-1 .main .img-block .flower.flower-2 {
  position: absolute;
  width: 150px;
  left: -20px;
  top: 105px;
}
#index .section.section-1 .main .img-block .flower.flower-2 img {
  transform-origin: 100% 100%;
}
#index .section.section-1 .main .img-block .flower.flower-3 {
  position: absolute;
  top: 97px;
  right: 20px;
  width: 142px;
}
#index .section.section-1 .main .img-block .flower.flower-3 img {
  transform-origin: 0% 80%;
}
#index .section.section-1 .main .scrollDown {
  cursor: pointer;
  margin-top: 350px;
  color: #02407D;
  font-size: 13px;
}
#index .section.section-1 .main .scrollDown img {
  width: 25px;
}
#index .section.section-1 .clouds {
  position: absolute;
  top: -55px;
  height: 288px;
  width: 100%;
}
#index .section.section-1 .clouds img {
  position: absolute;
}
#index .section.section-1 .clouds img.cloud-1 {
  width: 14.2%;
  top: 61px;
  left: 3%;
}
#index .section.section-1 .clouds img.cloud-2 {
  width: 12.9%;
  top: 50px;
  left: 12%;
}
#index .section.section-1 .clouds img.cloud-3 {
  width: 15%;
  top: 153px;
  left: 84%;
}
#index .section.section-1 .birds .group-1 {
  position: absolute;
  left: 23%;
  top: 235px;
  width: 165px;
  height: 182px;
  z-index: 1;
}
#index .section.section-1 .birds .group-1 .bird-1 {
  position: absolute;
  left: 10px;
}
#index .section.section-1 .birds .group-1 .bird-2 {
  position: absolute;
  right: -10px;
}
#index .section.section-1 .birds .group-1 .bird-3 {
  position: absolute;
  top: 26%;
  left: 60%;
}
#index .section.section-1 .birds .group-1 .bird-4 {
  position: absolute;
  top: 64%;
  left: 50%;
}
#index .section.section-1 .birds .group-1 .bird-5 {
  position: absolute;
  top: 95%;
  left: 5px;
}
#index .section.section-1 .birds .group-2 {
  position: absolute;
  left: 74%;
  top: 180px;
  width: 165px;
  height: 182px;
  z-index: 1;
}
#index .section.section-1 .birds .group-2 .bird-1 {
  position: absolute;
  left: 0px;
}
#index .section.section-1 .birds .group-2 .bird-2 {
  position: absolute;
  right: 70px;
  top: 40px;
}
#index .section.section-1 .birds .bird-style-1 {
  width: 41px;
  position: relative;
}
#index .section.section-1 .birds .bird-style-1 .body {
  width: 10px;
}
#index .section.section-1 .birds .bird-style-1 .left-fly {
  position: absolute;
  width: 16.8px;
  top: 8px;
  left: -13px;
  transform-origin: 100% 70%;
}
#index .section.section-1 .birds .bird-style-1 .right-fly {
  position: absolute;
  width: 22.7px;
  top: 7px;
  left: 4px;
  transform-origin: 0% 70%;
}
#index .section.section-1 .birds .bird-style-2 {
  width: 23.7px;
  position: relative;
}
#index .section.section-1 .birds .bird-style-2 .body {
  width: 5.8px;
}
#index .section.section-1 .birds .bird-style-2 .left-fly {
  position: absolute;
  width: 13px;
  top: 10px;
  left: -11px;
  transform-origin: 100% 70%;
}
#index .section.section-1 .birds .bird-style-2 .right-fly {
  position: absolute;
  width: 9.6px;
  top: 10px;
  left: 3px;
  transform-origin: 0% 70%;
}
#index .section.section-1 > .mountain {
  position: absolute;
  top: 240px;
  left: 50%;
  transform: translateX(-50%);
  width: 1920px;
  max-width: initial;
}
#index .section.section-1 .treesMutiple {
  position: absolute;
  top: 346px;
  left: 50%;
  transform: translateX(-50%);
  width: 1930px;
  max-width: initial;
  height: 555px;
}
#index .section.section-1 .treesMutiple img {
  position: absolute;
  transform-origin: 50% 100%;
}
#index .section.section-1 .treesMutiple .tree-1 {
  width: 1600px;
}
#index .section.section-1 .treesMutiple .tree-2 {
  width: 249px;
  top: 112px;
  left: 459px;
  mix-blend-mode: multiply;
}
#index .section.section-1 .treesMutiple .tree-3 {
  width: 249px;
  top: 120px;
  left: 1543px;
  mix-blend-mode: multiply;
}
#index .section.section-1 .treesMutiple .tree-4 {
  width: 249px;
  top: 57px;
  left: 1673px;
  mix-blend-mode: multiply;
}
#index .section.section-1 .treesMutiple .grass {
  top: 202px;
}
#index .section.section-1 .sea {
  position: absolute;
  width: 1920px;
  left: 50%;
  top: 605px;
  transform: translateX(-50%);
}
#index .section.section-1 .sea .fish-1 {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 343px;
}
#index .section.section-1 .river {
  z-index: 1;
  position: absolute;
  width: 100%;
  top: 604px;
  left: 0;
  overflow: hidden;
  pointer-events: none;
}
#index .section.section-1 .river img {
  position: absolute;
  left: -160px;
}
#index .section.section-1 .small-mountain-1 {
  position: absolute;
  top: 392px;
  left: 50%;
  transform: translateX(-50%);
  width: 1920px;
  mix-blend-mode: multiply;
}
#index .section.section-1 .small-mountain-1 .mountain {
  position: absolute;
  top: 0px;
  left: 87px;
}
#index .section.section-1 .small-mountain-2 {
  position: absolute;
  top: 392px;
  left: 50%;
  transform: translateX(-50%);
  width: 1920px;
}
#index .section.section-1 .small-mountain-2 .mountain {
  width: 567px;
  position: absolute;
  top: 125px;
  right: 4%;
  mix-blend-mode: normal;
}
#index .section.section-1 .small-mountain-2 .mountain .bear {
  mix-blend-mode: normal;
  width: 386.5px;
  position: relative;
  left: 12px;
  top: 49px;
}
#index .section.section-1 .pheasant img {
  position: absolute;
  top: 626px;
  left: 26%;
  width: 210px;
}
#index .section.section-1 .connect {
  width: 1920px;
  position: absolute;
  top: 554px;
  left: 50%;
  transform: translateX(-50%);
}
#index .section.section-2 {
  height: 2125px;
  position: relative;
}
#index .section.section-2::before {
  content: "";
  display: block;
  position: absolute;
  top: 187px;
  left: 0;
  width: 100%;
  height: 100px;
  background: linear-gradient(#F9F6FA, white 100px);
}
#index .section.section-2::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -180px;
  left: 0;
  width: 100%;
  height: 50px;
  background: linear-gradient(#FFFDF5, white);
}
#index .section.section-4 .main {
  position: relative;
  padding-top: 140px;
  max-width: 754px;
  width: calc(100% - 40px);
  z-index: 1;
}
#index .section.section-4 .main h2 {
  letter-spacing: 5px;
}
#index .section.section-4 .main p {
  line-height: 2em;
  max-width: 590px;
  margin: auto;
}
#index .section.section-4 .main .more {
  transition: background 0.3s;
}
#index .section.section-2 .dec {
  pointer-events: none;
  z-index: 1;
  position: absolute;
  top: 800px;
  width: 1920px;
  left: 50%;
  transform: translateX(-50%);
}
#index .section.section-2 .dec .rain img {
  position: absolute;
  top: 309px;
  left: 8%;
}
#index .section.section-2 .dec .bicycle {
  display: none;
}
#index .section.section-2 .dec .cloud-phone {
  display: none;
}
#index .section.section-2 .dec .birds .group-1 {
  position: absolute;
  left: 83%;
  top: 435px;
  width: 165px;
  height: 182px;
  z-index: 1;
}
#index .section.section-2 .dec .birds .group-1 .bird-1 {
  position: absolute;
  left: 0px;
}
#index .section.section-2 .dec .birds .group-1 .bird-2 {
  position: absolute;
  top: 50px;
  left: 60%;
}
#index .section.section-2 .dec .birds .group-1 .bird-3 {
  position: absolute;
  top: 80px;
  left: 100%;
}
#index .section.section-2 .dec .birds .group-1 .bird-4 {
  position: absolute;
  left: -50px;
  top: 150px;
}
#index .section.section-2 .dec .birds .group-1 .bird-5 {
  position: absolute;
  top: 100px;
  left: 50%;
}
#index .section.section-2 .dec .birds .group-1 .bird-6 {
  position: absolute;
  left: -80px;
  top: 170px;
}
#index .section.section-2 .dec .birds .group-1 .bird-7 {
  position: absolute;
  left: -20px;
  top: 200px;
}
#index .section.section-2 .dec .birds .bird-style-1 {
  width: 41px;
  position: relative;
}
#index .section.section-2 .dec .birds .bird-style-1 .body {
  width: 10px;
}
#index .section.section-2 .dec .birds .bird-style-1 .left-fly {
  position: absolute;
  width: 16.8px;
  top: 8px;
  left: -13px;
  transform-origin: 100% 70%;
}
#index .section.section-2 .dec .birds .bird-style-1 .right-fly {
  position: absolute;
  width: 22.7px;
  top: 7px;
  left: 4px;
  transform-origin: 0% 70%;
}
#index .section.section-2 .dec .birds .bird-style-2 {
  width: 41px;
  position: relative;
  transform: scale(0.7);
}
#index .section.section-2 .dec .birds .bird-style-2 .body {
  width: 10px;
}
#index .section.section-2 .dec .birds .bird-style-2 .left-fly {
  position: absolute;
  width: 16.8px;
  top: 8px;
  left: -13px;
  transform-origin: 100% 70%;
}
#index .section.section-2 .dec .birds .bird-style-2 .right-fly {
  position: absolute;
  width: 22.7px;
  top: 7px;
  left: 4px;
  transform-origin: 0% 70%;
}
#index .section.section-2 .dec .connect {
  width: 1920px;
  position: absolute;
  top: 1141px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
#index .section.section-2 .dec .fishs {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0px;
  width: 100%;
}
#index .section.section-2 .dec .fishs img {
  width: 395px;
  transform: translate(-50%, -50%);
}
#index .section.section-2 .dec .fishs .fishs-path {
  position: absolute;
  top: 50px;
  width: 120%;
  left: 50%;
  transform: translateX(-50%);
}
#index .section.section-2 .dec .moon {
  width: 246px;
  position: absolute;
  top: 612px;
  left: 29.5%;
  transform: translateY(-50%);
}
#index .section.section-2 .dec > .mountain {
  position: absolute;
  top: 446px;
  left: 50%;
  transform: translateX(-50%);
  width: 1920px;
  max-width: initial;
}
#index .section.section-2 .dec .leafs {
  position: absolute;
  top: -290px;
}
#index .section.section-2 .dec .leafs .left {
  position: absolute;
  top: 0;
  left: 0;
  width: 400px;
  z-index: 1;
  transform-origin: 0% 50%;
}
#index .section.section-2 .dec .leafs .left > img {
  position: absolute;
  mix-blend-mode: multiply;
}
#index .section.section-2 .dec .leafs .left > img:nth-child(1) {
  width: 400px;
  left: -105px;
  opacity: 0.4;
}
#index .section.section-2 .dec .leafs .left > img:nth-child(2) {
  width: 388px;
  top: 180px;
  left: -74px;
}
#index .section.section-2 .dec .leafs .left > img:nth-child(3) {
  width: 110px;
  top: 151px;
  left: -51px;
}
#index .section.section-2 .dec .leafs .left .dec {
  width: 100%;
  position: absolute;
  top: 200px;
}
#index .section.section-2 .dec .leafs .left .dec .small-leaf {
  width: 70px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
#index .section.section-2 .dec .leafs .right {
  position: absolute;
  top: 35px;
  left: 1550px;
  width: 470px;
  z-index: 2;
  transform-origin: 100% 50%;
}
#index .section.section-2 .dec .leafs .right > img {
  position: absolute;
  mix-blend-mode: multiply;
}
#index .section.section-2 .dec .leafs .right > img:nth-child(1) {
  width: 390px;
  right: 72px;
  opacity: 0.6;
}
#index .section.section-2 .dec .leafs .right > img:nth-child(2) {
  width: 326px;
  top: 110px;
  right: 20px;
}
#index .section.section-2 .dec .leafs .right > img:nth-child(3) {
  width: 131px;
  top: 197px;
  right: 95px;
}
#index .section.section-2 .dec .leafs .right .dec {
  width: 100%;
  position: relative;
  top: 200px;
}
#index .section.section-2 .dec .leafs .right .dec .small-leaf {
  width: 40px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
#index .section.section-2 .dec .leafs .right .dec img {
  transform: rotateZ(10deg);
  position: absolute;
}
#index .section.section-2 .dec .treesMutiple {
  width: 1940px;
  position: absolute;
  top: 590px;
  left: 50%;
  transform: translateX(-50%);
  transform-origin: 50% 100%;
}
#index .section.section-2 .dec .deers {
  z-index: 1;
  position: absolute;
  top: 871px;
  left: 50%;
  transform: translateX(-50%);
  width: 1920px;
  height: 190px;
}
#index .section.section-2 .dec .deers > div {
  position: absolute;
}
#index .section.section-2 .dec .deers > div > img:nth-child(1) {
  position: relative;
  z-index: 1;
}
#index .section.section-2 .dec .deers .deer-1 {
  top: -30px;
  left: 470px;
}
#index .section.section-2 .dec .deers .deer-1 img:nth-child(2) {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}
#index .section.section-2 .dec .deers .deer-2 {
  top: -107px;
  left: 960px;
}
#index .section.section-2 .dec .deers .deer-2 img:nth-child(2) {
  position: absolute;
  bottom: 42px;
  left: 54%;
  transform: translateX(-50%);
}
#index .section.section-2 .dec .deers .deer-3 {
  top: -65px;
  left: 1185px;
}
#index .section.section-2 .dec .deers .deer-3 img:nth-child(2) {
  position: absolute;
  bottom: 9px;
  left: 62%;
  transform: translateX(-50%);
}
#index .section.section-2 .dec .land {
  position: absolute;
  top: 827px;
  width: 1940px;
  left: 50%;
  max-width: initial;
  transform: translateX(-50%);
}
#index .section.section-2 .dec .small-mountain {
  z-index: 1;
  position: absolute;
  transform: translateX(-50%);
  top: 664px;
  left: 80.5%;
  width: 753px;
}
#index .section.section-2 .dec .small-mountain img:nth-child(1) {
  position: absolute;
  top: 317px;
  left: -57px;
  width: 442px;
  height: 265px;
  z-index: 1;
  transform-origin: 100% 80%;
}
#index .section.section-2 .dec .small-mountain img:nth-child(2) {
  position: absolute;
  top: 0;
  right: -5px;
  width: 478px;
  height: 494px;
  transform-origin: 80% 100%;
}
#index .section.section-2 .dec .small-mountain img:nth-child(3) {
  width: 753px;
  height: 350px;
  position: absolute;
  top: 390px;
  right: -13px;
}
#index .section.section-2 .dec .balloon-group {
  z-index: 2;
  width: 350px;
  height: 600px;
  position: absolute;
  left: 0px;
  top: 1000px;
}
#index .section.section-2 .dec .balloon-group .for-IE {
  display: none;
}
#index .section.section-2 .dec .balloon-group .butterflies {
  width: 100%;
  height: 350px;
  position: relative;
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly {
  position: absolute;
  transform: translate(-50%, -50%);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(4n+1) {
  width: 37px;
  height: 37px;
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(4n+2) {
  width: 41px;
  height: 41px;
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(4n+3) {
  width: 31px;
  height: 31px;
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(4n+4) {
  width: 24px;
  height: 24px;
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(1) {
  top: 230px;
  left: 237px;
  transform: translate(456px, 463px) rotate(-44.5636deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(2) {
  top: 235px;
  left: 24px;
  transform: translate(246px, 189px) rotate(-52.4652deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(3) {
  top: 114px;
  left: 198px;
  transform: translate(-810px, 359px) rotate(66.0966deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(4) {
  top: 161px;
  left: 7px;
  transform: translate(970px, 167px) rotate(-80.2314deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(5) {
  top: 142px;
  left: 88px;
  transform: translate(-475px, 1px) rotate(89.8794deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(6) {
  top: 79px;
  left: 142px;
  transform: translate(-342px, 198px) rotate(59.9314deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(7) {
  top: 263px;
  left: 137px;
  transform: translate(-393px, 343px) rotate(48.8864deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(8) {
  top: 5px;
  left: 127px;
  transform: translate(46px, 389px) rotate(-6.74402deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(9) {
  top: 164px;
  left: 158px;
  transform: translate(-832px, 70px) rotate(85.1908deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(10) {
  top: 137px;
  left: 311px;
  transform: translate(-252px, 191px) rotate(52.8402deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(11) {
  top: 97px;
  left: 256px;
  transform: translate(589px, 392px) rotate(-56.3549deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(12) {
  top: 83px;
  left: 22px;
  transform: translate(-456px, 11px) rotate(88.6181deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(13) {
  top: 81px;
  left: 75px;
  transform: translate(-504px, 188px) rotate(69.5437deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(14) {
  top: 233px;
  left: 64px;
  transform: translate(-740px, 264px) rotate(70.3658deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(15) {
  top: 298px;
  left: 189px;
  transform: translate(870px, 243px) rotate(-74.3944deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(16) {
  top: 248px;
  left: 148px;
  transform: translate(101px, 398px) rotate(-14.2393deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(17) {
  top: 188px;
  left: 309px;
  transform: translate(664px, 357px) rotate(-61.7353deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(18) {
  top: 165px;
  left: 238px;
  transform: translate(-769px, 302px) rotate(68.5592deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(19) {
  top: 157px;
  left: 45px;
  transform: translate(154px, 432px) rotate(-19.6202deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(20) {
  top: 232px;
  left: 311px;
  transform: translate(424px, 5px) rotate(-89.3244deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(21) {
  top: 247px;
  left: 288px;
  transform: translate(-216px, 411px) rotate(27.7241deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(22) {
  top: 264px;
  left: 89px;
  transform: translate(-867px, 232.999px) rotate(74.9576deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(23) {
  top: 213px;
  left: 186px;
  transform: translate(-499px, 232px) rotate(65.0649deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(24) {
  top: 161px;
  left: 187px;
  transform: translate(833px, 293px) rotate(-70.6212deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(25) {
  top: 51px;
  left: 292px;
  transform: translate(-194.999px, 396px) rotate(26.2168deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(26) {
  top: 23px;
  left: 91px;
  transform: translate(-113px, 240px) rotate(25.2126deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(27) {
  top: 213px;
  left: 217px;
  transform: translate(676px, 47px) rotate(-86.0228deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(28) {
  top: 192px;
  left: 117px;
  transform: translate(812px, 34px) rotate(-87.6023deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(29) {
  top: 62px;
  left: 214px;
  transform: translate(-491px, 140px) rotate(74.0854deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(30) {
  top: 41px;
  left: 51px;
  transform: translate(-154.999px, 439px) rotate(19.4469deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(31) {
  top: 88px;
  left: 283px;
  transform: translate(-489px, 270px) rotate(61.0948deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(32) {
  top: 139px;
  left: 260px;
  transform: translate(958px, 256px) rotate(-75.0388deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(33) {
  top: 193px;
  left: 16px;
  transform: translate(462px, 11px) rotate(-88.6361deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(34) {
  top: 90px;
  left: 151px;
  transform: translate(421.962px, 178.544px) rotate(-66.8507deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(35) {
  top: 9px;
  left: 165px;
  transform: translate(-308.249px, 438.115px) rotate(35.2788deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(36) {
  top: 24px;
  left: 231px;
  transform: translate(575.786px, 132.024px) rotate(-76.9763deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(37) {
  top: 160px;
  left: 284px;
  transform: translate(-548.186px, 33.583px) rotate(86.4754deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(38) {
  top: 132px;
  left: 114px;
  transform: translate(190.274px, 430.738px) rotate(-23.4695deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(39) {
  top: 252px;
  left: 214px;
  transform: translate(-374.935px, 383.755px) rotate(44.4001deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(40) {
  top: 312px;
  left: 164px;
  transform: translate(293.162px, 224.094px) rotate(-52.384deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(41) {
  top: 142px;
  left: 67px;
  transform: translate(-424.303px, 240.795px) rotate(60.414deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(42) {
  top: 240px;
  left: 160px;
  transform: translate(325.049px, 411.604px) rotate(-38.1143deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(43) {
  top: 269px;
  left: 54px;
  transform: translate(-894.28px, 213.838px) rotate(76.4898deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(44) {
  top: 196px;
  left: 58px;
  transform: translate(-687.736px, 374.304px) rotate(61.4477deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(45) {
  top: 191px;
  left: 80px;
  transform: translate(-177.099px, 206.094px) rotate(41.0091deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(46) {
  top: 108px;
  left: 24px;
  transform: translate(-959.444px, 35.452px) rotate(87.8635deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(47) {
  top: 304px;
  left: 134px;
  transform: translate(316.014px, 311.244px) rotate(-45.0914deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(48) {
  top: 67px;
  left: 110px;
  transform: translate(-148.952px, 106.244px) rotate(54.6052deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(49) {
  top: 235px;
  left: 258px;
  transform: translate(-342.726px, 213.361px) rotate(58.2178deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(50) {
  top: 203px;
  left: 124px;
  transform: translate(488.462px, 166.854px) rotate(-71.0033deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(51) {
  top: 180px;
  left: 202px;
  transform: translate(221.618px, 395.201px) rotate(-28.9933deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(52) {
  top: 280px;
  left: 242px;
  transform: translate(458.48px, 369.831px) rotate(-50.9767deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(53) {
  top: 49px;
  left: 175px;
  transform: translate(-538.92px, 132.424px) rotate(76.1377deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(54) {
  top: 40px;
  left: 241px;
  transform: translate(831.412px, 108.781px) rotate(-82.4596deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(55) {
  top: 92px;
  left: 94px;
  transform: translate(275.11px, 336.502px) rotate(-39.1511deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(56) {
  top: 8px;
  left: 196px;
  transform: translate(127.661px, 450.365px) rotate(-15.4262deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(57) {
  top: 101px;
  left: 313px;
  transform: translate(835.124px, 454.121px) rotate(-61.4183deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(58) {
  top: 119px;
  left: 207px;
  transform: translate(836.171px, 148.915px) rotate(-79.7854deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(59) {
  top: 199px;
  left: 262px;
  transform: translate(-237.038px, 349.641px) rotate(34.3628deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly:nth-child(60) {
  top: 111px;
  left: 299px;
  transform: translate(507.552px, 390.045px) rotate(-52.1642deg);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly img:nth-child(1) {
  position: absolute;
  top: 8%;
  left: -30%;
  width: 80%;
  transform-origin: 100% 50%;
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly img:nth-child(2) {
  position: absolute;
  width: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#index .section.section-2 .dec .balloon-group .butterflies .butterfly img:nth-child(3) {
  position: absolute;
  top: 8%;
  left: 50%;
  width: 80%;
  transform-origin: 0% 50%;
}
#index .section.section-2 .dec .balloon-group .balloon {
  position: relative;
  top: -20px;
  width: 133px;
  margin: auto;
}
#index .section.section-3 {
  position: relative;
  z-index: 1;
  height: 2100px;
}
#index .section.section-2 .main {
  padding-top: 200px;
  position: relative;
  z-index: 2;
  width: calc(100% - 40px);
}
#index .section.section-2 .main h2 {
  letter-spacing: 3px;
}
#index .section.section-2 .main p {
  max-width: 534px;
  margin: auto;
  line-height: 2em;
}
#index .section.section-2 .main .more {
  width: 200px;
  height: 60px;
  border-radius: 40px;
  transition: background 0.3s;
}
#index .section.section-2 .main .pics {
  padding-top: 60px;
  position: relative;
  width: 100%;
  max-width: 1370px;
  margin: auto;
}
#index .section.section-2 .main .pics ul.slider {
  max-width: 928px;
  width: 67%;
  margin-left: auto;
}
#index .section.section-2 .main .pics ul.slider .slick-dots {
  top: -100px;
}
#index .section.section-2 .main .pics ul.slider .slick-dots li.slick-active button {
  background: #F17911;
  border: 2px solid #F17911;
}
#index .section.section-2 .main .pics svg {
  transform: rotateY(180deg);
  transform-origin: center;
}
#index .section.section-2 .main .pics svg image {
  transform: rotateY(180deg);
  transform-origin: center;
}
#index .section.section-2 .main .pics .pic {
  max-width: 660px;
  width: 50%;
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
}
#index .section.section-2 .main .activities {
  max-width: 1000px;
  margin: auto;
  padding-top: 65px;
}
#index .section.section-2 .main .activities > div {
  float: left;
}
#index .section.section-2 .main .activities > div:nth-child(1) {
  width: 38%;
  text-align: right;
  padding-left: 20px;
}
#index .section.section-2 .main .activities > div:nth-child(1) h2 {
  margin-right: -6px;
}
#index .section.section-2 .main .activities > div:nth-child(1) .arrows {
  position: relative;
  width: 110px;
  float: right;
  padding-right: 10px;
  padding-top: 132px;
}
#index .section.section-2 .main .activities > div:nth-child(2) {
  width: 48%;
  padding-left: 87px;
  padding-top: 8px;
  text-align: left;
}
#index .section.section-2 .main .activities > div:nth-child(2) .date {
  padding-top: 10px;
  padding-bottom: 15px;
  margin-bottom: 20px;
  position: relative;
}
#index .section.section-2 .main .activities > div:nth-child(2) .date::after {
  content: "";
  display: block;
  position: absolute;
  width: 25px;
  height: 1px;
  background: black;
  left: 0;
  bottom: 0;
}
#index .section.section-2 .main .activities > div:nth-child(2) p {
  line-height: 1.7em;
}
#index .section.section-3 .dec {
  position: absolute;
  top: 0px;
  width: 1920px;
  left: 50%;
  transform: translateX(-50%);
}
#index .section.section-3 .dec .leafs {
  position: absolute;
  top: -470px;
}
#index .section.section-3 .dec .leafs .left {
  position: absolute;
  top: 0;
  left: 0;
  width: 450px;
  z-index: 1;
  transform-origin: 0% 50%;
}
#index .section.section-3 .dec .leafs .left > img {
  position: absolute;
  mix-blend-mode: multiply;
}
#index .section.section-3 .dec .leafs .left > img:nth-child(1) {
  width: 455px;
  left: -170px;
  opacity: 0.6;
}
#index .section.section-3 .dec .leafs .left > img:nth-child(2) {
  width: 388px;
  top: 98px;
  left: -122px;
  opacity: 0.6;
}
#index .section.section-3 .dec .leafs .left > img:nth-child(3) {
  width: 110px;
  top: 326px;
  left: -78px;
  opacity: 0.6;
}
#index .section.section-3 .dec .leafs .left .dec {
  width: 100%;
  position: absolute;
  top: 200px;
}
#index .section.section-3 .dec .leafs .left .dec .small-leaf {
  width: 50px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  opacity: 0.6;
}
#index .section.section-3 .dec .balloon-group {
  width: 280px;
  height: 600px;
  position: absolute;
  left: 10%;
  top: -100px;
  z-index: 1;
  opacity: 0;
  opacity: 1;
}
#index .section.section-3 .dec .balloon-group .for-IE {
  display: none;
}
#index .section.section-3 .dec .balloon-group .butterflies {
  width: 100%;
  height: 280px;
  position: relative;
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly {
  position: absolute;
  transform: translate(-50%, -50%);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(4n+1) {
  width: 27px;
  height: 27px;
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(4n+2) {
  width: 23px;
  height: 23px;
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(4n+3) {
  width: 29px;
  height: 29px;
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(4n+4) {
  width: 21px;
  height: 21px;
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(1) {
  top: 165px;
  left: 240px;
  transform: translate(456px, 463px) rotate(-44.5636deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(2) {
  top: 34px;
  left: 57px;
  transform: translate(246px, 189px) rotate(-52.4652deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(3) {
  top: 114px;
  left: 198px;
  transform: translate(-810px, 359px) rotate(66.0966deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(4) {
  top: 161px;
  left: 7px;
  transform: translate(970px, 167px) rotate(-80.2314deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(5) {
  top: 128px;
  left: 88px;
  transform: translate(-475px, 1px) rotate(89.8794deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(6) {
  top: 87px;
  left: 134px;
  transform: translate(-342px, 198px) rotate(59.9314deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(7) {
  top: 250px;
  left: 121px;
  transform: translate(-393px, 343px) rotate(48.8864deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(8) {
  top: 5px;
  left: 115px;
  transform: translate(46px, 389px) rotate(-6.74402deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(9) {
  top: 120px;
  left: 158px;
  transform: translate(-832px, 70px) rotate(85.1908deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(10) {
  top: 127px;
  left: 11px;
  transform: translate(-252px, 191px) rotate(52.8402deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(11) {
  top: 97px;
  left: 249px;
  transform: translate(589px, 392px) rotate(-56.3549deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(12) {
  top: 83px;
  left: 10px;
  transform: translate(-456px, 11px) rotate(88.6181deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(13) {
  top: 75px;
  left: 75px;
  transform: translate(-504px, 188px) rotate(69.5437deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(14) {
  top: 233px;
  left: 64px;
  transform: translate(-740px, 264px) rotate(70.3658deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(15) {
  top: 131px;
  left: 215px;
  transform: translate(870px, 243px) rotate(-74.3944deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(16) {
  top: 161px;
  left: 161px;
  transform: translate(101px, 398px) rotate(-14.2393deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(17) {
  top: 188px;
  left: 142px;
  transform: translate(664px, 357px) rotate(-61.7353deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(18) {
  top: 58px;
  left: 190px;
  transform: translate(-769px, 302px) rotate(68.5592deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(19) {
  top: 157px;
  left: 45px;
  transform: translate(154px, 432px) rotate(-19.6202deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(20) {
  top: 232px;
  left: 138px;
  transform: translate(424px, 5px) rotate(-89.3244deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(21) {
  top: 242px;
  left: 188px;
  transform: translate(-216px, 411px) rotate(27.7241deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(22) {
  top: 245px;
  left: 89px;
  transform: translate(-867px, 232.999px) rotate(74.9576deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(23) {
  top: 213px;
  left: 186px;
  transform: translate(-499px, 232px) rotate(65.0649deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(24) {
  top: 161px;
  left: 187px;
  transform: translate(833px, 293px) rotate(-70.6212deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(25) {
  top: 51px;
  left: 29px;
  transform: translate(-194.999px, 396px) rotate(26.2168deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(26) {
  top: 37px;
  left: 105px;
  transform: translate(-113px, 240px) rotate(25.2126deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(27) {
  top: 197px;
  left: 220px;
  transform: translate(676px, 47px) rotate(-86.0228deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(28) {
  top: 192px;
  left: 117px;
  transform: translate(812px, 34px) rotate(-87.6023deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(29) {
  top: 62px;
  left: 214px;
  transform: translate(-491px, 140px) rotate(74.0854deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(30) {
  top: 221px;
  left: 40px;
  transform: translate(-154.999px, 439px) rotate(19.4469deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(31) {
  top: 88px;
  left: 50px;
  transform: translate(-489px, 270px) rotate(61.0948deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(32) {
  top: 139px;
  left: 260px;
  transform: translate(958px, 256px) rotate(-75.0388deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(33) {
  top: 193px;
  left: 16px;
  transform: translate(462px, 11px) rotate(-88.6361deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(34) {
  top: 90px;
  left: 151px;
  transform: translate(421.962px, 178.544px) rotate(-66.8507deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(35) {
  top: 29px;
  left: 154px;
  transform: translate(-308.249px, 438.115px) rotate(35.2788deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(36) {
  top: 31px;
  left: 218px;
  transform: translate(575.786px, 132.024px) rotate(-76.9763deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(37) {
  top: 160px;
  left: 128px;
  transform: translate(-548.186px, 33.583px) rotate(86.4754deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(38) {
  top: 132px;
  left: 114px;
  transform: translate(190.274px, 430.738px) rotate(-23.4695deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(39) {
  top: 222px;
  left: 88px;
  transform: translate(-374.935px, 383.755px) rotate(44.4001deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(40) {
  top: 12px;
  left: 133px;
  transform: translate(293.162px, 224.094px) rotate(-52.384deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(41) {
  top: 162px;
  left: 90px;
  transform: translate(-424.303px, 240.795px) rotate(60.414deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(42) {
  top: 240px;
  left: 160px;
  transform: translate(325.049px, 411.604px) rotate(-38.1143deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(43) {
  top: 125px;
  left: 54px;
  transform: translate(-894.28px, 213.838px) rotate(76.4898deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(44) {
  top: 196px;
  left: 58px;
  transform: translate(-687.736px, 374.304px) rotate(61.4477deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(45) {
  top: 191px;
  left: 80px;
  transform: translate(-177.099px, 206.094px) rotate(41.0091deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(46) {
  top: 108px;
  left: 24px;
  transform: translate(-959.444px, 35.452px) rotate(87.8635deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(47) {
  top: 14px;
  left: 79px;
  transform: translate(316.014px, 311.244px) rotate(-45.0914deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(48) {
  top: 67px;
  left: 103px;
  transform: translate(-148.952px, 106.244px) rotate(54.6052deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(49) {
  top: 182px;
  left: 164px;
  transform: translate(-342.726px, 213.361px) rotate(58.2178deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(50) {
  top: 203px;
  left: 124px;
  transform: translate(488.462px, 166.854px) rotate(-71.0033deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(51) {
  top: 180px;
  left: 202px;
  transform: translate(221.618px, 395.201px) rotate(-28.9933deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(52) {
  top: 80px;
  left: 242px;
  transform: translate(458.48px, 369.831px) rotate(-50.9767deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(53) {
  top: 28px;
  left: 195px;
  transform: translate(-538.92px, 132.424px) rotate(76.1377deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(54) {
  top: 40px;
  left: 241px;
  transform: translate(831.412px, 108.781px) rotate(-82.4596deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(55) {
  top: 92px;
  left: 94px;
  transform: translate(275.11px, 336.502px) rotate(-39.1511deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(56) {
  top: 12px;
  left: 168px;
  transform: translate(127.661px, 450.365px) rotate(-15.4262deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(57) {
  top: 84px;
  left: 175px;
  transform: translate(835.124px, 454.121px) rotate(-61.4183deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(58) {
  top: 119px;
  left: 207px;
  transform: translate(836.171px, 148.915px) rotate(-79.7854deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(59) {
  top: 55px;
  left: 130px;
  transform: translate(-237.038px, 349.641px) rotate(34.3628deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly:nth-child(60) {
  top: 126px;
  left: 123px;
  transform: translate(507.552px, 390.045px) rotate(-52.1642deg);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly img:nth-child(1) {
  position: absolute;
  top: 8%;
  left: -30%;
  width: 80%;
  transform-origin: 100% 50%;
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly img:nth-child(2) {
  position: absolute;
  width: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#index .section.section-3 .dec .balloon-group .butterflies .butterfly img:nth-child(3) {
  position: absolute;
  top: 8%;
  left: 50%;
  width: 80%;
  transform-origin: 0% 50%;
}
#index .section.section-3 .dec .balloon-group .balloon {
  position: relative;
  top: -20px;
  width: 107px;
  margin: auto;
}
#index .section.section-3 .dec .clouds {
  position: absolute;
  top: 30px;
  height: 1215px;
  width: 100%;
}
#index .section.section-3 .dec .clouds .cloud {
  position: absolute;
}
#index .section.section-3 .dec .clouds .cloud.cloud-1 {
  width: 12.7%;
  top: 240px;
  left: 8%;
}
#index .section.section-3 .dec .clouds .cloud.cloud-2 {
  width: 9%;
  top: 0px;
  left: 43%;
}
#index .section.section-3 .dec .clouds .cloud.cloud-3 {
  position: relative;
  width: 14%;
  top: 695px;
  left: 4%;
}
#index .section.section-3 .dec .clouds .cloud.cloud-3 img:nth-child(1) {
  position: relative;
  z-index: 1;
}
#index .section.section-3 .dec .clouds .cloud.cloud-3 img:nth-child(2) {
  width: 46px;
  position: absolute;
  top: 30px;
  left: 50%;
  transform-origin: 0 0;
}
#index .section.section-3 .dec .clouds .cloud.cloud-4 {
  width: 10%;
  top: 625px;
  left: 74%;
}
#index .section.section-3 .dec .clouds .cloud.cloud-5 {
  width: 17%;
  top: 470px;
  left: 84%;
}
#index .section.section-3 .dec .bicycle {
  position: absolute;
  width: 375px;
  right: -5%;
  top: 100px;
}
#index .section.section-3 .dec .stars {
  position: absolute;
  width: 100px;
  left: 4%;
  top: 650px;
}
#index .section.section-3 .dec .tinyBird {
  width: 200px;
  position: absolute;
  top: 1000px;
  right: 150px;
}
#index .section.section-3 .dec .tinyBird img {
  width: 300px;
}
#index .section.section-3 .dec .mountain {
  position: absolute;
  top: 1100px;
  left: 50%;
  transform: translateX(-50%);
  width: 1920px;
  max-width: initial;
}
#index .section.section-3 .dec .treesMutiple {
  width: 1930px;
  position: absolute;
  top: 1465px;
  left: 50%;
  transform: translateX(-50%);
  transform-origin: 50% 100%;
}
#index .section.section-3 .dec .tree {
  position: absolute;
  top: 1410px;
  left: 0%;
  width: 311px;
  transform-origin: 50% 100%;
  z-index: 1;
}
#index .section.section-3 .dec .animals {
  position: absolute;
  top: 1658px;
  left: 50%;
  transform: translateX(-50%);
  width: 1920px;
  z-index: 1;
}
#index .section.section-3 .dec .animals img {
  position: absolute;
}
#index .section.section-3 .dec .animals img.animal-1 {
  width: 155px;
  top: 89px;
  left: 9%;
}
#index .section.section-3 .dec .animals img.animal-2 {
  width: 210px;
  top: 116px;
  left: 16%;
}
#index .section.section-3 .dec .animals img.animal-3 {
  width: 33px;
  top: 172px;
  left: 53%;
}
#index .section.section-3 .dec .animals img.animal-4 {
  width: 280px;
  left: 58%;
  top: -7px;
}
#index .section.section-3 .dec .animals img.animal-5 {
  width: 160px;
  left: 72.5%;
  top: 48px;
}
#index .section.section-3 .dec .fishs-2 {
  position: absolute;
  width: 364px;
  top: 1430px;
  left: 43%;
}
#index .section.section-3 .dec .fishs {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 1984px;
  width: 100%;
}
#index .section.section-3 .dec .fishs img {
  width: 395px;
  transform: translate(-50%, -50%);
}
#index .section.section-3 .dec .fishs .fishs-path {
  position: absolute;
  top: 50px;
  width: 120%;
  left: 50%;
  transform: translateX(-50%);
}
#index .section.section-3 .dec .land {
  position: absolute;
  top: 1773px;
  left: 50%;
  transform: translateX(-50%);
  width: 1920px;
}
#index .section.section-3 .dec .grasses {
  position: absolute;
  top: 1900px;
  left: 50%;
  transform: translateX(-50%);
  width: 1920px;
  z-index: 1;
}
#index .section.section-3 .dec .grasses img {
  position: absolute;
}
#index .section.section-3 .dec .grasses img.grass-1 {
  width: 220px;
  left: -2%;
  transform-origin: 85% 85%;
}
#index .section.section-3 .dec .grasses img.grass-2 {
  width: 60px;
  top: 47px;
  left: 5%;
  transform-origin: 50% 100%;
}
#index .section.section-3 .dec .grasses img.grass-3 {
  width: 85px;
  top: 47px;
  left: 11.5%;
  transform-origin: 50% 100%;
}
#index .section.section-3 .dec .grasses img.grass-4 {
  width: 114px;
  top: 160px;
  left: 41%;
  transform-origin: 50% 100%;
}
#index .section.section-3 .dec .grasses img.grass-5 {
  width: 101px;
  left: 61%;
  top: 162px;
  transform-origin: 50% 100%;
}
#index .section.section-3 .dec .grasses img.grass-6 {
  width: 110px;
  top: 99px;
  left: 66.5%;
  transform-origin: 50% 100%;
}
#index .section.section-3 .dec .grasses img.grass-7 {
  width: 74.5px;
  top: 190px;
  left: 73.5%;
  transform-origin: 50% 100%;
}
#index .section.section-3 .dec .grasses img.grass-8 {
  width: 112px;
  left: 94%;
  top: 30px;
  transform-origin: 50% 100%;
}
#index .section.section-4 {
  position: relative;
  height: 650px;
}
#index .section.section-3 .main {
  position: relative;
  z-index: 1;
  padding-top: 400px;
}
#index .section.section-3 .main .slider {
  padding: 0 54px;
  max-width: 1615px;
  margin: auto;
  width: calc(100% - 280px);
}
#index .section.section-3 .main .slider li {
  margin-bottom: 84px;
}
#index .section.section-3 .main .slider li a {
  width: 100%;
}
#index .section.section-3 .main .slider li a:hover .img-wrapper .jqimgFill {
  transform: scale(1.02);
}
#index .section.section-3 .main .slider li a .img-wrapper {
  width: 408px;
  height: 295px;
  -webkit-mask: url("images/news/mask.png") no-repeat center center;
  mask: url("images/news/mask.png") no-repeat center center;
  position: relative;
}
#index .section.section-3 .main .slider li a .img-wrapper .jqimgFill {
  height: 100%;
  transition: transform 0.3S;
}
#index .section.section-3 .main .more {
  width: 180px;
  height: 60px;
  color: #78AA7E;
  border: 2px solid #78AA7E;
  border-radius: 50px;
  transition: background 0.3s;
}
#index .section.section-3 .main .more:hover {
  background: #78AA7E;
  color: white;
}
#index .section.section-4 .dec {
  pointer-events: none;
  position: absolute;
  top: 0px;
  width: 1920px;
  left: 50%;
  transform: translateX(-50%);
}
#index .section.section-4 .dec .leafs {
  position: absolute;
  top: -190px;
}
#index .section.section-4 .dec .leafs .left {
  position: absolute;
  top: 50px;
  left: 0;
  width: 400px;
  z-index: 1;
  transform-origin: 0% 50%;
}
#index .section.section-4 .dec .leafs .left > img {
  position: absolute;
  mix-blend-mode: multiply;
}
#index .section.section-4 .dec .leafs .left > img:nth-child(1) {
  width: 390px;
  left: -163px;
  opacity: 0.8;
}
#index .section.section-4 .dec .leafs .left > img:nth-child(2) {
  width: 350px;
  top: 119px;
  left: -38px;
  opacity: 0.7;
}
#index .section.section-4 .dec .leafs .left > img:nth-child(3) {
  width: 135px;
  top: 216px;
  left: -51px;
}
#index .section.section-4 .dec .leafs .left .dec {
  width: 100%;
  position: absolute;
  top: 200px;
}
#index .section.section-4 .dec .leafs .left .dec .small-leaf {
  width: 60px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
#index .section.section-4 .dec .leafs .right {
  position: absolute;
  top: 35px;
  left: 1550px;
  width: 470px;
  z-index: 2;
  transform-origin: 100% 50%;
}
#index .section.section-4 .dec .leafs .right > img {
  position: absolute;
  mix-blend-mode: multiply;
}
#index .section.section-4 .dec .leafs .right > img:nth-child(1) {
  width: 390px;
  right: 72px;
  opacity: 0.6;
}
#index .section.section-4 .dec .leafs .right > img:nth-child(2) {
  width: 326px;
  top: 110px;
  right: 20px;
}
#index .section.section-4 .dec .leafs .right > img:nth-child(3) {
  width: 131px;
  top: 197px;
  right: 95px;
}
#index .section.section-4 .dec .leafs .right .dec {
  width: 100%;
  position: relative;
  top: 200px;
}
#index .section.section-4 .dec .leafs .right .dec .small-leaf {
  width: 40px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
#index .section.section-4 .dec .leafs .right .dec img {
  transform: rotateZ(10deg);
  position: absolute;
}
#index .section.section-4 .dec .fishs {
  position: absolute;
  top: -600px;
  width: 100%;
}
#index .section.section-4 .dec .fishs .fishs-1 img {
  width: 380px;
  transform: rotateY(180deg);
}
#index .section.section-4 .dec .fishs .fishs-1 .fishs-1-path {
  position: absolute;
  width: 120%;
  left: 50%;
  transform: translateX(-50%);
}
#index .section.section-4 .dec .fishs .fishs-2 {
  width: 130%;
  position: absolute;
  top: 50px;
}
#index .section.section-4 .dec .fishs .fishs-2 img {
  width: 280px;
  transform: rotateY(180deg);
}
#index .section.section-4 .dec .fishs .fishs-2 .fishs-2-path {
  position: absolute;
  width: 130%;
  left: 50%;
  transform: translateX(-50%);
}
#index .section.section-4 .dec .fishs .fishs-3 {
  width: 110%;
  position: absolute;
  top: 800px;
}
#index .section.section-4 .dec .fishs .fishs-3 img {
  width: 330px;
  transform: rotateY(180deg);
}
#index .section.section-4 .dec .fishs .fishs-3 .fishs-2-path {
  position: absolute;
  width: 110%;
  left: 50%;
  transform: translateX(-50%);
}
#index .section.section-4 .dec .fish {
  position: absolute;
  top: 500px;
  left: 1300px;
}
#index .section.section-4 .dec .fish img {
  width: 170px;
}
#index .snow-block {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#index .snow-block .snow {
  position: absolute;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 100%;
  box-shadow: 0 0 10px rgb(255, 255, 255);
}
#index footer {
  margin-top: -300px;
}
@media screen and (max-width: 1199px) {
  #index .section.section-1 .main .img-block {
    transform: scale(0.8);
  }
  #index .section.section-1 .clouds img.cloud-2 {
    top: 80px;
  }
  #index .section.section-1 .clouds img.cloud-1 {
    top: 91px;
  }
  #index .section.section-1 .river {
    top: 595px;
  }
  #index .section .section-2 .main .activities > div:nth-child(1) {
    padding-left: 50px;
    width: 30%;
  }
}
#index .section.section-3 .main {
  padding-top: 300px;
}
#index .section.section-3 .dec .mountain {
  top: 900px;
}
#index .section.section-3 .dec .treesMutiple {
  top: 1265px;
}
#index .section.section-3 .dec .tree {
  top: 1210px;
}
#index .section.section-3 .dec .fishs-2 {
  top: 1230px;
}
#index .section.section-3 .dec .animals {
  top: 1458px;
}
#index .section.section-3 .dec .fishs {
  top: 1784px;
}
#index .section.section-3 .dec .land {
  top: 1573px;
}
#index .section.section-3 .dec .grasses {
  top: 1700px;
}
@media screen and (max-width: 991px) {
  #index .section.section-1 .connect {
    left: 25%;
  }
  #index .section.section-1 .small-mountain-2 .mountain {
    right: 15%;
  }
  #index .section.section-2 {
    height: 2025px;
  }
  #index .section.section-2 .dec {
    top: 650px;
  }
  #index .section.section-3 .dec {
    pointer-events: none;
  }
  #index .section.section-3 .dec .mountain {
    top: 900px;
  }
  #index .section.section-3 .dec .treesMutiple {
    top: 1265px;
  }
  #index .section.section-3 .dec .fishs-2 {
    top: 1230px;
  }
  #index .section.section-3 .dec .fishs {
    top: 1684px;
  }
  #index .section.section-3 .dec .animals {
    top: 1458px;
  }
  #index .section.section-3 .dec .land {
    top: 1573px;
  }
  #index .section.section-3 .dec .grasses {
    top: 1700px;
  }
  #index .section.section-2 .main {
    display: block !important;
    position: static;
    width: calc(100% - 40px);
  }
  #index .section.section-2 .main .activities {
    padding-bottom: 50px;
  }
  #index .section.section-2 .main .activities > div {
    float: none;
  }
  #index .section.section-2 .main .activities > div:nth-child(1) {
    text-align: center;
    padding-left: 0;
    width: 100%;
  }
  #index .section.section-2 .main .activities > div:nth-child(1) h2 {
    margin-bottom: 0;
  }
  #index .section.section-2 .main .activities > div:nth-child(1) .arrows {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    padding: 0;
  }
  #index .section.section-2 .main .activities > div:nth-child(1) .arrows .slick-arrow {
    width: 50px;
    height: 50px;
  }
  #index .section.section-2 .main .activities > div:nth-child(2) {
    padding-left: 0;
    width: 100%;
  }
  #index .section.section-2 .main .activities > div:nth-child(2) .date {
    display: table !important;
    margin: auto;
    padding-bottom: 10px;
    margin-bottom: 15px;
  }
  #index .section.section-2 .main .activities > div:nth-child(2) .date::after {
    left: 50%;
    transform: translateX(-50%);
  }
  #index .section.section-2 .main .activities > div:nth-child(2) ul {
    text-align: center;
    padding-top: 14px;
  }
  #index .section.section-3 .main .slider {
    width: calc(100% - 60px);
  }
}
@media screen and (max-width: 767px) {
  #index .section.section-1 .main .img-block {
    transform: scale(0.7);
  }
  #index .section.section-1 .main .img-block .flower.flower-1 {
    left: 70px;
  }
  #index .section.section-1 .main .img-block .flower.flower-2 {
    left: -40px;
  }
  #index .section.section-1 .main .img-block .flower.flower-3 {
    right: -24px;
  }
  #index .section.section-3 .dec .mountain {
    top: 1000px;
  }
  #index .section.section-3 .dec .treesMutiple {
    top: 1365px;
  }
  #index .section.section-3 .dec .fishs-2 {
    top: 1330px;
  }
  #index .section.section-3 .dec .animals {
    top: 1558px;
  }
  #index .section.section-3 .dec .land {
    top: 1673px;
  }
  #index .section.section-3 .dec .grasses {
    top: 1800px;
  }
  #index .section.section-3 .main .slider {
    width: calc(100% - 20px);
  }
}
#index .section.section-4 .main {
  padding-top: 80px;
}
@media screen and (max-width: 575px) {
  #index .section.section-1 .main .img-block {
    transform: scale(0.54);
  }
  #index .for-phone {
    display: block;
    width: 100vw;
    position: absolute;
    top: -70px;
    left: 50%;
    transform: translateX(-50%);
  }
  #index .for-phone img {
    position: absolute;
  }
  #index .for-phone img:nth-child(1) {
    left: -10%;
  }
  #index .for-phone img:nth-child(2) {
    left: 43%;
    top: -70px;
  }
  #index .for-phone img:nth-child(3) {
    left: 90%;
  }
  #index .section.section-1 {
    background: url(images/index/section-1/bg-phone.jpg) bottom no-repeat;
    padding-top: 57px;
    height: 833px;
  }
  #index .section.section-1 .main > p span {
    display: block;
    font-weight: 500;
  }
  #index .section.section-1 .main .img-block {
    width: 324px;
    margin: auto;
    transform: none;
    margin-top: 80px;
  }
  #index .section.section-1 .main .img-block .logo {
    width: 125.5px;
    height: 125.5px;
  }
  #index .section.section-1 .main .img-block .flower.flower-1 {
    left: 63px;
    width: 25px;
  }
  #index .section.section-1 .main .img-block .flower.flower-2 {
    left: 0px;
    width: 80px;
    top: 58px;
  }
  #index .section.section-1 .main .img-block .flower.flower-3 {
    top: 50px;
    right: 10px;
    width: 80px;
  }
  #index .section.section-1 .main .scrollDown {
    margin-top: 250px;
  }
  #index .section.section-1 .main .scrollDown img {
    width: 20px;
  }
  #index .section.section-1 .main .scrollDown span {
    font-size: 10.7px;
  }
  #index .section.section-1 .clouds img.cloud-1 {
    top: 115px;
    width: 120px;
    left: -3%;
  }
  #index .section.section-1 .clouds img.cloud-2 {
    width: 105px;
    left: 5%;
    top: 112px;
  }
  #index .section.section-1 .clouds img.cloud-3 {
    width: 145px;
    left: 70%;
    top: 155px;
  }
  #index .section.section-1 > .mountain {
    display: none;
  }
  #index .section.section-1 .birds {
    display: none;
  }
  #index .section.section-1 .treesMutiple {
    display: none;
  }
  #index .section.section-1 .connect {
    display: none;
  }
  #index .section.section-1 .pheasant img {
    top: 460px;
    transform: scale(0.8);
    left: -24%;
    width: 240px;
  }
  #index .section.section-1 .small-mountain-2 .mountain {
    right: 22%;
    top: 15px;
  }
  #index .section.section-1 .small-mountain-2 .mountain .bear {
    top: 37px;
  }
  #index .section.section-1 .river {
    height: 200px;
    top: 530px;
  }
  #index .section.section-2 {
    background: url(images/index/section-2/bg-phone2.jpg) top no-repeat;
    height: 2010px;
    padding-top: 200px;
  }
  #index .section.section-2::before {
    display: none;
  }
  #index .section.section-2 .dec .bicycle {
    display: none;
  }
  #index .section.section-2 .dec .cloud-phone {
    display: none;
  }
  #index .section.section-2 .dec .fishs {
    display: none;
  }
  #index .section.section-2 .dec .mountain {
    display: none;
  }
  #index .section.section-2 .dec .treesMutiple {
    display: none;
  }
  #index .section.section-2 .dec .land {
    display: none;
  }
  #index .section.section-2 .dec .deers {
    top: 820px;
    transform: translateX(-46.5%) scale(0.6);
  }
  #index .section.section-2 .dec .deers .deer-1 {
    top: 82px;
  }
  #index .section.section-2 .dec .deers .deer-2 {
    top: 5px;
  }
  #index .section.section-2 .dec .deers .deer-3 {
    display: none;
  }
  #index .section.section-2 .dec .connect {
    display: none;
    top: 483px;
  }
  #index .section.section-2 .dec .balloon-group {
    display: none;
  }
  #index .section.section-2 .dec .small-mountain {
    display: none;
  }
  #index .section.section-4 .main {
    z-index: 2;
    padding-top: 40px;
  }
  #index .section.section-4 .main > img:nth-child(1) {
    width: 90px;
  }
  #index .section.section-4 .main h2 {
    letter-spacing: 3px;
  }
  #index .section.section-4 .main > p {
    font-size: 16px;
    line-height: 1.8em;
    padding-bottom: 8px;
  }
  #index .section.section-4 .main > p span {
    display: block;
  }
  #index .section.section-4 .main .more {
    width: 145px;
    height: 45px;
  }
  #index .section.section-3 {
    background: url(images/index/section-3/bg-phone.jpg) bottom no-repeat;
    height: auto;
    padding-bottom: 940px;
    padding-top: 22px;
  }
  #index .section.section-3 .dec {
    width: 100%;
    position: relative;
  }
  #index .section.section-3 .dec .bicycle {
    display: none;
  }
  #index .section.section-3 .dec .leafs {
    display: none;
  }
  #index .section.section-3 .dec .stars {
    display: none;
  }
  #index .section.section-3 .dec .tinyBird {
    display: none;
  }
  #index .section.section-3 .dec .balloon-group {
    display: none;
  }
  #index .section.section-3 .dec .clouds {
    display: none;
  }
  #index .section.section-3 .dec .tree {
    display: none;
  }
  #index .section.section-3 .dec .mountain {
    display: none;
  }
  #index .section.section-3 .dec .treesMutiple {
    display: none;
  }
  #index .section.section-3 .dec .fishs-2 {
    display: none;
  }
  #index .section.section-3 .dec .animals {
    top: 300px;
  }
  #index .section.section-3 .dec .animals img.animal-3 {
    left: 51.5%;
    top: 131px;
  }
  #index .section.section-3 .dec .animals img.animal-4 {
    top: -10px;
    left: 51%;
  }
  #index .section.section-3 .dec .land {
    display: none;
  }
  #index .section.section-3 .dec .grasses {
    display: none;
  }
  #index .section.section-3 .dec .fishs {
    top: 100px;
    display: none;
  }
  #index .section.section-2 .main {
    padding-top: 0px;
  }
  #index .section.section-2 .main h2 {
    line-height: 1.3em;
    padding-bottom: 5px;
  }
  #index .section.section-2 .main p {
    letter-spacing: 1px;
    font-size: 16px;
    line-height: 1.8em;
    margin-bottom: 10px;
  }
  #index .section.section-2 .main .more {
    width: 145px;
    height: 45px;
  }
  #index .section.section-2 .main .pics {
    padding-top: 70px;
  }
  #index .section.section-2 .main .pics ul.slider {
    width: 100%;
  }
  #index .section.section-2 .main .pics ul.slider .slick-dots {
    top: -40px;
  }
  #index .section.section-2 .main .pics ul.slider .slick-dots li button {
    border: 3px solid white;
  }
  #index .section.section-2 .main .pics .pic {
    position: static;
    width: 100%;
  }
  #index .section.section-2 .main .activities {
    padding-top: 45px;
    padding-bottom: 30px;
  }
  #index .section.section-2 .main .activities > div:nth-child(2) .date {
    font-size: 16px;
    padding-bottom: 15px;
    margin-bottom: 24px;
  }
  #index .section.section-2 .main .activities > div:nth-child(2) .font-24 {
    font-size: 20px;
  }
  #index .section.section-2 .main .activities > div:nth-child(2) p {
    font-size: 16px;
  }
  #index .section.section-2 .main .activities > div:nth-child(1) > span {
    font-size: 16px;
  }
  #index .section.section-4 {
    margin-top: -92px;
    height: 560px;
  }
  #index .section.section-3 .main {
    padding-top: 0;
  }
  #index .section.section-3 .main > img {
    width: 60px;
  }
  #index .section.section-3 .main p {
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 1.8em;
  }
  #index .section.section-3 .main .slider {
    padding: 0;
    width: calc(100% - 40px);
  }
  #index .section.section-3 .main .slider li {
    margin-bottom: 10px;
  }
  #index .section.section-3 .main .slider li a .img-wrapper {
    width: 244.8px;
    height: 178.8px;
    -webkit-mask: url(images/news/mask-phone.png) no-repeat center center;
    mask: url(images/news/mask-phone.png) no-repeat center center;
  }
  #index .section.section-3 .main .slider .slick-dots li {
    width: 11.5px;
    height: 11.5px;
  }
  #index .section.section-3 .main .slider .slick-dots li.slick-active button {
    background: #F07911;
    border: 1px solid #F07911;
  }
  #index .section.section-3 .main .slider .slick-dots li button {
    background: #CECECE;
    border: 1px solid #FAFAFA;
    width: 11.5px;
    height: 11.5px;
  }
  #index .section.section-3 .main .more {
    width: 135px;
    height: 45px;
    margin-top: 20px;
  }
  #index .section.section-4 .dec {
    display: none;
  }
}

.msie #index .section.section-2 .main .slider svg {
  width: 928px;
  height: 996px;
}

.msie #index .section.section-2 .main .pic svg {
  width: 658px;
  height: 480px;
}

.msie #index .section.section-1 .small-mountain-1 .mountain {
  display: none;
}

.msie #index .section.section-2 .dec .balloon-group .butterflies,
.msie #index .section.section-2 .dec .balloon-group .balloon, .msie #index .section.section-3 .dec .balloon-group .butterflies,
.msie #index .section.section-3 .dec .balloon-group .balloon {
  display: none;
}

.msie #index .section.section-2 .main .pics {
  margin-top: -180px;
}
.msie #index .section.section-2 .main .pics .pic {
  top: 400px;
}

.msie #index .section.section-2 .main .pics ul.slider .slick-dots {
  top: -250px;
}

.msie #index .section.section-2 .main .activities {
  margin-top: -180px;
}

.msie #index .section.section-2 .dec .balloon-group .for-IE {
  display: block;
  position: absolute;
  left: 500px;
}

.msie #index .section.section-3 .dec .balloon-group .for-IE {
  display: block;
  position: absolute;
  left: 0px;
}

#about #header #fix ul li a .bg {
  transform: translateY(-28%);
}
#about #header #fix ul li > div .bg {
  transform: translateY(-28%);
}
#about .section {
  position: relative;
  padding-bottom: 560px;
}
#about .section .block {
  position: relative;
  padding-bottom: 100px;
  line-height: 1.8em;
}
#about .section .block > div:nth-child(1) {
  margin-bottom: 110px;
}
#about .section .block > div:nth-child(1) img {
  margin-bottom: 30px;
}
#about .section .block > div:nth-child(3) {
  margin-top: -83px;
  margin-bottom: 88px;
}
#about .section .block > div:nth-child(4) p {
  color: black;
  opacity: 1;
  margin-bottom: 0;
}
#about .section .block p {
  color: #4C4C4C;
  opacity: 0.7;
}
#about .section .product-slider {
  padding: 0 100px;
}
#about .section .product-slider .img-wrapper {
  background: url(images/about/product-bg.png) center no-repeat;
  width: 280px;
  height: 270px;
  background-size: cover;
}
#about .dec-section .leafs {
  position: absolute;
  top: 110px;
}
#about .dec-section .leafs .left {
  position: absolute;
  top: 0;
  left: 0;
  width: 400px;
  z-index: 1;
  transform-origin: 0% 50%;
}
#about .dec-section .leafs .left > div:nth-child(1) > img {
  position: absolute;
  mix-blend-mode: multiply;
}
#about .dec-section .leafs .left > div:nth-child(1) > img:nth-child(1) {
  width: 400px;
  left: -105px;
}
#about .dec-section .leafs .left > div:nth-child(1) > img:nth-child(2) {
  width: 388px;
  top: 180px;
  left: -74px;
}
#about .dec-section .leafs .left > div:nth-child(1) > img:nth-child(3) {
  width: 110px;
  top: 151px;
  left: -51px;
}
#about .dec-section .leafs .left .dec {
  width: 100%;
  position: absolute;
  top: 200px;
}
#about .dec-section .leafs .left .dec .small-leaf {
  width: 70px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
#about .dec-section .leafs .right {
  position: absolute;
  top: 35px;
  left: 1550px;
  width: 470px;
  z-index: 2;
  transform-origin: 100% 50%;
}
#about .dec-section .leafs .right > div:nth-child(1) > img {
  position: absolute;
  mix-blend-mode: multiply;
}
#about .dec-section .leafs .right > div:nth-child(1) > img:nth-child(1) {
  width: 390px;
  right: 72px;
  opacity: 0.6;
}
#about .dec-section .leafs .right > div:nth-child(1) > img:nth-child(2) {
  width: 326px;
  top: 110px;
  right: 20px;
}
#about .dec-section .leafs .right > div:nth-child(1) > img:nth-child(3) {
  width: 131px;
  top: 197px;
  right: 95px;
}
#about .dec-section .leafs .right .dec {
  width: 100%;
  position: relative;
  top: 200px;
}
#about .dec-section .leafs .right .dec .small-leaf {
  width: 40px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
#about .dec-section .leafs .right .dec img {
  transform: rotateZ(10deg);
  position: absolute;
}
#about .dec-section > img {
  position: absolute;
}
#about .dec-section .butterfly {
  width: 194px;
  top: 300px;
  left: 1500px;
}
#about .dec-section .butterfly-2 {
  width: 223px;
  top: 713px;
  left: 152px;
}
#about .dec-section .kite {
  width: 194px;
  top: 1080px;
  left: 1510px;
}
#about .dec-section .dragonfly {
  width: 70px;
  top: 250px;
  left: 420px;
}
#about .dec-section .flag-right {
  width: 795px;
  right: 0;
  top: 500px;
  z-index: -1;
  transform: translateX(33.33%);
}
#about .dec-section .flag-left {
  width: 795px;
  left: 0;
  top: 450px;
  z-index: -1;
  transform: translateX(-33.33%);
}
#about .dec-section .rain {
  width: 264px;
  top: 1935px;
  left: 98px;
}
#about .slick-dots li button {
  border: 2px solid #7759B6;
}
#about .slick-dots li.slick-active button {
  background: #7759B6;
}
#about footer {
  margin-top: -320px;
}
@media (max-width: 1400px) {
  #about .section .block > div:nth-child(3) {
    margin-top: 0;
  }
  #about .dec-section .dragonfly {
    top: 200px;
    left: 200px;
  }
  #about .dec-section .flag-right,
  #about .dec-section .flag-left {
    display: none;
  }
}
@media (max-width: 1199px) {
  #about .section .product-slider {
    padding: 0;
  }
  #about .dec-section .rain {
    top: 1750px;
  }
}
@media (max-width: 991px) {
  #about .dec-section .dragonfly {
    width: 50px;
    top: 200px;
    left: 100px;
  }
}
@media (max-width: 767px) {
  #about .dec-section .rain {
    display: none;
  }
}
@media (max-width: 575px) {
  #about .dec-section .butterfly {
    width: 100px;
    left: 69%;
    top: 80px;
  }
  #about .dec-section .butterfly-2 {
    width: 100px;
    left: 20%;
  }
  #about .dec-section .dragonfly {
    width: 30px;
    left: 5%;
    top: 200px;
  }
  #about .dec-section .kite {
    top: 800px;
    width: 100px;
    left: 50%;
    opacity: 0.5;
  }
  #about .section {
    padding-bottom: 300px;
  }
  #about .section .block {
    z-index: 1;
    padding-bottom: 0;
  }
  #about .section .block > div:nth-child(1) {
    margin-bottom: 30px;
  }
  #about .section .block > div:nth-child(3) {
    margin-bottom: 20px;
  }
  #about .section .product-slider .img-wrapper {
    width: 196px;
    height: 189px;
  }
  #about .section .dec {
    width: 1000px;
    left: 100%;
  }
  #about footer {
    margin-top: -180px;
  }
}

#history footer {
  margin-top: -320px;
}
#history #header #fix ul li a .bg {
  transform: translateY(-28%);
}
#history #header #fix ul li > div .bg {
  transform: translateY(-28%);
}
#history .dec-section .leafs {
  position: absolute;
  top: 110px;
}
#history .dec-section .leafs .left {
  position: absolute;
  top: 0;
  left: 0;
  width: 400px;
  z-index: 1;
  transform-origin: 0% 50%;
}
#history .dec-section .leafs .left > div:nth-child(1) > img {
  position: absolute;
  mix-blend-mode: multiply;
}
#history .dec-section .leafs .left > div:nth-child(1) > img:nth-child(1) {
  width: 400px;
  left: -105px;
}
#history .dec-section .leafs .left > div:nth-child(1) > img:nth-child(2) {
  width: 388px;
  top: 180px;
  left: -74px;
}
#history .dec-section .leafs .left > div:nth-child(1) > img:nth-child(3) {
  width: 110px;
  top: 151px;
  left: -51px;
}
#history .dec-section .leafs .left .dec {
  width: 100%;
  position: absolute;
  top: 200px;
}
#history .dec-section .leafs .left .dec .small-leaf {
  width: 70px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
#history .dec-section .leafs .right {
  position: absolute;
  top: 35px;
  left: 1550px;
  width: 470px;
  z-index: 2;
  transform-origin: 100% 50%;
}
#history .dec-section .leafs .right > div:nth-child(1) > img {
  position: absolute;
  mix-blend-mode: multiply;
}
#history .dec-section .leafs .right > div:nth-child(1) > img:nth-child(1) {
  width: 390px;
  right: 72px;
  opacity: 0.6;
}
#history .dec-section .leafs .right > div:nth-child(1) > img:nth-child(2) {
  width: 326px;
  top: 110px;
  right: 20px;
}
#history .dec-section .leafs .right > div:nth-child(1) > img:nth-child(3) {
  width: 131px;
  top: 197px;
  right: 95px;
}
#history .dec-section .leafs .right .dec {
  width: 100%;
  position: relative;
  top: 200px;
}
#history .dec-section .leafs .right .dec .small-leaf {
  width: 40px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
#history .dec-section .leafs .right .dec img {
  transform: rotateZ(10deg);
  position: absolute;
}
#history .dec-section > img {
  position: absolute;
}
#history .dec-section .butterfly {
  width: 194px;
  top: 300px;
  left: 1500px;
}
#history .dec-section .dragonfly {
  width: 70px;
  top: 250px;
  left: 420px;
}
#history .section {
  padding-bottom: 560px;
}
#history .section .block .max1400 {
  position: relative;
}
#history .section .block .max1400::before {
  content: "";
  display: block;
  height: 240px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: white;
  width: 30%;
  z-index: 1;
}
#history .section .block .max1400 .airplane {
  position: absolute;
  left: 48.2%;
  transform: translateX(-50%);
  z-index: 1;
}
#history .section .block .max1400 ul {
  padding-top: 55px;
  background: url(images/about/curve.png) center top 54px repeat-y;
  position: relative;
}
#history .section .block .max1400 ul::after {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  background: linear-gradient(rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255));
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
#history .section .block .max1400 ul li {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#history .section .block .max1400 ul li:nth-child(odd) .img-box {
  order: 1;
}
#history .section .block .max1400 ul li:nth-child(odd) .text-box {
  order: 2;
}
#history .section .block .max1400 ul li:nth-child(even) .img-box {
  order: 2;
}
#history .section .block .max1400 ul li:nth-child(even) .text-box {
  order: 1;
}
#history .section .block .max1400 ul li.active .text-box .year {
  color: #9968BF;
}
#history .section .block .max1400 ul li:nth-child(1) {
  background: url(images/about/pinky-dot.png) left 47.5% center no-repeat;
}
#history .section .block .max1400 ul li .text-box {
  flex: 0 0 43%;
}
#history .section .block .max1400 ul li .text-box .info {
  color: #4C4C4C;
  opacity: 0.7;
  line-height: 1.8em;
  letter-spacing: 1px;
  max-height: 300px;
}
#history .section .block .max1400 ul li .img-box {
  flex: 0 0 53%;
  text-align: center;
}
@media (max-width: 1400px) {
  #history .section .block .max1400 ul li:nth-child(1) {
    background: url(images/about/pinky-dot.png) left 47% center no-repeat;
  }
  #history .dec-section .dragonfly {
    top: 200px;
    left: 200px;
  }
}
@media (max-width: 1199px) {
  #history .section .block .max1400::before {
    display: none;
  }
  #history .section .block .max1400 ul {
    background: none;
  }
  #history .section .block .max1400 ul li:nth-child(1) {
    background: none;
  }
}
@media (max-width: 991px) {
  #history .dec-section .dragonfly {
    width: 50px;
    top: 200px;
    left: 100px;
  }
}
@media (max-width: 767px) {
  #history .section .block .max1400 .airplane {
    width: 300px;
  }
  #history .section .block .max1400 ul li {
    display: block;
    margin-bottom: 20px;
  }
  #history .section .block .max1400 ul li .text-box {
    text-align: center;
  }
  #history .section .block .max1400 ul li .text-box .info {
    max-height: initial;
  }
}
@media (max-width: 575px) {
  #history .section {
    padding-bottom: 300px;
  }
  #history .section .dec {
    width: 1000px;
    left: 100%;
  }
  #history footer {
    margin-top: -180px;
  }
  #history .dec-section .dragonfly {
    width: 30px;
    left: 5%;
    top: 200px;
  }
}

#guide .section {
  position: relative;
  padding-bottom: 680px;
}
#guide .section .block .table-wrapper table {
  min-width: 643px;
}
#guide .section .block .table-wrapper table thead tr {
  background: #EAEFF3;
  border-top: 2px solid #174A79;
}
#guide .section .block .table-wrapper table thead tr th {
  padding: 12px 10px;
  letter-spacing: 2px;
}
#guide .section .block .table-wrapper table tbody {
  border-right: 2px solid white;
  border-left: 2px solid white;
}
#guide .section .block .table-wrapper table tbody tr:nth-child(even) {
  background: #F5F7F9;
}
#guide .section .block .table-wrapper table tbody tr:nth-child(odd) {
  background: white;
}
#guide .section .block .table-wrapper table tbody tr td {
  letter-spacing: 1px;
  padding: 13px 10px;
  border: 1px solid #D8D5D2;
}
#guide .section .block .table-wrapper table tbody tr td:nth-child(odd) {
  width: 16%;
}
#guide .section .block .table-wrapper table tbody tr td:nth-child(even) {
  padding-left: 95px;
}
#guide .dec-section .leafs {
  position: absolute;
  top: 110px;
}
#guide .dec-section .leafs .left {
  position: absolute;
  top: 0;
  left: 0;
  width: 597px;
  z-index: 1;
  transform-origin: 0% 50%;
}
#guide .dec-section .leafs .left > div:nth-child(1) > img {
  position: absolute;
  mix-blend-mode: multiply;
}
#guide .dec-section .leafs .left > div:nth-child(1) > img:nth-child(1) {
  width: 597px;
  left: -230px;
}
#guide .dec-section .leafs .left .dec {
  width: 100%;
  position: absolute;
  top: 200px;
}
#guide .dec-section .leafs .left .dec .small-leaf {
  width: 40px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
#guide .dec-section .leafs .right {
  position: absolute;
  top: 35px;
  left: 1550px;
  width: 619.5px;
  z-index: 2;
  transform-origin: 100% 50%;
}
#guide .dec-section .leafs .right > div:nth-child(1) > img {
  position: absolute;
  mix-blend-mode: multiply;
}
#guide .dec-section .leafs .right > div:nth-child(1) > img:nth-child(1) {
  width: 619.5px;
  right: -52px;
}
#guide .dec-section .leafs .right .dec {
  width: 100%;
  position: relative;
  top: 200px;
}
#guide .dec-section .leafs .right .dec .small-leaf {
  width: 40px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
#guide .dec-section .leafs .right .dec img {
  transform: rotateZ(10deg);
  position: absolute;
}
#guide .dec-section .clouds img {
  position: absolute;
}
#guide .dec-section .clouds img.cloud-1 {
  width: 7.2%;
  top: 205px;
  left: 30%;
}
#guide .dec-section .clouds img.cloud-2 {
  width: 8.1%;
  top: 840px;
  left: 79%;
}
#guide .dec-section .clouds img.cloud-3 {
  width: 7.3%;
  top: 835px;
  left: 83%;
}
#guide .dec-section .birds img {
  position: absolute;
}
#guide .dec-section .birds img.bird-1 {
  left: 1597px;
  top: 416px;
  width: 40px;
}
#guide .dec-section .birds img.bird-2 {
  left: 300px;
  top: 680px;
  width: 33px;
}
#guide .dec-section .birds img.bird-3 {
  left: 140px;
  top: 770px;
  width: 60px;
}
#guide footer {
  margin-top: -320px;
}
@media (max-width: 1199px) {
  #guide .section {
    padding-bottom: 400px;
  }
  #guide .section .block .table-wrapper table tbody tr td:nth-child(even) {
    padding-left: 10px;
  }
  #guide .section .dec {
    margin-top: -300px;
  }
  #guide .dec-section .clouds img.cloud-1 {
    top: 150px;
  }
  #guide .dec-section .clouds img.cloud-2 {
    top: 250px;
  }
}
@media (max-width: 575px) {
  #guide .section {
    padding-bottom: 387px;
  }
  #guide .section .dec {
    margin-top: -85px;
    width: 1000px;
  }
  #guide .section .block .table-wrapper table {
    min-width: 600px;
  }
  #guide .dec-section .clouds img.cloud-1 {
    width: 15%;
    left: 2%;
    top: 160px;
  }
  #guide .dec-section .clouds img.cloud-2 {
    width: 15%;
    top: 90px;
  }
  #guide .dec-section .clouds img.cloud-3 {
    display: none;
  }
  #guide .dec-section .birds img.bird-2 {
    top: 230px;
    opacity: 0.5;
    left: 70%;
    width: 25px;
  }
  #guide .dec-section .birds img.bird-3 {
    display: none;
  }
}

#diys .section {
  position: relative;
  padding-bottom: 680px;
}
#diys .section .block .sublinks li a:hover {
  color: #185BA1;
}
#diys .section .block ul.lists li button {
  width: 100%;
}
#diys .section .block ul.lists li button:hover .img-wrapper img {
  transform: scale(1.02);
}
#diys .section .block ul.lists li button .img-wrapper {
  width: 280px;
  height: 271px;
  -webkit-mask: url("images/diy/mask.png") no-repeat center center;
  mask: url("images/diy/mask.png") no-repeat center center;
  position: relative;
}
#diys .section .block ul.lists li button .img-wrapper img {
  transition: transform 0.3S;
}
#diys .section .block ul.lists li button .cost {
  color: #F17911;
}
#diys .section .block ul.lists li button .info {
  color: rgba(0, 0, 0, 0.5);
}
#diys .dec-section .leafs {
  position: absolute;
  top: 110px;
}
#diys .dec-section .leafs .left {
  position: absolute;
  top: 0;
  left: 0;
  width: 597px;
  z-index: 1;
  transform-origin: 0% 50%;
}
#diys .dec-section .leafs .left > div:nth-child(1) > img {
  position: absolute;
  mix-blend-mode: multiply;
}
#diys .dec-section .leafs .left > div:nth-child(1) > img:nth-child(1) {
  width: 597px;
  left: -230px;
}
#diys .dec-section .leafs .left .dec {
  width: 100%;
  position: absolute;
  top: 200px;
}
#diys .dec-section .leafs .left .dec .small-leaf {
  width: 40px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
#diys .dec-section .leafs .right {
  position: absolute;
  top: 35px;
  left: 1550px;
  width: 619.5px;
  z-index: 2;
  transform-origin: 100% 50%;
}
#diys .dec-section .leafs .right > div:nth-child(1) > img {
  position: absolute;
  mix-blend-mode: multiply;
}
#diys .dec-section .leafs .right > div:nth-child(1) > img:nth-child(1) {
  width: 619.5px;
  right: -52px;
}
#diys .dec-section .leafs .right .dec {
  width: 100%;
  position: relative;
  top: 200px;
}
#diys .dec-section .leafs .right .dec .small-leaf {
  width: 40px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
#diys .dec-section .leafs .right .dec img {
  transform: rotateZ(10deg);
  position: absolute;
}
#diys .dec-section .clouds img {
  position: absolute;
}
#diys .dec-section .clouds img.cloud-1 {
  width: 7.2%;
  top: 205px;
  left: 30%;
}
#diys .dec-section .clouds img.cloud-2 {
  width: 8.1%;
  top: 840px;
  left: 79%;
}
#diys .dec-section .clouds img.cloud-3 {
  width: 7.3%;
  top: 835px;
  left: 83%;
}
#diys .dec-section .clouds img.cloud-4 {
  width: 12.5%;
  top: 1080px;
  left: 3%;
}
#diys .dec-section .birds img {
  position: absolute;
}
#diys .dec-section .birds img.bird-1 {
  left: 1597px;
  top: 416px;
  width: 40px;
}
#diys .dec-section .birds img.bird-2 {
  left: 300px;
  top: 680px;
  width: 33px;
}
#diys .dec-section .birds img.bird-3 {
  left: 140px;
  top: 770px;
  width: 60px;
}
#diys .dec-section .bicycle {
  position: absolute;
  left: 1500px;
  top: 1100px;
  width: 26.7%;
}
#diys .modal .modal-dialog {
  width: calc(100% - 40px);
  max-width: 780px;
  margin: 60px auto;
}
#diys .modal .modal-dialog .modal-content {
  border-radius: 25px;
  padding: 35px 40px;
}
#diys .modal .modal-dialog .modal-content .modal-header {
  border-bottom: 2px solid #174A79;
}
#diys .modal .modal-dialog .modal-content .modal-header button {
  position: absolute;
  right: -65px;
  top: -35px;
  color: #7EDEEB;
  opacity: 1;
  text-shadow: none;
}
#diys .modal .modal-dialog .modal-content .modal-body {
  line-height: 1.8em;
}
#diys .modal .modal-dialog .modal-content .modal-body a:hover {
  color: #174A79;
}
#diys .modal .modal-dialog .modal-content .modal-footer {
  border-top: 0;
}
#diys .modal .modal-dialog .modal-content .modal-footer a:hover {
  opacity: 0.8;
}
#diys .modal .modal-dialog .modal-content .link {
  width: 180px;
  height: 60px;
  background: #174A79;
  border-radius: 50px;
  transition: opacity 0.3s;
}
#diys footer {
  margin-top: -320px;
}
@media (max-width: 1199px) {
  #diys .section {
    padding-bottom: 400px;
  }
  #diys .section .dec {
    margin-top: -100px;
  }
  #diys .dec-section .clouds img.cloud-1 {
    top: 150px;
  }
  #diys .dec-section .clouds img.cloud-2 {
    top: 250px;
  }
  #diys .section .block .sublinks li a:hover {
    color: black;
  }
}
@media (max-width: 992px) {
  #diys .modal .modal-dialog .modal-content .modal-header button {
    right: 40px;
    top: 20px;
  }
}
@media (max-width: 767px) {
  #diys .section .block ul.lists li button .img-wrapper {
    width: 196px;
    height: 190px;
    -webkit-mask: url(images/diy/mask-phone.png) no-repeat center center;
    mask: url(images/diy/mask-phone.png) no-repeat center center;
  }
}
@media (max-width: 575px) {
  #diys .section {
    padding-bottom: 387px;
  }
  #diys .section .block ul.lists li button h3 {
    margin-bottom: 0px;
  }
  #diys .section .dec {
    margin-top: -85px;
    width: 1000px;
  }
  #diys .dec-section .clouds img.cloud-1 {
    width: 15%;
    left: 0%;
    top: 140px;
  }
  #diys .dec-section .clouds img.cloud-2 {
    width: 15%;
    top: 90px;
  }
  #diys .dec-section .clouds img.cloud-3 {
    display: none;
  }
  #diys .dec-section .birds img.bird-1 {
    left: 2%;
  }
  #diys .dec-section .birds img.bird-2 {
    left: 85%;
  }
  #diys .dec-section .birds img.bird-3 {
    left: 5%;
  }
  #diys .modal .modal-dialog .modal-content {
    padding: 10px;
  }
  #diys .modal .modal-dialog .modal-content .modal-header button {
    right: 10px;
  }
  #diys .modal .modal-dialog .modal-content .modal-body {
    padding: 10px 0 0 0;
  }
  #diys .modal .modal-dialog .modal-content .modal-footer {
    padding-top: 0;
  }
  #diys .modal .modal-dialog .modal-content .link {
    height: 40px;
    width: 150px;
  }
  #diys .modal .modal-dialog .modal-content .modal-body p span {
    display: block;
  }
}

#news #header #fix ul li a .bg {
  transform: translateY(-84%);
}
#news #header #fix ul li > div .bg {
  transform: translateY(-84%);
}
#news .section {
  position: relative;
  padding-bottom: 600px;
}
#news .section .block {
  margin-bottom: -60px;
}
#news .section .block ul.lists li {
  margin-bottom: 80px;
}
#news .section .block ul.lists li a {
  width: 100%;
}
#news .section .block ul.lists li a:hover .img-wrapper .jqimgFill {
  transform: scale(1.02);
}
#news .section .block ul.lists li a .img-wrapper {
  width: 408px;
  height: 295px;
  -webkit-mask: url("images/news/mask.png") no-repeat center center;
  mask: url("images/news/mask.png") no-repeat center center;
  position: relative;
}
#news .section .block ul.lists li a .img-wrapper .jqimgFill {
  height: 100%;
  transition: transform 0.3S;
}
#news .dec-section .leafs {
  position: absolute;
}
#news .dec-section .leafs .left {
  position: absolute;
  top: 110px;
  left: 0;
  width: 400px;
  z-index: 1;
  transform-origin: 0% 50%;
}
#news .dec-section .leafs .left > img {
  position: absolute;
  mix-blend-mode: multiply;
}
#news .dec-section .leafs .left > img:nth-child(1) {
  width: 390px;
  left: -163px;
  opacity: 0.8;
}
#news .dec-section .leafs .left > img:nth-child(2) {
  width: 350px;
  top: 119px;
  left: -38px;
  opacity: 0.7;
}
#news .dec-section .leafs .left > img:nth-child(3) {
  width: 135px;
  top: 216px;
  left: -51px;
}
#news .dec-section .leafs .left .dec {
  width: 100%;
  position: absolute;
  top: 200px;
}
#news .dec-section .leafs .left .dec .small-leaf {
  width: 60px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
#news .dec-section .leafs .right {
  position: absolute;
  top: 135px;
  left: 1600px;
  width: 470px;
  z-index: 2;
  transform-origin: 100% 50%;
}
#news .dec-section .leafs .right > img {
  position: absolute;
  mix-blend-mode: multiply;
}
#news .dec-section .leafs .right > img:nth-child(1) {
  width: 390px;
  right: 72px;
  opacity: 0.6;
}
#news .dec-section .leafs .right > img:nth-child(2) {
  width: 326px;
  top: 110px;
  right: 20px;
}
#news .dec-section .leafs .right > img:nth-child(3) {
  width: 131px;
  top: 197px;
  right: 95px;
}
#news .dec-section .leafs .right .dec {
  width: 100%;
  position: relative;
  top: 200px;
}
#news .dec-section .leafs .right .dec .small-leaf {
  width: 40px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
#news .dec-section .leafs .right .dec img {
  transform: rotateZ(10deg);
  position: absolute;
}
#news .dec-section .fishs img {
  position: absolute;
}
#news .dec-section .fishs img.fish-1 {
  left: 77px;
  top: 266px;
  width: 363px;
}
#news .dec-section .fishs img.fish-2 {
  left: 1400px;
  top: 246px;
  width: 200px;
}
#news footer {
  margin-top: -375px;
}
@media (max-width: 1400px) {
  #news .section .block ul.lists li a .img-wrapper {
    width: 326.4px;
    height: 238.4px;
    -webkit-mask: url(images/news/mask-1400.png) no-repeat center center;
    mask: url(images/news/mask-1400.png) no-repeat center center;
  }
  #news .dec-section .fishs img.fish-1 {
    left: -10%;
  }
}
@media (max-width: 991px) {
  #news .dec-section .fishs img.fish-1 {
    left: -20%;
  }
}
@media (max-width: 575px) {
  #news .section {
    padding-bottom: 375px;
  }
  #news .section .block {
    margin-bottom: 0;
  }
  #news .section .block ul.lists li {
    margin-bottom: 30px;
  }
  #news .dec-section .fishs img.fish-1 {
    top: 140px;
    width: 200px;
    left: -30%;
  }
  #news .dec-section .fishs img.fish-2 {
    top: 150px;
    width: 100px;
    left: 75%;
  }
  #news .section .block ul.lists li a .img-wrapper {
    width: 244.8px;
    height: 178.8px;
    -webkit-mask: url(images/news/mask-phone.png) no-repeat center center;
    mask: url(images/news/mask-phone.png) no-repeat center center;
  }
  #news .section .dec {
    width: 900px;
    left: 69%;
  }
  #news footer {
    margin-top: -290px;
  }
}

#new #header #fix ul li a .bg {
  transform: translateY(-84%);
}
#new #header #fix ul li > div .bg {
  transform: translateY(-84%);
}
#new .section {
  position: relative;
  padding-bottom: 600px;
}
#new .section h2 {
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
}
#new .section .shares li {
  margin: 0 5px;
  float: left;
}
#new .section .shares li:nth-child(1) a {
  background: #37599B;
}
#new .section .shares li:nth-child(2) a {
  background: #07ABE9;
}
#new .section .shares li:nth-child(3) a {
  background: #3FD105;
}
#new .section .shares li:nth-child(4) a {
  background: #45B035;
}
#new .section .shares li a {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  transition: opacity 0.3s;
}
#new .section .shares li a:hover {
  opacity: 0.8;
}
#new .section .block .edit > img {
  margin-bottom: 55px;
}
#new .section .block .edit span.d-block {
  margin-bottom: 19px;
}
#new .section .block .edit a.button {
  width: 131px;
  height: 40px;
  color: white;
  border-radius: 5px;
}
#new .section .block .edit a.button:hover {
  opacity: 0.8;
}
#new .section .block .prev_back_next {
  border-top: 1px solid rgba(0, 0, 0, 0.11);
  padding-top: 46px;
}
#new .section .block .prev_back_next > div {
  justify-content: space-between;
}
#new .section .block .prev_back_next > div .prev a,
#new .section .block .prev_back_next > div .next a {
  align-items: center;
}
#new .section .block .prev_back_next > div .prev a:hover > span > span:not(.date),
#new .section .block .prev_back_next > div .next a:hover > span > span:not(.date) {
  color: #174A79;
}
#new .section .block .prev_back_next > div .prev a:hover i,
#new .section .block .prev_back_next > div .next a:hover i {
  border: 1px solid #174A79;
  background: #174A79;
  color: white;
  transition: border 0.3s, background 0.3s, color 0.3s;
}
#new .section .block .prev_back_next > div .prev a i,
#new .section .block .prev_back_next > div .next a i {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border: 1px solid #BEBEBE;
  border-radius: 50%;
  color: #BEBEBE;
}
#new .section .block .prev_back_next > div .prev a > span,
#new .section .block .prev_back_next > div .next a > span {
  width: 280px;
}
#new .section .block .prev_back_next > div .prev a > span > span:not(.date),
#new .section .block .prev_back_next > div .next a > span > span:not(.date) {
  transition: color 0.3s;
}
#new .section .block .prev_back_next > div .back a {
  width: 180px;
  height: 60px;
  border-radius: 50px;
  border: 1px solid #174A79;
  color: #174A79;
  transition: background 0.3s, color 0.3s;
}
#new .section .block .prev_back_next > div .back a:hover {
  background: #174A79;
  color: white;
}
#new .dec-section .leafs {
  position: absolute;
}
#new .dec-section .leafs .left {
  position: absolute;
  top: 110px;
  left: 0;
  width: 400px;
  z-index: 1;
  transform-origin: 0% 50%;
}
#new .dec-section .leafs .left > img {
  position: absolute;
  mix-blend-mode: multiply;
}
#new .dec-section .leafs .left > img:nth-child(1) {
  width: 390px;
  left: -163px;
  opacity: 0.8;
}
#new .dec-section .leafs .left > img:nth-child(2) {
  width: 350px;
  top: 119px;
  left: -38px;
  opacity: 0.7;
}
#new .dec-section .leafs .left > img:nth-child(3) {
  width: 135px;
  top: 216px;
  left: -51px;
}
#new .dec-section .leafs .left .dec {
  width: 100%;
  position: absolute;
  top: 200px;
}
#new .dec-section .leafs .left .dec .small-leaf {
  width: 60px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
#new .dec-section .leafs .right {
  position: absolute;
  top: 135px;
  left: 1600px;
  width: 470px;
  z-index: 2;
  transform-origin: 100% 50%;
}
#new .dec-section .leafs .right > img {
  position: absolute;
  mix-blend-mode: multiply;
}
#new .dec-section .leafs .right > img:nth-child(1) {
  width: 390px;
  right: 72px;
  opacity: 0.6;
}
#new .dec-section .leafs .right > img:nth-child(2) {
  width: 326px;
  top: 110px;
  right: 20px;
}
#new .dec-section .leafs .right > img:nth-child(3) {
  width: 131px;
  top: 197px;
  right: 95px;
}
#new .dec-section .leafs .right .dec {
  width: 100%;
  position: relative;
  top: 200px;
}
#new .dec-section .leafs .right .dec .small-leaf {
  width: 40px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
#new .dec-section .leafs .right .dec img {
  transform: rotateZ(10deg);
  position: absolute;
}
#new .dec-section .fishs img {
  position: absolute;
}
#new .dec-section .fishs img.fish-1 {
  left: 77px;
  top: 266px;
  width: 363px;
}
#new .dec-section .fishs img.fish-2 {
  left: 1400px;
  top: 246px;
  width: 200px;
}
#new footer {
  margin-top: -375px;
}
@media (max-width: 1400px) {
  #new .dec-section .fishs img.fish-1 {
    left: -10%;
  }
}
@media (max-width: 1199px) {
  #new .section .block .prev_back_next > div .back a {
    width: 130px;
    height: 50px;
  }
}
@media (max-width: 991px) {
  #new .section .block .prev_back_next > div .prev a > span, #new .section .block .prev_back_next > div .next a > span {
    display: none !important;
  }
  #new .dec-section .fishs img.fish-1 {
    left: -20%;
  }
}
@media (max-width: 575px) {
  #new .section {
    padding-bottom: 375px;
  }
  #new .dec-section .fishs img.fish-1 {
    display: none;
  }
  #new .dec-section .fishs img.fish-2 {
    top: 206px;
    width: 150px;
    left: 73%;
  }
  #new .section .block .edit > img {
    margin-bottom: 20px;
  }
  #new .section .block .edit span.d-block {
    margin-bottom: 10px;
  }
  #new .section .block .prev_back_next > div .back a {
    height: 40px;
  }
  #new .section .block {
    margin-bottom: 0;
  }
  #new .section .block .prev_back_next {
    padding-top: 30px;
  }
  #new .section .block .prev_back_next > div {
    align-items: center;
  }
  #new .section .block .prev_back_next > div .next a i,
  #new .section .block .prev_back_next > div .prev a i {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
  }
  #new .section .dec {
    width: 900px;
    left: 69%;
  }
  #new footer {
    margin-top: -290px;
  }
}

#contact #header #fix ul li a .bg {
  transform: translateY(-84%);
}
#contact #header #fix ul li > div .bg {
  transform: translateY(-84%);
}
#contact .dec-section .leafs {
  position: absolute;
  top: 110px;
}
#contact .dec-section .leafs .left {
  position: absolute;
  top: 0;
  left: 0;
  width: 620px;
  z-index: 1;
  transform-origin: 0% 50%;
}
#contact .dec-section .leafs .left > div:nth-child(1) > img {
  position: absolute;
  mix-blend-mode: multiply;
}
#contact .dec-section .leafs .left > div:nth-child(1) > img:nth-child(1) {
  width: 620px;
  left: -325px;
}
#contact .dec-section .leafs .left .dec {
  width: 100%;
  position: absolute;
  top: 200px;
}
#contact .dec-section .leafs .left .dec .small-leaf {
  width: 40px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
#contact .dec-section .leafs .right {
  position: absolute;
  top: 35px;
  left: 1410px;
  width: 620px;
  z-index: 2;
  transform-origin: 100% 50%;
}
#contact .dec-section .leafs .right > div:nth-child(1) > img {
  position: absolute;
  mix-blend-mode: multiply;
}
#contact .dec-section .leafs .right > div:nth-child(1) > img:nth-child(1) {
  width: 620px;
  right: -52px;
}
#contact .dec-section .leafs .right .dec {
  width: 100%;
  position: relative;
  top: 200px;
}
#contact .dec-section .leafs .right .dec .small-leaf {
  width: 40px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
#contact .dec-section .leafs .right .dec img {
  transform: rotateZ(10deg);
  position: absolute;
}
#contact .dec-section .clouds img {
  position: absolute;
}
#contact .dec-section .clouds img.cloud-1 {
  width: 7.9%;
  top: 905px;
  left: -2%;
}
#contact .dec-section .birds {
  position: absolute;
  width: 1920px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
#contact .dec-section .birds img {
  position: absolute;
}
#contact .dec-section .birds img.bird-1 {
  left: 347px;
  top: 330px;
  width: 202px;
}
#contact .section {
  position: relative;
  padding-bottom: 600px;
}
#contact .section .block {
  margin-bottom: -100px;
}
#contact .section .block .info-box {
  padding: 0 100px 0 100px;
  letter-spacing: 1.5px;
  background: url(images/contact/dot.jpg) bottom repeat-x;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#contact .section .block .info-box .left {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
#contact .section .block .info-box .right {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
#contact .section .block .info-box ul li img {
  width: 21px;
}
#contact .section .block .info-box ul li:nth-child(1) img {
  width: 21px;
}
#contact .section .block .info-box ul li:nth-child(2) img {
  width: 18px;
}
#contact .section .block .info-box ul li .img-wrapper {
  flex: 0 0 23px;
}
#contact .section .block .info-box ul li a:hover {
  color: #13BFD7;
}
#contact .section .select2 {
  width: 100% !important;
}
#contact footer {
  margin-top: -375px;
}
#contact ~ .select2-container--default .select2-results > .select2-results__options {
  margin-top: 10px;
  border-radius: 10px;
}
@media (max-width: 1400px) {
  #contact .section .block .info-box {
    padding: 0 0px;
  }
  #contact .dec-section .birds img.bird-1 {
    top: 200px;
  }
}
@media (max-width: 991px) {
  #contact .section .block .info-box {
    display: block;
  }
  #contact .section .block .info-box .left,
  #contact .section .block .info-box .right {
    max-width: 100%;
  }
}
@media (max-width: 575px) {
  #contact .dec-section .birds img.bird-1 {
    left: 50%;
    width: 150px;
    top: 400px;
  }
  #contact .dec-section .clouds img.cloud-1 {
    width: 10%;
    top: 1300px;
    left: 60%;
  }
  #contact .section {
    padding-bottom: 320px;
  }
  #contact .section .block {
    margin-bottom: 0px;
  }
  #contact .section .block .info-box ul li > span > span:nth-child(1) {
    display: block;
  }
  #contact .section .dec {
    width: 1100px;
    bottom: 0;
    left: 60%;
  }
  #contact footer {
    margin-top: -245px;
  }
  #contact ~ .select2-container--default .select2-results > .select2-results__options {
    margin-top: 8px;
    border-radius: 5px;
  }
}

#contact-ok #header #fix ul li a .bg {
  transform: translateY(-84%);
}
#contact-ok #header #fix ul li > div .bg {
  transform: translateY(-84%);
}
#contact-ok .dec-section .leafs {
  position: absolute;
  top: 110px;
}
#contact-ok .dec-section .leafs .left {
  position: absolute;
  top: 0;
  left: 0;
  width: 620px;
  z-index: 1;
  transform-origin: 0% 50%;
}
#contact-ok .dec-section .leafs .left > div:nth-child(1) > img {
  position: absolute;
  mix-blend-mode: multiply;
}
#contact-ok .dec-section .leafs .left > div:nth-child(1) > img:nth-child(1) {
  width: 620px;
  left: -325px;
}
#contact-ok .dec-section .leafs .left .dec {
  width: 100%;
  position: absolute;
  top: 200px;
}
#contact-ok .dec-section .leafs .left .dec .small-leaf {
  width: 40px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
#contact-ok .dec-section .leafs .right {
  position: absolute;
  top: 35px;
  left: 1410px;
  width: 620px;
  z-index: 2;
  transform-origin: 100% 50%;
}
#contact-ok .dec-section .leafs .right > div:nth-child(1) > img {
  position: absolute;
  mix-blend-mode: multiply;
}
#contact-ok .dec-section .leafs .right > div:nth-child(1) > img:nth-child(1) {
  width: 620px;
  right: -52px;
}
#contact-ok .dec-section .leafs .right .dec {
  width: 100%;
  position: relative;
  top: 200px;
}
#contact-ok .dec-section .leafs .right .dec .small-leaf {
  width: 40px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
#contact-ok .dec-section .leafs .right .dec img {
  transform: rotateZ(10deg);
  position: absolute;
}
#contact-ok .dec-section .clouds img {
  position: absolute;
}
#contact-ok .dec-section .clouds img.cloud-1 {
  width: 7.9%;
  top: 905px;
  left: -2%;
}
#contact-ok .dec-section .birds {
  position: absolute;
  width: 1920px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
#contact-ok .dec-section .birds img {
  position: absolute;
}
#contact-ok .dec-section .birds img.bird-1 {
  left: 347px;
  top: 330px;
  width: 202px;
}
#contact-ok .section {
  position: relative;
  padding-bottom: 600px;
}
#contact-ok .section .block {
  margin-bottom: -224px;
}
#contact-ok .section .block .box {
  border-radius: 25px;
  width: calc(100% - 40px);
  max-width: 600px;
  margin: auto;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3);
  padding: 72px 60px 110px 60px;
}
#contact-ok .section .block .box img {
  width: 93px;
}
#contact-ok .section .block .box a {
  width: 180px;
  height: 60px;
  border-radius: 50px;
  transition: opacity 0.3s;
  border: 2px solid #174A79;
  color: white;
  background: #174A79;
}
#contact-ok footer {
  margin-top: -375px;
}
@media (max-width: 1199px) {
  #contact-ok .section .block .info-box {
    padding: 0 0px;
  }
}
@media (max-width: 575px) {
  #contact-ok .dec-section .birds img.bird-1 {
    left: 10%;
    width: 100px;
    top: 67px;
  }
  #contact-ok .section {
    padding-bottom: 320px;
  }
  #contact-ok .section .block {
    margin-bottom: 0px;
  }
  #contact-ok .section .block .box {
    border-radius: 10px;
    padding: 50px 20px;
  }
  #contact-ok .section .block .box img {
    width: 60px;
  }
  #contact-ok .section .block .box a {
    border-radius: 10px;
    height: 45px;
    width: 120px;
  }
  #contact-ok .section .dec {
    width: 1100px;
    bottom: 0;
    left: 60%;
  }
  #contact-ok footer {
    margin-top: -245px;
  }
}

#qa #header #fix ul li a .bg {
  transform: translateY(-56%);
}
#qa #header #fix ul li > div .bg {
  transform: translateY(-56%);
}
#qa .section {
  position: relative;
  padding-bottom: 850px;
}
#qa .section .block {
  margin-bottom: -180px;
}
#qa .section .block .tabs > span {
  display: none;
}
#qa .section .block .tabs ul li {
  float: left;
}
#qa .section .block .tabs ul li:not(:last-child) {
  margin-right: 2px;
}
#qa .section .block .tabs ul li.active a {
  background: url(images/qa/active-btn.png) center no-repeat;
  color: white;
}
#qa .section .block .tabs ul li a {
  width: 230px;
  height: 51px;
  border-radius: 15px 15px 0 0;
  background: rgba(0, 0, 0, 0.1);
  transition: opacity 0.3s;
}
#qa .section .block .tabs ul li a:hover {
  opacity: 0.8;
}
#qa .section .block .box {
  background-size: contain;
  border-radius: 25px;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3);
  padding: 88px 20px 110px 20px;
  background-color: white;
  background-image: url(images/qa/dec-line.png);
  background-position: top center;
  background-repeat: no-repeat;
}
#qa .section .block .box .accordion {
  max-width: 1200px;
  margin: auto;
}
#qa .section .block .box .accordion .card {
  border: none;
  border-radius: 15px;
  margin-bottom: 16px;
  overflow: hidden;
}
#qa .section .block .box .accordion .card .card-header {
  background: #F8F8F8;
  border: none;
  padding: 0;
  cursor: pointer;
  transition: background 0.3s, color 0.3s;
}
#qa .section .block .box .accordion .card .card-header[aria-expanded=true] {
  background: #F5AA76;
  color: white;
}
#qa .section .block .box .accordion .card .card-header[aria-expanded=true] .Q:after {
  background: white;
}
#qa .section .block .box .accordion .card .card-header[aria-expanded=true] .icon-down-open {
  color: white;
}
#qa .section .block .box .accordion .card .card-header .Q {
  position: relative;
  height: 70px;
  margin-right: 25px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 72px;
  flex: 0 0 72px;
}
#qa .section .block .box .accordion .card .card-header .Q:after {
  content: "";
  display: block;
  width: 1px;
  height: 30px;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: background 0.3s;
}
#qa .section .block .box .accordion .card .card-header .title {
  display: inline;
  letter-spacing: 0px;
  font-weight: normal;
  margin-bottom: 0;
}
#qa .section .block .box .accordion .card .card-header .icon-down-open {
  margin-left: auto;
  margin-right: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  font-size: 24px;
  transition: transform 0.3s, color 0.3s;
  color: #E4581B;
}
#qa .section .block .box .accordion .card .card-header .icon-down-open.open {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
#qa .section .block .box .accordion .card .card-body {
  background: #F5AA76;
  padding: 0px 24px 25px 24px;
}
#qa .section .block .box .accordion .card .card-body > div {
  display: flex;
  padding: 20px 20px 23px 20px;
  background: white;
  border-radius: 10px;
}
#qa .section .block .box .accordion .card .card-body > div .A {
  padding-left: 30px;
  font-size: 24px;
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
  height: 40px;
  margin-right: 22px;
}
#qa .section .block .box .accordion .card .card-body > div > div {
  letter-spacing: 2px;
}
#qa .section .block .box .accordion .card .card-body > div > div p {
  margin-bottom: 0;
}
#qa .section .block .box .accordion .card .card-body > div > div a {
  transition: color 0.3s;
  color: #ED8E63;
}
#qa .section .block .box .accordion .card .card-body > div > div a:hover {
  color: #F5AA76;
}
#qa .dec-section .leafs .left {
  position: absolute;
  top: 80px;
  left: -43px;
  width: 450px;
  z-index: 1;
  transform-origin: 0% 50%;
}
#qa .dec-section .leafs .left > img {
  position: absolute;
  mix-blend-mode: multiply;
}
#qa .dec-section .leafs .left > img:nth-child(1) {
  width: 455px;
  left: -170px;
  opacity: 0.6;
}
#qa .dec-section .leafs .left > img:nth-child(2) {
  width: 388px;
  top: 98px;
  left: -122px;
  opacity: 0.6;
}
#qa .dec-section .leafs .left > img:nth-child(3) {
  width: 110px;
  top: 326px;
  left: -78px;
  opacity: 0.6;
}
#qa .dec-section .leafs .left .dec {
  width: 100%;
  position: absolute;
  top: 200px;
}
#qa .dec-section .leafs .left .dec .small-leaf {
  width: 50px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  opacity: 0.6;
}
#qa .dec-section .leafs .right {
  position: absolute;
  top: 35px;
  left: 1550px;
  width: 450px;
  z-index: 1;
  transform-origin: 100% 50%;
}
#qa .dec-section .leafs .right > img {
  position: absolute;
  mix-blend-mode: multiply;
}
#qa .dec-section .leafs .right > img:nth-child(1) {
  width: 455px;
  right: -210px;
}
#qa .dec-section .leafs .right > img:nth-child(2) {
  width: 455px;
  top: 70px;
  right: -210px;
}
#qa .dec-section .leafs .right .dec {
  width: 100%;
  position: absolute;
  top: 200px;
}
#qa .dec-section .leafs .right .dec .small-leaf {
  width: 50px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  opacity: 0.6;
}
#qa .dec-section .butterflies .butterfly-1 {
  position: absolute;
  width: 424px;
  top: 213px;
  left: 1411px;
}
#qa .dec-section .butterflies .butterfly-2 {
  position: absolute;
  width: 42.5px;
  top: 300px;
  left: 270px;
}
#qa .dec-section .stars {
  position: absolute;
  width: 100px;
  left: 2%;
  top: 823px;
}
#qa .dec-section .clouds {
  position: absolute;
  top: 30px;
  height: 1215px;
  width: 100%;
}
#qa .dec-section .clouds .cloud {
  position: absolute;
}
#qa .dec-section .clouds .cloud.cloud-3 {
  position: relative;
  width: 14%;
  top: 857px;
  left: 0%;
}
#qa .dec-section .clouds .cloud.cloud-3 img:nth-child(1) {
  position: relative;
  z-index: 1;
}
#qa .dec-section .clouds .cloud.cloud-3 img:nth-child(2) {
  width: 46px;
  position: absolute;
  top: 30px;
  left: 50%;
  transform-origin: 0 0;
}
#qa .dec-section .clouds .cloud.cloud-1 {
  width: 9%;
  top: 1000px;
  left: 96%;
}
#qa footer {
  margin-top: -380px;
}
@media (max-width: 1199px) {
  #qa .section .block .box {
    padding-top: 50px;
  }
}
@media (max-width: 991px) {
  #qa .section .block .tabs ul li a {
    width: 150px;
  }
}
@media (max-width: 767px) {
  #qa .section .block .tabs {
    width: 100%;
    max-width: 350px;
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
  }
  #qa .section .block .tabs > span {
    cursor: pointer;
    border-radius: 5px;
    padding: 0 10px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: url(images/qa/active-btn.png) center no-repeat;
    background-size: cover;
  }
  #qa .section .block .tabs ul {
    position: absolute;
    width: 100%;
    display: none;
  }
  #qa .section .block .tabs ul li {
    float: none;
  }
  #qa .section .block .tabs ul li:not(:last-child) {
    margin-right: 0;
  }
  #qa .section .block .tabs ul li.active a {
    color: black;
    background: #E5E5E5;
  }
  #qa .section .block .tabs ul li a {
    border-radius: 0;
    width: 100%;
    background: #E5E5E5;
  }
  #qa .section .block .tabs ul li a:hover {
    opacity: 1;
  }
}
@media (max-width: 575px) {
  #qa .section {
    padding-bottom: 480px;
  }
  #qa .section .block {
    margin-bottom: -140px;
  }
  #qa .section .block .tabs {
    max-width: initial;
  }
  #qa .section .block .box {
    padding-left: 0;
    padding-right: 0;
    padding-top: 20px;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
  }
  #qa .section .block .box .accordion .card {
    border-radius: 5px;
    margin-bottom: 10px;
  }
  #qa .section .block .box .accordion .card .card-header {
    align-items: flex-start !important;
    padding: 5px 0;
  }
  #qa .section .block .box .accordion .card .card-header .Q {
    height: 30px;
    flex: 0 0 40px;
    margin-right: 0px;
  }
  #qa .section .block .box .accordion .card .card-header .Q:after {
    display: none;
  }
  #qa .section .block .box .accordion .card .card-header .title {
    line-height: 1.8em;
  }
  #qa .section .block .box .accordion .card .card-header .icon-down-open {
    font-size: 18px;
    margin-right: 5px;
  }
  #qa .section .block .box .accordion .card .card-body {
    padding: 0px 10px 15px 10px;
  }
  #qa .section .block .box .accordion .card .card-body > div {
    display: block;
    border-radius: 5px;
    padding: 10px 10px 10px 10px;
  }
  #qa .section .block .box .accordion .card .card-body > div .A {
    padding-left: 0;
    margin-right: 0;
    font-size: 18px;
    height: auto;
    margin-bottom: 5px;
  }
  #qa .section .dec {
    left: 90%;
    width: 1200px;
    margin-top: -105px;
  }
  #qa .dec-section .butterflies .butterfly-1 {
    width: 40%;
    left: 56%;
    top: 60px;
  }
  #qa .dec-section .butterflies .butterfly-2 {
    display: none;
  }
  #qa .dec-section .stars {
    top: 100px;
    left: -3%;
  }
  #qa .dec-section .clouds {
    display: none;
  }
  #qa footer {
    margin-top: -285px;
  }
}

#terms .dec-section .clouds .cloud-1,
#privacy .dec-section .clouds .cloud-1 {
  position: absolute;
  width: 15%;
  top: 203px;
  left: 2%;
}
#terms .dec-section .clouds .cloud-2,
#privacy .dec-section .clouds .cloud-2 {
  position: absolute;
  width: 8%;
  top: 150px;
  left: 23%;
}
#terms .dec-section .clouds .cloud-3,
#privacy .dec-section .clouds .cloud-3 {
  position: absolute;
  width: 15%;
  top: 190px;
  left: 75%;
}
#terms .dec-section .clouds .cloud-4,
#privacy .dec-section .clouds .cloud-4 {
  position: absolute;
  width: 12.8%;
  top: 190px;
  left: 83%;
}
#terms .dec-section .birds .bird-1,
#privacy .dec-section .birds .bird-1 {
  position: absolute;
  top: 343px;
  left: 1652px;
  width: 108px;
}
#terms .dec-section .birds .bird-2,
#privacy .dec-section .birds .bird-2 {
  position: absolute;
  top: 620px;
  left: 140px;
  width: 108px;
}
#terms .dec-section .birds .bird-3,
#privacy .dec-section .birds .bird-3 {
  position: absolute;
  top: 950px;
  left: 1700px;
  width: 163px;
}
#terms footer,
#privacy footer {
  margin-top: -100px;
}
@media (max-width: 575px) {
  #terms .dec-section .clouds .cloud-1,
  #privacy .dec-section .clouds .cloud-1 {
    top: 75px;
  }
  #terms .dec-section .clouds .cloud-2,
  #privacy .dec-section .clouds .cloud-2 {
    left: 10%;
  }
  #terms .dec-section .clouds .cloud-3,
  #privacy .dec-section .clouds .cloud-3 {
    top: 87px;
  }
  #terms .dec-section .clouds .cloud-4,
  #privacy .dec-section .clouds .cloud-4 {
    top: 90px;
  }
  #terms .dec-section .birds .bird-1,
  #privacy .dec-section .birds .bird-1 {
    left: 70%;
    top: 160px;
    width: 60px;
  }
  #terms .dec-section .birds .bird-2,
  #terms .dec-section .birds .bird-3,
  #privacy .dec-section .birds .bird-2,
  #privacy .dec-section .birds .bird-3 {
    display: none;
  }
  #terms footer,
  #privacy footer {
    margin-top: 0px;
  }
}

#sitemap .section {
  position: relative;
}
#sitemap .section .block > ul {
  margin-left: -37px;
  margin-right: -37px;
}
#sitemap .section .block > ul > li {
  padding-right: 37px;
  padding-left: 37px;
  margin-bottom: 70px;
}
#sitemap .section .block > ul > li h2 {
  background: url("images/sitemap/btn.png") center no-repeat;
  background-size: cover;
  width: 220px;
  height: 60px;
  color: white;
  margin-bottom: 25px;
  letter-spacing: 2px;
}
#sitemap .section .block > ul > li > ul {
  max-width: 220px;
  margin: auto;
}
#sitemap .section .block > ul > li > ul > li {
  width: 183px;
  margin: auto;
}
#sitemap .section .block > ul > li > ul > li .title {
  display: block;
  background: url(images/sitemap/line.png) bottom no-repeat;
  background-size: contain;
  padding: 11px 0 11px 30px;
  position: relative;
  left: 2px;
  color: rgba(0, 0, 0, 0.85);
}
#sitemap .section .block > ul > li > ul > li .title::before {
  content: "";
  display: block;
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #174A79;
  border: 2px solid white;
  top: 21px;
  left: 11px;
  opacity: 0.5;
  transition: opacity 0.3s, border 0.3s;
}
#sitemap .section .block > ul > li > ul > li a.title:hover {
  color: rgb(0, 0, 0);
}
#sitemap .section .block > ul > li > ul > li a.title:hover::before {
  opacity: 1;
  border: 2px solid #174A79;
}
#sitemap .section .block > ul > li > ul > li > ul {
  padding-left: 17px;
  margin-top: 10px;
  margin-bottom: 22px;
}
#sitemap .section .block > ul > li > ul > li > ul > li {
  margin-bottom: 10px;
}
#sitemap .section .block > ul > li > ul > li > ul > li a {
  position: relative;
  color: rgba(0, 0, 0, 0.55);
  padding-left: 25px;
  letter-spacing: 2px;
}
#sitemap .section .block > ul > li > ul > li > ul > li a::before {
  content: "";
  display: block;
  position: absolute;
  width: 5px;
  height: 1px;
  background: rgba(0, 0, 0, 0.55);
  top: 16px;
  left: 11px;
}
#sitemap .section .block > ul > li > ul > li > ul > li a:hover {
  color: black;
}
#sitemap .section .block > ul > li > ul > li > ul > li a:hover::before {
  background: black;
}
#sitemap .dec-section .clouds .cloud-1 {
  position: absolute;
  width: 15%;
  top: 203px;
  left: -6%;
}
#sitemap .dec-section .clouds .cloud-2 {
  position: absolute;
  width: 8%;
  top: 150px;
  left: 23%;
}
#sitemap .dec-section .clouds .cloud-3 {
  position: absolute;
  width: 15%;
  top: 190px;
  left: 75%;
}
#sitemap .dec-section .clouds .cloud-4 {
  position: absolute;
  width: 12.8%;
  top: 190px;
  left: 83%;
}
#sitemap .dec-section .birds .bird-1 {
  position: absolute;
  display: none;
}
#sitemap .dec-section .birds .bird-2 {
  position: absolute;
  top: 470px;
  left: 263px;
  width: 108px;
}
#sitemap .dec-section .birds .bird-3 {
  position: absolute;
  display: none;
}
#sitemap footer {
  margin-top: -200px;
}
@media (max-width: 1600px) {
  #sitemap footer {
    margin-top: -100px;
  }
}
@media (max-width: 991px) {
  #sitemap .section .block > ul {
    margin-left: -20px;
    margin-right: -20px;
  }
  #sitemap .section .block > ul > li {
    padding-right: 20px;
    padding-left: 20px;
  }
  #sitemap .section .block > ul > li h2 {
    width: 100%;
    height: 48px;
    border-radius: 25px;
  }
  #sitemap .section .block > ul > li > ul {
    max-width: auto;
  }
}
@media (max-width: 575px) {
  #sitemap .section .block > ul {
    max-width: 350px;
    margin: auto;
  }
  #sitemap .section .block > ul > li {
    margin-bottom: 20px;
  }
  #sitemap .section .block > ul > li h2 {
    margin-bottom: 5px;
    height: 40px;
  }
  #sitemap .section .block > ul > li > ul > li.long {
    width: 130px;
  }
  #sitemap .section .block > ul > li > ul > li .title {
    padding: 7px 0 7px 25px;
  }
  #sitemap .section .block > ul > li > ul > li .title::before {
    top: 14px;
  }
  #sitemap .section .block > ul > li > ul > li ul {
    margin-bottom: 10px;
  }
  #sitemap .section .block > ul > li > ul > li ul > li {
    margin-bottom: 5px;
  }
  #sitemap .section .block > ul > li > ul > li ul > li a::before {
    top: 11px;
  }
  #sitemap .dec-section .clouds .cloud-1 {
    width: 20%;
    top: 255px;
  }
  #sitemap .dec-section .clouds .cloud-2 {
    left: 70%;
    width: 20%;
    top: 500px;
  }
  #sitemap .dec-section .clouds .cloud-3 {
    top: 800px;
    width: 20%;
    left: 1%;
  }
  #sitemap .dec-section .clouds .cloud-4 {
    top: 1200px;
    width: 20%;
    left: 70%;
  }
  #sitemap .dec-section .birds .bird-1 {
    left: 55%;
    top: 80px;
    width: 100px;
    display: block;
  }
  #sitemap .dec-section .birds .bird-2 {
    top: 500px;
    left: 5%;
  }
  #sitemap .dec-section .birds .bird-3 {
    display: block;
    top: 1640px;
    width: 150px;
    left: 50%;
  }
  #sitemap footer {
    margin-top: 0px;
  }
}

#login .dec-section .clouds .cloud-1 {
  position: absolute;
  width: 15%;
  top: 203px;
  left: 2%;
}
#login .dec-section .clouds .cloud-2 {
  position: absolute;
  width: 8%;
  top: 150px;
  left: 23%;
}
#login .dec-section .clouds .cloud-3 {
  position: absolute;
  width: 15%;
  top: 190px;
  left: 75%;
}
#login .dec-section .clouds .cloud-4 {
  position: absolute;
  width: 12.8%;
  top: 190px;
  left: 83%;
}
#login .section {
  padding-bottom: 300px;
}
#login .section .block .box form > ul li {
  float: left;
  padding: 0 20px;
}
#login .section .block .box form > ul li:first-child {
  position: relative;
}
#login .section .block .box form > ul li:first-child::after {
  content: "";
  display: block;
  height: 15px;
  width: 1px;
  background: #383838;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  opacity: 0.27;
}
#login .section .block .box form > ul li a {
  color: #34302D;
  font-size: 19px;
  transition: color 0.3s;
}
#login .section .block .box form > ul li a:hover {
  color: #174A79;
}
#login .section .block .box form a.fb {
  background: url(images/member/fb-btn.png) center no-repeat;
}
#login .section .block .box form a.fb img {
  width: 24px;
}
#login .section .block .box form a.fb span {
  position: relative;
  padding-left: 15px;
  margin-left: 10px;
}
#login .section .block .box form a.fb span::after {
  content: "";
  display: block;
  height: 20px;
  width: 1px;
  background: #D3D3D3;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  opacity: 0.51;
}
#login .section .dec {
  margin-top: -700px;
}
#login footer {
  margin-top: -600px;
}
@media (max-width: 575px) {
  #login .section {
    padding-bottom: 365px;
  }
  #login .section .block .box form > ul li {
    padding: 0 8px;
  }
  #login .section .block .box form > ul li a {
    font-size: 16px;
  }
  #login .section .block .box form button[type=submit] {
    height: 45px;
  }
  #login .section .dec {
    margin-top: 0px;
  }
  #login footer {
    margin-top: -290px;
  }
}

#register .section .block .box {
  min-height: 780px;
}
@media (max-width: 575px) {
  #register .section .block .box {
    min-height: 610px;
  }
}

#ok-mail .dec-section,
#ok-mobile .dec-section {
  z-index: 1;
}
#ok-mail .section .block .box,
#ok-mobile .section .block .box {
  height: 685px;
}
#ok-mail .section .block .box .btns a,
#ok-mobile .section .block .box .btns a {
  margin: 0 10px;
}
#ok-mail .section .dec,
#ok-mobile .section .dec {
  margin-top: -760px;
}
@media (max-width: 767px) {
  #ok-mail .section .dec,
  #ok-mobile .section .dec {
    margin-top: -300px;
  }
}
@media (max-width: 575px) {
  #ok-mail .section .block .box,
  #ok-mobile .section .block .box {
    height: auto;
    padding: 50px 20px;
  }
  #ok-mail .section .dec,
  #ok-mobile .section .dec {
    margin-top: 0;
  }
}

#editor .section .check,
#editor-ok .section .check,
#password-ok .section .check,
#return-ok .section .check,
#cart-2 .section .check {
  border: 1px solid rgba(0, 0, 0, 0.4);
  width: 18px;
  height: 18px;
  display: inline-block;
  border-radius: 3px;
}
#editor .section input[type=checkbox]:checked + label .check,
#editor-ok .section input[type=checkbox]:checked + label .check,
#password-ok .section input[type=checkbox]:checked + label .check,
#return-ok .section input[type=checkbox]:checked + label .check,
#cart-2 .section input[type=checkbox]:checked + label .check {
  background: url(images/member/check.svg) center no-repeat;
}
#editor .section .block .box,
#editor-ok .section .block .box,
#password-ok .section .block .box,
#return-ok .section .block .box,
#cart-2 .section .block .box {
  height: auto;
  min-height: 908px;
}
#editor .section .select2,
#editor-ok .section .select2,
#password-ok .section .select2,
#return-ok .section .select2,
#cart-2 .section .select2 {
  width: 100% !important;
  padding: 12.5px 20px;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.35);
}
#editor .section .select2-container--default .select2-selection--single .select2-selection__arrow b,
#editor-ok .section .select2-container--default .select2-selection--single .select2-selection__arrow b,
#password-ok .section .select2-container--default .select2-selection--single .select2-selection__arrow b,
#return-ok .section .select2-container--default .select2-selection--single .select2-selection__arrow b,
#cart-2 .section .select2-container--default .select2-selection--single .select2-selection__arrow b {
  background: url(images/member/arrow-down.svg) center no-repeat;
}
#editor ~ .select2-dropdown,
#editor-ok ~ .select2-dropdown,
#password-ok ~ .select2-dropdown,
#return-ok ~ .select2-dropdown,
#cart-2 ~ .select2-dropdown {
  display: none;
  background: transparent;
}
#editor ~ .select2-container--default .select2-results > .select2-results__options,
#editor-ok ~ .select2-container--default .select2-results > .select2-results__options,
#password-ok ~ .select2-container--default .select2-results > .select2-results__options,
#return-ok ~ .select2-container--default .select2-results > .select2-results__options,
#cart-2 ~ .select2-container--default .select2-results > .select2-results__options {
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.35);
  margin-top: 10px;
  border-radius: 10px;
}
#editor ~ .select2-container--default .select2-results__option--highlighted[aria-selected],
#editor-ok ~ .select2-container--default .select2-results__option--highlighted[aria-selected],
#password-ok ~ .select2-container--default .select2-results__option--highlighted[aria-selected],
#return-ok ~ .select2-container--default .select2-results__option--highlighted[aria-selected],
#cart-2 ~ .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #13BFD7;
}
@media (max-width: 575px) {
  #editor .section .block .box,
  #editor-ok .section .block .box,
  #password-ok .section .block .box,
  #return-ok .section .block .box,
  #cart-2 .section .block .box {
    min-height: 300px;
  }
  #editor .section .block .select2,
  #editor-ok .section .block .select2,
  #password-ok .section .block .select2,
  #return-ok .section .block .select2,
  #cart-2 .section .block .select2 {
    border-radius: 5px;
    padding: 7.5px 10px;
  }
  #editor ~ .select2-container--default .select2-results > .select2-results__options,
  #editor-ok ~ .select2-container--default .select2-results > .select2-results__options,
  #password-ok ~ .select2-container--default .select2-results > .select2-results__options,
  #return-ok ~ .select2-container--default .select2-results > .select2-results__options,
  #cart-2 ~ .select2-container--default .select2-results > .select2-results__options {
    margin-top: 8px;
    border-radius: 5px;
  }
}

#return-ok .section .box {
  letter-spacing: 0.5px;
}

.ios #editor input[type=checkbox] {
  border: none;
  width: 0;
}

@media (max-width: 575px) {
  #return-ok .section .block .box, #cart-2 .section .block .box {
    padding: 50px 20px;
  }
}
#orders .section .block .box {
  padding: 57px 54px;
  height: auto;
}
#orders .section .block .box form {
  width: 235px;
  position: absolute;
  top: 40px;
  right: 54px;
}
#orders .section .block .box form .select2 {
  border-radius: 50px;
  background: white;
  border: 1px solid #174A79;
  padding: 10px 20px;
  padding-left: 40px;
}
#orders .section .block .box form .select2 .select2-selection--single .select2-selection__arrow b {
  background: url(images/member/arrow-down.svg) center no-repeat;
}
#orders .section .block .box .table-wrapper table {
  text-align: center;
  min-width: 980px;
}
#orders .section .block .box .table-wrapper table tbody tr td:nth-child(2) {
  color: #D70084;
}
#orders .section .block .box .table-wrapper table tbody tr td:nth-child(2) a {
  text-decoration: underline;
  transition: opacity 0.3s;
}
#orders .section .block .box .table-wrapper table tbody tr td:nth-child(2) a:hover {
  opacity: 0.8;
}
#orders .section .block .box .table-wrapper table tbody tr td:nth-child(6) button {
  transition: color 0.3s;
}
#orders .section .block .box .table-wrapper table tbody tr td:nth-child(6) button:hover {
  color: #D70084;
}
#orders .section .block .box .table-wrapper table tbody tr td a.mail:hover svg {
  fill: #06C0DC;
}
#orders .section .block .box .table-wrapper table tbody tr td a.mail img {
  height: 20px;
}
#orders .section .block .box .table-wrapper table tbody tr td a.mail svg {
  width: 26px;
  height: 20px;
  transition: fill 0.3s;
}
#orders .section .block .box .table-wrapper table tbody tr td a.reOrder:hover {
  color: #D70084;
}
#orders .section .select2 {
  width: 100% !important;
}
#orders .modal .modal-dialog .modal-content {
  border: none;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3);
  border-radius: 25px;
}
#orders .modal .modal-dialog .modal-content .modal-header {
  padding: 0;
  border-bottom: initial;
}
#orders .modal .modal-dialog .modal-content .modal-header button {
  position: absolute;
  right: -55px;
  top: -20px;
  color: #7EDEEB;
  font-size: 34px;
  text-shadow: initial;
  opacity: 1;
}
#orders .modal .modal-dialog .modal-content .modal-body {
  padding: 45px 52px;
}
#orders .modal .modal-dialog .modal-content .modal-body > img {
  margin-bottom: 57px;
}
#orders .modal .modal-dialog .modal-content .modal-body p {
  margin-bottom: 3px;
}
#orders ~ .select2-container--default .select2-results > .select2-results__options {
  background: white;
  border: 1px solid #174A79;
  border-radius: 10px;
  margin-top: 10px;
}
@media (max-width: 991px) {
  #orders .section .block .box {
    padding: 40px 20px;
  }
  #orders .section .block .box form {
    top: 25px;
    right: 20px;
  }
}
@media (max-width: 767px) {
  #orders .modal .modal-dialog .modal-content .modal-header button {
    right: 10px;
    top: 20px;
  }
}
@media (max-width: 575px) {
  #orders .section .block .box {
    padding: 30px 20px;
  }
  #orders .section .block .box form {
    position: static;
  }
  #orders .section .block .box form .select2 {
    padding: 7.5px 20px;
    margin-bottom: 20px;
    border-radius: 5px;
  }
  #orders .section .block .box .table-wrapper table {
    min-width: initial;
    text-align: left;
  }
  #orders .section .block .box .table-wrapper table tbody tr td {
    display: block;
    padding: 3px 0;
  }
  #orders .section .block .box .table-wrapper table tbody tr td:last-child {
    display: flex;
    align-items: center;
  }
  #orders .section .block .box .table-wrapper table tbody tr td:last-child a {
    display: flex !important;
    margin-left: 3px;
  }
  #orders .modal .modal-dialog .modal-content .modal-body {
    padding: 30px 20px;
  }
  #orders .modal .modal-dialog .modal-content .modal-body > img {
    margin-bottom: 30px;
  }
  #orders .modal .modal-dialog .modal-content .modal-header button {
    right: 0px;
    top: -40px;
  }
  #orders ~ .select2-container--default .select2-results > .select2-results__options {
    border-radius: 5px;
  }
}

#order .section .block .box .btns a {
  margin: 0 12px;
}
#order .section .block .box .btns a:nth-child(1) {
  width: auto;
  padding: 0 28px;
}
#order footer {
  margin-top: -260px;
}
#order .modal .modal-content {
  border-radius: 25px;
  border: none;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
  padding: 75px 66px 90px 66px;
}
#order .modal .modal-content .header button {
  position: absolute;
  right: -40px;
  top: -30px;
  opacity: 1;
  text-shadow: none;
}
#order .modal .modal-content .header button span {
  color: #7EDEEB;
  font-size: 34px;
}
@media (min-width: 576px) {
  #order .modal-dialog {
    max-width: 703px;
  }
}
@media (max-width: 991px) {
  #order .section .block .box {
    padding: 30px 20px;
  }
}
@media (max-width: 767px) {
  #order .section .block .box .group .content ul li {
    display: flex;
  }
  #order .section .block .box .group .content ul li > span:nth-child(2) {
    flex: 0 0 calc(100% - 85px);
  }
  #order .section .block .box .group .content ul li > span:nth-child(2).mail {
    overflow: auto;
  }
  #order .modal .modal-content {
    padding-top: 10px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }
  #order .modal .modal-content .header button {
    position: static;
  }
}
@media (max-width: 575px) {
  #order .section .block .box .btns {
    display: block;
  }
  #order .section .block .box .btns a,
  #order .section .block .box .btns button {
    margin: 0;
    width: 100%;
  }
  #order .section .block .box .btns a:nth-child(1),
  #order .section .block .box .btns button:nth-child(1) {
    margin-bottom: 15px;
  }
  #order .modal .modal-content {
    border-radius: 10px;
  }
  #order .modal .modal-content .header button span {
    font-size: 24px;
  }
  #order .modal .modal-content .body img {
    width: 80px;
  }
  #order footer {
    margin-top: -250px;
  }
}

#invoice .main {
  opacity: 1;
  padding-bottom: 180px;
}
#invoice .main .inner {
  padding-top: 50px;
}
#invoice #orderPrint {
  overflow-x: auto;
}
#invoice #orderPrint > div {
  width: 752px;
  margin: auto;
}
#invoice #orderPrint .top {
  display: flex;
  border: 1px solid black;
}
#invoice #orderPrint .top > div:nth-child(1) {
  padding: 16px 15px 20px 15px;
  flex: 0 0 27.5%;
  border-right: 1px dashed black;
}
#invoice #orderPrint .top > div:nth-child(1) img {
  width: 42.3px;
}
#invoice #orderPrint .top > div:nth-child(1) .code {
  width: 166px;
}
#invoice #orderPrint .top > div:nth-child(1) ul li {
  float: left;
  width: 50%;
  margin-bottom: 3px;
}
#invoice #orderPrint .top > div:nth-child(2) {
  padding-top: 37px;
  flex: 0 0 27.5%;
  border-right: 1px dashed black;
}
#invoice #orderPrint .top > div:nth-child(2) ul {
  padding-top: 15px;
  padding-left: 28px;
}
#invoice #orderPrint .top > div:nth-child(2) ul li {
  margin-bottom: 8.5px;
}
#invoice #orderPrint .top > div:nth-child(3) {
  padding: 0 15px;
  padding-bottom: 30px;
}
#invoice #orderPrint .top > div:nth-child(3) ul li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 5px;
}
#invoice #orderPrint .top > div:nth-child(3) ul li::before {
  content: "";
  display: block;
  position: absolute;
  left: 3px;
  top: 4px;
  width: 12px;
  height: 12px;
  background: black;
  border-radius: 50%;
}
#invoice #orderPrint .bottom {
  border: 1px solid black;
}
#invoice #orderPrint .bottom table thead {
  border-bottom: 1px solid black;
}
#invoice #orderPrint .bottom table thead tr th {
  padding: 12px 10px;
}
#invoice #orderPrint .bottom table thead tr th:nth-child(1) {
  padding-left: 20px;
  width: 66%;
}
#invoice #orderPrint .bottom table thead tr th:nth-child(4) {
  padding-right: 25px;
}
#invoice #orderPrint .bottom table tbody tr td {
  padding: 8px 10px;
}
#invoice #orderPrint .bottom table tbody tr td:nth-child(1) {
  padding-left: 20px;
}
#invoice #orderPrint .bottom table tbody tr td:nth-child(4) {
  padding-right: 25px;
}
#invoice #orderPrint .bottom table tbody tr:last-child td {
  padding: 22px 10px;
}
#invoice #orderPrint .bottom table tfoot {
  border-top: 1px solid black;
}
#invoice #orderPrint .bottom table tfoot tr td {
  padding: 12px 10px;
  padding-right: 25px;
}
#invoice .btns {
  margin: auto;
}
#invoice .btns a {
  width: 230px;
  height: 45px;
  line-height: 45px;
  display: block;
  border-radius: 0;
  text-align: center;
}
#invoice .btns a:nth-child(1) {
  background: #174A79;
  color: white;
}
#invoice .btns a:nth-child(1):hover {
  opacity: 0.8;
}
#invoice .btns a:nth-child(2) {
  background: white;
  color: #174A79;
  border: 1px solid #174A79;
}

#discount-slip .main {
  opacity: 1;
  padding-bottom: 100px;
}
#discount-slip .main .inner {
  padding-top: 85px;
}
#discount-slip .block > div:nth-child(1) {
  overflow-x: auto;
}
#discount-slip .block .box {
  margin: auto;
  width: 1021px;
  border: 1px solid #E2E2E2;
  padding-top: 68px;
  padding-left: 67px;
  padding-right: 67px;
  padding-bottom: 43px;
}
#discount-slip .block .box > p {
  flex: 0 0 10px;
  width: 10px;
  -webkit-writing-mode: vertical-lr;
  writing-mode: vertical-lr;
  transform: scale(0.916);
  margin: 0;
  margin-left: 5px;
  letter-spacing: 3px;
  margin-top: 95px;
}
#discount-slip .block .box > div {
  flex-grow: 1;
}
#discount-slip .block .box + p {
  width: 1021px;
  margin: auto;
}
#discount-slip .block .head table {
  width: 323px;
  height: 102px;
  border: 2px solid black;
}
#discount-slip .block .head table tr:nth-child(1) td:nth-child(1) {
  transform: scale(0.83) translateY(-5px);
  width: 30px;
  vertical-align: top;
  border: none;
}
#discount-slip .block .head table tr:nth-child(1) td:nth-child(2) {
  transform: scale(0.83) translateY(-5px);
  width: 30px;
  vertical-align: top;
  border: none;
}
#discount-slip .block .head table tr:nth-child(1) td:nth-child(3) {
  width: 78px;
  transform: scale(0.83);
}
#discount-slip .block .head table tr:nth-child(2) td:nth-child(1) {
  padding: 0 10px;
  transform: scale(0.83);
}
#discount-slip .block .head table tr:nth-child(3) td:nth-child(1) {
  padding: 0 10px;
  transform: scale(0.83);
}
#discount-slip .block .head table tr:nth-child(3) td:nth-child(2) {
  padding-left: 8px;
  padding-right: 20px;
}
#discount-slip .block .head table tr td {
  width: 22px;
  border: 1px solid black;
}
#discount-slip .block .head > div {
  flex-grow: 1;
}
#discount-slip .block .body table {
  border: 2px solid black;
}
#discount-slip .block .body table thead tr:nth-child(2) th:nth-child(1) {
  width: 3.5%;
}
#discount-slip .block .body table thead tr:nth-child(2) th:nth-child(2) {
  width: 4.5%;
}
#discount-slip .block .body table thead tr:nth-child(2) th:nth-child(3) {
  width: 4.5%;
}
#discount-slip .block .body table thead tr:nth-child(2) th:nth-child(4) {
  width: 4.5%;
}
#discount-slip .block .body table thead tr:nth-child(2) th:nth-child(5) {
  width: 5.5%;
}
#discount-slip .block .body table thead tr:nth-child(2) th:nth-child(6) {
  width: 13.5%;
}
#discount-slip .block .body table thead tr:nth-child(2) th:nth-child(7) {
  width: 17%;
}
#discount-slip .block .body table thead tr:nth-child(2) th:nth-child(8) {
  width: 5.2%;
}
#discount-slip .block .body table thead tr:nth-child(2) th:nth-child(9) {
  width: 11.5%;
}
#discount-slip .block .body table thead tr:nth-child(2) th:nth-child(10) {
  width: 21.5%;
}
#discount-slip .block .body table thead tr:nth-child(2) th:nth-child(11) {
  width: 3%;
}
#discount-slip .block .body table thead tr:nth-child(2) th:nth-child(12) {
  width: 2%;
}
#discount-slip .block .body table thead tr:nth-child(2) th:nth-child(13) {
  width: 2%;
}
#discount-slip .block .body table thead tr th {
  border: 1px solid black;
  padding: 0;
}
#discount-slip .block .body table thead tr:nth-child(1) th:nth-child(3) {
  transform: scale(0.83);
}
#discount-slip .block .body table thead tr:nth-child(2) th {
  padding: 6px 0;
}
#discount-slip .block .body table thead tr:nth-child(2) th:nth-child(12) {
  transform: scale(0.83);
}
#discount-slip .block .body table thead tr:nth-child(2) th:nth-child(13) {
  transform: scale(0.83);
}
#discount-slip .block .body table thead tr:nth-child(3) th:nth-child(1) {
  transform: scale(0.83);
}
#discount-slip .block .body table thead tr:nth-child(3) th:nth-child(2) {
  transform: scale(0.83);
}
#discount-slip .block .body table tbody tr td {
  height: 33px;
  padding: 5px 0;
  border: 1px solid black;
  text-align: center;
}
#discount-slip .block .body table tbody tr:last-child td:nth-child(1) {
  transform: scale(0.916);
}
#discount-slip .block .footer p:not(.except),
#discount-slip .block .footer span:not(.except) {
  transform: scale(0.916);
  transform-origin: 0;
}
#discount-slip .block .footer > div {
  display: flex;
  align-items: center;
}
#discount-slip .btns {
  width: 752px;
  margin: auto;
}
#discount-slip .btns a {
  width: 230px;
  height: 45px;
  line-height: 45px;
  display: block;
  border-radius: 0;
  text-align: center;
}
#discount-slip .btns a:nth-child(1) {
  background: #174A79;
  color: white;
}
#discount-slip .btns a:nth-child(1):hover {
  opacity: 0.8;
}
#discount-slip .btns a:nth-child(2) {
  background: white;
  color: #174A79;
  border: 1px solid #174A79;
}
@media (max-width: 575px) {
  #discount-slip .main .inner {
    padding-top: 0;
  }
  #discount-slip .block .box + p {
    padding-left: 15px;
    padding-right: 15px;
  }
  #discount-slip .block > div:nth-child(1) {
    padding-bottom: 20px;
  }
  #discount-slip .btns {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
}

#return .section .block .box > div {
  border-bottom: 1px solid black;
}
#return .section .block .box form > div:not(.btns) {
  border-bottom: 1px solid black;
}
#return .section .block .box form .select2 {
  padding: 12.5px 20px;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.35);
}
#return .section .block .box form .select2 .select2-selection--single .select2-selection__arrow b {
  background: url(images/member/arrow-down.svg) center no-repeat;
}
#return .section .block .box form textarea {
  height: 148px;
}
#return .section .block .box .table-wrapper-1 table {
  min-width: 830px;
  border-left: 2px solid white;
}
#return .section .block .box .table-wrapper-1 table thead tr th {
  padding: 14.5px 10px;
}
#return .section .block .box .table-wrapper-1 table thead tr th:nth-child(1) {
  width: 27%;
}
#return .section .block .box .table-wrapper-1 table thead tr th:nth-child(2) {
  width: 19%;
}
#return .section .block .box .table-wrapper-1 table thead tr th:nth-child(3) {
  width: 27%;
}
#return .section .block .box .table-wrapper-1 table tbody tr td {
  padding-left: 15px;
}
#return .section .block .box .table-wrapper-1 table tbody tr:nth-child(4n+3) td {
  background: #F5FAFD;
}
#return .section .block .box .table-wrapper-1 table tbody tr:nth-child(4n) td {
  background: #F5FAFD;
}
#return .section .block .box .table-wrapper-1 table tbody tr td {
  border: 1px solid #CFCAC7;
  padding: 11px 15px;
}
#return .section .block .box .table-wrapper-2 input[type=checkbox] {
  width: 15px;
  height: 15px;
  position: relative;
  border: none;
}
#return .section .block .box .table-wrapper-2 input[type=checkbox]::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border-radius: 3px;
  border: 1px solid #868686;
  background: white;
}
#return .section .block .box .table-wrapper-2 input[type=checkbox]:checked::before {
  background-image: url(images/common/checked.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#return .section .block .box .table-wrapper-2 thead tr th.main-cell {
  padding-left: 20px;
}
#return .section .block .box .table-wrapper-2 tbody tr.product td:nth-child(2) {
  padding-left: 20px;
}
#return .section .block .box .table-wrapper-2 tbody tr.product td:nth-child(2) div {
  display: flex;
  align-items: center;
}
#return .section .block .box .table-wrapper-2 tbody tr.product td:nth-child(2) div label {
  padding-left: 30px;
  margin-bottom: 0;
}
#return .section .block .box .table-wrapper-2 tbody tr.product td:nth-child(2) div label span:nth-child(2) {
  color: #7F7F7F;
}
#return .section .select2 {
  width: 100% !important;
}
#return ~ .select2-container--default .select2-results > .select2-results__options {
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.35);
  margin-top: 10px;
  border-radius: 10px;
}
@media (max-width: 991px) {
  #return .section .block .box {
    padding: 40px 20px;
  }
}
@media (max-width: 575px) {
  #return .cart-table thead {
    display: block;
  }
  #return .cart-table thead tr {
    border: none;
    background: transparent;
  }
  #return .cart-table thead tr th.main-cell {
    display: block;
    padding-left: 0 !important;
  }
  #return .cart-table thead tr th.main-cell input[type=checkbox]::before {
    position: static !important;
    margin-top: 2px;
  }
  #return .cart-table thead tr th.main-cell label {
    margin-bottom: 0;
  }
  #return .cart-table thead tr th.main-cell span {
    display: none;
  }
  #return .cart-table thead tr th:not(.main-cell) {
    display: none;
  }
  #return .section .block .box {
    padding: 30px 20px;
  }
  #return .section .block .box .table-wrapper-1 table {
    min-width: 720px;
  }
  #return .section .block .box .table-wrapper-1 table thead tr th:nth-child(2) {
    width: 104px;
  }
  #return .section .block .box .table-wrapper-2 tbody tr.product td:nth-child(2) div label {
    padding-left: 10px;
  }
  #return .section .block .box input[type=checkbox]::before {
    top: -24px !important;
  }
  #return .section .block .box form .select2 {
    padding: 7.5px 10px;
  }
  #return table.type-1 tbody tr td span.title .inquire {
    width: 66px;
  }
  #return ~ .select2-container--default .select2-results > .select2-results__options {
    border-radius: 5px;
  }
}

#service .section .block .box {
  padding-bottom: 100px;
}
#service .section .block .box form {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
#service .section .block .box form .select2 {
  padding: 12.5px 20px;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.35);
}
#service .section .block .box form .select2 .select2-selection--single .select2-selection__arrow b {
  background: url(images/member/arrow-down.svg) center no-repeat;
}
#service .section .block .box form textarea {
  height: 100px;
}
#service .section .block .box .record {
  border-bottom: 1px solid #D9D6D4;
}
#service .section .block .box .record .Q {
  background: #EAEFF3;
  padding: 24px 27px;
}
#service .section .block .box .record .Q > div {
  padding-left: 104px;
  color: rgba(0, 0, 0, 0.45);
}
#service .section .block .box .record .A {
  padding-left: 27px;
  padding-right: 27px;
}
#service .section .block .box .record .A > div {
  padding-left: 104px;
  color: rgba(0, 0, 0, 0.45);
}
#service .section .block .box .record .A > div > ul > li > span.d-block {
  color: rgba(0, 0, 0, 0.7);
}
#service .section .select2 {
  width: 100% !important;
}
#service ~ .select2-container--default .select2-results > .select2-results__options {
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.35);
  margin-top: 10px;
  border-radius: 10px;
}
@media (max-width: 991px) {
  #service .section .block .box {
    padding: 40px 20px;
  }
  #service .section .block .box .record .Q {
    padding: 20px;
  }
  #service .section .block .box .record .Q > div {
    padding-left: 0;
  }
  #service .section .block .box .record .A {
    padding-left: 20px;
    padding-right: 20px;
  }
  #service .section .block .box .record .A > div {
    padding-left: 0;
  }
}
@media (max-width: 575px) {
  #service .section .block .box {
    padding: 30px 20px;
  }
  #service .section .block .box .groups .group {
    padding: 15px 0 5px 0;
  }
  #service .section .block .box .groups .group .title {
    margin-bottom: 10px;
  }
  #service .section .block .box .groups .group .content .text-gray {
    color: black;
  }
  #service .section .block .box .groups .group .content ul li > span:nth-child(1) {
    flex: 0 0 85px;
  }
  #service .section .block .box .btns {
    display: block;
  }
  #service .section .block .box .btns a,
  #service .section .block .box .btns button {
    margin: 0;
    width: 100%;
  }
  #service .section .block .box .btns a:nth-child(1),
  #service .section .block .box .btns button:nth-child(1) {
    margin-bottom: 15px;
  }
  #service .section .block .box form .select2 {
    padding: 7.5px 10px;
  }
  #service .section .block .box .record > ul > li {
    border-bottom: 1px solid gray;
    padding-top: 10px;
  }
  #service .section .block .box .record .Q {
    background: transparent;
    padding: 0;
  }
  #service .section .block .box .record .Q > p {
    border-bottom: 1px dashed gray;
    padding-bottom: 5px;
  }
  #service .section .block .box .record .Q > p > span {
    display: block;
  }
  #service .section .block .box .record .Q > div {
    color: black;
  }
  #service .section .block .box .record .A {
    padding: 0;
  }
  #service .section .block .box .record .A > p {
    border-bottom: 1px dashed gray;
    padding-bottom: 5px;
  }
  #service .section .block .box .record .A > p > span {
    display: block;
  }
  #service .section .block .box .record .A > div {
    color: black;
  }
  #service .section .block .box .record .A > div > ul > li > span.d-block {
    color: black;
  }
  #service ~ .select2-container--default .select2-results > .select2-results__options {
    border-radius: 5px;
  }
}

#return-record .section .block .box .process {
  border: 1px solid #BBBBBB;
}
#return-record .section .block .box .process .head {
  border-top: 2px solid #174A79;
  background: #EAEFF3;
  padding: 15.5px 20px;
}
#return-record .section .block .box .process .body {
  padding-top: 47px;
  padding-bottom: 36px;
}
#return-record .section .block .box .process .body > ul {
  display: flex;
  margin: auto;
  width: 1040px;
  justify-content: space-between;
}
#return-record .section .block .box .process .body > ul > li {
  width: 200px;
  text-align: center;
  position: relative;
}
#return-record .section .block .box .process .body > ul > li::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 25px;
  width: 278px;
  height: 2px;
}
#return-record .section .block .box .process .body > ul > li:nth-child(1)::after, #return-record .section .block .box .process .body > ul > li:nth-child(2)::after {
  background: #4CD0E0;
}
#return-record .section .block .box .process .body > ul > li:nth-child(3)::after {
  background: #E4E4E4;
}
#return-record .section .block .box .process .body > ul > li:nth-child(4) img {
  margin-left: -10px;
}
#return-record .section .block .box .process .body > ul > li img {
  z-index: 1;
  position: relative;
}
#return-record .section .block .box .process .body > ul > li .title {
  letter-spacing: 2px;
}
#return-record .section .block .box .process .body > ul > li .date {
  color: rgba(0, 0, 0, 0.53);
}
#return-record .section .block .box .process .body > ul > li ul {
  border-top: 1px solid #BBBBBB;
  text-align: center;
}
#return-record .section .block .box .process .body > ul > li ul li {
  margin-bottom: 3px;
}
#return-record .section .block .box .total {
  border-bottom: 1px solid;
}
@media (max-width: 1199px) {
  #return-record .section .block .box .process .body > ul {
    width: 800px;
  }
  #return-record .section .block .box .process .body > ul > li::after {
    width: 200px;
  }
}
@media (max-width: 991px) {
  #return-record .section .block .box {
    padding: 30px 20px;
  }
  #return-record .section .block .box .process .body > ul {
    width: 650px;
  }
  #return-record .section .block .box .process .body > ul > li::after {
    width: 150px;
  }
}
@media (max-width: 767px) {
  #return-record .section .block .box .process .body > ul {
    padding: 0 10px;
    width: auto;
    display: block;
  }
  #return-record .section .block .box .process .body > ul > li::after {
    display: none;
  }
  #return-record .section .block .box .process .body > ul > li:nth-child(4) img {
    margin: 0;
  }
  #return-record .section .block .box .process .body > ul > li span {
    text-align: left;
    display: block;
  }
  #return-record .section .block .box .process .body > ul > li {
    padding-bottom: 10px;
    width: auto;
  }
  #return-record .section .block .box .process .body > ul > li:not(:last-child) {
    border-bottom: 1px solid black;
  }
  #return-record .section .block .box .process .body > ul > li .title {
    margin-top: 10px !important;
  }
  #return-record .section .block .box .process .body > ul > li::after {
    height: 20px;
  }
  #return-record .section .block .box .process .body > ul > li img {
    width: 30px;
    float: left;
    margin-right: 15px !important;
  }
  #return-record .section .block .box .process .body > ul > li ul {
    text-align: left;
    margin-left: 45px;
  }
}
@media (max-width: 575px) {
  #return-record .section .block .box .info > div:nth-child(1) {
    flex-wrap: wrap;
  }
  #return-record .section .block .box .info > div:nth-child(1) > span {
    flex: 0 0 100%;
  }
  #return-record .section .block .box .info > div:nth-child(1) .invoice-link {
    margin-left: 0;
  }
  #return-record .section .block .box .process .head {
    padding: 10px;
  }
  #return-record .section .block .box .process .body {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  #return-record .section .block .box .process .body > ul > li .date {
    margin-left: 29px;
  }
  #return-record .section .block .box .process .body > ul > li img {
    margin-top: 2px !important;
    width: 20px;
    margin-right: 8px !important;
  }
  #return-record .section .block .box .process .body > ul > li:last-child {
    margin-bottom: 0;
  }
  #return-record .section .block .box .process .body > ul > li ul {
    margin-left: 27px;
  }
  #return-record .section .block .box .groups .group {
    padding: 15px 0 5px 0;
  }
  #return-record .section .block .box .groups .group .title {
    margin-bottom: 10px;
  }
  #return-record .section .block .box .groups .group .content .text-gray {
    color: black;
  }
  #return-record .section .block .box .groups .group .content ul li > span:nth-child(1) {
    flex: 0 0 85px;
  }
  #return-record .section .block .box .btns {
    display: block;
  }
  #return-record .section .block .box .btns a,
  #return-record .section .block .box .btns button {
    margin: 0;
    width: 100%;
  }
  #return-record .section .block .box .btns a:nth-child(1),
  #return-record .section .block .box .btns button:nth-child(1) {
    margin-bottom: 15px;
  }
}

#cart-1 .box {
  padding-bottom: 50px;
}
#cart-1 .subtotal-th,
#cart-1 .discount-price-cell {
  width: 223px;
}
#cart-1 .delete-th,
#cart-1 .cancel-cell {
  width: 153px;
  text-align: center;
}
#cart-1 .total table tbody tr td:last-child {
  padding-left: 55px;
}
#cart-1 .modal .modal-dialog {
  max-width: 965px;
}
#cart-1 .modal .modal-dialog .modal-content {
  max-height: calc(100vh - 80px);
  border: none;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3);
  border-radius: 25px;
  padding-bottom: 105px;
}
#cart-1 .modal .modal-dialog .modal-content .header {
  padding: 0;
  border-bottom: initial;
}
#cart-1 .modal .modal-dialog .modal-content .header button {
  position: absolute;
  right: -42px;
  top: -42px;
  color: #7EDEEB;
  font-size: 50px;
  text-shadow: initial;
  opacity: 1;
}
#cart-1 .modal .modal-dialog .modal-content .body {
  overflow-y: auto;
  padding: 45px 32px;
}
#cart-1 .modal .modal-dialog .modal-content .body .radios {
  display: inline-block;
}
#cart-1 .modal .modal-dialog .modal-content .body input[type=text] {
  height: 40px;
  width: 250px;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.35);
  border-radius: 5px;
  padding: 0 15px;
}
#cart-1 .modal .modal-dialog .modal-content .body button {
  width: 100px;
  height: 40px;
  border-radius: 5px;
  background: #7D6FB2;
}
#cart-1 .modal .modal-dialog .modal-content .body .table-wrapper {
  border-bottom: none;
}
#cart-1 .modal .modal-dialog .modal-content .body table {
  width: 900px;
  min-width: 700px;
}
#cart-1 .modal .modal-dialog .modal-content .body table thead tr th {
  padding: 14px 0;
}
#cart-1 .modal .modal-dialog .modal-content .body table thead tr th:nth-child(1) {
  padding-left: 45px;
}
#cart-1 .modal .modal-dialog .modal-content .body table tbody tr td {
  padding: 13px 10px;
  border-bottom: 1px solid #D9D6D4;
}
#cart-1 .modal .modal-dialog .modal-content .body table tbody tr td:nth-child(1) {
  padding-left: 45px;
}
#cart-1 .modal .modal-dialog .modal-content .body table tbody tr td:nth-child(5) {
  color: #D70084;
}
#cart-1 .modal .modal-dialog .modal-content .body table tbody tr td button {
  background: #7D6FB2;
  width: 65px;
  height: 35px;
  color: white;
}
#cart-1 .modal .modal-dialog .modal-content .body table tbody tr td button.used {
  background: #C0C0C0;
}
#cart-1 .modal button {
  letter-spacing: 2px;
}
#cart-1 .modal button:not(.used) {
  transition: opacity 0.3s;
}
#cart-1 .modal button:not(.used):hover {
  opacity: 0.8;
}
@media (max-width: 1400px) {
  #cart-1 .subtotal-th,
  #cart-1 .discount-price-cell {
    width: 200px;
  }
  #cart-1 .cart-table .discounts-body > tr > td.main-discounts > div table tr td.discount-price-cell {
    width: 200px;
  }
  #cart-1 .delete-th, #cart-1 .cancel-cell {
    width: 100px;
  }
}
@media (max-width: 1199px) {
  #cart-1 .subtotal-th,
  #cart-1 .discount-price-cell {
    width: 150px;
  }
  #cart-1 .cart-table .discounts-body > tr > td.main-discounts > div table tr td.discount-price-cell {
    width: 150px;
  }
  #cart-1 .modal .modal-dialog .modal-content .header button {
    top: 0px;
    right: 10px;
  }
  #cart-1 .total table tbody tr td:last-child {
    padding-left: 20px;
  }
}
@media (max-width: 991px) {
  #cart-1 .payType > div:nth-child(1) {
    flex: 0 0 110px;
  }
  #cart-1 .modal .modal-dialog .modal-content .body {
    padding: 30px 20px;
  }
  #cart-1 .modal .modal-dialog .modal-content .body table thead tr th:nth-child(1) {
    padding-left: 20px;
  }
  #cart-1 .modal .modal-dialog .modal-content .body table tbody tr td:nth-child(1) {
    padding-left: 20px;
  }
  #cart-1 .total table tbody tr td:last-child {
    padding-left: 0px;
  }
}
@media (max-width: 767px) {
  #cart-1 .useCoupon,
  #cart-1 .payType,
  #cart-1 .all-discount {
    display: block;
  }
  #cart-1 .delete-th, #cart-1 .cancel-cell {
    width: auto;
  }
}
@media (max-width: 575px) {
  #cart-1 .box {
    padding-bottom: 30px;
  }
  #cart-1 .subtotal-th,
  #cart-1 .discount-price-cell {
    width: auto;
  }
  #cart-1 .payType > div:nth-child(2) button {
    height: 40px;
  }
  #cart-1 .modal .modal-dialog .modal-content .body button {
    display: block;
    height: 35px;
    width: 80px;
  }
  #cart-1 .modal .modal-dialog .modal-content .body input[type=text] {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 7px;
    width: calc(100% - 7px);
    height: 35px;
  }
  #cart-1 .modal .modal-dialog .modal-content .body table {
    width: 100%;
    min-width: initial;
  }
  #cart-1 .modal .modal-dialog .modal-content .body table tbody tr td {
    text-align: left !important;
    border-bottom: none;
  }
  #cart-1 .modal .modal-dialog .modal-content .body table tbody tr td:nth-child(1) {
    padding-left: 0;
  }
  #cart-1 .modal .modal-dialog .modal-content .body table tbody tr td span.title .inquire {
    width: 80px;
  }
  #cart-1 .modal .modal-dialog .modal-content .body table tbody tr td button {
    display: inline-block;
    height: 30px;
  }
  #cart-1 .modal .mCSB_horizontal.mCSB_inside > .mCSB_container {
    width: 100% !important;
  }
  #cart-1 .modal .modal-dialog .modal-content .header button {
    font-size: 24px;
    top: 15px;
    right: 15px;
  }
  #cart-1 .modal .modal-dialog .modal-content {
    border-radius: 10px;
    padding-bottom: 30px;
  }
  #cart-1 .modal-dialog-centered {
    display: block;
  }
  #cart-1 .modal .modal-dialog .modal-content .body table tbody tr td {
    padding: 3px 0;
  }
}

#cart-2 .box form {
  position: static;
}
#cart-2 .box form input[type=text],
#cart-2 .box form input[type=email] {
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.35);
  border-radius: 10px;
  letter-spacing: 0.8px;
  height: 55px;
  padding: 5px 20px;
}
#cart-2 .box form > div {
  border-top: 1px solid;
}
#cart-2 .box form > div .radios div {
  display: inline-block;
}
#cart-2 .box form > div:nth-child(1) {
  padding-left: 150px;
  padding-top: 40px;
}
#cart-2 .box form > div:nth-child(1) .radios {
  display: inline-block;
}
#cart-2 .box form > div:nth-child(1) a {
  width: 150px;
  height: 50px;
  background: #7E6FB2;
  border-radius: 10px;
  transition: opacity 0.3s;
}
#cart-2 .box form > div:nth-child(1) a:hover {
  opacity: 0.8;
}
#cart-2 .box form > div:nth-child(1) input[type=text],
#cart-2 .box form > div:nth-child(1) input[type=email] {
  width: 675px;
}
#cart-2 .box form > div:nth-child(1) .row:nth-child(1) {
  align-items: center;
}
#cart-2 .box form > div:nth-child(2) {
  padding-left: 245px;
}
#cart-2 .box form > div:nth-child(2) ul {
  display: flex;
}
#cart-2 .box form > div:nth-child(2) ul li div {
  margin: 5.5px;
  width: 150px;
  height: 50px;
  border: 1px solid #A6A6A6;
  border-radius: 10px;
  cursor: pointer;
  transition: background 0.3s;
}
#cart-2 .box form > div:nth-child(2) ul li.active div {
  background: #A6A6A6;
  color: white;
}
#cart-2 .box form > div:nth-child(2) ul li:not(.active):hover div {
  background: #EBEBEB;
}
#cart-2 .box form > div:nth-child(2) .radios {
  letter-spacing: 1px;
  color: rgba(26, 26, 26, 0.55);
}
#cart-2 .box form > div:nth-child(2) input.w570 {
  width: 100%;
  max-width: 570px;
}
#cart-2 .box form > div:nth-child(2) input.w210 {
  width: 210px;
}
#cart-2 .box form > div:nth-child(2) input.w457 {
  width: 457px;
}
#cart-2 .box form > div:nth-child(2) a {
  color: #D70084;
  text-decoration: underline;
  transition: opacity 0.3s;
}
#cart-2 .box form > div:nth-child(2) a:hover {
  opacity: 0.8;
}
#cart-2 .box form > div:nth-child(2) > div > div {
  display: none;
}
#cart-2 .box form > div:nth-child(2) > div > div.active {
  display: block;
}
#cart-2 .box .note ul {
  letter-spacing: 1px;
}
#cart-2 .box .note ul li {
  padding-left: 15px;
  position: relative;
  margin-bottom: 16px;
}
#cart-2 .box .note ul li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #5BE3EE;
}
#cart-2 .box .note ul li a {
  color: #D70084;
  text-decoration: underline;
  transition: opacity 0.3s;
}
#cart-2 .box .note ul li a:hover {
  background: transparent;
  opacity: 0.8;
}
#cart-2 .box #invoice > div > div:nth-child(3) > div:not(.radios) {
  display: inline-block;
}
#cart-2 .box #invoice > div > div:nth-child(1) .radios > div,
#cart-2 .box #invoice > div > div:nth-child(4) .radios > div {
  display: inline-block;
}
#cart-2 .box .btns {
  border-top: none;
}
#cart-2 .address {
  display: flex;
}
#cart-2 .address > span {
  flex: 0 0 110px;
}
#cart-2 .address > div {
  flex-grow: 1;
}
#cart-2 .address .row {
  margin-left: -5px;
  margin-right: -5px;
}
#cart-2 .address .row:nth-child(1) .field-group:nth-child(1) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 42.3%;
  flex: 0 0 42.3%;
  max-width: 42.3%;
}
#cart-2 .address .row:nth-child(1) .field-group:nth-child(2) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 37.06%;
  flex: 0 0 37.06%;
  max-width: 37.06%;
}
#cart-2 .address .row:nth-child(1) .field-group:nth-child(3) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20.64%;
  flex: 0 0 20.64%;
  max-width: 20.64%;
}
#cart-2 .address .row > div {
  padding-right: 5px;
  padding-left: 5px;
}
#cart-2 .address .row input {
  width: 100% !important;
}
#cart-2 .address .row .select2 {
  border-radius: 10px;
  width: 100% !important;
}
#cart-2 .address .row .select2 .select2-selection__arrow {
  top: 12px;
}
@media (max-width: 1600px) {
  #cart-2 .dec-section .clouds .cloud-1 {
    top: 200px;
  }
  #cart-2 .box form > div:nth-child(1) {
    padding-left: 0;
  }
  #cart-2 .box form > div:nth-child(2) {
    padding-left: 0;
  }
}
@media (max-width: 1400px) {
  #cart-2 .box form > div:nth-child(1) > .row:nth-child(1) {
    display: block;
  }
  #cart-2 .box form > div:nth-child(1) > .row:nth-child(1) > div:nth-child(2) {
    margin-top: 16px;
  }
  #cart-2 .box form > div:nth-child(1) a {
    position: absolute;
    top: 102px;
    left: 850px;
  }
}
@media (max-width: 1199px) {
  #cart-2 .box form > div:nth-child(1) > .row:nth-child(1) input[type=text] {
    width: 510px;
  }
  #cart-2 .box form > div:nth-child(1) a {
    left: 680px;
  }
}
@media (max-width: 991px) {
  #cart-2 .box form > div:nth-child(1) .row .field-group {
    width: 100%;
  }
  #cart-2 .box form > div:nth-child(1) input[type=text],
  #cart-2 .box form > div:nth-child(1) input[type=email] {
    width: calc(100% - 123px);
  }
  #cart-2 .box form > div:nth-child(1) a {
    top: 82px;
    left: auto;
    right: 20px;
  }
  #cart-2 .box form > div:nth-child(1) > .row:nth-child(1) input[type=text] {
    width: calc(100% - 285px);
  }
  #cart-2 .address .row:nth-child(1) .field-group:nth-child(1) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
  #cart-2 .address .row:nth-child(1) .field-group:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 37%;
    flex: 0 0 37%;
    max-width: 37%;
  }
  #cart-2 .address .row:nth-child(1) .field-group:nth-child(3) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 23%;
    flex: 0 0 23%;
    max-width: 23%;
  }
  #cart-2 .box #invoice > div > div:nth-child(3) > div:not(.radios) {
    display: block;
  }
  #cart-2 .box #invoice > div > div:nth-child(4) .radios {
    display: flex;
    flex-wrap: wrap;
  }
  #cart-2 .box #invoice > div > div:nth-child(4) .radios > div {
    flex: 0 0 50%;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  #cart-2 .box form > div:nth-child(1) .row .field-group {
    display: block;
  }
  #cart-2 .box form > div:nth-child(1) .row .field-group label {
    display: block;
  }
  #cart-2 .box form > div:nth-child(1) .row .field-group input {
    width: 100%;
  }
  #cart-2 .address {
    display: block;
  }
  #cart-2 .box form > div:nth-child(1) a {
    top: 122px;
  }
  #cart-2 .address .row:nth-child(1) .field-group:nth-child(1) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
  }
  #cart-2 .address .row:nth-child(1) .field-group:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
  }
  #cart-2 .address .row:nth-child(1) .field-group:nth-child(3) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
  }
  #cart-2 .box form > div:nth-child(2) ul {
    margin-left: -4px;
    margin-right: -4px;
  }
  #cart-2 .box form > div:nth-child(2) ul li div {
    width: 110px;
    font-size: 16px;
  }
  #cart-2 .box form > div:nth-child(2) input.w457 {
    width: calc(100% - 93px);
  }
}
@media (max-width: 575px) {
  #cart-2 .box form input[type=text],
  #cart-2 .box form input[type=email] {
    height: 45px;
    padding: 5px 10px;
    border-radius: 5px;
  }
  #cart-2 .box form > div:nth-child(1) a {
    top: 75px;
    height: 35px;
    width: 120px;
    border-radius: 5px;
  }
  #cart-2 .box form > div:nth-child(1) > .row:nth-child(1) input[type=text] {
    width: 100%;
  }
  #cart-2 .address .row .select2 {
    border-radius: 5px;
  }
  #cart-2 .address .row {
    display: block;
  }
  #cart-2 .address .row:nth-child(1) .field-group {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom: 8px;
  }
  #cart-2 .box form > div:nth-child(1) .address .row .select2 .select2-selection__arrow {
    top: 9px;
  }
  #cart-2 .box form > div:nth-child(2) ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
  }
  #cart-2 .box form > div:nth-child(2) ul li {
    margin-bottom: 10px;
    float: none;
    flex: 0 0 50%;
    padding: 0 10px;
  }
  #cart-2 .box form > div:nth-child(2) ul li div {
    margin: auto;
    width: 100%;
  }
  #cart-2 .box #invoice > div > div .radios {
    display: flex;
    flex-wrap: wrap;
  }
  #cart-2 .box #invoice > div > div .radios > div {
    flex: 0 0 100%;
    margin-bottom: 10px;
  }
  #cart-2 .box #invoice > div > div:nth-child(4) .radios > div {
    flex: 0 0 100%;
  }
  #cart-2 .box form > div:nth-child(2) ul li div {
    height: 40px;
    font-size: 15px;
  }
  #cart-2 .box form > div:nth-child(2) input.w210 {
    width: calc(100% - 80px);
  }
  #cart-2 .box form > div:nth-child(2) input.w457 {
    width: calc(100% - 80px);
  }
}

#cart-3 .bank-data {
  border-top: 1px solid;
  border-bottom: 1px solid;
}
#cart-3 .bank-data > div:nth-child(1) {
  display: flex;
  align-items: center;
}
#cart-3 .bank-data > div:nth-child(1) .left {
  padding-left: 35px;
  flex: 0 0 69.5%;
  color: rgba(0, 0, 0, 0.4);
}
#cart-3 .bank-data > div:nth-child(1) .left ul li {
  position: relative;
  padding-left: 20px;
}
#cart-3 .bank-data > div:nth-child(1) .left ul li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 12px;
  width: 2px;
  height: 2px;
  background: #9A9A9A;
}
#cart-3 .bank-data > div:nth-child(1) .right {
  border: 10px solid transparent;
  flex: 0 0 30.5%;
  border-image: url(images/cart/dotted.png) 32% round;
}
#cart-3 .bank-data > div:nth-child(1) .right ul li {
  margin-bottom: 12px;
}
#cart-3 .bank-data > div:nth-child(1) .right ul li span:nth-child(2) {
  color: rgba(0, 0, 0, 0.37);
}
#cart-3 .bank-data > div:nth-child(2) {
  display: table;
  margin: auto;
}
#cart-3 .bank-data > div:nth-child(2) ul {
  display: flex;
}
#cart-3 .bank-data > div:nth-child(2) ul li {
  margin: 0 5px;
}
#cart-3 .bank-data > div:nth-child(2) ul li a {
  border: 1px solid #7D6FB2;
  color: #7D6FB2;
  width: 150px;
  height: 50px;
  color: #7D6FB2;
  border-radius: 10px;
  transition: background 0.3s, color 0.3s;
}
#cart-3 .bank-data > div:nth-child(2) ul li a:hover {
  background: #7D6FB2;
  color: white;
}
#cart-3 .info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#cart-3 .info > div:nth-child(1) {
  display: flex;
  align-items: center;
}
#cart-3 .info > div:nth-child(1) > span > span:nth-child(2) {
  letter-spacing: 1px;
  margin-left: -8px;
}
#cart-3 .info > div:nth-child(2) > span > span:nth-child(2) {
  margin-left: -8px;
}
#cart-3 .info > div .invoice-link {
  height: 41px;
  width: 130px;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.27);
  transition: background 0.3s, border 0.3s;
}
#cart-3 .info > div .invoice-link:hover {
  background: #EAEFF3;
  border: 1px solid #EAEFF3;
}
#cart-3 .orderGroups {
  letter-spacing: 1.6px;
  color: rgba(0, 0, 0, 0.85);
}
@media (max-width: 1600px) {
  #cart-3 .dec-section .clouds .cloud-1 {
    top: 300px;
  }
  #cart-3 .bank-data > div:nth-child(1) .left {
    padding-left: 0;
  }
}
@media (max-width: 1400px) {
  #cart-3 .bank-data > div:nth-child(1) .left {
    flex: 0 0 60%;
  }
  #cart-3 .bank-data > div:nth-child(1) .right {
    flex: 0 0 40%;
  }
}
@media (max-width: 1199px) {
  #cart-3 .info {
    display: block;
  }
}
@media (max-width: 991px) {
  #cart-3 .bank-data > div:nth-child(1) .left {
    flex: 0 0 50%;
  }
  #cart-3 .bank-data > div:nth-child(1) .right {
    flex: 0 0 50%;
  }
}
@media (max-width: 767px) {
  #cart-3 .bank-data > div:nth-child(1) {
    display: block;
  }
  #cart-3 .bank-data > div:nth-child(1) .right {
    border: none;
  }
  #cart-3 .bank-data > div:nth-child(1) .left ul li {
    padding-left: 10px;
  }
  #cart-3 .info {
    display: block;
  }
  #cart-3 .info > div:nth-child(2) > span {
    display: block;
  }
  #cart-3 .orderGroups .content ul li {
    display: flex;
  }
  #cart-3 .orderGroups .content ul li > span:nth-child(2).mail {
    overflow: auto;
  }
}
@media (max-width: 575px) {
  #cart-3 .bank-data > div:nth-child(1) .right ul li {
    margin-bottom: 8px;
  }
  #cart-3 .bank-data > div:nth-child(1) .right ul li > span:nth-child(1) {
    width: 84px;
  }
  #cart-3 .bank-data > div:nth-child(2) {
    margin: 0;
  }
  #cart-3 .bank-data > div:nth-child(2) ul {
    display: block;
  }
  #cart-3 .bank-data > div:nth-child(2) ul li {
    margin-bottom: 10px;
  }
  #cart-3 .bank-data > div:nth-child(2) ul li a {
    width: 120px;
    height: 40px;
    border-radius: 5px;
  }
  #cart-3 .info > div .invoice-link {
    height: 35px;
    width: 100px;
    margin-left: auto;
    margin-right: 0;
  }
  #cart-3 .info > div:nth-child(1) > span > span {
    display: block;
  }
  #cart-3 .info > div:nth-child(1) > span > span:nth-child(2) {
    margin-left: 0;
  }
  #cart-3 .info > div:nth-child(2) > span span {
    display: block;
  }
  #cart-3 .info > div:nth-child(2) > span span:nth-child(2) {
    margin-left: 0;
  }
}

#visit #header #fix ul li a .bg {
  transform: translateY(-56%);
}
#visit #header #fix ul li > div .bg {
  transform: translateY(-56%);
}
#visit .dec-section .bg {
  padding-top: 575px;
}
#visit .dec-section .clouds .cloud-1 {
  position: absolute;
  width: 8.1%;
  top: 595px;
  left: 4%;
}
#visit .dec-section .clouds .cloud-2 {
  position: absolute;
  width: 7.3%;
  top: 590px;
  left: 8%;
}
#visit .dec-section .clouds .cloud-3 {
  position: absolute;
  width: 9%;
  top: 436px;
  left: 71%;
}
#visit .dec-section .clouds .cloud-4 {
  position: absolute;
  width: 8.2%;
  top: 430px;
  left: 76%;
}
#visit .dec-section .leafs {
  position: absolute;
}
#visit .dec-section .leafs .left {
  position: absolute;
  top: 155px;
  left: 0px;
  width: 620px;
  z-index: 1;
  transform-origin: 0% 50%;
}
#visit .dec-section .leafs .left > img {
  position: absolute;
  mix-blend-mode: multiply;
}
#visit .dec-section .leafs .left > img:nth-child(1) {
  width: 100%;
}
#visit .dec-section .leafs .left .dec {
  width: 100%;
  position: absolute;
  top: 200px;
}
#visit .dec-section .leafs .left .dec .small-leaf {
  width: 100px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  opacity: 0.6;
}
#visit .dec-section .leafs .right {
  position: absolute;
  top: 260px;
  left: 1710px;
  width: 210px;
  z-index: 1;
  transform-origin: 100% 50%;
}
#visit .dec-section .leafs .right > img {
  position: absolute;
  mix-blend-mode: multiply;
}
#visit .dec-section .leafs .right > img:nth-child(1) {
  width: 210px;
}
#visit .dec-section .leafs .right .dec {
  width: 100%;
  position: absolute;
  top: 20px;
}
#visit .dec-section .leafs .right .dec .small-leaf {
  width: 50px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  opacity: 0.6;
}
#visit .section .block .sublinks li {
  color: black;
  letter-spacing: 1px;
  cursor: pointer;
  transition: color 0.3s;
}
#visit .section .block .sublinks li:hover {
  color: #00BCF2;
}
#visit .section .block .boxs .box .label {
  background: url(images/visit/label.png) center no-repeat;
  background-size: contain;
  width: 174px;
  height: 61px;
}
#visit .section .block .boxs .box .content .clock {
  width: 25px;
  margin-top: -3px;
}
#visit .section .block .boxs .box .content .table-wrapper {
  max-width: 1100px;
  margin: auto;
  letter-spacing: 2px;
}
#visit .section .block .boxs .box .content .table-wrapper table thead tr th {
  font-weight: 500;
}
#visit .section .block .boxs .box .content .table-wrapper table thead tr th:not(:last-child) {
  border-right: 1px solid #D9D6D4;
}
#visit .section .block .boxs .box .content .table-wrapper table tbody tr:last-child {
  border: none;
}
#visit .section .block .boxs .box .content .table-wrapper table tbody tr:nth-child(even) td {
  background: #F5F7F9;
}
#visit .section .block .boxs .box .content .table-wrapper table tbody tr:nth-child(odd) td {
  background: white;
}
#visit .section .block .boxs .box .content .table-wrapper table tbody tr td:not(:last-child) {
  border-right: 1px solid #D9D6D4;
}
#visit .section .block .boxs .box:nth-child(1) {
  letter-spacing: 1px;
}
#visit .section .block .boxs .box:nth-child(3) {
  max-width: 1180px;
  margin: auto;
}
#visit .section .block .boxs .box:nth-child(3) .content {
  letter-spacing: 1px;
}
#visit .section .block .boxs .box:nth-child(3) .content > ul > li {
  display: flex;
}
#visit .section .block .boxs .box:nth-child(3) .content > ul > li > div {
  position: relative;
}
#visit .section .block .boxs .box:nth-child(3) .content > ul > li > div:nth-child(1) {
  align-self: flex-start;
  flex: 0 0 134px;
}
#visit .section .block .boxs .box:nth-child(3) .content > ul > li > div:nth-child(1) img:nth-child(1) {
  width: 134px;
}
#visit .section .block .boxs .box:nth-child(3) .content > ul > li > div:nth-child(1) img:nth-child(2) {
  width: 45px;
}
#visit .section .block .boxs .box:nth-child(3) .content > ul > li > div:nth-child(2) > span {
  background: url(images/visit/orange-line.jpg) bottom repeat-x;
}
#visit .section .block .boxs .box:nth-child(3) .content > ul > li > div:nth-child(2) > ul > li {
  position: relative;
  padding-left: 18px;
  line-height: 1.7em;
  color: rgba(0, 0, 0, 0.7);
}
#visit .section .block .boxs .box:nth-child(3) .content > ul > li > div:nth-child(2) > ul > li::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #C8350B;
  position: absolute;
  left: 5px;
  top: 12px;
}
@media (max-width: 1199px) {
  #visit .section .block .sublinks li:hover {
    color: black;
  }
}
@media (max-width: 767px) {
  #visit .section .block .boxs .box:nth-child(3) .content > ul > li {
    display: block;
  }
  #visit .section .block .boxs .box:nth-child(3) .content > ul > li > div:nth-child(1) {
    display: table;
    margin-bottom: 20px;
  }
}
@media (max-width: 575px) {
  #visit table.type-1 {
    min-width: 550px;
  }
  #visit table.type-1 thead {
    display: table-header-group;
  }
  #visit table.type-1 tbody tr {
    display: table-row;
  }
  #visit table.type-1 tbody tr td {
    padding-left: 5px;
    padding-right: 5px;
    display: table-cell;
  }
  #visit .section .block .boxs .box .label {
    width: 121.8px;
    height: 42.7px;
  }
  #visit .section .block .boxs .box:nth-child(1) .content > ul > li {
    text-align: left;
    display: flex;
  }
  #visit .section .block .boxs .box:nth-child(1) .content > ul > li .clock {
    align-self: flex-start;
    width: 20px;
    margin-top: 2px;
  }
  #visit .section .block .boxs .box:nth-child(3) .content > ul > li > div:nth-child(1) {
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
  }
  #visit .section .block .boxs .box:nth-child(3) .content > ul > li > div:nth-child(1) img:nth-child(1) {
    width: 80px;
  }
  #visit .section .block .boxs .box:nth-child(3) .content > ul > li > div:nth-child(1) img:nth-child(2) {
    width: 30px;
  }
  #visit .section .block .boxs .box:nth-child(3) .content > ul > li > div:nth-child(2) > span {
    margin: auto;
  }
  #visit .dec-section .clouds .cloud-1 {
    position: absolute;
    width: 11%;
    top: 120px;
    left: 0%;
  }
  #visit .dec-section .clouds .cloud-2 {
    position: absolute;
    width: 12%;
    top: 115px;
    left: 4%;
  }
  #visit .dec-section .clouds .cloud-3 {
    position: absolute;
    width: 17%;
    top: 300px;
    left: 71%;
  }
  #visit .dec-section .clouds .cloud-4 {
    position: absolute;
    width: 16%;
    top: 300px;
    left: 76%;
  }
  #visit .section .block .boxs .box:nth-child(3) .content > ul > li > div:nth-child(2) > ul > li::before {
    top: 11px;
  }
  #visit iframe {
    height: 300px;
  }
}

#environment #header #fix ul li a .bg {
  transform: translateY(-56%);
}
#environment #header #fix ul li > div .bg {
  transform: translateY(-56%);
}
#environment .dec-section .bg {
  padding-top: 125px;
}
#environment .dec-section .leafs {
  position: absolute;
}
#environment .dec-section .leafs .left {
  position: absolute;
  top: 155px;
  left: 0px;
  width: 620px;
  z-index: 1;
  transform-origin: 0% 50%;
}
#environment .dec-section .leafs .left > img {
  position: absolute;
  mix-blend-mode: multiply;
}
#environment .dec-section .leafs .left > img:nth-child(1) {
  width: 100%;
}
#environment .dec-section .leafs .left .dec {
  width: 100%;
  position: absolute;
  top: 200px;
}
#environment .dec-section .leafs .left .dec .small-leaf {
  width: 100px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  opacity: 0.6;
}
#environment .section .slider-group .slick-arrow {
  width: 55px;
  height: 55px;
  background: white;
  border: none;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
}
#environment .section .slider-group .slick-arrow.slick-next {
  right: -40px;
}
#environment .section .slider-group .slick-arrow.slick-prev {
  left: -40px;
}
#environment .section .slider-group .slick-arrow:hover {
  background: #F79E63;
}
#environment .section .slider-group .slick-arrow:hover i {
  color: white;
}
#environment .section .slider-group .slick-arrow i {
  color: #174A79;
}
#environment .section .slider-group .slider-nav li {
  padding: 0 7.5px;
}
#environment .section .slider-group .slider-nav li div {
  border: 4px solid transparent;
}
#environment .section .slider-group .slider-nav li.slick-current div {
  border: 4px solid #F79E63;
}
@media (max-width: 1400px) {
  #environment .section .block {
    padding-left: 100px;
    padding-right: 100px;
  }
  #environment .section .block .slider-group .slick-arrow {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 1199px) {
  #environment .section .block {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 575px) {
  #environment .section .block {
    padding: 0;
  }
  #environment .section .block .slider-group .slider-for .slick-dots {
    margin-top: 10px;
  }
  #environment .section .block .slider-group .slider-for .slick-dots li.slick-active button {
    background: #F79E63;
  }
  #environment .section .block .slider-group .slider-for .slick-dots li button {
    border: 2px solid #F79E63;
  }
  #environment .section .block .slider-group .slider-nav {
    display: none;
  }
  #environment .section .block .slider-group .slick-arrow {
    width: 35px;
    height: 35px;
  }
}

#rule #header #fix ul li a .bg {
  transform: translateY(-56%);
}
#rule #header #fix ul li > div .bg {
  transform: translateY(-56%);
}
#rule .dec-section .bg {
  padding-top: 575px;
}
#rule .dec-section .clouds .cloud-1 {
  position: absolute;
  width: 8.1%;
  top: 595px;
  left: 4%;
}
#rule .dec-section .clouds .cloud-2 {
  position: absolute;
  width: 7.3%;
  top: 590px;
  left: 8%;
}
#rule .dec-section .clouds .cloud-3 {
  position: absolute;
  width: 9%;
  top: 436px;
  left: 71%;
}
#rule .dec-section .clouds .cloud-4 {
  position: absolute;
  width: 8.2%;
  top: 430px;
  left: 76%;
}
#rule .dec-section .leafs {
  position: absolute;
}
#rule .dec-section .leafs .left {
  position: absolute;
  top: 155px;
  left: 0px;
  width: 620px;
  z-index: 1;
  transform-origin: 0% 50%;
}
#rule .dec-section .leafs .left > img {
  position: absolute;
  mix-blend-mode: multiply;
}
#rule .dec-section .leafs .left > img:nth-child(1) {
  width: 100%;
}
#rule .dec-section .leafs .left .dec {
  width: 100%;
  position: absolute;
  top: 200px;
}
#rule .dec-section .leafs .left .dec .small-leaf {
  width: 100px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  opacity: 0.6;
}
#rule .dec-section .leafs .right {
  position: absolute;
  top: 260px;
  left: 1710px;
  width: 210px;
  z-index: 1;
  transform-origin: 100% 50%;
}
#rule .dec-section .leafs .right > img {
  position: absolute;
  mix-blend-mode: multiply;
}
#rule .dec-section .leafs .right > img:nth-child(1) {
  width: 210px;
}
#rule .dec-section .leafs .right .dec {
  width: 100%;
  position: absolute;
  top: 20px;
}
#rule .dec-section .leafs .right .dec .small-leaf {
  width: 50px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  opacity: 0.6;
}
#rule .section .block .sublinks li {
  color: black;
  letter-spacing: 1px;
  cursor: pointer;
  transition: color 0.3s;
}
#rule .section .block .sublinks li:hover {
  color: #00BCF2;
}
#rule .section .block .boxs {
  letter-spacing: 0.7px;
}
#rule .section .block .boxs .box:nth-child(1) {
  max-width: 1200px;
  margin: auto;
}
#rule .section .block .boxs .box:nth-child(1) .label {
  background: url(images/visit/reservation-label-1.png) center no-repeat;
  background-size: contain;
  width: 216px;
  height: 61px;
}
#rule .section .block .boxs .box:nth-child(1) ul li span:nth-child(2) {
  color: rgba(0, 0, 0, 0.7);
}
#rule .section .block .boxs .box:nth-child(1) ul li ol {
  padding-left: 61px;
}
#rule .section .block .boxs .box:nth-child(1) ul li ol li {
  color: rgba(0, 0, 0, 0.7);
}
#rule .section .block .boxs .box:nth-child(2) .label {
  background: url(images/visit/reservation-label-2.png) center no-repeat;
  background-size: contain;
  width: 265px;
  height: 59px;
}
#rule .section .block .boxs .box:nth-child(2) .content .table-wrapper {
  letter-spacing: 2px;
}
#rule .section .block .boxs .box:nth-child(2) .content .table-wrapper table {
  min-width: 980px;
  background: white;
}
#rule .section .block .boxs .box:nth-child(2) .content .table-wrapper table thead tr {
  background: #EAEFF3;
  border-top: 2px solid #174A79;
}
#rule .section .block .boxs .box:nth-child(2) .content .table-wrapper table thead tr th {
  padding: 15.5px 10px;
}
#rule .section .block .boxs .box:nth-child(2) .content .table-wrapper table tbody tr {
  border-bottom: 1px solid #D9D6D4;
}
#rule .section .block .boxs .box:nth-child(2) .content .table-wrapper table tbody tr td {
  padding: 9px 15px;
  border-right: 1px solid #D9D6D4;
}
#rule footer {
  margin-top: -165px;
}
@media (max-width: 1199px) {
  #rule .section .block .sublinks li:hover {
    color: black;
  }
}
@media (max-width: 575px) {
  #rule .section .block .boxs .box:nth-child(1) .label {
    width: 151.2px;
    height: 42.7px;
  }
  #rule .section .block .boxs .box:nth-child(1) ul li span {
    display: block;
  }
  #rule .section .block .boxs .box:nth-child(1) ul li span:nth-child(2) {
    padding-left: 32px;
  }
  #rule .section .block .boxs .box:nth-child(1) ul li ol {
    padding-left: 52px;
  }
  #rule .section .block .boxs .box:nth-child(2) .label {
    width: 185.5px;
    height: 41.3px;
  }
  #rule .section .block .boxs .box:nth-child(2) .content .table-wrapper table {
    min-width: 850px;
  }
  #rule .dec-section .clouds .cloud-1 {
    position: absolute;
    width: 11%;
    top: 120px;
    left: 0%;
  }
  #rule .dec-section .clouds .cloud-2 {
    position: absolute;
    width: 12%;
    top: 115px;
    left: 4%;
  }
  #rule .dec-section .clouds .cloud-3 {
    position: absolute;
    width: 17%;
    top: 300px;
    left: 71%;
  }
  #rule .dec-section .clouds .cloud-4 {
    position: absolute;
    width: 16%;
    top: 300px;
    left: 76%;
  }
  #rule footer {
    margin-top: -80px;
  }
}

#periphery footer {
  margin-top: -50px;
}
#periphery .dec-section .bg {
  padding-top: 155px;
  left: 0;
  transform: none;
}
#periphery .dec-section .clouds .cloud-3 {
  top: 405px;
}
#periphery .dec-section .clouds .cloud-4 {
  top: 405px;
}
#periphery .dec-section .dragonfly {
  position: absolute;
  top: 500px;
  left: 60%;
}
#periphery .section .block {
  position: relative;
  pointer-events: all;
  margin-top: 183px;
  padding-bottom: 100px;
  height: 1114px;
}
#periphery .section .block > div {
  width: 1903px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
#periphery .section .block .wrapper {
  padding-bottom: 30px;
  transform-origin: 50% 0%;
}
#periphery .section .block .wrapper map area {
  cursor: pointer;
}
#periphery .section .block .wrapper map area:hover + div {
  opacity: 1;
}
#periphery .section .block .wrapper map div {
  pointer-events: none;
  position: absolute;
}
#periphery .section .block .wrapper map div > img {
  opacity: 0;
  transition: opacity 0.3s;
}
#periphery .section .block .wrapper map div.show > img {
  opacity: 1;
}
#periphery .section .block .wrapper map div.show .box {
  pointer-events: all;
  opacity: 1;
}
#periphery .section .block .wrapper map div .box {
  position: absolute;
  z-index: 2;
  background: white;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  padding: 15px 13px;
  width: 350px;
  transform: translateY(-50%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}
#periphery .section .block .wrapper map div .box:hover .img-wrapper img {
  transform: scale(1.05);
}
#periphery .section .block .wrapper map div .box:hover .title {
  background: #FFB50E;
  color: white;
}
#periphery .section .block .wrapper map div .box::before {
  content: "";
  position: absolute;
  left: -14px;
  top: 53%;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 14px 14px 14px 0;
  border-color: transparent white transparent transparent;
}
#periphery .section .block .wrapper map div .box .img-wrapper {
  overflow: hidden;
  border-radius: 10px;
}
#periphery .section .block .wrapper map div .box .img-wrapper img {
  transition: transform 0.3s;
}
#periphery .section .block .wrapper map div .box .title {
  position: relative;
  border: 2px solid #FFB50E;
  border-radius: 40px;
  background: white;
  padding: 11px 5px;
  letter-spacing: 1px;
  width: 200px;
  height: 55px;
  text-align: center;
  margin-top: -18px;
  transition: background 0.3s, color 0.3s;
}
#periphery .section .block .wrapper map div .box .info {
  line-height: 1.9em;
}
#periphery .section .block .wrapper map div.area-1 {
  width: 830px;
  height: 191px;
  top: 186px;
  left: 745px;
}
#periphery .section .block .wrapper map div.area-1 .box {
  top: 60px;
  left: -380px;
}
#periphery .section .block .wrapper map div.area-1 .box::before {
  transform: rotate(180deg);
  right: -14px;
  left: auto;
}
#periphery .section .block .wrapper map div.area-2 {
  width: 486px;
  height: 442px;
  top: 335px;
  left: 877px;
}
#periphery .section .block .wrapper map div.area-2 .box {
  top: 220px;
  left: 400px;
}
#periphery .section .block .wrapper map div.area-2 .box::before {
  left: -14px;
}
#periphery .section .block .wrapper map div.area-3 {
  width: 581px;
  height: 538px;
  top: 325px;
  left: 1173px;
}
#periphery .section .block .wrapper map div.area-3 .box {
  top: 220px;
  left: -50px;
}
#periphery .section .block .wrapper map div.area-3 .box::before {
  transform: rotate(180deg);
  right: -14px;
  left: auto;
}
#periphery .section .block .wrapper map div.area-4 {
  width: 300px;
  height: 186px;
  top: 362px;
  left: 353px;
}
#periphery .section .block .wrapper map div.area-4 .box {
  top: 100px;
  left: 250px;
}
#periphery .section .block .wrapper map div.area-5 {
  top: 320px;
  left: 772px;
}
#periphery .section .block .wrapper map div.area-5 .box {
  top: 180px;
  left: -340px;
}
#periphery .section .block .wrapper map div.area-5 .box::before {
  transform: rotate(180deg);
  right: -14px;
  left: auto;
}
#periphery .section .block .wrapper map div.area-6 {
  width: 315px;
  height: 603px;
  top: 306px;
  left: 673px;
}
#periphery .section .block .wrapper map div.area-6 .box {
  top: 300px;
  left: -80px;
}
#periphery .section .block .wrapper map div.area-6 .box::before {
  transform: rotate(180deg);
  right: -14px;
  left: auto;
}
#periphery .section .block .wrapper map div.area-7 {
  width: 297px;
  height: 240px;
  top: 713px;
  left: 456px;
}
#periphery .section .block .wrapper map div.area-7 .box {
  top: 100px;
  left: 250px;
}
#periphery .section .block .wrapper map div.area-8 {
  width: 142px;
  height: 88px;
  top: 758px;
  left: 1036px;
  z-index: 2;
}
#periphery .section .block .wrapper map div.area-8 .box {
  top: 30px;
  left: 90px;
}
#periphery .section .block .wrapper .people {
  pointer-events: none;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
#periphery .section .block .wrapper .people > div {
  position: absolute;
}
#periphery .section .block .wrapper .people > div img {
  transform-origin: 50% 100%;
}
#periphery .section .block .wrapper .people > div:nth-child(1) {
  top: 257px;
  left: 808px;
}
#periphery .section .block .wrapper .people > div:nth-child(2) {
  top: 320px;
  left: 808px;
}
#periphery .section .block .wrapper .people > div:nth-child(3) {
  top: 493px;
  left: 1022px;
}
#periphery .section .block .wrapper .people > div:nth-child(4) {
  top: 535px;
  left: 863px;
}
#periphery .section .block .wrapper .people > div:nth-child(5) {
  top: 635px;
  left: 966px;
}
#periphery .section .block .wrapper .people > div:nth-child(6) {
  top: 735px;
  left: 1401px;
}
#periphery .section .block .wrapper .people > div:nth-child(7) {
  top: 454px;
  left: 495px;
}
#periphery .section .block .wrapper .people > div:nth-child(8) {
  top: 640px;
  left: 557px;
}
#periphery .section .block .wrapper .people > div:nth-child(9) {
  top: 743px;
  left: 587px;
}
#periphery .section .block .wrapper .people > div:nth-child(10) {
  top: 805px;
  left: 683px;
}
#periphery .section .block .wrapper .people > div:nth-child(11) {
  top: 719px;
  left: 994px;
}
#periphery .section .block .wrapper .people > div:nth-child(12) {
  top: 790px;
  left: 1211px;
}
#periphery .section .block .wrapper .people > div:nth-child(13) {
  top: 414px;
  left: 523px;
}
#periphery .section .block .wrapper .flags {
  pointer-events: none;
}
#periphery .section .block .wrapper .flags > img {
  position: absolute;
  animation-name: swipe;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  transform-origin: 0% 100%;
  z-index: 1;
}
#periphery .section .block .wrapper .flags > img:nth-child(1) {
  top: 175px;
  left: 769px;
}
#periphery .section .block .wrapper .flags > img:nth-child(2) {
  top: 336px;
  left: 1227px;
  animation-duration: 2.5s;
}
#periphery .section .block .wrapper .flags > img:nth-child(3) {
  top: 706px;
  left: 1611px;
  animation-delay: 0.2s;
  animation-duration: 3.5s;
}
#periphery .section .block .wrapper .flags > img:nth-child(4) {
  top: 300px;
  left: 384px;
}
#periphery .section .block .wrapper .flags > img:nth-child(5) {
  top: 385px;
  left: 803px;
}
#periphery .section .block .wrapper .flags > img:nth-child(6) {
  top: 558px;
  left: 977px;
  animation-delay: 0.1s;
  animation-duration: 2.5s;
}
#periphery .section .block .wrapper .flags > img:nth-child(7) {
  top: 751px;
  left: 560px;
  animation-delay: 0.3s;
  animation-duration: 2s;
}
#periphery .section .block .wrapper .flags > img:nth-child(8) {
  top: 760px;
  left: 980px;
  animation-delay: 0.3s;
  animation-duration: 2s;
}
#periphery .section .block .wrapper .tree {
  pointer-events: none;
}
#periphery .section .block .wrapper .tree img {
  position: absolute;
  animation-name: swipe-tree;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  transform-origin: 50% 100%;
  z-index: 1;
}
#periphery .section .block .wrapper .tree-1 img:nth-child(1) {
  width: 21.4px;
  top: 388px;
  left: 211px;
}
#periphery .section .block .wrapper .tree-1 img:nth-child(2) {
  width: 20.7px;
  top: 407px;
  left: 232px;
  animation-delay: 0.2s;
}
#periphery .section .block .wrapper .tree-1 img:nth-child(3) {
  width: 19.3px;
  top: 386px;
  left: 251px;
  animation-delay: 0.4s;
}
#periphery .section .block .wrapper .tree-1 img:nth-child(4) {
  width: 21.4px;
  top: 355px;
  left: 264px;
  animation-delay: 0.6s;
}
#periphery .section .block .wrapper .tree-1 img:nth-child(5) {
  width: 21.4px;
  top: 365px;
  left: 287px;
  animation-delay: 0.8s;
}
#periphery .section .block .wrapper .tree-1 img:nth-child(6) {
  width: 21.4px;
  top: 358px;
  left: 316px;
  animation-delay: 1s;
}
#periphery .section .block .wrapper .tree-1 img:nth-child(7) {
  width: 21.4px;
  top: 376px;
  left: 339px;
  animation-delay: 1.2s;
}
#periphery .section .block .wrapper .tree-1 img:nth-child(8) {
  width: 19.3px;
  top: 410px;
  left: 330px;
  animation-delay: 1.1s;
}
#periphery .section .block .wrapper .tree-1 img:nth-child(9) {
  width: 19.3px;
  top: 402px;
  left: 307px;
  animation-delay: 0.9s;
}
#periphery .section .block .wrapper .tree-1 img:nth-child(10) {
  width: 19.3px;
  top: 406px;
  left: 281px;
  animation-delay: 0.7s;
}
#periphery .section .block .wrapper .tree-1 img:nth-child(11) {
  width: 19.3px;
  top: 436px;
  left: 265px;
  animation-delay: 0.5s;
}
#periphery .section .block .wrapper .tree-2 img:nth-child(1) {
  width: 21.4px;
  top: 918px;
  left: 502px;
}
#periphery .section .block .wrapper .tree-2 img:nth-child(2) {
  width: 20.7px;
  top: 912px;
  left: 535px;
  animation-delay: 0.2s;
}
#periphery .section .block .wrapper .tree-2 img:nth-child(3) {
  width: 21.4px;
  top: 906px;
  left: 568px;
  animation-delay: 0.4s;
}
#periphery .section .block .wrapper .tree-2 img:nth-child(4) {
  width: 20.7px;
  top: 900px;
  left: 601px;
  animation-delay: 0.6s;
}
#periphery .section .block .wrapper .tree-2 img:nth-child(5) {
  width: 21.4px;
  top: 894px;
  left: 634px;
  animation-delay: 0.8s;
}
#periphery .section .block .wrapper .tree-2 img:nth-child(6) {
  width: 20.7px;
  top: 888px;
  left: 667px;
  animation-delay: 1s;
}
#periphery .section .block .wrapper .tree-2 img:nth-child(7) {
  width: 21.4px;
  top: 882px;
  left: 700px;
  animation-delay: 1.2s;
}
#periphery .section .block .wrapper .tree-2 img:nth-child(8) {
  width: 20.7px;
  top: 876px;
  left: 733px;
  animation-delay: 1.4s;
}
#periphery .section .block .wrapper .tree-2 img:nth-child(9) {
  width: 21.4px;
  top: 870px;
  left: 815px;
  animation-delay: 1.6s;
}
#periphery .section .block .wrapper .tree-2 img:nth-child(10) {
  width: 20.7px;
  top: 865px;
  left: 848px;
  animation-delay: 1.8s;
}
#periphery .section .block .wrapper .tree-2 img:nth-child(11) {
  width: 21.4px;
  top: 860px;
  left: 881px;
  animation-delay: 2s;
}
#periphery .section .block .wrapper .tree-3 img {
  width: 36.2px;
}
#periphery .section .block .wrapper .tree-3 img:nth-child(1) {
  top: 327px;
  left: 413px;
}
#periphery .section .block .wrapper .tree-3 img:nth-child(2) {
  top: 320px;
  left: 496px;
  animation-delay: 0.2s;
}
#periphery .section .block .wrapper .tree-3 img:nth-child(3) {
  width: 36.8px;
  top: 326px;
  left: 554px;
  animation-delay: 0.4s;
}
#periphery .section .block .wrapper .tree-3 img:nth-child(4) {
  width: 39.7px;
  top: 371px;
  left: 577px;
  animation-delay: 0.5s;
}
#periphery .section .block .wrapper .tree-3 img:nth-child(5) {
  width: 39.7px;
  top: 411px;
  left: 636px;
  animation-delay: 0.9s;
}
#periphery .section .block .wrapper .tree-3 img:nth-child(6) {
  width: 39.7px;
  top: 498px;
  left: 508px;
  animation-delay: 0.4s;
}
#periphery .section .block .wrapper .tree-3 img:nth-child(7) {
  width: 36.8px;
  top: 518px;
  left: 469px;
  animation-delay: 0.3s;
}
#periphery .section .block .wrapper .tree-3 img:nth-child(8) {
  width: 44.8px;
  top: 512px;
  left: 433px;
  animation-delay: 0.2s;
}
#periphery .section .block .wrapper .tree-3 img:nth-child(9) {
  width: 40.8px;
  top: 488px;
  left: 388px;
}
#periphery .section .block .wrapper .tree-4 img {
  width: 40.5px;
}
#periphery .section .block .wrapper .tree-4 img:nth-child(1) {
  top: 381px;
  left: 971px;
}
#periphery .section .block .wrapper .tree-4 img:nth-child(2) {
  top: 380px;
  left: 1024px;
  animation-delay: 0.2s;
}
#periphery .section .block .wrapper .tree-4 img:nth-child(3) {
  width: 34.7px;
  top: 421px;
  left: 962px;
}
#periphery .section .block .wrapper .tree-4 img:nth-child(4) {
  top: 408px;
  left: 1030px;
  animation-delay: 0.2s;
}
#periphery .section .block .wrapper .tree-4 img:nth-child(5) {
  width: 36.5px;
  top: 419px;
  left: 1068px;
  animation-delay: 0.4s;
}
#periphery .section .block .wrapper .tree-4 img:nth-child(6) {
  top: 450px;
  left: 982px;
  animation-delay: 0.1s;
}
#periphery .section .block .wrapper .tree-4 img:nth-child(7) {
  top: 445px;
  left: 1043px;
  animation-delay: 0.3s;
}
#periphery .section .block .wrapper .tree-4 img:nth-child(8) {
  top: 460px;
  left: 1081px;
  animation-delay: 0.6s;
}
#periphery .section .block .wrapper .tree-5 img:nth-child(1) {
  width: 23.9px;
  top: 511px;
  left: 679px;
}
#periphery .section .block .wrapper .tree-5 img:nth-child(2) {
  width: 22.1px;
  top: 662px;
  left: 478px;
  animation-delay: 0.2s;
}
#periphery .section .block .wrapper .tree-5 img:nth-child(3) {
  width: 25.1px;
  top: 649px;
  left: 637px;
}
#periphery .section .block .wrapper .tree-5 img:nth-child(4) {
  width: 20.8px;
  top: 664px;
  left: 599px;
  animation-delay: 0.2s;
}
#periphery .section .block .wrapper .tree-5 img:nth-child(5) {
  width: 25.1px;
  top: 680px;
  left: 557px;
  animation-delay: 0.4s;
}
#periphery .section .block .wrapper .tree-5 img:nth-child(6) {
  width: 25.1px;
  top: 685px;
  left: 527px;
  animation-delay: 0.1s;
}
#periphery .section .block .wrapper .tree-5 img:nth-child(7) {
  width: 25.1px;
  top: 705px;
  left: 509px;
  animation-delay: 0.3s;
}
#periphery .section .block .wrapper .tree-5 img:nth-child(8) {
  width: 25.1px;
  top: 715px;
  left: 523px;
  animation-delay: 0.6s;
}
#periphery .section .block .wrapper .tree-5 img:nth-child(9) {
  width: 21.7px;
  top: 706px;
  left: 550px;
  animation-delay: 0.1s;
}
#periphery .section .block .wrapper .tree-5 img:nth-child(10) {
  width: 25.1px;
  top: 690px;
  left: 580px;
  animation-delay: 0.3s;
}
#periphery .section .block .wrapper .tree-5 img:nth-child(11) {
  width: 20.8px;
  top: 681px;
  left: 610px;
  animation-delay: 0.6s;
}
#periphery .section .block .wrapper .tree-5 img:nth-child(12) {
  width: 25.1px;
  top: 706px;
  left: 642px;
  animation-delay: 0.1s;
}
#periphery .section .block .wrapper .tree-5 img:nth-child(13) {
  width: 25.1px;
  top: 710px;
  left: 628px;
  animation-delay: 0.3s;
}
#periphery .section .block .wrapper .tree-5 img:nth-child(14) {
  width: 23.9px;
  top: 796px;
  left: 716px;
  animation-delay: 0.1s;
}
#periphery .section .block .wrapper .tree-5 img:nth-child(15) {
  width: 22.5px;
  top: 815px;
  left: 734px;
  animation-delay: 0.3s;
}
#periphery .section .block .wrapper .tree-5 img:nth-child(16) {
  width: 23.9px;
  top: 834px;
  left: 1051px;
  animation-delay: 0.1s;
}
#periphery .section .block .wrapper .tree-5 img:nth-child(17) {
  width: 25.1px;
  top: 819px;
  left: 1078px;
  animation-delay: 0.3s;
}
#periphery .section .block .wrapper .tree-6 img {
  width: 21.1px;
}
#periphery .section .block .wrapper .tree-6 img:nth-child(1) {
  top: 598px;
  left: 800px;
}
#periphery .section .block .wrapper .tree-6 img:nth-child(2) {
  top: 625px;
  left: 797px;
  animation-delay: 0.1s;
}
#periphery .section .block .wrapper .tree-6 img:nth-child(3) {
  top: 647px;
  left: 802px;
  animation-delay: 0.2s;
}
#periphery .section .block .wrapper .tree-6 img:nth-child(4) {
  top: 670px;
  left: 810px;
  animation-delay: 0.3s;
}
#periphery .section .block .wrapper .tree-6 img:nth-child(5) {
  top: 695px;
  left: 807px;
  animation-delay: 0.4s;
}
#periphery .section .block .wrapper .tree-6 img:nth-child(6) {
  top: 714px;
  left: 817px;
  animation-delay: 0.5s;
}
#periphery .section .block .wrapper .tree-6 img:nth-child(7) {
  top: 738px;
  left: 824px;
  animation-delay: 0.6s;
}
#periphery .section .block .wrapper .tree-6 img:nth-child(8) {
  top: 763px;
  left: 822px;
  animation-delay: 0.7s;
}
#periphery .section .block .wrapper .tree-6 img:nth-child(9) {
  top: 790px;
  left: 826px;
  animation-delay: 0.8s;
}
#periphery .section .block .wrapper .tree-6 img:nth-child(10) {
  top: 578px;
  left: 842px;
  animation-delay: 0.2s;
}
#periphery .section .block .wrapper .tree-6 img:nth-child(11) {
  top: 605px;
  left: 838px;
  animation-delay: 0.3s;
}
#periphery .section .block .wrapper .tree-6 img:nth-child(12) {
  top: 627px;
  left: 842px;
  animation-delay: 0.4s;
}
#periphery .section .block .wrapper .tree-6 img:nth-child(13) {
  top: 650px;
  left: 850px;
  animation-delay: 0.5s;
}
#periphery .section .block .wrapper .tree-6 img:nth-child(14) {
  top: 675px;
  left: 849px;
  animation-delay: 0.6s;
}
#periphery .section .block .wrapper .tree-6 img:nth-child(15) {
  top: 698px;
  left: 857px;
  animation-delay: 0.7s;
}
#periphery .section .block .wrapper .tree-6 img:nth-child(16) {
  top: 724px;
  left: 863px;
  animation-delay: 0.8s;
}
#periphery .section .block .wrapper .tree-6 img:nth-child(17) {
  top: 749px;
  left: 861px;
  animation-delay: 0.9s;
}
#periphery .section .block .wrapper .tree-6 img:nth-child(18) {
  top: 773px;
  left: 868px;
  animation-delay: 1s;
}
#periphery .section .block .wrapper .tree-7 img:nth-child(1) {
  width: 20.8px;
  top: 520px;
  left: 1125px;
}
#periphery .section .block .wrapper .tree-7 img:nth-child(2) {
  width: 20.8px;
  top: 510px;
  left: 1184px;
  animation-delay: 0.2s;
}
#periphery .section .block .wrapper .tree-7 img:nth-child(3) {
  width: 25.1px;
  top: 485px;
  left: 1208px;
}
#periphery .section .block .wrapper .tree-7 img:nth-child(4) {
  width: 20.8px;
  top: 477px;
  left: 1268px;
  animation-delay: 0.2s;
}
#periphery .section .block .wrapper .tree-7 img:nth-child(5) {
  width: 25.1px;
  top: 534px;
  left: 1230px;
  animation-delay: 0.4s;
}
#periphery .section .block .wrapper .tree-7 img:nth-child(6) {
  width: 25.1px;
  top: 570px;
  left: 1250px;
  animation-delay: 0.1s;
}
#periphery .section .block .wrapper .tree-7 img:nth-child(7) {
  width: 26.8px;
  top: 567px;
  left: 1186px;
  animation-delay: 0.3s;
}
#periphery .section .block .wrapper .tree-7 img:nth-child(8) {
  width: 26.8px;
  top: 582px;
  left: 1151px;
  animation-delay: 0.3s;
}
#periphery .section .block .wrapper .tree-7 img:nth-child(9) {
  width: 26.8px;
  top: 593px;
  left: 1119px;
  animation-delay: 0.3s;
}
#periphery .section .block .wrapper .modify {
  pointer-events: none;
  position: absolute;
  top: 755px;
  left: 1034px;
  z-index: 1;
}
#periphery .section .block .wrapper .rain {
  position: absolute;
  top: 71%;
  left: 85%;
  pointer-events: none;
}
@media (max-width: 1800px) {
  #periphery .section .block {
    margin-top: 275px;
  }
}
@media (max-width: 1600px) {
  #periphery .dec-section .dragonfly {
    width: 40.8px;
  }
  #periphery .section .block {
    height: 900px;
  }
  #periphery .section .block .wrapper {
    transform: scale(0.9);
  }
}
@media (max-width: 1500px) {
  #periphery .section .block {
    height: 850px;
  }
  #periphery .section .block .wrapper {
    transform: scale(0.8);
  }
}
@media (max-width: 1199px) {
  #periphery .section .block {
    height: auto;
    margin-top: 263px;
  }
  #periphery .section .block > div {
    position: static;
    transform: none;
    width: auto;
  }
  #periphery .section .block .wrapper {
    transform: scale(1);
  }
  #periphery .section .block .wrapper map area {
    display: none;
  }
  #periphery .section .block .wrapper map div {
    width: 50% !important;
    float: left;
    margin-bottom: 20px;
    height: auto !important;
    position: static;
  }
  #periphery .section .block .wrapper map div > img {
    display: none;
  }
  #periphery .section .block .wrapper map div .box {
    transform: none;
    position: static;
    opacity: 1;
    pointer-events: all;
    display: block;
    margin: auto;
  }
  #periphery .section .block .wrapper map div .box::before {
    display: none;
  }
  #periphery .section .block .wrapper > img {
    display: none;
  }
  #periphery .section .block .wrapper .people {
    display: none;
  }
  #periphery .section .block .wrapper .flags {
    display: none;
  }
  #periphery .section .block .wrapper .tree {
    display: none;
  }
}
@media (max-width: 767px) {
  #periphery .dec-section .bg {
    background: url(images/environment/3f-bg.jpg) center no-repeat;
    background-size: cover;
  }
  #periphery .dec-section .clouds .cloud-3 {
    top: 140px;
  }
  #periphery .dec-section .clouds .cloud-4 {
    top: 140px;
  }
  #periphery .dec-section .dragonfly {
    top: 150px;
    left: 50px;
  }
  #periphery .section .block {
    margin-top: 120px;
  }
  #periphery .section .block .wrapper map div {
    float: none;
    width: calc(100% - 40px) !important;
    margin: auto;
    margin-bottom: 20px;
  }
  #periphery .section .block .wrapper map div .box {
    width: 100%;
    max-width: 350px;
  }
}
@media (max-width: 575px) {
  #periphery .section .block {
    padding-bottom: 0;
    margin-top: 80px;
  }
  #periphery .section .block .wrapper {
    padding-bottom: 0;
  }
  #periphery .section .block .wrapper map div .box .title {
    height: 40px;
    width: 150px;
  }
  #periphery .dec-section .dragonfly {
    width: 25px;
    top: 130px;
  }
}

#Floor1 footer {
  margin-top: -87px;
}
#Floor1 .dec-section .bg {
  padding-top: 190px;
}
#Floor1 .dec-section .dragonfly {
  position: absolute;
  top: 500px;
  left: 60%;
}
#Floor1 .dec-section .rain {
  position: absolute;
  top: 55%;
  left: 80%;
}
#Floor1 .section .block .map-wrapper .map .person {
  position: absolute;
  top: 50%;
  left: 50%;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-1 {
  left: 11%;
  top: 67.3%;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-1 .circle-group .flag {
  left: -20px;
  top: -20%;
  width: 60px;
  animation-duration: 2s;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-1 .circle-group .item-group {
  width: 250px;
  height: 135px;
  top: 53%;
  left: 70%;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-2 {
  left: 34%;
  top: 68.8%;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-2 .circle-group .flag {
  left: -42px;
  top: 4%;
  width: 60px;
  animation-delay: 0.3s;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-2 .circle-group .item-group {
  top: 42%;
  left: 57%;
  width: 320px;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-3 {
  left: 59.2%;
  top: 73.8%;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-3 .circle-group .circle {
  width: 232px;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-3 .circle-group .flag {
  left: -105px;
  top: -42%;
  width: 60px;
  animation-delay: 0.6s;
  animation-duration: 2.5s;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-3 .circle-group .item-group {
  top: 41%;
  left: 36%;
  width: 286px;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-4 {
  left: 81.5%;
  top: 33.2%;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-4 .circle-group .circle {
  width: 218px;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-4 .circle-group .flag {
  left: 51%;
  top: -66%;
  width: 60px;
  animation-delay: 0.3s;
  animation-duration: 2.5s;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-4 .circle-group .item-group {
  top: 51%;
  left: 55%;
  width: 215px;
  height: 130px;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-4 .box {
  left: -145%;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-4 .box::before {
  transform: rotate(180deg);
  right: -14px;
  left: auto;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-5 {
  left: 71%;
  top: 13%;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-5 .circle-group .circle {
  width: 250px;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-5 .circle-group .flag {
  left: -15%;
  top: -17%;
  width: 60px;
  z-index: 1;
  animation-duration: 2s;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-5 .circle-group .item-group {
  top: 51%;
  left: 55%;
  width: 254px;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-5 .box {
  left: -125%;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-5 .box::before {
  transform: rotate(180deg);
  right: -14px;
  left: auto;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-6 {
  left: 60.5%;
  top: 36%;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-6 .circle-group .circle {
  width: 248px;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-6 .circle-group .flag {
  left: 0%;
  top: -47%;
  width: 60px;
  animation-delay: 0.6s;
  animation-duration: 2s;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-6 .circle-group .item-group {
  top: 44%;
  left: 59%;
  width: 179px;
  height: 194px;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-6 .box {
  left: -125%;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-6 .box::before {
  transform: rotate(180deg);
  right: -14px;
  left: auto;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-7 {
  left: 43%;
  top: 6%;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-7 .circle-group .circle {
  width: 220px;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-7 .circle-group .flag {
  left: -7%;
  top: -49%;
  width: 60px;
  animation-delay: 0.3s;
  animation-duration: 2s;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-7 .circle-group .item-group {
  top: 44%;
  left: 64%;
  width: 192px;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-8 {
  left: 28.5%;
  top: 29%;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-8 .circle-group .circle {
  width: 257px;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-8 .circle-group .flag {
  left: -5%;
  top: -25%;
  width: 60px;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-8 .circle-group .item-group {
  top: 45%;
  left: 55%;
  width: 246px;
  height: 168px;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-9 {
  left: 9.2%;
  top: 16.5%;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-9 .circle-group .circle {
  width: 244px;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-9 .circle-group .flag {
  left: 2%;
  top: -38%;
  width: 60px;
  animation-duration: 2.5s;
}
#Floor1 .section .block .map-wrapper ul.groups li.group-9 .circle-group .item-group {
  top: 46%;
  left: 55%;
  width: 182px;
  height: 263px;
}
#Floor1 .section > ul:not(.links) li:nth-child(1) .img-wrapper .icon {
  width: 32px;
}
#Floor1 .section > ul:not(.links) li:nth-child(2) .img-wrapper .icon {
  width: 10px;
}
#Floor1 .section > ul:not(.links) li:nth-child(3) .img-wrapper .icon {
  width: 23px;
}
#Floor1 .section > ul:not(.links) li:nth-child(4) .img-wrapper .icon {
  width: 27px;
}
@media (max-width: 1600px) {
  #Floor1 .dec-section .dragonfly {
    width: 40.8px;
  }
  #Floor1 .section > ul:not(.links) li:nth-child(1) .img-wrapper .icon {
    width: 25.6px;
  }
  #Floor1 .section > ul:not(.links) li:nth-child(2) .img-wrapper .icon {
    width: 8px;
  }
  #Floor1 .section > ul:not(.links) li:nth-child(3) .img-wrapper .icon {
    width: 18.4px;
  }
  #Floor1 .section > ul:not(.links) li:nth-child(4) .img-wrapper .icon {
    width: 21.6px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-1 .circle-group .item-group {
    width: 200px;
    height: 108px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-1 .circle-group .flag {
    width: 48px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-2 .circle-group .item-group {
    width: 224.8px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-2 .circle-group .flag {
    width: 48px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-3 .circle-group .item-group {
    width: 228.8px;
    height: 134px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-3 .circle-group .circle {
    width: 185.6px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-3 .circle-group .flag {
    width: 48px;
    left: -46%;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-4 .circle-group .item-group {
    height: 104px;
    width: 172px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-4 .circle-group .circle {
    width: 174.4px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-4 .circle-group .flag {
    width: 48px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-5 .circle-group .item-group {
    width: 219.2px;
    height: 163px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-5 .circle-group .circle {
    width: 200px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-5 .circle-group .flag {
    width: 48px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-6 .circle-group .item-group {
    width: 143.2px;
    height: 155px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-6 .circle-group .circle {
    width: 200px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-6 .circle-group .flag {
    width: 48px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-7 .circle-group .circle {
    width: 176px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-7 .circle-group .flag {
    width: 48px;
    top: -68%;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-8 .circle-group .item-group {
    width: 196.8px;
    height: 134px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-8 .circle-group .circle {
    width: 205.6px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-8 .circle-group .flag {
    width: 48px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-9 .circle-group .item-group {
    width: 145.6px;
    height: 210px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-9 .circle-group .circle {
    width: 195.2px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-9 .circle-group .flag {
    width: 48px;
  }
}
@media (max-width: 1400px) {
  #Floor1 .section .block .map-wrapper .map .person {
    left: 47%;
    top: 47%;
    width: 45px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-1 {
    top: 62%;
    left: 3%;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-2 {
    left: 30%;
    top: 66%;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-3 {
    left: 58%;
    top: 66%;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-3 .box {
    left: -200%;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-3 .box::before {
    transform: rotate(180deg);
    right: -14px;
    left: auto;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-4 {
    left: 75%;
    top: 30%;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-4 .box {
    left: -200%;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-4 .box::before {
    transform: rotate(180deg);
    right: -14px;
    left: auto;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-5 {
    left: 65%;
    top: 0%;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-5 .box {
    left: -170%;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-5 .box::before {
    transform: rotate(180deg);
    right: -14px;
    left: auto;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-6 {
    left: 53%;
    top: 25%;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-6 .box {
    left: -170%;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-6 .box::before {
    transform: rotate(180deg);
    right: -14px;
    left: auto;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-7 {
    left: 37%;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-8 {
    left: 22%;
    top: 28%;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-9 {
    left: 1%;
    top: 10%;
  }
}
@media (max-width: 1199px) {
  #Floor1 footer {
    margin-top: 0;
  }
  #Floor1 .dec-section .dragonfly {
    width: 35px;
  }
  #Floor1 .section .block .map-wrapper .map .person {
    width: 40px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-1 .circle-group .circle {
    width: 148.2px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-1 .circle-group .item-group {
    width: 135px;
    height: 72.9px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-1 .circle-group .flag {
    width: 42px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-2 .circle-group .circle {
    width: 148.2px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-2 .circle-group .item-group {
    width: 166.7px;
    height: 144.7px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-2 .circle-group .flag {
    width: 42px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-3 .circle-group .circle {
    width: 148.2px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-3 .circle-group .item-group {
    width: 150.5px;
    height: 88px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-3 .circle-group .flag {
    width: 42px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-4 .circle-group .circle {
    width: 148.2px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-4 .circle-group .item-group {
    width: 150.5px;
    height: 91px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-4 .circle-group .flag {
    width: 42px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-5 {
    top: 0;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-5 .circle-group .circle {
    width: 148.2px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-5 .circle-group .item-group {
    width: 191.8px;
    height: 142px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-5 .circle-group .flag {
    width: 42px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-6 .circle-group .circle {
    width: 148.2px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-6 .circle-group .item-group {
    width: 100px;
    height: 108px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-6 .circle-group .flag {
    width: 42px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-7 .circle-group .circle {
    width: 148.2px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-7 .circle-group .item-group {
    width: 155px;
    height: 198px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-7 .circle-group .flag {
    width: 42px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-8 .circle-group .circle {
    width: 148.2px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-8 .circle-group .item-group {
    width: 152px;
    height: 104px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-8 .circle-group .flag {
    width: 42px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-9 .circle-group .circle {
    width: 148.2px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-9 .circle-group .item-group {
    width: 105px;
    height: 151px;
  }
  #Floor1 .section .block .map-wrapper ul.groups li.group-9 .circle-group .flag {
    width: 42px;
  }
}
@media (max-width: 767px) {
  #Floor1 .dec-section .bg {
    background: url(images/environment/bg.jpg) center no-repeat;
    background-size: cover;
  }
  #Floor1 .dec-section .dragonfly {
    top: 150px;
    left: 50px;
  }
}
@media (max-width: 575px) {
  #Floor1 .section > ul:not(.links) li:nth-child(1) .img-wrapper .icon {
    width: 22px;
  }
  #Floor1 .section > ul:not(.links) li:nth-child(2) .img-wrapper .icon {
    width: 5.5px;
  }
  #Floor1 .section > ul:not(.links) li:nth-child(3) .img-wrapper .icon {
    width: 13px;
  }
  #Floor1 .section > ul:not(.links) li:nth-child(4) .img-wrapper .icon {
    width: 15px;
  }
  #Floor1 .dec-section .dragonfly {
    width: 25px;
    top: 130px;
  }
}

#Floor2 footer {
  margin-top: -87px;
}
#Floor2 .dec-section .bg {
  padding-top: 135px;
  left: 0;
  transform: none;
}
#Floor2 .section .block .map-wrapper ul.groups li.group-1 {
  left: 14%;
  top: 50.5%;
}
#Floor2 .section .block .map-wrapper ul.groups li.group-1 .circle-group .flag {
  left: -38px;
  top: 6%;
  width: 50px;
}
#Floor2 .section .block .map-wrapper ul.groups li.group-1 .circle-group .item-group {
  width: 282px;
  height: 201.4px;
  top: 41%;
  left: 62%;
}
#Floor2 .section .block .map-wrapper ul.groups li.group-2 {
  left: 46.5%;
  top: 47%;
}
#Floor2 .section .block .map-wrapper ul.groups li.group-2 .circle-group .circle {
  width: 194px;
}
#Floor2 .section .block .map-wrapper ul.groups li.group-2 .circle-group .flag {
  left: -85px;
  top: -4%;
  width: 60px;
  animation-delay: 0.3s;
  animation-duration: 2.5s;
}
#Floor2 .section .block .map-wrapper ul.groups li.group-2 .circle-group .item-group {
  top: 55%;
  left: 69%;
  width: 270px;
  height: 223.7px;
}
#Floor2 .section .block .map-wrapper ul.groups li.group-3 {
  left: 70.5%;
  top: 41.8%;
}
#Floor2 .section .block .map-wrapper ul.groups li.group-3 .circle-group .circle {
  width: 257px;
}
#Floor2 .section .block .map-wrapper ul.groups li.group-3 .circle-group .flag {
  left: -65px;
  top: -4%;
  width: 60px;
  animation-delay: 0.6s;
  animation-duration: 3.5s;
}
#Floor2 .section .block .map-wrapper ul.groups li.group-3 .circle-group .item-group {
  top: 59%;
  left: 53%;
  width: 280px;
  height: 214.2px;
}
#Floor2 .section .block .map-wrapper ul.groups li.group-3 .box {
  left: -145%;
}
#Floor2 .section .block .map-wrapper ul.groups li.group-3 .box::before {
  transform: rotate(180deg);
  right: -14px;
  left: auto;
}
#Floor2 .section .block .animals {
  width: 1920px;
  position: absolute;
  left: 0%;
  top: 249px;
  height: 200px;
}
#Floor2 .section .block .animals img {
  position: absolute;
  left: 43%;
}
#Floor2 .section > ul:not(.links) li:nth-child(1) .img-wrapper .icon {
  width: 24.8px;
}
#Floor2 .section > ul:not(.links) li:nth-child(2) .img-wrapper .icon {
  width: 19px;
}
#Floor2 .section > ul:not(.links) li:nth-child(3) .img-wrapper .icon {
  width: 27px;
}
@media (max-width: 1800px) {
  #Floor2 .section .block .animals {
    top: 139px;
  }
}
@media (max-width: 1600px) {
  #Floor2 .dec-section .dragonfly {
    width: 40.8px;
  }
  #Floor2 .section > ul:not(.links) li:nth-child(1) .img-wrapper .icon {
    width: 19.8px;
  }
  #Floor2 .section > ul:not(.links) li:nth-child(2) .img-wrapper .icon {
    width: 15.2px;
  }
  #Floor2 .section > ul:not(.links) li:nth-child(3) .img-wrapper .icon {
    width: 21.6px;
  }
  #Floor2 .section .block .map-wrapper ul.groups li.group-1 .circle-group .circle {
    width: 200px;
  }
  #Floor2 .section .block .map-wrapper ul.groups li.group-1 .circle-group .item-group {
    width: 225.6px;
    height: 161.1px;
  }
  #Floor2 .section .block .map-wrapper ul.groups li.group-1 .circle-group .flag {
    width: 40px;
  }
  #Floor2 .section .block .map-wrapper ul.groups li.group-2 .circle-group .circle {
    width: 155.2px;
  }
  #Floor2 .section .block .map-wrapper ul.groups li.group-2 .circle-group .item-group {
    width: 252.8px;
    height: 179px;
  }
  #Floor2 .section .block .map-wrapper ul.groups li.group-2 .circle-group .flag {
    width: 48px;
    left: -70px;
  }
  #Floor2 .section .block .map-wrapper ul.groups li.group-3 .circle-group .item-group {
    width: 261.6px;
    height: 171.4px;
  }
  #Floor2 .section .block .map-wrapper ul.groups li.group-3 .circle-group .circle {
    width: 205.6px;
  }
  #Floor2 .section .block .map-wrapper ul.groups li.group-3 .circle-group .flag {
    width: 48px;
    left: -25%;
  }
}
@media (max-width: 1400px) {
  #Floor2 .section .block .animals {
    top: 175px;
  }
  #Floor2 .section .block .map-wrapper ul.groups li.group-1 {
    top: 38%;
    left: 10%;
  }
  #Floor2 .section .block .map-wrapper ul.groups li.group-2 {
    left: 38%;
    top: 58%;
  }
  #Floor2 .section .block .map-wrapper ul.groups li.group-3 {
    left: 63%;
    top: 31%;
  }
}
@media (max-width: 1199px) {
  #Floor2 footer {
    margin-top: 0;
  }
  #Floor2 .section .block .animals {
    top: 243px;
  }
  #Floor2 .section .block .map-wrapper ul.groups li.group-1 .circle-group .circle {
    width: 180px;
  }
  #Floor2 .section .block .map-wrapper ul.groups li.group-1 .circle-group .item-group {
    width: 198px;
    height: 141.4px;
  }
  #Floor2 .section .block .map-wrapper ul.groups li.group-1 .circle-group .flag {
    width: 36px;
  }
  #Floor2 .section .block .map-wrapper ul.groups li.group-2 {
    left: 43%;
  }
  #Floor2 .section .block .map-wrapper ul.groups li.group-2 .circle-group .circle {
    width: 135.8px;
  }
  #Floor2 .section .block .map-wrapper ul.groups li.group-2 .circle-group .item-group {
    width: 222px;
    height: 157.5px;
  }
  #Floor2 .section .block .map-wrapper ul.groups li.group-2 .circle-group .flag {
    width: 42px;
  }
  #Floor2 .section .block .map-wrapper ul.groups li.group-3 {
    left: 69%;
  }
  #Floor2 .section .block .map-wrapper ul.groups li.group-3 .circle-group .circle {
    width: 180px;
  }
  #Floor2 .section .block .map-wrapper ul.groups li.group-3 .circle-group .item-group {
    width: 230px;
    height: 150px;
  }
  #Floor2 .section .block .map-wrapper ul.groups li.group-3 .circle-group .flag {
    width: 42px;
  }
}
@media (max-width: 767px) {
  #Floor2 .dec-section .bg {
    background: url(images/environment/2f-bg.jpg) center no-repeat;
    background-size: cover;
  }
}
@media (max-width: 575px) {
  #Floor2 .section > ul:not(.links) li:nth-child(1) .img-wrapper .icon {
    width: 17.05px;
  }
  #Floor2 .section > ul:not(.links) li:nth-child(2) .img-wrapper .icon {
    width: 13.06px;
  }
  #Floor2 .section > ul:not(.links) li:nth-child(3) .img-wrapper .icon {
    width: 18.56px;
  }
}

#Floor3 footer {
  margin-top: -87px;
}
#Floor3 .dec-section .bg {
  padding-top: 155px;
  left: 0;
  transform: none;
}
#Floor3 .dec-section .clouds .cloud-3 {
  top: 545px;
}
#Floor3 .dec-section .clouds .cloud-4 {
  top: 545px;
}
#Floor3 .section .block .map-wrapper .map {
  position: relative;
}
#Floor3 .section .block .map-wrapper .map .people {
  position: absolute;
  top: 69.5%;
  left: 26.3%;
  z-index: 1;
  width: 15.6%;
  transform: translate(-50%, -50%);
}
#Floor3 .section .block .map-wrapper ul.groups li.group-1 {
  left: 12.5%;
  top: 41.8%;
}
#Floor3 .section .block .map-wrapper ul.groups li.group-1 .circle-group .circle {
  width: 251px;
}
#Floor3 .section .block .map-wrapper ul.groups li.group-1 .circle-group .flag {
  left: -42px;
  top: -9%;
  width: 60px;
}
#Floor3 .section .block .map-wrapper ul.groups li.group-1 .circle-group .item-group {
  width: 241.1px;
  height: 200.3px;
  top: 21%;
  left: 50%;
}
#Floor3 .section .block .map-wrapper ul.groups li.group-2 {
  left: 37%;
  top: 53.5%;
}
#Floor3 .section .block .map-wrapper ul.groups li.group-2 .circle-group .circle {
  width: 215px;
}
#Floor3 .section .block .map-wrapper ul.groups li.group-2 .circle-group .flag {
  left: 109%;
  top: -12%;
  width: 60px;
  animation-delay: 0.3s;
  animation-duration: 2.5s;
}
#Floor3 .section .block .map-wrapper ul.groups li.group-2 .circle-group .item-group {
  top: 42%;
  left: 58%;
  width: 225px;
}
#Floor3 .section .animals {
  width: 1920px;
  position: absolute;
  left: 0%;
  top: 268px;
  height: 200px;
}
#Floor3 .section .animals img {
  position: absolute;
  left: 27%;
}
#Floor3 .section > ul:not(.links) li:nth-child(1) .img-wrapper .icon {
  width: 24.8px;
}
#Floor3 .section > ul:not(.links) li:nth-child(2) .img-wrapper .icon {
  width: 27px;
}
@media (max-width: 1800px) {
  #Floor3 .section .block .animals {
    top: 159px;
  }
}
@media (max-width: 1600px) {
  #Floor3 .section > ul:not(.links) li:nth-child(1) .img-wrapper .icon {
    width: 19.8px;
  }
  #Floor3 .section .block .map-wrapper ul.groups li.group-1 {
    top: 38%;
  }
  #Floor3 .section .block .map-wrapper ul.groups li.group-1 .circle-group .circle {
    width: 200.8px;
  }
  #Floor3 .section .block .map-wrapper ul.groups li.group-1 .circle-group .item-group {
    width: 192.9px;
    height: 160.2px;
  }
  #Floor3 .section .block .map-wrapper ul.groups li.group-1 .circle-group .flag {
    left: -30px;
    width: 48px;
  }
  #Floor3 .section .block .map-wrapper ul.groups li.group-2 {
    top: 50%;
  }
  #Floor3 .section .block .map-wrapper ul.groups li.group-2 .circle-group .circle {
    width: 172px;
  }
  #Floor3 .section .block .map-wrapper ul.groups li.group-2 .circle-group .item-group {
    width: 180px;
  }
  #Floor3 .section .block .map-wrapper ul.groups li.group-2 .circle-group .flag {
    width: 48px;
  }
}
@media (max-width: 1400px) {
  #Floor3 .section .block .animals {
    top: 197px;
  }
  #Floor3 .section .block .map-wrapper ul.groups li.group-1 {
    top: 30%;
    left: 12%;
  }
  #Floor3 .section .block .map-wrapper ul.groups li.group-2 {
    top: 45%;
    left: 34%;
  }
}
@media (max-width: 1199px) {
  #Floor3 footer {
    margin-top: 0;
  }
  #Floor3 .section .block .map-wrapper .animals {
    top: 268px;
  }
  #Floor3 .section .block .map-wrapper ul.groups li.group-1 .circle-group .circle {
    width: 175.7px;
  }
  #Floor3 .section .block .map-wrapper ul.groups li.group-1 .circle-group .item-group {
    width: 168.77px;
  }
  #Floor3 .section .block .map-wrapper ul.groups li.group-1 .circle-group .flag {
    width: 42px;
  }
  #Floor3 .section .block .map-wrapper ul.groups li.group-2 {
    left: 39%;
  }
  #Floor3 .section .block .map-wrapper ul.groups li.group-2 .circle-group .circle {
    width: 150.5px;
  }
  #Floor3 .section .block .map-wrapper ul.groups li.group-2 .circle-group .item-group {
    width: 157.5px;
  }
  #Floor3 .section .block .map-wrapper ul.groups li.group-2 .circle-group .flag {
    width: 42px;
  }
}
@media (max-width: 767px) {
  #Floor3 .dec-section .bg {
    background: url(images/environment/3f-bg.jpg) center no-repeat;
    background-size: cover;
  }
  #Floor3 .dec-section .clouds .cloud-3 {
    top: 140px;
  }
  #Floor3 .dec-section .clouds .cloud-4 {
    top: 140px;
  }
}
@media (max-width: 575px) {
  #Floor3 .section > ul:not(.links) li:nth-child(1) .img-wrapper .icon {
    width: 17.05px;
  }
  #Floor3 .section > ul:not(.links) li:nth-child(2) .img-wrapper .icon {
    width: 18.56px;
  }
}

.reservation footer {
  margin-top: -432px;
}
.reservation #header #fix ul li a .bg {
  transform: translateY(-28%);
}
.reservation #header #fix ul li > div .bg {
  transform: translateY(-28%);
}
.reservation .dec-section {
  z-index: 2;
  pointer-events: none;
}
.reservation .dec-section .leafs {
  z-index: 1;
  position: absolute;
  top: 70px;
}
.reservation .dec-section .leafs .left {
  position: absolute;
  top: 0;
  left: 0;
  width: 297px;
  z-index: 1;
  transform-origin: 0% 50%;
}
.reservation .dec-section .leafs .left > div:nth-child(1) > img {
  position: absolute;
  mix-blend-mode: multiply;
  left: 0;
}
.reservation .dec-section .leafs .left .dec {
  width: 100%;
  position: absolute;
  top: 200px;
}
.reservation .dec-section .leafs .left .dec .small-leaf {
  width: 70px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.reservation .dec-section .leafs .right {
  position: absolute;
  top: 137px;
  left: 1550px;
  width: 470px;
  z-index: 2;
  transform-origin: 100% 50%;
}
.reservation .dec-section .leafs .right > div:nth-child(1) > img {
  position: absolute;
  mix-blend-mode: multiply;
}
.reservation .dec-section .leafs .right > div:nth-child(1) > img:nth-child(1) {
  width: 390px;
  right: 72px;
  opacity: 0.6;
}
.reservation .dec-section .leafs .right > div:nth-child(1) > img:nth-child(2) {
  width: 326px;
  top: 110px;
  right: 20px;
}
.reservation .dec-section .leafs .right > div:nth-child(1) > img:nth-child(3) {
  width: 131px;
  top: 197px;
  right: 95px;
}
.reservation .dec-section .leafs .right .dec {
  width: 100%;
  position: relative;
  top: 200px;
}
.reservation .dec-section .leafs .right .dec .small-leaf {
  width: 40px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.reservation .dec-section .leafs .right .dec img {
  transform: rotateZ(10deg);
  position: absolute;
}
.reservation .dec-section .clouds .cloud-1 {
  position: absolute;
  width: 9%;
  top: 850px;
  left: 0%;
}
.reservation .dec-section .clouds .cloud-2 {
  position: absolute;
  width: 9%;
  top: 283px;
  left: 74%;
}
.reservation .dec-section .clouds .cloud-3 {
  position: absolute;
  width: 8.2%;
  top: 275px;
  left: 79%;
}
.reservation .dec-section > img {
  position: absolute;
}
.reservation .dec-section .fishs {
  width: 382px;
  top: 295px;
  left: 100px;
}
.reservation .section {
  padding-bottom: 560px;
}
.reservation .section .block {
  padding-bottom: 70px;
  z-index: 1;
}
.reservation .section .block .box {
  border-radius: 25px 25px 25px 25px;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3);
  padding: 88px 20px 110px 20px;
  background-color: white;
  padding: 59px 53px;
  padding-bottom: 103px;
}
.reservation .section .block .box ul.blue-dot-style li {
  position: relative;
  padding-left: 15px;
  letter-spacing: 1.2px;
}
.reservation .section .block .box ul.blue-dot-style li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #5BE3EE;
}
.reservation .section .block .box ul.blue-dot-style li a {
  width: 130px;
  height: 45px;
  line-height: 45px;
  color: #A361A4;
  border: 2px solid #A361A4;
  border-radius: 5px;
  text-align: center;
  transition: background 0.3s, color 0.3s;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.reservation .section .block .box ul.blue-dot-style li a:hover {
  background: #A361A4;
  color: white;
}
.reservation .section .block .box .info {
  position: relative;
}
.reservation .section .block .box .info .text-center {
  padding-left: 15%;
  padding-right: 40px;
}
.reservation .section .block .box .info > form .select2 {
  border-radius: 5px;
  background: white;
  border: 2px solid #A361A4;
  padding: 5px 15px;
  margin-left: auto;
  display: table;
}
.reservation .section .block .box .info > form .select2 .select2-selection__arrow {
  top: 6px;
  right: 9px;
}
.reservation .section .block .box .info > form .select2 .select2-selection__arrow b {
  background: url(images/reservation/arrow-down.svg) center no-repeat;
}
.reservation .section .block .box .calendar {
  background: #fff;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}
.reservation .section .block .box .calendar .title {
  height: 72px;
  background: #A191CB;
  color: white;
}
.reservation .section .block .box .calendar .title a {
  letter-spacing: 2px;
  transition: color 0.3s;
}
.reservation .section .block .box .calendar .title a:hover {
  color: #FFD6AF;
}
.reservation .section .block .box .calendar .title a:hover i {
  border: 1px solid #FFD6AF;
}
.reservation .section .block .box .calendar .title a#prev.hidden {
  opacity: 0;
  pointer-events: none;
  display: flex;
}
.reservation .section .block .box .calendar .title a#next {
  display: flex;
  align-items: center;
}
.reservation .section .block .box .calendar .title a#next i {
  position: relative;
}
.reservation .section .block .box .calendar .title a#next i::before {
  position: absolute;
  left: 46%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.reservation .section .block .box .calendar .title a i {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 30.5px;
  height: 30.5px;
  border: 1px solid white;
  border-radius: 50%;
  transition: border 0.3s;
}
.reservation .section .block .box .calendar .title a i::before {
  width: auto;
}
.reservation .section .block .box .calendar .title .today {
  width: 92px;
  height: 40px;
  line-height: 40px;
  border: 1px solid white;
  border-radius: 5px;
  right: 25px;
  transition: background 0.3s, color 0.3s;
}
.reservation .section .block .box .calendar .title .today:hover {
  background: white;
  color: #A191CB;
}
.reservation .section .block .box .calendar .body .body-list:nth-child(1) {
  background: #E3DEF0;
}
.reservation .section .block .box .calendar .body .body-list:nth-child(1) li {
  height: 60px;
  line-height: 60px;
}
.reservation .section .block .box .calendar .body .body-list:nth-child(2) li {
  border: 1px solid white;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.reservation .section .block .box .calendar .body .body-list:nth-child(2) li:not(.lightgrey):hover {
  border: 1px solid #FE8612;
}
.reservation .section .block .box .calendar .body .body-list:nth-child(2) li:not(.lightgrey):hover a span:nth-child(2) {
  color: #FE8612;
}
.reservation .section .block .box .calendar .body .body-list ul li {
  width: 14.28%;
  height: 107px;
  list-style-type: none;
  display: block;
  box-sizing: border-box;
  float: left;
  text-align: center;
  transition: border 0.3s;
}
.reservation .section .block .box .calendar .body .body-list ul li a span {
  transition: color 0.3s;
  opacity: 0.7;
}
.reservation .section .block .box .calendar .body .body-list ul li .day {
  display: block;
  margin-top: 16px;
  margin-bottom: 14px;
}
.reservation .section .block .box .calendar .body .body-list ul li.today {
  border: 1px solid #FE8612;
}
.reservation .section .block .box .calendar .body .body-list ul li.today span:nth-child(2) {
  color: #FE8612;
}
.reservation .section .block .box .calendar .body .body-list ul li.full {
  position: static;
  background: #EAE3F2;
}
.reservation .section .block .box .calendar .body .body-list ul li.full span:nth-child(2) {
  color: #D70084;
}
.reservation .section .block .box .calendar .body .body-list .lightgrey {
  background: #F3F3F3;
}
.reservation .section .dec {
  margin-top: -493px;
}
.reservation ~ .select2-container .select2-results__options {
  background: white;
  border: 2px solid #A361A4;
  margin-top: 10px;
  border-radius: 5px;
}
.reservation ~ .select2-container .select2-results__options .select2-results__option {
  padding: 5px 15px;
}
.reservation ~ .select2-container .select2-results__options .select2-results__option.select2-results__option--highlighted[aria-selected] {
  background: #A361A4;
}
@media (max-width: 1600px) {
  .reservation .dec-section .clouds .cloud-1 {
    top: 600px;
  }
  .reservation .dec-section .clouds .cloud-2 {
    top: 200px;
  }
  .reservation .dec-section .clouds .cloud-3 {
    top: 200px;
  }
  .reservation .dec-section .fishs {
    width: 250px;
    left: 20px;
  }
}
@media (max-width: 1400px) {
  .reservation .section .block .box > form {
    top: 205px;
  }
  .reservation .section .block .box .info {
    display: block;
  }
  .reservation .section .block .box .info .blue-dot-style {
    width: auto;
    margin: auto;
    max-width: initial;
  }
  .reservation .section .block .box .info .text-center {
    max-width: initial;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 20px;
  }
}
@media (max-width: 1199px) {
  .reservation .dec-section .clouds .cloud-1 {
    top: 550px;
  }
  .reservation .dec-section .fishs {
    width: 250px;
    top: 80px;
    left: 50px;
  }
  .reservation .section .block .box .calendar .title a:hover {
    color: white;
  }
  .reservation .section .block .box .calendar .title a:hover i {
    border: 1px solid white;
  }
  .reservation .section .block .box .calendar .body .body-list ul li:not(.today) a:hover {
    border: 2px solid white;
  }
  .reservation .section .block .box .calendar .body .body-list ul li:not(.today) a:hover span:nth-child(2) {
    color: #262626;
  }
}
@media (max-width: 991px) {
  .reservation .section .block .box {
    padding: 40px 20px;
  }
  .reservation .section .block .box .calendar .body .body-list ul li {
    height: 90px;
  }
  .reservation .section .block .box .calendar .body .body-list ul li .day {
    margin-top: 10px;
    margin-bottom: 8px;
  }
}
@media (max-width: 767px) {
  .reservation .dec-section .clouds .cloud-1 {
    top: 200px;
  }
  .reservation .dec-section .fishs {
    width: 200px;
    top: 130px;
    left: -100px;
  }
  .reservation .section .block .box .info > form {
    right: 20px;
  }
  .reservation .section .block .box .calendar .title a span {
    display: none;
  }
  .reservation .section .block .box .calendar .title .today {
    right: 20px;
  }
  .reservation .section .block .box .calendar .body .body-list ul li {
    height: 70px;
  }
  .reservation .section .block .box .calendar .body .body-list ul li span:nth-child(2) {
    font-size: 14px;
  }
}
@media (max-width: 575px) {
  .reservation .dec-section .clouds .cloud-1 {
    top: 290px;
    left: 10%;
  }
  .reservation .dec-section .clouds .cloud-2 {
    top: 150px;
  }
  .reservation .dec-section .clouds .cloud-3 {
    top: 150px;
  }
  .reservation .dec-section .fishs {
    width: 200px;
    top: 130px;
    left: -100px;
  }
  .reservation .section {
    padding-bottom: 634px;
  }
  .reservation .section .dec {
    width: 1000px;
    margin-top: -280px;
    left: 81%;
  }
  .reservation .section .block .box {
    padding: 30px 20px;
    border-radius: 10px;
  }
  .reservation .section .block .box ul.blue-dot-style li::before {
    top: 8px;
    transform: none;
  }
  .reservation .section .block .box ul.blue-dot-style li a {
    display: inline;
    border: none;
    height: auto;
    line-height: normal;
    width: auto;
    text-decoration: underline;
  }
  .reservation .section .block .box ul.blue-dot-style li a:hover {
    background: transparent;
    color: #A361A4;
  }
  .reservation .section .block .box .info form {
    margin-left: 0;
    margin-bottom: 10px;
    left: 0;
    bottom: 0;
  }
  .reservation .section .block .box .info form .select2 {
    margin-left: 0;
    padding: 1.5px 10px;
    width: 100% !important;
  }
  .reservation .section .block .box .info form .select2 .select2-selection__arrow {
    top: 2px;
    right: 5px;
  }
  .reservation .section .block .box .info form .select2 .select2-selection__arrow b {
    width: 8px;
    height: 6px;
  }
  .reservation .section .block .box .calendar .title {
    height: 50px;
  }
  .reservation .section .block .box .calendar .title .today {
    top: -45px;
    right: 0;
    background: #A191CB;
    height: 35px;
    line-height: 33px;
    width: 70px;
  }
  .reservation .section .block .box .calendar .title a:hover i {
    border: none;
  }
  .reservation .section .block .box .calendar .title a i {
    border: none;
    width: 24px;
    height: 24px;
  }
  .reservation .section .block .box .calendar .body {
    overflow-x: auto;
  }
  .reservation .section .block .box .calendar .body .body-list {
    min-width: 500px;
  }
  .reservation .section .block .box .calendar .body .body-list:nth-child(1) li {
    height: 50px;
    line-height: 50px;
  }
  .reservation footer {
    margin-top: -550px;
  }
  .reservation.cart ~ .select2-container .select2-results__options .select2-results__option {
    padding: 5px 10px;
  }
  .reservation ~ .select2-container .select2-results__options .select2-results__option {
    padding: 5px 5px;
  }
}

.time .section .block .box {
  padding: 50px 53px;
}
.time .section .block .box > div {
  border-top: 1px solid black;
}
.time .section .block .box > div:nth-child(1) {
  padding-top: 34px;
}
.time .section .block .box > div:nth-child(2) {
  padding-top: 27px;
}
.time .section .block .box > div.note {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.time .section .block .box > div.note .blue-dot-style img {
  margin-top: -8px;
  width: 19px;
}
.time .section .block .box > div a.info {
  padding: 0 25px;
  min-width: 116px;
  height: 45px;
  line-height: 43px;
  color: #7D6FB2;
  border: 2px solid #7D6FB2;
  border-radius: 5px;
  transition: color 0.3s, background 0.3s;
}
.time .section .block .box > div a.info:hover {
  color: white;
  background: #7D6FB2;
}
.time .section .block .box .form .tag {
  width: 178px;
  height: 40px;
  line-height: 40px;
  background: #7D6FB2;
  border-radius: 5px;
}
.time .section .block .box .form .select2 {
  letter-spacing: 1px;
  font-size: 16px;
  padding: 9px 36px;
  width: 355px !important;
  background: white;
  border: 2px solid #174A79;
  border-radius: 25px;
}
.time .section .block .box .form .select2 .select2-selection__arrow {
  top: 10px;
  right: 22px;
}
.time .section .block .box .form .select2 .select2-selection__arrow b {
  background: url(images/reservation/arrow-down-blue.svg);
  width: 10px;
  height: 6px;
}
.time .section .block .box .form > div:nth-child(1) {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.time .section .block .box .form .btns {
  margin-top: 78px;
  margin-bottom: 68px;
}
.time .section .block .box .form .btns .selected {
  background: #A35893;
  border: 2px solid #A35893;
}
.time ~ .select2-container {
  font-size: 16px;
  font-family: noto Sans TC;
  letter-spacing: 1px;
}
.time ~ .select2-container .select2-results__options {
  border: 2px solid #174A79;
}
.time ~ .select2-container .select2-results__options li {
  padding-left: 36px;
}
.time ~ .select2-container .select2-results__options li:first-child {
  display: block;
}
.time ~ .select2-container .select2-results__options .select2-results__option.select2-results__option--highlighted[aria-selected] {
  background: #174A79;
}
.time .modal .modal-content {
  border-radius: 25px;
  border: none;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
  padding: 55px 20px 95px 20px;
}
.time .modal .modal-content .header button {
  position: absolute;
  right: -40px;
  top: -30px;
  opacity: 1;
  text-shadow: none;
}
.time .modal .modal-content .header button span {
  color: #7EDEEB;
  font-size: 34px;
}
.time #discountModal.modal .modal-dialog {
  width: calc(100% - 40px);
  max-width: 780px;
  margin: auto;
}
.time #discountModal.modal .modal-dialog .modal-content {
  border-radius: 25px;
  padding: 35px 40px;
}
.time #discountModal.modal .modal-dialog .modal-content .modal-header {
  border-bottom: 2px solid #174A79;
}
.time #discountModal.modal .modal-dialog .modal-content .modal-header button {
  position: absolute;
  right: -65px;
  top: -35px;
  color: #7EDEEB;
  opacity: 1;
  text-shadow: none;
}
.time #discountModal.modal .modal-dialog .modal-content .modal-body {
  line-height: 1.8em;
}
.time #discountModal.modal .modal-dialog .modal-content .modal-body a:hover {
  color: #174A79;
}
.time #discountModal.modal .modal-dialog .modal-content .modal-footer {
  border-top: 0;
}
.time #discountModal.modal .modal-dialog .modal-content .modal-footer a, .time #discountModal.modal .modal-dialog .modal-content .modal-footer button {
  width: 180px;
  height: 60px;
  border-radius: 50px;
}
.time #discountModal.modal .modal-dialog .modal-content .modal-footer a:hover, .time #discountModal.modal .modal-dialog .modal-content .modal-footer button:hover {
  opacity: 0.8;
}
@media (min-width: 576px) {
  .time .modal-dialog {
    max-width: 550px;
  }
}
@media (max-width: 1600px) {
  .time .dec-section .clouds .cloud-1 {
    top: 220px;
  }
}
@media (max-width: 1400px) {
  .time .section .block .box > div.note {
    display: block;
  }
  .time .section .block .box > div.note a {
    margin-top: 10px;
  }
}
@media (max-width: 1199px) {
  .time .section .block .box .form .btns {
    margin-top: 50px;
    margin-bottom: 60px;
  }
  .time .section .block .box .form > div:nth-child(1) {
    display: block;
  }
  .time .section .block .box .form > div:nth-child(1) > div {
    justify-content: left !important;
  }
}
@media (max-width: 991px) {
  .time .section .block .box {
    padding: 40px 20px;
  }
  .time .section .block .box ul.blue-dot-style li::before {
    top: 12px;
  }
  .time .cart-table .product-body tr td.number-cell {
    display: flex;
  }
  .time #discountModal.modal .modal-dialog .modal-content .modal-header button {
    right: 40px;
    top: 20px;
  }
}
@media (max-width: 767px) {
  .time .section .block .box .form > div:nth-child(1) > div {
    display: block !important;
  }
  .time .section .block .box .form > div:nth-child(1) > div > span:nth-child(1) {
    margin-bottom: 10px;
    display: block;
  }
  .time .modal .modal-content {
    padding-top: 10px;
    padding-bottom: 40px;
  }
  .time .modal .modal-content .header button {
    position: static;
  }
}
@media (max-width: 575px) {
  .time .dec-section .clouds .cloud-1 {
    top: 160px;
  }
  .time .section .block .box {
    border-radius: 10px;
    padding: 30px 20px;
  }
  .time .section .block .box > div {
    padding-top: 20px;
  }
  .time .section .block .box > div:nth-child(1) {
    padding-top: 20px;
  }
  .time .section .block .box > div.note .blue-dot-style img {
    width: 12px;
    margin-top: -5px;
  }
  .time .section .block .box > div a.info {
    height: 38px;
    line-height: 36px;
    float: none !important;
  }
  .time .section .block .box .form {
    margin-bottom: 0;
  }
  .time .section .block .box .form > div:nth-child(1) > div > span:nth-child(1) {
    font-size: 15px;
  }
  .time .section .block .box .form .select2 {
    padding: 4px 5px;
    border-radius: 5px;
    width: 100% !important;
    padding-right: 30px;
  }
  .time .section .block .box .form .select2 .select2-selection__arrow {
    top: 6px;
    right: 10px;
  }
  .time .section .block .box .form .btns {
    display: block !important;
    margin-top: 16px;
    margin-bottom: 0;
  }
  .time .section .block .box .form .btns a {
    width: auto;
    margin: 0;
    margin-bottom: 15px;
  }
  .time .section .block .box .form .btns button {
    width: 100%;
    margin: 0;
    margin-bottom: 15px;
  }
  .time .section .block .box ul.blue-dot-style li::before {
    top: 8.5px;
  }
  .time ~ .select2-container .select2-results__options li {
    padding-left: 10px;
  }
  .time .modal .modal-content {
    border-radius: 10px;
  }
  .time .modal .modal-content .header button span {
    font-size: 20px;
  }
  .time .modal .modal-content .body img {
    width: 80px;
  }
  .time #discountModal.modal .modal-dialog .modal-content {
    padding: 10px;
  }
  .time #discountModal.modal .modal-dialog .modal-content .modal-header button {
    right: 10px;
  }
  .time #discountModal.modal .modal-dialog .modal-content .modal-body {
    padding: 10px 0 0 0;
  }
  .time #discountModal.modal .modal-dialog .modal-content .modal-footer a, .time #discountModal.modal .modal-dialog .modal-content .modal-footer button {
    height: 40px;
    width: 150px;
  }
}

#login [for=account] {
  width: auto;
}

/*20220802 新增日/英首頁*/
.maxW-1400 {
  max-width: 1400px;
  margin: 0 auto;
}

.maxW-1200 {
  max-width: 1200px;
  margin: 0 auto;
}

.colorWhite {
  color: #fff;
}

.colorOrg {
  color: #FF7917;
}

.colorBlack {
  color: #000;
}

.colorBlack2A {
  color: #2a2a2a;
}

.colorBlack4c {
  color: #4c4c4c;
}

.colorGray89 {
  color: #898989;
}

.colorBlueLight {
  color: #02BFD7;
}

.colorRed {
  color: #D3034D;
}

.colorBlueDeep {
  color: #0087C8;
}

.colorYellow {
  color: #E1C700;
}

.colorBrown {
  color: #622E09;
}

.overflowH {
  overflow: hidden;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.fw-800 {
  font-weight: 800;
}

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

.fz-13 {
  font-size: 13px;
}

.fz-15 {
  font-size: 15px;
}

.fz-16 {
  font-size: 16px;
}

.fz-18 {
  font-size: 18px;
}

.fz-20 {
  font-size: 20px;
}

.fz-22 {
  font-size: 22px;
}

.fz-24 {
  font-size: 24px;
}

.fz-44 {
  font-size: 44px;
}

.ff-notoSan {
  font-family: "Noto Sans TC", "Noto Sans JP", "Noto Sans SC";
}

.lh-20 {
  line-height: 20px;
}

.lh-24 {
  line-height: 24px;
}

.lh-30 {
  line-height: 30px;
}

.lh-32 {
  line-height: 32px;
}

.lh-48 {
  line-height: 48px;
}

.ls-30 {
  letter-spacing: 0.03em;
}

.ls-50 {
  letter-spacing: 0.05em;
}

.text-dec-linethrough {
  text-decoration: line-through;
}

#header.langHeader {
  z-index: 999;
}

#header.langHeader .complex > ul > li.active > a {
  background: #2DAFCA;
}

#header.langHeader .bg_phone .scroll_wrapper nav ul.menu {
  padding-left: 85px;
  padding-right: 85px;
}

#header.langHeader .menu > li > a {
  display: flex;
  align-items: center;
}

#header.langHeader .menu > li > a::before {
  content: "";
  width: 0;
  height: 0;
  margin-right: 13px;
  border-style: solid;
  border-width: 6px 4.5px 0 4.5px;
  border-color: #2DAFCA transparent transparent transparent;
  display: block;
}

@media (max-width: 1200px) {
  #header.langHeader .complex > ul > li {
    color: #333;
    float: none;
  }
  #header.langHeader .complex > ul > li:nth-child(2),
  #header.langHeader .complex > ul > li:nth-child(3) {
    order: 0;
  }
  #header.langHeader .complex > ul > li:last-child {
    margin-right: 10px;
  }
  #header.langHeader .complex > ul > li.active > a {
    background: transparent;
    color: #2DAFCA;
  }
  #header.langHeader .bg_phone .scroll_wrapper nav ul.menu > li a {
    max-width: 200px;
    display: flex;
  }
}
@media (max-width: 1800px) {
  #header.langHeader .bg_phone {
    margin: 0 auto;
  }
}
@media (max-width: 1600px) {
  #header.langHeader .bg_phone {
    margin: 0 auto;
  }
}
@media (max-width: 1500px) {
  /* #header.langHeader .bg_phone{

      margin: 0 0 0 250px;

    } */
  #header.langHeader .bg_phone .scroll_wrapper nav ul.menu {
    padding-left: 50px;
    padding-right: 50px;
  }
}
#index footer.langFooter {
  margin-top: -400px;
}

footer.langFooter .main .info {
  padding-top: 140px;
  justify-content: space-between;
}

footer.langFooter .main .info > div:nth-child(1) > div > span {
  margin-bottom: 0;
}

footer.langFooter .main .info > div:nth-child(3) {
  margin-top: 75px;
}

@media (max-width: 1600px) {
  footer.langFooter .main .info {
    padding-top: 90px;
  }
  footer.langFooter .main .info > div:nth-child(2) {
    margin-top: 10px;
  }
  footer.langFooter .main .info > div:nth-child(3) {
    margin-top: 10px;
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  footer.langFooter .main .info {
    padding-top: 70px;
  }
}
@media (max-width: 767px) {
  footer.langFooter .main .info {
    padding-top: 30px;
    flex-direction: column;
  }
  footer.langFooter .main .info > div:nth-child(2) {
    margin-top: 20px;
  }
  footer.langFooter .main .info > div:nth-child(3) {
    margin-top: 20px;
    margin-left: 0;
  }
}
@media (max-width: 575px) {
  footer.langFooter .main .info {
    padding-top: 25px;
  }
  footer.langFooter .main .info > div:nth-child(3) {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
}
@-webkit-keyframes langScrollAni {
  0% {
    opacity: 1;
    top: 0;
  }
  50% {
    opacity: 0.4;
    top: 10px;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}
@-webkit-keyframes langRainAni {
  0% {
    opacity: 1;
    top: calc(var(--rainTop) + 0px);
    left: calc(var(--rainLeft) + 0px);
  }
  90% {
    opacity: 0;
    top: calc(var(--rainTop) + 30px);
    left: calc(var(--rainLeft) + 30px);
  }
  99% {
    opacity: 0;
    top: calc(var(--rainTop) + 0px);
    left: calc(var(--rainLeft) + 0px);
  }
  100% {
    opacity: 1;
    top: calc(var(--rainTop) + 0px);
    left: calc(var(--rainLeft) + 0px);
  }
}
@-webkit-keyframes langRain2Ani {
  0% {
    opacity: 1;
    bottom: calc(var(--rainTop) - 0px);
    left: calc(var(--rainLeft) - 0px);
  }
  90% {
    opacity: 0;
    bottom: calc(var(--rainTop) - 30px);
    left: calc(var(--rainLeft) - 30px);
  }
  99% {
    opacity: 0;
    bottom: calc(var(--rainTop) - 0px);
    left: calc(var(--rainLeft) - 0px);
  }
  100% {
    opacity: 1;
    bottom: calc(var(--rainTop) - 0px);
    left: calc(var(--rainLeft) - 0px);
  }
}
.langIndexMain {
  scroll-behavior: smooth;
}

.langIndexMain .anchor,
.langFacilityMain .anchor {
  position: relative;
  top: -150px;
}

.langIndexMain ul,
.langFacilityMain ul {
  list-style: none;
}

.langIndexMain > .inner {
  padding-top: 0;
}

@media (min-width: 576px) {
  .langIndexMain .container,
  .langFacilityMain .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .langIndexMain .container,
  .langFacilityMain .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .langIndexMain .container,
  .langFacilityMain .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .langIndexMain .container,
  .langFacilityMain .container {
    max-width: 1140px;
  }
}
@media (min-width: 1500px) {
  .langIndexMain .container,
  .langFacilityMain .container {
    max-width: 1430px;
  }
}
.langIndexMain .sectionBanner {
  height: 100vh;
  position: relative;
}

.langIndexMain .sectionBanner .bannerSlick {
  height: 100%;
}

.langIndexMain .sectionBanner .bannerSlick .slick-list {
  height: 100%;
}

.langIndexMain .sectionBanner .bannerSlick .slick-track {
  height: 100%;
}

.langIndexMain .sectionBanner .bannerSlick .item {
  height: 100%;
}

.langIndexMain .sectionBanner .bannerSlick .img {
  width: 100%;
  height: 100%;
}

.langIndexMain .sectionBanner .bannerSlick .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.langIndexMain .sectionBanner .scrollDec {
  width: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  bottom: 21.2%;
  transform: translateX(-50%);
  z-index: 10;
}

.langIndexMain .sectionBanner .scrollDec .iconImg {
  width: 26px;
  height: 43px;
  margin-bottom: 15px;
  position: relative;
  animation: langScrollAni 1.4s linear 0s infinite normal forwards;
}

.langIndexMain .sectionBanner .bottomCover {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}

.langIndexMain .sectionBanner .bottomCover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.langIndexMain .sectionBanner .reserveContainer {
  width: 300px;
  height: 300px;
  position: absolute;
  bottom: 9.6%;
  right: 14.8%;
  transition: all 0.4s;
}

.langIndexMain .sectionBanner .reserveContainer:hover {
  transform: scale(1.05);
}

.langIndexMain .sectionBanner .reserveContainer .article {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.langIndexMain .sectionBanner .reserveContainer .icon {
  width: 40px;
  height: 40px;
  margin-bottom: 20px;
}

.langIndexMain .sectionBanner .reserveContainer .icon img {
  width: 100%;
  height: 100%;
}

.langIndexMain .sectionBanner .reserveContainer .title {
  max-width: 210px;
  margin-bottom: 10px;
}

.langIndexMain .sectionBanner .reserveContainer .content {
  max-width: 210px;
}

@media (max-width: 1499px) {
  .langIndexMain .sectionBanner .reserveContainer {
    right: 50px;
  }
}
@media (max-width: 991px) {
  .langIndexMain .sectionBanner .reserveContainer {
    width: 250px;
    height: 250px;
    bottom: 30px;
  }
  .langIndexMain .sectionBanner .reserveContainer .icon {
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
  }
  .langIndexMain .sectionBanner .reserveContainer .title {
    margin-bottom: 5px;
    font-size: 20px;
  }
  .langIndexMain .sectionBanner .reserveContainer .content {
    max-width: 170px;
  }
}
@media (max-width: 767px) {
  .langIndexMain .sectionBanner .scrollDec {
    display: none;
  }
  .langIndexMain .sectionBanner .reserveContainer {
    right: 30px;
  }
  .langIndexMain .sectionBanner .bottomCover {
    height: 150px;
  }
}
@media (max-width: 575px) {
  .langIndexMain .sectionBanner .reserveContainer {
    width: 200px;
    height: 200px;
    bottom: 10px;
    right: 10px;
  }
  .langIndexMain .sectionBanner .reserveContainer .icon {
    display: none;
  }
  .langIndexMain .sectionBanner .reserveContainer .content {
    max-width: 160px;
  }
}
.langIndexMain .sectionTime {
  position: relative;
}

.langIndexMain .sectionTime .gradientBg {
  width: 100%;
  height: 84%;
  position: absolute;
  top: 0;
  background: linear-gradient(to bottom, #DDEFF2, #C6F0F6 25%, #fff);
}

.langIndexMain .sectionTime .decFish01 {
  width: 182px;
  position: absolute;
  top: 0;
  left: 39.2%;
}

.langIndexMain .sectionTime .decFish02 {
  width: 345px;
  position: absolute;
  top: 32.9%;
  right: 3.5%;
}

.langIndexMain .sectionTime .decFrog01 {
  width: 63px;
  position: absolute;
  right: 30.3%;
  top: 37.3%;
}

.langIndexMain .sectionTime .decFrog02 {
  width: 63px;
  position: absolute;
  right: 8.5%;
  top: 70.5%;
}

.langIndexMain .sectionTime .decRainbow {
  width: 33.85%;
  position: absolute;
  left: 0%;
  top: 7.1%;
}

.langIndexMain .sectionTime .decRain {
  --rainLeft: 17.6%;
  --rainTop: 43.7%;
  width: 14.8%;
  position: absolute;
  left: var(--rainLeft);
  top: var(--rainTop);
  animation: langRainAni 2s linear 0s infinite normal forwards;
}

.langIndexMain .sectionTime .leafs .leafGroup {
  position: absolute;
  top: 0;
}

.langIndexMain .sectionTime .leafs .leafGroup div {
  width: 100%;
  position: relative;
}

.langIndexMain .sectionTime .leafs .leafGroup img {
  width: 100%;
  height: 100%;
  position: absolute;
}

.langIndexMain .sectionTime .leafs .left {
  width: 31%;
  left: 0;
  transform: translate(-39%, -42%);
}

.langIndexMain .sectionTime .leafs .left div {
  padding-bottom: 75.4%;
}

.langIndexMain .sectionTime .leafs .right {
  width: 32.3%;
  right: 0;
  transform: translate(51.1%, -54.9%);
}

.langIndexMain .sectionTime .leafs .right div {
  padding-bottom: 66.1%;
}

.langIndexMain .sectionTime .container {
  position: relative;
}

.langIndexMain .sectionTime .slogan {
  max-width: 1040px;
  margin: 0 auto 125px;
  padding-top: 125px;
}

.langIndexMain .sectionTime .timeContainer {
  max-width: 865px;
  min-height: 358px;
  margin: 0 auto 0;
  padding: 50px 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.langIndexMain .sectionTime .timeContainer .bgImg {
  width: 100%;
  height: 100%;
  position: absolute;
}

.langIndexMain .sectionTime .timeContainer .bgImg img {
  width: 100%;
  height: 100%;
}

.langIndexMain .sectionTime .timeContainer .timeArticle {
  position: relative;
}

.langIndexMain .sectionTime .timeContainer .content {
  margin-top: 35px;
}

.langIndexMain .sectionTime .timeContainer .content p {
  margin-bottom: 0;
}

.langIndexMain .sectionTime .timeContainer .note {
  max-width: 600px;
  margin-top: 20px;
}

@media (max-width: 1599px) {
  .langIndexMain .sectionTime .decFrog01 {
    display: none;
  }
}
@media (max-width: 1199px) {
  .langIndexMain .sectionTime .leafs .left {
    width: 40%;
  }
  .langIndexMain .sectionTime .leafs .right {
    width: 45%;
    transform: translate(51.1%, -38%);
  }
  .langIndexMain .sectionTime .decFish02 {
    top: 40%;
  }
}
@media (max-width: 991px) {
  .langIndexMain .sectionTime .decRain {
    --rainLeft: 10%;
    --rainTop: 35%;
    width: 20%;
  }
  .langIndexMain .sectionTime .slogan {
    margin-bottom: 80px;
    padding-top: 80px;
    font-size: 20px;
    line-height: 30px;
  }
  .langIndexMain .sectionTime .timeContainer {
    min-height: auto;
    padding: 50px 10px;
  }
  .langIndexMain .sectionTime .timeContainer .title {
    font-size: 36px;
    line-height: 40px;
  }
  .langIndexMain .sectionTime .timeContainer .content {
    margin-top: 20px;
  }
  .langIndexMain .sectionTime .timeContainer .note {
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 767px) {
  .langIndexMain .sectionTime .timeContainer {
    padding: 0;
  }
  .langIndexMain .sectionTime .timeContainer .bgImg {
    display: none;
  }
}
@media (max-width: 575px) {
  .langIndexMain .sectionTime .decFish01 {
    width: 20%;
  }
  .langIndexMain .sectionTime .decFish02 {
    width: 40%;
    right: -5%;
  }
  .langIndexMain .sectionTime .slogan {
    margin-bottom: 50px;
    padding-top: 50px;
    font-size: 18px;
    line-height: 30px;
  }
  .langIndexMain .sectionTime .timeContainer .title {
    font-size: 30px;
    line-height: 32px;
  }
}
.langIndexMain .sectionFacility {
  padding-top: 125px;
  padding-bottom: 556px;
  position: relative;
  z-index: 5;
}

.langIndexMain .sectionFacility .bg {
  width: 100%;
  height: 650px;
  position: absolute;
  bottom: 0;
}

.langIndexMain .sectionFacility .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.langIndexMain .sectionFacility .deers {
  z-index: 20;
  position: absolute;
  bottom: 77px;
  left: 54%;
  transform: translateX(-50%);
  width: 1920px;
  height: 190px;
}

.langIndexMain .sectionFacility .deers > div {
  position: absolute;
}

.langIndexMain .sectionFacility .deers > div > img:nth-child(1) {
  position: relative;
  z-index: 1;
}

.langIndexMain .sectionFacility .deers .deer-1 {
  top: -30px;
  left: 470px;
}

.langIndexMain .sectionFacility .deers .deer-1 img:nth-child(2) {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}

.langIndexMain .sectionFacility .deers .deer-2 {
  top: -107px;
  left: 960px;
}

.langIndexMain .sectionFacility .deers .deer-2 img:nth-child(2) {
  position: absolute;
  bottom: 42px;
  left: 54%;
  transform: translateX(-50%);
}

.langIndexMain .sectionFacility .deers .deer-3 {
  top: -65px;
  left: 1185px;
}

.langIndexMain .sectionFacility .deers .deer-3 img:nth-child(2) {
  position: absolute;
  bottom: 9px;
  left: 62%;
  transform: translateX(-50%);
}

.langIndexMain .sectionFacility .itemList .listRow {
  margin: 0 -34px;
}

.langIndexMain .sectionFacility .itemList .listCol {
  padding: 0 34px;
}

.langIndexMain .sectionFacility .itemList .listCol:nth-child(even) {
  padding-top: 60px;
}

.langIndexMain .sectionFacility .itemList .item .itemImg {
  width: 100%;
  height: 0;
  padding-bottom: 97.06%;
  margin-bottom: 28px;
  position: relative;
  -webkit-mask: url(images/lang/facility-mask.png) no-repeat center center;
  -webkit-mask-size: cover;
}

.langIndexMain .sectionFacility .itemList .item .itemImg img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
}

.langIndexMain .sectionFacility .itemList .item .content {
  max-width: 251px;
  margin: 15px auto 0;
}

.langIndexMain .sectionFacility .link {
  margin-top: 104px;
  position: relative;
  display: flex;
  justify-content: center;
}

.langIndexMain .sectionFacility .link a {
  height: 50px;
  color: #02BFD7;
  padding: 0 45px;
  border: 2px solid #02BFD7;
  border-radius: 25px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
}

.langIndexMain .sectionFacility .link a:hover {
  color: #fff;
  background: #02BFD7;
}

@media (max-width: 1199px) {
  .langIndexMain .sectionFacility .itemList {
    max-width: 650px;
    margin: 0 auto;
  }
  .langIndexMain .sectionFacility .itemList .listCol {
    margin-bottom: 80px;
  }
  .langIndexMain .sectionFacility .itemList .listCol:nth-child(even) {
    padding-top: 0px;
  }
  .langIndexMain .sectionFacility .link {
    margin-top: 80px;
  }
}
@media (max-width: 767px) {
  .langIndexMain .sectionFacility {
    padding-top: 100px;
  }
  .langIndexMain .sectionFacility .deers {
    width: 100%;
    left: 0;
    transform: translateX(0%);
  }
  .langIndexMain .sectionFacility .deers .deer-1 {
    top: -30px;
    left: -20px;
  }
  .langIndexMain .sectionFacility .deers .deer-2 {
    top: -82px;
    left: 45%;
    z-index: 5;
  }
  .langIndexMain .sectionFacility .deers .deer-3 {
    top: -95px;
    right: -53px;
    left: auto;
  }
}
@media (max-width: 575px) {
  .langIndexMain .sectionFacility {
    padding-bottom: 450px;
  }
  .langIndexMain .sectionFacility .bg {
    height: 550px;
  }
  .langIndexMain .sectionFacility .deers .deer-1 {
    width: 150px;
    top: 12px;
  }
  .langIndexMain .sectionFacility .deers .deer-2 {
    width: 200px;
    top: -29px;
  }
  .langIndexMain .sectionFacility .deers .deer-2 img:nth-child(2) {
    bottom: 27px;
  }
  .langIndexMain .sectionFacility .deers .deer-3 {
    width: 180px;
    top: -39px;
  }
  .langIndexMain .sectionFacility .itemList {
    max-width: 280px;
  }
  .langIndexMain .sectionFacility .itemList .listCol:nth-child(even) {
    padding-top: 0px;
  }
  .langIndexMain .sectionFacility .itemList .listCol {
    margin-bottom: 60px;
  }
  .langIndexMain .sectionFacility .link {
    margin-top: 40px;
  }
}
@media (max-width: 399px) {
  .langIndexMain .sectionFacility .deers .deer-2 {
    top: -82px;
    right: -5%;
    left: auto;
  }
  .langIndexMain .sectionFacility .deers .deer-3 {
    display: none;
  }
}
.langIndexMain .sectionCourse {
  margin-top: -309px;
  padding-top: 365px;
  padding-bottom: 610px;
  position: relative;
}

.langIndexMain .sectionCourse .gradientBg {
  width: 100%;
  height: 43.1%;
  background: linear-gradient(to bottom, #D6C6E5, #D6C6E5 27.8%, rgba(212, 198, 219, 0.9) 39.1%, rgba(221, 209, 223, 0.85) 46.2%, rgba(225, 210, 228, 0) 62.8%);
  position: absolute;
  top: 0;
  left: 0;
}

.langIndexMain .sectionCourse .decLeafLeft {
  width: 19.8%;
  position: absolute;
  top: 210px;
  left: 0;
}

.langIndexMain .sectionCourse .decLeafRight {
  width: 18.75%;
  position: absolute;
  top: 113px;
  right: 0;
}

.langIndexMain .sectionCourse .decDolphin {
  width: 291px;
  position: absolute;
  top: 274px;
  left: 35.2%;
}

.langIndexMain .sectionCourse .decCloud {
  width: 155px;
  position: absolute;
  top: 48.4%;
  left: 1.04%;
}

.langIndexMain .sectionCourse .decTurtle01 {
  width: 101px;
  position: absolute;
  top: 43.31%;
  right: 3.645%;
}

.langIndexMain .sectionCourse .decTurtle02 {
  width: 81px;
  position: absolute;
  bottom: 32.07%;
  right: 7.81%;
}

.langIndexMain .sectionCourse .bottomDec {
  width: 100%;
  height: 610px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.langIndexMain .sectionCourse .bottomDec .bg {
  width: 100%;
  height: 100%;
}

.langIndexMain .sectionCourse .bottomDec .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.langIndexMain .sectionCourse .bottomDec .decFish01 {
  width: 218px;
  position: absolute;
  top: 3.6px;
  left: 12.167%;
}

.langIndexMain .sectionCourse .bottomDec .decFish02 {
  width: 222px;
  position: absolute;
  top: 154.4px;
  left: 31.94%;
}

.langIndexMain .sectionCourse .bottomDec .decFish03 {
  width: 203px;
  position: absolute;
  top: 199px;
  right: 39.17%;
}

.langIndexMain .sectionCourse .bottomDec .decFish04 {
  width: 320px;
  position: absolute;
  top: 72.2px;
  right: 11.56%;
}

.langIndexMain .sectionCourse .bottomDec .decBouble {
  width: 134px;
  position: absolute;
  top: 71.2px;
  left: 45.5%;
}

.langIndexMain .sectionCourse .main {
  margin-bottom: 110px;
}

.langIndexMain .sectionCourse .main .pics {
  padding-top: 60px;
  position: relative;
  width: 100%;
  max-width: 1370px;
  margin: auto;
}

.langIndexMain .sectionCourse .main .pics ul.slider {
  max-width: 928px;
  width: 67%;
  margin-left: auto;
}

.langIndexMain .sectionCourse .main .pics svg {
  transform: rotateY(180deg);
  transform-origin: center;
}

.langIndexMain .sectionCourse .main .pics svg image {
  transform: rotateY(180deg);
  transform-origin: center;
}

.langIndexMain .sectionCourse .main .pics ul.slider .slick-dots {
  top: -100px;
}

.langIndexMain .sectionCourse .main .pics ul.slider .slick-dots li.slick-active button {
  background: #F17911;
  border: 2px solid #F17911;
}

.langIndexMain .sectionCourse .main .pics .pic {
  max-width: 660px;
  width: 50%;
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
}

.langIndexMain .sectionCourse .main .activities {
  max-width: 1000px;
  margin: auto;
  padding-top: 65px;
}

.langIndexMain .sectionCourse .main .activities > div {
  float: left;
}

.langIndexMain .sectionCourse .main .activities > div:nth-child(1) {
  width: 38%;
  text-align: right;
  padding-left: 20px;
}

.langIndexMain .sectionCourse .main .activities > div:nth-child(1) .arrows {
  position: relative;
  width: 110px;
  height: 50px;
  margin-top: 30px;
  margin-left: auto;
}

.langIndexMain .sectionCourse .main .activities > div:nth-child(2) {
  width: 48%;
  padding-left: 87px;
  padding-top: 8px;
  text-align: left;
}

.langIndexMain .sectionCourse .main .activities > div:nth-child(2) .itemTitle {
  margin-bottom: 25px;
}

.langIndexMain .sectionCourse .main .activities > div:nth-child(2) p {
  line-height: 1.7em;
}

@media screen and (max-width: 1199px) {
  .langIndexMain .sectionCourse .main {
    margin-bottom: 30px;
  }
  .langIndexMain .sectionCourse .bottomDec .decFish01 {
    width: 20%;
    top: 3.6px;
    left: 2%;
  }
  .langIndexMain .sectionCourse .bottomDec .decFish02 {
    width: 22%;
    top: 180px;
    left: 10%;
  }
  .langIndexMain .sectionCourse .bottomDec .decFish03 {
    width: 20%;
    top: 199px;
    right: 39.17%;
  }
  .langIndexMain .sectionCourse .bottomDec .decFish04 {
    width: 32%;
    top: 72.2px;
    right: 5%;
  }
  .langIndexMain .sectionCourse .bottomDec .decBouble {
    width: 13%;
    top: 71.2px;
    left: 34%;
  }
}
@media screen and (max-width: 991px) {
  .langIndexMain .sectionCourse .decLeafLeft {
    width: 30%;
    top: 220px;
    left: 0;
  }
  .langIndexMain .sectionCourse .decLeafRight {
    width: 28%;
    top: 150px;
    right: 0;
  }
  .langIndexMain .sectionCourse .bottomDec .decFish01 {
    width: 20%;
    top: 9%;
    left: 2%;
  }
  .langIndexMain .sectionCourse .bottomDec .decFish02 {
    width: 22%;
    top: 30%;
    left: 10%;
  }
  .langIndexMain .sectionCourse .bottomDec .decFish03 {
    width: 20%;
    top: 35%;
    right: 39.17%;
  }
  .langIndexMain .sectionCourse .bottomDec .decFish04 {
    width: 32%;
    top: 25%;
    right: 1%;
  }
  .langIndexMain .sectionCourse .bottomDec .decBouble {
    width: 13%;
    top: 15%;
    left: 30%;
  }
  .langIndexMain .sectionCourse .main .activities {
    padding-bottom: 50px;
    padding-top: 30px;
  }
  .langIndexMain .sectionCourse .main .activities > div {
    float: none;
  }
  .langIndexMain .sectionCourse .main .activities > div:nth-child(1) {
    text-align: center;
    padding-left: 0;
    width: 100%;
  }
  .langIndexMain .sectionCourse .main .activities > div:nth-child(1) h2 {
    margin-bottom: 0;
  }
  .langIndexMain .sectionCourse .main .activities > div:nth-child(1) .arrows {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    padding: 0;
  }
  .langIndexMain .sectionCourse .main .activities > div:nth-child(1) .arrows .slick-arrow {
    width: 50px;
    height: 50px;
  }
  .langIndexMain .sectionCourse .main .activities > div:nth-child(2) {
    padding-left: 0;
    width: 100%;
  }
  .langIndexMain .sectionCourse .main .activities > div:nth-child(2) .date {
    display: table !important;
    margin: auto;
    padding-bottom: 10px;
    margin-bottom: 15px;
  }
  .langIndexMain .sectionCourse .main .activities > div:nth-child(2) .date::after {
    left: 50%;
    transform: translateX(-50%);
  }
  .langIndexMain .sectionCourse .main .activities > div:nth-child(2) ul {
    text-align: center;
    padding-top: 14px;
  }
}
@media screen and (max-width: 767px) {
  .langIndexMain .sectionCourse {
    padding-bottom: 450px;
  }
  .langIndexMain .sectionCourse .bottomDec {
    height: 450px;
  }
}
@media screen and (max-width: 575px) {
  .langIndexMain .sectionCourse .decLeafLeft {
    width: 40%;
    top: 220px;
    left: 0;
  }
  .langIndexMain .sectionCourse .decLeafRight {
    width: 36%;
    top: 150px;
    right: 0;
  }
  .langIndexMain .sectionCourse .decDolphin {
    width: 200px;
    top: 320px;
    left: 35%;
  }
  .langIndexMain .sectionCourse .bottomDec .decFish01 {
    width: 29%;
    top: 5%;
    left: -6%;
  }
  .langIndexMain .sectionCourse .bottomDec .decFish02 {
    width: 40%;
    top: 30%;
    left: 10%;
  }
  .langIndexMain .sectionCourse .bottomDec .decFish03 {
    display: none;
  }
  .langIndexMain .sectionCourse .bottomDec .decFish04 {
    width: 48%;
    top: 18%;
    right: -13%;
  }
  .langIndexMain .sectionCourse .bottomDec .decBouble {
    width: 19%;
    top: 12%;
    left: 41%;
  }
  .langIndexMain .sectionCourse .main .pics {
    padding-top: 70px;
  }
  .langIndexMain .sectionCourse .main .pics ul.slider {
    width: 100%;
  }
  .langIndexMain .sectionCourse .main .pics ul.slider .slick-dots {
    top: -40px;
  }
  .langIndexMain .sectionCourse .main .pics ul.slider .slick-dots li button {
    border: 3px solid white;
  }
  .langIndexMain .sectionCourse .main .pics .pic {
    position: static;
    width: 100%;
  }
  .langIndexMain .sectionCourse .main .activities {
    padding-bottom: 60px;
  }
  .langIndexMain .sectionCourse .main .activities > div:nth-child(2) .date {
    font-size: 16px;
    padding-bottom: 15px;
    margin-bottom: 24px;
  }
  .langIndexMain .sectionCourse .main .activities > div:nth-child(2) .font-24 {
    font-size: 20px;
  }
  .langIndexMain .sectionCourse .main .activities > div:nth-child(2) p {
    font-size: 16px;
  }
  .langIndexMain .sectionCourse .main .activities > div:nth-child(1) > span {
    font-size: 16px;
  }
}
.langIndexMain .sectionInfo {
  margin-top: -350px;
  padding-top: 178px;
  padding-bottom: 880px;
  position: relative;
}

.langIndexMain .sectionInfo .leafLeft {
  width: 18.2%;
  position: absolute;
  top: 0;
  left: 0;
}

.langIndexMain .sectionInfo .leafRight {
  width: 25.78%;
  position: absolute;
  top: 15px;
  right: 0;
}

.langIndexMain .sectionInfo .bottomDec {
  width: 100%;
  height: 1050px;
  bottom: 0;
  position: absolute;
}

.langIndexMain .sectionInfo .bottomDec .bg {
  width: 100%;
  height: 100%;
}

.langIndexMain .sectionInfo .bottomDec .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.langIndexMain .sectionInfo .bottomDec .bird {
  width: 201px;
  position: absolute;
  top: -133px;
  right: 8.45%;
}

.langIndexMain .sectionInfo .bottomDec .animals .animal-1 {
  width: 155px;
  bottom: 216px;
  left: 9%;
  position: absolute;
}

.langIndexMain .sectionInfo .bottomDec .animals .animal-2 {
  width: 210px;
  bottom: 183px;
  left: 16%;
  position: absolute;
}

.langIndexMain .sectionPrice {
  position: relative;
}

.langIndexMain .sectionPrice .decStar01,
.langIndexMain .sectionPrice .decStar02,
.langIndexMain .sectionPrice .decStar03,
.langIndexMain .sectionPrice .decStar04 {
  width: 20px;
  position: absolute;
}

.langIndexMain .sectionPrice .decStar01 {
  left: 7.24%;
  top: 41.94%;
}

.langIndexMain .sectionPrice .decStar02 {
  left: 12.13%;
  top: 57.47%;
}

.langIndexMain .sectionPrice .decStar03 {
  right: 14%;
  bottom: 27.98%;
}

.langIndexMain .sectionPrice .decStar04 {
  right: 9.635%;
  bottom: 12.49%;
}

.langIndexMain .sectionPrice .decCloud {
  width: 241px;
  position: absolute;
  left: 0;
  bottom: 3px;
}

.langIndexMain .sectionPrice .priceMain {
  border-bottom: 1px solid #dcdcdc;
}

.langIndexMain .priceMain .title {
  margin-bottom: 35px;
}

.langIndexMain .priceMain .slogan {
  max-width: 980px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  text-decoration: underline;
  text-decoration-color: #fed1b0;
  text-decoration-thickness: 4px;
}

.langIndexMain .sectionPrice table {
  width: 100%;
}

.langIndexMain .sectionPrice table tbody tr td:not(:last-child) {
  border-right: 1px solid #DDDAD8;
}

.langIndexMain .sectionPrice table thead tr {
  border-top: 2px solid #174A79;
  background: #EAEFF3;
}

.langIndexMain .sectionPrice table thead tr th {
  padding: 15.5px 10px;
}

.langIndexMain .sectionPrice table thead tr th:nth-child(1) {
  width: 20.8%;
}

.langIndexMain .sectionPrice table thead tr th:nth-child(2) {
  width: 45.8%;
}

.langIndexMain .sectionPrice table thead tr th:nth-child(3) {
  width: 15.5%;
}

.langIndexMain .sectionPrice table thead tr th:nth-child(4) {
  width: 17.9%;
}

.langIndexMain .sectionPrice table tbody tr {
  border-bottom: 1px solid #DDDAD8;
}

.langIndexMain .sectionPrice table tbody tr:nth-child(even) {
  background: #EAEFF3;
}

.langIndexMain .sectionPrice table tbody tr td {
  padding: 25px 10px;
}

.langIndexMain .sectionPrice table tbody tr td.text-left {
  padding: 25px 38px;
}

.langIndexMain .priceMain .note {
  padding: 45px 30px;
}

.langIndexMain .priceMain .note ul {
  margin-top: 15px;
}

.langIndexMain .priceMain .note li {
  position: relative;
}

.langIndexMain .priceMain .note ul li::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #262626;
  position: absolute;
  left: -1.1em;
  top: 0.8em;
}

/* .langIndexMain .sectionPrice table tbody tr td span.title { display: none; } */
@media (max-width: 1499px) {
  .langIndexMain .sectionPrice .decStar01 {
    left: 2px;
    top: 41.94%;
  }
  .langIndexMain .sectionPrice .decStar02 {
    left: 25px;
    top: 57.47%;
  }
  .langIndexMain .sectionPrice .decStar03 {
    right: 3px;
    bottom: 27.98%;
  }
  .langIndexMain .sectionPrice .decStar04 {
    right: 30px;
    bottom: 12.49%;
  }
}
@media (max-width: 991px) {
  .langIndexMain .sectionInfo {
    padding-bottom: 600px;
  }
  .langIndexMain .sectionInfo .bottomDec {
    height: 700px;
  }
  .langIndexMain .sectionInfo .bottomDec .animals .animal-1 {
    bottom: 177px;
    left: 9%;
  }
  .langIndexMain .sectionInfo .bottomDec .animals .animal-2 {
    bottom: 124px;
    left: 28%;
  }
  .langIndexMain .sectionInfo .leafLeft {
    width: 25%;
  }
  .langIndexMain .sectionInfo .leafRight {
    width: 40%;
  }
  .langIndexMain .sectionPrice table thead tr th:nth-child(1) {
    width: 20%;
  }
  .langIndexMain .sectionPrice table thead tr th:nth-child(2) {
    width: 45%;
  }
  .langIndexMain .sectionPrice table thead tr th:nth-child(3) {
    width: 15%;
  }
  .langIndexMain .sectionPrice table thead tr th:nth-child(4) {
    width: 20%;
  }
  .langIndexMain .sectionPrice table tbody {
    font-size: 16px;
  }
  .langIndexMain .sectionPrice table tbody tr td.text-left {
    padding: 25px 15px;
  }
  .langIndexMain .priceMain .note {
    padding: 30px 0px;
  }
  .langIndexMain .priceMain .note ul {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .langIndexMain .sectionInfo {
    padding-bottom: 500px;
  }
  .langIndexMain .sectionPrice .table-wrapper {
    max-width: 100%;
    padding-bottom: 5px;
    overflow-x: scroll;
  }
  .langIndexMain .sectionPrice table {
    width: 800px;
  }
}
@media (max-width: 575px) {
  .langIndexMain .sectionPrice .decCloud {
    left: -5%;
    opacity: 0.6;
  }
}
.langIndexMain .sectionLocation {
  padding-top: 130px;
  position: relative;
}

.langIndexMain .sectionLocation .decCloud01 {
  width: 323px;
  position: absolute;
  top: 53px;
  right: -8.54%;
}

.langIndexMain .sectionLocation .decCloud02 {
  width: 190px;
  position: absolute;
  top: 14.47%;
  right: 6.34%;
}

.langIndexMain .sectionLocation .decPeopleBox {
  width: 268px;
  position: absolute;
  top: 25.18%;
  left: 2.88%;
}

.langIndexMain .sectionLocation .decPeople {
  width: 100%;
}

.langIndexMain .sectionLocation .decStar01 {
  width: 20px;
  position: absolute;
  top: -8.27%;
  left: 29.96%;
}

.langIndexMain .sectionLocation .decStar02 {
  width: 20px;
  position: absolute;
  left: 29.96%;
  top: 26.515%;
}

.langIndexMain .sectionLocation .decStar03 {
  width: 20px;
  position: absolute;
  right: 2.87%;
  top: 31.33%;
}

.langIndexMain .sectionLocation .decStar04 {
  width: 25px;
  position: absolute;
  left: 0%;
  top: 34.78%;
}

.langIndexMain .sectionLocation .decBicycle {
  width: 220px;
  position: absolute;
  top: 53.7%;
  right: 0;
}

.langIndexMain .sectionLocation .title {
  margin-bottom: 60px;
}

.langIndexMain .sectionLocation iframe {
  height: 450px;
  margin-bottom: 70px;
}

.langIndexMain .sectionLocation .locationInfo > ul > li {
  display: flex;
  padding: 40px 10px;
}

.langIndexMain .sectionLocation .locationInfo > ul > li:not(:last-child) {
  border-bottom: 1px solid #dcdcdc;
}

.langIndexMain .sectionLocation .locationInfo > ul > li > div {
  position: relative;
}

.langIndexMain .sectionLocation .locationInfo > ul > li > div:nth-child(1) {
  align-self: flex-start;
  flex: 0 0 134px;
}

.langIndexMain .sectionLocation .locationInfo > ul > li > div:nth-child(1) img:nth-child(1) {
  width: 134px;
}

.langIndexMain .sectionLocation .locationInfo > ul > li > div:nth-child(1) img:nth-child(2) {
  width: 45px;
}

.langIndexMain .sectionLocation .locationInfo > ul > li > div:nth-child(2) > h3 {
  background: url(images/visit/orange-line.jpg) bottom repeat-x;
}

.langIndexMain .sectionLocation .locationInfo > ul > li > div:nth-child(2) > ul > li {
  position: relative;
  padding-left: 18px;
  line-height: 1.7em;
  color: rgba(0, 0, 0, 0.7);
}

.langIndexMain .sectionLocation .locationInfo > ul > li > div:nth-child(2) > ul > li::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #C8350B;
  position: absolute;
  left: 5px;
  top: 12px;
}

@media (max-width: 1699px) {
  .langIndexMain .sectionLocation .decPeopleBox {
    left: -5%;
  }
}
@media (max-width: 1399px) {
  .langIndexMain .sectionLocation .decCloud02 {
    /* width: 190px;*/
    top: 20%;
    right: 1%;
  }
  .langIndexMain .sectionLocation .decPeopleBox {
    width: 100px;
    height: 300px;
    left: 0%;
  }
  .langIndexMain .sectionLocation .decPeople {
    display: none;
  }
  .langIndexMain .sectionLocation .decStar01 {
    top: 0%;
    left: 30%;
  }
  .langIndexMain .sectionLocation .decStar02 {
    left: 9%;
    top: 25%;
  }
  .langIndexMain .sectionLocation .decStar03 {
    right: 5%;
    top: 60%;
  }
  .langIndexMain .sectionLocation .decStar04 {
    left: 15%;
    top: 100%;
  }
  .langIndexMain .sectionLocation .decBicycle {
    opacity: 0.6;
  }
}
@media (max-width: 991px) {
  .langIndexMain .sectionLocation .decBicycle {
    right: -125px;
  }
}
@media (max-width: 767px) {
  .langIndexMain .sectionLocation {
    padding-top: 100px;
  }
  .langIndexMain .sectionLocation .title {
    margin-bottom: 40px;
  }
  .langIndexMain .sectionLocation iframe {
    height: 300px;
    margin-bottom: 0px;
  }
  .langIndexMain .sectionLocation .locationInfo > ul > li {
    display: block;
    padding: 40px 0;
  }
  .langIndexMain .sectionLocation .locationInfo > ul > li > div:nth-child(1) {
    display: table;
    margin-bottom: 20px;
  }
  .langIndexMain .sectionLocation .locationInfo > ul > li > div:nth-child(2) > ul > li {
    font-size: 16px;
  }
}
@media (max-width: 575px) {
  .langIndexMain .sectionLocation .locationInfo > ul > li > div:nth-child(1) {
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
  }
  .langIndexMain .sectionLocation .locationInfo > ul > li > div:nth-child(1) img:nth-child(1) {
    width: 80px;
  }
  .langIndexMain .sectionLocation .locationInfo > ul > li > div:nth-child(1) img:nth-child(2) {
    width: 30px;
  }
  .langIndexMain .sectionLocation .locationInfo > ul > li > div:nth-child(2) > span {
    margin: auto;
  }
  .langIndexMain .sectionLocation .locationInfo > ul > li > div:nth-child(2) > ul > li::before {
    top: 11px;
  }
  .langIndexMain .sectionLocation .locationMain iframe {
    height: 300px;
  }
}
.langIndexMain .sectionContact {
  padding-bottom: 400px;
  position: relative;
}

.langIndexMain .sectionContact .bgColor {
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, #fff, #fff 9.8%, rgba(98, 181, 163, 0.3));
  position: absolute;
  top: 0;
  left: 0;
}

.langIndexMain .sectionContact .leafLeft {
  width: 16.145%;
  position: absolute;
  top: -14.127%;
  left: 0;
}

.langIndexMain .sectionContact .leafRight {
  width: 20.83%;
  position: absolute;
  top: -8.856%;
  right: 0;
}

.langIndexMain .sectionContact .decFish01 {
  width: 17.135%;
  position: absolute;
  top: 29.52%;
  left: 2.2px;
}

.langIndexMain .sectionContact .decFish02 {
  width: 8.85%;
  position: absolute;
  top: 40.22%;
  left: 4.16%;
}

.langIndexMain .sectionContact .decFish03 {
  width: 15.8%;
  position: absolute;
  bottom: 11.8%;
  right: 17.76%;
}

.langIndexMain .sectionContact .decTurtle {
  width: 11.09%;
  position: absolute;
  bottom: 29.15%;
  right: 5.52%;
}

.langIndexMain .contactMain {
  position: relative;
}

.langIndexMain .contactMain .title {
  color: #082252;
}

.langIndexMain .contactMain .slogan {
  margin-top: 35px;
}

.langIndexMain .contactMain .decLine {
  border: none;
  width: 100%;
  height: 2px;
  margin-top: 35px;
  background-image: linear-gradient(to right, #799B31 10%, rgba(255, 255, 255, 0) 22%, rgba(255, 255, 255, 0));
  background-position: bottom;
  background-size: 12px 2px;
  background-repeat: repeat-x;
}

.langIndexMain .contactMain form .field-group label {
  flex: 0 0 190px;
  width: 190px;
}

.langIndexMain .contactMain .select2 {
  width: 100% !important;
}

.langIndexMain .contactMain button[type=submit] {
  font-family: "Noto Sans TC", "Noto Sans JP", "Noto Sans SC";
}

.langIndexMain .contactMain .noteContainer {
  margin-top: 100px;
  padding: 40px 95px;
  border-radius: 10px;
  background: #fff;
}

.langIndexMain .contactMain .noteContainer .noteTitle {
  padding-left: 1.1em;
}

.langIndexMain .contactMain .noteContainer ul {
  margin-bottom: 0;
}

.langIndexMain .contactMain .noteContainer li {
  position: relative;
}

.langIndexMain .contactMain .noteContainer li::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #262626;
  position: absolute;
  left: -1.1em;
  top: 0.8em;
}

@media (max-width: 1199px) {
  .langIndexMain .sectionContact .decFish01 {
    width: 25%;
    top: 29.52%;
    left: 2.2px;
  }
  .langIndexMain .sectionContact .decFish02 {
    width: 12%;
    top: 42%;
    left: 4.16%;
  }
  .langIndexMain .sectionContact .decFish03 {
    width: 25%;
    bottom: 11.8%;
    right: 17.76%;
  }
  .langIndexMain .sectionContact .decTurtle {
    width: 15%;
    bottom: 45%;
    right: 5%;
  }
  .langIndexMain .sectionContact .leafLeft {
    width: 22%;
    top: -8%;
    left: 0;
  }
  .langIndexMain .sectionContact .leafRight {
    width: 28%;
    top: -6%;
    right: 0;
  }
  .langIndexMain .contactMain .noteContainer {
    padding: 40px 50px;
  }
}
@media (max-width: 991px) {
  .langIndexMain .sectionContact .leafLeft {
    top: -5%;
  }
  .langIndexMain .sectionContact .leafRight {
    top: -3%;
  }
  .langIndexMain .contactMain .noteContainer .noteTitle {
    padding-left: 0.9em;
  }
  .langIndexMain .contactMain .noteContainer .content {
    font-size: 16px;
    line-height: 26px;
  }
}
@media (max-width: 767px) {
  .langIndexMain .sectionContact .decFish01 {
    width: 33%;
    top: 32%;
    left: 2.2px;
  }
  .langIndexMain .sectionContact .decFish02 {
    width: 16%;
    top: 45%;
    left: 4.16%;
  }
  .langIndexMain .sectionContact .decFish03 {
    width: 35%;
    bottom: 14%;
    right: 12%;
  }
  .langIndexMain .sectionContact .decTurtle {
    width: 23%;
    bottom: 48%;
    right: 1%;
  }
}
@media (max-width: 575px) {
  .langIndexMain .contactMain form .field-group label {
    flex: 0 0 100%;
    width: 100%;
  }
  .langIndexMain .contactMain .btns {
    margin: 0 -10px;
  }
  .langIndexMain .contactMain button {
    width: calc((100% - 20px) / 2);
  }
  .langIndexMain .contactMain .noteContainer {
    padding: 40px 20px;
  }
  .langIndexMain .contactMain .noteContainer {
    margin-top: 60px;
  }
}
#langContactSendModal .modal-body {
  padding: 0;
}

#langContactSendModal .modal-content {
  border-radius: 20px;
  box-shadow: 6px 6px 40px 0 rgba(0, 0, 0, 0.28);
}

.langSendArticle {
  padding: 70px 60px;
}

.langSendArticle .iconImg {
  width: 93px;
  height: 93px;
  margin: 0 auto 25px;
}

.langSendArticle .modalContent {
  margin-top: 35px;
}

.langSendArticle .modalBtn {
  margin-top: 50px;
}

@media (min-width: 576px) {
  #langContactSendModal .modal-dialog {
    max-width: 600px;
  }
  .langSendArticle {
    padding: 30px 20px;
  }
}
@media (max-width: 575px) {
  .langSendArticle {
    padding: 30px 20px;
  }
  .langSendArticle .iconImg {
    margin-bottom: 15px;
  }
  .langSendArticle .modalTitle {
    font-size: 18px;
    line-height: 24px;
  }
  .langSendArticle .modalContent {
    margin-top: 20px;
    font-size: 16px;
    line-height: 24px;
  }
  .langSendArticle .modalBtn {
    margin-top: 30px;
  }
}
.langFacilityMain ul {
  padding-left: 0;
}

.langFacilityMain .decLeafLeft {
  width: 15.62%;
  position: absolute;
  left: 0;
  top: 100px;
}

.langFacilityMain .decLeafRight {
  width: 23.96%;
  position: absolute;
  right: 0;
  top: 129px;
}

.langFacilityMain .decbird01 {
  width: 1.72%;
  position: absolute;
  left: 27.76%;
  top: 190px;
}

.langFacilityMain .decbird02 {
  width: 3.125%;
  position: absolute;
  left: 18.96%;
  top: 245px;
}

.langFacilityMain .indoorSection {
  padding-top: 65px;
  position: relative;
  z-index: 1;
}

.langFacilityMain .indoorSection .bg {
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 8.31%, rgba(228, 247, 247, 0.67) 19.2%, rgba(204, 241, 246, 0.91) 51.62%, rgba(255, 255, 255, 0) 87.77%, rgba(255, 255, 255, 0));
  position: absolute;
  left: 0;
  top: 0;
}

.langFacilityMain .indoorSection .decFish01 {
  width: 182px;
  position: absolute;
  left: 7.34%;
  top: 24.97%;
}

.langFacilityMain .indoorSection .decRainbow {
  width: 33.85%;
  position: absolute;
  left: 0%;
  top: 29.95%;
}

.langFacilityMain .indoorSection .decRain {
  --rainLeft: 17.6%;
  --rainTop: 39.56%;
  width: 15.1%;
  position: absolute;
  left: var(--rainLeft);
  top: var(--rainTop);
  animation: langRainAni 2s linear 0s infinite normal forwards;
}

.langFacilityMain .indoorSection .decCloudTop {
  width: 252px;
  position: absolute;
  top: 27.84%;
  right: 5.21%;
}

.langFacilityMain .indoorSection .decFish02 {
  width: 345px;
  position: absolute;
  top: 36.62%;
  right: 3.49%;
}

.langFacilityMain .indoorSection .decFrog01 {
  width: 63px;
  position: absolute;
  top: 48.53%;
  right: 30.05%;
}

.langFacilityMain .indoorSection .decFrog02 {
  width: 63px;
  position: absolute;
  top: 46.6%;
  right: 8.54%;
}

.langFacilityMain .indoorSection .decDragonfly {
  position: absolute;
  bottom: 12.63%;
  left: 22.71%;
}

.langFacilityMain .indoorSection .decCloudBottom {
  position: absolute;
  bottom: 12.27%;
  right: 16.46%;
}

.langFacilityMain .floorSection {
  position: relative;
}

.langFacilityMain .floorSection .floorTitle {
  width: 174px;
  height: 61px;
  margin-bottom: 63px;
  background: url(images/visit/label.png) center no-repeat;
  background-size: contain;
  display: flex;
  align-items: center;
  justify-content: center;
}

.langFacilityMain .floorContentList .listRow {
  margin: 0 -34px;
}

.langFacilityMain .floorContentList .listCol {
  padding: 0 34px;
  margin-bottom: 60px;
}

.langFacilityMain .floorContentList .item:hover .itemImg {
  transform: scale(1.1);
}

.langFacilityMain .floorContentList .item .itemImg {
  width: 100%;
  height: 0;
  padding-bottom: 97.06%;
  margin-bottom: 28px;
  position: relative;
  -webkit-mask: url(images/lang/facility-mask.png) no-repeat center center;
  -webkit-mask-size: cover;
  transition: all 0.4s;
}

.langFacilityMain .floorContentList .item .itemImg img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
}

.langFacilityMain .floorContentList .item .content {
  max-width: 251px;
  margin: 15px auto 0;
}

.langFacilityMain .outdoorSection {
  margin-top: -300px;
  padding-top: 560px;
  padding-bottom: 300px;
  position: relative;
}

.langFacilityMain .outdoorSection .bg {
  width: 100%;
  height: 1680px;
  position: absolute;
  top: 0;
  left: 0;
}

.langFacilityMain .outdoorSection .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.langFacilityMain .outdoorSection .topDec {
  width: 100%;
  position: absolute;
  top: 0;
}

.langFacilityMain .outdoorSection .topDec .cloud01 {
  width: 202px;
  position: absolute;
  top: 70px;
  left: 5.52%;
}

.langFacilityMain .outdoorSection .topDec .cloud02 {
  width: 263px;
  position: absolute;
  top: 36px;
  right: 2.792%;
}

.langFacilityMain .outdoorSection .topDec .forest02 {
  width: 22.24%;
  position: absolute;
  top: 437px;
  right: 4.94%;
}

.langFacilityMain .outdoorSection .topDec .road {
  width: 69.27%;
  position: absolute;
  top: 330px;
  right: 0;
}

.langFacilityMain .outdoorSection .topDec .forest01 {
  width: 60.3%;
  position: absolute;
  top: 227px;
  left: 10.47%;
}

.langFacilityMain .outdoorSection .topDec .monkey01 {
  width: 120px;
  position: absolute;
  top: 392px;
  left: 25.4%;
}

.langFacilityMain .outdoorSection .topDec .monkey02 {
  width: 140px;
  position: absolute;
  top: 450px;
  left: 43.83%;
}

.langFacilityMain .outdoorSection .decTurtle {
  width: 11.1%;
  position: absolute;
  top: 55%;
  left: 8.38%;
}

.langFacilityMain .outdoorSection .decRain {
  width: 15.484%;
  position: absolute;
  right: 4.19%;
  top: 45.5%;
}

.langFacilityMain .outdoorSection .decRain .rainBox {
  width: 100%;
  padding-bottom: 103.56%;
  position: relative;
}

.langFacilityMain .outdoorSection .decRain .cloud03 {
  width: 84.96%;
  position: absolute;
  top: 0;
  right: 0;
}

.langFacilityMain .outdoorSection .decRain .rain {
  --rainLeft: 0px;
  --rainTop: 0px;
  width: 70.803%;
  position: absolute;
  bottom: var(--rainTop);
  left: var(--rainLeft);
  animation: langRain2Ani 2s linear 0s infinite normal forwards;
}

.langFacilityMain .outdoorSection .decFish {
  width: 253px;
  position: absolute;
  right: 11.6%;
  bottom: 17.06%;
}

.langFacilityMain .outdoorSection .floorSection {
  max-width: 1035px;
  margin: 0 auto;
}

.langFacilityMain .outdoorSection .floorSection .floorTitle {
  width: 230px;
  height: 61px;
  background: url(images/lang/facility-label.png) center no-repeat;
}

.langFacilityMain .outdoorSection .link {
  margin-top: 20px;
  position: relative;
  display: flex;
  justify-content: center;
}

.langFacilityMain .outdoorSection .link a {
  height: 50px;
  color: #02BFD7;
  padding: 0 73px;
  border: 2px solid #02BFD7;
  border-radius: 25px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
}

.langFacilityMain .outdoorSection .link a:hover {
  color: #fff;
  background: #02BFD7;
}

@media (max-width: 1199px) {
  .langFacilityMain .decLeafLeft {
    width: 20%;
  }
  .langFacilityMain .decLeafRight {
    width: 35%;
  }
  .langFacilityMain .decbird01 {
    width: 2.5%;
    left: 35%;
    top: 100px;
  }
  .langFacilityMain .decbird02 {
    width: 4%;
    left: 25%;
    top: 150px;
  }
  .langFacilityMain .indoorSection .bg {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 8.31%, rgba(228, 247, 247, 0.67) 19.2%, rgba(204, 241, 246, 0.91) 51.62%, rgba(255, 255, 255, 0) 98%, rgba(255, 255, 255, 0));
  }
  .langFacilityMain .indoorSection .decFish01 {
    left: 20px;
    top: 18%;
  }
  .langFacilityMain .indoorSection .decRainbow {
    width: 40%;
    top: 30%;
  }
  .langFacilityMain .indoorSection .decRain {
    --rainTop: 36%;
    width: 20%;
  }
  .langFacilityMain .indoorSection .decCloudTop {
    top: 25.5%;
    right: -93px;
  }
  .langFacilityMain .indoorSection .decFish02 {
    top: 47%;
  }
  .langFacilityMain .indoorSection .decFrog01 {
    top: 68%;
  }
  .langFacilityMain .indoorSection .decFrog02 {
    top: 66%;
  }
  .langFacilityMain .indoorSection .decDragonfly {
    bottom: 20%;
    left: 15%;
  }
  .langFacilityMain .indoorSection .decCloudBottom {
    bottom: 13%;
    right: 5%;
  }
  .langFacilityMain .outdoorSection {
    margin-top: -100px;
    padding-top: 400px;
  }
  .langFacilityMain .outdoorSection .topDec .forest02 {
    top: 300px;
  }
  .langFacilityMain .outdoorSection .topDec .road {
    top: 224px;
  }
  .langFacilityMain .outdoorSection .topDec .forest01 {
    top: 150px;
  }
  .langFacilityMain .outdoorSection .topDec .monkey01 {
    top: 273px;
    left: 20%;
  }
  .langFacilityMain .outdoorSection .topDec .monkey02 {
    top: 300px;
    left: 37%;
  }
  .langFacilityMain .outdoorSection .decTurtle {
    width: 15%;
    top: 61%;
    left: 20px;
  }
  .langFacilityMain .outdoorSection .decRain {
    width: 20%;
    right: 15px;
    top: 50%;
  }
}
@media (max-width: 991px) {
  .langFacilityMain .floorContentList {
    max-width: 550px;
    margin: 0 auto;
  }
  .langFacilityMain .indoorSection .decCloudTop {
    top: 28%;
    right: -21px;
  }
  .langFacilityMain .indoorSection .decFish01 {
    top: 16%;
  }
  .langFacilityMain .indoorSection .decRainbow {
    top: 39%;
  }
  .langFacilityMain .indoorSection .decRain {
    --rainTop: 44%;
  }
  .langFacilityMain .indoorSection .decFish02 {
    top: 54%;
  }
  .langFacilityMain .indoorSection .decFrog01 {
    top: 71%;
    right: 20%;
  }
  .langFacilityMain .indoorSection .decFrog02 {
    right: 3%;
  }
  .langFacilityMain .indoorSection .decDragonfly {
    left: 30px;
  }
  .langFacilityMain .outdoorSection .decTurtle {
    width: 20%;
    left: 15px;
    top: 50%;
  }
  .langFacilityMain .outdoorSection .decRain {
    width: 23%;
    right: 5px;
    top: 40%;
  }
  .langFacilityMain .outdoorSection .decFish {
    width: 200px;
    right: 10%;
    bottom: 14%;
  }
}
@media (max-width: 767px) {
  .langFacilityMain .decLeafLeft {
    width: 25%;
  }
  .langFacilityMain .decLeafRight {
    width: 38%;
    top: 115px;
  }
  .langFacilityMain .decbird01 {
    width: 3%;
    left: 40%;
    top: 70px;
  }
  .langFacilityMain .decbird02 {
    width: 5%;
    left: 30%;
    top: 120px;
  }
  .langFacilityMain .indoorSection .decRainbow {
    top: 41%;
  }
  .langFacilityMain .indoorSection .decRain {
    width: 27%;
  }
  .langFacilityMain .indoorSection .decCloudTop {
    width: 220px;
  }
  .langFacilityMain .indoorSection .decFish02 {
    width: 300px;
    right: -20px;
  }
  .langFacilityMain .outdoorSection {
    padding-bottom: 500px;
  }
  .langFacilityMain .outdoorSection {
    margin-top: -100px;
    padding-top: 350px;
  }
  .langFacilityMain .outdoorSection .topDec .cloud01 {
    width: 180px;
    left: 2%;
  }
  .langFacilityMain .outdoorSection .topDec .cloud02 {
    width: 240px;
    right: 2%;
  }
  .langFacilityMain .outdoorSection .topDec .forest02 {
    width: 30%;
    right: -8%;
  }
  .langFacilityMain .outdoorSection .topDec .road {
    width: 80%;
  }
  .langFacilityMain .outdoorSection .topDec .forest01 {
    width: 85%;
    left: 1%;
  }
  .langFacilityMain .outdoorSection .topDec .monkey01 {
    width: 80px;
    top: 237px;
    left: 18%;
  }
  .langFacilityMain .outdoorSection .topDec .monkey02 {
    width: 100px;
    top: 273px;
    left: 33%;
  }
  .langFacilityMain .outdoorSection .decTurtle {
    width: 30%;
    top: 55%;
  }
  .langFacilityMain .outdoorSection .decRain {
    width: 37%;
    top: 32%;
    opacity: 0.6;
  }
}
@media (max-width: 575px) {
  .langFacilityMain .indoorSection .floorSection,
  .langFacilityMain .outdoorSection .floorSection {
    max-width: 260px;
    margin: 0 auto;
  }
  .langFacilityMain .floorContentList .item .title {
    font-size: 18px;
    line-height: 24px;
  }
  .langFacilityMain .floorContentList .item .content {
    font-size: 16px;
    line-height: 24px;
  }
  .langFacilityMain .indoorSection .bg {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 0%, rgba(228, 247, 247, 0.67) 10%, rgba(204, 241, 246, 0.91) 51.62%, rgba(255, 255, 255, 0) 98%, rgba(255, 255, 255, 0));
  }
  .langFacilityMain .indoorSection .decDragonfly {
    left: 5px;
    bottom: 19%;
  }
  .langFacilityMain .outdoorSection .topDec {
    width: 580px;
    left: 50%;
    transform: translateX(-50%);
  }
  .langFacilityMain .outdoorSection .decTurtle {
    top: 40%;
    left: 0px;
  }
  .langFacilityMain .outdoorSection .decRain {
    top: 24%;
  }
  .langFacilityMain .outdoorSection .decFish {
    bottom: 11%;
  }
}

/*# sourceMappingURL=style.css.map */