:root {
          --blue: #007bff;
          --indigo: #6610f2;
          --purple: #6f42c1;
          --pink: #e83e8c;
          --red: #dc3545;
          --orange: #fd7e14;
          --yellow: #ffc107;
          --green: #28a745;
          --teal: #20c997;
          --cyan: #17a2b8;
          --white: #fff;
          --gray: #6c757d;
          --gray-dark: #343a40;
          --primary: #007bff;
          --secondary: #6c757d;
          --success: #28a745;
          --info: #17a2b8;
          --warning: #ffc107;
          --danger: #dc3545;
          --light: #f8f9fa;
          --dark: #343a40;
          --breakpoint-xs: 0;
          --breakpoint-sm: 576px;
          --breakpoint-md: 768px;
          --breakpoint-lg: 992px;
          --breakpoint-xl: 1200px;
          --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
          --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
      }

      *,
      ::after,
      ::before {
          box-sizing: border-box
      }

      html {
          font-family: sans-serif;
          line-height: 1.15;
          -webkit-text-size-adjust: 100%;
          -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
          text-rendering: optimizeLegibility;
          -webkit-font-smoothing: antialiased
      }

      footer,
      header,
      nav {
          display: block
      }

      body {
          margin: 0;
          font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
          font-size: 1rem;
          text-align: left;
          background-color: #fff
      }

      [tabindex="-1"]:focus {
          outline: 0
      }

      h1,
      h2,
      h3,
      h4,
      p,
      ul {
          margin-top: 0
      }

      p,
      ul {
          margin-bottom: 1rem
      }

      a {
          background-color: transparent;
          color: #00a3e0;
          text-decoration: none
      }

      a:hover {
          text-decoration: underline
      }

      a:not([href]):not([tabindex]) {
          color: inherit;
          text-decoration: none
      }

      a:not([href]):not([tabindex]):focus,
      a:not([href]):not([tabindex]):hover {
          color: inherit;
          text-decoration: none
      }

      a:not([href]):not([tabindex]):focus {
          outline: 0
      }

      img {
          vertical-align: middle;
          border-style: none
      }

      button {
          border-radius: 0;
          margin: 0;
          font-family: inherit;
          font-size: inherit;
          line-height: inherit;
          overflow: visible;
          text-transform: none;
          -webkit-appearance: button
      }

      button:focus {
          outline: 1px dotted;
          outline: 5px auto -webkit-focus-ring-color
      }

      [type=button]:not(:disabled),
      [type=reset]:not(:disabled),
      [type=submit]:not(:disabled),
      button:not(:disabled) {
          cursor: pointer
      }

      button::-moz-focus-inner {
          padding: 0;
          border-style: none
      }

      ::-webkit-file-upload-button {
          font: inherit;
          -webkit-appearance: button
      }

      [hidden] {
          display: none
      }

      .h1,
      .h2,
      h1,
      h2,
      h3,
      h4 {
          margin-bottom: .5rem;
          line-height: 1.2
      }

      h4 {
          font-weight: 500;
          font-size: 1.5rem
      }

      .h1,
      h1 {
          font-size: 2.5rem
      }

      .h2,
      h2 {
          font-size: 2rem
      }

      h3 {
          font-size: 1.75rem
      }

      .list-inline,
      .list-unstyled {
          padding-left: 0;
          list-style: none
      }

      .list-inline-item {
          display: inline-block
      }

      .list-inline-item:not(:last-child) {
          margin-right: .5rem
      }

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

      @media (min-width:576px) {
          .container {
              max-width: 540px
          }
      }

      @media (min-width:768px) {
          .container {
              max-width: 720px
          }
      }

      @media (min-width:992px) {
          .container {
              max-width: 960px
          }
      }

      @media (min-width:1200px) {
          .container {
              max-width: 1140px
          }
      }

      .row {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          margin-right: -15px;
          margin-left: -15px
      }

      .col,
      .col-10,
      .col-2,
      .col-4,
      .col-6,
      .col-8,
      .col-lg-10,
      .col-lg-4,
      .col-lg-6,
      .col-lg-7,
      .col-lg-8,
      .col-md-5,
      .col-md-6,
      .col-md-7,
      .col-xl-8 {
          position: relative;
          width: 100%;
          padding-right: 15px;
          padding-left: 15px
      }

      .col {
          -ms-flex-preferred-size: 0;
          flex-basis: 0;
          -ms-flex-positive: 1;
          flex-grow: 1;
          max-width: 100%
      }

      .col-2 {
          -ms-flex: 0 0 16.666667%;
          flex: 0 0 16.666667%;
          max-width: 16.666667%
      }

      .col-4 {
          -ms-flex: 0 0 33.333333%;
          flex: 0 0 33.333333%;
          max-width: 33.333333%
      }

      .col-6 {
          -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          max-width: 50%
      }

      .col-8 {
          -ms-flex: 0 0 66.666667%;
          flex: 0 0 66.666667%;
          max-width: 66.666667%
      }

      .col-10 {
          -ms-flex: 0 0 83.333333%;
          flex: 0 0 83.333333%;
          max-width: 83.333333%
      }

      @media (min-width:768px) {
          .col-md-5 {
              -ms-flex: 0 0 41.666667%;
              flex: 0 0 41.666667%;
              max-width: 41.666667%
          }

          .col-md-6 {
              -ms-flex: 0 0 50%;
              flex: 0 0 50%;
              max-width: 50%
          }

          .col-md-7 {
              -ms-flex: 0 0 58.333333%;
              flex: 0 0 58.333333%;
              max-width: 58.333333%
          }
      }

      @media (min-width:992px) {
          .col-lg-4 {
              -ms-flex: 0 0 33.333333%;
              flex: 0 0 33.333333%;
              max-width: 33.333333%
          }

          .col-lg-6 {
              -ms-flex: 0 0 50%;
              flex: 0 0 50%;
              max-width: 50%
          }

          .col-lg-7 {
              -ms-flex: 0 0 58.333333%;
              flex: 0 0 58.333333%;
              max-width: 58.333333%
          }

          .col-lg-8 {
              -ms-flex: 0 0 66.666667%;
              flex: 0 0 66.666667%;
              max-width: 66.666667%
          }

          .col-lg-10 {
              -ms-flex: 0 0 83.333333%;
              flex: 0 0 83.333333%;
              max-width: 83.333333%
          }

          .order-lg-last {
              -ms-flex-order: 13;
              order: 13
          }
      }

      @media (min-width:1200px) {
          .col-xl-8 {
              -ms-flex: 0 0 66.666667%;
              flex: 0 0 66.666667%;
              max-width: 66.666667%
          }
      }

      .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
      .was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
          border-color: #28a745
      }

      .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
      .was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
          border-color: #dc3545
      }

      .btn {
          display: inline-block;
          color: #212529;
          text-align: center;
          vertical-align: middle;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
          background-color: transparent;
          border: 1px solid transparent;
          padding: .375rem .75rem;
          font-size: 1rem;
          line-height: 1.5;
          border-radius: .25rem;
          transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
      }

      @media (prefers-reduced-motion:reduce) {
          .btn {
              transition: none
          }
      }

      .btn:hover {
          color: #212529;
          text-decoration: none
      }

      .btn:focus {
          box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
      }

      .btn:disabled {
          opacity: .65
      }

      .btn-primary:not(:disabled):not(.disabled).active,
      .btn-primary:not(:disabled):not(.disabled):active {
          color: #fff;
          background-color: #0062cc;
          border-color: #005cbf
      }

      .btn-primary:not(:disabled):not(.disabled).active:focus,
      .btn-primary:not(:disabled):not(.disabled):active:focus {
          box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
      }

      .btn-secondary:not(:disabled):not(.disabled).active,
      .btn-secondary:not(:disabled):not(.disabled):active {
          color: #fff;
          background-color: #545b62;
          border-color: #4e555b
      }

      .btn-secondary:not(:disabled):not(.disabled).active:focus,
      .btn-secondary:not(:disabled):not(.disabled):active:focus {
          box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
      }

      .btn-success:not(:disabled):not(.disabled).active,
      .btn-success:not(:disabled):not(.disabled):active {
          color: #fff;
          background-color: #1e7e34;
          border-color: #1c7430
      }

      .btn-success:not(:disabled):not(.disabled).active:focus,
      .btn-success:not(:disabled):not(.disabled):active:focus {
          box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
      }

      .btn-info:not(:disabled):not(.disabled).active,
      .btn-info:not(:disabled):not(.disabled):active {
          color: #fff;
          background-color: #117a8b;
          border-color: #10707f
      }

      .btn-info:not(:disabled):not(.disabled).active:focus,
      .btn-info:not(:disabled):not(.disabled):active:focus {
          box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
      }

      .btn-warning:not(:disabled):not(.disabled).active,
      .btn-warning:not(:disabled):not(.disabled):active {
          color: #212529;
          background-color: #d39e00;
          border-color: #c69500
      }

      .btn-warning:not(:disabled):not(.disabled).active:focus,
      .btn-warning:not(:disabled):not(.disabled):active:focus {
          box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
      }

      .btn-danger:not(:disabled):not(.disabled).active,
      .btn-danger:not(:disabled):not(.disabled):active {
          color: #fff;
          background-color: #bd2130;
          border-color: #b21f2d
      }

      .btn-danger:not(:disabled):not(.disabled).active:focus,
      .btn-danger:not(:disabled):not(.disabled):active:focus {
          box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
      }

      .btn-light:not(:disabled):not(.disabled).active,
      .btn-light:not(:disabled):not(.disabled):active {
          color: #212529;
          background-color: #dae0e5;
          border-color: #d3d9df
      }

      .btn-light:not(:disabled):not(.disabled).active:focus,
      .btn-light:not(:disabled):not(.disabled):active:focus {
          box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
      }

      .btn-dark:not(:disabled):not(.disabled).active,
      .btn-dark:not(:disabled):not(.disabled):active {
          color: #fff;
          background-color: #1d2124;
          border-color: #171a1d
      }

      .btn-dark:not(:disabled):not(.disabled).active:focus,
      .btn-dark:not(:disabled):not(.disabled):active:focus {
          box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
      }

      .btn-outline-primary:not(:disabled):not(.disabled).active,
      .btn-outline-primary:not(:disabled):not(.disabled):active {
          color: #fff;
          background-color: #007bff;
          border-color: #007bff
      }

      .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
      .btn-outline-primary:not(:disabled):not(.disabled):active:focus {
          box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
      }

      .btn-outline-secondary:not(:disabled):not(.disabled).active,
      .btn-outline-secondary:not(:disabled):not(.disabled):active {
          color: #fff;
          background-color: #6c757d;
          border-color: #6c757d
      }

      .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
      .btn-outline-secondary:not(:disabled):not(.disabled):active:focus {
          box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
      }

      .btn-outline-success:not(:disabled):not(.disabled).active,
      .btn-outline-success:not(:disabled):not(.disabled):active {
          color: #fff;
          background-color: #28a745;
          border-color: #28a745
      }

      .btn-outline-success:not(:disabled):not(.disabled).active:focus,
      .btn-outline-success:not(:disabled):not(.disabled):active:focus {
          box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
      }

      .btn-outline-info:not(:disabled):not(.disabled).active,
      .btn-outline-info:not(:disabled):not(.disabled):active {
          color: #fff;
          background-color: #17a2b8;
          border-color: #17a2b8
      }

      .btn-outline-info:not(:disabled):not(.disabled).active:focus,
      .btn-outline-info:not(:disabled):not(.disabled):active:focus {
          box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
      }

      .btn-outline-warning:not(:disabled):not(.disabled).active,
      .btn-outline-warning:not(:disabled):not(.disabled):active {
          color: #212529;
          background-color: #ffc107;
          border-color: #ffc107
      }

      .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
      .btn-outline-warning:not(:disabled):not(.disabled):active:focus {
          box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
      }

      .btn-outline-danger:not(:disabled):not(.disabled).active,
      .btn-outline-danger:not(:disabled):not(.disabled):active {
          color: #fff;
          background-color: #dc3545;
          border-color: #dc3545
      }

      .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
      .btn-outline-danger:not(:disabled):not(.disabled):active:focus {
          box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
      }

      .btn-outline-light:not(:disabled):not(.disabled).active,
      .btn-outline-light:not(:disabled):not(.disabled):active {
          color: #212529;
          background-color: #f8f9fa;
          border-color: #f8f9fa
      }

      .btn-outline-light:not(:disabled):not(.disabled).active:focus,
      .btn-outline-light:not(:disabled):not(.disabled):active:focus {
          box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
      }

      .btn-outline-dark:not(:disabled):not(.disabled).active,
      .btn-outline-dark:not(:disabled):not(.disabled):active {
          color: #fff;
          background-color: #343a40;
          border-color: #343a40
      }

      .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
      .btn-outline-dark:not(:disabled):not(.disabled):active:focus {
          box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
      }

      .dropdown-item {
          display: block;
          width: 100%;
          padding: .25rem 1.5rem;
          clear: both;
          font-weight: 400;
          color: #212529;
          text-align: inherit;
          white-space: nowrap;
          background-color: transparent;
          border: 0
      }

      .dropdown-item:focus,
      .dropdown-item:hover {
          color: #16181b;
          text-decoration: none;
          background-color: #f8f9fa
      }

      .dropdown-item:active {
          color: #fff;
          text-decoration: none;
          background-color: #007bff
      }

      .dropdown-item:disabled {
          color: #6c757d;
          pointer-events: none;
          background-color: transparent
      }

      .custom-control-input:focus:not(:checked)~.custom-control-label::before {
          border-color: #80bdff
      }

      .custom-control-input:not(:disabled):active~.custom-control-label::before {
          color: #fff;
          background-color: #b3d7ff;
          border-color: #b3d7ff
      }

      .nav-link {
          display: block;
          height: 58px;
          line-height: 58px;
      }

      .nav-link:focus,
      .nav-link:hover {
          text-decoration: none
      }


      .navbar-nav {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
          flex-direction: column;
          padding-left: 0;
          margin-bottom: 0;
          list-style: none
      }

      .navbar-nav .nav-link {
          padding-right: 0;
          padding-left: 0
      }

      .navbar-toggler {
          padding: .25rem .75rem;
          font-size: 1.25rem;
          line-height: 1;
          border-radius: .25rem
      }

      .navbar-toggler:focus,
      .navbar-toggler:hover {
          text-decoration: none
      }

      .close:not(:disabled):not(.disabled):focus,
      .close:not(:disabled):not(.disabled):hover {
          opacity: .75
      }

      .d-none {
          display: none
      }

      .d-inline-block {
          display: inline-block
      }

      .d-block {
          display: block
      }

      @media (min-width:768px) {
          .d-md-none {
              display: none
          }

          .d-md-block {
              display: block
          }
      }

      @media (min-width:992px) {
          .d-lg-inline-block {
              display: inline-block
          }
      }

      @media (min-width:1200px) {
          .d-xl-none {
              display: none
          }
      }

      .align-items-center {
          -ms-flex-align: center;
          align-items: center
      }

      .m-0,
      .member-menu a.navbar-toggler {
          margin: 0
      }

      .ml-0 {
          margin-left: 0
      }

      .mr-1 {
          margin-right: .25rem
      }

      .mt-4 {
          margin-top: 1.5rem
      }

      .mr-4 {
          margin-right: 1.5rem
      }

      .mb-4 {
          margin-bottom: 1.5rem
      }

      @media (min-width:992px) {
          .mt-lg-0 {
              margin-top: 0
          }

          .mb-lg-0 {
              margin-bottom: 0
          }

          .ml-lg-5 {
              margin-left: 3rem
          }
      }

      .text-center {
          text-align: center
      }

      @media (min-width:992px) {
          .text-lg-right {
              text-align: right
          }
      }

      @media print {

          *,
          ::after,
          ::before {
              text-shadow: none;
              box-shadow: none
          }

          a:not(.btn) {
              text-decoration: underline
          }

          img {
              page-break-inside: avoid
          }

          h2,
          h3,
          p {
              orphans: 3;
              widows: 3
          }

          h2,
          h3 {
              page-break-after: avoid
          }

          @page {
              size: a3
          }

          .container,
          body {
              min-width: 992px
          }
      }

      body {
          font-family: Roboto, 'Noto Sans SC', 'Microsoft YaHei', sans-serif;
          font-weight: 400;
          font-size: 13px;
          line-height: 1.6;
          -webkit-font-smoothing: antialiased;
          padding-top: 66px;
          transition: right .3s ease .2s
      }

      .h1,
      .h2,
      h1,
      h2,
      h3,
      h4 {
          margin-bottom: 10px
      }

      .h1,
      .h2,
      h1,
      h2,
      h3 {
          letter-spacing: 1px;
          color: #00a3e0;
          font-weight: 600
      }

      .h2,
      h2 {
          font-size: 24px
      }

      h3 {
          font-size: 18px
      }

      h4 {
          font-size: 16px;
          letter-spacing: 0
      }

      a:hover,
      body {
          color: #000
      }

      ul {
          padding-left: 15px
      }

      ::selection {
          color: #fff;
          background: #00a3e0
      }

      ::-moz-selection {
          color: #fff;
          background: #00a3e0
      }

      .site-map li a {
          -webkit-transition: all .3s ease;
          -o-transition: all .3s ease
      }

      img {
          user-drag: none;
          user-select: none;
          -moz-user-select: none;
          -webkit-user-drag: none;
          -webkit-user-select: none;
          -ms-user-select: none
      }

      @media (min-width:1400px) {
          .container {
              max-width: 1280px
          }
      }

      .upper {
          text-transform: uppercase
      }

      .mb-gap {
          margin-bottom: 50px
      }

      .site-map li a,
      footer h4 {
          font-weight: 700
      }

      footer {
          background-color: #222;
          color: #fff;
          padding: 50px 0;
          margin-top: 80px
      }

      footer h3,
      footer h4 {
          color: #fff;
          position: relative;
          margin-bottom: 15px
      }

      footer h3 {
          padding-left: 40px;
          font-size: 20px
      }

      footer h3:before {
          content: "";
          width: 3px;
          height: 25px;
          background-color: #00a3e0;
          transform: skewX(-45deg);
          transform-origin: left bottom;
          position: absolute;
          left: 0;
          top: 0
      }

      footer h4 {
          font-size: 18px
      }

      footer .sub-footer {
          margin-top: 50px
      }

      .bank-list li:not(:last-child) {
          margin-right: 1px
      }

      .bank-list img {
          width: 70px
      }

      .site-map li {
          margin-bottom: 15px
      }

      .site-map li a {
          color: #fff;
          text-transform: uppercase;
          display: block;
          transition: all .3s ease
      }

      @media (min-width:992px) {
          body {
              padding-top: 0
          }

          .footer-content {
              margin-left: 40px
          }

          .site-map li a:hover {
              margin-left: 5px
          }
      }

      .sub-footer {
          font-size: 12px
      }

      .sub-footer span {
          margin-left: 10px
      }

      .sub-footer amp-img {
          margin-bottom: 3px;
          vertical-align: top
      }

      @media (max-width:767px) {
          .sub-footer span {
              display: block;
              margin-left: 0
          }
      }

      a:focus,
      a:hover {
          text-decoration: none
      }

      @media (min-width:992px) {
          .product-slider>div:hover>:hover {
              opacity: 1
          }

          .product-slider>div:focus-within>:focus {
              opacity: 1
          }
      }

      .qrbox {
          text-align: center
      }

      .ibet-header {
          -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .2)
      }

      .checklist,
      .download-banner a,
      .download-banner h3 {
          color: #fff
      }

      .download-banner {
          min-height: 740px;
          background-position: center;
          background-size: cover;
          margin-bottom: 140px;
          /*background-image: url(/style/images/banner-download.jpg);*/
          padding-top: 160px;
          padding-bottom: 50px;
          color: #fff;
          position: relative
      }

      .download-banner .sub-head {
          font-weight: 400;
          font-size: 24px;
          margin-bottom: 30px
      }

      .download-banner .container,
      header {
          position: relative;
          height: 100%
      }

      .download-banner .container::after {
          content: "";
          width: 400px;
          height: 616px;
          /*background-image: url(/style/images/d-main-mobile.png);*/
          background-size: contain;
          background-position: right bottom;
          background-repeat: no-repeat;
          position: absolute;
          bottom: -180px;
          right: 80px;
          animation-name: float;
          animation-duration: 1s;
          animation-iteration-count: 1;
          animation-timing-function: ease-in-out;
          -webkit-animation-name: float;
          -webkit-animation-duration: 1s;
          -webkit-animation-iteration-count: 1;
          -webkit-animation-timing-function: ease-in-out
      }

      @media (max-width:1199px) {
          .download-banner .container::after {
              height: 500px;
              right: 30px
          }
      }

      @media (max-width:991px) {
          .download-banner {
              padding-top: 80px
          }

          .download-banner .container {
              position: static
          }

          .download-banner .container::after {
              height: 400px;
              right: 50px;
              bottom: -80px
          }
      }

      @media (max-width:767px) {
          .download-banner {
              text-align: center
          }

          .download-banner .container::after {
              content: none
          }

          .download-banner .float-mobile {
              width: 270px;
              margin: 0 auto;
              display: block
          }

          .download-banner h1 {
              font-size: 32px
          }

          .checklist {
              display: inline-block
          }
      }

      .float-mobile {
          animation-name: float;
          animation-duration: 1s;
          animation-iteration-count: 1;
          animation-timing-function: ease-in-out;
          -webkit-animation-name: float;
          -webkit-animation-duration: 1s;
          -webkit-animation-iteration-count: 1;
          -webkit-animation-timing-function: ease-in-out
      }

      .checklist {
          position: relative;
          padding-left: 25px;
          font-size: 14px;
          margin-bottom: 10px
      }

      .checklist::before {
          content: "";
          position: absolute;
          left: 0;
          top: 2px;
          width: 17px;
          height: 17px;
          background-image: url(/style/images/check.svg)
      }

      .qr-card {
          background-color: rgba(0, 0, 0, .3);
          padding: 20px;
          border-radius: 4px;
          margin-top: 40px;
          margin-bottom: 40px
      }

      @media (max-width:767px) {
          .qr-card {
              width: 380px;
              max-width: 100%;
              margin-left: auto;
              margin-right: auto
          }
      }

      .guide h3 div {
          font-size: 14px;
          font-weight: 400;
          vertical-align: bottom
      }

      .guide h3 div i {
          font-size: 24px;
          vertical-align: sub;
          -webkit-transition: all .3s ease;
          -o-transition: all .3s ease;
          transition: all .3s ease
      }

      .guide a:hover i {
          transform: translateY(-3px)
      }

      .features-list {
          font-size: 16px
      }

      .features-list a {
          margin-top: 20px
      }

      .features-list .h1 {
          font-size: 36px
      }

      .features-list .h2 {
          font-size: 20px;
          color: #000;
          letter-spacing: 0
      }

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

      .features-list .features-img img {
          margin: 0 auto 20px
      }

      @media (max-width:991px) {
          .features-list {
              text-align: center
          }

          .features-list img {
              margin-left: auto;
              margin-right: auto
          }
      }

      @-webkit-keyframes float {
          0% {
              transform: translate(0, 20px);
              opacity: 0
          }

          to {
              transform: translate(0, 0);
              opacity: 1
          }
      }

      @keyframes float {
          0% {
              transform: translate(0, 20px);
              opacity: 0
          }

          to {
              transform: translate(0, 0);
              opacity: 1
          }
      }

      .ibet-header {
          background-color: #fff;
          box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .2);
          position: fixed;
          z-index: 9;
          top: 0;
          left: 0;
          right: 0;
          transition: right .3s ease 0s
      }

      @media (min-width:992px) {
          .ibet-header {
              animation-name: dropHeader;
              animation-duration: .8s;
              animation-iteration-count: 1;
              animation-timing-function: ease-in-out;
              -webkit-animation-name: dropHeader;
              -webkit-animation-duration: .8s;
              -webkit-animation-iteration-count: 1;
              -webkit-animation-timing-function: ease-in-out;
              top: 20px;
              left: 30px;
              right: 30px
          }
      }

      .ibet-header .navbar-nav {
          -ms-flex-direction: row;
          flex-direction: row
      }

      @-webkit-keyframes dropHeader {
          0% {
              -webkit-transform: translateY(-10px);
              opacity: 0
          }

          to {
              -webkit-transform: translateY(0);
              opacity: 1
          }
      }

      @keyframes dropHeader {
          0% {
              transform: translateY(-10px);
              opacity: 0
          }

          to {
              transform: translateY(0);
              opacity: 1
          }
      }

      header {
          height: 66px;
          padding: 0 0 0 180px
      }

      header .logo,
      header .logo:after {
          position: absolute;
          height: 100%;
          background: #00a3e0
      }

      header .logo {
          left: 0;
          top: 0;
          width: 110px
      }

      header .logo amp-img {
          width: 50px;
          margin-left: 20px
      }

      .btn-ibet:after,
      .btn-ibet:before,
      header .logo:after {
          -webkit-transform-origin: 100% 0;
          -ms-transform-origin: 100% 0;
          -webkit-transform: skew(-45deg);
          -ms-transform: skew(-45deg)
      }

      header .logo:after {
          content: '';
          top: 0;
          left: 70%;
          width: 90%;
          transform-origin: 100% 0;
          transform: skew(-45deg);
          z-index: -1
      }

      @media (min-width:768px) {
          header .logo amp-img {
              width: 80px
          }
      }

      @media (min-width:1401px) {
          header {
              padding-left: 220px
          }

          header .logo {
              width: 140px
          }

          header .logo amp-img {
              width: 100px
          }

          header .logo:after {
              width: 100%;
              left: 50%
          }
      }

      .navbar-nav .nav-item .nav-link {
          color: #000;
          font-size: 15px;
          font-weight: 700;
          text-transform: uppercase;
          padding-right: 14px;
          padding-left: 14px;
          text-align: center;
          display: flex;
          align-self: center
      }

      .navbar-nav .nav-item .nav-link:focus,
      .navbar-nav .nav-item .nav-link:hover {
          color: #00a3e0
      }

      .navbar-nav .nav-item {
          border-top: 4px solid transparent;
          border-bottom: 4px solid transparent;
          -webkit-transition: all .3s ease;
          -o-transition: all .3s ease;
          transition: all .3s ease;
          align-self: stretch
      }

      .navbar-nav .nav-item.active {
          border-bottom-color: #00a3e0
      }

      .navbar-nav .nav-item.active .nav-link {
          color: #00a3e0
      }

      @media (min-width:1401px) {
          .navbar-nav .nav-item .nav-link {
              font-size: 16px;
              padding-right: 18px;
              padding-left: 18px
          }
      }

      #desktop-toggler {
          display: inline-flex;
          align-self: center;
          height: 100%;
          -webkit-transition: all .3s ease-in-out;
          -moz-transition: all .3s ease-in-out;
          -o-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out
      }

      #desktop-drawer {
          position: absolute;
          top: 100%;
          min-width: 220px;
          background: #00a3e0;
          right: 0;
          -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .2);
          box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .2);
          z-index: -1
      }

      #desktop-drawer a {
          display: block;
          color: #fff;
          cursor: pointer;
          border-bottom: 1px solid rgba(255, 255, 255, .2);
          border-left: 0 solid transparent;
          padding: 15px 30px;
          font-size: 15px;
          text-transform: uppercase;
          font-weight: 700;
          transition: all .3s ease
      }

      #desktop-drawer a:hover {
          background-color: #00a3e0;
          border-left: 4px solid #fff
      }

      .navbar-toggler {
          padding: 0 20px;
          display: inline-flex;
          align-self: center;
          border: 0;
          background-color: transparent
      }

      .navbar-toggler:focus {
          outline: none;
          background-color: transparent
      }

      .navbar-toggler .nav-icon,
      .navbar-toggler .nav-icon span {
          -webkit-transition: all .3s ease-in-out;
          -moz-transition: all .3s ease-in-out;
          -o-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out
      }

      .navbar-toggler .nav-icon {
          cursor: pointer;
          width: auto;
          margin: 0 auto
      }

      .navbar-toggler .nav-icon span {
          display: block;
          height: 3px;
          width: 26px;
          background: #000;
          margin: 6px auto
      }

      .livechat-icon,
      .livechat-icon:after {
          background-image: url(/style/images/category-icon-sprite.svg);
          background-size: 200px;
          background-repeat: no-repeat;
          width: 36px;
          height: 34px
      }

      .livechat-icon:after {
          -webkit-transition: all .3s ease;
          -o-transition: all .3s ease
      }

      .btn-ibet,
      .btn-ibet :before,
      .livechat-icon:after {
          transition: all .3s ease
      }

      .btn-ibet,
      .btn-ibet :before {
          -webkit-transition: all .3s ease;
          -o-transition: all .3s ease
      }

      .navbar-toggler:hover .nav-icon span {
          background-color: #00a3e0
      }

      .livechat-icon {
          margin: 10px auto 0;
          background-position: -101px -101px;
          position: relative
      }

      .livechat-icon:after {
          background-position: -101px -151px;
          background-color: #fff;
          content: "";
          position: absolute;
          left: 0;
          top: 0;
          opacity: 0;
          z-index: 2
      }

      .hoverpop:hover #wechat-pop,
      .livechat-icon:hover:after {
          opacity: 1
      }

      @media screen and (-ms-high-contrast:active),
      (-ms-high-contrast:none) {

          .livechat-icon,
          .livechat-icon:after {
              background-image: url(/style/images/category-icon-sprite.png)
          }
      }

      @media (max-width:767px) {
          header .logo {
              width: 70px
          }

          header .logo:after {
              width: 90%;
              left: 100%
          }

          header {
              padding-left: 120px;
              height: 50px
          }

          .navbar-nav .nav-item .nav-link {
              font-size: 13px;
              padding: 0 8px
          }

          body {
              padding-top: 50px
          }
      }

      .qrcode {
          width: 106px;
          display: block;
          margin: 0 auto 10px
      }

      .qrbox {
          font-weight: 700
      }

      .btn {
          font-weight: 600
      }

      .btn-ibet {
          margin-left: 37px;
          margin-right: 37px;
          text-transform: uppercase
      }

      .btn-ibet:after {
          right: -37px
      }

      .btn-ibet,
      .btn-ibet:focus,
      .btn-ibet:hover {
          background-color: #00a3e0
      }

      .btn:focus {
          outline: 0;
          box-shadow: none
      }

      .btn {
          padding-left: 10px;
          padding-right: 10px;
          border-radius: 0
      }

      .btn-ibet {
          color: #fff;
          border: 0;
          position: relative
      }

      .btn-ibet:after,
      .btn-ibet:before {
          -webkit-transition: all .3s ease;
          -o-transition: all .3s ease;
          transition: all .3s ease;
          content: '';
          position: absolute;
          top: 0;
          width: 100%;
          height: 100%;
          background: #00a3e0;
          transform-origin: 100% 0;
          transform: skew(-45deg);
          z-index: -1
      }

      .btn-ibet:before {
          left: 0
      }

      .btn-ibet:hover {
          color: #fff;
          filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, .2));
          -webkit-filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, .2))
      }

      .btn-ibet:focus {
          color: #fff;
          filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, .4));
          -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, .4))
      }

      .fab {
          display: inline-block;
          background: center/contain no-repeat;
          height: 100%;
          line-height: 1
      }

      .fa-apple {
          background-image: url(/style/images/apple-brands.svg);
          width: 19px;
          height: 21px
      }

      .fa-android {
          background-image: url(/style/images/android-brands.svg);
          width: 22px;
          height: 21px
      }

      .member-menu {
          display: flex;
          justify-content: flex-end;
          height: 100%;
          margin: 0
      }

      #desktop-nav,
      #desktop-nav nav,
      #desktop-nav nav ul {
          height: 100%
      }

      #desktop-nav {
          margin-right: auto
      }

      #right-nav {
          height: 100%;
          display: flex
      }

      .member-menu .nav-item {
          display: inline-flex;
          font-weight: 700;
          font-size: 13px;
          color: #000;
          align-self: stretch
      }

      @media (min-width:1200px) {
          #drawer-toggler {
              display: none
          }

          .ibet-header .navbar-nav {
              justify-content: space-between
          }
      }

      @media (max-width:1199px) {
          #desktop-toggler {
              display: none
          }
      }

      @media (max-width:767px) {
          .member-menu .nav-item.mobile-hidden {
              display: none
          }
      }

      #drawer {
          background-color: #00a3e0
      }

      #drawer .navbar-nav {
          border-top: 0;
          margin: 0;
          width: 100%;
          border-bottom: 1px solid rgba(255, 255, 255, .5);
          list-style: none;
          padding: 0;
          min-width: 260px
      }

      #drawer .navbar-nav li {
          border: 0;
          border-bottom: 1px solid rgba(255, 255, 255, .2);
          line-height: 45px
      }

      #drawer .navbar-nav li a {
          color: #fff;
          font-weight: 400;
          font-size: 15px;
          line-height: 50px;
          padding: 0 14px
      }

      .hoverpop {
          position: relative
      }

      #wechat-pop {
          opacity: 0;
          position: absolute;
          right: 240px;
          top: 0;
          background-color: #fff;
          border-radius: 3px;
          text-align: center;
          color: #000;
          padding: .75rem;
          text-transform: none;
          font-size: 14px;
          transition: opacity .3s ease;
          -webkit-transition: opacity .3s ease;
          -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .2);
          box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .2)
      }

      #wechat-pop::after {
          content: "";
          position: absolute;
          right: -10px;
          top: 15px;
          width: 10px;
          height: 20px;
          border-left: solid 10px #fff;
          border-bottom: solid 10px transparent;
          border-top: solid 10px transparent
      }

      #content-slider .amp-carousel-button,
      #desktop-banner .amp-carousel-button,
      #mobile-banner .amp-carousel-button,
      .category-slider .amp-carousel-button,
      .product-slider .amp-carousel-button {
          display: none
      }

      .amp-carousel-button {
          z-index: 2
      }

      .amp-carousel-button-prev {
          background: url(/style/images/chevron-left-solid.svg);
          width: 8px;
          height: 13px
      }

      .amp-carousel-button-next {
          background: url(/style/images/chevron-right-solid.svg);
          width: 8px;
          height: 13px
      }

      amp-carousel :focus,
      amp-carousel:focus,
      amp-selector :not(.indicator-dot):focus,
      amp-selector:focus {
          outline: none
      }

      @media (min-width:576px) {
          .amp-carousel-button-prev {
              left: -15px
          }

          .amp-carousel-button-next {
              right: -15px
          }
      }

      #desktop-nav li.nav-item.d-xl-none {
          display: none
      }

      /** Language Menu 語言選單 + lightbox **/
      amp-lightbox {
          position: fixed;
          z-index: 99;
          height: 100%;
          background-color: rgba(0, 0, 0, 0.6);
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
      }

      .lightbox {
          display: flex;
          -webkit-box-pack: start;
          justify-content: flex-start;
          align-items: flex-start;
          flex-direction: column;
          position: relative;
          width: 100vw;
          height: 100%;
          background-color: white;
          flex: 0 0 auto;
      }

      #lang-lightbox {
          font-size: 12px;
          text-align: center;
      }

      .lightbox-dialog {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 0;
          max-height: 100%;
          max-width: 100%;
          min-height: 100%;
          min-width: 100%;
          width: 0;
          margin: auto;
      }

      .lightbox-header {
          display: flex;
          background-color: #00a3e0;
          align-items: center;
          justify-content: center;
          height: 44px;
          width: 100%;
          position: relative;
      }

      .lightbox-title {
          color: white;
          font-size: 18px;
          margin: 0;
      }

      .lightbox-close {
          position: absolute;
          right: 0;
          top: 0;
          bottom: 0;
          color: white;
          font-size: 30px;
          line-height: 1;
          padding: 0 15px;
      }

      @media (min-width: 576px) {
          .lightbox {
              width: 516px;
              height: 645px;
              max-height: 90%;
          }
      }

      .lightbox-body {
          overflow-y: auto;
          flex: 1 1 0px;
          height: 100%;
          width: 100%;
          display: flex;
          flex-direction: column;
      }

      .btn-text {
          vertical-align: middle;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
          background-color: transparent;
          border: 0;
      }

      .btn-text:focus {
          outline: 0;
          box-shadow: none;
      }

      .lang-icon {
          background-repeat: no-repeat;
          width: 25px;
          height: 25px;
          background-image: url(/style/images/globe.svg);
          background-size: 56px;
          margin: 15px 0;
          background-position: 0 0;
          position: relative;
      }

      .lang-icon:after {
          background: white url(/style/images/globe.svg) no-repeat -30px 0;
          transition: all .3s ease;
          content: "";
          width: 25px;
          height: 25px;
          position: absolute;
          left: 0;
          top: 0;
          opacity: 0;
          z-index: 2;
      }

      .lang-icon:hover:after {
          opacity: 1;
      }

      .lang-section {
          padding: 40px 0;
      }

      .region-section {
          background-color: #f2f4f9;
          padding: 40px 0;
          flex-grow: 1;
      }

      .selected-region {
          display: inline-flex;
          justify-content: center;
          align-items: center;
          margin-bottom: 20px;
      }

      .flag {
          width: 40px;
          height: 40px;
          background: transparent no-repeat center / contain;
          margin: 10px 15px;
      }

      .selected-region .flag {
          width: 50px;
          height: 50px;
      }

      .flag-my {
          background-image: url(/style/images/flags/my.png)
      }

      .flag-cn {
          background-image: url(/style/images/flags/cn.png)
      }

      .flag-id {
          background-image: url(/style/images/flags/id.png)
      }

      .flag-vt {
          background-image: url(/style/images/flags/vt.png)
      }

      .flag-th {
          background-image: url(/style/images/flags/th.png)
      }

      .flag-sg {
          background-image: url(/style/images/flags/sg.png)
      }

      .flag-ph {
          background-image: url(/style/images/flags/ph.png)
      }

      .lang-menu {
          display: flex;
          width: 100%;
          justify-content: space-evenly;
          align-items: center;
      }

      .lang-link {
          color: black;
      }

      .lang-link.selected {
          color: #00a3e0;
          font-weight: bold;
          pointer-events: none;
      }

      .vertical-divider {
          height: 20px;
          border-right: 1px solid black;
      }

      .region-selector {
          display: grid;
          grid-template-columns: 1fr 1fr 1fr;
          grid-gap: 30px;
      }

      .region-selector a {
          color: black;
      }

      .region-selector .flag {
          margin-left: auto;
          margin-right: auto;
      }


      body {
          -webkit-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
          -moz-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
          -ms-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
          animation: -amp-start 8s steps(1, end) 0s 1 normal both
      }

      @-webkit-keyframes -amp-start {
          from {
              visibility: hidden
          }

          to {
              visibility: visible
          }
      }

      @-moz-keyframes -amp-start {
          from {
              visibility: hidden
          }

          to {
              visibility: visible
          }
      }

      @-ms-keyframes -amp-start {
          from {
              visibility: hidden
          }

          to {
              visibility: visible
          }
      }

      @-o-keyframes -amp-start {
          from {
              visibility: hidden
          }

          to {
              visibility: visible
          }
      }

      @keyframes -amp-start {
          from {
              visibility: hidden
          }

          to {
              visibility: visible
          }
      }