/* Frontend translation layout safeguards shared by the Chinese and English sites. */
html.lang-rtl,
html.lang-rtl body {
  direction: ltr;
}

html.lang-rtl .frontend-rtl-text {
  direction: rtl;
  unicode-bidi: plaintext;
  text-align: right;
}

html.lang-rtl .swiper,
html.lang-rtl .swiper-wrapper,
html.lang-rtl .swiper-slide {
  direction: ltr;
}

html.lang-rtl .swiper .frontend-rtl-text {
  direction: rtl;
  unicode-bidi: plaintext;
}

html.lang-rtl a[href^="tel:"],
html.lang-rtl a[href^="mailto:"],
html.lang-rtl input[type="tel"],
html.lang-rtl input[type="email"],
html.lang-rtl [data-ltr] {
  direction: ltr !important;
  unicode-bidi: isolate;
  text-align: left !important;
}

html.is-translating {
  cursor: progress;
}

/* Translated copy is often much longer than the Chinese source. */
html.lang-translated .frontend-rtl-text,
html.lang-translated p,
html.lang-translated li,
html.lang-translated a,
html.lang-translated .h5,
html.lang-translated .content,
html.lang-translated .content1,
html.lang-translated .content2,
html.lang-translated .content3,
html.lang-translated figcaption {
  min-width: 0;
  overflow-wrap: break-word;
}

/* The About intro used a Chinese-copy fixed height. Let translated copy
   participate in normal document flow so the following section is pushed down. */
html.lang-translated .About_01_box {
  height: auto;
  min-height: 9.5rem;
}

html.lang-translated .About_01_box .pic,
html.lang-translated .About_01_box .mask {
  height: 100%;
}

html.lang-translated .About_01 .box,
html.lang-translated .About_01 .box .boxLeft,
html.lang-translated .About_01 .box .boxLeft .wenan,
html.lang-translated .About_01 .box .boxLeft .desc {
  min-height: 0;
  height: auto;
}

@media screen and (min-width: 1201px) {
  html.lang-translated .Footer_Container .box {
    column-gap: clamp(32px, 4vw, 80px);
    flex-wrap: nowrap;
    align-items: flex-start;
  }

  html.lang-translated .Footer_Container .box .boxLeft {
    flex: 0 0 min(31%, 390px);
    min-width: 0;
  }

  html.lang-translated .Footer_Container .box .boxRight {
    flex: 1 1 auto;
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 30px clamp(18px, 2.5vw, 48px);
  }

  html.lang-translated .Footer_Container .box .boxRight .item {
    min-width: 0;
    margin-right: 0;
  }

  html.lang-translated .Footer_Container .box .boxRight .item .h5,
  html.lang-translated .Footer_Container .box .boxRight .item a {
    width: auto;
    max-width: 100%;
  }
}

.language[data-no-translate] .a {
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.language[data-no-translate] [data-site-language].active {
  color: #0084C4;
}

.Header_Container .box .language:focus-within .select {
  pointer-events: auto;
}

.Header_Container .box .language:focus-within .select ul {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.Header_Container .box .language .select,
.HeaderMobile .language .select {
  min-width: 74px;
  width: auto;
}

.Header_Container .box .language ul,
.HeaderMobile .language ul {
  max-height: min(360px, 70vh);
  overflow-y: auto;
}

.Header_Container .box .language ul li a,
.HeaderMobile .language ul li a {
  display: block;
  padding: 0 12px;
  white-space: nowrap;
}

html.lang-translated .wMain,
html.lang-translated .box,
html.lang-translated .item,
html.lang-translated h1,
html.lang-translated h2,
html.lang-translated h3,
html.lang-translated h4,
html.lang-translated h5,
html.lang-translated h6 {
  min-width: 0;
  overflow-wrap: break-word;
}

@media screen and (max-width: 1200px) {
  .HeaderMobile .language .select {
    right: 0;
    left: auto;
    transform: none;
  }
}