@font-face {
  font-family: 'Noto Sans CJK TC';
  src: url('../../web-assets/fonts/NotoSansCJKtc-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}

/* html{
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
} */

.calculator-action {
  width: 100%;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.calculator-action .calculator-action-radia {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-left: 5px;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.5em;
  -webkit-font-smoothing: antialiased;
  position: relative;
  font-family: "Noto Sans CJK TC",-apple-system,"Helvetica",arial,roboto,blinkmacsystemfont;
}

html {
  overflow-y: auto;
}

.container {
  padding-left: 4.8%;
  padding-right: 4.8%;
  max-width: 1440px !important;
  margin: auto;
}

#faqQuestion {
  margin-top: 0 !important;
}

section {
  padding: 5em 0;
}

a.no-undeline {
  text-decoration: none !important;
}

.bg-white {
  background: #FFFFFF
}

.bg-gray {
  background: #F9FAFC
}

.bg-gray2 {
  background: #F8F8F8
}

/* upload file to client website (fancanjie @ 2017-11-09 16:55:51) */
html{overflow-y: auto;}
.yfContent, .yfContent {height: 1px!important; overflow: auto; background: none;line-height: 30px; width:3px; position: absolute; cursor: grab; user-select: none; top:0; }
.yfContent::-webkit-scrollbar {width: 15px;background-color:#fff;}/* 缺省样式 */
.yfContent::-webkit-scrollbar-track {background-color:#fff;}/* 滚动条的滑轨背景颜色 */
.yfContent::-webkit-scrollbar-thumb {background-color:#fff;} /* 滑块颜色 */
.yfContent::-webkit-scrollbar-button {background-color:#fff;} /* 滑轨两头的监听按钮颜色 */
.yfContent::-webkit-scrollbar-corner {background-color:#fff;} /* 横向滚动条和纵向滚动条相交处尖角的颜色 */
/*position fix*/
.yfContent *{position:relative!important;}
/*.yfContent *:first-child {padding-top: 30px;}*/

a {
  cursor: pointer;
  color: #464646;
  transition: all ease-in-out .1s;
  -webkit-transition: all ease-in-out .1s;
  -o-transition: all ease-in-out .1s;
}

a:hover {
  text-decoration: none;
  color: #464646
}

ol {
  padding-left: 20px
}

.m {
  padding: 5%
}

.block {
  margin-top: 10%;
  margin-bottom: 10%
}

.underline {
  position: relative;
}

.underline::after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 5px;
  width: 100%;
  background-image: linear-gradient(to right, #4E42C2 20%, #6340DE 100%);
  animation: splash 1s linear;
}

input:focus {
  outline: none;
}

h1 {
  font-size: 3.5em;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4E42C2;
  margin-bottom: 0;
}

h2 {
  font-size: 1.875em;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}

h3 {
  font-size: 1.375em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: normal;
}

h4 {
  font-size: 1.25em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #ffffff;
}

h5 {
  font-size: 1.2em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

h6,
.note li,
.note span {
  font-size: 1em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #555555;
}

h7 {
  display: block;
  margin-bottom: 0.2em;
  font-size: 0.9em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}

sub {
  top: -1em;
  font-size: 50%;
}

bold {
  font-weight: bold !important;
}

.text-black {
  color: #464646;
}

.text-blue {
  color: #4E42C2;
}

.font-bold {
  font-weight: bold !important;
}

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

.break {
  width: 100%;
}

.btn_button {
  display: inline-block;
  background-color: #4E42C2;
  color: #ffffff;
  text-decoration: none;
  padding: 10px 30px;
  border-radius: 10px;
  font-weight: bold;
}

.btn_button:hover,
.btn_button:focus,
.btn_button:active {
  color: #ffffff;
}

.page-title2 {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2em;
  justify-content: center;
}

.page-title2 h1 {
  letter-spacing: 6px;
}

.page-title2 h1.eng {
  letter-spacing: unset;
  font-style: italic;
}

.page-title2 h1 .large {
  font-size: 200%;
  font-style: italic;
  vertical-align: sub;
  margin-right: 0.2em;
}

.page-title {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2em;
}

.row-item .page-title {
  justify-content: center;
}

.row-item .page-title p {
  font-weight: normal;
}

.page-title>h1:first-child {
  margin-right: 0.5em;
}

.caption {
  margin: 1em 0;
  color: #555
}

.air-row {
  display: flex;
  flex-wrap: wrap;
}

.row-item {
  text-align: center;
}

.row-item img {
  height: auto;
  object-fit: contain;
  margin-bottom: 1em;
  max-height: 9em
}

.row-item h5 {
  max-width: 15.5em;
  margin: auto;
}

.air-row.max-3-item .row-item {
  width: 33%;
}

.air-row.max-3-item .row-item img {
  width: 100%;
  padding-left: 5%;
  margin-left: 5%;
  max-height: unset;
}

.fx-tips-div {
  margin-top: 3%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fx-tips-span {
  font-size: 12px;
  text-align: center;
}


.air-row.max-4-item .row-item {
  width: 25%;
}

.note {
  margin-top: 2em;
  color: #555;
}

.note li {
  margin-bottom: 1em;
}

.date {
  font-size: 12px;
  color: #979797;
  margin: .5em 0 1em 0
}

/* Header start */
header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
}

.navbar {
  position: absolute;
  width: 100%;
  -webkit-transition: all 0.2s linear;
  transition: all 0.3s linear;
}

/* .navbar-brand{ width: 150px;} */
.navbar-brand svg {
  width: 300px;
  height: 70px;
}

.navbar-nav li {
  margin-left: 24px;
  position: relative
}

.navbar-nav li.nopad {
  margin-left: 0
}

.navbar-nav li:first-child {
  margin-left: 0
}

.nav-link {
  font-weight: normal;
  padding: 1px 0
}

.navbar-expand-xl .navbar-nav .nav-link {
  padding-right: .2rem;
  padding-left: .2rem;
}

.fb.nav-link {
  padding-right: .2rem !important;
  padding-left: .2rem !important;
}

#zh.nav-link {
  padding-right: .2rem !important;
  padding-left: .2rem !important;
}

#en.nav-link {
  padding-right: .2rem !important;
  padding-left: .2rem !important;
}

.nav-link.active {
  /* font-weight: bold; */
  /* text-shadow: 0px 0px 1px; */
}

.navbar.dark-mode .nav-link,
.navbar.dark-mode .lang-active {
  color: #000000 !important;
  word-break: keep-all;
}

.navbar.scrolling {
  padding: 0;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  background: #FFFFFF !important;
}

.navbar-nav li a.fb img.fb-hover {
  display: none
}

.navbar-nav li a.fb:hover img.fb-origin,
.navbar.scrolling .navbar-nav li a.fb img.fb-origin {
  display: none
}

.navbar-nav li a.fb:hover img.fb-hover,
.navbar.scrolling .navbar-nav li a.fb img.fb-hover {
  display: block
}

.navbar-nav li a.ig img.ig-hover {
  display: none
}

.navbar-nav li a.ig:hover img.ig-origin,
.navbar.scrolling .navbar-nav li a.ig img.ig-origin {
  display: none
}

.navbar-nav li a.ig:hover img.ig-hover,
.navbar.scrolling .navbar-nav li a.ig img.ig-hover {
  display: block
}
/* Header end */

.btn-registration-primary {
  color: #fff;
  background-color: #4E42C2;
  border-color: #4E42C2;
  line-height: normal;
}
.btn-registration-primary:hover {
  color: #fff;
}
.btn-registration-primary:focus {
  box-shadow: none;
}

/* nav start */
.air-nav {
  font-size: 1.2rem;
  position: relative;
}
#nav-finance.air-nav {
  font-weight: bold;
}
.scrolling .corporate-hover {
  top: 4.75em;
  transition: top 0.2s linear;
}

.corporate-hover {
  display: none;
  position: absolute;
  top: 6em;
  left: 0;
  width: 100%;
  background-color: white;
  box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.2s linear;
}

.corporate-hover.active {
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
}

.corporate-hover a {
  color: #4E42C2;
}

.scrolling .finance-hover {
  top: 4.75em;
  transition: top 0.2s linear;
}

.finance-hover {
  display: none;
  position: absolute;
  top: 6em;
  left: 0;
  width: 100%;
  background-color: white;
  box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.2s linear;
}

.finance-hover.active {
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
}

.finance-hover a {
  color: #4E42C2;
}

html[lang="en"] .navbar.dark-mode .deposit-hover {
  top: 16.9em;
}

html[lang="en"] .deposit-hover {
  top: 18.15em;
}

.navbar.dark-mode .deposit-hover {
  top: 16.45em;
}

.deposit-hover {
  display: none;
  position: absolute;
  top: 17.7em;
  left: 0;
  background-color: white;
  width: 33.2% !important;
  transition: all 0.2s linear;
}

.deposit-hover.active {
  display: block;
}

.deposit-hover a {
  color: #064e81;
}

.deposit-hover-item {
  display: block;
  width: 100%;
  background-color: #000000;
}

.deposit-hover-item>div {
  display: flex;
  margin: 0 20px;
  padding: 10px 40px;
  border-bottom: 1px solid #ffffff;
}

.deposit-hover-item>div>h5 {
  width: 100%;
  font-weight: bold;
  margin: 0px;
}

.deposit-hover-item.saving .img {
  background-image: url(../../web-assets/faq/deposit_saving_w.png);
}

.deposit-hover-item.time .img {
  background-image: url(../../web-assets/faq/deposit_time_w.png);
}

.deposit-hover-item.saving {
  background-color: #44b1fd;
}

.deposit-hover-item.time {
  background-color: #7ac6fc;
}

.deposit-hover-item .img {
  padding: 16px;
  background-size: cover;
  background-position: center;
  display: inline-block;
}

html[lang="en"] .navbar.dark-mode .loan-hover {
  top: 16.9em;
}

html[lang="en"] .loan-hover {
  top: 18.15em;
}

.navbar.dark-mode .loan-hover {
  top: 16.45em;
}

.loan-hover {
  display: none;
  position: absolute;
  top: 17.7em;
  left: 25%;
  background-color: white;
  width: 33.2% !important;
  transition: all 0.2s linear;
}

.loan-hover.active {
  display: block;
}

.loan-hover a {
  color: #064e81;
}

.loan-hover-item {
  display: block;
  width: 100%;
  background-color: #000000;
}

.loan-hover-item>div {
  display: flex;
  margin: 0 20px;
  padding: 10px 40px;
  border-bottom: 1px solid #ffffff;
}

.loan-hover-item>div>h5 {
  width: 100%;
  font-weight: bold;
  margin: 0px;
}

.loan-hover-item.personal .img {
  background-image: url(../../web-assets/faq/loan_personal_w.png);
}

.loan-hover-item.bt .img {
  background-image: url(../../web-assets/faq/loan_bt_w.png);
}

.loan-hover-item.steps .img {
  background-image: url(../../web-assets/faq/loan_steps_w.png);
}

.loan-hover-item.personal {
  background-color: #44b1fd;
}

.loan-hover-item.bt {
  background-color: #7ac6fc;
}

.loan-hover-item.steps {
  background-color: #b4d9fb;
}

.loan-hover-item .img {
  padding: 16px;
  background-size: cover;
  background-position: center;
  display: inline-block;
}

.navbar.dark-mode .finance-hover.active {
  background-color: #4E42C2;
}

.navbar.dark-mode .finance-hover a {
  color: #fff;
}

.navbar.dark-mode .finance-hover .hover-tab-item.deposit .img {
  background-image: url(../../web-assets/faq/deposit_w.png);
}

.navbar.dark-mode .finance-hover .hover-tab-item.loan .img {
  background-image: url(../../web-assets/faq/loan_w.png);
}

.navbar.dark-mode .finance-hover .hover-tab-item.transfer .img {
  background-image: url(../../web-assets/faq/transfer_w.png);
}

.navbar.dark-mode .finance-hover .hover-tab-item.fx .img {
  background-image: url(../../web-assets/faq/fx_w.png);
}

.navbar.dark-mode .corporate-hover.active {
  background-color: #4E42C2;
}

.navbar.dark-mode .corporate-hover a {
  color: #fff;
}

.navbar.dark-mode .corporate-hover .hover-tab-item.corp-a .img {
  background-image: url(../../web-assets/faq/corp_a_w.png);
}

.navbar.dark-mode .corporate-hover .hover-tab-item.corp-b .img {
  background-image: url(../../web-assets/faq/corp_b_w.png);
}

.navbar.dark-mode .corporate-hover .hover-tab-item.corp-c .img {
  background-image: url(../../web-assets/faq/corp_c_w.png);
}

.deposit-img {
  height: 9em;
  margin-bottom: 1em;
}

.deposit-img~h5 {
  line-height: 1.5;
}

.air-row-img img {
  height: 9em;
}

.hover-tab-item {
  width: 25%;
}

.hover-tab-item:not(:last-child) {
  border-right: 2px solid #E4EEFA;
}

.hover-tab-item {
  padding: 2.5em 0;
}

.hover-tab-item div {
  width: fit-content;
  text-align: center;
}

.hover-tab-item img {
  width: 5em
}

.hover-tab-item .img {
  width: 50px;
  height: 50px;
  background-size: cover;
  background-position: center;
  display: inline-block;
}

.hover-tab-item.corp-a .img {
  background-image: url(../../web-assets/faq/corp_a.png);
}

.hover-tab-item.corp-b .img {
  background-image: url(../../web-assets/faq/corp_b.png);
}

.hover-tab-item.corp-c .img {
  background-image: url(../../web-assets/faq/corp_c.png);
}

.hover-tab-item.deposit .img {
  background-image: url(../../web-assets/faq/deposit.png);
}

.hover-tab-item.loan .img {
  background-image: url(../../web-assets/faq/loan.png);
}

.hover-tab-item.transfer .img {
  background-image: url(../../web-assets/faq/transfer.png);
}

.hover-tab-item.fx .img {
  background-image: url(../../web-assets/faq/fx.png);
}
.navbar-down-lang {
  display: none;
}

#hamburger {
  display: block;
  position: relative;
  padding: 10px 15px 8px 15px;
}

#hamburger.active {
  position: fixed;
  top: 18px;
  right: calc(0.75em + 5px);
}

#hamburger input {
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  -webkit-touch-callout: none;
}

#hamburger span.ham {
  display: block;
  width: 20px;
  height: 2px;
  margin-bottom: 3px;
  position: relative;
  background: #212529;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
    background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
    opacity 0.55s ease;
}

#hamburger span.ham:first-child {
  transform-origin: 0% 0%;
}

#hamburger span.ham:nth-last-child(2) {
  transform-origin: 0% 100%;
}

#hamburger input:checked~span.ham {
  opacity: 1;
  transform: rotate(45deg) translate(-1px, 0px);
  background: #ffffff;
}

#hamburger input:checked~span.ham:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#hamburger input:checked~span.ham:nth-last-child(2) {
  transform: rotate(-45deg) translate(0, 0px);
}

.mobile-nav {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  color: #ffffff;
  padding-bottom: 10%;

  font-size: 20px;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 5;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s, opacity .3s;
  -moz-transition: visibility 0s, opacity .3s;
  transition: visibility 0s, opacity .3s;
}

.mobile-nav.fade-in {
  visibility: visible;
  opacity: 1;
}

.mobile-nav p {
  margin: 0;
  padding: 10px 10%;
}

.mobile-nav a {
  display: block;
}

.mobile-nav a.alt-color {
  color: #c8c8c8 !important;
  display: block;
}

a[href="#mobile-nav-corporate"][aria-expanded="false"]>.expanded {
  transform: rotate(0deg);
  transition: transform 0.2s ease-in-out;
}

a[href="#mobile-nav-corporate"][aria-expanded="true"]>.expanded {
  transform: rotate(90deg);
  transition: transform 0.2s ease-in-out;
}

#mobile-nav-corporate p {
  background: #44b1ff;
  margin: 0;
  padding: 10px 10%;
}

#mobile-nav-finance p,
#mobile-nav-finance-two p,
#mobile-nav-about-us p {
  background: #F9FAFC;
  margin: 0;
  padding: 10px 10%;
}

#hamburger input:checked~.mobile-nav {
  transform: translate(0%, 0);
  transition: transform 0.2s ease-in-out;
}

.mobile-nav .app-download {
  width: 42px;
  height: 42px;
}

/*Circle Menu*/
.cd-nav-trigger {
  position: relative;
  height: 27px;
  width: 27px;
  z-index: 10;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  /* margin-left: 1rem; */
  margin-left: .5rem;
}

.cd-overlay-nav {
  z-index: 2;
}

.cd-overlay-nav,
.cd-overlay-content {
  /* containers of the 2 main rounded backgrounds - these containers are used to position the rounded bgs behind the menu icon */
  position: fixed;
  top: 18px;
  right: 5%;
  height: 4px;
  width: 4px;
  -webkit-transform: translateX(-20px) translateY(20px);
  -moz-transform: translateX(-20px) translateY(20px);
  -ms-transform: translateX(-20px) translateY(20px);
  -o-transform: translateX(-20px) translateY(20px);
  transform: translateX(-20px) translateY(20px);
}

.cd-overlay-nav span {
  background-color: #fff;
}

.cd-overlay-nav span,
.cd-overlay-content span {
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  will-change: transform;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.cd-nav-trigger .cd-icon {
  /* icon created in CSS */
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  transform: translateX(-50%) translateY(-50%);
  display: inline-block;
  width: 20px;
  height: 2px;
  background-color: #ffffff;
  z-index: 10;
}

.dark-mode.scrolling .cd-nav-trigger .cd-icon {
  background-color: #000000;
}

.dark-mode.scrolling .cd-nav-trigger.close-nav .cd-icon {
  background-color: #ffffff;
}

.cd-nav-trigger .cd-icon:before,
.cd-nav-trigger .cd-icon:after {
  /* upper and lower lines of the menu icon */
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: inherit;
  transition: transform .3s;
}

.cd-nav-trigger .cd-icon:before {
  transform: translateY(-5px) rotate(0deg);
}

.cd-nav-trigger .cd-icon:after {
  transform: translateY(5px) rotate(0deg);
}

.cd-nav-trigger.close-nav .cd-icon {
  /* user clicks on the .cd-nav-trigger element - transform the icon */
  background-color: rgba(255, 255, 255, 0);
}

.cd-nav-trigger.close-nav .cd-icon:before,
.cd-nav-trigger.close-nav .cd-icon:after {
  background-color: #000;
}

.navbar.dark-mode .navbar-toggler.close-nav {
  border: 2px solid transparent
}

.cd-nav-trigger.close-nav .cd-icon:before {
  transform: translateY(0) rotate(45deg);
}

.cd-nav-trigger.close-nav .cd-icon:after {
  transform: translateY(0) rotate(-45deg);
  content: '';
}

.cd-nav-trigger:before,
.cd-nav-trigger:after {
  /* 2 rounded colored backgrounds for the menu icon */
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 20%;
  height: 100%;
  width: 100%;
  transition-property: transform;
}

.cd-nav-trigger:before {
  content: '';
  transform: scale(1);
  transition-duration: 0.3s;
  transition-delay: 0.4s;
}

.cd-nav-trigger::after {
  transform: scale(0);
  transition-duration: 0s;
  transition-delay: 0s;
}

.cd-nav-trigger.close-nav:before {
  content: '';
  /* user clicks on the .cd-nav-trigger element - 1st rounded background disappears */
  transform: scale(0);
}

.cd-nav-trigger.close-nav:after {
  content: '';
  /* user clicks on the .cd-nav-trigger element - 2nd rounded background appears */
  transform: scale(1);
  transition-duration: 0.3s;
  transition-delay: 0.4s;
}
/* nav end */


main {
  padding-top: 5em;
  padding-bottom: 7.5em;
}

main a {
  color: #4E42C2;
  text-decoration: underline;
}

main a:hover,
main a:focus,
main a:hover,
main a:active {
  color: #4E42C2;
  text-decoration: none
}

.wrapper {
  position: relative;
  width: 100%;
  min-height: calc(100vh - 84px);
}

.wrapper_star {
  position: relative;
  width: 100%;
  min-height: calc(100vh - 84px);
}

@media only screen and (max-width: 991px) {
  .wrapper_star {
    min-height: 165vw;
  }
}

section {
  padding: 5em 0;
  background: white;
}

section,
footer {
  z-index: 2;
  position: relative;
}

/*.blend{ position: absolute; width:100%; height: 100%; background: rgb(129,129,129); background: linear-gradient(180deg, rgba(129,129,129,1) 0%, rgba(126,200,252,1) 27%, rgba(155,239,253,1) 64%, rgba(255,255,255,0.22) 100%); mix-blend-mode: hard-light; opacity: 0.6; z-index: 2; left: 0; top: 0; width: 100%;}*/
#myVideo {
  position: fixed;
  right: 0;
  top: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: 1;
}

/*.landing .star-section{ background-image: url(../../web-assets/light16.gif); background-size: cover; background-position: bottom; background-repeat: no-repeat;}*/

.contentDiv {
  position: relative;
  z-index: 4;
  padding: 25% 0 5em 0;
  /*position: absolute; 
  z-index:4;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;*/
  /* display: flex;
  justify-content: center;
  flex-direction: column; */
}

.desktop_only {
  display: block;
}

.mobile_only {
  display: none;
}

.headline_star {
  padding-top: 2em;
  margin-left: 0;
  width: 75%;
}

html[lang="en"] .headline_star {
  padding-top: 2.5em;
  margin-left: 0;
  width: 75%;
}

.headline_text {
  width: 85%;
}

@media only screen and (max-width: 991px) {
  .desktop_only {
    display: none;
  }

  .mobile_only {
    display: block;
  }

  .headline_star {
    padding-top: 2em;
    width: 95%;
  }

  html[lang="en"] .headline_star {
    padding-top: 1.5em;
    width: 95%;
  }

  .headline_text {
    width: 100%;
  }
}

.headline {
  color: white;
  font-size: 4.2em;
  margin-bottom: 1em;
  line-height: 1;
  display: flex;
  flex-wrap: wrap;
  font-weight: 600;
}

.headline span:nth-child(1) {
  margin-right: 0.25em
}

.headline_star {
  color: white;
  font-size: 4.2em;
  margin-bottom: 1em;
  line-height: 1;
  display: flex;
  flex-wrap: wrap;
  font-weight: 600;
}

.headline_star img {
  width: 100%;
  height: 100%;
}

.headline_star span:nth-child(1) {
  margin-right: 0.25em
}

.content {
  width: 100%;
  color: white;
  font-size: 1.5em;
  line-height: 1.45;
  /*text-shadow:  0 0 10px rgba(0, 0, 0, 0.3);*/
}

.content_star {
  display: block;
  width: 81%;
  color: white;
  font-size: 1.2em;
  line-height: 1.45;
  text-shadow: 0 0 0.6em rgba(0, 0, 0, 1);
  text-align: justify;
}

@media only screen and (max-width: 991px) {
  .content_star {
    width: 100%;
    color: white;
    font-size: 3.3vw;
    line-height: 1.45;
    text-shadow: 0 0 1.8vw rgba(0, 0, 0, 1);
    text-align: justify;
  }

  html[lang="en"] .content_star {
    width: 100%;
    color: white;
    font-size: 3vw;
    line-height: 1.45;
    text-shadow: 0 0 1.8vw rgba(0, 0, 0, 1);
    text-align: justify;
  }
}

.landing-website-app {
  display: block;
}

.landing-mobile-app {
  display: none;
}

.app-download {
  border-radius: 50%;
  width: 2.75em;
  height: 2.75em
}

@media only screen and (max-width: 991px) {
  .app-download {
    border-radius: 50%;
    width: 2.75em;
    height: 2.75em
  }
}

/* Landing start */
.landing main {
  padding-top: 0;
  padding-bottom: 0
}

.landing-press-mobile {
  display: none;
}

.landing-press>div {
  flex: 0 0 20%;
  max-width: 20%;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px
}

.landing-press>div .circle-mask {
  border-radius: 20px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  position: relative;
  overflow: hidden;
  border: 3px solid transparent;
}

.landing-press>div .circle-mask:hover {
  border: 3px solid #4E42C2;
}

.landing-press>div .circle-mask .mask {
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: none;
}

.landing-press>div .circle-mask .mask a {
  width: 100%;
  height: 100%;
  display: block
}

.landing-press>div .circle-mask .image {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background-position: center center;
  background-size: 90%;
  background-repeat: no-repeat;
}

.landing-press>div .circle-mask .text {
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 3;
  padding: 10px;
  color: #FFF;
  font-size: 14px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  text-align: left;
}

.landing-press>div .circle-mask:hover .mask {
  display: block;
}

.landing-press>div .circle-mask:hover .text {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.landing .star-section .headline {
  margin-bottom: 0.5em;
}

.landing .star-section .headline_star {
  margin-bottom: 0;
}

.star-section {
  overflow: hidden;
  background-color: #000000;
}

/*.landing .star-section .container, .landing .star-section .container > div{ height: 100%; position: relative;}*/
/*.landing .star-section .phone{ position: absolute; right: 0; top: 0; bottom: 0; margin: auto}*/
.landing .star-section .phone a {
  color: #fff;
}

.landing .star-section .phone img {
  font-size: 16px;
  width: 15em;
  margin: auto;
}

.landing .star-section .phone.desktop_only img {
  font-size: 16px;
  width: 80%;
  margin: auto;
}

@media only screen and (max-height: 768px) {
  .landing .star-section .phone.desktop_only img {
    font-size: 16px;
    width: 60%;
    margin: auto;
  }
}

.landing .star-section .phone.mobile_only {
  padding-top: 45vw;
}

html[lang="en"] .landing .star-section .phone.mobile_only {
  padding-top: 50vw;
}

.landing .star-section .phone.mobile_only img {
  font-size: 16px;
  width: 60%;
  margin: auto;
}

.landing .star-section .phone ol {
  width: 15em;
  margin: auto;
  margin-top: 15px;
  color: white;
  text-align: left;
}

/*.landing .star-section .d-flex > div{ max-height: 480px;}*/
/* Landing end */

/* About start */
.deposit-scheme {
  width: 20em;
}

/* Media page start */
.nounderline {
  text-decoration: none
}

.media-child {
  margin-bottom: 20px;
}

.media-child .media-icon {
  /* width: 6.25em; 
  height: 6.25em; 
  border: 1px solid #4E42C2; 
  border-radius: 50%; 
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  flex-shrink: 0; */
  border-radius: 20px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  position: relative;
  overflow: hidden;
  border: 3px solid transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 90%;
  width: 6.25em;
  height: 6.25em;
}

.media-child .media-info {
  padding: 0 50px;
  width: 80%;
}

.media-color-content {
  padding: 0 3.6%;
  max-width: 1440px;
  margin: auto;
}

.media-color-content .media-color-wrapper {
  padding: 40px 25px;
}

.member-list {
  margin-top: 20px;
}

.member-list-parent {
  margin-top: 20px;
}

.member-list .member-list-parent .member-list-child>div {
  float: left;
  margin-left: 30px;
}

.member-list .member-list-parent .member-list-child>div:first-child {
  margin-left: 0
}

.member-list .member-list-parent .member-list-child>div>div {
  margin-top: 10px
}

.member-list .member-list-parent .member-list-child2>div {
  margin-top: 10px
}

.member-list .member-list-parent .member-list-child2>div:first-child {
  margin-top: 0
}

/* Media page end */

.overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  left: 0;
  top: 0;
  background-color: rgb(0, 0, 0);
  /* Black fallback color */
  background-color: rgba(0, 0, 0, 0.9);
  /* Black w/opacity */
  overflow-x: hidden;
  /* Disable horizontal scroll */
  transition: 0.5s;
  /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

.more-btn {
  position: relative;
  margin: 4em auto;
  width: 16.75em;
  height: 5em;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white !important;
  border-radius: 36px;
  border: solid 2px rgba(255, 255, 255, 0.5);
  background: #4E42C2;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  font-size: 0.9em;
  text-decoration: none;
}

.more-btn img {
  position: absolute;
  right: 2em;
  top: 1.75em;
  width: 1.5em;
  /*opacity: 0;*/
  opacity: 1;
  transform: rotate(270deg);
  transition: all 0.2s ease-in-out;
}

.more-btn span {
  font-size: 1.25em;
}

/*.more-btn:hover img {
  opacity: 1;
  right: 1em;
  transition: all 0.2s ease-in-out;
}*/

#account-video {
  padding: 0;
  height: 100vh;
  background-color: black;
}

.notice {
  height: 3em;
  padding: 0 1.5em;
  background-color: #999999;
  position: fixed;
  top: 80px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.30);
  background: rgba(255, 255, 255, 0.90);
  box-shadow: 0px 3px 48px 0px rgba(0, 27, 98, 0.05);
  color: rgba(0, 0, 0, 0.90);
  /* z-index: 100; */
  z-index: 4;
}

.notice p {
  margin: 0;
  font-size: 1.25em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: 1.38px;
  color: rgba(0, 0, 0, 0.90);
  vertical-align: middle;
}

.notice a {
  text-decoration: underline;
}

.notice img {
  margin-right: 5px;
}

.notice-close {
  /* position: absolute; */
  /* top: 0.7em; */
  /* right: 0.5em; */
  /* color: white !important; */
}

.notice-close img {
  height: 1em;
  width: 1em;
}

#bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5.25em;
  background-color: #FFFFFF;
  z-index: 12;
  box-shadow: 0 -10px 20px 0 rgba(0, 0, 0, 0.1);
}

#a-icon {
  object-fit: contain;
  width: 37px;
  height: 37px;
}

#faq-common {
  border: solid 1px #e4e2e7;
  display: flex;
  background-color: #f8f8f8;
  border-radius: 100px;
  padding: 8px 0;
  height: 54px
}

#faq-common label {
  display: flex;
  padding: 0 1em;
  line-height: 1;
  margin: 0;
  font-weight: bold;
}

#question-box {
  margin: 0 20px;
  flex-grow: 1;
  border: 1px solid grey;
  height: 54px;
  border: solid 1px #e4e2e7;
  border-radius: 15px 25px 25px 5px;
  padding: 0 20px;
  width: calc(100% - 40px);
}

.tab-tag {
  /* width: 171px;
  height: 54px; */
  border-radius: 100px;
  border: solid 1px #e4e2e7;
  margin-right: 20px;
  padding: 3px;
  display: flex;
  align-items: center;
  background-color: #ffffff;
}

.tab-tag img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  padding: 2px;
}

.tab-tag span {
  padding: 0 1.75em;
  /* flex: 1; */
  font-size: 1.05em;
  color: #2f2f2f;
  text-align: center;
  line-height: 100%;
}

table {
  text-align: center;
  border-collapse: separate;
  border-spacing: 0.5;
  width: 50%
}

th,
td {
  border-radius: 3px;
  padding: 0.5em;
}

th {
  background-color: #4E42C2;
  color: #ffffff
}

td {
  border: 1px solid #f1f1f1;
}

.tableColor {
  background-color: rgba(78, 66, 194, 0.05)
}

/* Search */
.search-container {
  background-color: #4E42C2;
  padding: 3em 0;
}

#search-bar {
  background-color: white;
  padding: 0.75em 1.75em;
  margin: 2em auto 0 auto;
  width: 50%;
  max-width: 90vw;
  display: block;
  border-radius: 30px;
  border: none;
}

#search-bar::placeholder {
  color: #999999
}

.faq .tophead .row {
  margin-left: -0.25em;
  margin-right: -0.25em;
}

.faq-cat:hover,
.faq-cat.active {
  background-color: #4E42C2;
  color: #fff;
}

.faq-cat-icon {
  width: 2.5em;
  height: 2.5em;
  object-fit: cover;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.5em;
}

.faq-cat-icon img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

/* contact us */
.contact-icon {
  width: 1.75em;
  height: 1.75em;
  border-radius: 50%;
  margin-right: 1em;
}

/* privacy */
.air-collapse-tab {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 1em 0 0 0;
  padding: 10px 1em;
  width: 100%;
  color: #000;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  background: rgba(0, 0, 0, 0.03);
  text-decoration: none;
}

.air-collapse-tab[aria-expanded="true"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-color: transparent;
}

.air-collapse-tab:hover,
.air-collapse-tab:active,
.air-collapse-tab:focus {
  color: #212529;
}

.collapse-icon {
  margin-left: 10px;
}

.air-collapse-tab[aria-expanded="false"] .collapse-icon>img {
  width: 15px;
  height: 15px;
  transform: rotate(0deg);
  transition: transform 0.2s ease-in;
}

.air-collapse-tab[aria-expanded="true"] .collapse-icon>img {
  width: 15px;
  height: 15px;
  transform: rotate(90deg);
  transition: transform 0.2s ease-in;
}

.air-collapse-body {
  line-height: 42px;
  padding: 0 1em;
  border-left: 1px solid rgba(0, 0, 0, 0.06);
  border-right: 1px solid rgba(0, 0, 0, 0.06);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background: rgba(0, 0, 0, 0.03);
}

.air-collapse-body p {
  margin: 0px;
}

/* Login Page start */
.qrcode-wrapper {
  padding: 30px;
  border-radius: 10px;
  background: #4E42C2;
  margin-bottom: 10px;
}

.qrcode-wrapper img {
  border-radius: 10px;
  padding: 20px;
  background: #FFF;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

.signup-now-logo {
  margin: 0 auto;
  width: 75px;
  display: none;
}

.signup-now-title {
  margin-bottom: 1.25em;
  font-style: normal;
  font-weight: 400;
  font-size: 2.5em;
  line-height: 150%;
  text-align: center;
  color: #000000;
}

.signup-now-title p {
  padding: 0 !important;
  margin: 0 !important;
}

.signup-now-main {
  margin-top: 5em;
  padding: 0 !important;
}


.signup-now-icon {
  margin-top: 4em;
  display: flex;
  justify-content: center;
}

.signup-now-icon a {
  display: none;
}

.signup-now-icon img {
  width: 244px;
  height: 70px;
}

.signup-now-big-title {
  font-size: 40px;
  line-height: 60px;
  font-weight: 400;
}

.signup-now-app-title {
  font-size: 32px;
  line-height: 48px;
  font-weight: 400;
}

.google-btn,
.android-btn {
  margin-left: 1.5em;
}

.signup-now-text {
  margin-top: 2em;
  text-align: center;
}

.signup-now-text p {
  margin: 0;
  line-height: 30px;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  color: rgba(0, 0, 0, .6);
}

@media screen and (max-width: 810px) {
  .signup-now-logo {
    display: block;
  }

  .signup-now-qrcode {
    display: none;
  }

  .signup-now-icon {
    flex-direction: column;
    align-items: center;
  }

  .google-btn,
  .android-btn {
    margin-left: 0;
    margin-top: 1.5em;
  }

  .signup-now-icon img {
    width: 204px;
    height: 58px;
  }

  .signup-now-big-title {
    font-size: 24px;
    line-height: 36px;
  }
  
  .signup-now-app-title {
    font-size: 18px;
    line-height: 28px;
  }
}

.qrcode-icon span {
  display: inline-block;
  vertical-align: middle
}

.qrcode-icon span.icon {
  width: 30px;
  height: 30px
}

/* Terms Page start */
.terms .terms-documents a {
  text-decoration: none;
  font-size: 1.25em;
  font-weight: bold;
  color: #000;
  display: block;
  padding: 1em;
  border-radius: 10px;
  border: solid 2px rgba(78, 66, 194, 0.5);
}

.terms .terms-documents a:active {
  background-color: rgba(78, 66, 194, 0.5);
}

.terms .terms-documents a:focus {
  background-color: #fff;
}

.terms-documents .term-click-title {
  text-decoration: none;
  font-size: 1.25em;
  font-weight: bold;
  color: #000;
  display: block;
  padding: 1em;
  cursor: pointer;
  border-radius: 10px;
  border: solid 2px rgba(78, 66, 194, 0.5);
  z-index: 2;
}
.terms-documents .term-click-content {
  font-size: 0.8em;
  margin-top: 5px;
  color: #000;
  font-weight: 400;
  display: none;
}
.terms-documents .term-content-show {
  display: block;
}

.faq_youtube {
  display: none;
  margin-top: 1em;
  text-align: center;
}

.faq_youtube a {
  text-decoration: none;
}

.faq_youtube img {
  width: 2rem;
}

html[lang="en"] .faq_youtube {
  margin-top: 0;
}

footer .air-row .row-item {
  margin-left: 0;
}

.deposit-scheme-img {
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
  margin-bottom: 0 !important;
  max-height: unset !important;
}

.app-icons {
  margin: 5em auto 3em auto;
  width: 100%;
  max-width: 28em;
  height: 3.625em;
  border-radius: 29px;
  background-color: rgba(0, 0, 0, 0.15);
  padding: 1em 1.2em 1em 1.5em;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.app-icons-margin {
  margin-bottom: 20px;
}

.app-icons a {
  display: none;
}

.product-app-icons {
  background: #4E42C2;
}

.app-icons span {
  font-size: 1.125em;
  font-weight: 600;
  color: #ffffff;
}

.app-icons img {
  width: 2.6em;
  height: 2.6em;
  border-radius: 50%;
  margin-right: 10px;
  /* background-color: white; */
}

#copyright {
  font-size: 12px;
  text-align: center;
  margin-bottom: 5em;
  margin-top: 2em;
}

.footer-remarks {
  max-width: 252px;
  margin: 0 auto;
}

.air-row .footer-remarks {
  display: none;
}

.footer-qrcode-wrap {
  display: none;
}

.footer-download-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0px 0px 40px 0px;
}

.footer-download-wrap a>img {
  height: 38.25px;
}

.footer-download-wrap {
  border-radius: 15px;
  padding: 12px 12px 0;
}

.footer-download-wrap a {
  margin-bottom: 12px;
}

/* New Chinese follow English */
html[lang="zh"] .notice {
  font-size: 14px;
}

html[lang="zh"] .notice p {
  font-size: 16px;
  flex-wrap: wrap;
  flex: 1;
}

html[lang="cn"] .notice {
  font-size: 14px;
}

html[lang="cn"] .notice p {
  font-size: 16px;
  flex-wrap: wrap;
  flex: 1;
}

/* English */
html[lang="en"] body {
  font-size: 14px;
}

html[lang="en"] .notice p {
  font-size: 16px;
  flex-wrap: wrap;
  flex: 1;
}

html[lang="en"] h1 {
  font-size: 2.7em;
}

html[lang="en"] h2 {
  font-size: 1.575em;
}

html[lang="en"] h3 {
  font-size: 1.25em
}

html[lang="en"] h4 {
  font-size: 1.2em
}

html[lang="en"] h5 {
  font-size: 1.1em;
}

html[lang="en"] .content {
  font-size: 1.4em
}

html[lang="en"] .air-nav {
  font-size: 1rem;
}

html[lang="en"] .air-collapse-body {
  font-size: 1.1em
}

html[lang="en"] .landing .star-section .phone ol {
  margin: 20px auto auto auto;
  width: 100%;
}

html[lang="en"] .member-list .member-list-parent .member-list-child>div {
  float: none;
  margin-left: 0
}

.diplay-none {
  display: none!important;
}

/* Footer end */

@media only screen and (min-width: 576px) and (max-width: 1199.9px) {
  .navbar-expand-xl>.container {
    padding-left: 4.8%;
    padding-right: 4.8%;
  }

  .navbar,
  .navbar.scrolling {
    z-index: 99;
  }
}

@media only screen and (max-width: 991px) {
  .contentDiv {
    padding: 0;
    margin-top: -225px;
  }

  .wrapper_star .contentDiv {
    padding: 0 10vw;
    margin-top: 5vw;
  }

  .wrapper_star .contentDiv .content {
    font-size: 2.5vw;
  }

  .member-list .member-list-parent .member-list-child>div {
    float: none;
    margin-left: 0
  }

  .landing-website-app {
    display: none;
  }

  .landing-mobile-app {
    display: block;
    width: 100%;
    text-align: center;
  }

  .phone {
    margin: 0 0;
  }

  .notice {
    width: 100%;
    height: 4.5em;
    display: flex;
    flex-wrap: wrap;
    font-size: 10px !important;
  }

  .qrcode-wrapper {
    padding: 20px;
  }

  .qrcode-wrapper img {
    padding: 10px
  }
}

@media (max-width: 768px) {
  .contentDiv {
    padding: 0;
    margin-top: -285px;
  }

  section {
    padding: 3em 0;
  }

  .qrcode-wrapper {
    padding: 0;
    border-radius: 3px;
    background: none
  }

  .qrcode-icon span.icon {
    width: 20px;
    height: 20px;
  }

  .air-row.max-3-item .row-item {
    max-width: 33%;
    width: 33%;
  }

  .air-row.max-4-item .row-item {
    max-width: 50%;
    width: 50%;
    float: left;
    margin: 0 0 2em 0
  }
}

.footer-award-logo img {
  width: 160px;
  margin-top: 16px;
  margin-left: 20px;
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .footer-download {
    flex-direction: column-reverse;
    height: 360px !important;
    align-items: center;
    gap: 20px;
  }
  .footer-award-logo img {
    margin: 0;
    width: 200px;
  }
  .contentDiv {
    padding: 0;
    margin-top: -120px;
  }

  body {
    font-size: 12px;
  }

  section {
    padding: 3em 0;
  }

  .headline {
    font-size: 3.3em;
  }

  .headline span {
    margin-bottom: 0.2em;
  }

  .headline_star {
    font-size: 3.3em;
  }

  .headline_star span {
    margin-bottom: 0.2em;
  }

  .more-btn {
    margin: 0.5em auto;
  }

  .air-row.max-3-item .row-item {
    width: 31%;
  }

  .row-item {
    width: 48%;
    margin: 0 1% 2em 1%;
  }

  .row-item img {
    margin: 0;
    max-height: 6.5em
  }

  .landing-press {
    display: none;
  }

  .landing-press-mobile {
    display: block;
  }

  .landing-press-mobile>div {
    margin: 1.2em 0;
  }

  .landing-press-mobile img {
    width: 70px;
    height: 70px;
    object-fit: contain;
    border-radius: 50%;
    border: 1px solid #4E42C2;
    margin-right: 10px;
  }

  .landing-press-mobile span {
    font-size: 10px;
    color: #979797
  }

  .navbar,
  .navbar.scrolling {
    padding: 0px 4.8%;
    box-shadow: none;
    position: relative;
    z-index: 99;
  }

  .navbar-brand svg {
    width: 200px;
    height: 50px;
  }

  #bottom {
    width: 100vw;
    height: 3rem;
  }

  .wrapper {
    min-height: calc(100vh - 6.5em);
  }

  h1 {
    font-size: 3.3em;
    margin-bottom: 0;
  }

  h3 {
    font-size: 1.25em;
  }

  /* h6 {font-size: 1.3em;} */
  h7 {
    font-size: 1em;
  }

  .airstar-outline {
    width: 100%;
    display: block;
  }

  .airstar-outline>img {
    width: 100%;
  }

  .airstar-outline>.row-item {
    position: relative;
    overflow: hidden;
    width: 50%;
    height: auto;
    min-height: 250px;
    float: left;
    margin: 0 !important;
    padding: 0;
    display: inline-block;
    text-align: center;
    display: inline-block;
  }

  .airstar-outline>.row-item .flower-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
  }

  .airstar-outline>.row-item .flower-wrapper:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../../web-assets/airstar_outline_2.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .airstar-outline>.row-item:nth-child(2) .flower-wrapper:after {
    transform: rotate(90deg)
  }

  .airstar-outline>.row-item:nth-child(3) .flower-wrapper:after {
    transform: rotate(270deg)
  }

  .airstar-outline>.row-item:nth-child(4) .flower-wrapper:after {
    transform: rotate(180deg)
  }

  .airstar-outline>.row-item .flower-wrapper img {
    margin-top: 20%;
  }

  .row-item .page-title {
    justify-content: center;
    align-items: baseline;
    margin-bottom: 0;
  }

  .calculator-action {
    font-size: 14px;
    line-height: 20px;
  }
  .calculator-action .calculator-action-radia {
    width: 14px;
    height: 14px;
  }

  #a-icon {
    width: 30px;
    height: 30px;
  }

  #question-box {
    height: 36px;
    padding: 0 12px;
    margin: 0 0 0 10px;
    width: calc(100% - 10px);
  }

  .member-list {
    margin-top: 0
  }

  .member-list .member-list-parent {
    margin-top: 20px
  }

  /* Media */
  .media-child .media-info {
    padding: 0 0 0 15px;
  }

  .media-child .media-icon {
    width: 5em;
    height: 5em;
  }

  .contact-icon {
    width: 2.9em;
    height: 2.9em;
  }

  .air-collapse-body {
    padding: 0 10px;
  }

  .deposit-img {
    height: 5.8em;
  }

  .air-row-img img {
    height: 5.8em;
  }

  #bank-tel {
    display: none;
  }

  .tab-tag,
  #faq-common {
    display: none;
  }

  .landing .star-section .phone img {
    position: relative;
    width: 50%;
  }

  #footer .row-item {
    width: 50%;
    margin: 0;
  }

  #footer h4 {
    font-size: 15px;
    line-height: 1.2;
  }

  #footer .row-item {
    margin-bottom: 1em;
  }

  .app-icons {
    margin: 2em 0;
    width: 100%;
    height: fit-content;
    border-radius: 40px;
    padding: 0.75em 1em 0.75em 1.5em;
    max-width: none;
  }
  .app-icons-margin {
    margin-bottom: 10px;
  }

  .app-icons span {
    font-size: 16px;
  }

  .app-icons img {
    width: 42px;
    height: 42px;
  }

  #myVideo {
    min-width: 300%;
  }

  /*div.circle{ top: 35px }*/
  #calculator {
    padding-left: 0%;
    padding-right: 0%;
  }

  html[lang="zh"] .notice p,
  html[lang="cn"] .notice p,
  html[lang="en"] .notice p {
    font-size: 14px;
  }
  .notice-close img {
    height: 14px;
    width: 14px;
  }
}

@media (max-width: 375px) {
  .airstar-outline>.row-item {
    min-height: 150px
  }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 575.98px) and (max-width: 767.98px) {
  body {
    font-size: 14px;
  }

  .row-item {
    width: 50%;
  }

  .tab-tag,
  #faq-common {
    display: none;
  }

  #myVideo {
    min-width: 300%;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
  body {
    font-size: 14px;
  }

  .navbar-expand-lg>.container {
    padding-left: 4.8%;
    padding-right: 4.8%;
  }

  .row-item {
    width: 50%;
    margin-bottom: 2em;
  }

  .tab-tag {
    margin-right: 10px;
  }

  .tab-tag img {
    width: 28px;
    height: 28px;
  }

  .tab-tag span {
    padding: 0 0.25em;
    font-size: 0.9em;
  }

  .media-child .media-info {
    padding: 0 0 0 50px;
  }

  #myVideo {
    min-width: 300%;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  body {
    font-size: 16px;
  }

  .row-item {
    width: 50%;
  }

  .tab-tag span {
    padding: 0 0.75em;
  }

  .contentDiv {
    padding: 10em 0 5em 0;
  }

  .wrapper_star .contentDiv {
    padding: 10% 0 5em 0;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  body {
    font-size: 16px;
  }

  .air-row {
    /* justify-content: space-between; */
    margin-left: -1em;
    margin-right: -1em;
  }

  .air-row .row-item {
    flex-grow: 1;
    flex-basis: 0;
    padding-left: 1em;
    padding-right: 1em;
  }

  .footer-remarks {
    display: none;
  }

  .air-row .footer-remarks {
    display: block;
    margin: initial;
  }

  footer .air-row .row-item {
    margin: 0 auto
  }

  /* #lang-mobile { display:none } */
  #download-mobile {
    display: none
  }

  .navbar-down-lang {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1;
  }

  .footer-qrcode-wrap {
    display: block;
  }

  /* .calculator .cal-r{ min-width: 350px }
  .calculator .dropdown{ max-width: 200px;}*/
  .contentDiv {
    padding: 10em 0 5em 0;
  }

  .wrapper_star .contentDiv {
    padding: 7% 0 5em 0;
  }

  footer .air-row .row-item {
    max-width: 24%;
    margin-left: 0;
  }

  footer .air-row .row-item:last-child {
    max-width: 28%;
    padding: 0;
  }

  .footer-download-wrap {
    background: none;
    border: none;
    padding: 0;
    margin: 0px 0px 60px 0px;
  }
}

footer .air-row .row-item h4 {
  opacity: 0.7;
}
footer .air-row .row-item h4:hover{
  opacity: 1;
  text-decoration: underline;
}

/*the container must be positioned relative:*/
.autocomplete {
  position: relative;
  display: inline-block;
  width: 100%;
}

.autocomplete-items {
  position: absolute;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  bottom: 100%;
  left: 0;
  right: 0;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background-color: white;
  border: solid 1px #e4e2e7;
}

.autocomplete-items>div {
  padding: 0 15px;
  cursor: pointer;
  font-size: 1em;
  color: #797979;
  font-weight: 600;
}

.autocomplete-items>div>div {
  padding: 15px 0;
}

.autocomplete-items>div:not(:last-child)>div {
  border-bottom: 1px solid #d4d4d4;
}

.autocomplete-items .highlight {
  color: #4E42C2;
}

/*when hovering an item:*/
.autocomplete-items>div:hover {
  background-color: #e9e9e9;
}

.autocomplete-items>div:first-child:hover {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important;
  color: #ffffff;
}

.lang-inactive {
  color: rgba(0, 0, 0, 0.6);
  ;
  font-weight: 400
}

.lang-active {
  color: #000000;
  font-weight: 600
}

#notice .notice {
  display: flex;
  height: auto;
}

#notice .notice img {
  position: absolute;
  top: calc(50% - 10px);
  left: 10px;
}

#notice {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: 98;
  pointer-events: none;
}

#notice .notice-wrapper {
  pointer-events: auto;
}
.notice span {
  font-weight: 800 !important;
  color: #000;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
#notice .notice p {
  padding: 10px 10px 10px 0;
  display: block !important;
  font-weight: 500 !important;
}

#notice .notice p a {
  display: inline;
}

#notice .notice .notice-close img {
  position: static;
}

/* New Styles */
@media (min-width: 767px) {
  .terms .terms-documents a {
    border: none;
  }

  .terms-documents .term-click-title {
    border: none;
  }

  .terms .terms-documents a:hover {
    background-color: rgba(78, 66, 194, 0);
  }

  .terms .terms-documents .col-12 {
    border-radius: 10px;
    border: solid 2px rgba(78, 66, 194, 0.5);
    margin: 10px;
  }

  .terms .terms-documents .col-12:hover {
    background-color: rgba(78, 66, 194, 0.5);
  }

  .terms .terms-documents {
    display: table;
    border-spacing: 20px;
    width: calc(100% + 40px);
    margin: -20px;
  }

  .terms .terms-documents .row {
    display: table-row;
  }

  .terms .terms-documents .col-12 {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
  }
}

.top_notice {
  background: #999;
  color: #FFF;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 9999;
  padding: 5px 60px 5px 20px;
  transition: ease all 0.3s;
  box-sizing: border-box;
}

.top_notice--hide {
  top: -100px;
  opacity: 0;
}

.top_notice--alert {
  display: inline-block;
  text-align: center;
  line-height: 18px;
  width: 20px;
  height: 20px;
  border: 1px solid #FFF;
  margin-right: 5px;
  border-radius: 50%;
}

.top_notice--notice a {
  color: inherit;
  text-decoration: underline;
}

.top_notice--notice a:hover {
  text-decoration: none;
}

.top_notice--close {
  position: absolute;
  right: 20px;
  top: 3px;
  height: 20px;
  color: #FFF;
  font-size: 30px;
  line-height: 20px;
  text-decoration: none;
}


/* new navigation start */
.navbar .dropdown-toggle {
  cursor: pointer;
}

.navbar .dropdown-toggle .expanded>img,
.navbar .dropdown-submenu .arrow>img {
  height: 1rem;
  width: 1rem;
}

.navbar .dropdown-toggle[aria-expanded="false"] .expanded>img {

  content: url(../../web-assets/down-dark.svg);
  transform: rotate(0deg);
}

.navbar .dropdown-toggle[aria-expanded="true"] .expanded>img {
  content: url(../../web-assets/down-dark.svg);
  transform: rotate(-180deg);
}

.navbar.dark-mode .dropdown-toggle[aria-expanded="false"] .expanded>img {
  content: url(../../web-assets/down-Outline.svg);
  transform: rotate(0deg);
}

.navbar.dark-mode .dropdown-toggle[aria-expanded="true"] .expanded>img {
  content: url(../../web-assets/down-Outline.svg);
  transform: rotate(-180deg);
}

.navbar .dropdown-submenu .arrow {
  opacity: 0;
}

.arrow.placeholder-span {
  width: 16px;
  height: 16px;
  opacity: 0;
}

.nav-pc-ul {
  width: 100%;
  justify-content: center;
}

.navbar .container .navbar-brand {
  margin-right: 0;
}

.navbar .container {
  display: flex;
  flex-wrap: nowrap;
}

#navLogo-small {
  display: none;
  width: 22px;
  height: 21px;
}

#navLogo {
  display: block;
}

@media (max-width: 365px) {
  #navLogo-small {
    display: block;
  }

  #navLogo {
    display: none;
  }
}

#dropdown-finance-three a:has(.arrow),
#dropdown-finance-three a.has-arrow {
  width: 140px;
  justify-content: center;
}

#dropdown-finance-four a:has(.arrow),
#dropdown-finance-four a.has-arrow {
  width: 140px;
  justify-content: center;
}

a:has(.arrow) {
  display: flex;
  /* width: 160px; */
  justify-content: space-around;
  padding: 6px 12px;
}

a.has-arrow {
  display: flex;
  /* width: 200px; */
  justify-content: center;
  align-items: center;
  padding: 12px;
}
a.has-arrow > span{
  text-align: center;
}

/* Prevent layout shift when text becomes bold on hover */
/* Reserve space for bold text by creating hidden bold version */
/* html[lang="en"] a.has-arrow > span:first-child {
  position: relative;
} */

html[lang="en"] a.has-arrow > span:first-child::after {
  content: attr(data-text);
  font-weight: bold;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  user-select: none;
  pointer-events: none;
  display: block;
}

/* html[lang="en"] body a:has(.arrow) {
  width: 360px;
} */

/* html[lang="en"] body a.has-arrow {
  width: 360px;
} */

/* html[lang="en"] body #dropdown-finance a.has-arrow {
   width: 214px; 
  width: 360px;
} */

/* html[lang="en"] body #dropdown-finance-two a.has-arrow {
  width: 360px;
} */

html[lang="en"] body #dropdown-finance-three a.has-arrow,
html[lang="en"] body #dropdown-finance-four a.has-arrow {
  width: 180px;
}

.navbar-nav .dropdown .dropdown-menu {
  position: absolute;
  /* height: 440px; */
  width: auto;
  box-shadow: 0px 14px 48px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  border: none;
  white-space: nowrap;
}

.p-12 {
  padding: 18px 12px;
  margin-top: 10px;
}

.navbar-nav #dropdown-finance>.dropdown-menu,
.navbar-nav #dropdown-finance-two>.dropdown-menu,
.navbar-nav #dropdown-finance-three>.dropdown-menu,
.navbar-nav #dropdown-finance-four>.dropdown-menu {
  background: #FFFFFF;
  box-shadow: 0px 14px 48px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  border: none;
  margin-top: 20px;
}

.navbar-nav .dropdown-menu>li {
  height: 48px;
  margin: 0;
  /* white-space: nowrap; */
  /* margin-bottom: 6px; */
}

.navbar-nav .dropdown .dropdown-menu .dropdown-submenu li {

  padding-left: 0
}

.navbar-nav .dropdown .dropdown-menu .dropdown-submenu li:hover {
  background-color: #F6F7FB;
}

.navbar-nav .dropdown .dropdown-menu>li>a:hover {
  background-color: #F6F7FB;
  font-weight: bold;
}

.dropdown-menu-hover {
  background-color: #F6F7FB;
  font-weight: bold;
}

.navbar-nav .dropdown .dropdown-submenu {
  position: relative;
}

.navbar-nav .dropdown-toggle::after {
  display: none;
}

.navbar-nav .dropdown .dropdown-submenu>.dropdown-menu {
  position: absolute;
  width: fit-content;
  border: 0;
  box-shadow: unset;
  z-index: 99;
  top: 0;
  left: 100%;
  box-shadow: 0px 14px 48px rgba(0, 0, 0, 0.1);
  border: none;
}
/* html[lang="en"] .navbar-nav .dropdown .dropdown-submenu>.dropdown-menu {
  left: 360px;
} */

.navbar-nav .dropdown .dropdown-submenu > .dropdown-menu a.has-arrow {
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}

#dropdown-finance-two a.has-arrow,
#dropdown-finance-three a.has-arrow,
#dropdown-finance-four a.has-arrow {
  justify-content: center;
  align-items: center;
}

.dropdown-menu-lang a.nav-link:hover {
  background-color: #F6F7FB;
}

/* html[lang="en"] body .navbar-nav #dropdown-finance .dropdown-submenu>.dropdown-menu {
  margin-left: 310px;
} */

.navbar-nav .dropdown .dropdown-submenu:hover>.dropdown-menu {
  display: block;
  width: auto;
  height: auto;
}

.navbar-nav .dropdown .dropdown-submenu:hover>a:after {
  border-left-color: #fff;
}

.navbar-nav .dropdown .dropdown-submenu.pull-left {
  float: none;
}

.navbar-nav .dropdown .dropdown-submenu.pull-left>.dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}

.nav-link.down-btn {
  width: 120px;
  height: 46px;
  background: #fff;
  color: #4E42C2;
  /* box-shadow得确认下是否需要，之前color配置有bug导致box-shadow不生效 */
  /* box-shadow: 0px 2px 7px rgba(38, 219, 255, 0.48); */
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}

.navbar.dark-mode .nav-link.corporate-down-btn {
  background: #4E42C2 !important;
  color: #fff !important;
}

.nav-link.corporate-down-btn {
  background: #4E42C2 !important;
  color: #fff !important;
  width: 160px;
}

.nav-link.corporate-pc-down-btn {
  width: 190px;
}

@media only screen and (max-width: 991px) {
  .nav-link.down-btn {
    width: 73px;
    height: 28px;
    line-height: 27px;
    font-size: 12px;
  }

  .nav-link.corporate-down-btn {
    width: 120px;
  }

  html[lang="en"] body .nav-link.down-btn {
    width: 7rem;
    height: 2rem;
    line-height: 2rem;
  }
  html[lang="en"] body .nav-link.corporate-down-btn {
    width: 10rem;
  }

  .corporate-navbar-toggler {
    margin-left: 4px;
  }
}

li:has(.nav-link.down-btn) {
  margin-right: 40px;
}

.dropdown-lang {
  position: relative;
  margin-left: 1rem;
}

.dropdown-lang .dropdown-menu {
  min-width: 5em;
  line-height: 34px;
  box-shadow: 0px 14px 48px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  margin-top: 10px;
  border: none;
  padding: 12px 0;
}

.dropdown-lang .dropdown-menu>li {
  margin: 0;
  padding: 0;
  height: 34px;
  text-align: center;
}

.mobile-nav-menu {
  width: 100%;
  background: #fff;
  text-align: center;
}

.mobile-nav-menu .mobile-dropdown-toggle .expanded {
  position: absolute;
  padding-left: 5px;
}

.mobile-nav-menu .mobile-dropdown-toggle[aria-expanded="false"] .expanded>img {
  content: url(../../web-assets/down-Outline.svg);
  transform: rotate(0deg);
}

.mobile-nav-menu .mobile-dropdown-toggle[aria-expanded="true"] .expanded>img {
  content: url(../../web-assets/down-Outline.svg);
  transform: rotate(180deg);
}

.mobile-nav-menu p {
  font-size: 16px;
  font-weight: 700;
  padding: 20px 0px;
}

#mobile-nav-finance p,
#mobile-nav-finance-two p,
#mobile-nav-about-us p {
  font-weight: 400;
  font-size: 16px;
  padding: 16px 0px;
}

#lang-mobile {
  display: flex;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  font-size: 18px;
  padding: 16px;
  background: #fff;
}

.moblie-lang-line {
  margin: 0 8px;
  background-color: rgba(0, 0, 0, 0.3);
  width: 1px;
  height: 20px;

}

@media only screen and (min-width: 350px) and (max-width: 400px) {
  html[lang="en"] .nav-mgl {
    margin-left: -3rem;
  }

  html[lang="en"] .cd-nav-trigger.navbar-toggler {
    margin-left: 0.4rem;
  }
}

.lang-line {
  padding-left: 1rem;
  color: #DCDCDC;
  font-size: 1.6rem;
}

@media only screen and (min-width: 1200px) and (max-width: 1220px) {
  .nav-mgl {
    margin-left: -1.2rem;
  }
}

.zindex10 {
  z-index: 10;
}
/* new navigation end */

/* new footer start */
.row-item.text-left.footer-remarks .footer-remarks-icon {
  display: flex;
  width: 100px;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
  margin-left: 12px;
}

.footer-remarks-icon .fb-item {
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  position: relative;
}

.footer-remarks-icon .fb-item a {
  margin: 0;
  padding: 0;
  position: absolute;
  line-height: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.footer-remarks-icon .fb-item a>img {
  margin: 0;
  padding: 0;
}

.footer-line {
  width: 1661px;
  height: 1px;
  left: 141px;
  opacity: 0.1;
  background: #FFFFFF;
  margin: 30px 0;
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.footer-download {
  display: flex;
  height: 200px;
  justify-content: center;
}

.footer-qrcode-wrap>img {
  height: 140px;
  border-radius: 8px;
  margin-left: 20px;

}

.text-center.footer-remarks .footer-remarks-icon {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
/* new footer end */

.nav-item.separator {
  margin: 0 12px;
}

.nav-item.separator span {
  display: block;
  position: relative;
  left: 12px;
  width: 1px;
  height: 26px;
  background: rgba(255, 255, 255, .3);
}

.navbar.scrolling .nav-item.separator span {
  background: rgba(0, 0, 0, .3);
}

.sub-menu-gap {
  padding: 12px 0;
  margin-top: 10px;
}

@media (max-width: 750px) {
  html[lang="en"] body .nav-link.corporate-down-btn {
    width: 135px;
    line-height: 125%;
    padding: 0 5px;
  }
  .terms .terms-documents a {
    margin-bottom: 5px;
  }
  .terms-documents .term-click-title {
    margin-bottom: 5px;
  }
}

@media (max-width: 575.98px) {
  .terms .terms-documents a {
    margin-bottom: 5px;
  }
  .terms-documents .term-click-title {
    margin-bottom: 5px;
  }
  .footer-download-wrap a>img {
    border: 1px dashed #fff;
  }
}