:root {
  --black: #000;
  --logo-red: #e60012;
  --white: white;
  --logo-red-20: #e6001233;
  --logo-red-60-copy: #e6001299;
  --white-35: #ffffff59;
  --black-20: #0003;
  --light-gray: #f9f9f9;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: var(--black);
  font-family: Noto Sans, sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 26px;
}

h2 {
  color: var(--logo-red);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 300;
  line-height: 50px;
}

h3 {
  letter-spacing: 4px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 300;
  line-height: 120%;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 300;
  line-height: 32px;
}

h5 {
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 22px;
  font-weight: 500;
  line-height: 24px;
}

a {
  color: var(--black);
  text-decoration: none;
}

ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 40px;
}

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

label {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 300;
  display: block;
}

.all {
  overflow: hidden;
}

.container {
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 60px;
  padding-right: 60px;
}

.container.no-padding {
  max-width: 1920px;
  padding-left: 0;
  padding-right: 0;
}

.container.achievements {
  background-image: linear-gradient(#00000073, #00000073), url('../images/home-achievement2x.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.container.track-record, .container.about {
  max-width: 1440px;
}

.header {
  z-index: 999;
  background-color: var(--white);
  border-bottom: 1px solid #e5e5e5;
  width: 100%;
}

.header-wrap {
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.header-logo {
  cursor: pointer;
  width: 280px;
  padding-left: 0;
  transition: opacity .5s;
}

.header-logo:hover {
  opacity: .6;
}

.nav-menu {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  padding-left: 40px;
  display: flex;
}

.nav-row {
  justify-content: flex-end;
  align-items: center;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.nav-col {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.nav-link {
  padding: 0;
  transition: color .5s;
  display: block;
}

.nav-link:hover, .nav-link.w--current {
  color: var(--logo-red);
}

.nav-link.chinese {
  border-right: 1px solid var(--black);
  padding-right: 8px;
  transition: color .8s;
}

.nav-link.chinese:hover {
  color: var(--logo-red);
}

.nav-link.en {
  transition: color .8s;
}

.nav-link.en:hover {
  color: var(--logo-red);
}

.hide {
  display: none;
}

.section {
  padding-top: 80px;
}

.section.top-0 {
  padding-top: 0;
}

.home-banner-b {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.home-banner-title-container {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: 100%;
  padding: 40px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.home-banner-title-b {
  flex-flow: column;
  padding: 0;
  display: flex;
}

.home-banner-title-top {
  color: var(--white);
  padding-bottom: 8px;
  padding-left: 20px;
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
}

.home-banner-title-bottom {
  color: var(--white);
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 20px;
  font-size: 56px;
  font-weight: 700;
  line-height: 160%;
  overflow: hidden;
}

.home-banner-title-bottom._01 {
  overflow: hidden;
}

.home-banner-video {
  aspect-ratio: 16 / 9;
  color: var(--black);
  width: 100%;
  height: 100%;
}

.txt-shadow {
  text-shadow: 0 0 25px #0009;
}

.home-about-row {
  width: 100%;
  display: flex;
}

.home-about-col {
  width: 50%;
  padding-left: 0;
  padding-right: 0;
}

.home-about-col.l {
  justify-content: flex-start;
  align-items: center;
  padding: 10% 40px 10% 60px;
  display: flex;
}

.home-about-col.r {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.home-about-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.home-about-title-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.home-about-icon-b, .about-logo {
  width: 100px;
  height: 100px;
}

.home-about-title {
  color: var(--logo-red);
  font-size: 40px;
  font-weight: 500;
  line-height: 120%;
}

.about-sub-b {
  flex-flow: column;
}

.about-sub-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.btn-b {
  display: flex;
}

.btn-b.center {
  justify-content: center;
  align-items: center;
}

.btn-link {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--logo-red);
  color: var(--logo-red);
  text-decoration: none;
  -webkit-text-decoration-color: var(--logo-red);
  text-decoration-color: var(--logo-red);
  cursor: pointer;
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  display: flex;
}

.btn-link.white {
  border-color: var(--white);
  color: var(--white);
}

.btn-dot {
  background-color: var(--logo-red);
  border-radius: 50px;
  width: 8px;
  height: 8px;
}

.btn-dot.white {
  background-color: var(--white);
}

.home-service-col {
  position: relative;
}

.home-service-col.investment-banking {
  background-color: var(--logo-red);
  color: var(--white);
}

.home-service-col.asset-management {
  background-color: #ad1925;
}

.home-service-col.green-finance {
  background-color: var(--white);
}

.home-service-col.strategy-development {
  background-color: #717171;
}

.home-serive-top {
  color: var(--white);
  text-align: center;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: center;
  padding: 40px;
  font-size: 26px;
  font-weight: 600;
  line-height: 32px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.home-serive-top.investment-banking {
  background-image: linear-gradient(to bottom, var(--logo-red-20), var(--logo-red-20)), url('../images/home-services-012x.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  line-height: 32px;
}

.home-serive-top.asset-management {
  background-image: linear-gradient(to bottom, var(--logo-red-60-copy), var(--logo-red-60-copy)), url('../images/home-services-022x.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.home-serive-top.green-finance {
  background-image: linear-gradient(to bottom, var(--white-35), var(--white-35)), url('../images/home-services-032x.jpg');
  color: var(--black);
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.home-serive-top.startegy-development {
  background-image: linear-gradient(to bottom, var(--black-20), var(--black-20)), url('../images/home-services-042x.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.home-achievements-row {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.home-serive-bottom {
  width: 100%;
  height: 100%;
  padding: 30px 20px;
}

.home-serive-content {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--white);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.home-serive-content.black-txt {
  color: var(--black);
}

.home-serive-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  padding-left: 20px;
  display: flex;
}

.txt-white {
  color: var(--white);
}

.home-achievements-data-row {
  width: 100%;
  padding-right: 0;
  display: flex;
}

.home-achievements-data-col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 25%;
  padding-right: 0;
  display: flex;
}

.home-data-b {
  background-color: var(--white);
  border-radius: 1000px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  display: flex;
}

.home-data-name {
  color: var(--white);
  font-weight: 600;
}

.txt-red {
  color: var(--logo-red);
}

.home-cilent-row {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.filter-icon-b {
  background-image: url('../images/filter-icon2x_1filter-icon@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
}

.filter-icon-b.ca, .filter-icon-b.m-and-a, .filter-icon-b.ofa, .filter-icon-b.news, .filter-icon-b.events {
  opacity: 0;
}

.img-full {
  width: 100%;
  height: 100%;
  display: block;
}

.slide-arrow-img {
  width: 20px;
  overflow: visible;
}

.pop-slide-col {
  flex: none;
  width: 33.33%;
  padding-left: 10px;
  padding-right: 10px;
}

.pop-slide-col.slick-item {
  width: 25%;
}

.pop-slider-container {
  z-index: 1;
  background-color: var(--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: absolute;
  inset: 0%;
}

.slide-arrow-b {
  background-color: var(--logo-red);
  cursor: pointer;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.pop-slide-row {
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.pop-slider-b {
  width: 100%;
  padding-top: 77%;
  display: block;
  position: relative;
  overflow: hidden;
}

.pop-slider-b.popup-link {
  padding-top: 60%;
  position: relative;
}

.relative {
  position: relative;
}

.relative.compliance-advisory, .relative.m-and-a, .relative.ofa {
  display: block;
}

.pop-slide-big-container {
  overflow: hidden;
}

.center {
  text-align: center;
}

.cilent-logo-b {
  border: 1px solid var(--black-20);
  padding: 20px 10px;
}

.cilent-stock-number-b {
  background-color: var(--logo-red);
  color: var(--white);
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  display: flex;
}

.side-fixed-container {
  z-index: 998;
  padding-right: 60px;
  position: fixed;
  inset: auto 0% 0% auto;
}

.side-fixed-b {
  width: 60px;
  margin-left: auto;
  padding-bottom: 40px;
}

.side-fixed-icon-row {
  flex-flow: wrap;
  display: flex;
}

.side-fixed-icon-col {
  width: 100%;
  padding-top: 25px;
}

.side-fixed-icon-b {
  background-color: var(--logo-red);
  border-radius: 50%;
  width: 100%;
  padding-top: 100%;
  transition: transform .8s;
  display: block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 20px #5cb0b033;
}

.side-fixed-icon-b:hover {
  box-shadow: 0 0 20px 0 var(--logo-red-20);
  transform: scale(1.1);
}

.side-fixed-icon {
  width: 40px;
  position: absolute;
  inset: 45% 0% 0% 50%;
  transform: translate(-50%, -44%);
}

.footer-main-container {
  max-width: 1920px;
  padding-bottom: 0;
  padding-left: 60px;
  padding-right: 60px;
}

.footer-bottom-b {
  border-top: 1px solid var(--logo-red);
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 60px;
  display: flex;
}

.footer-mian-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  display: flex;
}

.footer-main-content {
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.footer-logo {
  width: 50%;
  transition: opacity .8s;
}

.footer-logo:hover {
  opacity: .6;
}

.footer-logo-media-b {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.footer-media-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.footer-media-b {
  width: 30px;
  height: 30px;
  transition: opacity .8s;
}

.footer-media-b:hover {
  opacity: .6;
}

.footer-menu-row {
  flex-flow: wrap;
  margin-left: -12px;
  margin-right: -12px;
  display: flex;
}

.footer-menu-col {
  padding-bottom: 0;
  padding-left: 12px;
  padding-right: 12px;
}

.footer-link {
  color: var(--black);
  text-decoration: none;
  transition: color .5s;
}

.footer-link:hover {
  color: var(--logo-red);
}

.footer-info-b {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  flex: 0 auto;
  width: 40%;
  padding-top: 0;
  padding-bottom: 20px;
  display: flex;
}

.footer-info-content-b {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.footer-info-content-main {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.footer-tel-fax-row {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  display: flex;
}

.footer-contact-title {
  color: var(--logo-red);
  font-weight: 700;
}

.copyright-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.nav-drop-down {
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-left: 12px;
  padding-right: 12px;
}

.dropdown-toggle {
  padding: 0;
}

.dropdown-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
}

.dropdown-link {
  transition: all .8s;
}

.dropdown-link:hover {
  background-color: var(--logo-red);
  color: var(--white);
}

.pop-slide-prev {
  z-index: 2;
  margin-left: -50px;
  position: absolute;
  inset: 50% auto auto 0%;
  transform: translate(0, -50%);
}

.pop-slide-next {
  z-index: 2;
  margin-right: -50px;
  position: absolute;
  inset: 50% 0% auto auto;
  transform: translate(0, -50%);
}

.head-title-b {
  padding-top: 40px;
  padding-bottom: 40px;
}

.about-top-banner-b {
  width: 100%;
  position: relative;
}

.inner-page-submenu {
  background-color: var(--logo-red);
  opacity: .9;
  width: 50%;
  padding: 40px 60px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.sub-menu-link {
  color: var(--white);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  text-decoration: none;
  transition: opacity .5s;
  display: flex;
}

.sub-menu-link:hover {
  opacity: .7;
}

.sub-menu-arrow {
  width: 30px;
  height: 30px;
}

.about-who-we-are-row {
  width: 100%;
  padding-right: 0;
  display: flex;
}

.about-wwa-col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 60%;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-right: 60px;
  display: flex;
}

.about-mission-col {
  flex-flow: column;
  flex: none;
  width: 40%;
  padding-right: 0;
  display: flex;
}

.about-mission-b {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.about-mission-b.bottom-line {
  border-bottom: 1px solid var(--black-20);
}

.about-alliance-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.inner-title {
  color: var(--logo-red);
  text-align: center;
  text-transform: uppercase;
}

.inner-title.left {
  text-align: left;
}

.inner-title.white {
  color: var(--white);
}

.about-alliance-main-b {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.about-alliance-row {
  width: 100%;
  padding-right: 0;
  display: flex;
}

.about-alliance-col {
  width: 50%;
  padding-right: 0;
  display: flex;
}

.about-aliance-txt {
  color: var(--white);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  padding: 40px;
  display: flex;
}

.about-aliance-txt.red {
  background-color: var(--logo-red);
}

.about-aliance-txt.light-gray {
  color: var(--black);
  background-color: #f9f9f9;
}

.about-alliance-img {
  width: 50%;
  padding-top: 80%;
}

.about-alliance-img._01 {
  background-image: url('../images/about-alliance-12x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.about-alliance-img._02 {
  background-image: url('../images/about-alliance-22x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.about-alliance-img._03 {
  background-image: url('../images/about-alliance-32x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.about-alliance-img._04 {
  background-image: url('../images/about-alliance-42x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.about-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  padding-left: 20px;
}

.about-list.services {
  display: flex;
}

.about-team-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.about-team-main-b {
  grid-row-gap: 40px;
  flex-flow: wrap;
  width: 100%;
  margin-left: -4px;
  margin-right: -4px;
  padding-right: 0;
  display: flex;
}

.about-team-col {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--black);
  flex-flow: column;
  width: 25%;
  padding-left: 4px;
  padding-right: 4px;
  text-decoration: none;
  transition: opacity .8s;
  display: flex;
}

.about-team-col:hover {
  opacity: .7;
}

.about-team-ppl-img {
  aspect-ratio: 319 / 400;
}

.about-ppl-content {
  flex-flow: column;
  display: flex;
}

.txt-light-gray {
  color: #a4a4a4;
}

.team-ppl-info-row {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  display: flex;
}

.team-ppl-img {
  justify-content: flex-start;
  align-items: flex-start;
  width: 30%;
  display: flex;
}

.team-ppl-info {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 70%;
  display: flex;
}

.ppl-info-title {
  flex-flow: column;
  display: flex;
}

.team-ppl-info-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  padding-left: 20px;
  display: flex;
}

.insight-top-banner-row {
  width: 100%;
  padding-right: 0;
  display: flex;
}

.insight-top-banner-col {
  width: 50%;
}

.insight-top-banner-col.img {
  background-image: url('../images/market-insight-banner2x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 40%;
}

.insight-top-banner-col.content {
  background-image: url('../images/market-insight-banner-bg2x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  padding: 40px 60px 40px 40px;
  display: flex;
}

.sub-tag-date-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tag-link {
  border: 1px solid var(--white);
  color: var(--white);
  padding: 5px 10px;
  text-decoration: none;
}

.tag-link.red {
  border-color: var(--logo-red);
  color: var(--logo-red);
}

.banner-top-b {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--white);
  flex-flow: column;
  display: flex;
}

.banner-bottom-b {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.market-insight-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.market-insight-main-row {
  grid-row-gap: 40px;
  flex-flow: wrap;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.market-insight-col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--black);
  flex-flow: column;
  width: 33.33%;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  transition: all .8s;
  display: flex;
}

.market-insight-col:hover {
  opacity: .7;
  color: var(--logo-red);
}

.market-insight-col.white {
  color: var(--white);
}

.bottom-content-b {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.home-tab-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  cursor: pointer;
  padding-left: 24px;
  padding-right: 24px;
  transition: transform .5s;
  display: flex;
}

.home-tab-link:hover {
  transform: translate(0, -5px);
}

.home-tab-link.w--current {
  color: var(--logo-red);
  background-color: #ddd0;
}

.home-cilent-tab-menu {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.news-top-banner-col {
  width: 50%;
}

.news-top-banner-col.img {
  background-image: url('../images/market-insight-banner2x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 40%;
}

.news-top-banner-col.content {
  background-image: url('../images/market-insight-banner-bg2x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  padding: 40px 60px 40px 40px;
  display: flex;
}

.tab-content-b {
  padding-top: 40px;
}

.news-tab-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #ddd0;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.news-tab-link.w--current {
  color: var(--logo-red);
  background-color: #ddd0;
}

.news-cilent-tab-menu {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.inner-top-header-b {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.inner-header-link {
  color: var(--logo-red);
}

.header-link {
  border-bottom: 1px solid var(--white);
  color: var(--logo-red);
  text-decoration: none;
  transition: all .8s;
  display: inline;
}

.header-link:hover {
  border-bottom: 1px solid var(--logo-red);
}

.red-50 {
  color: #e6001280;
}

.related-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--logo-red);
  flex-flow: column;
  padding: 40px 60px;
  display: flex;
}

.inner-date-b {
  border-right: 1px solid var(--logo-red);
  border-left: 1px solid var(--logo-red);
  color: var(--logo-red);
  padding: 5px 16px;
}

.pdf-dowload-b {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border-bottom: 1px solid var(--white);
  color: var(--logo-red);
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  transition: all .5s;
  display: flex;
}

.pdf-dowload-b:hover {
  border-bottom-color: var(--logo-red);
}

.articles-banner-b {
  margin-left: 15%;
  padding-top: 30%;
}

.articles-banner-b._01 {
  background-image: url('../images/market-insight-032x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.articles-text {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  width: 100%;
  padding: 40px 15%;
  display: flex;
}

.download-icon {
  width: 30px;
  height: 30px;
}

.track-ipo-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.track-main-b {
  grid-row-gap: 40px;
  flex-flow: wrap;
  width: 100%;
  height: 880px;
  display: flex;
  overflow: hidden;
}

.track-record-col {
  flex-flow: column;
  justify-content: space-between;
  width: 25%;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.track-stock-bar {
  background-color: var(--logo-red);
  color: var(--white);
  padding: 10px;
  font-size: 14px;
  line-height: 120%;
}

.record-content-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: .5px solid var(--black-20);
  background-image: url('../images/track-record-bg2x.jpg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  min-height: 380px;
  max-height: 380px;
  padding-top: 5px;
  display: flex;
}

.track-logo-b {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--logo-red);
  flex-flow: column;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  overflow: hidden;
}

.track-content-b {
  color: var(--logo-red);
  width: 100%;
  padding-bottom: 8px;
  padding-left: 10px;
  padding-right: 10px;
}

.track-date {
  color: #e6001280;
  font-size: 12px;
}

.track-record-txt {
  font-size: 34px;
  line-height: 50px;
}

.contact-location-b {
  width: 100%;
  max-width: 1920px;
}

.contact-from-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.contact-from-main-b {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  width: 100%;
  display: flex;
}

.company-info-b {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.info-inner-b {
  flex-flow: column;
  width: 50%;
  display: flex;
}

.info-icon-row {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.info-icon {
  width: 24px;
  height: 24px;
}

.body-bold {
  color: var(--logo-red);
  font-weight: 700;
}

.logo-img {
  object-fit: contain;
  height: 80px;
  min-height: 80px;
}

.services-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  margin-left: -40px;
  margin-right: -40px;
  display: flex;
}

.services-row-1 {
  width: 100%;
  padding-right: 0;
  display: flex;
}

.services-col {
  width: 50%;
  padding-left: 40px;
  padding-right: 40px;
}

.services-content-b {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.services-content-top {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.services-row-2 {
  flex-flow: row-reverse;
  width: 100%;
  padding-right: 0;
  display: flex;
}

.pop-slide-prev-1 {
  z-index: 2;
  margin-left: -50px;
  position: absolute;
  inset: 50% auto auto 0%;
  transform: translate(0, -50%);
}

.pop-slide-next-1 {
  z-index: 2;
  margin-right: -50px;
  position: absolute;
  inset: 50% 0% auto auto;
  transform: translate(0, -50%);
}

.pop-slide-prev-2 {
  z-index: 2;
  margin-left: -50px;
  position: absolute;
  inset: 50% auto auto 0%;
  transform: translate(0, -50%);
}

.pop-slide-next-2 {
  z-index: 2;
  margin-right: -50px;
  position: absolute;
  inset: 50% 0% auto auto;
  transform: translate(0, -50%);
}

.pop-slide-prev-3 {
  z-index: 2;
  margin-left: -50px;
  position: absolute;
  inset: 50% auto auto 0%;
  transform: translate(0, -50%);
}

.pop-slide-nwxt-3 {
  z-index: 2;
  margin-right: -50px;
  position: absolute;
  inset: 50% 0% auto auto;
  transform: translate(0, -50%);
}

.tab-pane {
  opacity: 1;
  padding-top: 20px;
  transition: all;
}

.home-header-title-b {
  overflow: visible;
}

.location {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  padding-right: 100px;
  display: flex;
}

.contact-location-row {
  grid-row-gap: 24px;
  flex-flow: wrap;
  width: 100%;
  display: flex;
}

.qr-code {
  width: 200px;
}

.pop-search {
  justify-content: center;
  align-items: center;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: relative;
}

.popup-bg-click {
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0% auto auto 0%;
}

.popup-bg-click.popup-close {
  cursor: pointer;
}

.container-popup {
  justify-content: center;
  align-items: center;
  max-width: none;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.popup-b {
  z-index: 4000;
  opacity: 0;
  background-color: #2e3091cc;
  width: 100%;
  height: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: auto;
}

.popup-b.popup-scroll {
  z-index: 40000;
  opacity: 0;
  background-color: #00000080;
  display: none;
}

.btn-pop-close {
  background-color: #ed5a9e;
  background-image: url('../images/pop-close.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  width: 60px;
  height: 30px;
  margin-right: -30px;
  transition: background-color .5s, color .5s;
  position: absolute;
  inset: 0% 0% auto auto;
}

.btn-pop-close:hover {
  background-color: #f7ac1b;
}

.btn-pop-close.popup-close {
  z-index: 5;
  background-color: var(--logo-red);
  border-radius: 50px;
  width: 30px;
  margin-top: 10px;
  margin-right: 10px;
  transition: opacity .8s;
}

.btn-pop-close.popup-close:hover {
  opacity: .6;
}

.common-popup-box-outter {
  background-color: var(--logo-red);
  border-radius: 21px;
  justify-content: center;
  align-items: center;
  padding: 2px;
  display: flex;
  position: relative;
}

.common-popup-box {
  background-color: #fff;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 30px;
  display: flex;
  position: relative;
}

.footer-contact-link {
  color: var(--black);
  transition: color .8s;
}

.footer-contact-link:hover {
  color: var(--logo-red);
}

.footer-location-contact-row {
  width: 100%;
  display: flex;
}

.contact-info-row {
  flex-flow: row;
  width: 100%;
  display: flex;
}

.ipo-slide, .ca-slide, .ma-slide, .ofa-slide {
  padding-left: 60px;
  padding-right: 60px;
  overflow: hidden;
}

.image-2 {
  width: auto;
}

@media screen and (min-width: 1280px) {
  .team-ppl-img {
    justify-content: flex-start;
    width: 30%;
  }

  .team-ppl-info {
    width: 70%;
  }

  .top-img-b {
    overflow: hidden;
  }

  .track-record-col {
    justify-content: space-between;
    align-items: stretch;
    width: 25%;
  }

  .record-content-b {
    background-position: 100% 0;
  }

  .track-record-txt {
    font-size: 38px;
  }
}

@media screen and (min-width: 1440px) {
  .home-banner-title-container {
    padding-left: 60px;
    padding-right: 60px;
  }

  .filter-icon-b.news, .filter-icon-b.events {
    opacity: 0;
  }

  .pop-slider-b.popup-link {
    padding-top: 65%;
  }

  .cilent-logo-b {
    padding: 40px 20px;
  }

  .footer-main-content {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .about-alliance-img {
    padding-top: 65%;
  }

  .about-team-col {
    transition: opacity .8s;
  }

  .about-team-col:hover {
    opacity: .8;
    color: var(--logo-red);
  }

  .team-ppl-img {
    justify-content: flex-start;
    width: 20%;
  }

  .team-ppl-info {
    width: 80%;
  }

  .insight-top-banner-col.content {
    background-image: url('../images/market-insight-banner-bg2x.jpg');
  }

  .top-img-b {
    overflow: hidden;
  }

  .news-top-banner-col.img {
    background-image: url('../images/news-events-banner2x.jpg');
  }

  .news-top-banner-col.content {
    background-image: url('../images/news-events-banner-bg2x.jpg');
  }

  .company-info-b {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .info-inner-b {
    flex-flow: column;
    width: 50%;
  }

  .contact-location-row {
    grid-row-gap: 24px;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .container-popup {
    padding-left: 60px;
    padding-right: 60px;
  }

  .ppl-img {
    width: auto;
    height: 100%;
  }
}

@media screen and (min-width: 1920px) {
  body {
    font-size: 20px;
  }

  h2 {
    font-size: 56px;
  }

  h4 {
    font-size: 40px;
    line-height: 120%;
  }

  .home-banner-title-container {
    z-index: 10;
  }

  .btn-link.black {
    border-color: var(--black);
    color: var(--black);
  }

  .btn-dot.black {
    background-color: var(--black);
  }

  .home-service-col.green-finance {
    background-color: var(--white);
  }

  .home-serive-top.green-finance {
    display: flex;
  }

  .pop-slide-row.ipo-slick-item-list {
    justify-content: flex-start;
    align-items: center;
  }

  .pop-slider-b.popup-link {
    padding-top: 48%;
  }

  .side-fixed-b {
    padding-bottom: 60px;
  }

  .footer-info-content-b {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .footer-info-content-main {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .about-alliance-img {
    padding-top: 65%;
  }

  .team-ppl-img {
    width: 23%;
  }

  .team-ppl-info {
    width: 77%;
  }

  .banner-top-b {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .record-content-b {
    height: 360px;
  }
}

@media screen and (max-width: 991px) {
  h2 {
    font-size: 40px;
  }

  .container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .nav-menu {
    background-color: #eee;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    padding-left: 0;
  }

  .nav-row {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .nav-col {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 20px 40px;
    display: block;
  }

  .nav-col.lang {
    padding: 0;
    display: flex;
  }

  .nav-link.chinese {
    border-right-style: none;
    justify-content: center;
    align-items: center;
    width: 50%;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
  }

  .nav-link.en {
    justify-content: center;
    align-items: center;
    width: 50%;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
  }

  .section {
    padding-top: 40px;
  }

  .home-banner-title-container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .home-about-row {
    flex-flow: column;
  }

  .home-about-col {
    width: 100%;
  }

  .home-about-col.l {
    justify-content: center;
    align-items: center;
    padding-left: 40px;
    padding-right: 40px;
  }

  .about-sub-row {
    text-align: center;
  }

  .btn-b {
    justify-content: center;
    align-items: flex-start;
  }

  .home-service-col {
    aspect-ratio: 1;
  }

  .home-achievements-data-row {
    flex-flow: wrap;
  }

  .home-achievements-data-col {
    width: 50%;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .pop-slide-col {
    width: 50%;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .pop-slide-row {
    margin-top: -20px;
    margin-left: -10px;
    margin-right: -10px;
  }

  .pop-slider-b.popup-link {
    padding-top: 75%;
  }

  .side-fixed-container {
    padding-right: 3%;
  }

  .footer-main-container {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .footer-bottom-b {
    padding-left: 40px;
    padding-right: 40px;
  }

  .footer-mian-wrap {
    flex-flow: column;
  }

  .footer-main-content-container {
    padding-top: 20px;
    padding-bottom: 0;
  }

  .footer-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: center;
    align-items: center;
  }

  .footer-logo-media-b {
    justify-content: flex-start;
    align-items: center;
  }

  .footer-menu-row {
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
  }

  .footer-menu-col {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .footer-info-b {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-width: auto;
    max-width: none;
    padding-top: 0;
    padding-bottom: 20px;
  }

  .footer-info-content-b {
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .footer-info-content-main {
    text-align: center;
    width: 100%;
  }

  .footer-tel-fax-row {
    justify-content: center;
    align-items: center;
  }

  .copyright-row {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: wrap;
  }

  .nav-drop-down {
    width: 100%;
    padding: 20px 0;
  }

  .menu-btn-line-b {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    width: 40px;
    height: 20px;
    display: flex;
  }

  .menu-btn-line {
    background-color: #90caca;
    width: 100%;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-btn-line.line1, .menu-btn-line.line2 {
    background-color: var(--logo-red);
  }

  .nav-menu-btn {
    padding: 0;
  }

  .nav-menu-btn.w--open {
    background-color: var(--white);
  }

  .dropdown-list {
    width: 100px;
    position: static;
  }

  .dropdown-list.w--open {
    margin-top: 20px;
  }

  .dropdown-link {
    transition-duration: .3s;
  }

  ._40-p {
    padding-left: 40px;
  }

  .pop-slide-prev {
    margin-left: -35px;
  }

  .pop-slide-next {
    margin-right: -35px;
  }

  .head-title-b {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .inner-page-submenu {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    position: static;
  }

  .about-who-we-are-row {
    flex-flow: column;
  }

  .about-wwa-col, .about-mission-col {
    width: 100%;
  }

  .about-alliance-row {
    flex-flow: column;
  }

  .about-alliance-col {
    width: 100%;
  }

  .about-alliance-col._02, .about-alliance-col._03 {
    flex-flow: row-reverse;
  }

  .about-team-b {
    grid-column-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 40px;
  }

  .about-team-col {
    width: 50%;
  }

  .team-ppl-info-row {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .team-ppl-img {
    width: 50%;
  }

  .team-ppl-info {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
  }

  .insight-top-banner-row {
    flex-flow: column-reverse;
  }

  .insight-top-banner-row.insight {
    flex-flow: column;
  }

  .insight-top-banner-col.img {
    width: 100%;
  }

  .insight-top-banner-col.content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    width: 100%;
  }

  .banner-bottom-b {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .market-insight-b {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .market-insight-col {
    width: 50%;
  }

  .home-cilent-tab-menu {
    flex-flow: wrap;
  }

  .news-top-banner-col.img {
    width: 100%;
  }

  .news-top-banner-col.content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    width: 100%;
    padding: 20px 40px;
  }

  .tab-content-b {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .news-cilent-tab-menu {
    flex-flow: wrap;
  }

  .track-ipo-b, .track-main-b {
    margin-left: 0;
    margin-right: 0;
  }

  .track-record-col {
    width: 50%;
  }

  .record-content-b {
    height: 100%;
  }

  .contact-from-main-b {
    flex-flow: column;
  }

  .company-info-b, .info-inner-b {
    width: 100%;
  }

  .services-row-1 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .services-col {
    width: 100%;
  }

  .services-row-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .pop-slide-prev-1 {
    margin-left: -35px;
  }

  .pop-slide-next-1 {
    margin-right: -35px;
  }

  .pop-slide-prev-2 {
    margin-left: -35px;
  }

  .pop-slide-next-2 {
    margin-right: -35px;
  }

  .pop-slide-prev-3 {
    margin-left: -35px;
  }

  .pop-slide-nwxt-3 {
    margin-right: -35px;
  }

  .location {
    justify-content: flex-start;
    align-items: center;
    padding-right: 0;
  }

  .contact-location-row {
    flex-flow: column;
  }

  .container-popup {
    max-width: 1440px;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .footer-location-contact-row {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .contact-info-row {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .ipo-slide, .ca-slide, .ma-slide, .ofa-slide {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (max-width: 767px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .header-logo {
    width: 100%;
    max-width: 280px;
  }

  .home-banner-video {
    aspect-ratio: 3 / 2;
  }

  .home-about-col.r {
    flex-flow: column;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .home-service-col {
    aspect-ratio: 2;
  }

  .pop-slide-col {
    width: 75%;
  }

  .pop-slider-container {
    justify-content: center;
    align-items: stretch;
  }

  .pop-slider-b {
    height: 300px;
  }

  .pop-slider-b.popup-link {
    height: 200px;
    padding-top: 50%;
  }

  .pop-slide-big-container {
    margin-left: 40px;
    margin-right: 40px;
  }

  .side-fixed-b {
    width: 44px;
    padding-bottom: 40px;
  }

  .side-fixed-icon {
    width: 32px;
  }

  .footer-main-container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .footer-bottom-b {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
  }

  .footer-mian-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .footer-logo.w--current {
    width: 60%;
  }

  .copyright-row {
    text-align: center;
    justify-content: center;
    align-items: flex-start;
  }

  .menu-btn-line.line1, .menu-btn-line.line2 {
    background-color: var(--logo-red);
  }

  .pop-slide-prev {
    margin-left: -10px;
  }

  .pop-slide-next {
    margin-right: -10px;
  }

  .head-title-b {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .inner-page-submenu {
    width: 100%;
    position: static;
  }

  .about-wwa-col {
    padding-bottom: 0;
  }

  .about-alliance-col {
    flex-flow: column-reverse;
  }

  .about-alliance-col._02 {
    flex-flow: column;
  }

  .about-alliance-col._03 {
    flex-flow: column-reverse;
  }

  .about-alliance-col._01 {
    flex-flow: column;
  }

  .about-aliance-txt.red, .about-aliance-txt.light-gray {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    width: 100%;
  }

  .about-alliance-img._01, .about-alliance-img._02, .about-alliance-img._03, .about-alliance-img._04 {
    width: 100%;
    padding-top: 50%;
  }

  .about-list.services {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .about-team-b {
    padding-top: 40px;
  }

  .about-team-main-b {
    justify-content: space-between;
    align-items: flex-start;
  }

  .team-ppl-info-row {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .insight-top-banner-col.content {
    padding: 20px;
  }

  .banner-bottom-b {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .market-insight-main-row {
    margin-left: -10px;
    margin-right: -10px;
  }

  .market-insight-col {
    padding-left: 10px;
    padding-right: 10px;
  }

  .home-cilent-tab-menu {
    flex-flow: column;
  }

  .news-top-banner-col.content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .related-b {
    padding: 40px 20px;
  }

  .articles-banner-b._01 {
    margin-left: 0%;
    padding-top: 40%;
  }

  .articles-text {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 40px 5%;
  }

  .track-record-col {
    width: 50%;
  }

  .record-content-b {
    background-position: 100% 0;
    background-size: cover;
    height: 100%;
  }

  .contact-location-b {
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
    overflow: hidden;
  }

  .pop-slide-prev-1 {
    margin-left: -10px;
  }

  .pop-slide-next-1 {
    margin-right: -10px;
  }

  .pop-slide-prev-2 {
    margin-left: -10px;
  }

  .pop-slide-next-2 {
    margin-right: -10px;
  }

  .pop-slide-prev-3 {
    margin-left: -10px;
  }

  .pop-slide-nwxt-3 {
    margin-right: -10px;
  }

  .pop-search, .container-popup {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .popup-b {
    padding: 40px 10px;
  }

  .popup-b.popup-scroll {
    padding-top: 100px;
  }

  .common-popup-box-outter, .common-popup-box {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .image.map {
    transform: scale(1.3);
  }

  .ipo-slide, .ca-slide, .ma-slide, .ofa-slide {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 479px) {
  h2 {
    font-size: 32px;
  }

  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .header-logo {
    max-width: 230px;
  }

  .section {
    padding-top: 40px;
  }

  .section.top-0 {
    padding-bottom: 0;
  }

  .home-banner-title-container {
    aspect-ratio: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .home-banner-title-b {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .home-banner-title-top {
    font-size: 20px;
  }

  .home-banner-title-bottom {
    font-size: 40px;
  }

  .home-banner-video {
    aspect-ratio: 2 / 3;
  }

  .home-about-col.l {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .home-about-b {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .home-about-title-row {
    flex-flow: column;
  }

  .home-about-title {
    text-align: center;
    font-size: 32px;
  }

  .home-achievements-row {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .home-achievements-data-row {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .home-achievements-data-col {
    text-align: center;
  }

  .pop-slide-col {
    width: 100%;
  }

  .side-fixed-b {
    padding-bottom: 70px;
  }

  .footer-main-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-mian-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .footer-logo {
    width: 100%;
  }

  .footer-logo.w--current {
    width: 80%;
  }

  .footer-menu-row {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .footer-info-b {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-info-content-main {
    text-align: center;
  }

  .footer-tel-fax-row {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .head-title-b {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .inner-page-submenu {
    padding: 20px;
  }

  .sub-menu-arrow {
    flex: none;
  }

  .about-wwa-col {
    padding-top: 0;
    padding-bottom: 0;
  }

  .about-mission-b, .about-mission-b.bottom-line {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .about-team-col {
    width: 100%;
  }

  .team-ppl-info-row, .team-ppl-info {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .insight-top-banner-col.img {
    padding-top: 75%;
  }

  .sub-tag-date-row {
    flex-flow: wrap;
  }

  .market-insight-main-row {
    grid-row-gap: 40px;
  }

  .market-insight-col {
    width: 100%;
  }

  .news-top-banner-col.img {
    padding-top: 75%;
  }

  .articles-banner-b._01 {
    margin-top: 40px;
    padding-top: 75%;
  }

  .track-record-col {
    width: 100%;
  }

  .contact-location-b {
    justify-content: space-between;
    align-items: flex-start;
  }

  .info-icon-row {
    justify-content: center;
    align-items: center;
  }

  .btn-pop-close.popup-close {
    width: 50px;
    height: 25px;
    margin-right: -25px;
  }

  .footer-location-contact-row {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }
}