.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex
}

.hidden {
  display: none
}

@font-face {
  font-family: CircularStdBook;
  font-stretch: normal;
  font-style: normal;
  font-weight: 450;
  src: url(/SiteElements/Fonts/Circular/CircularStd-Book.woff); /*TB-20231204*/
  unicode-range: U+0020-00fe
}

@font-face {
  font-family: CircularStdBlack;
  font-stretch: normal;
  font-style: normal;
  font-weight: 900;
  src: url(/SiteElements/Fonts/Circular/CircularStd-Black.woff); /*TB-20231204*/
  unicode-range: U+0020-00fe
}

@font-face {
  font-family: CircularStdBold;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  src: url(/SiteElements/Fonts/Circular/CircularStd-Bold.woff); /*TB-20231204*/
  unicode-range: U+0020-00fe
}

@font-face {
  font-family: CircularStdMedium;
  font-stretch: normal;
  font-style: normal;
  font-weight: 500;
  src: url(/SiteElements/Fonts/Circular/CircularStd-Medium.woff); /*TB-20231204*/
  unicode-range: U+0020-00fe
}

.zn--main-wrapper,
.zn--wrapper {
  font-family: CircularStdMedium;
  font-size: 16px;
  overflow-x: hidden;
  width: 100%
}

.zn--main-wrapper .font-title,
.zn--wrapper .font-title {
  font-family: CircularStdBold
}

.zn--main-wrapper a,
.zn--wrapper a {
  color: unset
}

.zn--main-wrapper a:hover,
.zn--wrapper a:hover {
  /*TB-20231204*/
  color: unset
}

.zn--main-wrapper *,
.zn--wrapper * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.zn--main-wrapper a,
.zn--wrapper a {
  text-decoration: none
}

.zn--main-wrapper img,
.zn--wrapper img {
  display: block;
  max-width: none
}

.zn--main-wrapper canvas img,
.zn--wrapper canvas img {
  display: none
}

.zn--main-wrapper video,
.zn--wrapper video {
  display: block;
  max-width: none
}

.zn--main-wrapper br,
.zn--wrapper br {
  font-family: Open Sans, -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Roboto, Arial, PingFang SC, Hiragino Sans GB, Microsoft Yahei, Microsoft Jhenghei, "sans-serif"
}

.zn--main-wrapper h1,
.zn--wrapper h1 {
  clip: rect(1px, 1px, 1px, 1px);
  border: none;
  -webkit-clip-path: inset(0 0 99.9%);
  clip-path: inset(0 0 99.9%);
  height: 1px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.link-hover-wrapper .link-btn-wrapper {
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: #10263b;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 2.73vw;
  height: -webkit-calc(var(--vw, 1vw)*2.73);
  height: -moz-calc(var(--vw, 1vw)*2.73);
  height: calc(var(--vw, 1vw)*2.73);
  -webkit-justify-content: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 2.73vw;
  width: -webkit-calc(var(--vw, 1vw)*2.73);
  width: -moz-calc(var(--vw, 1vw)*2.73);
  width: calc(var(--vw, 1vw)*2.73)
}

.link-hover-wrapper .link-btn-wrapper .link-arrow {
  height: .9vw;
  height: -webkit-calc(var(--vw, 1vw)*.9);
  height: -moz-calc(var(--vw, 1vw)*.9);
  height: calc(var(--vw, 1vw)*.9);
  width: .79vw;
  width: -webkit-calc(var(--vw, 1vw)*.79);
  width: -moz-calc(var(--vw, 1vw)*.79);
  width: calc(var(--vw, 1vw)*.79)
}

.zn--main-wrapper,
.zn--wrapper {
  --theme-blue-1: #10263b;
  --bg-gray-1: #eceff2;
  --placeholder-color: #ccc
}

.slick-track {
  -webkit-box-align: center !important;
  -moz-box-align: center !important;
  -webkit-align-items: center !important;
  align-items: center !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-box !important;
  display: flex !important
}

.slick-list {
  width: 100%
}

#section-kv,
.slick-list .slick-slide {
  position: relative
}

#section-kv {
  color: #fff;
  height: -webkit-calc(52.8vw - 60px);
  height: -moz-calc(52.8vw - 60px);
  height: calc(52.8vw - 60px);
  height: -webkit-calc(var(--vw, 1vw)*57 - var(--vw, 1vw)*4.2 - 60px);
  height: -moz-calc(var(--vw, 1vw)*57 - var(--vw, 1vw)*4.2 - 60px);
  height: calc(var(--vw, 1vw)*57 - var(--vw, 1vw)*4.2 - 60px);
  width: 100%
}

#section-kv .kv-slick-wrapper {
  height: -webkit-calc(52.8vw - 60px);
  height: -moz-calc(52.8vw - 60px);
  height: calc(52.8vw - 60px);
  height: -webkit-calc(var(--vw, 1vw)*57 - var(--vw, 1vw)*4.2 - 60px);
  height: -moz-calc(var(--vw, 1vw)*57 - var(--vw, 1vw)*4.2 - 60px);
  height: calc(var(--vw, 1vw)*57 - var(--vw, 1vw)*4.2 - 60px);
  position: relative
}

#section-kv .kv-slick-wrapper .kv-img-wrapper {
  height: 100%;
  width: 100%
}

#section-kv .kv-slick-wrapper .kv-img-wrapper .kv-bg,
#section-kv .kv-slick-wrapper .kv-img-wrapper .kv-img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

#section-kv .kv-mask {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(61.02%, #000));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000 61.02%);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 61.02%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), #000 61.02%);
  height: 100%;
  left: 0;
  opacity: .4;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2
}

#section-kv .kv-content-wrapper {
  left: 2.1vw;
  left: -webkit-calc(var(--vw, 1vw)*2.1);
  left: -moz-calc(var(--vw, 1vw)*2.1);
  left: calc(var(--vw, 1vw)*2.1);
  line-height: 1;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 3
}

#section-kv .kv-content-wrapper .kv-title {
  /*TB-20240110*/
  font-size: 4.2vw;
  font-size: -webkit-calc(var(--vw, 1vw)*4.2);
  font-size: -moz-calc(var(--vw, 1vw)*4.2);
  font-size: calc(var(--vw, 1vw)*4.2);
  line-height: 1.1;
}

#section-kv .kv-content-wrapper .kv-text {
  /*TB-20240110*/
  font-size: 2.1vw;
  font-size: -webkit-calc(var(--vw, 1vw)*2.1);
  font-size: -moz-calc(var(--vw, 1vw)*2.1);
  font-size: calc(var(--vw, 1vw)*2.1);
  line-height: 1.2;
  margin-top: 24px
}

#section-kv .kv-content-wrapper .pc-learn-more {
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  border-radius: 6.83vw;
  border-radius: -webkit-calc(var(--vw, 1vw)*6.83);
  border-radius: -moz-calc(var(--vw, 1vw)*6.83);
  border-radius: calc(var(--vw, 1vw)*6.83);
  cursor: pointer;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
  margin-top: 3.71vh;
  margin-top: calc(var(--vh, 1vh)*3.71);
  padding: 1.32vw 1.26vw 1.16vw 1.68vw;
  padding: calc(var(--vw, 1vw)*1.32) calc(var(--vw, 1vw)*1.26) calc(var(--vw, 1vw)*1.16) calc(var(--vw, 1vw)*1.68)
}

#section-kv .kv-content-wrapper .pc-learn-more .pc-learn-text {
  color: #000;
  font-size: 1.16vw;
  font-size: -webkit-calc(var(--vw, 1vw)*1.16);
  font-size: -moz-calc(var(--vw, 1vw)*1.16);
  font-size: calc(var(--vw, 1vw)*1.16);
  -webkit-transition: opacity .5s ease;
  -moz-transition: opacity .5s ease;
  transition: opacity .5s ease
}

#section-kv .kv-content-wrapper .pc-learn-more .pc-learn-icon {
  height: 1.47vw;
  height: -webkit-calc(var(--vw, 1vw)*1.47);
  height: -moz-calc(var(--vw, 1vw)*1.47);
  height: calc(var(--vw, 1vw)*1.47);
  margin-left: 1px;
  -webkit-transition: opacity .5s ease, -webkit-transform .5s ease;
  transition: opacity .5s ease, -webkit-transform .5s ease;
  -moz-transition: opacity .5s ease, transform .5s ease, -moz-transform .5s ease;
  transition: opacity .5s ease, transform .5s ease;
  transition: opacity .5s ease, transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease;
  width: 1.47vw;
  width: -webkit-calc(var(--vw, 1vw)*1.47);
  width: -moz-calc(var(--vw, 1vw)*1.47);
  width: calc(var(--vw, 1vw)*1.47)
}

#section-kv .kv-content-wrapper .pc-learn-more:hover .pc-learn-text {
  opacity: .6
}

#section-kv .kv-content-wrapper .pc-learn-more:hover .pc-learn-icon {
  opacity: .6;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

#section-kv .kv-content-wrapper .mo-learn-more {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
  margin-top: 16px
}

#section-kv .kv-content-wrapper .mo-learn-more .mo-learn-text {
  font-size: 14px
}

#section-kv .kv-content-wrapper .mo-learn-more .mo-learn-icon {
  height: 22px;
  margin-left: 2px;
  margin-top: -4px;
  width: 22px
}

#section-kv .search-wrapper {
  background: #fff;
  border-radius: 5.25vw;
  border-radius: -webkit-calc(var(--vw, 1vw)*5.25);
  border-radius: -moz-calc(var(--vw, 1vw)*5.25);
  border-radius: calc(var(--vw, 1vw)*5.25);
  bottom: 7.41vh;
  bottom: -webkit-calc(var(--vh, 1vh)*7.41);
  bottom: -moz-calc(var(--vh, 1vh)*7.41);
  bottom: calc(var(--vh, 1vh)*7.41);
  font-size: 1.26vw;
  font-size: -webkit-calc(var(--vw, 1vw)*1.26);
  font-size: -moz-calc(var(--vw, 1vw)*1.26);
  font-size: calc(var(--vw, 1vw)*1.26);
  padding: .53vw .53vw .53vw 1.58vw;
  padding: calc(var(--vw, 1vw)*.53) calc(var(--vw, 1vw)*.53) calc(var(--vw, 1vw)*.53) calc(var(--vw, 1vw)*1.58);
  position: absolute;
  right: 2.1vw;
  right: -webkit-calc(var(--vw, 1vw)*2.1);
  right: -moz-calc(var(--vw, 1vw)*2.1);
  right: calc(var(--vw, 1vw)*2.1);
  z-index: 3
}

#section-kv .search-wrapper,
#section-kv .search-wrapper .search-input-container {
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex
}

#section-kv .search-wrapper .search-input-container {
  position: relative
}

#section-kv .search-wrapper .search-logo {
  height: 1.26vw;
  height: -webkit-calc(var(--vw, 1vw)*1.26);
  height: -moz-calc(var(--vw, 1vw)*1.26);
  height: calc(var(--vw, 1vw)*1.26);
  width: 1.26vw;
  width: -webkit-calc(var(--vw, 1vw)*1.26);
  width: -moz-calc(var(--vw, 1vw)*1.26);
  width: calc(var(--vw, 1vw)*1.26)
}

#section-kv .search-wrapper .search-clear {
  cursor: pointer;
  display: none;
  height: 1.16vw;
  height: -webkit-calc(var(--vw, 1vw)*1.16);
  height: -moz-calc(var(--vw, 1vw)*1.16);
  height: calc(var(--vw, 1vw)*1.16);
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1.16vw;
  width: -webkit-calc(var(--vw, 1vw)*1.16);
  width: -moz-calc(var(--vw, 1vw)*1.16);
  width: calc(var(--vw, 1vw)*1.16)
}

#section-kv .search-wrapper .search-clear.show {
  display: block
}

#section-kv .search-wrapper.active .search-input {
  width: 15.75vw;
  width: -webkit-calc(var(--vw, 1vw)*15.75);
  width: -moz-calc(var(--vw, 1vw)*15.75);
  width: calc(var(--vw, 1vw)*15.75)
}

#section-kv .search-wrapper.active .search-gapline {
  display: block
}

#section-kv .search-wrapper.active .search-category {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex
}

#section-kv .search-wrapper .search-gapline {
  background: #ccc;
  display: none;
  height: 1.26vw;
  height: -webkit-calc(var(--vw, 1vw)*1.26);
  height: -moz-calc(var(--vw, 1vw)*1.26);
  height: calc(var(--vw, 1vw)*1.26);
  margin: 0 .84vw;
  margin: 0 calc(var(--vw, 1vw)*.84);
  opacity: .6;
  width: 2px
}

#section-kv .search-wrapper .search-category {
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  color: #000;
  cursor: pointer;
  display: none;
  -webkit-flex: none;
  flex: none;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-right: .63vw;
  margin-right: calc(var(--vw, 1vw)*.63);
  position: relative;
  width: 10.5vw;
  width: -webkit-calc(var(--vw, 1vw)*10.5);
  width: -moz-calc(var(--vw, 1vw)*10.5);
  width: calc(var(--vw, 1vw)*10.5)
}

#section-kv .search-wrapper .search-category.active .search-category-dropDown {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

#section-kv .search-wrapper .search-category.active .search-category-dropDown-wrapper {
  opacity: 1;
  pointer-events: auto
}

#section-kv .search-wrapper .search-category .search-category-value {
  font-size: .84vw;
  font-size: -webkit-calc(var(--vw, 1vw)*.84);
  font-size: -moz-calc(var(--vw, 1vw)*.84);
  font-size: calc(var(--vw, 1vw)*.84);
  letter-spacing: -.02em;
  line-height: 1.1
}

#section-kv .search-wrapper .search-category .search-category-dropDown {
  height: 1.58vw;
  height: -webkit-calc(var(--vw, 1vw)*1.58);
  height: -moz-calc(var(--vw, 1vw)*1.58);
  height: calc(var(--vw, 1vw)*1.58);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0);
  -webkit-transition: -webkit-transform .5s ease;
  transition: -webkit-transform .5s ease;
  -moz-transition: transform .5s ease, -moz-transform .5s ease;
  transition: transform .5s ease;
  transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease;
  width: 1.58vw;
  width: -webkit-calc(var(--vw, 1vw)*1.58);
  width: -moz-calc(var(--vw, 1vw)*1.58);
  width: calc(var(--vw, 1vw)*1.58)
}

#section-kv .search-wrapper .search-category .search-category-dropDown-wrapper {
  background: #fff;
  border-radius: .84vw;
  border-radius: -webkit-calc(var(--vw, 1vw)*.84);
  border-radius: -moz-calc(var(--vw, 1vw)*.84);
  border-radius: calc(var(--vw, 1vw)*.84);
  bottom: 3.57vw;
  bottom: -webkit-calc(var(--vw, 1vw)*3.57);
  bottom: -moz-calc(var(--vw, 1vw)*3.57);
  bottom: calc(var(--vw, 1vw)*3.57);
  cursor: auto;
  left: -.83vw;
  left: -webkit-calc(var(--vw, 1vw)*-.83);
  left: -moz-calc(var(--vw, 1vw)*-.83);
  left: calc(var(--vw, 1vw)*-.83);
  opacity: 0;
  padding: .53vw;
  padding: calc(var(--vw, 1vw)*.53);
  pointer-events: none;
  position: absolute;
  /*TB-20231210*/
  width: 15.6vw;
  width: -webkit-calc(var(--vw, 1vw)*15.6);
  width: -moz-calc(var(--vw, 1vw)*15.6);
  width: calc(var(--vw, 1vw)*15.6)
}

#section-kv .search-wrapper .search-category .search-category-dropDown-wrapper .search-category-dropDown-list {
  width: 100%
}

#section-kv .search-wrapper .search-category .search-category-dropDown-wrapper .search-category-dropDown-list .category-item {
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  background: transparent;
  border-radius: .42vw;
  border-radius: -webkit-calc(var(--vw, 1vw)*.42);
  border-radius: -moz-calc(var(--vw, 1vw)*.42);
  border-radius: calc(var(--vw, 1vw)*.42);
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: .53vw .63vw;
  padding: calc(var(--vw, 1vw)*.53) calc(var(--vw, 1vw)*.63);
  width: 100%
}

#section-kv .search-wrapper .search-category .search-category-dropDown-wrapper .search-category-dropDown-list .category-item .category {
  font-size: .84vw;
  font-size: -webkit-calc(var(--vw, 1vw)*.84);
  font-size: -moz-calc(var(--vw, 1vw)*.84);
  font-size: calc(var(--vw, 1vw)*.84);
  letter-spacing: -.02em;
  line-height: 1.6
}

#section-kv .search-wrapper .search-category .search-category-dropDown-wrapper .search-category-dropDown-list .category-item .checked {
  opacity: 0;
  pointer-events: none
}

#section-kv .search-wrapper .search-category .search-category-dropDown-wrapper .search-category-dropDown-list .category-item:hover {
  background: #f9f9f9
}

#section-kv .search-wrapper .search-category .search-category-dropDown-wrapper .search-category-dropDown-list .category-item.active {
  background: #f3f3f4
}

#section-kv .search-wrapper .search-category .search-category-dropDown-wrapper .search-category-dropDown-list .category-item.active .checked {
  opacity: 1;
  pointer-events: auto
}

#section-kv .search-wrapper .search-input {
  border: none;
  font-family: CircularStdBold;
  font-size: 1.05vw;
  font-size: -webkit-calc(var(--vw, 1vw)*1.05);
  font-size: -moz-calc(var(--vw, 1vw)*1.05);
  font-size: calc(var(--vw, 1vw)*1.05);
  height: 1.68vw;
  height: -webkit-calc(var(--vw, 1vw)*1.68);
  height: -moz-calc(var(--vw, 1vw)*1.68);
  height: calc(var(--vw, 1vw)*1.68);
  margin: 0 1.89vw 0 .32vw;
  margin: 0 calc(var(--vw, 1vw)*1.89) 0 calc(var(--vw, 1vw)*.32);
  -webkit-transition: width .5s ease;
  -moz-transition: width .5s ease;
  transition: width .5s ease;
  width: 3.68vw;
  width: -webkit-calc(var(--vw, 1vw)*3.68);
  width: -moz-calc(var(--vw, 1vw)*3.68);
  width: calc(var(--vw, 1vw)*3.68)
}

#section-kv .search-wrapper .search-input:focus {
  outline: none
}

#section-kv .search-wrapper .search-input::-webkit-input-placeholder {
  color: #0003
}

#section-kv .search-wrapper .search-input::-moz-placeholder {
  color: #0003
}

#section-kv .search-wrapper .search-input:-ms-input-placeholder {
  color: #0003
}

#section-kv .search-wrapper .search-input::-ms-input-placeholder {
  color: #0003
}

#section-kv .search-wrapper .search-input::placeholder {
  color: #0003
}

#section-kv .search-wrapper .search-btn {
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: #10263b;
  border-radius: 2.63vw;
  border-radius: -webkit-calc(var(--vw, 1vw)*2.63);
  border-radius: -moz-calc(var(--vw, 1vw)*2.63);
  border-radius: calc(var(--vw, 1vw)*2.63);
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 3.42vw;
  height: -webkit-calc(var(--vw, 1vw)*3.42);
  height: -moz-calc(var(--vw, 1vw)*3.42);
  height: calc(var(--vw, 1vw)*3.42);
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: color .5s ease, opacity .5s ease;
  -moz-transition: color .5s ease, opacity .5s ease;
  transition: color .5s ease, opacity .5s ease;
  width: 11.03vw;
  width: -webkit-calc(var(--vw, 1vw)*11.03);
  width: -moz-calc(var(--vw, 1vw)*11.03);
  width: calc(var(--vw, 1vw)*11.03)
}

#section-kv .search-wrapper .search-btn.disabled {
  color: #fff9;
  cursor: not-allowed;
  opacity: .8;
  pointer-events: none
}

#section-kv .search-wrapper .search-btn:hover {
  color: #fff9;
  opacity: .8
}

#section-kv .dot-wrapper {
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  bottom: 7.41vh;
  bottom: -webkit-calc(var(--vh, 1vh)*7.41);
  bottom: -moz-calc(var(--vh, 1vh)*7.41);
  bottom: calc(var(--vh, 1vh)*7.41);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  left: 2.1vw;
  left: -webkit-calc(var(--vw, 1vw)*2.1);
  left: -moz-calc(var(--vw, 1vw)*2.1);
  left: calc(var(--vw, 1vw)*2.1);
  position: absolute;
  z-index: 3
}

#section-kv .dot-wrapper .dot {
  background: hsla(0, 0%, 100%, .28);
  border-radius: 50%;
  cursor: pointer;
  height: 14px;
  width: 14px
}

#section-kv .dot-wrapper .dot.active {
  background: #fff;
  cursor: default
}

#section-kv .dot-wrapper .dot:not(:first-child) {
  margin-left: 1.26vw;
  margin-left: calc(var(--vw, 1vw)*1.26)
}

#section-unique {
  background: #10263b;
  color: #fff;
  padding: 13.15vh 2.1vw 23.15vh;
  padding: calc(var(--vh, 1vh)*13.15) calc(var(--vw, 1vw)*2.1) calc(var(--vh, 1vh)*23.15);
  position: relative;
  z-index: 1
}

#section-unique .unique-wrapper {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

#section-unique .unique-wrapper .unique-title {
  font-size: 3.05vw;
  font-size: -webkit-calc(var(--vw, 1vw)*3.05);
  font-size: -moz-calc(var(--vw, 1vw)*3.05);
  font-size: calc(var(--vw, 1vw)*3.05);
  line-height: 1.1
}

#section-unique .unique-wrapper .unique-content-wrapper {
  /*TB-20240110 (44.26)*/
  width: 50.3vw;
  width: -webkit-calc(var(--vw, 1vw)*50.3);
  width: -moz-calc(var(--vw, 1vw)*50.3);
  width: calc(var(--vw, 1vw)*50.3)
}

#section-unique .unique-wrapper .unique-content-wrapper .unique-content {
  font-size: 1.79vw;
  font-size: -webkit-calc(var(--vw, 1vw)*1.79);
  font-size: -moz-calc(var(--vw, 1vw)*1.79);
  font-size: calc(var(--vw, 1vw)*1.79)
}

#section-unique .unique-wrapper .unique-content-wrapper .unique-flex-wrapper {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 2.31vw;
  margin-top: calc(var(--vw, 1vw)*2.31)
}

#section-unique .unique-wrapper .unique-content-wrapper .unique-flex-wrapper .unique-block .unique-block-title {
  font-size: 2.73vw;
  font-size: -webkit-calc(var(--vw, 1vw)*2.73);
  font-size: -moz-calc(var(--vw, 1vw)*2.73);
  font-size: calc(var(--vw, 1vw)*2.73)
}

#section-unique .unique-wrapper .unique-content-wrapper .unique-flex-wrapper .unique-block .unique-block-text {
  font-size: 16px;
  margin-top: 4px
}

#section-unique .unique-wrapper .unique-content-wrapper .unique-flex-wrapper .unique-block:first-child {
  width: 12.5vw; /*TB: 20231226*/
  width: -webkit-calc(var(--vw, 1vw)*16.28);
  width: -moz-calc(var(--vw, 1vw)*16.28);
  width: calc(var(--vw, 1vw)*12.5); /*TB: 20231226*/
}

#section-unique .unique-wrapper .unique-content-wrapper .unique-flex-wrapper .unique-block:nth-child(2) {
  width: 12.5vw; /*TB: 20231226*/
  width: -webkit-calc(var(--vw, 1vw)*9.45);
  width: -moz-calc(var(--vw, 1vw)*9.45);
  width: calc(var(--vw, 1vw)*12.5); /*TB: 20231226*/
}

#section-unique .unique-wrapper .unique-content-wrapper .unique-flex-wrapper .unique-block:nth-child(3) {
  width: 12.5vw; /*TB: 20231226*/
  width: -webkit-calc(var(--vw, 1vw)*10.5);
  width: -moz-calc(var(--vw, 1vw)*10.5);
  width: calc(var(--vw, 1vw)*12.5); /*TB: 20231226*/
}

#section-unique .unique-img-wrapper {
  height: 27.3vw;
  height: -webkit-calc(var(--vw, 1vw)*27.3);
  height: -moz-calc(var(--vw, 1vw)*27.3);
  height: calc(var(--vw, 1vw)*27.3);
  margin-top: 4.2vw;
  margin-top: calc(var(--vw, 1vw)*4.2);
  overflow: hidden;
  width: 100%
}

#section-unique .unique-img-wrapper .unique-img {
  height: 55.28vw;
  height: -webkit-calc(var(--vw, 1vw)*55.28);
  height: -moz-calc(var(--vw, 1vw)*55.28);
  height: calc(var(--vw, 1vw)*55.28);
  margin-left: -.52vw;
  margin-left: calc(var(--vw, 1vw)*-.52);
  margin-top: -14.01vw;
  margin-top: calc(var(--vw, 1vw)*-14.01);
  width: 97.59vw;
  width: -webkit-calc(var(--vw, 1vw)*97.59);
  width: -moz-calc(var(--vw, 1vw)*97.59);
  width: calc(var(--vw, 1vw)*97.59)
}

#section-unique .unique-icon-flex-wrapper {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 20px
}

#section-unique .unique-icon-flex-wrapper .unique-icon {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  height: 7.77vw;
  height: -webkit-calc(var(--vw, 1vw)*7.77);
  height: -moz-calc(var(--vw, 1vw)*7.77);
  height: calc(var(--vw, 1vw)*7.77);
  width: 18.33vw;
  width: -webkit-calc(var(--vw, 1vw)*18.33);
  width: -moz-calc(var(--vw, 1vw)*18.33);
  width: calc(var(--vw, 1vw)*18.33)
}

#section-unique .unique-icon-flex-wrapper .unique-icon img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

#section-unique .mo-find-course-wrapper {
  margin-bottom: 80px;
  position: relative;
  width: 100%
}

#section-unique .mo-find-course-wrapper .mo-search-title {
  font-size: 30px
}

#section-unique .mo-find-course-wrapper .mo-search-container {
  margin-top: 28px
}

#section-unique .mo-find-course-wrapper .mo-search-container .search-wrapper {
  position: relative;
  width: 100%;
  z-index: 2
}

#section-unique .mo-find-course-wrapper .mo-search-container .search-wrapper .search-input-wrapper {
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex: auto;
  flex: auto;
  padding: 0 3.89vw;
  padding: 0 calc(var(--vw, 1vw)*3.89)
}

#section-unique .mo-find-course-wrapper .mo-search-container .search-wrapper .search-input-wrapper .search-logo {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: none;
  flex: none;
  height: 20px;
  width: 20px
}

#section-unique .mo-find-course-wrapper .mo-search-container .search-wrapper .search-input-wrapper .search-input {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  border: 0;
  -webkit-flex: auto;
  flex: auto;
  font-family: CircularStdBook;
  font-size: 16px;
  line-height: 1.3;
  margin-left: 1.67vw;
  margin-left: calc(var(--vw, 1vw)*1.67);
  padding: 18.5px 0
}

#section-unique .mo-find-course-wrapper .mo-search-container .search-wrapper .search-input-wrapper .search-input:focus {
  border: 0;
  outline: 0
}

#section-unique .mo-find-course-wrapper .mo-search-container .search-wrapper .search-input-wrapper .search-input::-webkit-input-placeholder {
  color: var(--placeholder-color)
}

#section-unique .mo-find-course-wrapper .mo-search-container .search-wrapper .search-input-wrapper .search-input:-moz-placeholder,
#section-unique .mo-find-course-wrapper .mo-search-container .search-wrapper .search-input-wrapper .search-input::-moz-placeholder {
  color: var(--placeholder-color)
}

#section-unique .mo-find-course-wrapper .mo-search-container .search-wrapper .search-input-wrapper .search-input:-ms-input-placeholder {
  color: var(--placeholder-color)
}

#section-unique .mo-find-course-wrapper .mo-search-container .search-wrapper .search-input-wrapper .search-input::-ms-input-placeholder {
  color: var(--placeholder-color)
}

#section-unique .mo-find-course-wrapper .mo-search-container .search-wrapper .search-input-wrapper .search-clear-trigger {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex: none;
  flex: none;
  height: 20px;
  -webkit-justify-content: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  width: 20px
}

#section-unique .mo-find-course-wrapper .mo-search-container .search-wrapper .search-input-wrapper .search-clear-trigger.show {
  opacity: 1;
  pointer-events: auto
}

#section-unique .mo-find-course-wrapper .mo-search-container .search-wrapper .search-input-wrapper .search-clear-trigger .search-clear {
  height: 20px;
  width: 20px
}

#section-unique .mo-find-course-wrapper .mo-search-container .search-wrapper .search-category {
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  border-radius: 8px;
  color: #10263b;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex: none;
  flex: none;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 8px;
  padding: 18px;
  position: relative;
  width: 100%
}

#section-unique .mo-find-course-wrapper .mo-search-container .search-wrapper .search-category.active .search-category-dropDown {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

#section-unique .mo-find-course-wrapper .mo-search-container .search-wrapper .search-category.active .search-category-dropDown-wrapper {
  opacity: 1;
  pointer-events: auto
}

#section-unique .mo-find-course-wrapper .mo-search-container .search-wrapper .search-category .search-category-value {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: auto;
  flex: auto;
  font-size: 16px;
  letter-spacing: -.01em;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

#section-unique .mo-find-course-wrapper .mo-search-container .search-wrapper .search-category .search-category-dropDown {
  height: 22px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0);
  -webkit-transition: -webkit-transform .5s ease;
  transition: -webkit-transform .5s ease;
  -moz-transition: transform .5s ease, -moz-transform .5s ease;
  transition: transform .5s ease;
  transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease;
  width: 22px
}

#section-unique .mo-find-course-wrapper .mo-search-container .search-wrapper .search-category .search-category-dropDown-wrapper {
  background: #fff;
  border-radius: 8px;
  cursor: auto;
  left: 0;
  opacity: 0;
  padding: 18px 0;
  pointer-events: none;
  position: absolute;
  top: 66px;
  width: 100%
}

#section-unique .mo-find-course-wrapper .mo-search-container .search-wrapper .search-category .search-category-dropDown-wrapper .search-category-dropDown-list {
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 0 5vw;
  padding: 0 calc(var(--vw, 1vw)*5);
  width: 100%
}

#section-unique .mo-find-course-wrapper .mo-search-container .search-wrapper .search-category .search-category-dropDown-wrapper .search-category-dropDown-list::-webkit-scrollbar {
  width: 1px
}

#section-unique .mo-find-course-wrapper .mo-search-container .search-wrapper .search-category .search-category-dropDown-wrapper .search-category-dropDown-list .category-item {
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  background: transparent;
  border-radius: 8px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 8px;
  width: 100%
}

#section-unique .mo-find-course-wrapper .mo-search-container .search-wrapper .search-category .search-category-dropDown-wrapper .search-category-dropDown-list .category-item .category {
  font-size: 14px;
  letter-spacing: -.02em;
  line-height: 1.5
}

#section-unique .mo-find-course-wrapper .mo-search-container .search-wrapper .search-category .search-category-dropDown-wrapper .search-category-dropDown-list .category-item .checked {
  opacity: 0;
  pointer-events: none
}

#section-unique .mo-find-course-wrapper .mo-search-container .search-wrapper .search-category .search-category-dropDown-wrapper .search-category-dropDown-list .category-item:hover {
  background: #f9f9f9
}

#section-unique .mo-find-course-wrapper .mo-search-container .search-wrapper .search-category .search-category-dropDown-wrapper .search-category-dropDown-list .category-item.active {
  background: #f3f3f4
}

#section-unique .mo-find-course-wrapper .mo-search-container .search-wrapper .search-category .search-category-dropDown-wrapper .search-category-dropDown-list .category-item.active .checked {
  opacity: 1;
  pointer-events: auto
}

#section-unique .mo-find-course-wrapper .mo-search-container .search-btn {
  background: #fff;
  border-radius: 8px;
  margin-top: 8px;
  padding: 18px
}

#section-unique .mo-find-course-wrapper .mo-search-container .search-btn:active {
  opacity: .8
}

#section-unique .mo-find-course-wrapper .mo-search-container .search-btn:active .search-btn-text {
  opacity: 1
}

#section-unique .mo-find-course-wrapper .mo-search-container .search-btn.disabled {
  cursor: not-allowed;
  opacity: .8;
  pointer-events: none
}

#section-unique .mo-find-course-wrapper .mo-search-container .search-btn.disabled .search-btn-text {
  opacity: .6
}

#section-unique .mo-find-course-wrapper .mo-search-container .search-btn .search-btn-text {
  color: #10263b;
  font-size: 16px;
  line-height: 1.25;
  text-align: center
}

#section-posts {
  background: #eceff2;
  color: #000;
  margin-top: -10vh;
  margin-top: calc(var(--vh, 1vh)*-10);
  padding: 13.15vh 2.1vw;
  padding: calc(var(--vh, 1vh)*13.15) calc(var(--vw, 1vw)*2.1);
  position: relative;
  z-index: 2
}

#section-posts .posts-title {
  font-size: 3.05vw;
  font-size: -webkit-calc(var(--vw, 1vw)*3.05);
  font-size: -moz-calc(var(--vw, 1vw)*3.05);
  font-size: calc(var(--vw, 1vw)*3.05)
}

#section-posts .posts-flex-wrapper {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 7.41vh;
  margin-top: calc(var(--vh, 1vh)*7.41)
}

#section-posts .posts-flex-wrapper .posts-flex-container.posts-container-1 {
  width: 46.62vw;
  width: -webkit-calc(var(--vw, 1vw)*46.62);
  width: -moz-calc(var(--vw, 1vw)*46.62);
  width: calc(var(--vw, 1vw)*46.62)
}

#section-posts .posts-flex-wrapper .posts-flex-container.posts-container-2 {
  width: 45.15vw;
  width: -webkit-calc(var(--vw, 1vw)*45.15);
  width: -moz-calc(var(--vw, 1vw)*45.15);
  width: calc(var(--vw, 1vw)*45.15)
}

#section-posts .posts-flex-wrapper .posts-flex-container .mo-learn-more {
  background: #10263b;
  color: #fff;
  display: block;
  height: 69px;
  margin-top: 42px;
  padding: 10px;
  position: relative;
  width: 174px
}

#section-posts .posts-flex-wrapper .posts-flex-container .mo-learn-more .mo-learn-text {
  font-size: 14px
}

#section-posts .posts-flex-wrapper .posts-flex-container .mo-learn-more .mo-learn-icon {
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  border-radius: 50%;
  bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 24px;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  right: 10px;
  width: 24px
}

#section-posts .posts-flex-wrapper .posts-flex-container .mo-learn-more .mo-learn-icon img {
  height: 60%;
  width: 60%
}

#section-posts .posts-flex-wrapper .posts-flex-container .up-flex-container {
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

#section-posts .posts-flex-wrapper .posts-flex-container .up-flex-container .mid-title {
  font-size: 1.58vw;
  font-size: -webkit-calc(var(--vw, 1vw)*1.58);
  font-size: -moz-calc(var(--vw, 1vw)*1.58);
  font-size: calc(var(--vw, 1vw)*1.58)
}

#section-posts .posts-flex-wrapper .posts-flex-container .up-flex-container .more-btn {
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex
}

#section-posts .posts-flex-wrapper .posts-flex-container .up-flex-container .more-btn:hover .more-icon {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

#section-posts .posts-flex-wrapper .posts-flex-container .up-flex-container .more-btn .more-text {
  font-size: 1.05vw;
  font-size: -webkit-calc(var(--vw, 1vw)*1.05);
  font-size: -moz-calc(var(--vw, 1vw)*1.05);
  font-size: calc(var(--vw, 1vw)*1.05)
}

#section-posts .posts-flex-wrapper .posts-flex-container .up-flex-container .more-btn .more-icon {
  height: 1.47vw;
  height: -webkit-calc(var(--vw, 1vw)*1.47);
  height: -moz-calc(var(--vw, 1vw)*1.47);
  height: calc(var(--vw, 1vw)*1.47);
  margin-left: 2px;
  -webkit-transition: -webkit-transform .5s ease;
  transition: -webkit-transform .5s ease;
  -moz-transition: transform .5s ease, -moz-transform .5s ease;
  transition: transform .5s ease;
  transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease;
  width: 1.47vw;
  width: -webkit-calc(var(--vw, 1vw)*1.47);
  width: -moz-calc(var(--vw, 1vw)*1.47);
  width: calc(var(--vw, 1vw)*1.47)
}

#section-posts .posts-flex-wrapper .posts-flex-container .down-flex-container {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 2vw;
  margin-top: calc(var(--vw, 1vw)*2)
}

#section-posts .posts-flex-wrapper .posts-flex-container .down-flex-container .post-block {
  cursor: pointer;
  display: block;
  width: 14.39vw;
  width: -webkit-calc(var(--vw, 1vw)*14.39);
  width: -moz-calc(var(--vw, 1vw)*14.39);
  width: calc(var(--vw, 1vw)*14.39)
}

#section-posts .posts-flex-wrapper .posts-flex-container .down-flex-container .post-block .post-cover {
  overflow: hidden;
  width: 100%
}

#section-posts .posts-flex-wrapper .posts-flex-container .down-flex-container .post-block .post-cover .post-hover {
  height: 100%;
  -webkit-transition: -webkit-transform .5s ease;
  transition: -webkit-transform .5s ease;
  -moz-transition: transform .5s ease, -moz-transform .5s ease;
  transition: transform .5s ease;
  transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease;
  width: 100%
}

#section-posts .posts-flex-wrapper .posts-flex-container .down-flex-container .post-block .post-cover img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

#section-posts .posts-flex-wrapper .posts-flex-container .down-flex-container .post-block .post-cover.post-cover-1 {
  height: 13.31vw;
  height: -webkit-calc(var(--vw, 1vw)*13.31);
  height: -moz-calc(var(--vw, 1vw)*13.31);
  height: calc(var(--vw, 1vw)*13.31); /*TB-20231228 (original 12.81)*/
}

#section-posts .posts-flex-wrapper .posts-flex-container .down-flex-container .post-block .post-cover.post-cover-2 {
  height: 19.43vw;
  height: -webkit-calc(var(--vw, 1vw)*19.43);
  height: -moz-calc(var(--vw, 1vw)*19.43);
  height: calc(var(--vw, 1vw)*19.43)
}

#section-posts .posts-flex-wrapper .posts-flex-container .down-flex-container .post-block .post-cover.post-cover-3 {
  height: 12.18vw;
  height: -webkit-calc(var(--vw, 1vw)*12.18);
  height: -moz-calc(var(--vw, 1vw)*12.18);
  height: calc(var(--vw, 1vw)*12.18)
}

#section-posts .posts-flex-wrapper .posts-flex-container .down-flex-container .post-block:hover .post-hover {
  -webkit-transform: scale(1.18);
  -moz-transform: scale(1.18);
  -ms-transform: scale(1.18);
  transform: scale(1.18)
}

#section-posts .posts-flex-wrapper .posts-flex-container .down-flex-container .post-content {
  margin-top: 1.05vw;
  margin-top: calc(var(--vw, 1vw)*1.05)
}

#section-posts .posts-flex-wrapper .posts-flex-container .down-flex-container .post-content .post-time {
  color: #a4a4ad;
  font-size: .84vw;
  font-size: -webkit-calc(var(--vw, 1vw)*.84);
  font-size: -moz-calc(var(--vw, 1vw)*.84);
  font-size: calc(var(--vw, 1vw)*.84)
}

#section-posts .posts-flex-wrapper .posts-flex-container .down-flex-container .post-content .post-title {
  font-size: 1.16vw;
  font-size: -webkit-calc(var(--vw, 1vw)*1.16);
  font-size: -moz-calc(var(--vw, 1vw)*1.16);
  font-size: calc(var(--vw, 1vw)*1.16);
  margin-top: 4px;
  word-break: break-word
}

#section-posts .posts-flex-wrapper .posts-flex-container .down-flex-container .post-content .post-text {
  color: #a4a4ad;
  font-size: .84vw;
  font-size: -webkit-calc(var(--vw, 1vw)*.84);
  font-size: -moz-calc(var(--vw, 1vw)*.84);
  font-size: calc(var(--vw, 1vw)*.84);
  margin-top: 10px
}

#section-posts .posts-flex-wrapper .posts-flex-container .down-flex-container .event-block {
  display: block;
  width: 13.92vw;
  width: -webkit-calc(var(--vw, 1vw)*13.92);
  width: -moz-calc(var(--vw, 1vw)*13.92);
  width: calc(var(--vw, 1vw)*13.92)
}

#section-posts .posts-flex-wrapper .posts-flex-container .down-flex-container .event-block .event-container {
  background: #fff;
  height: 14.91vw;
  height: -webkit-calc(var(--vw, 1vw)*14.91);
  height: -moz-calc(var(--vw, 1vw)*14.91);
  height: calc(var(--vw, 1vw)*14.91);
  padding: 1.58vw 1.05vw 1.05vw;
  padding: calc(var(--vw, 1vw)*1.58) calc(var(--vw, 1vw)*1.05) calc(var(--vw, 1vw)*1.05);
  position: relative;
  width: 100%
}

#section-posts .posts-flex-wrapper .posts-flex-container .down-flex-container .event-block .event-container .event-num {
  color: #10263b;
  font-size: 2vw;
  font-size: -webkit-calc(var(--vw, 1vw)*2);
  font-size: -moz-calc(var(--vw, 1vw)*2);
  font-size: calc(var(--vw, 1vw)*2);
  /*TB-20231211*/
  line-height: normal

}

#section-posts .posts-flex-wrapper .posts-flex-container .down-flex-container .event-block .event-container .event-line {
  background: rgba(16, 38, 59, .2);
  bottom: 3.36vw;
  bottom: -webkit-calc(var(--vw, 1vw)*3.36);
  bottom: -moz-calc(var(--vw, 1vw)*3.36);
  bottom: calc(var(--vw, 1vw)*3.36);
  height: 1px;
  left: 1.05vw;
  left: -webkit-calc(var(--vw, 1vw)*1.05);
  left: -moz-calc(var(--vw, 1vw)*1.05);
  left: calc(var(--vw, 1vw)*1.05);
  position: absolute;
  width: -webkit-calc(100% - 2.1vw);
  width: -moz-calc(100% - 2.1vw);
  width: calc(100% - 2.1vw);
  width: -webkit-calc(100% - var(--vw, 1vw)*2.1);
  width: -moz-calc(100% - var(--vw, 1vw)*2.1);
  width: calc(100% - var(--vw, 1vw)*2.1)
}

#section-posts .posts-flex-wrapper .posts-flex-container .down-flex-container .event-block .event-container .event-year {
  bottom: 1.05vw;
  bottom: -webkit-calc(var(--vw, 1vw)*1.05);
  bottom: -moz-calc(var(--vw, 1vw)*1.05);
  bottom: calc(var(--vw, 1vw)*1.05);
  color: #a4a4ad;
  font-size: 16px;
  position: absolute;
  right: 1.05vw;
  right: -webkit-calc(var(--vw, 1vw)*1.05);
  right: -moz-calc(var(--vw, 1vw)*1.05);
  right: calc(var(--vw, 1vw)*1.05)
}

#section-ranking {
  background: #10263b;
  color: #fff
}

#section-ranking .ranking-flex-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex
}

#section-ranking .rank-title {
  font-size: 3.78vw;
  font-size: -webkit-calc(var(--vw, 1vw)*3.78);
  font-size: -moz-calc(var(--vw, 1vw)*3.78);
  font-size: calc(var(--vw, 1vw)*3.78);
  letter-spacing: -1.12px;
  line-height: 1
}

#section-ranking .left-img-wrapper {
  height: 43.05vw;
  height: -webkit-calc(var(--vw, 1vw)*43.05);
  height: -moz-calc(var(--vw, 1vw)*43.05);
  height: calc(var(--vw, 1vw)*43.05);
  overflow: hidden;
  width: 50.71vw;
  width: -webkit-calc(var(--vw, 1vw)*50.71);
  width: -moz-calc(var(--vw, 1vw)*50.71);
  width: calc(var(--vw, 1vw)*50.71)
}

#section-ranking .left-img-wrapper .ranking-img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

#section-ranking .right-content-wrapper {
  padding: 4.73vw 0 5.04vw 4.2vw;
  padding: calc(var(--vw, 1vw)*4.73) 0 calc(var(--vw, 1vw)*5.04) calc(var(--vw, 1vw)*4.2);
  position: relative
}

#section-ranking .right-content-wrapper .rank-content {
  margin-left: 22.52vw;
  margin-left: calc(var(--vw, 1vw)*22.52);
  margin-top: 5.25vw;
  margin-top: calc(var(--vw, 1vw)*5.25);
  width: 15.23vw;
  width: -webkit-calc(var(--vw, 1vw)*15.23);
  width: -moz-calc(var(--vw, 1vw)*15.23);
  width: calc(var(--vw, 1vw)*15.23)
}

#section-ranking .right-content-wrapper .rank-content .rank-text {
  font-size: 1.05vw;
  font-size: -webkit-calc(var(--vw, 1vw)*1.05);
  font-size: -moz-calc(var(--vw, 1vw)*1.05);
  font-size: calc(var(--vw, 1vw)*1.05);
  line-height: 1.2
}

#section-ranking .right-content-wrapper .rank-content .mo-ranking-img {
  height: 68.34vw;
  height: -webkit-calc(var(--vw, 1vw)*68.34);
  height: -moz-calc(var(--vw, 1vw)*68.34);
  height: calc(var(--vw, 1vw)*68.34);
  margin-top: 28px;
  overflow: hidden;
  width: 100%
}

#section-ranking .right-content-wrapper .rank-content .mo-ranking-img .ranking-img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

#section-ranking .right-content-wrapper .rank-content .rank-btn {
  background: #fff;
  color: #000;
  margin-top: 3.68vw;
  margin-top: calc(var(--vw, 1vw)*3.68);
  padding: 1.05vw 1.05vw 4.2vw;
  padding: calc(var(--vw, 1vw)*1.05) calc(var(--vw, 1vw)*1.05) calc(var(--vw, 1vw)*4.2);
  position: relative;
  width: 100%
}

#section-ranking .right-content-wrapper .rank-content .rank-btn .btn-text {
  font-size: 1.05vw;
  font-size: -webkit-calc(var(--vw, 1vw)*1.05);
  font-size: -moz-calc(var(--vw, 1vw)*1.05);
  font-size: calc(var(--vw, 1vw)*1.05);
  line-height: 1.1
}

#section-ranking .right-content-wrapper .rank-content .rank-btn .link-btn-wrapper {
  bottom: .53vw;
  bottom: -webkit-calc(var(--vw, 1vw)*.53);
  bottom: -moz-calc(var(--vw, 1vw)*.53);
  bottom: calc(var(--vw, 1vw)*.53);
  position: absolute;
  right: .53vw;
  right: -webkit-calc(var(--vw, 1vw)*.53);
  right: -moz-calc(var(--vw, 1vw)*.53);
  right: calc(var(--vw, 1vw)*.53)
}

#section-ranking .right-content-wrapper .rank-content .mo-learn-more {
  background: #fff;
  color: #10263b;
  display: block;
  height: 59px;
  margin-top: 16px;
  padding: 10px;
  position: relative;
  width: 174px
}

#section-ranking .right-content-wrapper .rank-content .mo-learn-more .mo-learn-text {
  font-size: 14px
}

#section-ranking .right-content-wrapper .rank-content .mo-learn-more .mo-learn-icon {
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: #10263b;
  border-radius: 50%;
  bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 24px;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  right: 10px;
  width: 24px
}

#section-ranking .right-content-wrapper .rank-content .mo-learn-more .mo-learn-icon img {
  height: 30%;
  width: 30%
}

#section-impact {
  background: #eceff2;
  color: #000;
  padding: 16.86vh 2.1vw 13.15vh;
  padding: calc(var(--vh, 1vh)*16.86) calc(var(--vw, 1vw)*2.1) calc(var(--vh, 1vh)*13.15)
}

#section-impact .impact-title {
  font-size: 3.05vw;
  font-size: -webkit-calc(var(--vw, 1vw)*3.05);
  font-size: -moz-calc(var(--vw, 1vw)*3.05);
  font-size: calc(var(--vw, 1vw)*3.05);
  line-height: 1
}

#section-impact .impact-tab-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  margin-top: 5.56vh;
  margin-top: calc(var(--vh, 1vh)*5.56)
}

#section-impact .impact-tab-wrapper .impact-tab {
  color: #a4a4ad;
  cursor: pointer;
  font-size: 1.58vw;
  font-size: -webkit-calc(var(--vw, 1vw)*1.58);
  font-size: -moz-calc(var(--vw, 1vw)*1.58);
  font-size: calc(var(--vw, 1vw)*1.58);
  line-height: 1.2;
  position: relative;
  -webkit-transition: color .5s ease;
  -moz-transition: color .5s ease;
  transition: color .5s ease;
  white-space: nowrap
}

#section-impact .impact-tab-wrapper .impact-tab:after {
  background: #000;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  top: 2.1vw;
  top: -webkit-calc(var(--vw, 1vw)*2.1);
  top: -moz-calc(var(--vw, 1vw)*2.1);
  top: calc(var(--vw, 1vw)*2.1);
  -webkit-transition: width .5s ease, left .5s ease;
  -moz-transition: width .5s ease, left .5s ease;
  transition: width .5s ease, left .5s ease;
  width: 0
}

#section-impact .impact-tab-wrapper .impact-tab:not(:first-child) {
  margin-left: 1.58vw;
  margin-left: calc(var(--vw, 1vw)*1.58)
}

#section-impact .impact-tab-wrapper .impact-tab.active {
  color: #000;
  cursor: default
}

#section-impact .impact-tab-wrapper .impact-tab.active:after {
  left: 0;
  width: 100%
}

#section-impact .impact-tab-wrapper .impact-tab:hover {
  color: #000
}

#section-impact .impact-tab-wrapper .impact-tab:hover:after {
  left: 0;
  width: 100%
}

#section-impact .impact-content-wrapper {
  margin-top: 7.41vh;
  margin-top: calc(var(--vh, 1vh)*7.41);
  position: relative
}

#section-impact .impact-flex-wrapper {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  display: none;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  opacity: 0;
  pointer-events: none;
  position: relative;
  -webkit-transition: opacity .5s ease;
  -moz-transition: opacity .5s ease;
  transition: opacity .5s ease;
  width: 100%
}

#section-impact .impact-flex-wrapper.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  opacity: 1;
  pointer-events: unset
}

#section-impact .impact-flex-wrapper .impact-block {
  overflow: hidden;
  position: relative
}

#section-impact .impact-flex-wrapper .impact-block .impact-img {
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 1
}

#section-impact .impact-flex-wrapper .impact-block .impact-btn {
  background: #fff;
  bottom: 10px;
  cursor: pointer;
  height: 6.41vw;
  height: -webkit-calc(var(--vw, 1vw)*6.41);
  height: -moz-calc(var(--vw, 1vw)*6.41);
  height: calc(var(--vw, 1vw)*6.41);
  left: 10px;
  padding: 1.05vw 0 0 1.05vw;
  padding: calc(var(--vw, 1vw)*1.05) 0 0 calc(var(--vw, 1vw)*1.05);
  position: absolute;
  width: 12.6vw;
  width: -webkit-calc(var(--vw, 1vw)*12.6);
  width: -moz-calc(var(--vw, 1vw)*12.6);
  width: calc(var(--vw, 1vw)*12.6);
  z-index: 2
}

#section-impact .impact-flex-wrapper .impact-block .impact-btn .btn-text {
  font-size: 1.05vw;
  font-size: -webkit-calc(var(--vw, 1vw)*1.05);
  font-size: -moz-calc(var(--vw, 1vw)*1.05);
  font-size: calc(var(--vw, 1vw)*1.05);
  line-height: 1.3
}

#section-impact .impact-flex-wrapper .impact-block .impact-btn .btn-icon {
  bottom: 1.05vw;
  bottom: -webkit-calc(var(--vw, 1vw)*1.05);
  bottom: -moz-calc(var(--vw, 1vw)*1.05);
  bottom: calc(var(--vw, 1vw)*1.05);
  position: absolute;
  right: 1.05vw;
  right: -webkit-calc(var(--vw, 1vw)*1.05);
  right: -moz-calc(var(--vw, 1vw)*1.05);
  right: calc(var(--vw, 1vw)*1.05)
}

/* impact 图片遮罩 */
#section-impact .impact-flex-wrapper .impact-block.impact-img-block .impact-img-mask {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .4)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(top, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));
  height: 90%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2
}
/* impact 图片遮罩 */

#section-impact .impact-flex-wrapper .impact-block.impact-img-block .block-main-title {
  color: #fff;
  font-size: 1.68vw;
  font-size: -webkit-calc(var(--vw, 1vw)*1.68);
  font-size: -moz-calc(var(--vw, 1vw)*1.68);
  font-size: calc(var(--vw, 1vw)*1.68);
  left: 1.58vw;
  left: -webkit-calc(var(--vw, 1vw)*1.58);
  left: -moz-calc(var(--vw, 1vw)*1.58);
  left: calc(var(--vw, 1vw)*1.58);
  position: absolute;
  top: 1.58vw;
  top: -webkit-calc(var(--vw, 1vw)*1.58);
  top: -moz-calc(var(--vw, 1vw)*1.58);
  top: calc(var(--vw, 1vw)*1.58);
  width: 35.96vw;
  width: -webkit-calc(var(--vw, 1vw)*35.96);
  width: -moz-calc(var(--vw, 1vw)*35.96);
  width: calc(var(--vw, 1vw)*35.96);
  z-index: 3
}

#section-impact .impact-flex-wrapper .impact-block.impact-img-block .impact-img {
  -o-object-fit: cover;
  object-fit: cover
}

#section-impact .impact-flex-wrapper-1 .impact-block {
  width: 47.41vw;
  width: -webkit-calc(var(--vw, 1vw)*47.41);
  width: -moz-calc(var(--vw, 1vw)*47.41);
  width: calc(var(--vw, 1vw)*47.41)
}

#section-impact .impact-flex-wrapper-1 .impact-block.block-1 {
  background: #10263b;
  color: #fff;
  padding: 30px 1.58vw;
  padding: 30px calc(var(--vw, 1vw)*1.58)
}

#section-impact .impact-flex-wrapper-1 .impact-block.block-1 .block-title {
  font-size: 2.21vw;
  font-size: -webkit-calc(var(--vw, 1vw)*2.21);
  font-size: -moz-calc(var(--vw, 1vw)*2.21);
  font-size: calc(var(--vw, 1vw)*2.21);
  line-height: 1.1
}

#section-impact .impact-flex-wrapper-1 .impact-block.block-1 .block-content-wrapper {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 6.78vw;
  margin-top: calc(var(--vw, 1vw)*6.78)
}

#section-impact .impact-flex-wrapper-1 .impact-block.block-1 .block-content-wrapper .block-content {
  width: 21.32vw;
  width: -webkit-calc(var(--vw, 1vw)*21.32);
  width: -moz-calc(var(--vw, 1vw)*21.32);
  width: calc(var(--vw, 1vw)*21.32)
}

#section-impact .impact-flex-wrapper-1 .impact-block.block-1 .block-content-wrapper .block-content .block-sub-title {
  font-size: 2vw;
  font-size: -webkit-calc(var(--vw, 1vw)*2);
  font-size: -moz-calc(var(--vw, 1vw)*2);
  font-size: calc(var(--vw, 1vw)*2);
  line-height: 1
}

#section-impact .impact-flex-wrapper-1 .impact-block.block-1 .block-content-wrapper .block-content .block-text {
  font-size: 1.16vw;
  font-size: -webkit-calc(var(--vw, 1vw)*1.16);
  font-size: -moz-calc(var(--vw, 1vw)*1.16);
  font-size: calc(var(--vw, 1vw)*1.16);
  margin-top: 10px;
  opacity: .75
}

#section-impact .impact-flex-wrapper-1 .impact-block.block-1 .block-content-wrapper .block-content:first-child,
#section-impact .impact-flex-wrapper-1 .impact-block.block-1 .block-content-wrapper .block-content:nth-child(2) {
  margin-bottom: 2.1vw;
  margin-bottom: calc(var(--vw, 1vw)*2.1)
}

#section-impact .impact-flex-wrapper-2 .impact-block {
  width: 47.41vw;
  width: -webkit-calc(var(--vw, 1vw)*47.41);
  width: -moz-calc(var(--vw, 1vw)*47.41);
  width: calc(var(--vw, 1vw)*47.41)
}

#section-impact .impact-flex-wrapper-3 .impact-block {
  width: 31.55vw;
  width: -webkit-calc(var(--vw, 1vw)*31.55);
  width: -moz-calc(var(--vw, 1vw)*31.55);
  width: calc(var(--vw, 1vw)*31.55)
}

#section-impact .impact-flex-wrapper-3 .impact-block.block-2 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  background: #10263b;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 30px 1.58vw;
  padding: 30px calc(var(--vw, 1vw)*1.58)
}

#section-impact .impact-flex-wrapper-3 .impact-block.block-2 .block-title {
  font-size: 2.21vw;
  font-size: -webkit-calc(var(--vw, 1vw)*2.21);
  font-size: -moz-calc(var(--vw, 1vw)*2.21);
  font-size: calc(var(--vw, 1vw)*2.21);
  line-height: 1.1
}

#section-impact .impact-flex-wrapper-3 .impact-block.block-2 .block-content-wrapper {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 10.98vw;
  margin-top: calc(var(--vw, 1vw)*10.98)
}

#section-impact .impact-flex-wrapper-3 .impact-block.block-2 .block-content-wrapper .block-content {
  width: 13.18vw;
  width: -webkit-calc(var(--vw, 1vw)*13.18);
  width: -moz-calc(var(--vw, 1vw)*13.18);
  width: calc(var(--vw, 1vw)*13.18)
}

#section-impact .impact-flex-wrapper-3 .impact-block.block-2 .block-content-wrapper .block-content .block-sub-title {
  font-size: 2vw;
  font-size: -webkit-calc(var(--vw, 1vw)*2);
  font-size: -moz-calc(var(--vw, 1vw)*2);
  font-size: calc(var(--vw, 1vw)*2);
  line-height: 1
}

#section-impact .impact-flex-wrapper-3 .impact-block.block-2 .block-content-wrapper .block-content .block-text {
  font-size: 1.16vw;
  font-size: -webkit-calc(var(--vw, 1vw)*1.16);
  font-size: -moz-calc(var(--vw, 1vw)*1.16);
  font-size: calc(var(--vw, 1vw)*1.16);
  margin-top: 10px;
  opacity: .75;
  white-space: nowrap
}

#section-panorama {
  background: #10263b;
  color: #fff;
  padding: 13.15vh 2.1vw;
  padding: calc(var(--vh, 1vh)*13.15) calc(var(--vw, 1vw)*2.1)
}

#section-panorama .panorama-title {
  font-size: 3.05vw;
  font-size: -webkit-calc(var(--vw, 1vw)*3.05);
  font-size: -moz-calc(var(--vw, 1vw)*3.05);
  font-size: calc(var(--vw, 1vw)*3.05)
}

#section-panorama .panorama-img-wrapper {
  height: 27.3vw;
  height: -webkit-calc(var(--vw, 1vw)*27.3);
  height: -moz-calc(var(--vw, 1vw)*27.3);
  height: calc(var(--vw, 1vw)*27.3);
  margin-top: 3.15vw;
  margin-top: calc(var(--vw, 1vw)*3.15);
  position: relative
}

#section-panorama .panorama-img-wrapper .panorama-img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  width: 100%;
  z-index: 1
}

#section-panorama .panorama-img-wrapper .panorama-btn {
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
  border-radius: 4.2vw;
  border-radius: -webkit-calc(var(--vw, 1vw)*4.2);
  border-radius: -moz-calc(var(--vw, 1vw)*4.2);
  border-radius: calc(var(--vw, 1vw)*4.2);
  bottom: 4.62vw;
  bottom: -webkit-calc(var(--vw, 1vw)*4.62);
  bottom: -moz-calc(var(--vw, 1vw)*4.62);
  bottom: calc(var(--vw, 1vw)*4.62);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 3.36vw;
  height: -webkit-calc(var(--vw, 1vw)*3.36);
  height: -moz-calc(var(--vw, 1vw)*3.36);
  height: calc(var(--vw, 1vw)*3.36);
  padding: 0 .32vw 0 .95vw;
  padding: 0 calc(var(--vw, 1vw)*.32) 0 calc(var(--vw, 1vw)*.95);
  position: absolute;
  right: 5.15vw;
  right: -webkit-calc(var(--vw, 1vw)*5.15);
  right: -moz-calc(var(--vw, 1vw)*5.15);
  right: calc(var(--vw, 1vw)*5.15);
  z-index: 2
}

#section-panorama .panorama-img-wrapper .panorama-btn .btn-text {
  color: #000;
  font-size: 1.05vw;
  font-size: -webkit-calc(var(--vw, 1vw)*1.05);
  font-size: -moz-calc(var(--vw, 1vw)*1.05);
  font-size: calc(var(--vw, 1vw)*1.05)
}

#section-panorama .panorama-img-wrapper .panorama-btn .btn-icon {
  height: 2.73vw;
  height: -webkit-calc(var(--vw, 1vw)*2.73);
  height: -moz-calc(var(--vw, 1vw)*2.73);
  height: calc(var(--vw, 1vw)*2.73);
  margin-left: 1.05vw;
  margin-left: calc(var(--vw, 1vw)*1.05);
  width: 2.73vw;
  width: -webkit-calc(var(--vw, 1vw)*2.73);
  width: -moz-calc(var(--vw, 1vw)*2.73);
  width: calc(var(--vw, 1vw)*2.73)
}

#section-panorama .panorama-text {
  font-size: 2vw;
  font-size: -webkit-calc(var(--vw, 1vw)*2);
  font-size: -moz-calc(var(--vw, 1vw)*2);
  font-size: calc(var(--vw, 1vw)*2);
  line-height: 1.3;
  margin-left: 49.66vw;
  margin-left: calc(var(--vw, 1vw)*49.66);
  margin-top: 3.36vw;
  margin-top: calc(var(--vw, 1vw)*3.36);
  width: 46.93vw;
  width: -webkit-calc(var(--vw, 1vw)*46.93);
  width: -moz-calc(var(--vw, 1vw)*46.93);
  width: calc(var(--vw, 1vw)*46.93)
}

#section-panorama .mo-panorama-img {
  height: auto;
  margin-top: 28px;
  width: 100%
}

#section-panorama .mo-learn-more {
  background: #fff;
  color: #10263b;
  height: 59px;
  margin-top: 16px;
  padding: 10px;
  position: relative;
  width: 174px
}

#section-panorama .mo-learn-more .mo-learn-text {
  font-size: 14px
}

#section-panorama .mo-learn-more .mo-learn-icon {
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: #10263b;
  border-radius: 50%;
  bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 24px;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  right: 10px;
  width: 24px
}

#section-panorama .mo-learn-more .mo-learn-icon img {
  height: 30%;
  width: 30%
}

#section-more {
  background: #eceff2;
  color: #000;
  padding: 16.67vh 2.1vw 7.46vw;
  padding: calc(var(--vh, 1vh)*16.67) calc(var(--vw, 1vw)*2.1) calc(var(--vw, 1vw)*7.46);
  position: relative;
  z-index: 2
}

#section-more .more-title {
  font-size: 3.05vw;
  font-size: -webkit-calc(var(--vw, 1vw)*3.05);
  font-size: -moz-calc(var(--vw, 1vw)*3.05);
  font-size: calc(var(--vw, 1vw)*3.05);
  letter-spacing: -.78px;
  line-height: 1
}

#section-more .more-content-wrapper .more-flex {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 20px
}

#section-more .more-content-wrapper .more-flex .more-content-block {
  max-height: -webkit-calc(50vh - 10px - 7.35vw);
  max-height: -moz-calc(50vh - 10px - 7.35vw);
  max-height: calc(50vh - 10px - 7.35vw);
  max-height: -webkit-calc(var(--vh, 1vh)*50 - 10px - 7.35vw);
  max-height: -moz-calc(var(--vh, 1vh)*50 - 10px - 7.35vw);
  max-height: calc(var(--vh, 1vh)*50 - 10px - 7.35vw);
  max-height: -webkit-calc(50vh - 10px - var(--vw, 1vw)*7.35);
  max-height: -moz-calc(50vh - 10px - var(--vw, 1vw)*7.35);
  max-height: calc(50vh - 10px - var(--vw, 1vw)*7.35);
  max-height: -webkit-calc(var(--vh, 1vh)*50 - 10px - var(--vw, 1vw)*7.35);
  max-height: -moz-calc(var(--vh, 1vh)*50 - 10px - var(--vw, 1vw)*7.35);
  max-height: calc(var(--vh, 1vh)*50 - 10px - var(--vw, 1vw)*7.35);
  overflow: hidden;
  position: relative
}

#section-more .more-content-wrapper .more-flex .more-content-block .more-img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  width: 100%;
  z-index: 1
}

#section-more .more-content-wrapper .more-flex .more-content-block .more-btn {
  background: #fff;
  bottom: 10px;
  cursor: pointer;
  height: 6.41vw;
  height: -webkit-calc(var(--vw, 1vw)*6.41);
  height: -moz-calc(var(--vw, 1vw)*6.41);
  height: calc(var(--vw, 1vw)*6.41);
  left: 10px;
  padding: 1.05vw;
  padding: calc(var(--vw, 1vw)*1.05);
  position: absolute;
  width: 13.65vw;
  width: -webkit-calc(var(--vw, 1vw)*13.65);
  width: -moz-calc(var(--vw, 1vw)*13.65);
  width: calc(var(--vw, 1vw)*13.65);
  z-index: 2
}

#section-more .more-content-wrapper .more-flex .more-content-block .more-btn .btn-text {
  font-size: 1.26vw;
  font-size: -webkit-calc(var(--vw, 1vw)*1.26);
  font-size: -moz-calc(var(--vw, 1vw)*1.26);
  font-size: calc(var(--vw, 1vw)*1.26)
}

#section-more .more-content-wrapper .more-flex .more-content-block .more-btn .btn-icon {
  bottom: 1.05vw;
  bottom: -webkit-calc(var(--vw, 1vw)*1.05);
  bottom: -moz-calc(var(--vw, 1vw)*1.05);
  bottom: calc(var(--vw, 1vw)*1.05);
  position: absolute;
  right: 1.05vw;
  right: -webkit-calc(var(--vw, 1vw)*1.05);
  right: -moz-calc(var(--vw, 1vw)*1.05);
  right: calc(var(--vw, 1vw)*1.05)
}

#section-more .more-content-wrapper .more-flex .more-content-block.more-block-1 {
  height: 23vw;
  height: -webkit-calc(var(--vw, 1vw)*23);
  height: -moz-calc(var(--vw, 1vw)*23);
  height: calc(var(--vw, 1vw)*23);
  width: 50.61vw;
  width: -webkit-calc(var(--vw, 1vw)*50.61);
  width: -moz-calc(var(--vw, 1vw)*50.61);
  width: calc(var(--vw, 1vw)*50.61)
}

#section-more .more-content-wrapper .more-flex .more-content-block.more-block-2 {
  height: 23vw;
  height: -webkit-calc(var(--vw, 1vw)*23);
  height: -moz-calc(var(--vw, 1vw)*23);
  height: calc(var(--vw, 1vw)*23);
  width: 44.1vw;
  width: -webkit-calc(var(--vw, 1vw)*44.1);
  width: -moz-calc(var(--vw, 1vw)*44.1);
  width: calc(var(--vw, 1vw)*44.1)
}

#section-more .more-content-wrapper .more-flex .more-content-block.more-block-3 {
  height: 19.48vw;
  height: -webkit-calc(var(--vw, 1vw)*19.48);
  height: -moz-calc(var(--vw, 1vw)*19.48);
  height: calc(var(--vw, 1vw)*19.48);
  width: 33.81vw;
  width: -webkit-calc(var(--vw, 1vw)*33.81);
  width: -moz-calc(var(--vw, 1vw)*33.81);
  width: calc(var(--vw, 1vw)*33.81)
}

#section-more .more-content-wrapper .more-flex .more-content-block.more-block-4 {
  height: 19.48vw;
  height: -webkit-calc(var(--vw, 1vw)*19.48);
  height: -moz-calc(var(--vw, 1vw)*19.48);
  height: calc(var(--vw, 1vw)*19.48);
  width: 30.45vw;
  width: -webkit-calc(var(--vw, 1vw)*30.45);
  width: -moz-calc(var(--vw, 1vw)*30.45);
  width: calc(var(--vw, 1vw)*30.45)
}

#section-more .more-content-wrapper .more-flex .more-content-block.more-block-5 {
  height: 19.48vw;
  height: -webkit-calc(var(--vw, 1vw)*19.48);
  height: -moz-calc(var(--vw, 1vw)*19.48);
  height: calc(var(--vw, 1vw)*19.48);
  width: 29.14vw;
  width: -webkit-calc(var(--vw, 1vw)*29.14);
  width: -moz-calc(var(--vw, 1vw)*29.14);
  width: calc(var(--vw, 1vw)*29.14)
}

body {
  padding-top: 0 !important
}

body.no-scroll {
  overflow-y: hidden
}

body.zn--body-fixed {
  position: fixed
}

@media (min-width:769px) {

  .mo-only,
  .pad-only,
  .pc-hidden {
    display: none
  }

  :root {
    --rpx: -webkit-calc(.07622vw - .09756px);
    --rpx: -moz-calc(.07622vw - .09756px);
    --rpx: calc(.07622vw - .09756px);
    --rpx: -webkit-calc(var(--vw, 1vw)*100/1312 - .09756px);
    --rpx: -moz-calc(var(--vw, 1vw)*100/1312 - .09756px);
    --rpx: calc(var(--vw, 1vw)*100/1312 - .09756px)
  }

  .link-hover-wrapper:hover .link-arrow {
    -webkit-animation: arrowAni .2s ease-in-out 1 forwards;
    -moz-animation: arrowAni .2s ease-in-out 1 forwards;
    animation: arrowAni .2s ease-in-out 1 forwards
  }

  @-moz-keyframes arrowAni {
    0% {
      -moz-transform: translate(-60%, 60%);
      transform: translate(-60%, 60%)
    }

    to {
      -moz-transform: translate(0);
      transform: translate(0)
    }
  }

  @-webkit-keyframes arrowAni {
    0% {
      -webkit-transform: translate(-60%, 60%);
      transform: translate(-60%, 60%)
    }

    to {
      -webkit-transform: translate(0);
      transform: translate(0)
    }
  }

  @keyframes arrowAni {
    0% {
      -webkit-transform: translate(-60%, 60%);
      -moz-transform: translate(-60%, 60%);
      transform: translate(-60%, 60%)
    }

    to {
      -webkit-transform: translate(0);
      -moz-transform: translate(0);
      transform: translate(0)
    }
  }

  #section-unique .unique-icon-flex-wrapper .unique-icon {
    -webkit-transition: -webkit-transform .5s ease, -webkit-filter .5s ease;
    transition: -webkit-transform .5s ease, -webkit-filter .5s ease;
    -moz-transition: transform .5s ease, filter .5s ease, -moz-transform .5s ease;
    transition: transform .5s ease, filter .5s ease;
    transition: transform .5s ease, filter .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease, -webkit-filter .5s ease
  }

  #section-unique .unique-icon-flex-wrapper .unique-icon:hover {
    -webkit-filter: unset;
    filter: unset;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
  }

  #section-impact .impact-flex-wrapper-2 .impact-block .impact-btn {
    width: 13.65vw;
    width: -webkit-calc(var(--vw, 1vw)*13.65);
    width: -moz-calc(var(--vw, 1vw)*13.65);
    width: calc(var(--vw, 1vw)*13.65)
  }
}

@media (max-width:768px) {

  .mo-hidden,
  .pad-only,
  .pc-only {
    display: none
  }

  :root {
    --rpx: -webkit-calc(.30488vw - .09756px);
    --rpx: -moz-calc(.30488vw - .09756px);
    --rpx: calc(.30488vw - .09756px);
    --rpx: -webkit-calc(var(--vw, 1vw)*100/328 - .09756px);
    --rpx: -moz-calc(var(--vw, 1vw)*100/328 - .09756px);
    --rpx: calc(var(--vw, 1vw)*100/328 - .09756px)
  }

  .link-hover-wrapper .link-btn-wrapper {
    height: 24px;
    width: 24px
  }

  .link-hover-wrapper .link-btn-wrapper .link-arrow {
    height: 6px;
    width: 5px
  }

  #section-kv,
  #section-kv .kv-slick-wrapper {
    height: -webkit-calc(172.77vw - 32px);
    height: -moz-calc(172.77vw - 32px);
    height: calc(172.77vw - 32px);
    height: -webkit-calc(var(--vw, 1vw)*180 - var(--vw, 1vw)*7.23 - 32px);
    height: -moz-calc(var(--vw, 1vw)*180 - var(--vw, 1vw)*7.23 - 32px);
    height: calc(var(--vw, 1vw)*180 - var(--vw, 1vw)*7.23 - 32px)
  }

  #section-kv .kv-content-wrapper {
    left: 4.45vw;
    left: -webkit-calc(var(--vw, 1vw)*4.45);
    left: -moz-calc(var(--vw, 1vw)*4.45);
    left: calc(var(--vw, 1vw)*4.45)
  }

  #section-kv .kv-content-wrapper .kv-title {
    font-size: 32px; /*TB-20240110*/
  }

  #section-kv .kv-content-wrapper .kv-text {
    /*TB-20240110*/
    font-size: 16px;
    line-height: 1.2rem;
    margin-top: 20px
  }

  #section-kv .kv-content-wrapper .pc-learn-more {
    margin-top: 20px;
    padding: 12px 12px 12px 18px
  }

  #section-kv .kv-content-wrapper .pc-learn-more .pc-learn-text {
    font-size: 14px
  }

  #section-kv .kv-content-wrapper .pc-learn-more .pc-learn-icon {
    height: 22px;
    margin-left: 1px;
    width: 22px
  }

  #section-kv .dot-wrapper {
    bottom: 9vh;
    bottom: -webkit-calc(var(--vh, 1vh)*9);
    bottom: -moz-calc(var(--vh, 1vh)*9);
    bottom: calc(var(--vh, 1vh)*9);
    left: 4.45vw;
    left: -webkit-calc(var(--vw, 1vw)*4.45);
    left: -moz-calc(var(--vw, 1vw)*4.45);
    left: calc(var(--vw, 1vw)*4.45)
  }

  #section-kv .dot-wrapper .dot {
    height: 10px;
    width: 10px
  }

  #section-kv .dot-wrapper .dot:not(:first-child) {
    margin-left: 17px
  }

  #section-unique {
    padding: 80px 4.45vw;
    padding: 80px calc(var(--vw, 1vw)*4.45)
  }

  #section-unique .unique-wrapper {
    display: block
  }

  #section-unique .unique-wrapper .unique-title {
    font-size: 30px;
    white-space: nowrap
  }

  #section-unique .unique-wrapper .unique-content-wrapper {
    margin-top: 16px;
    width: 100%
  }

  #section-unique .unique-wrapper .unique-content-wrapper .unique-content {
    font-size: 16px
  }

  #section-unique .unique-wrapper .unique-content-wrapper .unique-flex-wrapper {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 24px;
    width: 100%
  }

  #section-unique .unique-wrapper .unique-content-wrapper .unique-flex-wrapper .unique-block .unique-block-title {
    font-size: 22px
  }

  #section-unique .unique-wrapper .unique-content-wrapper .unique-flex-wrapper .unique-block .unique-block-text {
    font-size: 12px
  }

  #section-unique .unique-wrapper .unique-content-wrapper .unique-flex-wrapper .unique-block:first-child {
    width: 48%; /*TB: 20231226*/
  }

  #section-unique .unique-wrapper .unique-content-wrapper .unique-flex-wrapper .unique-block:nth-child(2) {
    width: 48%; /*TB: 20231226*/
  }

  #section-unique .unique-wrapper .unique-content-wrapper .unique-flex-wrapper .unique-block:nth-child(3) {
    margin-top: 14px;
    width: 100%
  }

  #section-unique .unique-img-wrapper {
    height: 45.56vw;
    height: -webkit-calc(var(--vw, 1vw)*45.56);
    height: -moz-calc(var(--vw, 1vw)*45.56);
    height: calc(var(--vw, 1vw)*45.56);
    margin-top: 28px
  }

  #section-unique .unique-img-wrapper .unique-img {
    height: 73.34vw;
    height: -webkit-calc(var(--vw, 1vw)*73.34);
    height: -moz-calc(var(--vw, 1vw)*73.34);
    height: calc(var(--vw, 1vw)*73.34);
    margin-top: -17.5vw;
    margin-top: calc(var(--vw, 1vw)*-17.5);
    width: 100%
  }

  #section-unique .unique-icon-flex-wrapper {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px
  }

  #section-unique .unique-icon-flex-wrapper .unique-icon {
    -webkit-filter: unset;
    filter: unset;
    height: 12.5vw;
    height: -webkit-calc(var(--vw, 1vw)*12.5);
    height: -moz-calc(var(--vw, 1vw)*12.5);
    height: calc(var(--vw, 1vw)*12.5)
  }

  #section-unique .unique-icon-flex-wrapper .unique-icon:first-child,
  #section-unique .unique-icon-flex-wrapper .unique-icon:nth-child(2),
  #section-unique .unique-icon-flex-wrapper .unique-icon:nth-child(3) {
    width: 29.17vw;
    width: -webkit-calc(var(--vw, 1vw)*29.17);
    width: -moz-calc(var(--vw, 1vw)*29.17);
    width: calc(var(--vw, 1vw)*29.17)
  }

  #section-unique .unique-icon-flex-wrapper .unique-icon:nth-child(4),
  #section-unique .unique-icon-flex-wrapper .unique-icon:nth-child(5) {
    margin-top: 1.67vw;
    margin-top: calc(var(--vw, 1vw)*1.67);
    width: 44.73vw;
    width: -webkit-calc(var(--vw, 1vw)*44.73);
    width: -moz-calc(var(--vw, 1vw)*44.73);
    width: calc(var(--vw, 1vw)*44.73)
  }

  #section-posts {
    margin-top: 0;
    padding: 80px 4.45vw;
    padding: 80px calc(var(--vw, 1vw)*4.45)
  }

  #section-posts .posts-title {
    font-size: 30px
  }

  #section-posts .posts-flex-wrapper {
    display: block;
    margin-top: 42px
  }

  #section-posts .posts-flex-wrapper .posts-flex-container.posts-container-1 {
    width: 100%
  }

  #section-posts .posts-flex-wrapper .posts-flex-container.posts-container-2 {
    margin-top: 64px;
    width: 100%
  }

  #section-posts .posts-flex-wrapper .posts-flex-container .up-flex-container {
    display: block
  }

  #section-posts .posts-flex-wrapper .posts-flex-container .up-flex-container .mid-title {
    font-size: 24px
  }

  #section-posts .posts-flex-wrapper .posts-flex-container .down-flex-container {
    display: block;
    margin-top: 28px
  }

  #section-posts .posts-flex-wrapper .posts-flex-container .down-flex-container .post-block {
    margin-bottom: 36px;
    width: 100%
  }

  #section-posts .posts-flex-wrapper .posts-flex-container .down-flex-container .post-block .post-cover.post-cover-1,
  #section-posts .posts-flex-wrapper .posts-flex-container .down-flex-container .post-block .post-cover.post-cover-2,
  #section-posts .posts-flex-wrapper .posts-flex-container .down-flex-container .post-block .post-cover.post-cover-3 {
    height: 51.39vw;
    height: -webkit-calc(var(--vw, 1vw)*51.39);
    height: -moz-calc(var(--vw, 1vw)*51.39);
    height: calc(var(--vw, 1vw)*51.39)
  }

  #section-posts .posts-flex-wrapper .posts-flex-container .down-flex-container .post-content {
    margin-top: 10px
  }

  #section-posts .posts-flex-wrapper .posts-flex-container .down-flex-container .post-content .post-time {
    font-size: 16px
  }

  #section-posts .posts-flex-wrapper .posts-flex-container .down-flex-container .post-content .post-title {
    font-size: 20px;
    margin-top: 8px
  }

  #section-posts .posts-flex-wrapper .posts-flex-container .down-flex-container .post-content .post-text {
    font-size: 16px;
    margin-top: 14px
  }

  #section-posts .posts-flex-wrapper .posts-flex-container .down-flex-container .event-block {
    margin-bottom: 36px;
    width: 100%
  }

  #section-posts .posts-flex-wrapper .posts-flex-container .down-flex-container .event-block .event-container {
    height: 150px;
    padding: 20px
  }

  #section-posts .posts-flex-wrapper .posts-flex-container .down-flex-container .event-block .event-container .event-num {
    font-size: 28px
  }

  #section-ranking .ranking-flex-wrapper {
    display: block
  }

  #section-ranking .rank-title {
    font-size: 30px;
    letter-spacing: -.3px
  }

  #section-ranking .right-content-wrapper {
    display: block;
    padding: 80px 4.45vw;
    padding: 80px calc(var(--vw, 1vw)*4.45)
  }

  #section-ranking .right-content-wrapper .rank-content {
    margin-left: 0;
    margin-top: 16px;
    width: 100%
  }

  #section-ranking .right-content-wrapper .rank-content .rank-text {
    font-size: 16px
  }

  #section-impact {
    padding: 80px 4.45vw;
    padding: 80px calc(var(--vw, 1vw)*4.45)
  }

  #section-impact .impact-title {
    font-size: 30px
  }

  #section-impact .impact-tab-wrapper {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    /*TB-20231210: changed space-between to space-evenly*/
    -webkit-justify-content: space-evenly;
    justify-content: space-evenly;
    margin-top: 42px
  }

  #section-impact .impact-tab-wrapper .impact-tab {
    font-size: 16px
  }

  #section-impact .impact-tab-wrapper .impact-tab:after {
    top: 24px
  }

  #section-impact .impact-tab-wrapper .impact-tab:not(:first-child) {
    margin-left: 0
  }

  #section-impact .impact-content-wrapper {
    margin-top: 16px
  }

  #section-impact .impact-flex-wrapper.active {
    display: block
  }

  #section-impact .impact-flex-wrapper .impact-block .impact-btn {
    height: 58px;
    padding: 10px;
    width: 140px
  }

  #section-impact .impact-flex-wrapper .impact-block .impact-btn .btn-text {
    font-size: 12px
  }

  #section-impact .impact-flex-wrapper .impact-block .impact-btn .btn-icon {
    bottom: 10px;
    right: 10px
  }

  #section-impact .impact-flex-wrapper .impact-block.impact-img-block .block-main-title {
    font-size: 18px;
    left: 18px;
    top: 18px;
    width: -webkit-calc(100% - 36px);
    width: -moz-calc(100% - 36px);
    width: calc(100% - 36px)
  }

  #section-impact .impact-flex-wrapper-1 .impact-block {
    height: auto;
    width: 100%
  }

  #section-impact .impact-flex-wrapper-1 .impact-block.block-2 {
    margin-top: 8px
  }

  #section-impact .impact-flex-wrapper-1 .impact-block.block-2 .impact-img {
    height: auto
  }

  #section-impact .impact-flex-wrapper-1 .impact-block.block-1 {
    padding: 18px 18px 0
  }

  #section-impact .impact-flex-wrapper-1 .impact-block.block-1 .block-title {
    font-size: 20px;
    margin-bottom: 36px
  }

  #section-impact .impact-flex-wrapper-1 .impact-block.block-1 .block-content-wrapper {
    display: block;
    margin-top: 0
  }

  #section-impact .impact-flex-wrapper-1 .impact-block.block-1 .block-content-wrapper .block-content {
    margin-bottom: 18px;
    width: 100%
  }

  #section-impact .impact-flex-wrapper-1 .impact-block.block-1 .block-content-wrapper .block-content .block-sub-title {
    font-size: 20px
  }

  #section-impact .impact-flex-wrapper-1 .impact-block.block-1 .block-content-wrapper .block-content .block-text {
    font-size: 14px;
    margin-top: 6px
  }

  #section-impact .impact-flex-wrapper-1 .impact-block.block-1 .block-content-wrapper .block-content:first-child,
  #section-impact .impact-flex-wrapper-1 .impact-block.block-1 .block-content-wrapper .block-content:nth-child(2) {
    margin-bottom: 18px
  }

  #section-impact .impact-flex-wrapper-2 .impact-block {
    margin-bottom: 8px;
    width: 100%
  }

  #section-impact .impact-flex-wrapper-2 .impact-block .impact-img {
    height: auto
  }

  #section-impact .impact-flex-wrapper-3 .impact-block {
    margin-bottom: 8px;
    width: 100%
  }

  #section-impact .impact-flex-wrapper-3 .impact-block .impact-img {
    height: auto
  }

  #section-impact .impact-flex-wrapper-3 .impact-block.block-2 {
    height: auto;
    padding: 18px 18px 0
  }

  #section-impact .impact-flex-wrapper-3 .impact-block.block-2 .block-title {
    font-size: 20px;
    margin-bottom: 30px
  }

  #section-impact .impact-flex-wrapper-3 .impact-block.block-2 .block-content-wrapper {
    display: block;
    margin-top: 0
  }

  #section-impact .impact-flex-wrapper-3 .impact-block.block-2 .block-content-wrapper .block-content {
    margin-bottom: 18px;
    width: -webkit-calc(100% - 36px);
    width: -moz-calc(100% - 36px);
    width: calc(100% - 36px)
  }

  #section-impact .impact-flex-wrapper-3 .impact-block.block-2 .block-content-wrapper .block-content .block-sub-title {
    font-size: 20px
  }

  #section-impact .impact-flex-wrapper-3 .impact-block.block-2 .block-content-wrapper .block-content .block-text {
    font-size: 14px;
    margin-top: 6px
  }

  #section-panorama {
    padding: 80px 4.45vw;
    padding: 80px calc(var(--vw, 1vw)*4.45)
  }

  #section-panorama .panorama-title {
    font-size: 30px
  }

  #section-panorama .panorama-text {
    font-size: 16px;
    margin-left: 0;
    margin-top: 16px;
    width: 100%
  }

  #section-more {
    padding: 80px 4.45vw;
    padding: 80px calc(var(--vw, 1vw)*4.45)
  }

  #section-more .more-title {
    font-size: 30px;
    letter-spacing: -.3px
  }

  #section-more .more-content-wrapper .more-flex {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px
  }

  #section-more .more-content-wrapper .more-flex .more-content-block {
    max-height: unset
  }

  #section-more .more-content-wrapper .more-flex .more-content-block .more-btn {
    bottom: 5px;
    height: 47px;
    left: 5px;
    padding: 10px;
    width: 151px
  }

  #section-more .more-content-wrapper .more-flex .more-content-block .more-btn .btn-text {
    /*TB-20231211*/
    line-height: normal;
    font-size: 12px
  }

  #section-more .more-content-wrapper .more-flex .more-content-block .more-btn .btn-icon {
    bottom: 10px;
    right: 10px
  }

  #section-more .more-content-wrapper .more-flex .more-content-block.more-block-1,
  #section-more .more-content-wrapper .more-flex .more-content-block.more-block-2,
  #section-more .more-content-wrapper .more-flex .more-content-block.more-block-3,
  #section-more .more-content-wrapper .more-flex .more-content-block.more-block-4 {
    height: 50vw;
    height: -webkit-calc(var(--vw, 1vw)*50);
    height: -moz-calc(var(--vw, 1vw)*50);
    height: calc(var(--vw, 1vw)*50);
    width: 44.73vw;
    width: -webkit-calc(var(--vw, 1vw)*44.73);
    width: -moz-calc(var(--vw, 1vw)*44.73);
    width: calc(var(--vw, 1vw)*44.73)
  }

  #section-more .more-content-wrapper .more-flex .more-content-block.more-block-5 {
    height: 44.45vw;
    height: -webkit-calc(var(--vw, 1vw)*44.45);
    height: -moz-calc(var(--vw, 1vw)*44.45);
    height: calc(var(--vw, 1vw)*44.45);
    margin-top: 10px;
    width: 100%
  }
}

@media (min-width:769px) and (max-width:1100px) {

  .mo-only,
  .pad-hidden {
    display: none
  }

  :root {
    --rpx: -webkit-calc(.13889vw - .06667px);
    --rpx: -moz-calc(.13889vw - .06667px);
    --rpx: calc(.13889vw - .06667px);
    --rpx: -webkit-calc(var(--vw, 1vw)*100/720 - .06667px);
    --rpx: -moz-calc(var(--vw, 1vw)*100/720 - .06667px);
    --rpx: calc(var(--vw, 1vw)*100/720 - .06667px)
  }

  #section-unique .unique-wrapper .unique-content-wrapper .unique-flex-wrapper .unique-block .unique-block-text {
    font-size: 14px
  }
}

@media (min-width:1440px) {
  :root {
    --rpx: 1px
  }
}