@font-face {
  font-family: 'Sans';
  src: url("../fonts/SourceHanSansSC-VF.ttf"); }

body {
  font-family: 'Sans' !important; }

.xs-theme .pc-contact {
  height: 3rem;
  background-color: #F09A3E;
  color: #fff;
  font-size: .75rem;
  width: 100%;
  box-sizing: border-box;
  padding: 0.75rem 2.5rem; }
  .xs-theme .pc-contact span {
    margin-left: .625rem; }

.xs-theme .navbar {
  box-shadow: 0px 2px 5px 0px rgba(80, 53, 31, 0.05);
  position: relative;
  padding: 0 1rem; }

.xs-theme .popup-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  box-shadow: 0 0 1.25rem rgba(31, 45, 61, 0.1);
  border-top: 5px solid #F09A3E;
  padding: 30px 100px;
  display: none; }
  .xs-theme .popup-menu a {
    display: inline-block; }
  .xs-theme .popup-menu-link {
    font-size: 14px;
    padding: 10px 0;
    color: #000; }
    .xs-theme .popup-menu-link img {
      margin-right: 10px; }
  .xs-theme .popup-menu-link:hover {
    color: #F09A3E;
    cursor: pointer; }
  .xs-theme .popup-menu h4 {
    font-size: 16px;
    margin: 0 10px; }

.xs-theme .navbar-light .navbar-nav .nav-link {
  color: #000; }

.xs-theme .navbar-nav {
  justify-content: space-between; }
  .xs-theme .navbar-nav .nav-item a {
    height: 105px;
    display: flex;
    justify-content: center;
    align-items: center; }
  .xs-theme .navbar-nav .btn {
    padding: .625rem;
    margin-left: 2rem; }
  .xs-theme .navbar-nav a .icon {
    margin-left: .625rem;
    margin-top: 2px; }
  .xs-theme .navbar-nav .icon-active {
    display: none;
    width: 13px;
    height: 13px; }
  .xs-theme .navbar-nav a:hover {
    color: #F09A3E !important; }
    .xs-theme .navbar-nav a:hover .icon-notactive {
      display: none; }
    .xs-theme .navbar-nav a:hover .icon-active {
      display: block; }

.xs-theme .cancat-form-title h2,
.xs-theme .cancat-form-title p {
  color: #fff; }

.xs-theme .cancat-form-content .form-control {
  border: 1px solid #444D62;
  background: #444D62;
  color: #fff; }

.xs-theme .common-header {
  height: 35rem;
  position: relative; }
  .xs-theme .common-header .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .xs-theme .common-header img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%; }
  .xs-theme .common-header h1,
  .xs-theme .common-header p {
    color: #fff; }

.xs-theme .breadcrumb {
  border: none;
  padding: 0.75rem 0; }

.xs-theme .footer {
  padding: 0; }
  .xs-theme .footer li a {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start; }
    .xs-theme .footer li a svg {
      margin-right: .625rem;
      display: inline-block;
      margin-top: .2188rem; }

.xs-theme .bg-logo {
  background-image: url("../../assets/img/xs/logo_grey.png");
  background-size: 47.5rem;
  background-repeat: no-repeat;
  background-position: center right;
  padding: 8rem 0; }

.xs-theme hr {
  margin: 0; }

.xs-theme section {
  background-color: #FAF9F8; }

.xs-theme .section-container {
  padding: 0 2rem; }

.xs-theme .alert {
  position: fixed;
  bottom: 1.25rem;
  left: 1.25rem;
  width: auto;
  z-index: 100000; }

.xs-theme .table td,
.xs-theme .table th {
  white-space: unset; }

.xs-theme .table thead th,
.xs-theme .table td {
  padding: 0.5rem; }

.xs-theme .modal-content {
  position: relative; }
  .xs-theme .modal-content .close {
    position: absolute;
    top: .625rem;
    right: .625rem; }

.xs-theme .wechat-btn {
  position: fixed;
  bottom: 10%;
  right: 20px;
  z-index: 10; }
  .xs-theme .wechat-btn .btn {
    width: 74px;
    height: 74px;
    text-align: center;
    padding: 0; }
  .xs-theme .wechat-btn div {
    border: 1px solid #eee;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
    margin-top: -10px;
    background-color: #fff;
    z-index: 10;
    position: relative; }

.xs-theme .btn-outline-dark {
  background-color: #F09A3E;
  border-color: #F09A3E; }

.xs-theme .img-cover,
.xs-theme .small-img-cover {
  position: relative;
  overflow: hidden; }
  .xs-theme .img-cover img,
  .xs-theme .small-img-cover img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: 100%;
    max-width: none; }

@media (min-width: 1200px) {
  .xs-theme .container,
  .xs-theme .container-sm,
  .xs-theme .container-md,
  .xs-theme .container-lg,
  .xs-theme .container-xl {
    max-width: 1200px; }
  .xs-theme .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 2rem;
    padding-left: 2rem; } }

@media (min-width: 992px) {
  .xs-theme .navbar-expand-lg .navbar-brand img {
    height: 5rem; }
  .xs-theme .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem; } }

.xs-theme .text-black {
  color: #000; }

@media (max-width: 991.98px) {
  .xs-theme .navbar {
    padding: 0.5rem; }
    .xs-theme .navbar .nav-item a {
      height: 60px;
      color: #000 !important; }
    .xs-theme .navbar .icon {
      display: none; }
  .xs-theme .navbar-expand-lg .navbar-brand img {
    height: 5rem; }
  .xs-theme .bg-logo {
    background-image: url("../../assets/img/xs/logo_grey.png");
    background-size: 47.5rem;
    background-repeat: no-repeat;
    background-position: center right;
    padding: 2rem 0; }
  .xs-theme .section-container {
    padding: 0 1rem; }
  .xs-theme .common-header {
    height: 20rem; }
  .xs-theme .mobile-contact {
    height: auto;
    padding: 0 0.5rem;
    border-radius: 2rem;
    margin-right: .625rem;
    background-color: #F09A3E;
    color: #fff;
    font-size: .75rem; }
    .xs-theme .mobile-contact span {
      margin-left: .625rem; }
  .xs-theme .navbar .container {
    padding-left: .625rem;
    padding-right: 0; }
  .xs-theme .btn {
    padding: 0.35rem 1rem; }
  .xs-theme .eclipse-mobile {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; }
  .xs-theme .navbar {
    padding: 10px 0; }
  .xs-theme .mobile-contact {
    margin-right: 0; }
  .xs-theme .img-cover,
  .xs-theme .small-img-cover {
    position: relative;
    overflow: hidden; }
    .xs-theme .img-cover img,
    .xs-theme .small-img-cover img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      height: auto;
      max-width: none; } }

.xs-theme .chain-game-page .underline {
  position: relative; }

.xs-theme .chain-game-page .underline::after {
  content: '';
  position: absolute;
  bottom: -0.3125rem;
  left: 50%;
  transform: translateX(-50%);
  width: 25px;
  height: 3px;
  background-color: #F09A3E; }

.xs-theme .chain-game-page .underline-width-155::after {
  width: 9.6875rem; }

.xs-theme .chain-game-page .underline-left {
  display: flex; }

.xs-theme .chain-game-page .underline-left::after {
  left: 0;
  width: 35px;
  transform: translateX(0); }

.xs-theme .chain-game-page .underline1 {
  position: relative; }

.xs-theme .chain-game-page .underline1::after {
  content: '';
  position: absolute;
  bottom: -0.3125rem;
  left: 50%;
  transform: translateX(-50%);
  width: 25px;
  height: 1px;
  background-color: #F09A3E; }

.xs-theme .chain-game-page .underline1-width-170::after {
  width: 10.625rem; }

.xs-theme .chain-game-page .flex-column {
  display: flex;
  flex-direction: column; }

.xs-theme .chain-game-page .project-item {
  display: flex;
  padding: 1rem;
  flex-direction: column; }
  .xs-theme .chain-game-page .project-item a {
    height: 100%; }
  .xs-theme .chain-game-page .project-item .flex-column {
    height: 100%;
    background-color: #fff;
    flex: auto; }
    .xs-theme .chain-game-page .project-item .flex-column .txts {
      padding: 1.7rem 2rem;
      display: flex;
      flex-direction: column; }
      .xs-theme .chain-game-page .project-item .flex-column .txts .txt1 {
        color: #EF9A3D;
        font-family: "Roboto Slab";
        font-size: 1.375rem;
        font-style: normal;
        font-weight: 700; }
      .xs-theme .chain-game-page .project-item .flex-column .txts .txt2 {
        color: #EF9A3D;
        font-family: "Open Sans";
        font-size: 0.9375rem;
        font-style: normal;
        font-weight: 400; }
      .xs-theme .chain-game-page .project-item .flex-column .txts .txt3 {
        color: #7E8890;
        font-family: "Open Sans";
        font-size: 0.9375rem;
        font-style: normal;
        font-weight: 400; }

.xs-theme .chain-game-page .border-bottom-line {
  border-bottom: 1px solid #707070; }

.xs-theme .chain-game-page .sticky-panel {
  width: 90%;
  background-color: #F9F9FB;
  padding: 1.25rem;
  margin-left: 10%; }
  .xs-theme .chain-game-page .sticky-panel ul {
    padding-left: 0; }
  .xs-theme .chain-game-page .sticky-panel ul li {
    list-style: none; }
    .xs-theme .chain-game-page .sticky-panel ul li a {
      display: inline-block;
      padding: .625rem 0; }

@media (max-width: 991.98px) {
  .xs-theme .chain-game-page .sticky-panel {
    width: 100%;
    margin-left: 0; }
  .xs-theme .chain-game-page .project-item .flex-column .txts {
    padding: .625rem; }
  .xs-theme .chain-game-page .project-item .flex-column .txts .txt1 {
    font-size: 1rem; } }

@media (max-width: 767.98px) {
  .xs-theme .chain-game-page .sticky-panel {
    display: none; } }

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