@font-face{
    font-family:"Montserrat";
  
    src:url(https://thape-assets.oss-cn-shanghai.aliyuncs.com/packs/shared/node_modules/@webwingscz/googlefont-montserrat/fonts/Montserrat-Thin-53139ad3e8e638609181.ttf) format("truetype");
  
    font-weight:100;
  
    font-style:normal
  }
  
  @font-face{
    font-family:"Montserrat";
  
    src:url(https://thape-assets.oss-cn-shanghai.aliyuncs.com/packs/shared/node_modules/@webwingscz/googlefont-montserrat/fonts/Montserrat-ThinItalic-890c738cc812d590032e.ttf) format("truetype");
  
    font-weight:100;
  
    font-style:italic
  }
  
  @font-face{
    font-family:"Montserrat";
  
    src:url(https://thape-assets.oss-cn-shanghai.aliyuncs.com/packs/shared/node_modules/@webwingscz/googlefont-montserrat/fonts/Montserrat-ExtraLight-5ffa03e69b48ec499a25.ttf) format("truetype");
  
    font-weight:200;
  
    font-style:normal
  }
  
  @font-face{
    font-family:"Montserrat";
  
    src:url(https://thape-assets.oss-cn-shanghai.aliyuncs.com/packs/shared/node_modules/@webwingscz/googlefont-montserrat/fonts/Montserrat-ExtraLightItalic-1f6362e93e5af98dcac1.ttf) format("truetype");
  
    font-weight:200;
  
    font-style:italic
  }
  
  @font-face{
    font-family:"Montserrat";
  
    src:url(https://thape-assets.oss-cn-shanghai.aliyuncs.com/packs/shared/node_modules/@webwingscz/googlefont-montserrat/fonts/Montserrat-Light-34270926ef09970234f5.ttf) format("truetype");
  
    font-weight:300;
  
    font-style:normal
  }
  
  @font-face{
    font-family:"Montserrat";
  
    src:url(https://thape-assets.oss-cn-shanghai.aliyuncs.com/packs/shared/node_modules/@webwingscz/googlefont-montserrat/fonts/Montserrat-LightItalic-7b94c90e7e88c764ef4b.ttf) format("truetype");
  
    font-weight:300;
  
    font-style:italic
  }
  
  @font-face{
    font-family:"Montserrat";
  
    src:url(https://thape-assets.oss-cn-shanghai.aliyuncs.com/packs/shared/node_modules/@webwingscz/googlefont-montserrat/fonts/Montserrat-Regular-2a2d37bf7680d86811db.ttf) format("truetype");
  
    font-weight:400;
  
    font-style:normal
  }
  
  @font-face{
    font-family:"Montserrat";
  
    src:url(https://thape-assets.oss-cn-shanghai.aliyuncs.com/packs/shared/node_modules/@webwingscz/googlefont-montserrat/fonts/Montserrat-Italic-ce3a49f8e6c790a13ba0.ttf) format("truetype");
  
    font-weight:400;
  
    font-style:italic
  }
  
  @font-face{
    font-family:"Montserrat";
  
    src:url(https://thape-assets.oss-cn-shanghai.aliyuncs.com/packs/shared/node_modules/@webwingscz/googlefont-montserrat/fonts/Montserrat-Medium-647f0e61af3a76a138c3.ttf) format("truetype");
  
    font-weight:500;
  
    font-style:normal
  }
  
  @font-face{
    font-family:"Montserrat";
  
    src:url(https://thape-assets.oss-cn-shanghai.aliyuncs.com/packs/shared/node_modules/@webwingscz/googlefont-montserrat/fonts/Montserrat-MediumItalic-c9e1dab72dce72ef87c7.ttf) format("truetype");
  
    font-weight:500;
  
    font-style:italic
  }
  
  @font-face{
    font-family:"Montserrat";
  
    src:url(https://thape-assets.oss-cn-shanghai.aliyuncs.com/packs/shared/node_modules/@webwingscz/googlefont-montserrat/fonts/Montserrat-SemiBold-2f7a846126c7d5ee9163.ttf) format("truetype");
  
    font-weight:600;
  
    font-style:normal
  }
  
  @font-face{
    font-family:"Montserrat";
  
    src:url(https://thape-assets.oss-cn-shanghai.aliyuncs.com/packs/shared/node_modules/@webwingscz/googlefont-montserrat/fonts/Montserrat-SemiBoldItalic-a36e54bad627c56dc2ed.ttf) format("truetype");
  
    font-weight:600;
  
    font-style:italic
  }
  
  @font-face{
    font-family:"Montserrat";
  
    src:url(https://thape-assets.oss-cn-shanghai.aliyuncs.com/packs/shared/node_modules/@webwingscz/googlefont-montserrat/fonts/Montserrat-Bold-0915f0a8c3367a6d05ec.ttf) format("truetype");
  
    font-weight:700;
  
    font-style:normal
  }
  
  @font-face{
    font-family:"Montserrat";
  
    src:url(https://thape-assets.oss-cn-shanghai.aliyuncs.com/packs/shared/node_modules/@webwingscz/googlefont-montserrat/fonts/Montserrat-BoldItalic-042630452ddd7b606a17.ttf) format("truetype");
  
    font-weight:700;
  
    font-style:italic
  }
  
  @font-face{
    font-family:"Montserrat";
  
    src:url(https://thape-assets.oss-cn-shanghai.aliyuncs.com/packs/shared/node_modules/@webwingscz/googlefont-montserrat/fonts/Montserrat-ExtraBold-0eac3d0f226f458230a2.ttf) format("truetype");
  
    font-weight:800;
  
    font-style:normal
  }
  
  @font-face{
    font-family:"Montserrat";
  
    src:url(https://thape-assets.oss-cn-shanghai.aliyuncs.com/packs/shared/node_modules/@webwingscz/googlefont-montserrat/fonts/Montserrat-ExtraBoldItalic-a4fd44162634412d7d34.ttf) format("truetype");
  
    font-weight:800;
  
    font-style:italic
  }
  
  @font-face{
    font-family:"Montserrat";
  
    src:url(https://thape-assets.oss-cn-shanghai.aliyuncs.com/packs/shared/node_modules/@webwingscz/googlefont-montserrat/fonts/Montserrat-Black-e4ac0e216b528d945a83.ttf) format("truetype");
  
    font-weight:900;
  
    font-style:normal
  }
  
  @font-face{
    font-family:"Montserrat";
  
    src:url(https://thape-assets.oss-cn-shanghai.aliyuncs.com/packs/shared/node_modules/@webwingscz/googlefont-montserrat/fonts/Montserrat-BlackItalic-5735f3ec6023519aeb9e.ttf) format("truetype");
  
    font-weight:900;
  
    font-style:italic
  }
  
  @-webkit-keyframes slideInLeft{
    from{
      -webkit-transform:translateX(-100%);
              transform:translateX(-100%)
    }
  
    to{
      -webkit-transform:translateX(0);
              transform:translateX(0)
    }
  }
  
  @keyframes slideInLeft{
    from{
      -webkit-transform:translateX(-100%);
              transform:translateX(-100%)
    }
  
    to{
      -webkit-transform:translateX(0);
              transform:translateX(0)
    }
  }
  
  @-webkit-keyframes slideInRight{
    from{
      -webkit-transform:translateX(100%);
              transform:translateX(100%)
    }
  
    to{
      -webkit-transform:translateX(0);
              transform:translateX(0)
    }
  }
  
  @keyframes slideInRight{
    from{
      -webkit-transform:translateX(100%);
              transform:translateX(100%)
    }
  
    to{
      -webkit-transform:translateX(0);
              transform:translateX(0)
    }
  }
  
  @-webkit-keyframes slideOutLeft{
    from{
      -webkit-transform:translateX(0);
              transform:translateX(0)
    }
  
    to{
      -webkit-transform:translateX(-100%);
              transform:translateX(-100%)
    }
  }
  
  @keyframes slideOutLeft{
    from{
      -webkit-transform:translateX(0);
              transform:translateX(0)
    }
  
    to{
      -webkit-transform:translateX(-100%);
              transform:translateX(-100%)
    }
  }
  
  @-webkit-keyframes slideOutRight{
    from{
      -webkit-transform:translateX(0);
              transform:translateX(0)
    }
  
    to{
      -webkit-transform:translateX(100%);
              transform:translateX(100%)
    }
  }
  
  @keyframes slideOutRight{
    from{
      -webkit-transform:translateX(0);
              transform:translateX(0)
    }
  
    to{
      -webkit-transform:translateX(100%);
              transform:translateX(100%)
    }
  }
  
  @-webkit-keyframes fadeIn{
    from{
      opacity:0
    }
  
    to{
      opacity:1
    }
  }
  
  @keyframes fadeIn{
    from{
      opacity:0
    }
  
    to{
      opacity:1
    }
  }
  
  @-webkit-keyframes fadeOut{
    from{
      opacity:1
    }
  
    to{
      opacity:0
    }
  }
  
  @keyframes fadeOut{
    from{
      opacity:1
    }
  
    to{
      opacity:0
    }
  }
  
  @-webkit-keyframes fadeInLeft{
    from{
      -webkit-transform:translateX(-100%);
              transform:translateX(-100%);
      opacity:0
    }
  
    to{
      -webkit-transform:translateX(0);
              transform:translateX(0);
      opacity:1
    }
  }
  
  @keyframes fadeInLeft{
    from{
      -webkit-transform:translateX(-100%);
              transform:translateX(-100%);
      opacity:0
    }
  
    to{
      -webkit-transform:translateX(0);
              transform:translateX(0);
      opacity:1
    }
  }
  
  @-webkit-keyframes fadeInRight{
    from{
      -webkit-transform:translateX(100%);
              transform:translateX(100%);
      opacity:0
    }
  
    to{
      -webkit-transform:translateX(0);
              transform:translateX(0);
      opacity:1
    }
  }
  
  @keyframes fadeInRight{
    from{
      -webkit-transform:translateX(100%);
              transform:translateX(100%);
      opacity:0
    }
  
    to{
      -webkit-transform:translateX(0);
              transform:translateX(0);
      opacity:1
    }
  }
  
  @-webkit-keyframes fadeOutLeft{
    from{
      -webkit-transform:translateX(0);
              transform:translateX(0);
      opacity:1
    }
  
    to{
      -webkit-transform:translateX(-100%);
              transform:translateX(-100%);
      opacity:0
    }
  }
  
  @keyframes fadeOutLeft{
    from{
      -webkit-transform:translateX(0);
              transform:translateX(0);
      opacity:1
    }
  
    to{
      -webkit-transform:translateX(-100%);
              transform:translateX(-100%);
      opacity:0
    }
  }
  
  @-webkit-keyframes fadeOutRight{
    from{
      -webkit-transform:translateX(0);
              transform:translateX(0);
      opacity:1
    }
  
    to{
      -webkit-transform:translateX(100%);
              transform:translateX(100%);
      opacity:0
    }
  }
  
  @keyframes fadeOutRight{
    from{
      -webkit-transform:translateX(0);
              transform:translateX(0);
      opacity:1
    }
  
    to{
      -webkit-transform:translateX(100%);
              transform:translateX(100%);
      opacity:0
    }
  }
  
  .animate{
    -webkit-animation-duration:1s;
            animation-duration:1s;
    -webkit-animation-timing-function:ease-out;
            animation-timing-function:ease-out;
    -webkit-animation-direction:normal;
            animation-direction:normal;
    -webkit-animation-delay:0s;
            animation-delay:0s;
    -webkit-animation-iteration-count:1;
            animation-iteration-count:1;
    -webkit-animation-fill-mode:forwards;
            animation-fill-mode:forwards
  }
  
  .fade-in{
    -webkit-animation-name:fadeIn;
            animation-name:fadeIn
  }
  
  .fade-out{
    -webkit-animation-name:fadeOut;
            animation-name:fadeOut
  }
  
  /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
  
  /* Document
     ========================================================================== */
  
  /**
   * 1. Correct the line height in all browsers.
   * 2. Prevent adjustments of font size after orientation changes in iOS.
   */
  
  html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
  }
  
  /* Sections
     ========================================================================== */
  
  /**
   * Remove the margin in all browsers.
   */
  
  body {
    margin: 0;
  }
  
  /**
   * Render the `main` element consistently in IE.
   */
  
  main {
    display: block;
  }
  
  /**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
  
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }
  
  /* Grouping content
     ========================================================================== */
  
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  
  /* Text-level semantics
     ========================================================================== */
  
  /**
   * Remove the gray background on active links in IE 10.
   */
  
  a {
    background-color: transparent;
  }
  
  /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  
  
  strong {
    font-weight: bolder;
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  
  code {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  
  /**
   * Add the correct font size in all browsers.
   */
  
  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
  
  /* Embedded content
     ========================================================================== */
  
  /**
   * Remove the border on images inside links in IE 10.
   */
  
  img {
    border-style: none;
  }
  
  /* Forms
     ========================================================================== */
  
  /**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
  
  button,
  input,
  select,
  textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
  }
  
  /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
  
  button,
  input { /* 1 */
    overflow: visible;
  }
  
  /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
  
  button,
  select { /* 1 */
    text-transform: none;
  }
  
  /**
   * Correct the inability to style clickable types in iOS and Safari.
   */
  
  button,
  [type="button"],
  [type="submit"] {
    -webkit-appearance: button;
  }
  
  /**
   * Remove the inner border and padding in Firefox.
   */
  
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  
  /**
   * Restore the focus styles unset by the previous rule.
   */
  
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  
  /**
   * Correct the padding in Firefox.
   */
  
  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
  
  /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  
  progress {
    vertical-align: baseline;
  }
  
  /**
   * Remove the default vertical scrollbar in IE 10+.
   */
  
  textarea {
    overflow: auto;
  }
  
  /**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
  
  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
  
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  
  /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
  
  [type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
  }
  
  /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
  
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  
  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
  
  /* Interactive
     ========================================================================== */
  
  /*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
  
  /*
   * Add the correct display in all browsers.
   */
  
  /* Misc
     ========================================================================== */
  
  /**
   * Add the correct display in IE 10+.
   */
  
  /**
   * Add the correct display in IE 10.
   */
  
  [hidden] {
    display: none;
  }
  
  /**
   * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
   * A thin layer on top of normalize.css that provides a starting point more
   * suitable for web applications.
   */
  
  /**
   * Removes the default spacing and border for appropriate elements.
   */
  
  
  dl,
  dd,
  h1,
  h2,
  h3,
  figure,
  p {
    margin: 0;
  }
  
  button {
    background-color: transparent;
    background-image: none;
  }
  
  /**
   * Work around a Firefox/IE bug where the transparent `button` background
   * results in a loss of the default `button` focus styles.
   */
  
  button:focus {
    outline: 1px auto #fff;
  }
  
  ol {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  /**
   * Tailwind custom reset styles
   */
  
  /**
   * 1. Use the user's configured `sans` font-family (with Tailwind's default
   *    sans-serif font stack as a fallback) as a sane default.
   * 2. Use Tailwind's default "normal" line-height so the user isn't forced
   *    to override it to ensure consistency even when using the default theme.
   */
  
  html {
    font-family: Montserrat, Source Han Sans, Source Han Sans SC, system-ui, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif; /* 1 */
    line-height: 1.5; /* 2 */
  }
  
  /**
   * 1. Prevent padding and border from affecting element width.
   *
   *    We used to set this in the html element and inherit from
   *    the parent element for everything else. This caused issues
   *    in shadow-dom-enhanced elements like <details> where the content
   *    is wrapped by a div with box-sizing set to `content-box`.
   *
   *    https://github.com/mozdevs/cssremedy/issues/4
   *
   *
   * 2. Allow adding a border to an element by just adding a border-width.
   *
   *    By default, the way the browser specifies that an element should have no
   *    border is by setting it's border-style to `none` in the user-agent
   *    stylesheet.
   *
   *    In order to easily add borders to elements by just setting the `border-width`
   *    property, we change the default border-style for all elements to `solid`, and
   *    use border-width to hide them instead. This way our `border` utilities only
   *    need to set the `border-width` property instead of the entire `border`
   *    shorthand, making our border utilities much more straightforward to compose.
   *
   *    https://github.com/tailwindcss/tailwindcss/pull/116
   */
  
  *,
  ::before,
  ::after {
    box-sizing: border-box; /* 1 */
    border-width: 0; /* 2 */
    border-style: solid; /* 2 */
    border-color: #d2d6dc; /* 2 */
  }
  
  /*
   * Ensure horizontal rules are visible by default
   */
  
  /**
   * Undo the `border-style: none` reset that Normalize applies to images so that
   * our `border-{width}` utilities have the expected effect.
   *
   * The Normalize reset is unnecessary for us since we default the border-width
   * to 0 on all elements.
   *
   * https://github.com/tailwindcss/tailwindcss/issues/362
   */
  
  img {
    border-style: solid;
  }
  
  textarea {
    resize: vertical;
  }
  
  input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #a0aec0;
  }
  
  input::placeholder,
  textarea::placeholder {
    color: #a0aec0;
  }
  
  button {
    cursor: pointer;
  }
  
  table {
    border-collapse: collapse;
  }
  
  h1,
  h2,
  h3 {
    font-size: inherit;
    font-weight: inherit;
  }
  
  /**
   * Reset links to optimize for opt-in styling instead of
   * opt-out.
   */
  
  a {
    color: inherit;
    text-decoration: inherit;
  }
  
  /**
   * Reset form element properties that are easy to forget to
   * style explicitly so you don't inadvertently introduce
   * styles that deviate from your design system. These styles
   * supplement a partial reset that is already applied by
   * normalize.css.
   */
  
  button,
  input,
  select,
  textarea {
    padding: 0;
    line-height: inherit;
    color: inherit;
  }
  
  /**
   * Use the configured 'mono' font family for elements that
   * are expected to be rendered with a monospace font, falling
   * back to the system monospace stack if there is no configured
   * 'mono' font family.
   */
  
  
  code {
    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  }
  
  /**
   * Make replaced elements `display: block` by default as that's
   * the behavior you want almost all of the time. Inspired by
   * CSS Remedy, with `svg` added as well.
   *
   * https://github.com/mozdevs/cssremedy/issues/14
   */
  
  img,
  svg,
  object {
    display: block;
    vertical-align: middle;
  }
  
  /**
   * Constrain images and videos to the parent width and preserve
   * their instrinsic aspect ratio.
   *
   * https://github.com/mozdevs/cssremedy/issues/14
   */
  
  img {
    max-width: 100%;
    height: auto;
  }
  
  .container{
    width:100%
  }
  
  @media (min-width: 640px){
    .container{
      max-width:640px
    }
  }
  
  @media (min-width: 768px){
    .container{
      max-width:768px
    }
  }
  
  @media (min-width: 1024px){
    .container{
      max-width:1024px
    }
  }
  
  @media (min-width: 1280px){
    .container{
      max-width:1280px
    }
  }
  
  @media (min-width: 1500px){
    .container{
      max-width:1500px
    }
  }
  
  @media (min-width: 1800px){
    .container{
      max-width:1800px
    }
  }
  
  .form-input{
    -webkit-appearance:none;
            appearance:none;
    background-color:#ffffff;
    border-color:#d2d6dc;
    border-width:1px;
    border-radius:0.375rem;
    padding-top:0.5rem;
    padding-right:0.75rem;
    padding-bottom:0.5rem;
    padding-left:0.75rem;
    font-size:1rem;
    line-height:1.5;
  }
  
  .form-input::-webkit-input-placeholder{
    color:#9fa6b2;
    opacity:1
  }
  
  .form-input::placeholder{
    color:#9fa6b2;
    opacity:1
  }
  
  .form-input:focus{
    outline:none;
    box-shadow:0 0 0 3px rgba(164, 202, 254, 0.45);
    border-color:#a4cafe
  }
  
  .form-textarea{
    -webkit-appearance:none;
            appearance:none;
    background-color:#ffffff;
    border-color:#d2d6dc;
    border-width:1px;
    border-radius:0.375rem;
    padding-top:0.5rem;
    padding-right:0.75rem;
    padding-bottom:0.5rem;
    padding-left:0.75rem;
    font-size:1rem;
    line-height:1.5;
  }
  
  .form-textarea::-webkit-input-placeholder{
    color:#9fa6b2;
    opacity:1
  }
  
  .form-textarea::placeholder{
    color:#9fa6b2;
    opacity:1
  }
  
  .form-textarea:focus{
    outline:none;
    box-shadow:0 0 0 3px rgba(164, 202, 254, 0.45);
    border-color:#a4cafe
  }
  
  .nav-background-initial{
    -webkit-animation:animation-to-none 0s ease 0s 1 normal none running .3s;
            animation:animation-to-none 0s ease 0s 1 normal none running .3s;
    -webkit-animation:animation-to-initial .3s;
            animation:animation-to-initial .3s;
    background:transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background:initial
  }
  
  .nav-background-white{
    -webkit-animation:animation-to-white .3s;
            animation:animation-to-white .3s;
    background-color:#fff
  }
  
  .thape-header-fixed{
    position:fixed;
    z-index:1000
  }
  
  .thape-header{
    width:100%;
    display:flex;
    box-sizing:border-box;
    justify-content:space-between;
    align-items:center;
    height:50px;
    color:rgba(255,255,255,0.8);
    -webkit-animation:animation-to-none 0s ease 0s 1 normal none running .3s;
            animation:animation-to-none 0s ease 0s 1 normal none running .3s;
    -webkit-animation:animation-to-initial .3s;
            animation:animation-to-initial .3s;
    background:transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background:initial
  }
  
  .thape-header a,.thape-header span{
    color:inherit;
    font-size:1rem
  }
  
  .thape-header nav{
    display:flex
  }
  
  .thape-header nav>.nav-item{
    padding-left:2rem;
    padding-right:2rem
  }
  
  .thape-header nav>.nav-item:last-child{
    padding-right:0
  }
  
  @media (min-width: 1500px){
    .thape-header nav>.nav-item{
      padding-left:2rem;
      padding-right:2rem
    }
  }
  
  .thape-header nav>.nav-point{
    cursor:default;
    display:flex;
    align-items:center
  }
  
  .thape-header nav .nav-item>nav{
    display:none;
    position:absolute;
    left:0;
    right:0;
    top:100%;
    -webkit-animation:animation-to-none 0s ease 0s 1 normal none running .3s;
            animation:animation-to-none 0s ease 0s 1 normal none running .3s;
    -webkit-animation:animation-to-initial .3s;
            animation:animation-to-initial .3s;
    background:transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background:initial;
    --border-opacity:1;
    border-color:#e5e7eb;
    border-color:rgba(229, 231, 235, var(--border-opacity));
    border-style:solid;
    border-top-width:1px
  }
  
  .thape-header nav .nav-item>nav a,.thape-header nav .nav-item>nav span{
    font-size:0.875rem
  }
  
  .thape-header nav .nav-item:hover>nav{
    display:flex
  }
  
  .thape-header nav .nav-item:hover>a,.thape-header nav .nav-item:hover>span,.thape-header nav a.active,.thape-header nav span.active{
    --text-opacity:1;
    color:#ffffff;
    color:rgba(255, 255, 255, var(--text-opacity));
    font-weight:600
  }
  
  .thape-header nav.intro{
    height:60px;
    align-items:center;
    justify-content:flex-end
  }
  
  .thape-header nav.works{
    justify-content:flex-end;
    padding:.5rem 1.16rem .25rem 0
  }
  
  .thape-header nav.works>.nav-item .list{
    display:flex;
    margin-top:.5rem
  }
  
  .thape-header nav.works>.nav-item .list .list-item{
    position:relative;
    width:50%
  }
  
  .thape-header nav.works>.nav-item .list .list-item a,.thape-header nav.works>.nav-item .list .list-item span{
    font-size:0.75rem
  }
  
  .thape-header nav.works>.nav-item .list .list-item nav{
    position:absolute;
    top:0;
    left:100%;
    width:100%;
    height:100%;
    border:none;
    flex-direction:column
  }
  
  .thape-header nav.works>.nav-item .list .list-item nav .nav-item{
    width:125%;
    padding-left:0;
    padding-right:0
  }
  
  .thape-header nav.works>.nav-item .list.area .list-item .nav-item nav{
    align-items:flex-start;
    justify-content:flex-start;
    flex-wrap:wrap
  }
  
  .thape-header nav.works>.nav-item .list.area .list-item .nav-item nav .nav-item{
    padding-right:10px
  }
  
  .thape-header nav.service{
    height:60px;
    align-items:center;
    justify-content:center;
  }
  
  .thape-header .menu-nav{
    display:none;
    height:100%
  }
  
  @media (min-width: 1024px){
    .thape-header .menu-nav.show{
      display:flex;
      margin-left: 70px;
    }
  }
  
  .thape-header .menu-nav>.nav-item{
    display:flex;
    align-items:center;
    height:100%
  }
  
  .thape-header .header-search-form{
    display:none;
    margin-top:5px;
    margin-bottom:5px;
    width:25vw;
    height:calc(100% - 10px);
    align-items:center;
    padding:0 0 0 1.8rem
  }
  
  .thape-header .header-search-form.show{
    display:none
  }
  
  @media (min-width: 1024px){
    .thape-header .header-search-form.show{
      display:flex
    }
  }
  
  .thape-header .header-search-form input{
    margin-top:2px;
    flex:1 1 100%;
    width:100%;
    height:100%;
    outline:none;
    border:none;
    background:rgba(0,0,0,0)
  }
  
  .thape-header .header-search-form input:focus{
    outline:none;
    border:none
  }
  
  .thape-header .header-search-form .underline{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    --bg-opacity:1;
    background-color:#e5e7eb;
    background-color:rgba(229, 231, 235, var(--bg-opacity))
  }
  
  .thape-header .header-search-form button{
    position:absolute;
    left:0;
    top:calc(50% - .75rem)
  }
  
  .thape-header .header-search-form input::-webkit-input-placeholder{
    color:rgba(255,255,255,0.8)
  }
  
  .thape-header .header-search-form input,.thape-header .header-search-form input::placeholder,.thape-header .header-search-form button{
    color:rgba(255,255,255,0.8)
  }
  
  .thape-header:hover,.thape-header.active{
    color:rgba(140,140,140,1);
    -webkit-animation:animation-to-white .3s;
            animation:animation-to-white .3s;
    background-color:#fff
  }
  
  .thape-header:hover nav>.nav-point,.thape-header.active nav>.nav-point{
    color:rgba(140,140,140,1)
  }
  
  .thape-header:hover nav nav,.thape-header.active nav nav{
    -webkit-animation:animation-to-white .3s;
            animation:animation-to-white .3s;
    background-color:#fff
  }
  
  .thape-header:hover .nav-item:hover>a,.thape-header:hover .nav-item:hover>span,.thape-header:hover a.active,.thape-header:hover span.active,.thape-header.active .nav-item:hover>a,.thape-header.active .nav-item:hover>span,.thape-header.active a.active,.thape-header.active span.active{
    color:#bd2f2c;
    font-weight:600
  }
  
  .thape-header:hover>.logo a,.thape-header.active>.logo a{
    color:#bd2f2c
  }
  
  .thape-header:hover>.logo a:hover,.thape-header:hover>.logo a:focus,.thape-header.active>.logo a:hover,.thape-header.active>.logo a:focus{
    color:#bd2f2c
  }
  
  .thape-header:hover .header-search-form input::-webkit-input-placeholder, .thape-header.active .header-search-form input::-webkit-input-placeholder{
    color:#bd2f2c
  }
  
  .thape-header:hover .header-search-form input,.thape-header:hover .header-search-form input::placeholder,.thape-header:hover .header-search-form button,.thape-header.active .header-search-form input,.thape-header.active .header-search-form input::placeholder,.thape-header.active .header-search-form button{
    color:#bd2f2c
  }
  
  .thape-header.big-font a,.thape-header.big-font span{
    font-size:1.25rem
  }
  
  .thape-header.big-font>nav .nav-item nav a,.thape-header.big-font>nav .nav-item nav span{
    font-size:1rem !important
  }
  
  .thape-header nav.works>.nav-item:first-child{
    width:16rem
  }
  
  .thape-header nav.works>.nav-item:nth-child(2){
    width:12rem
  }
  
  .thape-header:lang(en) nav.works>.nav-item:first-child{
    width:26rem
  }
  
  .thape-header:lang(en) nav.works>.nav-item:nth-child(2){
    width:28rem
  }
  
  .thape-header.big-font nav.works>.nav-item:first-child{
    width:16rem
  }
  
  .thape-header.big-font nav.works>.nav-item:nth-child(2){
    width:14rem
  }
  
  .thape-header.big-font:lang(en) nav.works>.nav-item:first-child{
    width:34rem
  }
  
  .thape-header.big-font:lang(en) nav.works>.nav-item:nth-child(2){
    width:30rem
  }
  
  .thape-header .aside-menu-button{
    display:block;
    border-radius:0.375rem;
    color:rgba(255,255,255,0.8);
    transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, -webkit-transform;
    transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, -webkit-transform;
    transition-duration:150ms;
    transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
  }
  
  @media (min-width: 1024px){
    .thape-header .aside-menu-button{
      display:none
    }
  }
  
  .thape-header .aside-menu-button,.thape-header .aside-menu-button:focus{
    outline:none
  }
  
  .thape-header.active .aside-menu-button,.thape-header:hover .aside-menu-button{
    --text-opacity:1;
    color:#9fa6b2;
    color:rgba(159, 166, 178, var(--text-opacity))
  }
  
  .thape-header .mobile-search{
    display:none
  }
  
  .thape-header .mobile-search.show{
    display:block
  }
  
  @media (min-width: 1024px){
    .thape-header .mobile-search.show{
      display:none
    }
  }
  
  .thape-header .aside-menu{
    display:none;
    position:absolute;
    top:50px;
    left:0;
    width:100%;
    height:calc(100vh - 50px);
    background-color:rgba(0,0,0,0)
  }
  
  .thape-header .aside-menu.show{
    display:block
  }
  
  @media (min-width: 1024px){
    .thape-header .aside-menu.show{
      display:none
    }
  }
  
  .thape-header .aside-menu .aside-menu-container{
    padding:1.5rem;
    -webkit-animation:animation-to-white .3s;
            animation:animation-to-white .3s;
    background-color:#fff;
    box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --border-opacity:1;
    border-color:#e5e7eb;
    border-color:rgba(229, 231, 235, var(--border-opacity));
    border-style:solid;
    border-top-width:1px
  }
  
  .thape-header .aside-menu .aside-menu-container .aside-menu-item a{
    display:block;
    margin-bottom:.5rem
  }
  
  .thape-header .aside-menu .aside-menu-container .aside-menu-item .aside-menu-children{
    padding-left:1rem
  }
  
  @media (min-width: 1024px){
    .thape-header{
      height:80px
    }
  
    .thape-header nav.intro{
      padding-right:22.7rem
    }
  
    .thape-header:lang(en) nav.intro{
      padding-right:15.8rem
    }
  
    .thape-header.big-font nav.intro{
      padding-right:24.7rem
    }
  
    .thape-header.big-font:lang(en) nav.intro{
      padding-right:17rem
    }
  
    .thape-header nav.works{
      padding-right:10.2rem
    }
  
    .thape-header:lang(en) nav.works{
      padding-right:4rem
    }
  
    .thape-header.big-font nav.works{
      padding-right:11.7rem
    }
  
    .thape-header.big-font:lang(en) nav.works{
      padding-right:4rem
    }
  
    .thape-header nav.service{
      padding-right:2rem
    }
  
    .thape-header nav.service>.nav-item{
      padding:0 1.4rem
    }
  
    .thape-header.big-font nav.service>.nav-item{
      padding:0 1.47rem
    }
  }
  
  @media (min-width: 1280px){
    .thape-header nav.intro{
      padding-right:23.2rem
    }
  
    .thape-header:lang(en) nav.intro{
      padding-right:25.6rem
    }
  
    .thape-header.big-font nav.intro{
      padding-right:25.2rem
    }
  
    .thape-header.big-font:lang(en) nav.intro{
      padding-right:25.9rem
    }
  
    .thape-header nav.works{
      padding-right:10.7rem
    }
  
    .thape-header:lang(en) nav.works{
      padding-right:4.4rem
    }
  
    .thape-header.big-font nav.works{
      padding-right:12.1rem
    }
  
    .thape-header.big-font:lang(en) nav.works{
      padding-right:5.8rem
    }
  
    .thape-header nav.service{
      padding-right:2.5rem
    }
  
    .thape-header nav.service>.nav-item{
      padding:0 1.4rem
    }
  
    .thape-header.big-font nav.service>.nav-item{
      padding:0 1.47rem
    }
  }
  
  @media (min-width: 1500px){
    .thape-header nav.intro{
      padding-right:26.7rem
    }
  
    .thape-header:lang(en) nav.intro{
      padding-right:29.1rem
    }
  
    .thape-header.big-font nav.intro{
      padding-right:28.8rem
    }
  
    .thape-header.big-font:lang(en) nav.intro{
      padding-right:33.2rem
    }
  
    .thape-header nav.works{
      padding-right:15.4rem
    }
  
    .thape-header:lang(en) nav.works{
      padding-right:4.8rem
    }
  
    .thape-header.big-font nav.works{
      padding-right:16.8rem
    }
  
    .thape-header.big-font:lang(en) nav.works{
      padding-right:6.4rem
    }
  
    .thape-header nav.service{
      padding-right:3rem
    }
  
    .thape-header nav.service>.nav-item{
      padding:0 1.69rem
    }
  
    .thape-header.big-font nav.service>.nav-item{
      padding:0 1.76rem
    }
  }
  
  @media (min-width: 1800px){
    .thape-header nav.intro{
      padding-right:27.7rem
    }
  
    .thape-header:lang(en) nav.intro{
      padding-right:30.1rem
    }
  
    .thape-header.big-font nav.intro{
      padding-right:29.7rem
    }
  
    .thape-header.big-font:lang(en) nav.intro{
      padding-right:34.2rem
    }
  
    .thape-header nav.works{
      padding-right:16.5rem
    }
  
    .thape-header:lang(en) nav.works{
      padding-right:5.9rem
    }
  
    .thape-header.big-font nav.works{
      padding-right:17.9rem
    }
  
    .thape-header.big-font:lang(en) nav.works{
      padding-right:7.2rem
    }
  
    .thape-header nav.service{
      padding-right:4rem
    }
  
    .thape-header nav.service>.nav-item{
      padding:0 1.69rem
    }
  
    .thape-header.big-font nav.service>.nav-item{
      padding:0 1.76rem
    }
  }
  
  .thape-header:lang(en) nav.service>.nav-item{
    padding:0 .85rem
  }
  
  .thape-header nav.service>.nav-item:last-child{
    padding-right:0
  }
  
  .hover-scale .scale-img{
    -webkit-transform:translateZ(0) scale(1);
            transform:translateZ(0) scale(1);
    transition:-webkit-transform ease .7s;
    transition:transform ease .7s;
    transition:transform ease .7s, -webkit-transform ease .7s
  }
  
  .hover-scale:hover .scale-img{
    -webkit-transform:translateZ(0) scale(1.05);
            transform:translateZ(0) scale(1.05)
  }
  
  .card-title-mask{
    background-image:linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0))
  }
  
  .works-projects-container{
    position:relative;
    width:100%;
    padding-top:500%
  }
  
  @media (min-width: 640px){
    .works-projects-container{
      padding-top:212%
    }
  }
  
  @media (min-width: 1280px){
    .works-projects-container{
      padding-top:114%
    }
  }
  
  .works-projects-container .mask{
    background-image:linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0))
  }
  
  .works-projects-container .works-projects-grid{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    display:grid;
    grid-template:repeat(11, 1fr)/repeat(2, 1fr);
    grid-gap:.25rem;
    gap:.25rem
  }
  
  .works-projects-container .works-projects-grid .works-projects-cell{
    position:relative;
    overflow:hidden
  }
  
  .works-projects-container .works-projects-grid .works-projects-cell.slogan{
    grid-area:1/1/1/3
  }
  
  .works-projects-container .works-projects-grid .works-projects-cell.resdential{
    grid-area:2/1/2/3
  }
  
  .works-projects-container .works-projects-grid .works-projects-cell.demonstration-zone{
    grid-area:3/1/3/1
  }
  
  .works-projects-container .works-projects-grid .works-projects-cell.mixed-used-tod{
    grid-area:4/1/4/3
  }
  
  .works-projects-container .works-projects-grid .works-projects-cell.commercial{
    grid-area:3/2/3/2
  }
  
  .works-projects-container .works-projects-grid .works-projects-cell.supertall{
    grid-area:5/1/7/1
  }
  
  .works-projects-container .works-projects-grid .works-projects-cell.cultural{
    grid-area:7/1/7/3
  }
  
  .works-projects-container .works-projects-grid .works-projects-cell.education{
    grid-area:6/2/6/2
  }
  
  .works-projects-container .works-projects-grid .works-projects-cell.office{
    grid-area:5/2/5/2
  }
  
  .works-projects-container .works-projects-grid .works-projects-cell.urban-design{
    grid-area:8/2/10/2
  }
  
  .works-projects-container .works-projects-grid .works-projects-cell.medical-care{
    grid-area:8/1/8/1
  }
  
  .works-projects-container .works-projects-grid .works-projects-cell.hospitality{
    grid-area:10/1/10/3
  }
  
  .works-projects-container .works-projects-grid .works-projects-cell.urban-planning{
    grid-area:9/1/9/1
  }
  
  .works-projects-container .works-projects-grid .works-projects-cell.landscape{
    grid-area:11/1/11/1
  }
  
  .works-projects-container .works-projects-grid .works-projects-cell.interior{
    grid-area:11/2/11/2
  }
  
  @media (min-width: 640px){
    .works-projects-container .works-projects-grid{
      grid-template:repeat(7, 1fr)/repeat(3, 1fr);
      gap:.5rem
    }
  
    .works-projects-container .works-projects-grid .works-projects-cell.slogan{
      grid-area:1/1/1/1
    }
  
    .works-projects-container .works-projects-grid .works-projects-cell.resdential{
      grid-area:1/2/1/4
    }
  
    .works-projects-container .works-projects-grid .works-projects-cell.demonstration-zone{
      grid-area:2/3/2/3
    }
  
    .works-projects-container .works-projects-grid .works-projects-cell.mixed-used-tod{
      grid-area:3/2/3/4
    }
  
    .works-projects-container .works-projects-grid .works-projects-cell.commercial{
      grid-area:4/3/4/3
    }
  
    .works-projects-container .works-projects-grid .works-projects-cell.supertall{
      grid-area:2/1/4/1
    }
  
    .works-projects-container .works-projects-grid .works-projects-cell.cultural{
      grid-area:4/1/4/3
    }
  
    .works-projects-container .works-projects-grid .works-projects-cell.education{
      grid-area:5/2/5/2
    }
  
    .works-projects-container .works-projects-grid .works-projects-cell.office{
      grid-area:2/2/2/2
    }
  
    .works-projects-container .works-projects-grid .works-projects-cell.urban-design{
      grid-area:5/1/7/1
    }
  
    .works-projects-container .works-projects-grid .works-projects-cell.medical-care{
      grid-area:5/3/5/3
    }
  
    .works-projects-container .works-projects-grid .works-projects-cell.hospitality{
      grid-area:6/2/6/4
    }
  
    .works-projects-container .works-projects-grid .works-projects-cell.urban-planning{
      grid-area:7/1/7/1
    }
  
    .works-projects-container .works-projects-grid .works-projects-cell.landscape{
      grid-area:7/2/7/2
    }
  
    .works-projects-container .works-projects-grid .works-projects-cell.interior{
      grid-area:7/3/7/3
    }
  }
  
  @media (min-width: 1280px){
    .works-projects-container .works-projects-grid{
      grid-template:repeat(5, 1fr)/repeat(4, 1fr);
      gap:.5rem
    }
  
    .works-projects-container .works-projects-grid .works-projects-cell.slogan{
      grid-area:1/1/1/1
    }
  
    .works-projects-container .works-projects-grid .works-projects-cell.resdential{
      grid-area:1/2/1/4
    }
  
    .works-projects-container .works-projects-grid .works-projects-cell.demonstration-zone{
      grid-area:1/4/1/4
    }
  
    .works-projects-container .works-projects-grid .works-projects-cell.mixed-used-tod{
      grid-area:2/1/2/3
    }
  
    .works-projects-container .works-projects-grid .works-projects-cell.commercial{
      grid-area:2/3/2/3
    }
  
    .works-projects-container .works-projects-grid .works-projects-cell.supertall{
      grid-area:2/4/4/4
    }
  
    .works-projects-container .works-projects-grid .works-projects-cell.cultural{
      grid-area:3/1/3/1
    }
  
    .works-projects-container .works-projects-grid .works-projects-cell.education{
      grid-area:3/2/3/2
    }
  
    .works-projects-container .works-projects-grid .works-projects-cell.office{
      grid-area:3/3/3/3
    }
  
    .works-projects-container .works-projects-grid .works-projects-cell.urban-design{
      grid-area:4/1/6/1
    }
  
    .works-projects-container .works-projects-grid .works-projects-cell.medical-care{
      grid-area:4/2/4/2
    }
  
    .works-projects-container .works-projects-grid .works-projects-cell.hospitality{
      grid-area:4/3/4/5
    }
  
    .works-projects-container .works-projects-grid .works-projects-cell.urban-planning{
      grid-area:5/2/5/2
    }
  
    .works-projects-container .works-projects-grid .works-projects-cell.landscape{
      grid-area:5/3/5/3
    }
  
    .works-projects-container .works-projects-grid .works-projects-cell.interior{
      grid-area:5/4/5/4
    }
  }
  
  .works-projects-container .works-projects-block{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0
  }
  
  .works-projects-container .works-projects-block .works-projects-cell{
    position:absolute;
    overflow:hidden
  }
  
  .works-projects-container .works-projects-block .works-projects-cell.slogan{
    top:calc(((100% - 2.5rem) / 11 + 0.25rem) * 0);
    left:calc(((100% - 0.25rem) / 2 + 0.25rem) * 0);
    width:calc((100% - 0.25rem) / 2 * 2 + 0.25rem);
    height:calc((100% - 2.5rem) / 11 * 1 + 0rem)
  }
  
  .works-projects-container .works-projects-block .works-projects-cell.resdential{
    top:calc(((100% - 2.5rem) / 11 + 0.25rem) * 1);
    left:calc(((100% - 0.25rem) / 2 + 0.25rem) * 0);
    width:calc((100% - 0.25rem) / 2 * 2 + 0.25rem);
    height:calc((100% - 2.5rem) / 11 * 1 + 0rem)
  }
  
  .works-projects-container .works-projects-block .works-projects-cell.demonstration-zone{
    top:calc(((100% - 2.5rem) / 11 + 0.25rem) * 2);
    left:calc(((100% - 0.25rem) / 2 + 0.25rem) * 0);
    width:calc((100% - 0.25rem) / 2 * 1 + 0rem);
    height:calc((100% - 2.5rem) / 11 * 1 + 0rem)
  }
  
  .works-projects-container .works-projects-block .works-projects-cell.mixed-used-tod{
    top:calc(((100% - 2.5rem) / 11 + 0.25rem) * 3);
    left:calc(((100% - 0.25rem) / 2 + 0.25rem) * 0);
    width:calc((100% - 0.25rem) / 2 * 2 + 0.25rem);
    height:calc((100% - 2.5rem) / 11 * 1 + 0rem)
  }
  
  .works-projects-container .works-projects-block .works-projects-cell.commercial{
    top:calc(((100% - 2.5rem) / 11 + 0.25rem) * 2);
    left:calc(((100% - 0.25rem) / 2 + 0.25rem) * 1);
    width:calc((100% - 0.25rem) / 2 * 1 + 0rem);
    height:calc((100% - 2.5rem) / 11 * 1 + 0rem)
  }
  
  .works-projects-container .works-projects-block .works-projects-cell.supertall{
    top:calc(((100% - 2.5rem) / 11 + 0.25rem) * 4);
    left:calc(((100% - 0.25rem) / 2 + 0.25rem) * 0);
    width:calc((100% - 0.25rem) / 2 * 1 + 0rem);
    height:calc((100% - 2.5rem) / 11 * 2 + 0.25rem)
  }
  
  .works-projects-container .works-projects-block .works-projects-cell.cultural{
    top:calc(((100% - 2.5rem) / 11 + 0.25rem) * 6);
    left:calc(((100% - 0.25rem) / 2 + 0.25rem) * 0);
    width:calc((100% - 0.25rem) / 2 * 2 + 0.25rem);
    height:calc((100% - 2.5rem) / 11 * 1 + 0rem)
  }
  
  .works-projects-container .works-projects-block .works-projects-cell.education{
    top:calc(((100% - 2.5rem) / 11 + 0.25rem) * 5);
    left:calc(((100% - 0.25rem) / 2 + 0.25rem) * 1);
    width:calc((100% - 0.25rem) / 2 * 1 + 0rem);
    height:calc((100% - 2.5rem) / 11 * 1 + 0rem)
  }
  
  .works-projects-container .works-projects-block .works-projects-cell.office{
    top:calc(((100% - 2.5rem) / 11 + 0.25rem) * 4);
    left:calc(((100% - 0.25rem) / 2 + 0.25rem) * 1);
    width:calc((100% - 0.25rem) / 2 * 1 + 0rem);
    height:calc((100% - 2.5rem) / 11 * 1 + 0rem)
  }
  
  .works-projects-container .works-projects-block .works-projects-cell.urban-design{
    top:calc(((100% - 2.5rem) / 11 + 0.25rem) * 7);
    left:calc(((100% - 0.25rem) / 2 + 0.25rem) * 1);
    width:calc((100% - 0.25rem) / 2 * 1 + 0rem);
    height:calc((100% - 2.5rem) / 11 * 2 + 0.25rem)
  }
  
  .works-projects-container .works-projects-block .works-projects-cell.medical-care{
    top:calc(((100% - 2.5rem) / 11 + 0.25rem) * 7);
    left:calc(((100% - 0.25rem) / 2 + 0.25rem) * 0);
    width:calc((100% - 0.25rem) / 2 * 1 + 0rem);
    height:calc((100% - 2.5rem) / 11 * 1 + 0rem)
  }
  
  .works-projects-container .works-projects-block .works-projects-cell.hospitality{
    top:calc(((100% - 2.5rem) / 11 + 0.25rem) * 9);
    left:calc(((100% - 0.25rem) / 2 + 0.25rem) * 0);
    width:calc((100% - 0.25rem) / 2 * 2 + 0.25rem);
    height:calc((100% - 2.5rem) / 11 * 1 + 0rem)
  }
  
  .works-projects-container .works-projects-block .works-projects-cell.urban-planning{
    top:calc(((100% - 2.5rem) / 11 + 0.25rem) * 8);
    left:calc(((100% - 0.25rem) / 2 + 0.25rem) * 0);
    width:calc((100% - 0.25rem) / 2 * 1 + 0rem);
    height:calc((100% - 2.5rem) / 11 * 1 + 0rem)
  }
  
  .works-projects-container .works-projects-block .works-projects-cell.landscape{
    top:calc(((100% - 2.5rem) / 11 + 0.25rem) * 10);
    left:calc(((100% - 0.25rem) / 2 + 0.25rem) * 0);
    width:calc((100% - 0.25rem) / 2 * 1 + 0rem);
    height:calc((100% - 2.5rem) / 11 * 1 + 0rem)
  }
  
  .works-projects-container .works-projects-block .works-projects-cell.interior{
    top:calc(((100% - 2.5rem) / 11 + 0.25rem) * 10);
    left:calc(((100% - 0.25rem) / 2 + 0.25rem) * 1);
    width:calc((100% - 0.25rem) / 2 * 1 + 0rem);
    height:calc((100% - 2.5rem) / 11 * 1 + 0rem)
  }
  
  @media (min-width: 640px){
    .works-projects-container .works-projects-block .works-projects-cell.slogan{
      top:calc(((100% - 3rem) / 7 + 0.5rem) * 0);
      left:calc(((100% - 1rem) / 3 + 0.5rem) * 0);
      width:calc((100% - 1rem) / 3 * 1 + 0rem);
      height:calc((100% - 3rem) / 7 * 1 + 0rem)
    }
  
    .works-projects-container .works-projects-block .works-projects-cell.resdential{
      top:calc(((100% - 3rem) / 7 + 0.5rem) * 0);
      left:calc(((100% - 1rem) / 3 + 0.5rem) * 1);
      width:calc((100% - 1rem) / 3 * 2 + 0.5rem);
      height:calc((100% - 3rem) / 7 * 1 + 0rem)
    }
  
    .works-projects-container .works-projects-block .works-projects-cell.demonstration-zone{
      top:calc(((100% - 3rem) / 7 + 0.5rem) * 1);
      left:calc(((100% - 1rem) / 3 + 0.5rem) * 2);
      width:calc((100% - 1rem) / 3 * 1 + 0rem);
      height:calc((100% - 3rem) / 7 * 1 + 0rem)
    }
  
    .works-projects-container .works-projects-block .works-projects-cell.mixed-used-tod{
      top:calc(((100% - 3rem) / 7 + 0.5rem) * 2);
      left:calc(((100% - 1rem) / 3 + 0.5rem) * 1);
      width:calc((100% - 1rem) / 3 * 2 + 0.5rem);
      height:calc((100% - 3rem) / 7 * 1 + 0rem)
    }
  
    .works-projects-container .works-projects-block .works-projects-cell.commercial{
      top:calc(((100% - 3rem) / 7 + 0.5rem) * 3);
      left:calc(((100% - 1rem) / 3 + 0.5rem) * 2);
      width:calc((100% - 1rem) / 3 * 1 + 0rem);
      height:calc((100% - 3rem) / 7 * 1 + 0rem)
    }
  
    .works-projects-container .works-projects-block .works-projects-cell.supertall{
      top:calc(((100% - 3rem) / 7 + 0.5rem) * 1);
      left:calc(((100% - 1rem) / 3 + 0.5rem) * 0);
      width:calc((100% - 1rem) / 3 * 1 + 0rem);
      height:calc((100% - 3rem) / 7 * 2 + 0.5rem)
    }
  
    .works-projects-container .works-projects-block .works-projects-cell.cultural{
      top:calc(((100% - 3rem) / 7 + 0.5rem) * 3);
      left:calc(((100% - 1rem) / 3 + 0.5rem) * 0);
      width:calc((100% - 1rem) / 3 * 2 + 0.5rem);
      height:calc((100% - 3rem) / 7 * 1 + 0rem)
    }
  
    .works-projects-container .works-projects-block .works-projects-cell.education{
      top:calc(((100% - 3rem) / 7 + 0.5rem) * 4);
      left:calc(((100% - 1rem) / 3 + 0.5rem) * 1);
      width:calc((100% - 1rem) / 3 * 1 + 0rem);
      height:calc((100% - 3rem) / 7 * 1 + 0rem)
    }
  
    .works-projects-container .works-projects-block .works-projects-cell.office{
      top:calc(((100% - 3rem) / 7 + 0.5rem) * 1);
      left:calc(((100% - 1rem) / 3 + 0.5rem) * 1);
      width:calc((100% - 1rem) / 3 * 1 + 0rem);
      height:calc((100% - 3rem) / 7 * 1 + 0rem)
    }
  
    .works-projects-container .works-projects-block .works-projects-cell.urban-design{
      top:calc(((100% - 3rem) / 7 + 0.5rem) * 4);
      left:calc(((100% - 1rem) / 3 + 0.5rem) * 0);
      width:calc((100% - 1rem) / 3 * 1 + 0rem);
      height:calc((100% - 3rem) / 7 * 2 + 0.5rem)
    }
  
    .works-projects-container .works-projects-block .works-projects-cell.medical-care{
      top:calc(((100% - 3rem) / 7 + 0.5rem) * 4);
      left:calc(((100% - 1rem) / 3 + 0.5rem) * 2);
      width:calc((100% - 1rem) / 3 * 1 + 0rem);
      height:calc((100% - 3rem) / 7 * 1 + 0rem)
    }
  
    .works-projects-container .works-projects-block .works-projects-cell.hospitality{
      top:calc(((100% - 3rem) / 7 + 0.5rem) * 5);
      left:calc(((100% - 1rem) / 3 + 0.5rem) * 1);
      width:calc((100% - 1rem) / 3 * 2 + 0.5rem);
      height:calc((100% - 3rem) / 7 * 1 + 0rem)
    }
  
    .works-projects-container .works-projects-block .works-projects-cell.urban-planning{
      top:calc(((100% - 3rem) / 7 + 0.5rem) * 6);
      left:calc(((100% - 1rem) / 3 + 0.5rem) * 0);
      width:calc((100% - 1rem) / 3 * 1 + 0rem);
      height:calc((100% - 3rem) / 7 * 1 + 0rem)
    }
  
    .works-projects-container .works-projects-block .works-projects-cell.landscape{
      top:calc(((100% - 3rem) / 7 + 0.5rem) * 6);
      left:calc(((100% - 1rem) / 3 + 0.5rem) * 1);
      width:calc((100% - 1rem) / 3 * 1 + 0rem);
      height:calc((100% - 3rem) / 7 * 1 + 0rem)
    }
  
    .works-projects-container .works-projects-block .works-projects-cell.interior{
      top:calc(((100% - 3rem) / 7 + 0.5rem) * 6);
      left:calc(((100% - 1rem) / 3 + 0.5rem) * 2);
      width:calc((100% - 1rem) / 3 * 1 + 0rem);
      height:calc((100% - 3rem) / 7 * 1 + 0rem)
    }
  }
  
  @media (min-width: 1280px){
    .works-projects-container .works-projects-block .works-projects-cell.slogan{
      top:calc(((100% - 2rem) / 5 + 0.5rem) * 0);
      left:calc(((100% - 1.5rem) / 4 + 0.5rem) * 0);
      width:calc((100% - 1.5rem) / 4 * 1 + 0rem);
      height:calc((100% - 2rem) / 5 * 1 + 0rem)
    }
  
    .works-projects-container .works-projects-block .works-projects-cell.resdential{
      top:calc(((100% - 2rem) / 5 + 0.5rem) * 0);
      left:calc(((100% - 1.5rem) / 4 + 0.5rem) * 1);
      width:calc((100% - 1.5rem) / 4 * 2 + 0.5rem);
      height:calc((100% - 2rem) / 5 * 1 + 0rem)
    }
  
    .works-projects-container .works-projects-block .works-projects-cell.demonstration-zone{
      top:calc(((100% - 2rem) / 5 + 0.5rem) * 0);
      left:calc(((100% - 1.5rem) / 4 + 0.5rem) * 3);
      width:calc((100% - 1.5rem) / 4 * 1 + 0rem);
      height:calc((100% - 2rem) / 5 * 1 + 0rem)
    }
  
    .works-projects-container .works-projects-block .works-projects-cell.mixed-used-tod{
      top:calc(((100% - 2rem) / 5 + 0.5rem) * 1);
      left:calc(((100% - 1.5rem) / 4 + 0.5rem) * 0);
      width:calc((100% - 1.5rem) / 4 * 2 + 0.5rem);
      height:calc((100% - 2rem) / 5 * 1 + 0rem)
    }
  
    .works-projects-container .works-projects-block .works-projects-cell.commercial{
      top:calc(((100% - 2rem) / 5 + 0.5rem) * 1);
      left:calc(((100% - 1.5rem) / 4 + 0.5rem) * 2);
      width:calc((100% - 1.5rem) / 4 * 1 + 0rem);
      height:calc((100% - 2rem) / 5 * 1 + 0rem)
    }
  
    .works-projects-container .works-projects-block .works-projects-cell.supertall{
      top:calc(((100% - 2rem) / 5 + 0.5rem) * 1);
      left:calc(((100% - 1.5rem) / 4 + 0.5rem) * 3);
      width:calc((100% - 1.5rem) / 4 * 1 + 0rem);
      height:calc((100% - 2rem) / 5 * 2 + 0.5rem)
    }
  
    .works-projects-container .works-projects-block .works-projects-cell.cultural{
      top:calc(((100% - 2rem) / 5 + 0.5rem) * 2);
      left:calc(((100% - 1.5rem) / 4 + 0.5rem) * 0);
      width:calc((100% - 1.5rem) / 4 * 1 + 0rem);
      height:calc((100% - 2rem) / 5 * 1 + 0rem)
    }
  
    .works-projects-container .works-projects-block .works-projects-cell.education{
      top:calc(((100% - 2rem) / 5 + 0.5rem) * 2);
      left:calc(((100% - 1.5rem) / 4 + 0.5rem) * 1);
      width:calc((100% - 1.5rem) / 4 * 1 + 0rem);
      height:calc((100% - 2rem) / 5 * 1 + 0rem)
    }
  
    .works-projects-container .works-projects-block .works-projects-cell.office{
      top:calc(((100% - 2rem) / 5 + 0.5rem) * 2);
      left:calc(((100% - 1.5rem) / 4 + 0.5rem) * 2);
      width:calc((100% - 1.5rem) / 4 * 1 + 0rem);
      height:calc((100% - 2rem) / 5 * 1 + 0rem)
    }
  
    .works-projects-container .works-projects-block .works-projects-cell.urban-design{
      top:calc(((100% - 2rem) / 5 + 0.5rem) * 3);
      left:calc(((100% - 1.5rem) / 4 + 0.5rem) * 0);
      width:calc((100% - 1.5rem) / 4 * 1 + 0rem);
      height:calc((100% - 2rem) / 5 * 2 + 0.5rem)
    }
  
    .works-projects-container .works-projects-block .works-projects-cell.medical-care{
      top:calc(((100% - 2rem) / 5 + 0.5rem) * 3);
      left:calc(((100% - 1.5rem) / 4 + 0.5rem) * 1);
      width:calc((100% - 1.5rem) / 4 * 1 + 0rem);
      height:calc((100% - 2rem) / 5 * 1 + 0rem)
    }
  
    .works-projects-container .works-projects-block .works-projects-cell.hospitality{
      top:calc(((100% - 2rem) / 5 + 0.5rem) * 3);
      left:calc(((100% - 1.5rem) / 4 + 0.5rem) * 2);
      width:calc((100% - 1.5rem) / 4 * 2 + 0.5rem);
      height:calc((100% - 2rem) / 5 * 1 + 0rem)
    }
  
    .works-projects-container .works-projects-block .works-projects-cell.urban-planning{
      top:calc(((100% - 2rem) / 5 + 0.5rem) * 4);
      left:calc(((100% - 1.5rem) / 4 + 0.5rem) * 1);
      width:calc((100% - 1.5rem) / 4 * 1 + 0rem);
      height:calc((100% - 2rem) / 5 * 1 + 0rem)
    }
  
    .works-projects-container .works-projects-block .works-projects-cell.landscape{
      top:calc(((100% - 2rem) / 5 + 0.5rem) * 4);
      left:calc(((100% - 1.5rem) / 4 + 0.5rem) * 2);
      width:calc((100% - 1.5rem) / 4 * 1 + 0rem);
      height:calc((100% - 2rem) / 5 * 1 + 0rem)
    }
  
    .works-projects-container .works-projects-block .works-projects-cell.interior{
      top:calc(((100% - 2rem) / 5 + 0.5rem) * 4);
      left:calc(((100% - 1.5rem) / 4 + 0.5rem) * 3);
      width:calc((100% - 1.5rem) / 4 * 1 + 0rem);
      height:calc((100% - 2rem) / 5 * 1 + 0rem)
    }
  }
  
  .publications .list .item{
    display:flex;
    flex-direction:row;
    justify-content:space-between
  }
  
  @media (min-width: 1024px){
    .publications .list .item{
      flex-direction:column;
      justify-content:flex-start
    }
  }
  
  .publications .list .item .cover{
    flex:none;
    position:relative;
    width:calc(50% - 1rem);
    height:0;
    padding-bottom:calc((50% - 1rem)*1.2857)
  }
  
  @media (min-width: 1024px){
    .publications .list .item .cover{
      width:100%;
      padding-bottom:128.57%
    }
  }
  
  .publications .list .item .cover .wrapper{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    display:flex;
    justify-content:flex-start;
    align-items:flex-end
  }
  
  .publications .list .item .cover .wrapper .book{
    position:relative;
    width:100%;
    height:100%;
    -webkit-perspective:1000px;
            perspective:1000px;
    -webkit-transform-style:preserve-3d;
            transform-style:preserve-3d
  }
  
  .publications .list .item .cover .wrapper .book .book-front{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -webkit-transform:rotateY(-15deg);
            transform:rotateY(-15deg);
    -webkit-transform-origin:left center;
            transform-origin:left center;
    transition:all .4s ease;
    -webkit-transform-style:preserve-3d;
            transform-style:preserve-3d;
    z-index:100
  }
  
  .publications .list .item .cover .wrapper .book .book-front>:first-child{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -webkit-transform-origin:left center;
            transform-origin:left center;
    -webkit-transform:rotateY(0);
            transform:rotateY(0)
  }
  
  .publications .list .item .cover .wrapper .book .book-front>:first-child img{
    width:100%;
    height:100%
  }
  
  .publications .list .item .cover .wrapper .book .book-front>:last-child{
    position:absolute;
    top:4px;
    bottom:4px;
    left:0;
    right:4px;
    background:#fffbec;
    -webkit-transform-origin:left center;
            transform-origin:left center;
    -webkit-transform:rotateY(1deg);
            transform:rotateY(1deg)
  }
  
  .publications .list .item .cover .wrapper .book .book-front>:last-child::before{
    content:"";
    position:absolute;
    bottom:-4px;
    left:10px;
    right:10px;
    height:4px;
    background:rgba(0,0,0,0);
    box-shadow:0px 0px 30px 5px rgba(51,51,51,.8);
    -webkit-transform:rotateX(80deg);
            transform:rotateX(80deg)
  }
  
  @media (min-width: 1024px){
    .publications .list .item .cover .wrapper .book:hover .book-front{
      -webkit-transform:rotateY(-142deg);
              transform:rotateY(-142deg)
    }
  }
  
  .publications .list .item .cover .wrapper .book .book-page{
    position:absolute;
    top:5px;
    bottom:5px;
    left:0;
    right:5px;
    -webkit-backface-visibility:visible;
            backface-visibility:visible;
    transition-timing-function:ease;
    transition-property:-webkit-transform;
    transition-property:transform;
    transition-property:transform, -webkit-transform;
    -webkit-transform-origin:left center;
            transform-origin:left center;
    background:linear-gradient(to right, #e1ddd8 0%, #fffbf6 100%);
    box-shadow:inset 0px -1px 2px rgba(50,50,50,.1),inset -1px 0px 1px rgba(150,150,150,.2);
    border-radius:0px 5px 5px 0px
  }
  
  .publications .list .item .cover .wrapper .book .book-page.book-page-1{
    right:-1px;
    transition-duration:.3s;
    -webkit-transform:rotateY(-13deg);
            transform:rotateY(-13deg);
    z-index:99
  }
  
  .publications .list .item .cover .wrapper .book .book-page.book-page-2{
    right:-2px;
    transition-duration:.25s;
    -webkit-transform:rotateY(-11deg);
            transform:rotateY(-11deg);
    z-index:98
  }
  
  .publications .list .item .cover .wrapper .book .book-page.book-page-3{
    right:-3px;
    transition-duration:.2s;
    -webkit-transform:rotateY(-9deg);
            transform:rotateY(-9deg);
    z-index:97
  }
  
  .publications .list .item .cover .wrapper .book .book-page.book-page-4{
    right:-4px;
    transition-duration:.3s;
    -webkit-transform:rotateY(-7deg);
            transform:rotateY(-7deg);
    z-index:3
  }
  
  .publications .list .item .cover .wrapper .book .book-page.book-page-5{
    right:-5px;
    transition-duration:.3s;
    -webkit-transform:rotateY(-5deg);
            transform:rotateY(-5deg);
    z-index:2
  }
  
  @media (min-width: 1024px){
    .publications .list .item .cover .wrapper .book:hover .book-page.book-page-1{
      -webkit-transform:rotateY(-137deg);
              transform:rotateY(-137deg);
      transition-duration:.6s
    }
  
    .publications .list .item .cover .wrapper .book:hover .book-page.book-page-2{
      -webkit-transform:rotateY(-127deg);
              transform:rotateY(-127deg);
      transition-duration:.7s
    }
  
    .publications .list .item .cover .wrapper .book:hover .book-page.book-page-3{
      -webkit-transform:rotateY(-115deg);
              transform:rotateY(-115deg);
      transition-duration:.8s
    }
  
    .publications .list .item .cover .wrapper .book:hover .book-page.book-page-4{
      -webkit-transform:rotateY(-12deg);
              transform:rotateY(-12deg);
      transition-duration:.9s
    }
  
    .publications .list .item .cover .wrapper .book:hover .book-page.book-page-5{
      -webkit-transform:rotateY(-7deg);
              transform:rotateY(-7deg);
      transition-duration:.75s
    }
  }
  
  .publications .list .item .cover .wrapper .book .book-back{
    position:absolute;
    top:0;
    left:0;
    width:calc(100% + 12px);
    height:100%;
    -webkit-transform:rotateY(-3deg);
            transform:rotateY(-3deg);
    -webkit-transform-origin:left center;
            transform-origin:left center;
    -webkit-transform-style:preserve-3d;
            transform-style:preserve-3d;
    z-index:1
  }
  
  .publications .list .item .cover .wrapper .book .book-back>:first-child{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -webkit-transform-origin:left center;
            transform-origin:left center;
    -webkit-transform:rotateY(0deg);
            transform:rotateY(0deg)
  }
  
  .publications .list .item .cover .wrapper .book .book-back>:first-child img{
    width:100%;
    height:100%
  }
  
  .publications .list .item .cover .wrapper .book .book-back>:last-child{
    position:absolute;
    top:4px;
    bottom:4px;
    left:0;
    right:4px;
    background:#fffbec;
    -webkit-transform-origin:left center;
            transform-origin:left center;
    -webkit-transform:rotateY(-1deg);
            transform:rotateY(-1deg)
  }
  
  .publications .list .item .cover .wrapper .book .book-back>:last-child::before{
    content:"";
    position:absolute;
    bottom:-4px;
    left:10px;
    right:10px;
    height:4px;
    background:rgba(0,0,0,0);
    box-shadow:0px 0px 30px 5px rgba(51,51,51,.8);
    -webkit-transform:rotateX(80deg);
            transform:rotateX(80deg)
  }
  
  .publications .list .item .cover .wrapper .mobile-book{
    position:relative
  }
  
  .publications .list .item .cover .wrapper .mobile-book::before{
    content:"";
    display:block;
    width:18.4%;
    height:4.3%;
    position:absolute;
    left:-8.7%;
    bottom:.7%;
    background:url(https://thape-assets.oss-cn-shanghai.aliyuncs.com/packs/static/book-shadow-left-995f3d0397fdf7fff563.png) no-repeat center/cover;
    z-index:10
  }
  
  .publications .list .item .cover .wrapper .mobile-book img{
    position:relative;
    z-index:100
  }
  
  .publications .list .item .cover .wrapper .mobile-book::after{
    content:"";
    display:block;
    display:block;
    width:25.3%;
    height:5.8%;
    position:absolute;
    right:-11.7%;
    bottom:-1.3%;
    background:url(https://thape-assets.oss-cn-shanghai.aliyuncs.com/packs/static/book-shadow-right-c403dc4bdecde67e7f22.png) no-repeat center/cover;
    z-index:10
  }
  
  .publications .list .item .description{
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    flex:none;
    width:calc(50% - 1rem)
  }
  
  @media (min-width: 1024px){
    .publications .list .item .description{
      width:100%;
      justify-content:flex-start
    }
  }
  
  .publications .list .item .description .title{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:5;
    overflow:hidden
  }
  
  .home-project-item{
    position:relative;
    overflow:hidden
  }
  
  .home-project-item .cover{
    -webkit-transform:translateZ(0) scale(1);
            transform:translateZ(0) scale(1);
    transition:-webkit-transform ease-in-out .7s;
    transition:transform ease-in-out .7s;
    transition:transform ease-in-out .7s, -webkit-transform ease-in-out .7s;
    width:100%;
    height:100%
  }
  
  @media (min-width: 640px){
    .home-project-item:hover .cover{
      -webkit-transform:translateZ(0) scale(1.05);
              transform:translateZ(0) scale(1.05)
    }
  }
  
  .home-project-item .description{
    background-image:linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0))
  }
  
  @media (min-width: 640px){
    .home-project-item .description{
      opacity:0;
      -webkit-transform:translateY(1rem);
              transform:translateY(1rem);
      transition:opacity ease-in-out .2s,-webkit-transform ease-in-out .2s;
      transition:transform ease-in-out .2s,opacity ease-in-out .2s;
      transition:transform ease-in-out .2s,opacity ease-in-out .2s,-webkit-transform ease-in-out .2s
    }
  
    .home-project-item:hover .description{
      opacity:1;
      -webkit-transform:translateY(0rem);
              transform:translateY(0rem)
    }
  }
  
  .space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(0.5rem * var(--space-y-reverse))
  }
  
  .space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(1rem * var(--space-y-reverse))
  }
  
  .bg-transparent{
    background-color:transparent
  }
  
  .bg-white{
    --bg-opacity:1;
    background-color:#ffffff;
    background-color:rgba(255, 255, 255, var(--bg-opacity))
  }
  
  .bg-black{
    --bg-opacity:1;
    background-color:#000000;
    background-color:rgba(0, 0, 0, var(--bg-opacity))
  }
  
  .bg-gray-50{
    --bg-opacity:1;
    background-color:#f9fafb;
    background-color:rgba(249, 250, 251, var(--bg-opacity))
  }
  
  .bg-gray-100{
    --bg-opacity:1;
    background-color:#f4f5f7;
    background-color:rgba(244, 245, 247, var(--bg-opacity))
  }
  
  .bg-gray-200{
    --bg-opacity:1;
    background-color:#e5e7eb;
    background-color:rgba(229, 231, 235, var(--bg-opacity))
  }
  
  .bg-gray-500{
    --bg-opacity:1;
    background-color:#6b7280;
    background-color:rgba(107, 114, 128, var(--bg-opacity))
  }
  
  .bg-red-600{
    --bg-opacity:1;
    background-color:#e02424;
    background-color:rgba(224, 36, 36, var(--bg-opacity))
  }
  
  .bg-green-600{
    --bg-opacity:1;
    background-color:#057a55;
    background-color:rgba(5, 122, 85, var(--bg-opacity))
  }
  
  .bg-black6c{
    background-color:rgba(16,24,32,1)
  }
  
  .bg-black6c-t70{
    background-color:rgba(16,24,32,0.7)
  }
  
  .bg-form-background{
    background-color:rgba(252,253,255,1)
  }
  
  .bg-thape-white-t80{
    background-color:rgba(255,255,255,0.8)
  }
  
  .bg-thape-white-t95{
    background-color:rgba(255,255,255,0.95)
  }
  
  .bg-thape-bg-gray{
    background-color:rgba(101,101,101,1)
  }
  
  .bg-thape-city-gray{
    background-color:rgba(173,173,178,1)
  }
  
  .bg-thape-company-gray{
    background-color:rgba(203,203,207,1)
  }
  
  .bg-thape-dark-gray{
    background-color:#222831
  }
  
  .hover\:bg-gray-50:hover{
    --bg-opacity:1;
    background-color:#f9fafb;
    background-color:rgba(249, 250, 251, var(--bg-opacity))
  }
  
  .hover\:bg-gray-100:hover{
    --bg-opacity:1;
    background-color:#f4f5f7;
    background-color:rgba(244, 245, 247, var(--bg-opacity))
  }
  
  .hover\:bg-gray-500:hover{
    --bg-opacity:1;
    background-color:#6b7280;
    background-color:rgba(107, 114, 128, var(--bg-opacity))
  }
  
  .hover\:bg-black6c:hover{
    background-color:#bd2f2c;
    border: 1px solid #bd2f2c;
  }
  
  .focus\:bg-gray-100:focus{
    --bg-opacity:1;
    background-color:#f4f5f7;
    background-color:rgba(244, 245, 247, var(--bg-opacity))
  }
  
  .active\:bg-gray-50:active{
    --bg-opacity:1;
    background-color:#f9fafb;
    background-color:rgba(249, 250, 251, var(--bg-opacity))
  }
  
  .active\:bg-black6c-t70:active{
    background-color:rgba(16,24,32,0.7)
  }
  
  .bg-opacity-50{
    --bg-opacity:0.5
  }
  
  .bg-opacity-75{
    --bg-opacity:0.75
  }
  
  .border-transparent{
    border-color:transparent
  }
  
  .border-black{
    --border-opacity:1;
    border-color:#000000;
    border-color:rgba(0, 0, 0, var(--border-opacity))
  }
  
  .border-gray-200{
    --border-opacity:1;
    border-color:#e5e7eb;
    border-color:rgba(229, 231, 235, var(--border-opacity))
  }
  
  .border-gray-300{
    border-bottom:1px solid rgba(255, 255, 255, 0.1);
  }
  
  .border-gray-500{
    --border-opacity:1;
    border-color:#6b7280;
    border-color:rgba(107, 114, 128, var(--border-opacity))
  }
  
  .border-gray-600{
    --border-opacity:1;
    border-color:#4b5563;
    border-color:rgba(75, 85, 99, var(--border-opacity))
  }
  
  .border-black6c{
    border-color:rgba(16,24,32,1)
  }
  
  .border-thape-dark-gray{
    border-color:rgba(235,235,235,1)
  }
  
  .hover\:border-gray-300:hover{
    --border-opacity:1;
    border-color:#d2d6dc;
    border-color:rgba(210, 214, 220, var(--border-opacity))
  }
  
  .focus\:border-gray-300:focus{
    --border-opacity:1;
    border-color:#d2d6dc;
    border-color:rgba(210, 214, 220, var(--border-opacity))
  }
  
  .focus\:border-gray-400:focus{
    --border-opacity:1;
    border-color:#9fa6b2;
    border-color:rgba(159, 166, 178, var(--border-opacity))
  }
  
  .focus\:border-gray-700:focus{
    --border-opacity:1;
    border-color:#374151;
    border-color:rgba(55, 65, 81, var(--border-opacity))
  }
  
  .rounded{
    border-radius:0.25rem
  }
  
  .rounded-md{
    border-radius:0.375rem
  }
  
  .rounded-xl{
    border-radius:0.75rem
  }
  
  .rounded-full{
    border-radius:9999px
  }
  
  .border-solid{
    border-style:solid
  }
  
  .border-2{
    border-width:2px
  }
  
  .border{
    border-width:1px
  }
  
  .border-b-0{
    border-bottom-width:0
  }
  
  .border-t-2{
    border-top-width:2px
  }
  
  .border-b-4{
    border-bottom-width:4px
  }
  
  .border-t{
    border-top-width:1px
  }
  
  .border-b{
    border-bottom-width:1px
  }
  
  .cursor-default{
    cursor:default
  }
  
  .cursor-pointer{
    cursor:pointer
  }
  
  .cursor-not-allowed{
    cursor:not-allowed
  }
  
  .block{
    display:block
  }
  
  .inline-block{
    display:inline-block
  }
  
  .flex{
    display:flex
  }
  
  .inline-flex{
    display:inline-flex
  }
  
  .table{
    display:table
  }
  
  .grid{
    display:grid
  }
  
  .hidden{
    display:none
  }
  
  .flex-col{
    flex-direction:column
  }
  
  .flex-wrap{
    flex-wrap:wrap
  }
  
  .flex-no-wrap{
    flex-wrap:nowrap
  }
  
  .items-end{
    align-items:flex-end
  }
  
  .items-center{
    align-items:center
  }
  
  .content-center{
    align-content:center
  }
  
  .content-between{
    align-content:space-between
  }
  
  .justify-end{
    justify-content:flex-end
  }
  
  .justify-center{
    justify-content:center
  }
  
  .justify-between{
    justify-content:space-between
  }
  
  .flex-1{
    flex:1 1
  }
  
  .flex-auto{
    flex:1 1 auto
  }
  
  .flex-initial{
    flex:0 1 auto
  }
  
  .flex-none{
    flex:none
  }
  
  .order-first{
    order:-9999
  }
  
  .float-left{
    float:left
  }
  
  .float-none{
    float:none
  }
  
  .clearfix:after{
    content:"";
    display:table;
    clear:both
  }
  
  .font-sans{
    font-family:Montserrat, Source Han Sans, Source Han Sans SC, system-ui, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif
  }
  
  .font-light{
    font-weight:300
  }
  
  .font-normal{
    font-weight:400
  }
  
  .font-medium{
    font-weight:500
  }
  
  .font-semibold{
    font-weight:600
  }
  
  .font-bold{
    font-weight:700
  }
  
  .h-2{
    height:0.5rem
  }
  
  .h-4{
    height:1rem
  }
  
  .h-5{
    height:1.25rem
  }
  
  .h-6{
    height:1.5rem
  }
  
  .h-32{
    height:8rem
  }
  
  .h-48{
    height:12rem
  }
  
  .h-64{
    height:16rem
  }
  
  .h-auto{
    height:auto
  }
  
  .h-full{
    height:100%
  }
  
  .h-screen{
    height:100vh
  }
  
  .text-xs{
    font-size:0.75rem
  }
  
  .text-sm{
    font-size:0.875rem
  }
  
  .text-base{
    font-size:1rem
  }
  
  .text-lg{
    font-size:1.125rem
  }
  
  .text-xl{
    font-size:1.25rem
  }
  
  .text-2xl{
    font-size:1.5rem
  }
  
  .text-3xl{
    font-size:1.875rem
  }
  
  .leading-4{
    line-height:1rem
  }
  
  .leading-5{
    line-height:1.25rem
  }
  
  .leading-6{
    line-height:1.5rem
  }
  
  .leading-9{
    line-height:2.25rem
  }
  
  .leading-none{
    line-height:1
  }
  
  .leading-tight{
    line-height:1.25
  }
  
  .leading-snug{
    line-height:1.375
  }
  
  .leading-normal{
    line-height:1.5
  }
  
  .leading-loose{
    line-height:2
  }
  
  .m-0{
    margin:0
  }
  
  .m-auto{
    margin:auto
  }
  
  .my-0{
    margin-top:0;
    margin-bottom:0
  }
  
  .mx-0{
    margin-left:0;
    margin-right:0
  }
  
  .my-2{
    margin-top:0.5rem;
    margin-bottom:0.5rem
  }
  
  .mx-2{
    margin-left:0.5rem;
    margin-right:0.5rem
  }
  
  .mx-3{
    margin-left:0.75rem;
    margin-right:0.75rem
  }
  
  .my-4{
    margin-top:1rem;
    margin-bottom:1rem
  }
  
  .mx-4{
    margin-left:1rem;
    margin-right:1rem
  }
  
  .my-6{
    margin-top:1.5rem;
    margin-bottom:1.5rem
  }
  
  .mx-6{
    margin-left:1.5rem;
    margin-right:1.5rem
  }
  
  .my-8{
    margin-top:2rem;
    margin-bottom:2rem
  }
  
  .mx-auto{
    margin-left:auto;
    margin-right:auto
  }
  
  .mt-0{
    margin-top:0
  }
  
  .mr-0{
    margin-right:0
  }
  
  .mb-0{
    margin-bottom:0
  }
  
  .ml-0{
    margin-left:0
  }
  
  .mt-1{
    margin-top:0.25rem
  }
  
  .mr-1{
    margin-right:0.25rem
  }
  
  .mb-1{
    margin-bottom:0.25rem
  }
  
  .mt-2{
    margin-top:0.5rem
  }
  
  .mr-2{
    margin-right:0.5rem
  }
  
  .mb-2{
    margin-bottom:0.5rem
  }
  
  .ml-2{
    margin-left:0.5rem
  }
  
  .mt-3{
    margin-top:0.75rem
  }
  
  .mr-3{
    margin-right:0.75rem
  }
  
  .ml-3{
    margin-left:0.75rem
  }
  
  .mt-4{
    margin-top:1rem
  }
  
  .mb-4{
    margin-bottom:1rem
  }
  
  .ml-4{
    margin-left:1rem
  }
  
  .mt-6{
    margin-top:1.5rem
  }
  
  .mt-8{
    margin-top:2rem
  }
  
  .mb-10{
    margin-bottom:2.5rem
  }
  
  .ml-12{
    margin-left:3rem
  }
  
  .ml-20{
    margin-left:5rem
  }
  
  .ml-auto{
    margin-left:auto
  }
  
  .-mr-1{
    margin-right:-0.25rem
  }
  
  .-mt-px{
    margin-top:-1px
  }
  
  .max-h-full{
    max-height:100%
  }
  
  .max-w-full{
    max-width:100%
  }
  
  .max-w-screen-md{
    max-width:768px
  }
  
  .min-h-full{
    min-height:100%
  }
  
  .object-cover{
    object-fit:cover
  }
  
  .opacity-0{
    opacity:0
  }
  
  .opacity-75{
    opacity:0.75
  }
  
  .opacity-100{
    opacity:1
  }
  
  .focus\:outline-none:focus{
    outline:2px solid transparent;
    outline-offset:2px
  }
  
  .overflow-auto{
    overflow:auto
  }
  
  .overflow-hidden{
    overflow:hidden
  }
  
  .overflow-y-auto{
    overflow-y:auto
  }
  
  .overflow-x-hidden{
    overflow-x:hidden
  }
  
  .p-0{
    padding:0
  }
  
  .p-1{
    padding:0.25rem
  }
  
  .p-2{
    padding:0.5rem
  }
  
  .p-3{
    padding:0.75rem
  }
  
  .p-4{
    padding:1rem
  }
  
  .p-5{
    padding:1.25rem
  }
  
  .p-6{
    padding:1.5rem
  }
  
  .px-0{
    padding-left:0;
    padding-right:0
  }
  
  .py-1{
    padding-top:0.25rem;
    padding-bottom:0.25rem
  }
  
  .px-1{
    padding-left:0.25rem;
    padding-right:0.25rem
  }
  
  .py-2{
    padding-top:0.5rem;
    padding-bottom:0.5rem
  }
  
  .px-2{
    padding-left:0.5rem;
    padding-right:0.5rem
  }
  
  .py-3{
    padding-top:0.75rem;
    padding-bottom:0.75rem
  }
  
  .px-3{
    padding-left:0.75rem;
    padding-right:0.75rem
  }
  
  .py-4{
    padding-top:1rem;
    padding-bottom:1rem
  }
  
  .px-4{
    padding-left:1rem;
    padding-right:1rem
  }
  
  .px-5{
    padding-left:1.25rem;
    padding-right:1.25rem
  }
  
  .py-6{
    padding-top:1.5rem;
    padding-bottom:1.5rem
  }
  
  .px-6{
    padding-left:1.5rem;
    padding-right:1.5rem
  }
  
  .py-8{
    padding-top:2rem;
    padding-bottom:2rem
  }
  
  .pt-0{
    padding-top:0
  }
  
  .pt-1{
    padding-top:0.25rem
  }
  
  .pr-1{
    padding-right:0.25rem
  }
  
  .pb-1{
    padding-bottom:0.25rem
  }
  
  .pl-1{
    padding-left:0.25rem
  }
  
  .pt-2{
    padding-top:0.5rem
  }
  
  .pb-2{
    padding-bottom:0.5rem
  }
  
  .pl-2{
    padding-left:0.5rem
  }
  
  .pt-3{
    padding-top:0.75rem
  }
  
  .pr-3{
    padding-right:0.75rem
  }
  
  .pb-3{
    padding-bottom:0.75rem
  }
  
  .pt-4{
    padding-top:1rem
  }
  
  .pb-4{
    padding-bottom:1rem
  }
  
  .pb-5{
    padding-bottom:1.25rem
  }
  
  .pt-6{
    padding-top:1.5rem
  }
  
  .pb-8{
    padding-bottom:2rem
  }
  
  .pt-10{
    padding-top:2.5rem
  }
  
  .pr-10{
    padding-right:2.5rem
  }
  
  .pb-12{
    padding-bottom:3rem
  }
  
  .pt-20{
    padding-top:5rem
  }
  
  .placeholder-thape-guest-gray::-webkit-input-placeholder{
    color:rgba(184,184,184,1)
  }
  
  .placeholder-thape-guest-gray::placeholder{
    color:rgba(184,184,184,1)
  }
  
  .pointer-events-none{
    pointer-events:none
  }
  
  .static{
    position:static
  }
  
  .fixed{
    position:fixed
  }
  
  .absolute{
    position:absolute
  }
  
  .relative{
    position:relative
  }
  
  .inset-0{
    top:0;
    right:0;
    bottom:0;
    left:0
  }
  
  .inset-y-0{
    top:0;
    bottom:0
  }
  
  .inset-x-0{
    right:0;
    left:0
  }
  
  .top-0{
    top:0
  }
  
  .right-0{
    right:0
  }
  
  .bottom-0{
    bottom:0
  }
  
  .left-0{
    left:0
  }
  
  .right-2{
    right:0.5rem
  }
  
  .bottom-4{
    bottom:1rem
  }
  
  .left-6{
    left:1.5rem
  }
  
  .right-32{
    right:6rem
  }
  
  .resize-none{
    resize:none
  }
  
  .resize{
    resize:both
  }
  
  .shadow-xs{
    box-shadow:0 0 0 1px rgba(0, 0, 0, 0.05)
  }
  
  .shadow-sm{
    box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05)
  }
  
  .shadow-md{
    box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)
  }
  
  .shadow-lg{
    box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
  }
  
  .hover\:shadow-lg:hover{
    box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
  }
  
  .focus\:shadow-lg:focus{
    box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
  }
  
  .focus\:shadow-outline-gray:focus{
    box-shadow:0 0 0 3px rgba(159, 166, 178, 0.45)
  }
  
  .fill-current{
    fill:currentColor
  }
  
  .table-fixed{
    table-layout:fixed
  }
  
  .text-left{
    text-align:left
  }
  
  .text-center{
    text-align:center
  }
  
  .text-justify{
    text-align:justify
  }
  
  .text-white{
    --text-opacity:1;
    color:#ffffff;
    color:rgba(255, 255, 255, var(--text-opacity))
  }
  
  .text-black{
    --text-opacity:1;
    color:#000000;
    color:rgba(0, 0, 0, var(--text-opacity))
  }
  
  .text-gray-400{
    --text-opacity:1;
    color:#9fa6b2;
    color:rgba(159, 166, 178, var(--text-opacity))
  }
  
  .text-gray-500{
    --text-opacity:1;
    color:#6b7280;
    color:rgba(107, 114, 128, var(--text-opacity))
  }
  
  .text-gray-700{
    --text-opacity:1;
    color:#374151;
    color:rgba(55, 65, 81, var(--text-opacity))
  }
  
  .text-black6c{
    color:rgba(16,24,32,1)
  }
  
  .text-black6c-t70{
    color:rgba(16,24,32,0.7)
  }
  
  .text-gray1c{
    color:rgba(217,217,214,1)
  }
  
  .text-thape-white-t80{
    color:rgba(255,255,255,0.8)
  }
  
  footer .w-full.flex .text-thape-copyright-gray p{
    color:rgba(255, 255, 255, 0.6)!important;
  }
  footer .flex .justify-center.text-thape-copyright-gray a{
    color:rgba(255, 255, 255, 0.6)!important;
  }
  
  .text-thape-icon-gray{
    color:rgba(149,149,149,1)
  }
  
  .text-thape-darker-gray{
    color:rgba(158,158,158,1)
  }
  
  .text-thape-guest-gray{
    color:rgba(184,184,184,1)
  }
  
  .hover\:text-white:hover{
    --text-opacity:1;
    color:#ffffff;
    color:rgba(255, 255, 255, var(--text-opacity))
  }
  
  .hover\:text-gray-500:hover{
    --text-opacity:1;
    color:#6b7280;
    color:rgba(107, 114, 128, var(--text-opacity))
  }
  
  .hover\:text-gray-700:hover{
    --text-opacity:1;
    color:#374151;
    color:rgba(55, 65, 81, var(--text-opacity))
  }
  
  .hover\:text-gray-900:hover{
    --text-opacity:1;
    color:#161e2e;
    color:rgba(22, 30, 46, var(--text-opacity))
  }
  
  .hover\:text-black6c:hover{
    color:#bd2f2c
  }
  
  .hover\:text-black6c-t70:hover{
    color:rgba(16,24,32,0.7)
  }
  
  .focus\:text-white:focus{
    --text-opacity:1;
    color:#ffffff;
    color:rgba(255, 255, 255, var(--text-opacity))
  }
  
  .focus\:text-gray-700:focus{
    --text-opacity:1;
    color:#374151;
    color:rgba(55, 65, 81, var(--text-opacity))
  }
  
  .focus\:text-gray-800:focus{
    --text-opacity:1;
    color:#252f3f;
    color:rgba(37, 47, 63, var(--text-opacity))
  }
  
  .focus\:text-gray-900:focus{
    --text-opacity:1;
    color:#161e2e;
    color:rgba(22, 30, 46, var(--text-opacity))
  }
  
  .focus\:text-black6c:focus{
    color:rgba(16,24,32,1)
  }
  
  .focus\:text-black6c-t70:focus{
    color:rgba(16,24,32,0.7)
  }
  
  .active\:text-gray-800:active{
    --text-opacity:1;
    color:#252f3f;
    color:rgba(37, 47, 63, var(--text-opacity))
  }
  
  .underline{
    text-decoration:underline
  }
  
  .tracking-tighter{
    letter-spacing:-0.05em
  }
  
  .tracking-tight{
    letter-spacing:-0.025em
  }
  
  .tracking-wider{
    letter-spacing:0.05em
  }
  
  .tracking-widest{
    letter-spacing:0.1em
  }
  
  .align-middle{
    vertical-align:middle
  }
  
  .whitespace-no-wrap{
    white-space:nowrap
  }
  
  .break-all{
    word-break:break-all
  }
  
  .truncate{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
  }
  
  .w-0{
    width:0
  }
  
  .w-2{
    width:0.5rem
  }
  
  .w-4{
    width:1rem
  }
  
  .w-5{
    width:1.25rem
  }
  
  .w-6{
    width:1.5rem
  }
  
  .w-20{
    width:5rem
  }
  
  .w-24{
    width:6rem
  }
  
  .w-28{
    width:7rem
  }
  
  .w-32{
    width:8rem
  }
  
  .w-40{
    width:10rem
  }
  
  .w-48{
    width:12rem
  }
  
  .w-56{
    width:14rem
  }
  
  .w-1\/2{
    width:50%
  }
  
  .w-1\/3{
    width:33.333333%
  }
  
  .w-2\/3{
    width:66.666667%
  }
  
  .w-1\/4{
    width:25%
  }
  
  .w-3\/4{
    width:75%
  }
  
  .w-5\/6{
    width:83.333333%
  }
  
  .w-full{
    width:100%
  }
  
  .z-0{
    z-index:0
  }
  
  .z-10{
    z-index:10
  }
  
  .z-50{
    z-index:50
  }
  
  .gap-1{
    grid-gap:0.25rem;
    gap:0.25rem
  }
  
  .gap-x-16{
    grid-column-gap:4rem;
    -webkit-column-gap:4rem;
            column-gap:4rem
  }
  
  .gap-y-9{
    grid-row-gap:2.25rem;
    row-gap:2.25rem
  }
  
  .grid-cols-1{
    grid-template-columns:repeat(1, minmax(0, 1fr))
  }
  
  .grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr))
  }
  
  .col-span-2{
    grid-column:span 2 / span 2
  }
  
  .row-span-2{
    grid-row:span 2 / span 2
  }
  
  .transform{
    --transform-translate-x:0;
    --transform-translate-y:0;
    --transform-rotate:0;
    --transform-skew-x:0;
    --transform-skew-y:0;
    --transform-scale-x:1;
    --transform-scale-y:1;
    -webkit-transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
            transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))
  }
  
  .origin-top-right{
    -webkit-transform-origin:top right;
            transform-origin:top right
  }
  
  .translate-x-0{
    --transform-translate-x:0
  }
  
  .-translate-x-1\/2{
    --transform-translate-x:-50%
  }
  
  .transition{
    transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, -webkit-transform;
    transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, -webkit-transform
  }
  
  .ease-linear{
    transition-timing-function:linear
  }
  
  .ease-in{
    transition-timing-function:cubic-bezier(0.4, 0, 1, 1)
  }
  
  .ease-in-out{
    transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
  }
  
  .duration-150{
    transition-duration:150ms
  }
  
  .duration-200{
    transition-duration:200ms
  }
  
  @-webkit-keyframes spin{
    to{
      -webkit-transform:rotate(360deg);
              transform:rotate(360deg)
    }
  }
  
  @keyframes spin{
    to{
      -webkit-transform:rotate(360deg);
              transform:rotate(360deg)
    }
  }
  
  @-webkit-keyframes ping{
    75%, 100%{
      -webkit-transform:scale(2);
              transform:scale(2);
      opacity:0
    }
  }
  
  @keyframes ping{
    75%, 100%{
      -webkit-transform:scale(2);
              transform:scale(2);
      opacity:0
    }
  }
  
  @-webkit-keyframes pulse{
    50%{
      opacity:.5
    }
  }
  
  @keyframes pulse{
    50%{
      opacity:.5
    }
  }
  
  @-webkit-keyframes bounce{
    0%, 100%{
      -webkit-transform:translateY(-25%);
              transform:translateY(-25%);
      -webkit-animation-timing-function:cubic-bezier(0.8,0,1,1);
              animation-timing-function:cubic-bezier(0.8,0,1,1)
    }
  
    50%{
      -webkit-transform:none;
              transform:none;
      -webkit-animation-timing-function:cubic-bezier(0,0,0.2,1);
              animation-timing-function:cubic-bezier(0,0,0.2,1)
    }
  }
  
  @keyframes bounce{
    0%, 100%{
      -webkit-transform:translateY(-25%);
              transform:translateY(-25%);
      -webkit-animation-timing-function:cubic-bezier(0.8,0,1,1);
              animation-timing-function:cubic-bezier(0.8,0,1,1)
    }
  
    50%{
      -webkit-transform:none;
              transform:none;
      -webkit-animation-timing-function:cubic-bezier(0,0,0.2,1);
              animation-timing-function:cubic-bezier(0,0,0.2,1)
    }
  }
  
  .flex-grid{
    display:block;
    overflow:hidden
  }
  
  .flex-grid-box{
    position:relative;
    display:flex;
    width:100%;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:center
  }
  
  .flex-grid-box>*{
    flex:none
  }
  
  .flex-grid-cols-1-gap-1{
    width:calc(100% + 0.25rem);
    margin-left:-0.125rem
  }
  
  .flex-grid-cols-1-gap-1>*{
    width:calc(100% / 1 - 0.25rem);
    margin:0 0.125rem
  }
  
  .flex-grid-cols-1-gap-1>*:nth-child(n){
    margin-top:0
  }
  
  .flex-grid-cols-1-gap-1>*:nth-child(n+2){
    margin-top:.25rem
  }
  
  .flex-grid-cols-2-gap-1{
    width:calc(100% + 0.25rem);
    margin-left:-0.125rem
  }
  
  .flex-grid-cols-2-gap-1>*{
    width:calc(100% / 2 - 0.25rem);
    margin:0 0.125rem
  }
  
  .flex-grid-cols-2-gap-1>*:nth-child(n){
    margin-top:0
  }
  
  .flex-grid-cols-2-gap-1>*:nth-child(n+3){
    margin-top:.25rem
  }
  
  .flex-grid-cols-4-gap-1{
    width:calc(100% + 0.25rem);
    margin-left:-0.125rem
  }
  
  .flex-grid-cols-4-gap-1>*{
    width:calc(100% / 4 - 0.25rem);
    margin:0 0.125rem
  }
  
  .flex-grid-cols-4-gap-1>*:nth-child(n){
    margin-top:0
  }
  
  .flex-grid-cols-4-gap-1>*:nth-child(n+5){
    margin-top:.25rem
  }
  
  .flex-grid-cols-11-gap-1{
    width:calc(100% + 0.25rem);
    margin-left:-0.125rem
  }
  
  .flex-grid-cols-11-gap-1>*{
    width:calc(100% / 11 - 0.25rem);
    margin:0 0.125rem
  }
  
  .flex-grid-cols-11-gap-1>*:nth-child(n){
    margin-top:0
  }
  
  .flex-grid-cols-11-gap-1>*:nth-child(n+12){
    margin-top:.25rem
  }
  
  .rounded-xl{
    border-radius:1.25rem
  }
  
  *{
    -webkit-tap-highlight-color:rgba(0,0,0,0)
  }
  
  img{
    image-rendering:crisp-edges
  }
  
  .h1-cap{
    --border-opacity:1;
    border-color:#161e2e;
    border-color:rgba(22, 30, 46, var(--border-opacity));
    border-style:solid;
    padding-bottom:.25rem
  }
  
  .breadcrumb-item{
    display:inline-block;
    padding-left:.125rem
  }
  
  .breadcrumb-item::before{
    color:rgba(16,24,32,.7);
    content:">";
    display:inline-block;
    padding-right:.125rem
  }
  
  .header-item{
    display:inline-block;
    padding-left:.125rem
  }
  
  .header-item::before{
    color:rgba(16,24,32,.7);
    content:"|";
    display:inline-block;
    padding-right:.125rem
  }
  
  .header-item-last{
    display:inline-block
  }
  
  .header-item-last::before{
    color:rgba(16,24,32,.7);
    content:"|";
    display:inline-block;
    padding-right:.125rem
  }
  
  .header-item-last::after{
    color:rgba(16,24,32,.7);
    content:"|";
    display:inline-block;
    padding-left:.125rem
  }
  
  .w-18{
    width:4.475rem
  }
  
  .filter-blur{
    -webkit-filter:blur(2px);
            filter:blur(2px)
  }
  
  .map-dot-b::before{
    content:"猞�";
    position:absolute;
    top:-1px
  }
  
  .map-star-b::before{
    content:"鈽�";
    position:absolute;
    top:-6px;
    font-size:16px;
    color:#f50000
  }
  
  .map-dot-b::before{
    left:-15px
  }
  
  .map-star-b::before{
    left:-16px
  }
  
  p{
    text-align:justify
  }
  
  @-webkit-keyframes animation-to-white{
    0%{
      background-color:transparent;
      background-color:initial
    }
  
    100%{
      background-color:#fff
    }
  }
  
  @keyframes animation-to-white{
    0%{
      background-color:transparent;
      background-color:initial
    }
  
    100%{
      background-color:#fff
    }
  }
  
  @-webkit-keyframes animation-to-initial{
    0%{
      background-color:#fff
    }
  
    100%{
      background-color:transparent;
      background-color:initial
    }
  }
  
  @keyframes animation-to-initial{
    0%{
      background-color:#fff
    }
  
    100%{
      background-color:transparent;
      background-color:initial
    }
  }
  
  .main>*{
    width:100%
  }
  
  .thape-slide{
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden
  }
  
  .thape-slide .slide-images{
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden
  }
  
  .thape-slide .slide-images .image-item{
    position:absolute;
    left:0;
    top:0;
    display:none;
    width:100%;
    height:100%;
    overflow:hidden;
    line-height:0
  }
  
  .thape-slide .slide-images .image-item.active{
    display:block
  }
  
  .thape-slide .slide-images .image-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
    -webkit-user-select:none;
            user-select:none
  }
  
  .action-area{
    position:absolute;
    top:0;
    bottom:0;
    width:10%;
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:1;
    cursor:pointer;
    color:#fff
  }
  
  @media (min-width: 768px){
    .action-area{
      opacity:0
    }
  
    .action-area:hover{
      opacity:1
    }
  }
  
  .action-left{
    left:0
  }
  
  @media (min-width: 768px){
    .action-left{
      background-image:linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0))
    }
  }
  
  .action-left:hover{
    background-image:linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0))
  }
  
  .action-right{
    right:0
  }
  
  @media (min-width: 768px){
    .action-right{
      background-image:linear-gradient(to left, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0))
    }
  }
  
  .action-right:hover{
    background-image:linear-gradient(to left, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0))
  }
  
  .thape-logo-svg{
    fill:currentColor;
    width:8rem;
    height:2.5rem
  }
  
  .thape-logo-svg.big-font{
    width:18rem
  }
  
  @media (min-width: 640px){
    .thape-logo-svg{
      fill:currentColor;
      width:12rem
    }
  
    .thape-logo-svg.big-font{
      width:14rem
    }
  }
  
  .news-img>p img{
    display:block;
    margin-left:auto;
    margin-right:auto
  }
  
  @media (min-width: 640px){
  
    .sm\:space-y-1 > :not(template) ~ :not(template){
      --space-y-reverse:0;
      margin-top:calc(0.25rem * calc(1 - var(--space-y-reverse)));
      margin-bottom:calc(0.25rem * var(--space-y-reverse))
    }
  
    .sm\:space-y-8 > :not(template) ~ :not(template){
      --space-y-reverse:0;
      margin-top:calc(2rem * calc(1 - var(--space-y-reverse)));
      margin-bottom:calc(2rem * var(--space-y-reverse))
    }
  
    .sm\:bg-transparent{
      background-color:transparent
    }
  
    .sm\:border-b-2{
      border-bottom-width:2px
    }
  
    .sm\:block{
      display:block
    }
  
    .sm\:inline-block{
      display:inline-block
    }
  
    .sm\:inline{
      display:inline
    }
  
    .sm\:flex{
      display:flex
    }
  
    .sm\:hidden{
      display:none
    }
  
    .sm\:flex-no-wrap{
      flex-wrap:nowrap
    }
  
    .sm\:items-end{
      align-items:flex-end
    }
  
    .sm\:items-center{
      align-items:center
    }
  
    .sm\:content-start{
      align-content:flex-start
    }
  
    .sm\:justify-start{
      justify-content:flex-start
    }
  
    .sm\:justify-between{
      justify-content:space-between
    }
  
    .sm\:flex-1{
      flex:1 1
    }
  
    .sm\:flex-initial{
      flex:0 1 auto
    }
  
    .sm\:order-none{
      order:0
    }
  
    .sm\:font-semibold{
      font-weight:600
    }
  
    .sm\:h-52{
      height:13rem
    }
  
    .sm\:h-auto{
      height:auto
    }
  
    .sm\:text-xs{
      font-size:0.75rem
    }
  
    .sm\:text-sm{
      font-size:0.875rem
    }
  
    .sm\:text-base{
      font-size:1rem
    }
  
    .sm\:text-lg{
      font-size:1.125rem
    }
  
    .sm\:text-xl{
      font-size:1.25rem
    }
  
    .sm\:text-2xl{
      font-size:1.5rem
    }
  
    .sm\:text-3xl{
      font-size:1.875rem
    }
  
    .sm\:text-4xl{
      font-size:2.25rem
    }
  
    .sm\:text-5xl{
      font-size:3rem
    }
  
    .sm\:leading-5{
      line-height:1.25rem
    }
  
    .sm\:leading-6{
      line-height:1.5rem
    }
  
    .sm\:leading-tight{
      line-height:1.25
    }
  
    .sm\:leading-snug{
      line-height:1.375
    }
  
    .sm\:leading-normal{
      line-height:1.5
    }
  
    .sm\:leading-relaxed{
      line-height:1.625
    }
  
    .sm\:leading-loose{
      line-height:2
    }
  
    .sm\:my-0{
      margin-top:0;
      margin-bottom:0
    }
  
    .sm\:my-1{
      margin-top:0.25rem;
      margin-bottom:0.25rem
    }
  
    .sm\:mx-2{
      margin-left:0.5rem;
      margin-right:0.5rem
    }
  
    .sm\:my-3{
      margin-top:0.75rem;
      margin-bottom:0.75rem
    }
  
    .sm\:mx-4{
      margin-left:1rem;
      margin-right:1rem
    }
  
    .sm\:mx-6{
      margin-left:1.5rem;
      margin-right:1.5rem
    }
  
    .sm\:my-8{
      margin-top:2rem;
      margin-bottom:2rem
    }
  
    .sm\:mx-10{
      margin-left:2.5rem;
      margin-right:2.5rem
    }
  
    .sm\:mx-auto{
      margin-left:auto;
      margin-right:auto
    }
  
    .sm\:mt-0{
      margin-top:0
    }
  
    .sm\:mb-0{
      margin-bottom:0
    }
  
    .sm\:ml-1{
      margin-left:0.25rem
    }
  
    .sm\:mt-2{
      margin-top:0.5rem
    }
  
    .sm\:mb-2{
      margin-bottom:0.5rem
    }
  
    .sm\:ml-2{
      margin-left:0.5rem
    }
  
    .sm\:mt-3{
      margin-top:0.75rem
    }
  
    .sm\:mr-3{
      margin-right:0.75rem
    }
  
    .sm\:mb-3{
      margin-bottom:0.75rem
    }
  
    .sm\:ml-3{
      margin-left:0.75rem
    }
  
    .sm\:mt-4{
      margin-top:1rem
    }
  
    .sm\:mt-6{
      margin-top:1.5rem
    }
  
    .sm\:ml-10{
      margin-left:2.5rem
    }
  
    .sm\:mt-12{
      margin-top:3rem
    }
  
    .sm\:max-w-lg{
      max-width:32rem
    }
  
    .sm\:overflow-visible{
      overflow:visible
    }
  
    .sm\:p-4{
      padding:1rem
    }
  
    .sm\:px-0{
      padding-left:0;
      padding-right:0
    }
  
    .sm\:py-1{
      padding-top:0.25rem;
      padding-bottom:0.25rem
    }
  
    .sm\:px-1{
      padding-left:0.25rem;
      padding-right:0.25rem
    }
  
    .sm\:px-2{
      padding-left:0.5rem;
      padding-right:0.5rem
    }
  
    .sm\:py-4{
      padding-top:1rem;
      padding-bottom:1rem
    }
  
    .sm\:px-4{
      padding-left:1rem;
      padding-right:1rem
    }
  
    .sm\:px-5{
      padding-left:1.25rem;
      padding-right:1.25rem
    }
  
    .sm\:py-6{
      padding-top:1.5rem;
      padding-bottom:1.5rem
    }
  
    .sm\:px-6{
      padding-left:1.5rem;
      padding-right:1.5rem
    }
  
    .sm\:py-8{
      padding-top:2rem;
      padding-bottom:2rem
    }
  
    .sm\:px-8{
      padding-left:2rem;
      padding-right:2rem
    }
  
    .sm\:px-10{
      padding-left:2.5rem;
      padding-right:2.5rem
    }
  
    .sm\:px-24{
      padding-left:6rem;
      padding-right:6rem
    }
  
    .sm\:pt-0{
      padding-top:0
    }
  
    .sm\:pl-0{
      padding-left:0
    }
  
    .sm\:pb-1{
      padding-bottom:0.25rem
    }
  
    .sm\:pt-2{
      padding-top:0.5rem
    }
  
    .sm\:pr-2{
      padding-right:0.5rem
    }
  
    .sm\:pl-2{
      padding-left:0.5rem
    }
  
    .sm\:pt-3{
      padding-top:0.75rem
    }
  
    .sm\:pt-4{
      padding-top:1rem
    }
  
    .sm\:pr-4{
      padding-right:1rem
    }
  
    .sm\:pb-4{
      padding-bottom:1rem
    }
  
    .sm\:pb-6{
      padding-bottom:1.5rem
    }
  
    .sm\:pb-7{
      padding-bottom:1.75rem
    }
  
    .sm\:pt-10{
      padding-top:2.5rem
    }
  
    .sm\:pl-10{
      padding-left:2.5rem
    }
  
    .sm\:pt-32{
      padding-top:8rem
    }
  
    .sm\:pr-36{
      padding-right:9rem
    }
  
    .sm\:absolute{
      position:absolute
    }
  
    .sm\:inset-x-0{
      right:0;
      left:0
    }
  
    .sm\:bottom-0{
      bottom:0
    }
  
    .sm\:text-left{
      text-align:left
    }
  
    .sm\:text-justify{
      text-align:justify
    }
  
    .sm\:tracking-normal{
      letter-spacing:0
    }
  
    .sm\:whitespace-normal{
      white-space:normal
    }
  
    .sm\:break-all{
      word-break:break-all
    }
  
    .sm\:w-24{
      width:6rem
    }
  
    .sm\:w-28{
      width:7rem
    }
  
    .sm\:w-36{
      width:9rem
    }
  
    .sm\:w-40{
      width:10rem
    }
  
    .sm\:w-44{
      width:11rem
    }
  
    .sm\:w-48{
      width:12rem
    }
  
    .sm\:w-56{
      width:14rem
    }
  
    .sm\:w-64{
      width:16rem
    }
  
    .sm\:w-auto{
      width:auto
    }
  
    .sm\:w-1\/3{
      width:33.333333%
    }
  
    .sm\:w-2\/3{
      width:66.666667%
    }
  
    .sm\:w-3\/4{
      width:75%
    }
  
    .sm\:w-3\/12{
      width:25%
    }
  
    .sm\:w-full{
      width:100%
    }
  
    .sm\:gap-2{
      grid-gap:0.5rem;
      gap:0.5rem
    }
  
    .sm\:grid-cols-2{
      grid-template-columns:repeat(2, minmax(0, 1fr))
    }
  
    .sm\:flex-grid-cols-1-gap-2{
      width:calc(100% + 0.5rem);
      margin-left:-0.25rem
    }
  
    .sm\:flex-grid-cols-1-gap-2>*{
      width:calc(100% / 1 - 0.5rem);
      margin:0 0.25rem
    }
  
    .sm\:flex-grid-cols-1-gap-2>*:nth-child(n){
      margin-top:0
    }
  
    .sm\:flex-grid-cols-1-gap-2>*:nth-child(n+2){
      margin-top:.5rem
    }
  
    .sm\:flex-grid-cols-2-gap-2{
      width:calc(100% + 0.5rem);
      margin-left:-0.25rem
    }
  
    .sm\:flex-grid-cols-2-gap-2>*{
      width:calc(100% / 2 - 0.5rem);
      margin:0 0.25rem
    }
  
    .sm\:flex-grid-cols-2-gap-2>*:nth-child(n){
      margin-top:0
    }
  
    .sm\:flex-grid-cols-2-gap-2>*:nth-child(n+3){
      margin-top:.5rem
    }
  }
  
  @media (min-width: 768px){
  
    .md\:block{
      display:block
    }
  
    .md\:inline{
      display:inline
    }
  
    .md\:flex{
      display:flex
    }
  
    .md\:hidden{
      display:none
    }
  
    .md\:flex-no-wrap{
      flex-wrap:nowrap
    }
  
    .md\:justify-end{
      justify-content:flex-end
    }
  
    .md\:justify-between{
      justify-content:space-between
    }
  
    .md\:flex-auto{
      flex:1 1 auto
    }
  
    .md\:order-last{
      order:9999
    }
  
    .md\:float-right{
      float:right
    }
  
    .md\:font-medium{
      font-weight:500
    }
  
    .md\:h-6{
      height:1.5rem
    }
  
    .md\:text-xs{
      font-size:0.75rem
    }
  
    .md\:text-sm{
      font-size:0.875rem
    }
  
    .md\:text-base{
      font-size:1rem
    }
  
    .md\:text-xl{
      font-size:1.25rem
    }
  
    .md\:leading-snug{
      line-height:1.375
    }
  
    .md\:my-1{
      margin-top:0.25rem;
      margin-bottom:0.25rem
    }
  
    .md\:mx-3{
      margin-left:0.75rem;
      margin-right:0.75rem
    }
  
    .md\:my-12{
      margin-top:3rem;
      margin-bottom:3rem
    }
  
    .md\:mx-auto{
      margin-left:auto;
      margin-right:auto
    }
  
    .md\:mr-0{
      margin-right:0
    }
  
    .md\:ml-0{
      margin-left:0
    }
  
    .md\:mr-2{
      margin-right:0.5rem
    }
  
    .md\:ml-2{
      margin-left:0.5rem
    }
  
    .md\:mt-3{
      margin-top:0.75rem
    }
  
    .md\:mb-3{
      margin-bottom:0.75rem
    }
  
    .md\:mt-6{
      margin-top:1.5rem
    }
  
    .md\:mt-12{
      margin-top:3rem
    }
  
    .md\:mt-24{
      margin-top:6rem
    }
  
    .md\:p-3{
      padding:0.75rem
    }
  
    .md\:py-2{
      padding-top:0.5rem;
      padding-bottom:0.5rem
    }
  
    .md\:px-3{
      padding-left:0.75rem;
      padding-right:0.75rem
    }
  
    .md\:py-4{
      padding-top:1rem;
      padding-bottom:1rem
    }
  
    .md\:py-6{
      padding-top:1.5rem;
      padding-bottom:1.5rem
    }
  
    .md\:px-6{
      padding-left:1.5rem;
      padding-right:1.5rem
    }
  
    .md\:py-8{
      padding-top:2rem;
      padding-bottom:2rem
    }
  
    .md\:px-8{
      padding-left:2rem;
      padding-right:2rem
    }
  
    .md\:py-10{
      padding-top:2.5rem;
      padding-bottom:2.5rem
    }
  
    .md\:px-12{
      padding-left:3rem;
      padding-right:3rem
    }
  
    .md\:px-20{
      padding-left:5rem;
      padding-right:5rem
    }
  
    .md\:px-32{
      padding-left:8rem;
      padding-right:8rem
    }
  
    .md\:pt-0{
      padding-top:0
    }
  
    .md\:pb-0{
      padding-bottom:0
    }
  
    .md\:pb-3{
      padding-bottom:0.75rem
    }
  
    .md\:pb-4{
      padding-bottom:1rem
    }
  
    .md\:pl-4{
      padding-left:1rem
    }
  
    .md\:pt-8{
      padding-top:2rem
    }
  
    .md\:pb-8{
      padding-bottom:2rem
    }
  
    .md\:right-6{
      right:1.5rem
    }
  
    .md\:w-auto{
      width:auto
    }
  
    .md\:w-9\/12{
      width:75%
    }
  
    .md\:gap-y-12{
      grid-row-gap:3rem;
      row-gap:3rem
    }
  
    .md\:grid-cols-3{
      grid-template-columns:repeat(3, minmax(0, 1fr))
    }
  
    .md\:flex-grid-cols-2-gap-2{
      width:calc(100% + 0.5rem);
      margin-left:-0.25rem
    }
  
    .md\:flex-grid-cols-2-gap-2>*{
      width:calc(100% / 4 - 1rem);
      margin:0 0.5rem
    }
  
    .md\:flex-grid-cols-2-gap-2>*:nth-child(n){
      margin-top:0
    }
  
    .md\:flex-grid-cols-3-gap-2{
      width:calc(100% + 0.5rem);
      margin-left:-0.25rem
    }
  
    .md\:flex-grid-cols-3-gap-2>*{
      width:calc(100% / 3 - 0.5rem);
      margin:0 0.25rem
    }
  
    .md\:flex-grid-cols-3-gap-2>*:nth-child(n){
      margin-top:0
    }
  
    .md\:flex-grid-cols-3-gap-2>*:nth-child(n+4){
      margin-top:.5rem
    }
  
    .md\:flex-grid-cols-11-gap-3{
      width:calc(100% + 0.75rem);
      margin-left:-0.375rem
    }
  
    .md\:flex-grid-cols-11-gap-3>*{
      width:calc(100% / 11 - 0.75rem);
      margin:0 0.375rem
    }
  
    .md\:flex-grid-cols-11-gap-3>*:nth-child(n){
      margin-top:0
    }
  
    .md\:flex-grid-cols-11-gap-3>*:nth-child(n+12){
      margin-top:.75rem
    }
  }
  
  @media (min-width: 1024px){
  
    .lg\:border-b{
      border-bottom-width:1px
    }
  
    .lg\:block{
      display:block
    }
  
    .lg\:inline-block{
      display:inline-block
    }
  
    .lg\:flex{
      display:flex
    }
  
    .lg\:hidden{
      display:none
    }
  
    .lg\:flex-no-wrap{
      flex-wrap:nowrap
    }
  
    .lg\:items-end{
      align-items:flex-end
    }
  
    .lg\:justify-between{
      justify-content:space-between
    }
  
    .lg\:flex-initial{
      flex:0 1 auto
    }
  
    .lg\:float-right{
      float:right
    }
  
    .lg\:float-left{
      float:left
    }
  
    .lg\:text-sm{
      font-size:0.875rem
    }
  
    .lg\:text-base{
      font-size:1rem
    }
  
    .lg\:text-lg{
      font-size:1.125rem
    }
  
    .lg\:text-xl{
      font-size:1.25rem
    }
  
    .lg\:text-2xl{
      font-size:1.5rem
    }
  
    .lg\:text-3xl{
      font-size:1.875rem
    }
  
    .lg\:my-0{
      margin-top:0;
      margin-bottom:0
    }
  
    .lg\:mx-5{
      margin-left:1.25rem;
      margin-right:1.25rem
    }
  
    .lg\:my-6{
      margin-top:1.5rem;
      margin-bottom:1.5rem
    }
  
    .lg\:mx-10{
      margin-left:2.5rem;
      margin-right:2.5rem
    }
  
    .lg\:mt-0{
      margin-top:0
    }
  
    .lg\:mt-4{
      margin-top:1rem
    }
  
    .lg\:mb-4{
      margin-bottom:1rem
    }
  
    .lg\:mr-8{
      margin-right:2rem
    }
  
    .lg\:mt-12{
      margin-top:3rem
    }
  
    .lg\:ml-20{
      margin-left:5rem
    }
  
    .lg\:mt-24{
      margin-top:6rem
    }
  
    .lg\:mt-32{
      margin-top:8rem
    }
  
    .lg\:p-4{
      padding:1rem
    }
  
    .lg\:py-0{
      padding-top:0;
      padding-bottom:0
    }
  
    .lg\:px-0{
      padding-left:0;
      padding-right:0
    }
  
    .lg\:px-2{
      padding-left:0.5rem;
      padding-right:0.5rem
    }
  
    .lg\:px-4{
      padding-left:1rem;
      padding-right:1rem
    }
  
    .lg\:py-8{
      padding-top:2rem;
      padding-bottom:2rem
    }
  
    .lg\:px-8{
      padding-left:2rem;
      padding-right:2rem
    }
  
    .lg\:px-12{
      padding-left:3rem;
      padding-right:3rem
    }
  
    .lg\:px-16{
      padding-left:4rem;
      padding-right:4rem
    }
  
    .lg\:px-32{
      padding-left:8rem;
      padding-right:8rem
    }
  
    .lg\:px-40{
      padding-left:10rem;
      padding-right:10rem
    }
  
    .lg\:pt-0{
      padding-top:0
    }
  
    .lg\:pr-4{
      padding-right:1rem
    }
  
    .lg\:pb-4{
      padding-bottom:1rem
    }
  
    .lg\:pl-4{
      padding-left:1rem
    }
  
    .lg\:pt-8{
      padding-top:2rem
    }
  
    .lg\:absolute{
      position:absolute
    }
  
    .lg\:right-0{
      right:0
    }
  
    .lg\:bottom-0{
      bottom:0
    }
  
    .lg\:left-0{
      left:0
    }
  
    .lg\:top-4{
      top:1rem
    }
  
    .lg\:top-8{
      top:2rem
    }
  
    .lg\:right-8{
      right:2rem
    }
  
    .lg\:text-right{
      text-align:right
    }
  
    .lg\:text-justify{
      text-align:justify
    }
  
    .lg\:w-8{
      width:2rem
    }
  
    .lg\:w-80{
      width:20rem
    }
  
    .lg\:w-auto{
      width:auto
    }
  
    .lg\:w-1\/2{
      width:50%
    }
  
    .lg\:w-1\/3{
      width:33.333333%
    }
  
    .lg\:gap-x-24{
      grid-column-gap:6rem;
      -webkit-column-gap:6rem;
              column-gap:6rem
    }
  
    .lg\:gap-y-16{
      grid-row-gap:4rem;
      row-gap:4rem
    }
  
    .lg\:grid-cols-3{
      grid-template-columns:repeat(3, minmax(0, 1fr))
    }
  
    .lg\:grid-cols-4{
      grid-template-columns:repeat(4, minmax(0, 1fr))
    }
  
    .lg\:flex-grid-cols-2-gap-2{
      width:calc(100% + 0.5rem);
      margin-left:-0.25rem
    }
  
    .lg\:flex-grid-cols-2-gap-2>*{
      width:calc(100% / 2 - 0.5rem);
      margin:0 0.25rem
    }
  
    .lg\:flex-grid-cols-2-gap-2>*:nth-child(n){
      margin-top:0
    }
  
    .lg\:flex-grid-cols-2-gap-2>*:nth-child(n+3){
      margin-top:.5rem
    }
  
    .lg\:flex-grid-cols-3-gap-2{
      width:calc(100% + 0.5rem);
      margin-left:-0.25rem
    }
  
    .lg\:flex-grid-cols-3-gap-2>*{
      width:calc(100% / 3 - 0.5rem);
      margin:0 0.25rem
    }
  
    .lg\:flex-grid-cols-3-gap-2>*:nth-child(n){
      margin-top:0
    }
  
    .lg\:flex-grid-cols-3-gap-2>*:nth-child(n+4){
      margin-top:.5rem
    }
  
    .lg\:flex-grid-cols-4-gap-2{
      width:calc(100% + 0.5rem);
      margin-left:-0.25rem
    }
  
    .lg\:flex-grid-cols-4-gap-2>*{
      width:calc(100% / 4 - 0.5rem);
      margin:0 0.25rem
    }
  
    .lg\:flex-grid-cols-4-gap-2>*:nth-child(n){
      margin-top:0
    }
  
    .lg\:flex-grid-cols-4-gap-2>*:nth-child(n+5){
      margin-top:.5rem
    }
  
    .lg\:flex-grid-cols-7-gap-2{
      width:calc(100% + 0.5rem);
      margin-left:-0.25rem
    }
  
    .lg\:flex-grid-cols-7-gap-2>*{
      width:calc(100% / 7 - 0.5rem);
      margin:0 0.25rem
    }
  
    .lg\:flex-grid-cols-7-gap-2>*:nth-child(n){
      margin-top:0
    }
  
    .lg\:flex-grid-cols-7-gap-2>*:nth-child(n+8){
      margin-top:.5rem
    }
  
    .lg\:flex-grid-cols-14-gap-2{
      width:calc(100% + 0.5rem);
      margin-left:-0.25rem
    }
  
    .lg\:flex-grid-cols-14-gap-2>*{
      width:calc(100% / 14 - 0.5rem);
      margin:0 0.25rem
    }
  
    .lg\:flex-grid-cols-14-gap-2>*:nth-child(n){
      margin-top:0
    }
  
    .lg\:flex-grid-cols-14-gap-2>*:nth-child(n+15){
      margin-top:.5rem
    }
  }
  
  @media (min-width: 1280px){
  
    .xl\:block{
      display:block
    }
  
    .xl\:hidden{
      display:none
    }
  
    .xl\:flex-no-wrap{
      flex-wrap:nowrap
    }
  
    .xl\:text-lg{
      font-size:1.125rem
    }
  
    .xl\:my-5{
      margin-top:1.25rem;
      margin-bottom:1.25rem
    }
  
    .xl\:my-6{
      margin-top:1.5rem;
      margin-bottom:1.5rem
    }
  
    .xl\:my-16{
      margin-top:4rem;
      margin-bottom:4rem
    }
  
    .xl\:mt-5{
      margin-top:1.25rem
    }
  
    .xl\:mr-5{
      margin-right:1.25rem
    }
  
    .xl\:mb-5{
      margin-bottom:1.25rem
    }
  
    .xl\:ml-5{
      margin-left:1.25rem
    }
  
    .xl\:mt-8{
      margin-top:2rem
    }
  
    .xl\:mt-40{
      margin-top:10rem
    }
  
    .xl\:max-w-xl{
      max-width:36rem
    }
  
    .xl\:p-5{
      padding:1.5% 4% 1% 4%
    }
  
    .xl\:py-4{
      padding-top:1rem;
      padding-bottom:1rem
    }
  
    .xl\:px-5{
      padding: 1.5% 4% 1% 4%;
    }
  
    .xl\:py-10{
      padding-top:2.5rem;
      padding-bottom:2.5rem
    }
  
    .xl\:px-10{
      padding-left:4%;
      padding-right:4%
    }
  
    .xl\:px-24{
      padding-left:6rem;
      padding-right:6rem
    }
  
    .xl\:px-32{
      padding-left:8rem;
      padding-right:8rem
    }
  
    .xl\:px-40{
      padding-left:10rem;
      padding-right:10rem
    }
  
    .xl\:px-48{
      padding-left:12rem;
      padding-right:12rem
    }
  
    .xl\:pt-0{
      padding-top:0
    }
  
    .xl\:pb-5{
      padding-bottom:1.25rem
    }
  
    .xl\:right-10{
      right:2.5rem
    }
  
    .xl\:w-1\/4{
      width:25%
    }
  
    .xl\:w-2\/5{
      width:40%
    }
  
    .xl\:w-3\/5{
      width:60%
    }
  
    .xl\:gap-x-32{
      grid-column-gap:8rem;
      -webkit-column-gap:8rem;
              column-gap:8rem
    }
  
    .xl\:gap-y-24{
      grid-row-gap:6rem;
      row-gap:6rem
    }
  
    .xl\:grid-cols-4{
      grid-template-columns:repeat(4, minmax(0, 1fr))
    }
  
    .xl\:flex-grid-cols-9-gap-2{
      width:calc(100% + 0.5rem);
      margin-left:-0.25rem
    }
  
    .xl\:flex-grid-cols-9-gap-2>*{
      width:calc(100% / 9 - 0.5rem);
      margin:0 0.25rem
    }
  
    .xl\:flex-grid-cols-9-gap-2>*:nth-child(n){
      margin-top:0
    }
  
    .xl\:flex-grid-cols-9-gap-2>*:nth-child(n+10){
      margin-top:.5rem
    }
  }
  
  @media (min-width: 1500px){
  
    .xxl\:text-xl{
      font-size:1.25rem
    }
  
    .xxl\:mx-12{
      margin-left:3rem;
      margin-right:3rem
    }
  
    .xxl\:my-20{
      margin-top:5rem;
      margin-bottom:5rem
    }
  
    .xxl\:mt-6{
      margin-top:1.5rem
    }
  
    .xxl\:mb-6{
      margin-bottom:1.5rem
    }
  
    .xxl\:mt-48{
      margin-top:12rem
    }
  
    .xxl\:max-w-2xl{
      max-width:42rem
    }
  
    .xxl\:max-w-screen-lg{
      max-width:1024px
    }
  
    .xxl\:p-6{
      padding:1.5% 4% 1% 4%
    }
  
    .xxl\:px-6{
      padding: 2% 4% 1% 4%;
    }
  
    .xxl\:py-12{
      padding-top:3rem;
      padding-bottom:3rem
    }
  
    .xxl\:px-12{
      padding:1.5% 4% 1% 4%;
    }
  
    .xxl\:px-32{
      padding-left:8rem;
      padding-right:8rem
    }
  
    .xxl\:px-36{
      padding-left:9rem;
      padding-right:9rem
    }
  
    .xxl\:px-48{
      padding-left:12rem;
      padding-right:12rem
    }
  
    .xxl\:px-56{
      padding-left:14rem;
      padding-right:14rem
    }
  
    .xxl\:px-64{
      padding-left:16rem;
      padding-right:16rem
    }
  
    .xxl\:pt-0{
      padding-top:0
    }
  
    .xxl\:pt-1{
      padding-top:0.25rem
    }
  
    .xxl\:pb-6{
      padding-bottom:1.5rem
    }
  
    .xxl\:right-12{
      right:3rem
    }
  
    .xxl\:flex-grid-cols-6-gap-2{
      width:calc(100% + 0.5rem);
      margin-left:-0.25rem
    }
  
    .xxl\:flex-grid-cols-6-gap-2>*{
      width:calc(100% / 6 - 0.5rem);
      margin:0 0.25rem
    }
  
    .xxl\:flex-grid-cols-6-gap-2>*:nth-child(n){
      margin-top:0
    }
  
    .xxl\:flex-grid-cols-6-gap-2>*:nth-child(n+7){
      margin-top:.5rem
    }
  
    .xxl\:flex-grid-cols-10-gap-2{
      width:calc(100% + 0.5rem);
      margin-left:-0.25rem
    }
  
    .xxl\:flex-grid-cols-10-gap-2>*{
      width:calc(100% / 10 - 0.5rem);
      margin:0 0.25rem
    }
  
    .xxl\:flex-grid-cols-10-gap-2>*:nth-child(n){
      margin-top:0
    }
  
    .xxl\:flex-grid-cols-10-gap-2>*:nth-child(n+11){
      margin-top:.5rem
    }
  
    .xxl\:flex-grid-cols-14-gap-3{
      width:calc(100% + 0.75rem);
      margin-left:-0.375rem
    }
  
    .xxl\:flex-grid-cols-14-gap-3>*{
      width:calc(100% / 14 - 0.75rem);
      margin:0 0.375rem
    }
  
    .xxl\:flex-grid-cols-14-gap-3>*:nth-child(n){
      margin-top:0
    }
  
    .xxl\:flex-grid-cols-14-gap-3>*:nth-child(n+15){
      margin-top:.75rem
    }
  }
  
  @media (min-width: 1800px){
  
    .xxxl\:h-36{
      height:9rem
    }
  
    .xxxl\:text-2xl{
      font-size:1.5rem
    }
  
    .xxxl\:mx-16{
      margin-left:4rem;
      margin-right:4rem
    }
  
    .xxxl\:mt-3{
      margin-top:0.75rem
    }
  
    .xxxl\:mb-6{
      margin-bottom:1.5rem
    }
  
    .xxxl\:mt-8{
      margin-top:2rem
    }
  
    .xxxl\:mb-8{
      margin-bottom:2rem
    }
  
    .xxxl\:mt-56{
      margin-top:14rem
    }
  
    .xxxl\:p-8{
      padding:1.5% 4% 1% 4%
    }
    .xxxl\:py-16{
      padding-top:4rem;
      padding-bottom:4rem
    }
  
    .xxxl\:px-16{
      padding-left:4rem;
      padding-right:4rem
    }
  
    .xxxl\:px-56{
      padding-left:14rem;
      padding-right:14rem
    }
  
    .xxxl\:px-64{
      padding-left:16rem;
      padding-right:16rem
    }
  
    .xxxl\:px-72{
      padding-left:18rem;
      padding-right:18rem
    }
  
    .xxxl\:pt-0{
      padding-top:0
    }
  
    .xxxl\:pb-8{
      padding-bottom:2rem
    }
  
    .xxxl\:right-16{
      right:4rem
    }
  }
  
  /*# sourceMappingURL=application-c731a6f7.css.map*/

  .culture.swiper-container{width: 78%;margin: 0 auto 30px;}
  .culture.swiper-container .swiper-slide{display: flex;justify-content: center;align-items: center;}
  .con_boxs .con_top{font-size: 22px;font-weight: bold;text-align: center;}
  .con_boxs .con_top span{font-size: 14px;}
  .con_boxs p{font-size: 16px;line-height: 36px;text-align: center;}
  .con_boxs{padding: 0 30px;box-sizing: border-box;}



  @media (max-width:768px){
    .culture.swiper-container .swiper-button-next,
    .culture.swiper-container .swiper-button-prev{display: none;}
    .culture.swiper-container{width: 100%;box-sizing: border-box;}
    .order1{order: 1;}
    .order2{order: 2;}
  }

  /*hzhb*/
.hzhbtop h4{
	font-size: 24px;
	text-align: center;
}
.hzhbtop .line{
	width: 35px;
	margin:25px auto;
}
.hzhbtop p{
	font-size: 18px;
	text-align: center;
}
.hzhbmain{
	background-color: #fafafa;
	padding-top: 30px;
	padding-bottom: 30px;
}
.hzhblist{
	width: 15%;
	height: auto;
	float: left;
	margin-top: 3%;
	margin-right: 2%;
transition: all .5s;
	position: relative;
}
.hzhblist a{
	cursor: initial;
}
.hzhblist:nth-child(6n){
	margin-right: 0;
}
.hzhblistpic{
	width: 100%;
transition: all .5s;


}
.hzhblistpic img{
	width: 100%;
	display: block;
}
.hzhblisttxt{
	line-height: 50px;
	display: none;
	position: absolute;
	bottom: 0;
	width: 100%;
}
.hzhblisttxt p{
	font-size: 16px;
	color:#FFF;
	height: 50px;
	line-height: 50px;
	text-align: center;
}
.hzhblisttxt p i{
	font-style: normal;
	font-size: 16px;
	display: inline-block;
	width: 75%;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hzhblisttxt span{
	float: right;
	color:rgba(255,255,255,.5);
	margin-right: 20px;
	font-size: 20px;
}
/*hzhb end*/
/*gsjs*/
.gywmbox{
	padding-bottom: 90px;
}
.gywmbox .swiper-slide img{
	width: 100%;
	transition: all 2s;
	transform: scale(1);
}
	.gywmbox .swiper-slide:hover>img{
		-webkit-transform: scale(1.1);
	transform: scale(1.1);
	}
.gsjs{
	position: relative;
}
.gsjsconbox{
	position: absolute;
	top: 0;
	z-index: 3;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.gsjscon{
	width: 51%;
	float: left;
}
.gywm-container img{
	display: block;
	transition: all 2s;
	transform: scale(1);
}
	
	.gywm-container .swiper-slide:hover>img{
		-webkit-transform: scale(1.1);
	transform: scale(1.1);
	}
.gywm-pagination{
	right: 0;
	bottom: 0;
	z-index: 4;
}
.swiper-pagination-bullet{
	width: 40px;
	height: 4px;
	background-color: #fff;
	border-radius:initial;
	margin:0 4px;
}
.gsjscon h3{
	font-size: 42px;
	margin-bottom: 43px;
	width: 95%;
}
.gsjscon .line{
	margin-bottom: 40px;
}
.gsjscon p{
	width: 95%;
	
	line-height: 28px;
	margin-bottom: 20px;
}

.gsjsconnum{
	background: rgba(51,51,51,0.5);
	padding:30px 0;
	box-sizing: border-box;
	border-radius: 10px;
	margin-top: 30px;
}
.gsjsconnumlist{
	float: left;
	width: 33.33%;
	text-align: center;
	border-right: 1px solid #A3A3A3;
	box-sizing: border-box;
}
.gsjsconnumlist:nth-child(3){
	border:0 none;
}
.gsjsconnumlist p{
	font-size: 16px;
	margin-bottom: 0;
	color: #FFF;
}
.gsjsconnumlist p span{
	display: inline;
	font-size: 48px;

}
.gsjsconnumlist p font{
	font-size: 48px;
}
.gsjsconnumlist span{
	color: #FFF;
	font-size: 24px;
	display: block;
	margin-top: 10px;
}
.gsln{
	padding:100px 0 90px;
}
.gsln h5{
	font-size: 22px;
	text-align: center;
}
.gsln .line{
	width: 35px;
	margin:30px auto;
}
.gsln p{
	font-size: 18px;
	line-height: 30px;
	text-align: center;
}

.gsjsbantxt{
	padding:50px 4% 42px; 
	box-shadow:0px 9px 34px 1px rgba(0, 0, 0, 0.08);
	box-sizing: border-box;
	position: relative; 
	background: #FFF;
	z-index: 2;
	margin-top: -80px;
}
.gsjsban .gsjsban-pagination{
	bottom:100px;
}
.gsjsbantxt h5{
	font-size: 26px;
	text-align: center;
	margin-bottom: 15px;
}
.gsjsbantxt span{
	font-size: 18px;
	line-height: 32px;
	text-align: center;
	display: block;
}
.gsjsbantxt .line{
	margin:30px auto;
	width: 35px;
}
.gsjsbantxt p{
	font-size: 16px;
	line-height: 30px;
	text-align: left;
}
/*gsjs end*/
@media (max-width: 1900px){
  .content {
    width: 80%;
    display: flex;
    margin: 0 auto;
    align-items: center;
    flex-wrap: wrap;
  }
}
/*ryyjl*/
.ryyjlmainlistpic{
	width: 50%;
	float: left;
	overflow: hidden;
}

.ryyjlmainlistpic img{
	display: block;
	transition: all 2s;
	transform: scale(1);
}
	.ryyjlmainlistpic:hover img{
		-webkit-transform: scale(1.1);
	transform: scale(1.1);
	}
.ryyjlmainlist{
	position: relative;
}
.ryyjlmainlist:nth-child(2n) .ryyjlmainlistpic{

	float: right;
}
.ryyjlmainlisttxt{
	float: left;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	padding:55px 0 0 70px;
	box-sizing: border-box;
}

.ryyjlmainlisttxtcon{
	position: absolute;
	left: 70px;
	top: 50%;
	max-height: 100%;
	overflow: auto;
	transform: translateY(-50%);
}
.ryyjlmainlisttxt h5{
	font-size: 24px;
}
.ryyjlmainlist:nth-child(2n) .ryyjlmainlisttxt{
	left:auto;
	right: 50%;
}
.ryyjlmainlist:nth-child(2n) .ryyjlmainlisttxtcon{
	right: 70px;
	left: 0;
}
.ryyjlmainlisttxt .line{
	width: 35px;
	margin:20px 0;
}
.ryyjlmainlisttxt p{
	line-height:28px;
	font-size: 16px;


}
.ryzz{
	background: url(../images/ryzzbg.jpg) no-repeat;
	background-size: cover;
	padding:45px 0 90px;
	margin-top: 95px;
}
.ryzz .contit{
	margin:0;
}
.ryzzban{
	margin-top: 0px;
}

.ryzzbanpic{
	width: 100%;
	background:rgba(255,255,255,.7);
	padding:17px 0;
	text-align: center!important;
	overflow:hidden;
}
.ryzzbanpic img{
	transition: all 2s;
	transform: scale(1);
	display: inline-block;
}
	.ryzzbanpic:hover img{
		-webkit-transform: scale(1.1);
	transform: scale(1.1);
	}
.ryzzban p{
	background:rgba(255,255,255,.7);
	margin-top: 1px;
	line-height: 70px;
	font-size: 18px;
	text-align: center;
	border-bottom:1px solid #e3e3e3;
}
.ryzzban {
	position: relative;
}
.ryzzban .ryzzban-pagination{
	bottom: -50px;
	left: 50%;
	transform: translateX(-50%);
}
.ryzzban-pagination .swiper-pagination-bullet{
	background-color:rgba(0,0,0,.5);
}
.ryzzban-pagination .swiper-pagination-bullet-active{
	background-color: #AD2C39;
}

/*ryyjl end*/
@media (max-width:768px){
  .hzhblist{width: 48%;}
  .con_boxs{padding: 0;margin-top: 20px;}
  .con_boxs p{font-size: 15px;}
  .gsjscon h3{width: 100%!important;}
  .padd-8{padding: 8px 0;}
  .logo-nav .logo img{width: 70px;}
}

.cont-icon img{display: inline;margin-right: 12px;position: relative;top: -2px;}
.my-6 .w-full .mb-10 .bg-thape-dark-gray{background-color: #bd2f2c;}
.my-6 .w-full .mb-10 .bg-thape-dark-gray .absolute .flex p{color: hsl(0, 0%, 100%, 90%);}
.culture  .swiper-pagination-bullet-active{background-color: #bd2f2c;}
.culture .swiper-button-prev{
  background-image: url(/image/left.svg);
  left: 10px;
  right: auto;
}
.culture .swiper-button-next{
  background-image: url(/image/right.svg);
  right: 10px;
  left: auto;
}
header.active{display: flex;}
.hover-color:hover .more{color: #bd2f2c;text-decoration: underline;}
.logo-nav{display: flex;align-items: center;}
.search-yy{display: flex;align-items: center;}
.search-yy .nav-item:nth-child(1){margin-right: 20px;}
.list_flex{display: flex;}
.list_flex .left{width: 13%;margin-top: 40px;position: absolute;}
.list_flex .right{width: 85%;margin-left: 15%;}
.list_flex .left ul{padding: 0;}
.list_flex .left ul li{list-style: none;line-height: 40px;position: relative;}
.list_flex .left ul li::after{position: absolute;content: "";right: 20px;top: 50%;transform: translateY(-50%);background-image: url(../image/sider-li-bg.png);width: 8px;height: 11px;opacity: 0;transition: .3s;}
.list_flex .left ul li:hover::after{opacity: 1;transition: .3s;}
.list_flex .left ul li a{font-size: 15px;color: #333;display: block;width: 100%;height: 100%;transition: .3s;}
.list_flex .left ul li:hover a{color: #bd2f2c;transition: .3s;}
.list_flex .right .pro_title{margin-bottom: 20px;}
.mob_jt{position: relative;}
.mob_jt::after{content: "";position: absolute;right: 0;top: 50%;transform: rotateZ(90deg);background-image: url(../image/header-a-bg.png);width: 8px;height: 11px;margin-top: -5.5px;}
@media (max-width:768px){
  .search-yy{display: none;}
  .list_flex .left{display: none;}
  .list_flex .right{width: 100%;margin-left: 0;}
  .list_flex .right .pro_title{margin-top: 20px;margin-bottom: 10px;}
}