@charset "UTF-8";
/* new color codes */
input[type=text], select {
  color: #3F4644;
  font-size: 14px; }

html .tf-btn {
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s;
  -o-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  color: #FFFFFF !important;
  background: #009B7A !important;
  border: 0;
  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
  font-size: 16px;
  border-radius: 30px !important;
  padding: 6px 12px 6px 12px;
  text-transform: capitalize;
  min-height: 45px;
  border: solid 1px #009B7A;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center; }
  html .tf-btn::after {
    content: '';
    display: inline-block;
    transform: rotate(45deg);
    height: 10px;
    width: 5px;
    border-bottom: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    margin-left: 12px;
    margin-top: -2px; }
  html .tf-btn:hover {
    color: #009B7A !important;
    background: #FFFFFF !important;
    text-decoration: none;
    border-color: #D9D9D9;
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); }
    html .tf-btn:hover::after {
      border-color: #009B7A; }

html .mobile-undershadow {
  box-shadow: none !important; }

::-ms-reveal {
  display: none; }

html body {
  background: #F7F6F0 !important;
  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
  font-weight: 500;
  font-weight: 400;
  font-optical-sizing: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* header cart start here*/
  /*Header section end here*/
  /*Banner section start here */
  /*main content section start here*/
  /*Footer section start here*/ }
  html body div.tf-controls input[type=text],
  html body div.tf-controls input[type=password],
  html body div.tf-controls input[type=email],
  html body div.tf-controls select {
    border: solid 1px #B94D4D; }
  html body a {
    color: #3F4644;
    overflow: unset; }
  html body p {
    overflow-wrap: unset;
    word-wrap: unset;
    -ms-word-break: unset;
    word-break: unset;
    word-break: unset;
    -ms-hyphens: unset;
    -moz-hyphens: unset;
    -webkit-hyphens: unset;
    hyphens: unset; }
  html body #event-sign-terms-and-conditions {
    text-align: left !important;
    margin-top: 8px;
    background: #FFFFFF;
    padding: 16px;
    border-radius: 8px;
    box-sizing: border-box; }
    @media only screen and (max-width: 748px) {
      html body #event-sign-terms-and-conditions {
        padding: 16px;
        width: calc(100% - 32px);
        margin-left: 16px;
        display: inline-block; } }
    html body #event-sign-terms-and-conditions label {
      width: 90%; }
      html body #event-sign-terms-and-conditions label a {
        color: #A8996E;
        text-decoration: underline; }
      html body #event-sign-terms-and-conditions label .checkbox-img {
        border: 0 !important;
        width: 36px;
        height: 20px;
        margin-top: -3px; }
        html body #event-sign-terms-and-conditions label .checkbox-img::before {
          content: '';
          -webkit-appearance: none;
          background-color: transparent;
          border: 2px solid #004433;
          padding: 12px;
          border-radius: 8px;
          display: inline-block;
          position: absolute;
          vertical-align: middle;
          cursor: pointer;
          background-color: #FFFFFF;
          left: 0;
          top: -2px; }
      html body #event-sign-terms-and-conditions label input {
        display: none; }
        html body #event-sign-terms-and-conditions label input:checked ~ .checkbox-img::after {
          content: '';
          display: block;
          position: absolute;
          top: 4px;
          left: 10px;
          width: 6px;
          height: 11px;
          border: solid #FFFFFF;
          border-width: 0 2px 2px 0;
          transform: rotate(45deg); }
        html body #event-sign-terms-and-conditions label input:checked ~ .checkbox-img::before {
          background: #004433; }
      html body #event-sign-terms-and-conditions label .errorlist {
        padding-top: 12px; }
        html body #event-sign-terms-and-conditions label .errorlist li {
          display: flex;
          color: #B94D4D; }
          html body #event-sign-terms-and-conditions label .errorlist li::before {
            content: "";
            width: 15px;
            height: 15px;
            background: url("/static/whitelabels/sjm/images/error-icon.png") no-repeat left top;
            margin-right: 5px;
            display: inline-block;
            background-size: cover; }
  html body #seating-ba-ss-block {
    background: #EEEBE2 !important; }
    html body #seating-ba-ss-block #seating-ba-ss-buttons #seating-ba-ss-no {
      color: #3F4644; }
    html body #seating-ba-ss-block #seating-ba-ss-question {
      color: #3F4644 !important; }
  html body div {
    box-sizing: border-box; }
    @media only screen and (max-width: 748px) {
      html body div {
        box-sizing: unset; } }
  html body .visible-on-ets-v2 {
    display: block; }
  html body button.tf-btn-primary:hover, html body input.tf-btn-primary:hover, html body a.tf-btn-primary:hover {
    background-color: #AAAAAA; }
  html body.overlay-exist {
    overflow: hidden;
    max-height: 100vh; }
  html body .tf-btn.tf-btn-default {
    color: #3F4644; }
    html body .tf-btn.tf-btn-default:hover {
      color: #FFFFFF; }
  html body .modal .modalFooter .tf-btn.tf-btn-primary:hover {
    background-color: #AAAAAA; }
  html body #address-location-map {
    width: 720px;
    height: auto;
    max-width: 100%; }
    html body #address-location-map .modalBody {
      max-height: calc(100vh - 100px);
      background: #FFFFFF;
      border-radius: 5px;
      padding: 0 !important; }
      html body #address-location-map .modalBody .head-block {
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative; }
        @media only screen and (max-width: 748px) {
          html body #address-location-map .modalBody .head-block {
            height: 50px; } }
        html body #address-location-map .modalBody .head-block .close-btn {
          position: absolute;
          right: 0;
          background: url("/static/whitelabels/sjm/images/close-icon.svg") no-repeat;
          background-size: contain;
          background-position: center;
          color: transparent;
          width: 25px;
          height: 25px; }
        html body #address-location-map .modalBody .head-block .location-title {
          flex: 1;
          font-size: 18px;
          font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
          color: #3F4644; }
    html body #address-location-map #location-map-node {
      height: 500px; }
  html body #popup_based_unlock #popup_unlock_input {
    width: 100%;
    height: 40px;
    border: 0;
    box-sizing: border-box;
    border-bottom: solid 1px #004433;
    outline: none;
    color: #707070;
    font-size: 16px;
    padding-left: 10px; }
  html body #popup_based_unlock .modalBody {
    margin-top: 25px;
    text-align: left;
    min-height: 70px; }
    @media only screen and (max-width: 748px) {
      html body #popup_based_unlock .modalBody {
        margin: 15px 20px 0px 20px;
        width: unset;
        padding: 0;
        min-height: 75px; } }
    html body #popup_based_unlock .modalBody.error-active #popup_unlock_input {
      border-color: #B94D4D; }
    html body #popup_based_unlock .modalBody.error-active .error-block {
      font-size: 14px;
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      padding: 5px 0 0 10px;
      display: block;
      color: #B94D4D; }
    html body #popup_based_unlock .modalBody.success {
      color: #004433 !important;
      font-size: 14px !important;
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif; }
      html body #popup_based_unlock .modalBody.success + .modalFooter .tf-btn-primary {
        margin-left: auto; }
      html body #popup_based_unlock .modalBody.success .code {
        width: 100%;
        height: 30px;
        box-sizing: border-box;
        border-bottom: solid 1px #004433;
        color: #707070;
        font-size: 16px;
        padding-left: 10px;
        text-transform: uppercase;
        margin-bottom: 5px;
        display: block; }
      html body #popup_based_unlock .modalBody.success .messsage {
        padding-left: 10px; }
  html body #popup_based_unlock .modalFooter {
    display: flex;
    gap: 10px;
    margin-top: 5px; }
    html body #popup_based_unlock .modalFooter button {
      width: 50%;
      border-radius: 0 !important;
      margin: 0;
      height: auto; }
      html body #popup_based_unlock .modalFooter button.tf-btn-primary {
        background: #CFCFCF;
        color: #3F4644; }
        html body #popup_based_unlock .modalFooter button.tf-btn-primary:hover {
          color: #FFFFFF; }
    html body #popup_based_unlock .modalFooter #unlock-input:disabled, html body #popup_based_unlock .modalFooter #unlock-input[disabled] {
      color: transparent;
      position: relative; }
      html body #popup_based_unlock .modalFooter #unlock-input:disabled #unlock-attempt-progress, html body #popup_based_unlock .modalFooter #unlock-input[disabled] #unlock-attempt-progress {
        position: absolute;
        left: 45%;
        top: 10px;
        color: #FFFFFF; }
  html body .blockUI:has(#popup_based_unlock) {
    width: 340px !important;
    max-width: 100%;
    border-radius: 5px;
    min-height: 165px; }
  html body #my-account-overlay {
    display: none;
    z-index: 97;
    position: fixed;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    background: rgba(112, 112, 112, 0.7); }
    html body #my-account-overlay.active {
      display: block; }
  html body #ets-queuer-keep-alive-confirm-modal .modalBody, html body #order_state_cancel_double_confirm .modalBody {
    padding-top: 20px; }
    html body #ets-queuer-keep-alive-confirm-modal .modalBody .main-text, html body #order_state_cancel_double_confirm .modalBody .main-text {
      font-weight: normal;
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif; }
  html body #ets-queuer-keep-alive-confirm-modal .modalFooter, html body #order_state_cancel_double_confirm .modalFooter {
    display: flex;
    align-items: center;
    flex-direction: column; }
    html body #ets-queuer-keep-alive-confirm-modal .modalFooter .tf-btn, html body #order_state_cancel_double_confirm .modalFooter .tf-btn {
      width: 340px;
      box-sizing: border-box;
      padding: 10px 12px 10px 12px;
      margin-bottom: 20px; }
      @media (max-width: 360px) {
        html body #ets-queuer-keep-alive-confirm-modal .modalFooter .tf-btn, html body #order_state_cancel_double_confirm .modalFooter .tf-btn {
          width: 100%; } }
  html body #ets-queuer-keep-alive-reject-modal .modalBody {
    padding-top: 20px; }
  html body #ets-queuer-keep-alive-reject-modal .modalFooter {
    text-align: center; }
    html body #ets-queuer-keep-alive-reject-modal .modalFooter .tf-btn-primary {
      width: 340px;
      box-sizing: border-box;
      padding: 10px 12px 10px 12px;
      margin-bottom: 20px; }
      @media (max-width: 360px) {
        html body #ets-queuer-keep-alive-reject-modal .modalFooter .tf-btn-primary {
          width: 100%; } }
  html body .container {
    width: auto !important;
    box-sizing: border-box;
    padding: 0; }
    html body .container #content > .clearfix.buyer-expired {
      text-align: center;
      padding-top: 30px; }
      html body .container #content > .clearfix.buyer-expired h2 {
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        font-weight: 600;
        font-size: 21px;
        color: #3F4644;
        text-transform: capitalize; }
      html body .container #content > .clearfix.buyer-expired .infoItem {
        margin: 0 auto; }
        @media (min-width: 749px) {
          html body .container #content > .clearfix.buyer-expired .infoItem {
            width: 480px; } }
        html body .container #content > .clearfix.buyer-expired .infoItem p {
          font-size: 14px;
          line-height: 21px;
          color: #3F4644;
          margin-top: 25px;
          margin-bottom: 25px;
          font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
          font-weight: 500; }
        html body .container #content > .clearfix.buyer-expired .infoItem a .tf-btn {
          width: 340px;
          height: 40px;
          margin: 0 auto; }
    html body .container .access-code-block:has(#event-additional-info) h2.tf-title {
      margin-bottom: 0; }
    html body .container .access-code-block #event-additional-info {
      font-size: 16px;
      margin-top: 0;
      text-align: center;
      padding: 0 10px 10px;
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      box-sizing: border-box; }
      html body .container .access-code-block #event-additional-info img {
        width: auto;
        max-width: 100%; }
    html body .container .access-code-block h2.tf-title {
      font-size: 21px;
      color: #3F4644;
      text-transform: unset;
      margin-bottom: 10px;
      text-align: center; }
    html body .container .access-code-block .tf-btn {
      width: 100%;
      background-color: #004433;
      color: #FFFFFF;
      padding: 9px 12px;
      margin-top: 20px;
      border-radius: 5px !important; }
      html body .container .access-code-block .tf-btn:hover {
        background-color: #D9D9D9; }
    html body .container .access-code-block #id_access_code {
      border: solid 1px #d7d7d7;
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif; }
    html body .container .access-code-block .alert-danger {
      display: none; }
    html body .container .access-code-block .alert-danger ~ form .tf-controls .required #id_access_code {
      border-color: #B94D4D; }
    html body .container .access-code-block .layout-ets-v2 {
      display: block !important; }
      html body .container .access-code-block .layout-ets-v2 .alert-danger {
        display: block;
        border: 0 !important;
        padding: 0;
        margin-bottom: 5px;
        text-align: left;
        font-size: 0.9em;
        color: #B94D4D !important; }
    html body .container .access-code-block .errorlist li {
      color: #B94D4D; }
  html body #download-prompt {
    color: #3F4644;
    padding: 30px !important;
    line-height: 23px; }
    html body #download-prompt h2.tf-title {
      font-size: 21px !important;
      color: #3F4644;
      text-transform: unset;
      margin-bottom: 10px;
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif; }
    html body #download-prompt .actions {
      display: flex;
      flex-direction: column; }
      html body #download-prompt .actions .unblock-ui {
        background: #D9D9D9;
        padding: 8px 12px 8px 12px;
        order: 2;
        color: #3F4644; }
        html body #download-prompt .actions .unblock-ui:hover {
          color: #000000; }
      html body #download-prompt .actions .download-prompt {
        order: 1;
        padding: 8px 12px 8px 12px;
        margin-bottom: 25px;
        margin-top: 20px;
        color: #F8F8F8; }
  html body #messages {
    margin-top: 20px;
    margin-bottom: 0; }
    html body #messages ul {
      display: block;
      text-align: center;
      padding-bottom: 10px; }
      html body #messages ul li.alert.alert-success {
        color: #3F4644 !important;
        font-size: 21px;
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        font-weight: 600;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAbCAYAAAAULC3gAAAABHNCSVQICAgIfAhkiAAAAf1JREFUSEvFlbtKA0EUhv9BRGxsBe02PoGVYBJJ6WtIhCgWXooYFSMRNeAlhah4wbewFpMQtPABhGQbK0EQS5G4/jsmsjHZndlc1mkWds75z7fn/DMr8E+rUMa2BSQgcFcdRCI2glcbRQTNY1kQRRNXrDvjqP3ULzA1YeAlUCAXmB8uC2bfAKKBAuXLuBQCcY+pPAQGRM9c0CCzCou8BQJUrOCUBp5T+ZUwSz0H0oUhbCoSQranQH5henrs24FpALo3Mfxp4YwvJy2B86iBTdXM3fZ5mo55mhY08uWYnHFyZBLmCyWeAsOxeR02EKcw/ai/8hXkKLqokdEEIztUesZo9QP5PzBSj8Jn4RDmNcRlSKcwsibb+8gujHsUPWFble0vVHBIjWUVPO2wTjvsusUJXljvbMWQlxBnlouG3ItR44AaK53CyA4VTApZFFSvI3aqqSg7Y5syqUwX2IgY2FHFSVNTdJWPPVUw97OEStXjmGfn2Lmq1dLArZJ+L0ZdKCZkaPR0L2DkyJyUeRNrwlK3lSO+ZWZM1RZ6L03vZVRxzv2mX4dupzSKNIxXI16GtPyXdQGqLRhXoJrRt/hM636ZI65tGE+gGpTuKarzdASjBPIJ1TGMFpAmVFdgtIEUUF2D8QXkAtVVGN9ANagkL8ZpXno30THst3EKPVO+AaCvqOcFdssRAAAAAElFTkSuQmCC");
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: 0px 2px;
        display: inline-block;
        border-width: 0 !important;
        border-color: unset !important;
        padding: 0 0 0 30px; }
        @media (max-width: 500px) {
          html body #messages ul li.alert.alert-success {
            font-size: 16px; } }
        @media (max-width: 345px) {
          html body #messages ul li.alert.alert-success {
            background-position: 55px 2px; } }
  html body .transition-container {
    transition: margin-left .5s;
    max-width: 1280px;
    margin: 0 auto; }
    @media (max-width: 1280px) {
      html body .transition-container {
        max-width: 100%; } }
    @media only screen and (max-width: 748px) {
      html body .transition-container.menu-margin {
        margin-left: 0 !important; } }
  html body #header {
    z-index: 8;
    position: fixed;
    width: 100%;
    top: 0;
    min-height: 110px; }
    @media only screen and (max-width: 748px) {
      html body #header {
        border: none;
        z-index: 10; } }
    html body #header .menu .menu-row {
      margin-top: 12px; }
    html body #header.fixed-header .container.header-links {
      background: rgba(247, 246, 240, 0.8) !important;
      backdrop-filter: blur(30px);
      padding: 8px 25px 8px 25px !important;
      transition: all 0.3s ease-in-out;
      min-height: 70px; }
      @media only screen and (max-width: 748px) {
        html body #header.fixed-header .container.header-links {
          padding: 8px 8px !important;
          margin: 0;
          min-height: 77px; } }
      html body #header.fixed-header .container.header-links #brand-logo {
        background: url("/static/whitelabels/sjm/images/logo-sm-scrolled.png");
        background-size: cover; }
        @media (min-resolution: 192dpi) {
          html body #header.fixed-header .container.header-links #brand-logo {
            background-image: -webkit-image-set(url("/static/whitelabels/sjm/images/logo-sm-scrolled.png") 1x, url("/static/whitelabels/sjm/images/logo-scrolled.png") 2x);
            background-image: image-set(url("/static/whitelabels/sjm/images/logo-sm-scrolled.png") 1x, url("/static/whitelabels/sjm/images/logo-scrolled.png") 2x); } }
  html body header {
    width: 100%;
    left: 50%;
    transform: translateX(-50%); }
    @media only screen and (max-width: 748px) {
      html body header .header__shownav {
        display: none; } }
    html body header .header-fixed {
      position: relative;
      background-color: #3F4644;
      padding: 0;
      z-index: 12;
      display: none; }
      @media only screen and (max-width: 748px) {
        html body header .header-fixed {
          padding: 3px 0 1px;
          z-index: 100; } }
      html body header .header-fixed .container {
        width: auto;
        padding: 0;
        box-sizing: border-box; }
        html body header .header-fixed .container .menu-row .special-header {
          text-align: right;
          padding: 0 25px;
          text-transform: capitalize; }
          @media only screen and (max-width: 748px) {
            html body header .header-fixed .container .menu-row .special-header {
              text-align: left;
              padding: 0 5px; } }
          html body header .header-fixed .container .menu-row .special-header span {
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            text-transform: capitalize;
            font-size: 12px;
            color: #FFFFFF; }
            @media only screen and (max-width: 748px) {
              html body header .header-fixed .container .menu-row .special-header span {
                font-size: 10px;
                float: left;
                line-height: 12px; } }
            html body header .header-fixed .container .menu-row .special-header span a {
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              color: #FFFFFF;
              font-size: 12px;
              text-transform: initial; }
              @media only screen and (max-width: 748px) {
                html body header .header-fixed .container .menu-row .special-header span a {
                  font-size: 10px; } }
            html body header .header-fixed .container .menu-row .special-header span:first-child a {
              text-transform: capitalize; }
            html body header .header-fixed .container .menu-row .special-header span:first-child::after {
              content: '|';
              display: inline-block;
              color: #FFFFFF;
              margin: 0 5px; }
              @media only screen and (max-width: 748px) {
                html body header .header-fixed .container .menu-row .special-header span:first-child::after {
                  display: none; } }
            html body header .header-fixed .container .menu-row .special-header span:nth-child(2) {
              line-height: 30px; }
              @media only screen and (max-width: 748px) {
                html body header .header-fixed .container .menu-row .special-header span:nth-child(2) {
                  line-height: 15px;
                  clear: both; } }
              html body header .header-fixed .container .menu-row .special-header span:nth-child(2) a {
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-weight: 600; }
          html body header .header-fixed .container .menu-row .special-header > a {
            color: #FFFFFF;
            font-size: 14px;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-weight: 500;
            border-radius: 30px;
            padding: 5px 10px;
            text-transform: uppercase;
            float: right;
            line-height: 19px;
            font-weight: normal; }
            @media (min-width: 749px) {
              html body header .header-fixed .container .menu-row .special-header > a {
                display: none !important;
                font-size: 16px; } }
          html body header .header-fixed .container .menu-row .special-header a#my-tickets-mobile, html body header .header-fixed .container .menu-row .special-header a#my-tickets-mobile-no-login {
            padding: 7px 10px 5px !important;
            border-radius: 5px; }
            html body header .header-fixed .container .menu-row .special-header a#my-tickets-mobile.active, html body header .header-fixed .container .menu-row .special-header a#my-tickets-mobile-no-login.active {
              background: #004433;
              font-size: 11px;
              padding: 5px 8px !important;
              height: auto;
              margin: -10px 0 0;
              line-height: 11px; }
            @media only screen and (max-width: 748px) {
              html body header .header-fixed .container .menu-row .special-header a#my-tickets-mobile, html body header .header-fixed .container .menu-row .special-header a#my-tickets-mobile-no-login {
                margin-top: -15px;
                margin-right: -10px;
                font-size: 11px; } }
          html body header .header-fixed .container .menu-row .special-header .my-ticket-menu-mobile {
            opacity: 0;
            position: absolute;
            right: 9px;
            top: 31px;
            background: #F8F8F8;
            z-index: 9;
            width: 140px;
            height: 0;
            overflow: hidden;
            transition: all 0.3s ease-in-out; }
            html body header .header-fixed .container .menu-row .special-header .my-ticket-menu-mobile.active {
              opacity: 1;
              height: auto; }
              html body header .header-fixed .container .menu-row .special-header .my-ticket-menu-mobile.active ul {
                display: inline-block;
                margin: 0;
                width: 100%;
                padding: 0; }
                html body header .header-fixed .container .menu-row .special-header .my-ticket-menu-mobile.active ul li {
                  width: 100%;
                  text-transform: capitalize !important; }
                  html body header .header-fixed .container .menu-row .special-header .my-ticket-menu-mobile.active ul li a {
                    color: #3F4644;
                    padding: 10px;
                    display: block !important;
                    box-sizing: border-box;
                    width: 100%;
                    text-decoration: none; }
                    html body header .header-fixed .container .menu-row .special-header .my-ticket-menu-mobile.active ul li a:hover {
                      background: #D9D9D9; }
                    html body header .header-fixed .container .menu-row .special-header .my-ticket-menu-mobile.active ul li a.active {
                      background: #004433 !important;
                      color: #FFFFFF !important; }
    html body header #mySidebar-content {
      position: fixed;
      overflow-x: hidden;
      padding-top: 80px;
      background: #F8F8F8;
      width: 225px;
      height: 100vh;
      display: none;
      z-index: 6; }
      @media only screen and (max-width: 748px) {
        html body header #mySidebar-content {
          padding-top: 20px;
          top: 0; } }
      html body header #mySidebar-content.menu-width {
        display: block;
        left: 0; }
        @media only screen and (max-width: 748px) {
          html body header #mySidebar-content.menu-width {
            width: 101% !important;
            padding-top: 20px;
            z-index: 101;
            top: 0;
            left: -1px; } }
      html body header #mySidebar-content ul.menu-ul li {
        margin-bottom: 10px; }
        html body header #mySidebar-content ul.menu-ul li a {
          font-size: 16px;
          color: #3F4644;
          font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
          padding: 5px 25px;
          display: block;
          text-transform: capitalize; }
          html body header #mySidebar-content ul.menu-ul li a:hover {
            color: #004433;
            text-decoration: none; }
      html body header #mySidebar-content ul.menu-ul.menu-section-2 {
        padding: 20px 0 0px 0; }
      html body header #mySidebar-content .sidenav-tab {
        padding: 15px 0 15px 0 !important; }
        @media screen and (max-height: 896px) {
          html body header #mySidebar-content .sidenav-tab {
            padding: 0px 0 245px 0 !important; } }
  @media only screen and (max-height: 896px) and (max-width: 748px) {
    html body header #mySidebar-content .sidenav-tab {
      padding: 0px 0 15px 0 !important; } }
        html body header #mySidebar-content .sidenav-tab .tab {
          width: 100%;
          color: #3F4644;
          overflow: hidden; }
          html body header #mySidebar-content .sidenav-tab .tab-label {
            display: flex;
            justify-content: space-between;
            padding: 5px 25px 15px 25px;
            background: #F8F8F8;
            cursor: pointer;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-size: 16px; }
            html body header #mySidebar-content .sidenav-tab .tab-label:hover {
              background: #F8F8F8; }
            html body header #mySidebar-content .sidenav-tab .tab-label::after {
              transition: all .35s;
              width: 0;
              height: 0;
              content: '';
              border-left: 8px solid transparent;
              border-right: 8px solid transparent;
              border-top: 9px solid #3F4644;
              font-size: 0;
              margin-top: 4px; }
          html body header #mySidebar-content .sidenav-tab .tab-content {
            display: none;
            padding: 0 1.5em;
            color: #3F4644;
            background: #F8F8F8;
            transition: all .35s; }
          html body header #mySidebar-content .sidenav-tab .tab-close {
            display: flex;
            justify-content: flex-end;
            padding: 1em;
            font-size: 0.75em;
            background: #F8F8F8;
            cursor: pointer; }
            html body header #mySidebar-content .sidenav-tab .tab-close:hover {
              background: #F8F8F8; }
          html body header #mySidebar-content .sidenav-tab .tab input.hiddencheckbox {
            position: absolute;
            opacity: 0;
            z-index: -1; }
          html body header #mySidebar-content .sidenav-tab .tab input.hiddencheckbox:checked + .tab-label::after {
            transform: rotate(180deg); }
          html body header #mySidebar-content .sidenav-tab .tab input.hiddencheckbox:checked ~ .tab-content {
            display: inline-block;
            padding: 0em 1.7em .8em 1.7em; }
            html body header #mySidebar-content .sidenav-tab .tab input.hiddencheckbox:checked ~ .tab-content ul {
              margin: 0; }
              html body header #mySidebar-content .sidenav-tab .tab input.hiddencheckbox:checked ~ .tab-content ul li {
                margin-bottom: 10px; }
                html body header #mySidebar-content .sidenav-tab .tab input.hiddencheckbox:checked ~ .tab-content ul li span {
                  color: #3F4644;
                  cursor: pointer;
                  font-size: 14px;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  display: block;
                  padding: 5px 0; }
                  html body header #mySidebar-content .sidenav-tab .tab input.hiddencheckbox:checked ~ .tab-content ul li span.active {
                    color: #004433; }
                    html body header #mySidebar-content .sidenav-tab .tab input.hiddencheckbox:checked ~ .tab-content ul li span.active a {
                      color: #004433; }
                  html body header #mySidebar-content .sidenav-tab .tab input.hiddencheckbox:checked ~ .tab-content ul li span:hover {
                    color: #004433; }
                  html body header #mySidebar-content .sidenav-tab .tab input.hiddencheckbox:checked ~ .tab-content ul li span a {
                    color: #3F4644;
                    text-decoration: none; }
                    html body header #mySidebar-content .sidenav-tab .tab input.hiddencheckbox:checked ~ .tab-content ul li span a:hover {
                      color: #004433; }
                html body header #mySidebar-content .sidenav-tab .tab input.hiddencheckbox:checked ~ .tab-content ul li:last-child {
                  margin-bottom: 0; }
          html body header #mySidebar-content .sidenav-tab .tab input.hiddencheckbox:checked .tab-content {
            max-height: 100vh;
            padding: 1em 1.7em;
            background-color: #FFFFFF; }
            html body header #mySidebar-content .sidenav-tab .tab input.hiddencheckbox:checked .tab-content ul {
              margin: 0 -15px; }
              html body header #mySidebar-content .sidenav-tab .tab input.hiddencheckbox:checked .tab-content ul li {
                margin-bottom: 10px; }
                html body header #mySidebar-content .sidenav-tab .tab input.hiddencheckbox:checked .tab-content ul li span {
                  color: #3F4644;
                  cursor: pointer;
                  font-size: 14px;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  font-weight: 500;
                  display: block;
                  padding: 5px 0; }
      html body header #mySidebar-content .mobile-close-btn {
        display: none; }
        @media only screen and (max-width: 748px) {
          html body header #mySidebar-content .mobile-close-btn {
            color: #3F4644;
            display: block;
            float: right;
            font-size: 45px;
            margin-top: -12px;
            margin-right: 25px;
            cursor: pointer;
            transition: 0.3s; }
            html body header #mySidebar-content .mobile-close-btn .fa::before {
              content: '\D7'; } }
    html body header .container {
      margin-top: 0; }
      html body header .container.header-links {
        padding: 16px 25px 16px 25px !important;
        background: rgba(0, 30, 30, 0.8) !important;
        min-height: 90px;
        box-shadow: #d7d7d7 0 0 4px;
        backdrop-filter: blur(30px);
        transition: all 0.3s ease-in-out; }
        @media (min-width: 749px) {
          html body header .container.header-links .transition-container {
            padding: 0 25px; } }
        html body header .container.header-links .left-side-menu {
          position: absolute;
          left: 25px;
          top: 55px;
          cursor: pointer;
          display: none; }
          @media only screen and (max-width: 748px) {
            html body header .container.header-links .left-side-menu {
              left: 10px; } }
          @media (min-width: 749px) {
            html body header .container.header-links .left-side-menu {
              z-index: 51; } }
          html body header .container.header-links .left-side-menu .hamburger .line {
            width: 22px;
            height: 3px;
            background-color: #3F4644;
            display: block;
            margin: 5px auto;
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out; }
          @media (min-width: 749px) {
            html body header .container.header-links .left-side-menu.active .line:nth-child(2) {
              opacity: 0; }
            html body header .container.header-links .left-side-menu.active .line:nth-child(1) {
              -webkit-transform: translateY(5px) rotate(45deg);
              -ms-transform: translateY(5px) rotate(45deg);
              -o-transform: translateY(5px) rotate(45deg);
              transform: translateY(5px) rotate(45deg); }
            html body header .container.header-links .left-side-menu.active .line:nth-child(3) {
              -webkit-transform: translateY(-11px) rotate(-45deg);
              -ms-transform: translateY(-11px) rotate(-45deg);
              -o-transform: translateY(-11px) rotate(-45deg);
              transform: translateY(-11px) rotate(-45deg); } }
          html body header .container.header-links .left-side-menu.active + .brand::before {
            width: 210px;
            background: #F8F8F8;
            content: "";
            height: 75px;
            position: absolute;
            left: -75px;
            top: -15px;
            z-index: 0; }
        @media only screen and (max-width: 748px) {
          html body header .container.header-links {
            padding: 16px 8px !important;
            margin: 0; } }
        @media (max-width: 360px) {
          html body header .container.header-links {
            align-items: center;
            justify-content: space-between; } }
      html body header .container .menu {
        background: none !important;
        width: auto; }
        @media only screen and (max-width: 748px) {
          html body header .container .menu {
            display: inline-block;
            margin-top: 0px !important; } }
        @media (max-width: 360px) {
          html body header .container .menu {
            display: block;
            margin-top: 0px !important; } }
        @media only screen and (max-width: 748px) {
          html body header .container .menu .menu-row {
            margin: 0 !important; } }
        @media only screen and (max-width: 748px) {
          html body header .container .menu .menu-row .navbar {
            display: flex !important;
            position: unset;
            align-items: center; } }
        @media (max-width: 360px) {
          html body header .container .menu .menu-row .navbar {
            justify-content: right; } }
        html body header .container .menu .menu-row .navbar ul.nav-auth {
          margin-top: 0;
          display: flex; }
          @media only screen and (max-width: 748px) {
            html body header .container .menu .menu-row .navbar ul.nav-auth {
              display: inline-flex !important;
              align-items: center; } }
          html body header .container .menu .menu-row .navbar ul.nav-auth .languageWrap {
            order: 3; }
            @media only screen and (max-width: 748px) {
              html body header .container .menu .menu-row .navbar ul.nav-auth .languageWrap {
                margin-top: 9px; } }
          html body header .container .menu .menu-row .navbar ul.nav-auth #nav-shopping-cart {
            margin-top: 0px;
            margin-right: 20px;
            padding-top: 8px; }
            @media only screen and (max-width: 748px) {
              html body header .container .menu .menu-row .navbar ul.nav-auth #nav-shopping-cart {
                margin-right: 15px;
                padding-top: 4px; } }
            html body header .container .menu .menu-row .navbar ul.nav-auth #nav-shopping-cart a {
              padding: 0 !important;
              background: none !important; }
              html body header .container .menu .menu-row .navbar ul.nav-auth #nav-shopping-cart a .shopping-cart-icon {
                background: url("/static/whitelabels/sjm/images/cart_icon.svg") no-repeat;
                padding: 10px;
                background-size: contain;
                display: block;
                background-color: none !important; }
                @media only screen and (max-width: 748px) {
                  html body header .container .menu .menu-row .navbar ul.nav-auth #nav-shopping-cart a .shopping-cart-icon {
                    display: block !important; } }
                @media (max-width: 360px) {
                  html body header .container .menu .menu-row .navbar ul.nav-auth #nav-shopping-cart a .shopping-cart-icon {
                    background-size: 95%; } }
              html body header .container .menu .menu-row .navbar ul.nav-auth #nav-shopping-cart a #nav-cart-count {
                top: -4px;
                left: 16px;
                background: #004433; }
                @media only screen and (max-width: 748px) {
                  html body header .container .menu .menu-row .navbar ul.nav-auth #nav-shopping-cart a #nav-cart-count {
                    top: -9px !important;
                    left: 70% !important; } }
          html body header .container .menu .menu-row .navbar ul.nav-auth li {
            margin-right: 15px; }
            @media only screen and (max-width: 748px) {
              html body header .container .menu .menu-row .navbar ul.nav-auth li {
                margin: 0; } }
            html body header .container .menu .menu-row .navbar ul.nav-auth li.my-ticket-link {
              margin-right: 0;
              margin-top: 9px;
              position: relative; }
              html body header .container .menu .menu-row .navbar ul.nav-auth li.my-ticket-link .my-ticket-menu {
                height: 0;
                overflow: hidden;
                position: absolute;
                top: 35px;
                width: 190px;
                transition: all 0.3s ease-in-out; }
                html body header .container .menu .menu-row .navbar ul.nav-auth li.my-ticket-link .my-ticket-menu ul {
                  display: block;
                  float: left;
                  border-radius: 5px;
                  overflow: hidden;
                  box-shadow: #EEEBE2 0 3px 6px; }
                  html body header .container .menu .menu-row .navbar ul.nav-auth li.my-ticket-link .my-ticket-menu ul li {
                    margin-right: 0;
                    width: 100%;
                    background-color: #FFFFFF; }
                    html body header .container .menu .menu-row .navbar ul.nav-auth li.my-ticket-link .my-ticket-menu ul li a {
                      background: none !important;
                      color: #3F4644 !important;
                      font-size: 14px;
                      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                      font-weight: 500;
                      transition: 0.2s;
                      border-radius: 0;
                      display: block !important;
                      width: 100%;
                      box-sizing: border-box;
                      text-transform: unset !important; }
                      html body header .container .menu .menu-row .navbar ul.nav-auth li.my-ticket-link .my-ticket-menu ul li a:hover {
                        background-color: #D9D9D9 !important; }
                      html body header .container .menu .menu-row .navbar ul.nav-auth li.my-ticket-link .my-ticket-menu ul li a.active {
                        background-color: #004433 !important;
                        color: #FFFFFF !important; }
              html body header .container .menu .menu-row .navbar ul.nav-auth li.my-ticket-link.active a {
                background-color: none !important;
                color: #FFFFFF !important; }
              html body header .container .menu .menu-row .navbar ul.nav-auth li.my-ticket-link.active .my-ticket-menu {
                height: 250px;
                top: 43px;
                overflow: visible; }
              @media only screen and (max-width: 748px) {
                html body header .container .menu .menu-row .navbar ul.nav-auth li.my-ticket-link {
                  display: none; } }
            html body header .container .menu .menu-row .navbar ul.nav-auth li.packages-link {
              margin-top: 8px; }
              @media only screen and (max-width: 748px) {
                html body header .container .menu .menu-row .navbar ul.nav-auth li.packages-link {
                  display: none !important; } }
              html body header .container .menu .menu-row .navbar ul.nav-auth li.packages-link a.active {
                background-color: #D9D9D9 !important; }
            html body header .container .menu .menu-row .navbar ul.nav-auth li a {
              background: none !important;
              color: #FFFFFF !important;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 500;
              font-size: 15px;
              padding: 8px 16px !important;
              border-radius: 5px;
              text-transform: uppercase;
              transition: all 0.3s ease-in-out; }
              html body header .container .menu .menu-row .navbar ul.nav-auth li a:hover {
                text-decoration: none;
                color: #004433 !important;
                background-color: none !important; }
              html body header .container .menu .menu-row .navbar ul.nav-auth li a.active {
                background-color: none !important;
                color: #004433 !important; }
            html body header .container .menu .menu-row .navbar ul.nav-auth li::before {
              display: none; }
            html body header .container .menu .menu-row .navbar ul.nav-auth li.profile-for-mobile {
              display: flex;
              height: 34px;
              margin-left: 15px;
              margin-right: 0;
              order: 4; }
              html body header .container .menu .menu-row .navbar ul.nav-auth li.profile-for-mobile a {
                padding: 5px 10px !important;
                background: none !important;
                position: relative;
                z-index: 99;
                color: #FFFFFF; }
                html body header .container .menu .menu-row .navbar ul.nav-auth li.profile-for-mobile a svg {
                  width: 17px;
                  height: 17px;
                  margin-top: 4px; }
                html body header .container .menu .menu-row .navbar ul.nav-auth li.profile-for-mobile a:hover {
                  background: none !important;
                  color: #004433; }
                  @media (max-width: 1280px) {
                    html body header .container .menu .menu-row .navbar ul.nav-auth li.profile-for-mobile a:hover {
                      background: unset !important; } }
                html body header .container .menu .menu-row .navbar ul.nav-auth li.profile-for-mobile a.active {
                  background: #004433 !important; }
                  @media only screen and (max-width: 748px) {
                    html body header .container .menu .menu-row .navbar ul.nav-auth li.profile-for-mobile a.active {
                      display: block; } }
                  @media (max-width: 360px) {
                    html body header .container .menu .menu-row .navbar ul.nav-auth li.profile-for-mobile a.active {
                      position: unset;
                      display: unset;
                      width: auto !important;
                      left: unset; } }
                  html body header .container .menu .menu-row .navbar ul.nav-auth li.profile-for-mobile a.active svg path {
                    fill: #FFFFFF; }
                  @media (max-width: 360px) {
                    html body header .container .menu .menu-row .navbar ul.nav-auth li.profile-for-mobile a.active svg {
                      width: 17px;
                      height: 17px; } }
              @media only screen and (max-width: 748px) {
                html body header .container .menu .menu-row .navbar ul.nav-auth li.profile-for-mobile {
                  order: 2;
                  margin-left: 12px;
                  margin-right: 8px; } }
              @media (max-width: 360px) {
                html body header .container .menu .menu-row .navbar ul.nav-auth li.profile-for-mobile {
                  margin-left: 0; } }
        html body header .container .menu .menu-row .navbar span {
          display: block !important; }
        @media only screen and (max-width: 748px) {
          html body header .container .menu .menu-row {
            display: block; } }
      html body header .container .brand {
        margin-left: 0;
        position: relative;
        z-index: 50; }
        @media only screen and (max-width: 748px) {
          html body header .container .brand {
            margin-top: 0 !important;
            margin-left: 0 !important;
            z-index: 1 !important; } }
        @media (max-width: 360px) {
          html body header .container .brand {
            margin-left: 0 !important;
            margin-right: 0 !important; } }
        @media (max-width: 360px) {
          html body header .container .brand.pullLeft {
            height: 45px !important;
            width: auto !important; } }
        @media only screen and (max-width: 748px) {
          html body header .container .brand.pullLeft {
            margin-left: 5px !important; } }
        html body header .container .brand #brand-logo {
          width: 170px;
          height: 60px;
          position: relative;
          left: 0;
          top: 0 !important;
          background: url("/static/whitelabels/sjm/images/logo-sm.png");
          background-repeat: no-repeat;
          background-size: cover; }
          @media (min-resolution: 192dpi) {
            html body header .container .brand #brand-logo {
              background-image: -webkit-image-set(url("/static/whitelabels/sjm/images/logo-sm.png") 1x, url("/static/whitelabels/sjm/images/logo.png") 2x);
              background-image: image-set(url("/static/whitelabels/sjm/images/logo-sm.png") 1x, url("/static/whitelabels/sjm/images/logo.png") 2x); } }
          @media (min-width: 749px) {
            @-moz-document url-prefix() {
              html body header .container .brand #brand-logo {
                top: 35px; } } }
          @media only screen and (max-width: 748px) {
            html body header .container .brand #brand-logo {
              top: 0 !important; } }
          @media (max-width: 360px) {
            html body header .container .brand #brand-logo {
              margin-left: 0 !important;
              margin-right: 8px !important; } }
  html body #password-reset-confirm-page #password-reset-confirm-wrap {
    text-align: center; }
    html body #password-reset-confirm-page #password-reset-confirm-wrap br {
      display: none; }
    @media (min-width: 749px) {
      html body #password-reset-confirm-page #password-reset-confirm-wrap {
        width: 500px; } }
    html body #password-reset-confirm-page #password-reset-confirm-wrap h2 {
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      font-weight: 600;
      font-size: 21px;
      color: #3F4644;
      text-transform: capitalize;
      margin: 50px 0 15px 0;
      padding: 0; }
    html body #password-reset-confirm-page #password-reset-confirm-wrap p {
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      font-weight: 500;
      font-size: 16px !important;
      color: #3F4644 !important;
      text-align: center;
      line-height: 24px;
      margin-top: 30px; }
    html body #password-reset-confirm-page #password-reset-confirm-wrap #password-reset .formHorizontal .alert {
      margin-bottom: 15px;
      padding: 0;
      display: block !important; }
      html body #password-reset-confirm-page #password-reset-confirm-wrap #password-reset .formHorizontal .alert.alert-info {
        border: 0;
        visibility: hidden; }
        html body #password-reset-confirm-page #password-reset-confirm-wrap #password-reset .formHorizontal .alert.alert-info ul {
          visibility: visible;
          background-color: #F8F8F8 !important;
          padding: 12px;
          border-width: 0.5px 0 0.5px 0 !important;
          border-style: solid !important;
          border-color: #707070 !important;
          box-sizing: border-box;
          margin-top: -5px; }
          html body #password-reset-confirm-page #password-reset-confirm-wrap #password-reset .formHorizontal .alert.alert-info ul li {
            font-size: 14px;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-weight: 500;
            color: #707070;
            line-height: 24px;
            list-style-position: outside;
            margin-left: 15px; }
    html body #password-reset-confirm-page #password-reset-confirm-wrap #password-reset .formHorizontal fieldset {
      width: 100%;
      flex-wrap: wrap;
      display: flex; }
      html body #password-reset-confirm-page #password-reset-confirm-wrap #password-reset .formHorizontal fieldset .banner-message {
        display: none;
        font-size: 16px;
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        font-weight: 500;
        color: #3F4644;
        padding: 0 40px; }
        @media only screen and (max-width: 748px) {
          html body #password-reset-confirm-page #password-reset-confirm-wrap #password-reset .formHorizontal fieldset .banner-message {
            padding: 0 15px; } }
      html body #password-reset-confirm-page #password-reset-confirm-wrap #password-reset .formHorizontal fieldset .tf-controls {
        order: 1;
        width: 100%; }
        html body #password-reset-confirm-page #password-reset-confirm-wrap #password-reset .formHorizontal fieldset .tf-controls .new-password1-wrap {
          position: relative; }
          html body #password-reset-confirm-page #password-reset-confirm-wrap #password-reset .formHorizontal fieldset .tf-controls .new-password1-wrap input {
            border-width: 0 0 1px 0;
            border-style: solid;
            border-color: #707070;
            font-size: 14px;
            border-radius: 0;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-weight: 500;
            color: #3F4644;
            padding: 0 12px;
            height: 40px; }
            @media only screen and (max-width: 748px) {
              html body #password-reset-confirm-page #password-reset-confirm-wrap #password-reset .formHorizontal fieldset .tf-controls .new-password1-wrap input {
                border-radius: 0; } }
          html body #password-reset-confirm-page #password-reset-confirm-wrap #password-reset .formHorizontal fieldset .tf-controls .new-password1-wrap .show-password-button {
            top: 15px; }
        html body #password-reset-confirm-page #password-reset-confirm-wrap #password-reset .formHorizontal fieldset .tf-controls .new-password2-wrap {
          display: none; }
      html body #password-reset-confirm-page #password-reset-confirm-wrap #password-reset .formHorizontal fieldset .formActions {
        order: 3;
        width: 100%;
        text-align: center;
        margin-top: 50px; }
        html body #password-reset-confirm-page #password-reset-confirm-wrap #password-reset .formHorizontal fieldset .formActions input.tf-btn {
          width: 340px;
          height: 40px; }
          @media (max-width: 360px) {
            html body #password-reset-confirm-page #password-reset-confirm-wrap #password-reset .formHorizontal fieldset .formActions input.tf-btn {
              width: 100%; } }
      html body #password-reset-confirm-page #password-reset-confirm-wrap #password-reset .formHorizontal fieldset div:nth-child(2) {
        order: 2;
        width: 100%; }
      html body #password-reset-confirm-page #password-reset-confirm-wrap #password-reset .formHorizontal fieldset div ul.errorlist li {
        text-align: left;
        margin-top: 8px;
        color: #B94D4D;
        font-size: 14px;
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        font-weight: 500; }
  html body #password-reset-done-page {
    padding-top: 92px; }
    html body #password-reset-done-page #password-reset-done-wrap {
      display: flex;
      flex-direction: column;
      align-items: center; }
      @media only screen and (max-width: 748px) {
        html body #password-reset-done-page #password-reset-done-wrap {
          display: block;
          text-align: center; } }
      html body #password-reset-done-page #password-reset-done-wrap h2 {
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        font-weight: 600;
        font-size: 21px;
        color: #3F4644;
        text-transform: capitalize; }
        html body #password-reset-done-page #password-reset-done-wrap h2.tf-title {
          font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
          font-weight: 600;
          font-size: 21px;
          color: #3F4644;
          text-transform: capitalize;
          margin: 50px 0 0 0; }
      html body #password-reset-done-page #password-reset-done-wrap .infoItem {
        width: 345px;
        margin-top: 30px; }
        @media only screen and (max-width: 748px) {
          html body #password-reset-done-page #password-reset-done-wrap .infoItem {
            width: 100%; } }
        html body #password-reset-done-page #password-reset-done-wrap .infoItem p {
          font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
          font-size: 16px !important;
          color: #3F4644 !important;
          text-align: center;
          line-height: 24px;
          padding: 0;
          margin-bottom: 0; }
  html body #password-reset-complete-page #password-reset-complete-wrap {
    text-align: center; }
    html body #password-reset-complete-page #password-reset-complete-wrap br {
      display: none; }
    @media (min-width: 749px) {
      html body #password-reset-complete-page #password-reset-complete-wrap {
        width: 500px; } }
    html body #password-reset-complete-page #password-reset-complete-wrap h2.tf-title {
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      font-weight: 600;
      font-size: 21px;
      color: #3F4644;
      text-transform: capitalize;
      margin-top: 50px; }
    html body #password-reset-complete-page #password-reset-complete-wrap .infoItem p {
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      font-weight: 500;
      font-size: 16px !important;
      color: #3F4644 !important;
      text-align: center;
      line-height: 24px;
      margin-top: 30px;
      padding: 0;
      margin-bottom: 0; }
    html body #password-reset-complete-page #password-reset-complete-wrap a.tf-btn {
      width: 340px;
      height: 40px;
      box-sizing: border-box;
      margin: 35px auto 0 auto;
      display: flex;
      vertical-align: middle;
      align-items: center;
      justify-content: center; }
      @media (max-width: 360px) {
        html body #password-reset-complete-page #password-reset-complete-wrap a.tf-btn {
          width: 100%; } }
  html body #upsell-app .view h2 {
    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
    font-weight: 500;
    font-size: 16px !important;
    color: #3F4644;
    text-transform: capitalize;
    text-align: left !important; }
    @media only screen and (max-width: 748px) {
      html body #upsell-app .view h2 {
        text-align: center !important; } }
  html body #upsell-app .view .item-listing {
    width: 100%;
    display: grid;
    height: auto;
    gap: 20px 18px;
    margin: 10px 0 0 0;
    grid-template-columns: repeat(3, minmax(0, 1fr)); }
    @media (min-width: 1366px) {
      html body #upsell-app .view .item-listing {
        grid-template-columns: repeat(4, minmax(0, 1fr)); } }
    @media only screen and (max-width: 748px) {
      html body #upsell-app .view .item-listing {
        grid-template-columns: repeat(2, minmax(0, 1fr)); } }
    @media (max-width: 420px) {
      html body #upsell-app .view .item-listing {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 0; } }
    html body #upsell-app .view .item-listing li.overlayed {
      width: 100%;
      box-shadow: none;
      margin: 0; }
      html body #upsell-app .view .item-listing li.overlayed a {
        display: block; }
        html body #upsell-app .view .item-listing li.overlayed a .overlay {
          box-shadow: none;
          position: absolute;
          width: 100%;
          height: 100%;
          background-color: #000000;
          opacity: 0.2;
          z-index: 1;
          display: block; }
        html body #upsell-app .view .item-listing li.overlayed a .info-txts {
          padding: 20px !important;
          height: 125px !important;
          background-color: #F8F8F8; }
          @media only screen and (max-width: 748px) {
            html body #upsell-app .view .item-listing li.overlayed a .info-txts {
              height: 100% !important; } }
          html body #upsell-app .view .item-listing li.overlayed a .info-txts .new-event-labels {
            position: relative; }
            html body #upsell-app .view .item-listing li.overlayed a .info-txts .new-event-labels span.blue {
              color: #004433;
              font-size: 16px;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 500;
              height: auto;
              margin-bottom: 6px; }
            html body #upsell-app .view .item-listing li.overlayed a .info-txts .new-event-labels .event-banner {
              position: relative;
              color: #004433;
              font-size: 11px;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              border-radius: 0;
              padding: 3px 5px;
              opacity: 1;
              width: auto;
              height: 16px;
              left: 0;
              font-weight: normal;
              text-transform: uppercase;
              line-height: 10px;
              letter-spacing: 0px;
              margin-bottom: 10px;
              bottom: unset;
              display: inline-block;
              border: solid 1px #004433; }
              @media only screen and (max-width: 748px) {
                html body #upsell-app .view .item-listing li.overlayed a .info-txts .new-event-labels .event-banner {
                  line-height: 16px; } }
              html body #upsell-app .view .item-listing li.overlayed a .info-txts .new-event-labels .event-banner.banner-all-reserved {
                background-color: #CFCFCF; }
              html body #upsell-app .view .item-listing li.overlayed a .info-txts .new-event-labels .event-banner.banner-available {
                background-color: #A8996E;
                color: #FFFFFF; }
              html body #upsell-app .view .item-listing li.overlayed a .info-txts .new-event-labels .event-banner.banner-sold-out {
                background-color: #B94D4D;
                color: #FFFFFF; }
              html body #upsell-app .view .item-listing li.overlayed a .info-txts .new-event-labels .event-banner.banner-openingsoon {
                background-color: #009B7A;
                color: #FFFFFF; }
              html body #upsell-app .view .item-listing li.overlayed a .info-txts .new-event-labels .event-banner.banner-sellingfast {
                background-color: #004433;
                color: #FFFFFF; }
          html body #upsell-app .view .item-listing li.overlayed a .info-txts .infoItem.title {
            height: auto; }
            html body #upsell-app .view .item-listing li.overlayed a .info-txts .infoItem.title span {
              height: auto; }
              html body #upsell-app .view .item-listing li.overlayed a .info-txts .infoItem.title span strong {
                color: #3F4644;
                font-size: 14px;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                line-height: normal;
                height: auto;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                font-weight: normal; }
          html body #upsell-app .view .item-listing li.overlayed a .info-txts .infoItem.truncate span {
            font-size: 14px;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-weight: 500;
            color: #3F4644;
            height: auto !important;
            text-overflow: ellipsis;
            display: block; }
          html body #upsell-app .view .item-listing li.overlayed a .info-txts .event-location-name {
            font-size: 12px;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            color: #8E9590; }
  html body #upsell-app-buttons {
    border: none !important;
    margin-top: 30px;
    margin-bottom: 50px;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end; }
    @media only screen and (max-width: 748px) {
      html body #upsell-app-buttons {
        align-items: center; } }
    @media (max-width: 360px) {
      html body #upsell-app-buttons {
        align-items: center; } }
    html body #upsell-app-buttons #btn-next {
      width: 200px;
      height: 32px;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center; }
    html body #upsell-app-buttons #btn-viewall {
      background: #D9D9D9;
      color: #3F4644;
      width: 200px;
      height: 32px;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 30px; }
      html body #upsell-app-buttons #btn-viewall:hover {
        color: #FFFFFF; }
  html body #shopping-cart-app > h2 {
    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
    font-weight: 500;
    font-size: 21px;
    color: #3F4644;
    text-transform: capitalize;
    text-align: center; }
  html body #shopping-cart-app .evf-order-list-item {
    background: #EEEBE2;
    border-top: solid #004433 1px;
    align-items: start; }
    html body #shopping-cart-app .evf-order-list-item .package-item::before {
      content: '\2022'; }
    html body #shopping-cart-app .evf-order-list-item .list-item-detail {
      padding: 20px 0; }
    html body #shopping-cart-app .evf-order-list-item .list-item-detail .detail-box {
      padding-top: 0;
      padding-bottom: 10px; }
      @media only screen and (max-width: 748px) {
        html body #shopping-cart-app .evf-order-list-item .list-item-detail .detail-box {
          padding: 0 10px 10px 10px; } }
      html body #shopping-cart-app .evf-order-list-item .list-item-detail .detail-box .label {
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        font-weight: 600;
        color: #3F4644;
        font-size: 16px; }
      html body #shopping-cart-app .evf-order-list-item .list-item-detail .detail-box .value {
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        color: #3F4644;
        font-size: 16px; }
        html body #shopping-cart-app .evf-order-list-item .list-item-detail .detail-box .value .data-field, html body #shopping-cart-app .evf-order-list-item .list-item-detail .detail-box .value .data-field.data-title {
          font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
          color: #3F4644;
          font-size: 16px; }
    html body #shopping-cart-app .evf-order-list-item .remove-button {
      color: #3F4644;
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      font-weight: 600;
      font-size: 16px; }
      @media only screen and (max-width: 748px) {
        html body #shopping-cart-app .evf-order-list-item .remove-button {
          margin: 10px 10px 20px 10px;
          box-sizing: border-box;
          text-align: right; } }
      html body #shopping-cart-app .evf-order-list-item .remove-button .remove-button-x {
        color: #3F4644;
        border: solid #3F4644 2px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        border-radius: 50%;
        text-align: center;
        margin-right: 6px;
        padding: 0px 3px;
        margin-top: -2px;
        float: left; }
        @media only screen and (max-width: 748px) {
          html body #shopping-cart-app .evf-order-list-item .remove-button .remove-button-x {
            float: none;
            padding: 0; } }
        html body #shopping-cart-app .evf-order-list-item .remove-button .remove-button-x i {
          top: -3px !important;
          font-size: 13px; }
          @media only screen and (max-width: 748px) {
            html body #shopping-cart-app .evf-order-list-item .remove-button .remove-button-x i {
              top: -1px !important; } }
      html body #shopping-cart-app .evf-order-list-item .remove-button:hover {
        color: #004433; }
        html body #shopping-cart-app .evf-order-list-item .remove-button:hover .remove-button-x {
          color: #004433 !important;
          border-color: #004433 !important; }
  html body #shopping-cart-app #order-group-price-detail {
    border-top: solid #004433 1px;
    border-bottom: solid #004433 1px;
    font-size: 18px;
    color: #3F4644; }
    @media only screen and (max-width: 748px) {
      html body #shopping-cart-app #order-group-price-detail {
        padding-left: 10px;
        padding-right: 10px; } }
    html body #shopping-cart-app #order-group-price-detail .label, html body #shopping-cart-app #order-group-price-detail .value {
      padding: 7px 8px 3px 8px;
      color: #3F4644;
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      font-weight: 600; }
    html body #shopping-cart-app #order-group-price-detail .label {
      background: unset;
      border: solid #004433 1px;
      color: #004433; }
    html body #shopping-cart-app #order-group-price-detail .value {
      border: solid #004433 1px;
      min-width: 110px;
      padding-left: 15px;
      padding-right: 15px;
      text-align: center; }
      @media (min-width: 749px) {
        html body #shopping-cart-app #order-group-price-detail .value {
          min-width: 158px; } }
    html body #shopping-cart-app #order-group-price-detail #price-total {
      margin: 5px 0; }
    html body #shopping-cart-app #order-group-price-detail #price-sub-total, html body #shopping-cart-app #order-group-price-detail #price-fee, html body #shopping-cart-app #order-group-price-detail #price-total {
      display: flex;
      justify-content: center; }
      html body #shopping-cart-app #order-group-price-detail #price-sub-total .label, html body #shopping-cart-app #order-group-price-detail #price-fee .label, html body #shopping-cart-app #order-group-price-detail #price-total .label {
        min-width: 96px;
        text-align: center;
        padding: 7px 5px 5px 5px; }
      html body #shopping-cart-app #order-group-price-detail #price-sub-total .value, html body #shopping-cart-app #order-group-price-detail #price-fee .value, html body #shopping-cart-app #order-group-price-detail #price-total .value {
        text-align: left; }
        @media only screen and (max-width: 748px) {
          html body #shopping-cart-app #order-group-price-detail #price-sub-total .value, html body #shopping-cart-app #order-group-price-detail #price-fee .value, html body #shopping-cart-app #order-group-price-detail #price-total .value {
            min-width: 120px;
            box-sizing: border-box;
            padding-left: 8px;
            padding-right: 8px; } }
    html body #shopping-cart-app #order-group-price-detail #price-total .value {
      border-width: 2px;
      padding-left: 14px;
      padding-right: 14px; }
      @media only screen and (max-width: 748px) {
        html body #shopping-cart-app #order-group-price-detail #price-total .value {
          padding-left: 7px;
          padding-right: 7px; } }
  html body #shopping-cart-app #bottom-button-container {
    margin-top: 40px; }
    @media only screen and (max-width: 748px) {
      html body #shopping-cart-app #bottom-button-container {
        margin-bottom: 100px;
        margin-left: 10px;
        margin-right: 10px; } }
    html body #shopping-cart-app #bottom-button-container > a {
      margin: 15px auto;
      width: 340px; }
      @media (max-width: 360px) {
        html body #shopping-cart-app #bottom-button-container > a {
          width: 100%; } }
      html body #shopping-cart-app #bottom-button-container > a > button {
        width: 297px;
        height: 40px;
        margin: 0; }
        @media (max-width: 360px) {
          html body #shopping-cart-app #bottom-button-container > a > button {
            width: 100%; } }
    html body #shopping-cart-app #bottom-button-container #btn-cart-cancel > button, html body #shopping-cart-app #bottom-button-container #btn-cart-view-all > button {
      color: #FFFFFF !important;
      background: #009B7A !important;
      border: 0;
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      font-size: 16px;
      border-radius: 30px !important;
      padding: 6px 12px 6px 12px;
      text-transform: capitalize;
      min-height: 45px;
      border: solid 1px #009B7A;
      line-height: normal;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #D9D9D9;
      color: #3F4644;
      height: 40px; }
      html body #shopping-cart-app #bottom-button-container #btn-cart-cancel > button::after, html body #shopping-cart-app #bottom-button-container #btn-cart-view-all > button::after {
        content: '';
        display: inline-block;
        transform: rotate(45deg);
        height: 10px;
        width: 5px;
        border-bottom: 2px solid #FFFFFF;
        border-right: 2px solid #FFFFFF;
        margin-left: 12px;
        margin-top: -2px; }
      html body #shopping-cart-app #bottom-button-container #btn-cart-cancel > button:hover, html body #shopping-cart-app #bottom-button-container #btn-cart-view-all > button:hover {
        color: #009B7A !important;
        background: #FFFFFF !important;
        text-decoration: none;
        border-color: #D9D9D9;
        -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
        box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); }
        html body #shopping-cart-app #bottom-button-container #btn-cart-cancel > button:hover::after, html body #shopping-cart-app #bottom-button-container #btn-cart-view-all > button:hover::after {
          border-color: #009B7A; }
      html body #shopping-cart-app #bottom-button-container #btn-cart-cancel > button:hover, html body #shopping-cart-app #bottom-button-container #btn-cart-view-all > button:hover {
        background-color: #D9D9D9; }
  html body #shopping-cart-app #shopping-cart-summary-list .evf-order-list-item {
    flex-wrap: wrap; }
    html body #shopping-cart-app #shopping-cart-summary-list .evf-order-list-item .qty-mark {
      margin: 0 2px; }
    html body #shopping-cart-app #shopping-cart-summary-list .evf-order-list-item .list-item-detail {
      flex: 0 0 60%; }
      html body #shopping-cart-app #shopping-cart-summary-list .evf-order-list-item .list-item-detail .detail-box .label {
        width: 200px; }
        @media only screen and (max-width: 748px) {
          html body #shopping-cart-app #shopping-cart-summary-list .evf-order-list-item .list-item-detail .detail-box .label {
            width: 150px; } }
        html body #shopping-cart-app #shopping-cart-summary-list .evf-order-list-item .list-item-detail .detail-box .label .ticket-data-row {
          display: block; }
      html body #shopping-cart-app #shopping-cart-summary-list .evf-order-list-item .list-item-detail .detail-box .value {
        width: calc(100% - 200px); }
        @media only screen and (max-width: 748px) {
          html body #shopping-cart-app #shopping-cart-summary-list .evf-order-list-item .list-item-detail .detail-box .value {
            width: calc(100% - 150px); } }
        html body #shopping-cart-app #shopping-cart-summary-list .evf-order-list-item .list-item-detail .detail-box .value .data-field {
          margin-bottom: 10px; }
          html body #shopping-cart-app #shopping-cart-summary-list .evf-order-list-item .list-item-detail .detail-box .value .data-field:last-child {
            margin-bottom: 0; }
        html body #shopping-cart-app #shopping-cart-summary-list .evf-order-list-item .list-item-detail .detail-box .value .package-item {
          margin-bottom: 10px; }
          html body #shopping-cart-app #shopping-cart-summary-list .evf-order-list-item .list-item-detail .detail-box .value .package-item:last-child {
            margin-bottom: 0; }
  html body #confirm-order-page #confirm-orders-app > h2 {
    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
    font-weight: 500;
    font-size: 21px;
    color: #3F4644;
    text-transform: capitalize;
    text-align: center;
    font-weight: normal; }
  html body #confirm-order-page #confirm-orders-app .evf-order-list-item {
    background: #EEEBE2;
    border-top: solid #004433 1px;
    align-items: start; }
    html body #confirm-order-page #confirm-orders-app .evf-order-list-item .package-item::before {
      content: '\2022'; }
    html body #confirm-order-page #confirm-orders-app .evf-order-list-item .list-item-detail {
      padding: 20px 0; }
    html body #confirm-order-page #confirm-orders-app .evf-order-list-item .list-item-detail .detail-box {
      padding-top: 0;
      padding-bottom: 10px; }
      @media only screen and (max-width: 748px) {
        html body #confirm-order-page #confirm-orders-app .evf-order-list-item .list-item-detail .detail-box {
          padding: 0 10px 10px 10px; } }
      html body #confirm-order-page #confirm-orders-app .evf-order-list-item .list-item-detail .detail-box .label {
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        font-weight: 600;
        color: #3F4644;
        font-size: 16px; }
      html body #confirm-order-page #confirm-orders-app .evf-order-list-item .list-item-detail .detail-box .value {
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        color: #3F4644;
        font-size: 16px; }
        html body #confirm-order-page #confirm-orders-app .evf-order-list-item .list-item-detail .detail-box .value .data-field, html body #confirm-order-page #confirm-orders-app .evf-order-list-item .list-item-detail .detail-box .value .data-field.data-title {
          font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
          color: #3F4644;
          font-size: 16px; }
    html body #confirm-order-page #confirm-orders-app .evf-order-list-item .remove-button {
      color: #3F4644;
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      font-weight: 600;
      font-size: 16px; }
      @media only screen and (max-width: 748px) {
        html body #confirm-order-page #confirm-orders-app .evf-order-list-item .remove-button {
          margin: 10px 10px 20px 10px;
          box-sizing: border-box;
          text-align: right; } }
      html body #confirm-order-page #confirm-orders-app .evf-order-list-item .remove-button .remove-button-x {
        color: #3F4644;
        border: solid #3F4644 2px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        border-radius: 50%;
        text-align: center;
        margin-right: 6px;
        padding: 0px 3px;
        margin-top: -2px;
        float: left; }
        @media only screen and (max-width: 748px) {
          html body #confirm-order-page #confirm-orders-app .evf-order-list-item .remove-button .remove-button-x {
            float: none;
            padding: 0; } }
        html body #confirm-order-page #confirm-orders-app .evf-order-list-item .remove-button .remove-button-x i {
          top: -3px !important;
          font-size: 13px; }
          @media only screen and (max-width: 748px) {
            html body #confirm-order-page #confirm-orders-app .evf-order-list-item .remove-button .remove-button-x i {
              top: -1px !important; } }
      html body #confirm-order-page #confirm-orders-app .evf-order-list-item .remove-button:hover {
        color: #004433; }
        html body #confirm-order-page #confirm-orders-app .evf-order-list-item .remove-button:hover .remove-button-x {
          color: #004433 !important;
          border-color: #004433 !important; }
  html body #confirm-order-page #confirm-orders-app #order-group-price-detail {
    border-top: solid #004433 1px;
    border-bottom: solid #004433 1px;
    font-size: 18px;
    color: #3F4644; }
    @media only screen and (max-width: 748px) {
      html body #confirm-order-page #confirm-orders-app #order-group-price-detail {
        padding-left: 10px;
        padding-right: 10px; } }
    html body #confirm-order-page #confirm-orders-app #order-group-price-detail .label, html body #confirm-order-page #confirm-orders-app #order-group-price-detail .value {
      padding: 7px 8px 3px 8px;
      color: #3F4644;
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      font-weight: 600; }
    html body #confirm-order-page #confirm-orders-app #order-group-price-detail .label {
      background: unset;
      border: solid #004433 1px;
      color: #004433; }
    html body #confirm-order-page #confirm-orders-app #order-group-price-detail .value {
      border: solid #004433 1px;
      min-width: 110px;
      padding-left: 15px;
      padding-right: 15px;
      text-align: center; }
      @media (min-width: 749px) {
        html body #confirm-order-page #confirm-orders-app #order-group-price-detail .value {
          min-width: 158px; } }
    html body #confirm-order-page #confirm-orders-app #order-group-price-detail #price-total {
      margin: 5px 0; }
    html body #confirm-order-page #confirm-orders-app #order-group-price-detail #price-sub-total, html body #confirm-order-page #confirm-orders-app #order-group-price-detail #price-fee, html body #confirm-order-page #confirm-orders-app #order-group-price-detail #price-total {
      display: flex;
      justify-content: center; }
      html body #confirm-order-page #confirm-orders-app #order-group-price-detail #price-sub-total .label, html body #confirm-order-page #confirm-orders-app #order-group-price-detail #price-fee .label, html body #confirm-order-page #confirm-orders-app #order-group-price-detail #price-total .label {
        min-width: 96px;
        text-align: center;
        padding: 7px 5px 5px 5px; }
      html body #confirm-order-page #confirm-orders-app #order-group-price-detail #price-sub-total .value, html body #confirm-order-page #confirm-orders-app #order-group-price-detail #price-fee .value, html body #confirm-order-page #confirm-orders-app #order-group-price-detail #price-total .value {
        text-align: left; }
        @media only screen and (max-width: 748px) {
          html body #confirm-order-page #confirm-orders-app #order-group-price-detail #price-sub-total .value, html body #confirm-order-page #confirm-orders-app #order-group-price-detail #price-fee .value, html body #confirm-order-page #confirm-orders-app #order-group-price-detail #price-total .value {
            min-width: 120px;
            box-sizing: border-box;
            padding-left: 8px;
            padding-right: 8px; } }
    html body #confirm-order-page #confirm-orders-app #order-group-price-detail #price-total .value {
      border-width: 2px;
      padding-left: 14px;
      padding-right: 14px; }
      @media only screen and (max-width: 748px) {
        html body #confirm-order-page #confirm-orders-app #order-group-price-detail #price-total .value {
          padding-left: 7px;
          padding-right: 7px; } }
  html body #confirm-order-page #confirm-orders-list .evf-order-list-item {
    flex-wrap: wrap; }
    html body #confirm-order-page #confirm-orders-list .evf-order-list-item .qty-mark {
      margin: 0 2px; }
    html body #confirm-order-page #confirm-orders-list .evf-order-list-item .ticket-data-row {
      clear: both; }
    html body #confirm-order-page #confirm-orders-list .evf-order-list-item .list-item-detail {
      flex: 0 0 60%; }
      html body #confirm-order-page #confirm-orders-list .evf-order-list-item .list-item-detail .detail-box .label {
        width: 200px; }
        @media only screen and (max-width: 748px) {
          html body #confirm-order-page #confirm-orders-list .evf-order-list-item .list-item-detail .detail-box .label {
            width: 150px; } }
        html body #confirm-order-page #confirm-orders-list .evf-order-list-item .list-item-detail .detail-box .label .ticket-data-row {
          display: block; }
      html body #confirm-order-page #confirm-orders-list .evf-order-list-item .list-item-detail .detail-box .value {
        width: calc(100% - 200px); }
        @media only screen and (max-width: 748px) {
          html body #confirm-order-page #confirm-orders-list .evf-order-list-item .list-item-detail .detail-box .value {
            width: calc(100% - 150px); } }
        html body #confirm-order-page #confirm-orders-list .evf-order-list-item .list-item-detail .detail-box .value .data-field {
          margin-bottom: 10px; }
          html body #confirm-order-page #confirm-orders-list .evf-order-list-item .list-item-detail .detail-box .value .data-field:last-child {
            margin-bottom: 0; }
        html body #confirm-order-page #confirm-orders-list .evf-order-list-item .list-item-detail .detail-box .value .package-item {
          margin-bottom: 10px; }
          html body #confirm-order-page #confirm-orders-list .evf-order-list-item .list-item-detail .detail-box .value .package-item:last-child {
            margin-bottom: 0; }
  html body form#ordersForm .cart-member-id-block, html body form#ordersForm .member-id-block {
    max-width: unset;
    justify-content: center;
    flex-direction: column; }
    html body form#ordersForm .cart-member-id-block .member-id-field, html body form#ordersForm .member-id-block .member-id-field {
      max-width: 340px; }
    html body form#ordersForm .cart-member-id-block .member-id-label, html body form#ordersForm .member-id-block .member-id-label {
      margin-bottom: 10px; }
    @media only screen and (max-width: 748px) {
      html body form#ordersForm .cart-member-id-block, html body form#ordersForm .member-id-block {
        justify-content: center;
        align-items: center; } }
  html body form#ordersForm .member-id-block {
    margin-top: 8px;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 16px;
    background: #FFFFFF;
    border-radius: 8px;
    box-sizing: border-box; }
    @media only screen and (max-width: 748px) {
      html body form#ordersForm .member-id-block {
        padding: 16px;
        max-width: calc(100% - 32px);
        margin-left: 16px; } }
    html body form#ordersForm .member-id-block .member-id-field {
      width: 340px; }
      html body form#ordersForm .member-id-block .member-id-field input {
        border: solid 1px #004433; }
      @media (max-width: 360px) {
        html body form#ordersForm .member-id-block .member-id-field {
          width: 100%; } }
  html body form#ordersForm #total-cost-section {
    background: #fff;
    border-radius: 8px;
    margin-top: -10px;
    gap: 5px;
    padding: 16px; }
    html body form#ordersForm #total-cost-section .reference-number {
      order: 1;
      border-bottom: solid 1px #3F4644;
      padding: 0 5px 5px; }
    html body form#ordersForm #total-cost-section #total-cost-tr {
      order: 2;
      justify-content: flex-end; }
      html body form#ordersForm #total-cost-section #total-cost-tr .total-cost-label {
        font-size: 16px;
        color: #707070; }
      html body form#ordersForm #total-cost-section #total-cost-tr .total {
        font-size: 20px;
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        color: #004433;
        font-weight: 600; }
  html body form#ordersForm .formActions {
    text-align: center;
    margin-top: 8px;
    display: flex;
    background: #FFFFFF;
    padding: 16px;
    border-radius: 8px;
    gap: 8px;
    justify-content: center; }
    html body form#ordersForm .formActions #btnBuyTickets, html body form#ordersForm .formActions .tf-btn-default {
      display: block;
      width: auto;
      height: 45px;
      margin: 0;
      padding-left: 20px;
      padding-right: 20px;
      box-sizing: border-box; }
      @media (max-width: 360px) {
        html body form#ordersForm .formActions #btnBuyTickets, html body form#ordersForm .formActions .tf-btn-default {
          width: 100%; } }
    html body form#ordersForm .formActions .tf-btn-default {
      margin-top: 0;
      padding-left: 16px;
      padding-right: 16px;
      display: flex;
      align-items: center; }
      html body form#ordersForm .formActions .tf-btn-default::after {
        background-image: url("/static/whitelabels/sjm/images/close-white.svg");
        width: 12px;
        height: 12px;
        content: "";
        border: 0;
        transform: rotate(0);
        background-repeat: no-repeat;
        background-size: contain;
        margin-top: 2px;
        filter: invert(1);
        opacity: 0.4; }
  html body #confirm-orders-page {
    padding-top: 20px; }
    @media only screen and (max-width: 748px) {
      html body #confirm-orders-page {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0; } }
    html body #confirm-orders-page #ordersWrapper h2 {
      font-weight: normal;
      margin: 0 auto;
      text-align: left;
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      font-size: 21px;
      color: #004433;
      padding-bottom: 0;
      text-transform: capitalize; }
      @media only screen and (max-width: 748px) {
        html body #confirm-orders-page #ordersWrapper h2 {
          max-width: unset;
          padding: 0 15px; } }
    html body #confirm-orders-page #ordersWrapper #event-header {
      width: 100%;
      position: relative; }
      @media only screen and (max-width: 748px) {
        html body #confirm-orders-page #ordersWrapper #event-header {
          width: calc(100% - 30px);
          margin: auto;
          margin-bottom: 20px; } }
      html body #confirm-orders-page #ordersWrapper #event-header #event-header-row {
        background: #FFFFFF;
        width: 297px !important;
        border-radius: 8px;
        left: 0 !important; }
        @media only screen and (max-width: 748px) {
          html body #confirm-orders-page #ordersWrapper #event-header #event-header-row {
            display: table;
            width: 100% !important;
            position: relative;
            left: 0 !important; } }
        @media (min-width: 749px) {
          html body #confirm-orders-page #ordersWrapper #event-header #event-header-row {
            width: 330px;
            left: 0 !important; } }
        html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #event-header-first {
          padding: 0;
          background: none;
          margin: 0; }
          html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #event-header-first .event-image {
            margin-right: 0;
            width: 100%;
            float: none; }
          @media (min-width: 749px) {
            html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #event-header-first {
              width: 100%; }
              html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #event-header-first .event-image {
                margin-bottom: 0; }
                html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #event-header-first .event-image img {
                  width: 100%;
                  object-fit: cover; } }
          @media only screen and (max-width: 748px) {
            html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #event-header-first {
              width: 100%; }
              html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #event-header-first .event-image {
                margin-bottom: 10px; } }
          html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #event-header-first .event-title {
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-size: 16px;
            font-weight: normal;
            float: none;
            width: 100%;
            color: #004433;
            margin-bottom: 5px;
            line-height: 21px;
            padding-top: 20px; }
            @media (min-width: 749px) {
              html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #event-header-first .event-title {
                padding-left: 15px;
                padding-top: 20px;
                box-sizing: border-box; } }
            @media only screen and (max-width: 748px) {
              html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #event-header-first .event-title {
                padding-bottom: 0;
                display: block;
                box-sizing: border-box; } }
          html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #event-header-first .event-subtitle {
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-size: 14px;
            text-align: left;
            padding: 0 15px 5px 15px;
            color: #3F4644; }
            html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #event-header-first .event-subtitle * {
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-size: 16px; }
            @media only screen and (max-width: 748px) {
              html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #event-header-first .event-subtitle {
                display: block; } }
        html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #sidebar #event-header-second {
          padding: 0;
          background: transparent;
          width: 100%;
          padding-left: 15px;
          display: inline-block;
          margin: 10px 0 0; }
          @media only screen and (max-width: 748px) {
            html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #sidebar #event-header-second {
              float: none !important; } }
          html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #sidebar #event-header-second .times {
            background-image: url("/static/whitelabels/sjm/images/date-icon.svg");
            padding-left: 25px;
            background-position: left 2px;
            background-repeat: no-repeat;
            background-size: 15px;
            padding-bottom: 0; }
            html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #sidebar #event-header-second .times .times-first {
              padding-right: 10px; }
              html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #sidebar #event-header-second .times .times-first .upper {
                position: relative; }
                html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #sidebar #event-header-second .times .times-first .upper::after {
                  content: "-";
                  margin-left: 5px;
                  top: 0;
                  position: absolute;
                  right: -10px; }
            html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #sidebar #event-header-second .times > div {
              width: auto; }
              html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #sidebar #event-header-second .times > div.times-second {
                float: unset; }
          html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #sidebar #event-header-second .times.has-customized-time > div {
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-weight: 600;
            color: #8E9590;
            font-size: 14px; }
          html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #sidebar #event-header-second .times-first .blue.upper, html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #sidebar #event-header-second .times-second .blue.upper {
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-weight: 600;
            font-size: 16px;
            padding: 2px 8px;
            margin-bottom: 8px;
            background: none;
            display: inline-block;
            color: #004433;
            width: auto;
            left: auto !important;
            right: 0;
            border: solid 1px #004433;
            text-transform: uppercase;
            line-height: 29px;
            padding-bottom: 0;
            text-transform: uppercase;
            border: 0;
            padding: 0;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-weight: 600;
            display: none; }
          html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #sidebar #event-header-second .times-first .upper, html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #sidebar #event-header-second .times-second .upper {
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-weight: 500;
            font-size: 12px;
            color: #8E9590;
            text-transform: initial; }
            html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #sidebar #event-header-second .times-first .upper br, html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #sidebar #event-header-second .times-second .upper br {
              display: none; }
          html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #sidebar #event-header-second .location-detail {
            margin-bottom: 20px;
            clear: both;
            margin-top: 0; }
            html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #sidebar #event-header-second .location-detail .address-title {
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 600;
              font-size: 16px;
              padding: 2px 8px;
              margin-bottom: 8px;
              background: none;
              display: inline-block;
              color: #004433;
              width: auto;
              left: auto !important;
              right: 0;
              border: solid 1px #004433;
              text-transform: uppercase;
              line-height: 29px;
              padding-bottom: 0;
              border: 0;
              padding: 0;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 600;
              display: none; }
            html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #sidebar #event-header-second .location-detail .location-map {
              padding-right: 15px; }
              html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #sidebar #event-header-second .location-detail .location-map pre {
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-weight: 500;
                font-size: 12px;
                color: #8E9590;
                display: flex; }
                html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #sidebar #event-header-second .location-detail .location-map pre::before {
                  width: 18px;
                  height: 18px;
                  content: "";
                  margin-right: 8px;
                  background: url("/static/whitelabels/sjm/images/location-icon-1.svg") no-repeat;
                  background-size: contain;
                  background-position: center;
                  margin-top: 4px;
                  flex-shrink: 0; }
            html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #sidebar #event-header-second .location-detail #map-expand-icon {
              color: #3F4644;
              display: none; }
        html body #confirm-orders-page #ordersWrapper #event-header #event-header-row #sidebar.floating {
          top: 60px; }
        @media only screen and (min-width: 749px) {
          html body #confirm-orders-page #ordersWrapper #event-header #event-header-row {
            position: absolute;
            left: calc(50vw + 280px);
            margin-top: 19px; } }
    html body #confirm-orders-page #ordersWrapper > .shorter > br {
      display: none; }
    html body #confirm-orders-page #ordersWrapper > .shorter > br:nth-child(1),
    html body #confirm-orders-page #ordersWrapper > .shorter > br:nth-child(2) {
      display: none; }
    html body #confirm-orders-page #ordersWrapper > .shorter #custom-order-message {
      padding-top: 10px;
      width: calc(100% - 305px);
      margin-left: 305px;
      background: #fff;
      padding: 15px;
      border-radius: 8px;
      margin-top: 20px;
      box-sizing: border-box; }
      @media only screen and (max-width: 748px) {
        html body #confirm-orders-page #ordersWrapper > .shorter #custom-order-message {
          width: calc(100% - 30px);
          margin: 0 auto; } }
      html body #confirm-orders-page #ordersWrapper > .shorter #custom-order-message p {
        font-size: 16px;
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        font-weight: 500;
        color: #3F4644;
        line-height: 21px; }
    html body #confirm-orders-page #ordersWrapper form#ordersForm {
      width: calc(100% - 305px);
      margin-left: 305px; }
      @media only screen and (max-width: 748px) {
        html body #confirm-orders-page #ordersWrapper form#ordersForm {
          width: 100%;
          margin-left: 0; } }
      html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form > div > h4 {
        display: none; }
      @media only screen and (max-width: 748px) {
        html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form .infoItem {
          padding: 0 15px; } }
      html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders {
        display: flex;
        flex-direction: column;
        background: #FFFFFF;
        padding: 16px;
        border-radius: 8px; }
        html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders #order_data_section_hide {
          display: none !important; }
        @media only screen and (max-width: 748px) {
          html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders {
            margin-top: 0; } }
        html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders thead {
          background: #266A62;
          padding-top: 7px;
          padding-bottom: 1px;
          margin-bottom: 10px;
          border-radius: 8px; }
          html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders thead tr {
            width: 100%;
            display: table; }
            @media only screen and (max-width: 748px) {
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders thead tr {
                position: unset;
                display: flex;
                justify-content: space-between; } }
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders thead tr th.tbl-seat-column {
              display: none; }
            @media only screen and (max-width: 748px) {
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders thead tr th {
                width: auto !important; } }
          html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders thead th {
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-size: 16px;
            color: #FFFFFF;
            padding: 0 10px;
            text-transform: capitalize;
            height: 32px;
            line-height: normal; }
        html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr {
          display: flex;
          flex-direction: column;
          width: 100%;
          position: relative;
          background: transparent;
          border: 0; }
          @media only screen and (max-width: 748px) {
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr {
              padding: 0 10px;
              box-sizing: border-box; } }
          html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.reference-number {
            padding: 0 8px 5px;
            color: #3F4644; }
          html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#promo-code-discount-lineitem {
            margin-top: 37px;
            flex-direction: row; }
            @media only screen and (max-width: 748px) {
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#promo-code-discount-lineitem {
                background: #fff; } }
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#promo-code-discount-lineitem td {
              color: #3F4644;
              font-size: 16px;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 600;
              padding: 10px 0; }
              @media only screen and (max-width: 748px) {
                html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#promo-code-discount-lineitem td {
                  background: none; } }
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#promo-code-discount-lineitem td:last-child {
                justify-content: flex-end; }
          html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#total_selling_price {
            flex-direction: row;
            color: #004433;
            display: none; }
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#total_selling_price td:last-child {
              justify-content: flex-end; }
          html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#service-fee-lineitem {
            width: 100%;
            display: flex;
            flex-direction: row;
            gap: 10px;
            color: #3F4644;
            font-size: 16px;
            justify-content: space-between;
            margin-top: 0;
            margin-bottom: 15px;
            padding: 0 8px;
            box-sizing: border-box;
            margin-top: 20px;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif; }
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#service-fee-lineitem td {
              width: auto; }
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#service-fee-lineitem td.row-border {
                text-transform: capitalize; }
              @media only screen and (max-width: 748px) {
                html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#service-fee-lineitem td.total-ticket-price {
                  padding: 0;
                  margin-top: 0; } }
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#service-fee-lineitem td.total-ticket-price span {
                color: #3F4644; }
              @media only screen and (max-width: 748px) {
                html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#service-fee-lineitem td {
                  padding: 0 !important; } }
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#service-fee-lineitem td .mini {
                padding-left: 5px;
                font-size: 13px; }
            @media only screen and (max-width: 748px) {
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#service-fee-lineitem {
                margin-top: 0;
                padding: 0px 10px;
                display: block;
                margin-top: 10px; }
                html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#service-fee-lineitem .total-ticket-price {
                  text-align: left;
                  margin-top: 10px; } }
          html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            box-sizing: border-box;
            vertical-align: top;
            padding: 0; }
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.ticket-type, html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.product-type {
              order: 1;
              background: #fff; }
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.ticket-type .tiny-spec-v2, html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.product-type .tiny-spec-v2 {
                margin-top: 9px;
                margin-bottom: 0;
                padding: 4px 8px 3px;
                line-height: unset;
                max-width: 70%; }
                @media only screen and (max-width: 748px) {
                  html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.ticket-type .tiny-spec-v2, html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.product-type .tiny-spec-v2 {
                    max-width: 100%;
                    height: auto;
                    display: flex;
                    margin-top: 0;
                    padding-left: 0;
                    padding-bottom: 0; } }
                @media (max-width: 360px) {
                  html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.ticket-type .tiny-spec-v2, html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.product-type .tiny-spec-v2 {
                    height: 100%;
                    line-height: 24px; } }
                html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.ticket-type .tiny-spec-v2 span, html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.product-type .tiny-spec-v2 span {
                  color: #3F4644;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  font-size: 16px;
                  line-height: 19px; }
                  html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.ticket-type .tiny-spec-v2 span.ticket-category-name, html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.product-type .tiny-spec-v2 span.ticket-category-name {
                    color: #A8996E;
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    font-weight: 600; }
                  html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.ticket-type .tiny-spec-v2 span:last-child, html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.product-type .tiny-spec-v2 span:last-child {
                    display: inline-block; }
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.seat-num {
              text-align: center;
              font-size: 14px;
              color: #3F4644;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              order: 3;
              width: 100%;
              padding: 5px 10px 0 10px;
              align-items: center; }
              @media only screen and (max-width: 748px) {
                html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.seat-num {
                  display: flex;
                  flex-wrap: nowrap;
                  padding-left: 0; } }
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.seat-num span.seat-title {
                font-size: 16px;
                color: #3F4644;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                display: inline-block !important;
                padding-right: 3px; }
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.ticket-price {
              width: auto;
              order: 2;
              right: 0;
              position: absolute; }
              @media only screen and (max-width: 748px) {
                html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.ticket-price {
                  position: unset;
                  padding-top: 0 !important; } }
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.ticket-price span {
                padding: 0 8px;
                color: #3F4644;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-size: 16px;
                margin-top: 9px;
                display: inline-block; }
                @media only screen and (max-width: 748px) {
                  html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.ticket-price span {
                    margin-top: 0;
                    padding-left: 0; } }
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.data-fields-td {
              order: 4;
              width: 100%;
              background: #fff;
              margin-top: 15px;
              padding: 0; }
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.data-fields-td .data-field-label {
                border-bottom: 0;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-weight: 500;
                font-size: 14px;
                color: #707070;
                width: 30%;
                box-sizing: border-box;
                padding: 0 10px 10px 10px;
                margin-bottom: 0;
                text-transform: capitalize; }
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.data-fields-td .data-field-block {
                border-bottom: 0;
                color: #3F4644;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-weight: 500;
                font-size: 14px;
                width: calc(100% - 30%);
                margin-bottom: 0;
                padding: 0 10px 10px 10px;
                box-sizing: border-box; }
                @media only screen and (max-width: 748px) {
                  html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.data-fields-td .data-field-block {
                    margin-left: 0;
                    margin-right: 0; } }
                @media only screen and (max-width: 748px) {
                  html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.data-fields-td .data-field-block b {
                    font-weight: normal; } }
                html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.data-fields-td .data-field-block select {
                  background: transparent;
                  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE1IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNSAwLjVIMEw3LjUgOEwxNSAwLjVaIiBmaWxsPSIjNzA3MDcwIi8+Cjwvc3ZnPgo=");
                  background-repeat: no-repeat;
                  background-position-x: 98%;
                  background-position-y: 5px;
                  border-radius: 0;
                  margin-right: 0;
                  padding: 0 10px;
                  background-size: 13px;
                  color: #3F4644;
                  font-size: 14px;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  font-weight: 500; }
                  @media only screen and (max-width: 748px) {
                    html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.data-fields-td .data-field-block select {
                      padding: 0;
                      min-height: unset; } }
                @media only screen and (max-width: 748px) {
                  html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.data-fields-td .data-field-block input[type=text] {
                    padding: 0 !important;
                    min-height: unset !important; } }
                @media only screen and (max-width: 748px) {
                  html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.data-fields-td .data-field-block .form-inline {
                    padding: 0; }
                    html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.data-fields-td .data-field-block .form-inline label input.form-control {
                      padding: 0; }
                    html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.data-fields-td .data-field-block .form-inline input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not(#recaptcha_response_field):not([type="button"]), html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td.data-fields-td .data-field-block .form-inline textarea {
                      min-height: unset; } }
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td div {
              display: flex;
              align-items: center; }
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td div:nth-child(odd) {
                width: 20%;
                padding: 0 2%; }
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td div:nth-child(even) {
                width: calc(100% - 20%); }
                @media only screen and (max-width: 748px) {
                  html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td div:nth-child(even) {
                    width: calc(100% - 24%); } }
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td div:nth-child(2), html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td div:nth-child(6) {
                width: 100%; }
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td div > select {
                position: relative;
                top: 0;
                padding: 0 0 0 2%;
                height: auto;
                line-height: normal; }
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td div > input[type=text] {
                padding: 0 10px !important;
                color: #3F4644;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-weight: 500; }
                @media only screen and (max-width: 748px) {
                  html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr td div > input[type=text] {
                    margin: -9px 0 0; } }
          html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.single-ticket {
            padding: 0px;
            box-sizing: border-box;
            background: transparent !important;
            margin-bottom: 10px; }
            @media only screen and (max-width: 748px) {
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.single-ticket {
                padding: 0 10px 10px; } }
          html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.single-combo {
            padding: 0px;
            box-sizing: border-box;
            margin-bottom: 10px; }
            @media only screen and (max-width: 748px) {
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.single-combo {
                padding: 0 10px; } }
          html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.order-field-tr {
            background: #fff;
            margin-bottom: 15px;
            padding: 0;
            box-sizing: border-box; }
            @media only screen and (max-width: 748px) {
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.order-field-tr {
                padding: 0 10px; } }
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.order-field-tr td {
              width: 100% !important; }
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.order-field-tr td .single-order-row {
                padding: 0;
                width: 100%; }
                html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.order-field-tr td .single-order-row .data-field-row {
                  width: 100%;
                  display: flex !important;
                  align-items: flex-end; }
                  html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.order-field-tr td .single-order-row .data-field-row .data-field-label {
                    border-bottom: 1px solid #707070;
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    font-weight: 500;
                    font-size: 14px;
                    color: #707070;
                    width: 30%;
                    box-sizing: border-box;
                    padding: 0 10px 10px 10px;
                    margin-bottom: 28px;
                    text-transform: capitalize; }
                  html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.order-field-tr td .single-order-row .data-field-row .pull-left {
                    border-bottom: 1px solid #707070;
                    color: #3F4644;
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    font-weight: 500;
                    font-size: 14px;
                    width: calc(100% - 30%);
                    margin-bottom: 28px;
                    padding: 0 10px 10px 10px;
                    box-sizing: border-box; }
                    html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.order-field-tr td .single-order-row .data-field-row .pull-left input {
                      line-height: normal;
                      min-height: unset; }
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.order-field-tr td .single-order-row .data-field-row .pull-left {
                border-bottom: 1px solid #707070; }
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.order-field-tr * div {
              display: block !important;
              box-sizing: border-box; }
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.order-field-tr .data-field-row {
              display: block;
              padding: 0; }
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.order-field-tr .data-field-row .pull-left {
                padding: 0;
                margin-bottom: 25px; }
                html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.order-field-tr .data-field-row .pull-left select {
                  background: transparent;
                  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE1IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNSAwLjVIMEw3LjUgOEwxNSAwLjVaIiBmaWxsPSIjNzA3MDcwIi8+Cjwvc3ZnPgo=");
                  background-repeat: no-repeat;
                  background-position-x: 98%;
                  background-position-y: 5px;
                  border-radius: 0;
                  margin-right: 0;
                  padding: 0;
                  background-size: 13px;
                  padding: 0 10px; }
              @media only screen and (max-width: 748px) {
                html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.order-field-tr .data-field-row input[type=text] {
                  width: 100% !important; } }
          html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#total-cost-tr {
            flex-direction: row;
            width: 100%;
            float: right;
            align-items: center;
            justify-content: flex-end;
            gap: 10px;
            padding: 0px;
            box-sizing: border-box;
            margin-bottom: 0;
            border-top: solid 1px #D9D9D9; }
            @media only screen and (max-width: 748px) {
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#total-cost-tr {
                padding: 0;
                background: #fff;
                float: none;
                align-items: center;
                justify-content: right;
                padding: 0; } }
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#total-cost-tr td {
              width: auto;
              padding: 0;
              flex-wrap: nowrap; }
              @media only screen and (max-width: 748px) {
                html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr#total-cost-tr td {
                  padding: 10px 0;
                  background: none; } }
          html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.order-data-row-heading {
            background: #D9D9D9;
            padding: 0 7px;
            height: 32px;
            margin-bottom: 25px;
            margin-top: 5px;
            box-sizing: border-box; }
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tbody tr.order-data-row-heading td.title {
              color: #3F4644;
              font-size: 18px;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 600;
              line-height: 32px;
              padding-bottom: 10px; }
        html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.product-type .package-ticket-event {
          display: none; }
        html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.product-type > b, html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.product-type .tiny-spec {
          display: none !important; }
        html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.product-type .tiny-spec-v2 {
          display: inline-block !important;
          color: #3F4644;
          padding: 0 8px;
          font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
          font-size: 16px;
          line-height: 32px;
          width: auto;
          height: auto;
          margin-bottom: 0; }
        html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.ticket-type .package-ticket-event {
          display: none; }
        html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.ticket-type > b, html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.ticket-type .tiny-spec {
          display: none !important; }
        html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.ticket-type .tiny-spec-v2 {
          display: inline-block !important;
          color: #3F4644;
          padding: 0 8px;
          font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
          font-size: 16px;
          line-height: 32px;
          width: auto;
          height: auto;
          margin-bottom: 0; }
        html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.data-fields-td {
          padding: 0; }
          html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.data-fields-td > div, html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.data-fields-td .th-blue {
            color: #707070;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-weight: 500;
            font-size: 14px !important; }
          html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.data-fields-td .required_field {
            margin-bottom: 20px; }
            @media only screen and (max-width: 748px) {
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.data-fields-td .required_field {
                margin: 0 10px; } }
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.data-fields-td .required_field * {
              color: #3F4644;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 500;
              font-size: 14px !important;
              padding: 0;
              border-bottom: 0; }
          html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.data-fields-td .form-inline {
            margin-top: 8px;
            display: flex;
            border: none;
            width: 100%;
            flex-direction: row-reverse; }
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.data-fields-td .form-inline > label {
              display: inline-block; }
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.data-fields-td .form-inline > label:nth-child(1) {
                width: 50%; }
                html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.data-fields-td .form-inline > label:nth-child(1) > input {
                  width: auto; }
                  @media only screen and (max-width: 748px) {
                    html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.data-fields-td .form-inline > label:nth-child(1) > input {
                      width: 100%;
                      box-sizing: border-box;
                      padding: 0; } }
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.data-fields-td .form-inline > label:nth-child(2), html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.data-fields-td .form-inline > label:nth-child(3) {
                width: 25%; }
                html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.data-fields-td .form-inline > label:nth-child(2) > input, html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.data-fields-td .form-inline > label:nth-child(3) > input {
                  width: auto; }
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.data-fields-td .form-inline > label > div {
                display: none; }
              html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.data-fields-td .form-inline > label > input {
                border: none; }
        html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.seat-num {
          font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
          font-size: 14px;
          padding-left: 10px;
          line-height: normal; }
          @media only screen and (max-width: 748px) {
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.seat-num {
              text-align: left !important; } }
        html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td.ticket-price span.number {
          display: inline-block !important;
          color: #3F4644;
          padding: 0 8px;
          font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
          font-size: 16px;
          line-height: 32px; }
        html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tr#total-cost-tr td.total-cost-label {
          color: #3F4644;
          font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
          font-size: 16px;
          padding-right: 10px; }
          @media only screen and (max-width: 748px) {
            html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tr#total-cost-tr td.total-cost-label {
              padding-right: 0;
              font-size: 16px; } }
        html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tr#total-cost-tr td.total b {
          display: inline-block !important;
          color: #3F4644;
          padding: 0 8px;
          font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
          font-size: 16px;
          line-height: 32px;
          font-size: 18px;
          font-weight: normal;
          color: #004433;
          font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif; }
        @media only screen and (max-width: 748px) {
          html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders td {
            padding-left: 15px;
            padding-right: 15px; }
          html body #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders tr#total-cost-tr {
            padding-bottom: 15px; } }
      html body #confirm-orders-page #ordersWrapper form#ordersForm p.note {
        color: #3F4644;
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        font-size: 16px;
        padding: 16px;
        margin: 0;
        background: #FFFFFF;
        border-radius: 8px;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        box-sizing: border-box; }
        @media only screen and (max-width: 748px) {
          html body #confirm-orders-page #ordersWrapper form#ordersForm p.note {
            padding: 16px;
            margin: 0 0 0 16px;
            width: calc(100% - 32px);
            display: inline-block; } }
        html body #confirm-orders-page #ordersWrapper form#ordersForm p.note.make-change-label {
          border-radius: 0;
          border-top-right-radius: 8px;
          border-top-left-radius: 8px;
          margin-top: 8px;
          padding-bottom: 0; }
      @media only screen and (max-width: 748px) {
        html body #confirm-orders-page #ordersWrapper form#ordersForm .formActions {
          margin-left: 16px;
          margin-right: 16px; } }
      html body #confirm-orders-page #ordersWrapper form#ordersForm #ticket-guidelines {
        padding: 10px 0;
        border: 0; }
        html body #confirm-orders-page #ordersWrapper form#ordersForm #ticket-guidelines * {
          color: #3F4644;
          font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
          font-size: 16px;
          line-height: 24px;
          background: none; }
        html body #confirm-orders-page #ordersWrapper form#ordersForm #ticket-guidelines h2 {
          font-size: 16px;
          font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
          color: #004433;
          margin-bottom: 10px; }
          @media only screen and (max-width: 748px) {
            html body #confirm-orders-page #ordersWrapper form#ordersForm #ticket-guidelines h2 {
              padding: 0; } }
        @media only screen and (max-width: 748px) {
          html body #confirm-orders-page #ordersWrapper form#ordersForm #ticket-guidelines {
            padding-left: 16px;
            padding-right: 16px; } }
        html body #confirm-orders-page #ordersWrapper form#ordersForm #ticket-guidelines ol.order-list {
          margin: 0;
          list-style: circle; }
        html body #confirm-orders-page #ordersWrapper form#ordersForm #ticket-guidelines ul li {
          list-style: disc;
          font-size: 14px;
          list-style-position: inside; }
          html body #confirm-orders-page #ordersWrapper form#ordersForm #ticket-guidelines ul li span {
            font-size: 14px; }
    html body #confirm-orders-page tbody tr td {
      border: 0; }
  html body #search-wrapper {
    display: none !important; }
  html body .filter-search {
    display: none;
    padding: 0 25px; }
    html body .filter-search .filter-container {
      display: block;
      float: left;
      margin-right: 15px; }
      @media only screen and (max-width: 748px) {
        html body .filter-search .filter-container {
          display: none; } }
      html body .filter-search .filter-container.active {
        width: 385px;
        margin-top: 0px;
        display: flex;
        margin-right: 0; }
        html body .filter-search .filter-container.active a.filter-btn {
          color: #FFFFFF;
          background: #004433;
          text-decoration: none;
          float: left; }
          html body .filter-search .filter-container.active a.filter-btn svg path#Icon_feather-filter {
            stroke: #FFFFFF; }
      html body .filter-search .filter-container a.filter-btn {
        display: inline-block;
        color: #3F4644;
        background: #D9D9D9;
        border: 0;
        height: 20px;
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        font-weight: 600;
        font-size: 16px;
        font-weight: 500;
        border-radius: 30px;
        padding: 10px 12px 5px 12px;
        text-transform: capitalize; }
        html body .filter-search .filter-container a.filter-btn:hover {
          color: #FFFFFF;
          background: #004433;
          text-decoration: none; }
          html body .filter-search .filter-container a.filter-btn:hover svg path#Icon_feather-filter {
            stroke: #FFFFFF; }
        html body .filter-search .filter-container a.filter-btn svg {
          margin-top: 0;
          float: left;
          margin-right: 5px; }
    html body .filter-search #search-wrap {
      margin: 0 15px !important;
      padding: 0;
      float: left; }
      html body .filter-search #search-wrap.search-width-scroll {
        width: auto;
        display: contents; }
        html body .filter-search #search-wrap.search-width-scroll .country-selector {
          overflow: auto;
          white-space: nowrap;
          -ms-overflow-style: none;
          /* IE and Edge */
          scrollbar-width: none;
          -webkit-overflow-scrolling: touch; }
          html body .filter-search #search-wrap.search-width-scroll .country-selector::-webkit-scrollbar {
            width: 0px;
            background: transparent;
            /* make scrollbar transparent */ }
      html body .filter-search #search-wrap .country-selector .country {
        background-color: #D9D9D9 !important;
        border-radius: 30px;
        padding: 10px 25px 6px 25px;
        margin-right: 12px; }
        @media only screen and (max-width: 748px) {
          html body .filter-search #search-wrap .country-selector .country {
            padding: 8px 11px 7px 11px; } }
        html body .filter-search #search-wrap .country-selector .country a {
          color: #3F4644 !important;
          font-size: 16px;
          text-transform: capitalize;
          font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
          font-weight: 500; }
          html body .filter-search #search-wrap .country-selector .country a:hover {
            text-decoration: none; }
          @media only screen and (max-width: 748px) {
            html body .filter-search #search-wrap .country-selector .country a {
              font-size: 14px; } }
        html body .filter-search #search-wrap .country-selector .country.active {
          background-color: #004433 !important; }
          html body .filter-search #search-wrap .country-selector .country.active a {
            color: #FFFFFF !important; }
        html body .filter-search #search-wrap .country-selector .country:hover {
          background-color: #004433 !important; }
          html body .filter-search #search-wrap .country-selector .country:hover a {
            color: #FFFFFF !important; }
  html body .my-account-container {
    background: #F8F8F8;
    padding: 57px 25px 0 25px;
    position: fixed;
    right: 0;
    top: 0;
    width: 225px;
    height: 100vh;
    box-sizing: border-box;
    z-index: 98;
    display: none; }
    @media only screen and (max-width: 748px) {
      html body .my-account-container {
        top: 70px; } }
    @media (max-width: 360px) {
      html body .my-account-container {
        padding: 20px 25px 0 25px;
        top: 70px;
        width: 100%;
        box-sizing: border-box; } }
    html body .my-account-container span.profile-name {
      font-size: 12px;
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      font-weight: 500;
      color: #3F4644;
      margin-bottom: 5px;
      display: block; }
      html body .my-account-container span.profile-name p {
        color: #3F4644;
        display: block; }
    html body .my-account-container ul {
      margin: 0 -25px; }
      html body .my-account-container ul li a {
        padding: 0 5px;
        color: #3F4644;
        font-size: 16px;
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        font-weight: 500;
        font-style: normal;
        padding: 10px 25px;
        display: block; }
        html body .my-account-container ul li a:hover {
          background-color: #D9D9D9;
          text-decoration: none; }
  html body .top-content {
    padding-bottom: 15px;
    padding-top: 113px; }
    @media only screen and (max-width: 748px) {
      html body .top-content {
        padding-bottom: 0;
        padding-top: 100px; } }
    html body .top-content > .container {
      padding: 0 25px; }
      @media only screen and (max-width: 748px) {
        html body .top-content > .container {
          padding: 0;
          margin: 0; } }
      html body .top-content > .container h2.tf-title {
        text-transform: unset;
        text-align: left;
        font-family: "Petrona", "Noto Serif HK", "Noto Serif SC", "Noto Serif JP", "Noto Serif KR", "Georgia", "Times New Roman", "Songti SC", "SimSun", "PMingLiU", "MingLiU", "Hiragino Mincho ProN", "MS Mincho", "Batang", "Apple SD Gothic Neo", serif;
        font-weight: 200;
        font-size: 21px;
        line-height: 28px;
        font-weight: normal;
        color: #004433; }
        @media only screen and (max-width: 748px) {
          html body .top-content > .container h2.tf-title {
            padding: 15px; } }
      html body .top-content > .container .banner-slide.mobile-banner {
        margin-top: 22px; }
        @media only screen and (max-width: 748px) {
          html body .top-content > .container .banner-slide.mobile-banner {
            margin-top: 0; } }
      html body .top-content > .container .banner-slide.desktop-banner {
        height: auto;
        overflow: hidden; }
        html body .top-content > .container .banner-slide.desktop-banner a img {
          height: auto; }
  html body .main-content {
    padding-top: 0;
    min-height: calc(100vh - 241px);
    /*Login section start here*/ }
    @media only screen and (max-width: 748px) {
      html body .main-content {
        min-height: unset; } }
    html body .main-content .container {
      width: auto;
      padding: 0 25px;
      box-sizing: border-box; }
      @media only screen and (max-width: 748px) {
        html body .main-content .container {
          padding: 0;
          margin: 0; } }
      html body .main-content .container #content {
        position: inherit;
        /* My Account section start here*/ }
        html body .main-content .container #content.with-timer {
          padding-top: 10px; }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content.with-timer {
              padding-top: 40px; } }
        html body .main-content .container #content .breadcrumbs {
          padding-bottom: 13px;
          margin-top: 0;
          display: none; }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content .breadcrumbs {
              padding: 0 10px;
              margin-top: 15px; } }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content .breadcrumbs ul {
              display: flex; } }
          html body .main-content .container #content .breadcrumbs ul li {
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-weight: 500;
            font-size: 16px;
            color: #3F4644;
            display: inline-block; }
            html body .main-content .container #content .breadcrumbs ul li a {
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 500;
              font-size: 16px;
              color: #3F4644;
              text-decoration: underline; }
              html body .main-content .container #content .breadcrumbs ul li a:hover {
                text-decoration: underline; }
            html body .main-content .container #content .breadcrumbs ul li::after {
              content: '/';
              color: #3F4644;
              width: 5px;
              height: 5px;
              display: inline-block;
              padding: 0 5px; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content .breadcrumbs ul li:first-child {
                flex-shrink: 0; } }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content .breadcrumbs ul li:last-child {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis; } }
            html body .main-content .container #content .breadcrumbs ul li:last-child::after {
              display: none; }
        html body .main-content .container #content .shorter {
          width: 100%; }
        html body .main-content .container #content > infoItem {
          text-align: center;
          width: 550px;
          margin: 0 auto;
          font-size: 14px;
          font-weight: 400;
          line-height: 21px;
          margin-top: 20px; }
          html body .main-content .container #content > infoItem p {
            margin-bottom: 20px; }
          html body .main-content .container #content > infoItem a button {
            width: 340px;
            height: 40px;
            box-sizing: border-box; }
        html body .main-content .container #content #home-page h2.tf-title {
          text-transform: unset;
          text-align: left;
          font-family: "Petrona", "Noto Serif HK", "Noto Serif SC", "Noto Serif JP", "Noto Serif KR", "Georgia", "Times New Roman", "Songti SC", "SimSun", "PMingLiU", "MingLiU", "Hiragino Mincho ProN", "MS Mincho", "Batang", "Apple SD Gothic Neo", serif !important;
          font-weight: 200;
          font-size: 21px;
          line-height: 28px;
          color: #004433; }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #home-page h2.tf-title {
              padding: 15px; } }
        html body .main-content .container #content #home-page .line-separator {
          display: none; }
        @media only screen and (max-width: 748px) {
          html body .main-content .container #content #home-page .breathe {
            display: none; } }
        html body .main-content .container #content #timer-wrapper {
          width: 100%;
          position: fixed;
          top: 92px;
          z-index: 7; }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #timer-wrapper {
              top: 90px !important; } }
          html body .main-content .container #content #timer-wrapper.fixed-position {
            top: 75px;
            transition: all 0.5s ease-in-out; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #timer-wrapper.fixed-position {
                top: 75px !important; } }
          html body .main-content .container #content #timer-wrapper #timer {
            padding-top: 3px !important; }
            html body .main-content .container #content #timer-wrapper #timer.fixed-position {
              position: fixed !important;
              margin-top: 76px; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #timer-wrapper #timer::after {
                display: block;
                content: "";
                flex: 0 0 100%;
                order: 3; } }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #timer-wrapper {
              top: 121px;
              bottom: auto; } }
          @media (max-width: 360px) {
            html body .main-content .container #content #timer-wrapper {
              top: 125px;
              bottom: auto; } }
          html body .main-content .container #content #timer-wrapper.move-downward {
            right: 0; }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #timer-wrapper #timer.fixed-position {
              margin-top: 0; } }
          html body .main-content .container #content #timer-wrapper #timer {
            width: 100%;
            background-color: #A8996E;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: 0;
            line-height: 15px;
            min-height: 40px !important; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #timer-wrapper #timer {
                bottom: unset;
                position: fixed;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-wrap: wrap;
                padding-top: 8px !important;
                padding-bottom: 3px; } }
            html body .main-content .container #content #timer-wrapper #timer p {
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 600;
              font-size: 14px;
              color: #FFFFFF;
              text-transform: unset;
              display: inline-block;
              padding: 3px 0 4px 0; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #timer-wrapper #timer p.upper {
                  font-size: 12px;
                  text-align: right;
                  order: 1; } }
            html body .main-content .container #content #timer-wrapper #timer a {
              font-size: 14px;
              margin-bottom: 4px;
              margin-top: 3px;
              text-transform: uppercase;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 600;
              text-decoration: underline; }
            html body .main-content .container #content #timer-wrapper #timer #counter {
              min-height: unset;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 600;
              margin-left: 5px;
              margin-top: 0;
              font-weight: normal;
              font-size: 14px;
              color: #FFFFFF; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #timer-wrapper #timer #counter {
                  white-space: nowrap;
                  font-size: 12px;
                  margin: 0;
                  padding-left: 5px;
                  text-align: left;
                  order: 2; } }
            html body .main-content .container #content #timer-wrapper #timer #need-time, html body .main-content .container #content #timer-wrapper #timer #back-to-orders {
              text-decoration: underline;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 600;
              padding: 0 0 0 10px;
              color: #FFFFFF; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #timer-wrapper #timer #need-time, html body .main-content .container #content #timer-wrapper #timer #back-to-orders {
                  font-size: 14px;
                  padding: 0 0 0 10px;
                  font-weight: normal;
                  margin-top: 12px;
                  margin-bottom: 5px;
                  box-sizing: border-box;
                  flex: 0 0 auto; } }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #timer-wrapper #timer #need-time {
                text-align: right;
                padding-left: 0;
                order: 4; } }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #timer-wrapper #timer #back-to-orders {
                text-align: left;
                order: 5; } }
        html body .main-content .container #content #event-cart-timer-indicator {
          width: 100%;
          background-color: #EEEBE2;
          box-sizing: border-box;
          padding: 5px;
          display: flex;
          min-height: 32px;
          justify-content: space-between;
          line-height: normal;
          border-radius: 0; }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #event-cart-timer-indicator {
              width: calc(100% - 24px);
              margin-left: 12px;
              margin-bottom: 0; } }
          @media (max-width: 420px) {
            html body .main-content .container #content #event-cart-timer-indicator {
              display: block; } }
          html body .main-content .container #content #event-cart-timer-indicator #event-cart-items-count, html body .main-content .container #content #event-cart-timer-indicator #event-cart-items-time {
            font-size: 16px;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-weight: 500;
            color: #3F4644; }
            @media (max-width: 420px) {
              html body .main-content .container #content #event-cart-timer-indicator #event-cart-items-count, html body .main-content .container #content #event-cart-timer-indicator #event-cart-items-time {
                text-align: center; } }
            html body .main-content .container #content #event-cart-timer-indicator #event-cart-items-count .fa, html body .main-content .container #content #event-cart-timer-indicator #event-cart-items-time .fa {
              color: #3F4644; }
            html body .main-content .container #content #event-cart-timer-indicator #event-cart-items-count .counting, html body .main-content .container #content #event-cart-timer-indicator #event-cart-items-time .counting {
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              color: #3F4644; }
          @media (max-width: 420px) {
            html body .main-content .container #content #event-cart-timer-indicator #event-cart-items-time {
              padding-top: 5px; } }
          html body .main-content .container #content #event-cart-timer-indicator + br {
            display: none; }
        html body .main-content .container #content #event-header.contain-package #event-header-first {
          display: none; }
        html body .main-content .container #content #event-header.contain-package #event-header-row .sidebar-container {
          margin-top: auto; }
          html body .main-content .container #content #event-header.contain-package #event-header-row .sidebar-container .floating {
            margin-top: 83px !important;
            bottom: 0; }
        html body .main-content .container #content #event-header #event-header-row #event-header-first {
          width: calc(100% - 345px);
          border-radius: 8px;
          padding: 16px;
          background-color: #004433;
          box-sizing: border-box;
          margin-bottom: 30px; }
          @media screen and (max-width: 900px) and (min-width: 749px) {
            html body .main-content .container #content #event-header #event-header-row #event-header-first {
              width: calc(100% - 292px); } }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #event-header #event-header-row #event-header-first {
              width: calc(100% - 24px);
              margin-bottom: 0;
              margin-left: 12px;
              padding: 12px; }
              html body .main-content .container #content #event-header #event-header-row #event-header-first h1, html body .main-content .container #content #event-header #event-header-row #event-header-first h2 {
                padding: 15px; } }
          html body .main-content .container #content #event-header #event-header-row #event-header-first h1.event-title {
            margin-left: 0;
            margin-top: 0;
            font-size: 40px;
            text-transform: capitalize;
            line-height: 48px;
            margin-bottom: 12px;
            font-weight: 200;
            padding: 0;
            color: #FFFFFF;
            font-family: "Petrona", "Noto Serif HK", "Noto Serif SC", "Noto Serif JP", "Noto Serif KR", "Georgia", "Times New Roman", "Songti SC", "SimSun", "PMingLiU", "MingLiU", "Hiragino Mincho ProN", "MS Mincho", "Batang", "Apple SD Gothic Neo", serif;
            letter-spacing: 2px; }
            @media only screen and (max-width: 1024px) and (min-width: 748px) {
              html body .main-content .container #content #event-header #event-header-row #event-header-first h1.event-title {
                font-size: 32px;
                line-height: 40px; } }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #event-header #event-header-row #event-header-first h1.event-title {
                padding: 5px 15px;
                margin-bottom: 0;
                font-size: 32px;
                line-height: 40px; } }
            @media (max-width: 420px) {
              html body .main-content .container #content #event-header #event-header-row #event-header-first h1.event-title {
                padding: 0; } }
            @media screen and (max-width: 1023px) and (min-width: 749px) {
              html body .main-content .container #content #event-header #event-header-row #event-header-first h1.event-title {
                font-size: 26px;
                line-height: 34px; } }
          html body .main-content .container #content #event-header #event-header-row #event-header-first h2.event-subtitle {
            margin: 0;
            font-size: 16px;
            color: #FFFFFF;
            line-height: normal;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #event-header #event-header-row #event-header-first h2.event-subtitle {
                font-size: 16px;
                padding: 5px 15px; } }
            @media (max-width: 420px) {
              html body .main-content .container #content #event-header #event-header-row #event-header-first h2.event-subtitle {
                padding: 10px 0 0; } }
          html body .main-content .container #content #event-header #event-header-row #event-header-first .event-image {
            display: block;
            width: 225px;
            z-index: 2;
            margin-right: 16px; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #event-header #event-header-row #event-header-first .event-image {
                width: 200px; } }
            @media (max-width: 420px) {
              html body .main-content .container #content #event-header #event-header-row #event-header-first .event-image {
                width: 100%;
                margin-bottom: 15px; } }
            @media screen and (max-width: 1023px) and (min-width: 749px) {
              html body .main-content .container #content #event-header #event-header-row #event-header-first .event-image {
                width: 180px; } }
            html body .main-content .container #content #event-header #event-header-row #event-header-first .event-image img {
              width: auto;
              max-width: 100%;
              border-radius: 8px;
              height: auto; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-header #event-header-row #event-header-first .event-image img {
                  width: 100%; } }
        html body .main-content .container #content #event-header #event-header-row .sidebar-container {
          width: 325px;
          margin-top: 0; }
          @media screen and (max-width: 900px) and (min-width: 749px) {
            html body .main-content .container #content #event-header #event-header-row .sidebar-container {
              width: 288px; } }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #event-header #event-header-row .sidebar-container {
              margin: 0 auto;
              float: none;
              display: table;
              width: 100%; } }
          html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar {
            margin-top: 0;
            padding-left: 8px;
            box-sizing: border-box;
            width: 100%; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar {
                padding-left: 0; } }
            html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar::-webkit-scrollbar {
              width: 5px;
              height: 5px; }
              html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar::-webkit-scrollbar-track {
                background-clip: content-box;
                border: 2px solid transparent;
                background-color: #CFCFCF; }
              html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar::-webkit-scrollbar-thumb {
                background-color: #707070;
                border-radius: 5px; }
            @media (min-width: 1024px) {
              html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar {
                width: 335px; } }
            @media screen and (min-width: 749px) {
              html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar.floating {
                top: 95px;
                max-height: calc(100vh - 180px); }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar.floating.overlapped {
                  max-height: calc(100vh - 350px); } }
            html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second {
              width: 297px;
              position: unset;
              background: none;
              padding: 0;
              overflow: unset; }
              @media screen and (max-width: 900px) and (min-width: 749px) {
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second {
                  width: 250px; } }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second {
                  width: 100%;
                  box-sizing: border-box;
                  padding: 12px;
                  margin-bottom: 15px; } }
              html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .times {
                padding-bottom: 20px;
                display: none; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .times.has-customized-time {
                  display: none !important; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .times .times-first .blue.upper, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .times .times-second .blue.upper {
                  background-color: #D9D9D9;
                  color: #3F4644;
                  font-size: 16px;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  font-weight: 600;
                  padding: 0px 10px 0px 10px;
                  height: 32px;
                  line-height: 32px;
                  margin-bottom: 7px;
                  display: inline-block;
                  text-transform: uppercase; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .times .times-first .upper, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .times .times-second .upper {
                  font-size: 16px;
                  color: #3F4644;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  font-weight: 500;
                  line-height: 21px;
                  text-transform: capitalize; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .times .upper {
                  color: #3F4644 !important;
                  text-transform: unset;
                  font-size: 21px;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  margin-top: 5px; }
              html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .location-detail {
                margin-top: 0;
                display: none; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .location-detail .address-title {
                  background-color: #D9D9D9;
                  color: #3F4644;
                  font-size: 16px;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  font-weight: 600;
                  padding: 0px 10px 0px 10px;
                  height: 32px;
                  line-height: 32px;
                  margin-bottom: 7px;
                  display: inline-block;
                  display: none; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .location-detail .location-map {
                  font-size: 14px;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  color: #FFFFFF;
                  padding: 0 12px 10px;
                  border-bottom-left-radius: 5px;
                  border-bottom-right-radius: 5px;
                  background: #3F4644;
                  color: #FFFFFF;
                  display: none; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .location-detail .location-map pre {
                    font-size: 14px;
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    color: #FFFFFF;
                    display: flex;
                    align-items: center; }
                    html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .location-detail .location-map pre::before {
                      width: 14px;
                      height: 14px;
                      content: "";
                      margin-right: 12px;
                      background: url("/static/whitelabels/sjm/images/location-icon.svg") no-repeat;
                      background-size: contain;
                      background-position: top; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .location-detail .address-title {
                  font-weight: normal; }
              html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block {
                margin-top: 0;
                background: #FFFFFF;
                border-radius: 8px;
                -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
                -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
                box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block.single-day-event {
                  display: flex;
                  flex-wrap: wrap; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block.single-day-event .date-details {
                    width: 80px;
                    min-height: 80px;
                    border-radius: 8px;
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: center;
                    margin-right: 10px;
                    color: #3F4644;
                    font-size: 14px;
                    background-color: #F7F6F0;
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    margin: 16px 8px 8px 16px; }
                    html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block.single-day-event .date-details .date {
                      flex: 0 0 100%;
                      text-align: center;
                      font-size: 24px;
                      padding-top: 18px;
                      height: 14px; }
                    html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block.single-day-event .date-details .day {
                      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block.single-day-event .event-name {
                    flex: 1;
                    display: -webkit-box;
                    -webkit-line-clamp: 3;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: flex;
                    align-items: center;
                    padding-left: 4px; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block.single-day-event .address-and-sessions {
                    flex: 0 0 100%;
                    box-sizing: border-box; }
                    html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block.single-day-event .address-and-sessions .location-details {
                      font-size: 12px;
                      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                      color: #3F4644;
                      display: flex;
                      margin: 0 0 3px; }
                      html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block.single-day-event .address-and-sessions .location-details::before {
                        width: 16px;
                        height: 15px;
                        content: "";
                        margin-right: 10px;
                        background: url("/static/whitelabels/sjm/images/location-icon.svg") no-repeat;
                        background-size: contain;
                        background-position: center;
                        margin-top: 4px;
                        flex-shrink: 0; }
                      html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block.single-day-event .address-and-sessions .location-details.location-map-exists {
                        cursor: pointer; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block .location-details {
                  font-size: 12px;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  color: #3F4644;
                  display: flex;
                  margin: 0 0 3px; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block .location-details::before {
                    width: 16px;
                    height: 15px;
                    content: "";
                    margin-right: 10px;
                    background: url("/static/whitelabels/sjm/images/location-icon.svg") no-repeat;
                    background-size: contain;
                    background-position: center;
                    margin-top: 4px;
                    flex-shrink: 0;
                    margin-top: 2px; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block .location-details.location-map-exists {
                    cursor: pointer; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block .event-name {
                  font-size: 16px;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  font-weight: 600;
                  padding: 10px 12px;
                  border-radius: 0;
                  color: #004433; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block .address-and-sessions {
                  font-size: 12px;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  color: #3F4644;
                  padding: 0 16px 10px;
                  border-radius: 0;
                  margin-top: 0; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block .address-and-sessions .sessions-info {
                    color: #3F4644;
                    margin: 5px 0 8px; }
                    html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block .address-and-sessions .sessions-info .show-date {
                      display: flex;
                      align-items: center;
                      margin-bottom: 5px;
                      flex-wrap: wrap; }
                      html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block .address-and-sessions .sessions-info .show-date::before {
                        width: 14px;
                        height: 14px;
                        content: "";
                        margin-right: 12px;
                        background: url("/static/whitelabels/sjm/images/time-icon.svg");
                        background-size: 14px;
                        background-repeat: no-repeat; }
                      html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block .address-and-sessions .sessions-info .show-date .separator {
                        margin: 0 3px; }
                      html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block .address-and-sessions .sessions-info .show-date .show-time {
                        padding-left: 5px; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block .location-detail {
                  font-size: 14px;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  color: #FFFFFF;
                  padding: 5px 12px;
                  border-radius: 5px;
                  background: #3F4644;
                  color: #FFFFFF; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .new-sessions-block .location-detail .address-title {
                    display: none; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .queue-actions-v2 {
                  position: fixed;
                  width: 100%;
                  bottom: 0;
                  z-index: 7;
                  left: 0;
                  padding: 10px;
                  box-sizing: border-box;
                  background: #FFFFFF; } }
              html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .queue-actions-v2 .enter-queue-v2 {
                width: 100%;
                border-radius: 5px !important;
                margin: 0;
                padding-top: 7px;
                height: 40px; }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar #event-header-second .queue-actions-v2 .enter-queue-v2 {
                    font-size: 14px; } }
            html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart {
              margin-top: 16px;
              padding: 16px 16px;
              width: 297px;
              position: relative;
              margin-bottom: 30px; }
              html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart::before {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                background: #FFFFFF;
                border-radius: 8px;
                -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
                -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
                box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
                width: 100%;
                height: 100%;
                z-index: -1;
                display: none; }
              html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart:has(.sidebar-buy-now-button:not([style*="display: none"]))::before {
                height: calc(100% - 90px); }
              html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart:has(.shopping-cart__section .booking-summary-label:not([style*="display:none"]))::before {
                display: block; }
              @media screen and (max-width: 900px) and (min-width: 749px) {
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart {
                  width: 250px; } }
              html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_info__section, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_pricing_info__section {
                padding-top: 0; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section h1, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section h2, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_info__section h1, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_info__section h2, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_pricing_info__section h1, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_pricing_info__section h2 {
                  background-color: #D9D9D9;
                  color: #3F4644;
                  font-size: 16px;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  font-weight: 600;
                  padding: 0px 10px 0px 10px;
                  height: 32px;
                  line-height: 32px;
                  margin-bottom: 7px;
                  display: inline-block; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section h2, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_info__section h2, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_pricing_info__section h2 {
                  text-transform: uppercase; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section .section__meta, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_info__section .section__meta, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_pricing_info__section .section__meta {
                  font-size: 16px;
                  color: #3F4644;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  font-weight: 500;
                  line-height: 21px;
                  margin-bottom: 20px; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section .section__meta > div, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_info__section .section__meta > div, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_pricing_info__section .section__meta > div {
                    font-size: 16px;
                    color: #3F4644;
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    font-weight: 500;
                    line-height: 21px; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section .section__meta .pricing-left, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section .section__meta .pricing-right, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_info__section .section__meta .pricing-left, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_info__section .section__meta .pricing-right, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_pricing_info__section .section__meta .pricing-left, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_pricing_info__section .section__meta .pricing-right {
                    font-size: 16px;
                    color: #3F4644;
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    font-weight: 500;
                    line-height: 21px;
                    margin-bottom: 5px; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section ul.section__meta li.sidebar_pages_items, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_info__section ul.section__meta li.sidebar_pages_items, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_pricing_info__section ul.section__meta li.sidebar_pages_items {
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  font-weight: 500;
                  font-size: 16px;
                  color: #3F4644;
                  margin-left: 10px;
                  margin-bottom: 2px;
                  padding-left: 5px; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section ul.section__meta li.sidebar_pages_items::marker, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_info__section ul.section__meta li.sidebar_pages_items::marker, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_pricing_info__section ul.section__meta li.sidebar_pages_items::marker {
                    color: #3F4644;
                    content: '\2022';
                    font-size: 16px;
                    text-align-last: center !important;
                    text-align: start !important; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section .section__meta_total, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_info__section .section__meta_total, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_pricing_info__section .section__meta_total {
                  margin-bottom: 12px; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section .section__meta_total .pricing-left, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section .section__meta_total .pricing-right, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_info__section .section__meta_total .pricing-left, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_info__section .section__meta_total .pricing-right, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_pricing_info__section .section__meta_total .pricing-left, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_pricing_info__section .section__meta_total .pricing-right {
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    font-weight: 600;
                    font-size: 16px;
                    color: #3F4644;
                    font-weight: normal; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section .section__meta_total .pricing-right, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_info__section .section__meta_total .pricing-right, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_pricing_info__section .section__meta_total .pricing-right {
                    font-size: 20px !important;
                    color: #009B7A;
                    font-weight: 600; }
              html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .section__meta_total {
                border-top: solid 1px #8E9590;
                margin: 4px 0 6px !important;
                padding: 12px 0 0; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .section__meta_total .pricing-left, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .section__meta_total .pricing-right {
                  font-size: 14px !important; }
              html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section {
                padding: 0 0 5px;
                margin-top: -7px;
                border: 0 !important; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__date-and-time {
                  margin-bottom: 0; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__date-and-time h2 {
                    display: none; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__date-and-time .section__meta {
                    padding-top: 7px;
                    font-size: 12px; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__combos-quantity {
                  display: none !important; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing {
                  margin-top: -8px; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing h2 {
                    display: none; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta .pricing-left {
                    width: 50%;
                    color: #3F4644;
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    font-size: 12px;
                    line-height: 16px;
                    clear: left; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta .pricing-right {
                    color: #3F4644;
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    font-size: 12px;
                    line-height: 16px;
                    clear: right; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta_discount .pricing-left {
                    font-size: 12px;
                    width: 50%;
                    color: #3F4644; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta_discount .pricing-right {
                    font-size: 12px;
                    width: 50%;
                    color: #3F4644; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation {
                  text-align: right; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation h2, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation div {
                    text-align: left;
                    display: table; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation h2 {
                    padding-top: 8px;
                    padding-bottom: 0;
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    font-size: 12px; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation a#show-more-allocations {
                    font-size: 12px;
                    padding: 0;
                    margin: 0 0 15px 0;
                    height: 25px;
                    width: 150px;
                    line-height: 25px;
                    display: inline-block; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation .section__meta {
                    margin-bottom: 10px; }
                    html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation .section__meta div {
                      color: #3F4644;
                      font-size: 12px; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section .section__meta_discount.promo-code .pricing-left, html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section .section__meta_discount.promo-code .pricing-right {
                  font-size: 12px;
                  color: #3F4644;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section .section__meta_discount.promo-code .pricing-right {
                  text-align: right; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section .section__meta_discount.promo-code div {
                  font-size: 12px;
                  color: #3F4644;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section .section__meta {
                  color: #3F4644;
                  margin-bottom: 0;
                  font-size: 12px;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section .section__meta span.total {
                    display: none; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section h2 {
                  font-weight: normal;
                  background: none;
                  color: #3F4644;
                  font-size: 12px;
                  line-height: 24px;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  padding: 12px 0 6px;
                  text-transform: unset;
                  height: auto;
                  margin: 0; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__tickets-quantity h2 {
                  display: flex;
                  justify-content: space-between;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  font-weight: 600; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__tickets-quantity h2 + .section__meta {
                    display: none; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__section.section__tickets-quantity .section__meta {
                  margin-bottom: 5px; }
              html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_pricing_info__section .section__meta {
                display: flex;
                justify-content: space-between; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .packages_pricing_info__section .section__meta .pricing_bar_left {
                  font-size: 16px;
                  color: #3F4644;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  font-weight: 500; }
              html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__unlock_code_used {
                display: none;
                background-color: #EEEBE2;
                padding: 0 12px 5px;
                border-radius: 0;
                margin-top: -8px; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__unlock_code_used.applied {
                  display: block; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__unlock_code_used.applied h2.header {
                    font-weight: normal;
                    background: none;
                    color: #3F4644;
                    font-size: 12px;
                    line-height: 19px;
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    padding: 5px 0 0;
                    text-transform: unset;
                    height: auto;
                    margin: 0; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__unlock_code_used.applied .section__meta {
                    margin-bottom: 0; }
                    html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .shopping-cart__unlock_code_used.applied .section__meta .voucher-details .unlock-code {
                      font-size: 14px;
                      color: #3F4644;
                      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                      margin-bottom: 8px; }
              html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .sidebar-buy-now-button {
                position: sticky;
                bottom: 0;
                margin-top: 25px;
                margin-bottom: 10px; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .sidebar-buy-now-button .section__meta button {
                  color: #FFFFFF !important;
                  background: #009B7A !important;
                  border: 0;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  font-size: 16px;
                  border-radius: 30px !important;
                  padding: 6px 12px 6px 12px;
                  text-transform: capitalize;
                  min-height: 45px;
                  border: solid 1px #009B7A;
                  line-height: normal;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  width: calc(100% + 32px);
                  margin-left: -16px;
                  height: 40px; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .sidebar-buy-now-button .section__meta button::after {
                    content: '';
                    display: inline-block;
                    transform: rotate(45deg);
                    height: 10px;
                    width: 5px;
                    border-bottom: 2px solid #FFFFFF;
                    border-right: 2px solid #FFFFFF;
                    margin-left: 12px;
                    margin-top: -2px; }
                  html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .sidebar-buy-now-button .section__meta button:hover {
                    color: #009B7A !important;
                    background: #FFFFFF !important;
                    text-decoration: none;
                    border-color: #D9D9D9;
                    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
                    -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
                    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); }
                    html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .sidebar-buy-now-button .section__meta button:hover::after {
                      border-color: #009B7A; }
              html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .section__event-name {
                background: none;
                padding: 0; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .section__event-name h1 {
                  padding: 8px 0;
                  background: none;
                  font-size: 16px;
                  line-height: 24px;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  text-transform: unset;
                  height: auto;
                  border-bottom: solid 1px #8E9590;
                  width: 100%;
                  margin-bottom: 12px;
                  color: #004433; }
                html body .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .section__event-name .section__meta {
                  display: none; }
        html body .main-content .container #content #event-header.contain-package #event-header-row .sidebar-container {
          margin-top: -217px; }
        html body .main-content .container #content #event-detail {
          width: calc(100% - 345px);
          position: relative; }
          @media screen and (max-width: 900px) and (min-width: 749px) {
            html body .main-content .container #content #event-detail {
              width: calc(100% - 292px); } }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #event-detail {
              width: 100%;
              margin-top: 0;
              padding-bottom: 60px; } }
          html body .main-content .container #content #event-detail #event-body h2:first-child {
            font-size: 32px;
            line-height: 40px;
            border: 0;
            margin-bottom: 20px;
            display: block;
            text-align: left;
            padding: 0;
            font-family: "Petrona", "Noto Serif HK", "Noto Serif SC", "Noto Serif JP", "Noto Serif KR", "Georgia", "Times New Roman", "Songti SC", "SimSun", "PMingLiU", "MingLiU", "Hiragino Mincho ProN", "MS Mincho", "Batang", "Apple SD Gothic Neo", serif !important;
            color: #004433;
            text-transform: uppercase;
            border-bottom: solid 1px #D9D9D9;
            padding-bottom: 20px;
            font-weight: 200; }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #event-detail #event-body {
              margin-top: 30px; } }
          html body .main-content .container #content #event-detail #event-body h2 {
            border: 2px solid #3F4644;
            font-size: 16px;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-weight: 500;
            color: #3F4644;
            padding: 0 10px;
            margin: 0;
            text-transform: none;
            display: inline-block;
            line-height: normal;
            text-align: center;
            height: 32px;
            line-height: 32px;
            margin-top: 0 !important; }
          html body .main-content .container #content #event-detail #event-body a#show-more {
            font-size: 16px;
            display: inline-block;
            padding: 8px 16px;
            color: #A8996E;
            border-radius: 30px;
            border: solid 1px #A8996E;
            margin-left: calc(50% - 60px); }
            html body .main-content .container #content #event-detail #event-body a#show-more:hover {
              color: #A8996E;
              text-decoration: none; }
          html body .main-content .container #content #event-detail #event-body .show-bullet {
            margin-bottom: 0 !important;
            padding: 0 0 20px 0;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-size: 16px;
            color: #3F4644; }
            html body .main-content .container #content #event-detail #event-body .show-bullet p, html body .main-content .container #content #event-detail #event-body .show-bullet ul li, html body .main-content .container #content #event-detail #event-body .show-bullet ol li {
              padding: 0;
              color: #3F4644;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-size: 16px;
              line-height: 24px; }
              html body .main-content .container #content #event-detail #event-body .show-bullet p img, html body .main-content .container #content #event-detail #event-body .show-bullet ul li img, html body .main-content .container #content #event-detail #event-body .show-bullet ol li img {
                margin-top: 0; }
            html body .main-content .container #content #event-detail #event-body .show-bullet a, html body .main-content .container #content #event-detail #event-body .show-bullet p a, html body .main-content .container #content #event-detail #event-body .show-bullet p span a {
              color: #009B7A; }
              html body .main-content .container #content #event-detail #event-body .show-bullet a:hover, html body .main-content .container #content #event-detail #event-body .show-bullet p a:hover, html body .main-content .container #content #event-detail #event-body .show-bullet p span a:hover {
                color: #004433; }
          html body .main-content .container #content #event-detail #event-body iframe {
            width: 100%;
            min-height: 550px; }
            @media (max-width: 1280px) {
              html body .main-content .container #content #event-detail #event-body iframe {
                max-height: 500px;
                min-height: unset; } }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #event-detail #event-body iframe {
                max-height: 350px; } }
            @media (max-width: 420px) {
              html body .main-content .container #content #event-detail #event-body iframe {
                max-height: 250px; } }
          @media (min-width: 749px) {
            html body .main-content .container #content #event-detail #buy-now-for-mobile-only {
              display: none !important; } }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #event-detail #buy-now-for-mobile-only {
              position: fixed;
              bottom: 0;
              width: 100%;
              padding: 0 10px 10px;
              left: 0;
              box-sizing: border-box;
              display: block;
              z-index: 8;
              background: #F7F6F0; } }
          html body .main-content .container #content #event-detail #buy-now-for-mobile-only button {
            color: #FFFFFF !important;
            background: #009B7A !important;
            border: 0;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-size: 16px;
            border-radius: 30px !important;
            padding: 6px 12px 6px 12px;
            text-transform: capitalize;
            min-height: 45px;
            border: solid 1px #009B7A;
            line-height: normal;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 30px !important;
            font-size: 18px;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-weight: 500;
            width: 100%;
            height: 40px; }
            html body .main-content .container #content #event-detail #buy-now-for-mobile-only button::after {
              content: '';
              display: inline-block;
              transform: rotate(45deg);
              height: 10px;
              width: 5px;
              border-bottom: 2px solid #FFFFFF;
              border-right: 2px solid #FFFFFF;
              margin-left: 12px;
              margin-top: -2px; }
            html body .main-content .container #content #event-detail #buy-now-for-mobile-only button:hover {
              color: #009B7A !important;
              background: #FFFFFF !important;
              text-decoration: none;
              border-color: #D9D9D9;
              -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
              -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
              box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); }
              html body .main-content .container #content #event-detail #buy-now-for-mobile-only button:hover::after {
                border-color: #009B7A; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #event-detail #buy-now-for-mobile-only button {
                font-size: 14px;
                line-height: 29px; } }
          html body .main-content .container #content #event-detail #special-mobile-booking-summary {
            position: fixed;
            width: 100%;
            height: 100vh;
            overflow: auto;
            z-index: 999;
            left: 0;
            top: 0;
            background: #FFFFFF;
            padding: 12px 12px 70px;
            box-sizing: border-box; }
            html body .main-content .container #content #event-detail #special-mobile-booking-summary.active {
              display: block !important; }
              html body .main-content .container #content #event-detail #special-mobile-booking-summary.active .sidebar__shopping-cart {
                display: block !important; }
            html body .main-content .container #content #event-detail #special-mobile-booking-summary #sessions-and-summary {
              position: relative; }
              html body .main-content .container #content #event-detail #special-mobile-booking-summary #sessions-and-summary .promo-error-list {
                position: absolute;
                bottom: 38px; }
              html body .main-content .container #content #event-detail #special-mobile-booking-summary #sessions-and-summary:has(.promo-error-list) #buy_button_container #id_full_code {
                border-bottom: solid 1px red !important; }
            html body .main-content .container #content #event-detail #special-mobile-booking-summary #buy_button_container {
              display: block !important;
              margin-top: 20px; }
              html body .main-content .container #content #event-detail #special-mobile-booking-summary #buy_button_container #buy-btn-get, html body .main-content .container #content #event-detail #special-mobile-booking-summary #buy_button_container #btn-apply-promocode, html body .main-content .container #content #event-detail #special-mobile-booking-summary #buy_button_container #btn-promocode-clear {
                display: none !important; }
              html body .main-content .container #content #event-detail #special-mobile-booking-summary #buy_button_container #id_full_code {
                border: 0;
                border-bottom: solid 1px #004433;
                margin-bottom: 23px; }
              html body .main-content .container #content #event-detail #special-mobile-booking-summary #buy_button_container #custom_apply_promocode {
                color: #004433;
                background: #FFFFFF;
                border: 0;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-weight: 500;
                font-size: 16px;
                border-radius: 30px !important;
                padding: 5px 12px 5px 12px;
                text-transform: uppercase;
                min-height: unset;
                width: 100%;
                height: 40px;
                border: solid 1px #004433; }
            html body .main-content .container #content #event-detail #special-mobile-booking-summary .back-from-overlay {
              background: url("/static/whitelabels/sjm/images/back-icon.svg") no-repeat;
              background-size: contain;
              background-position: center;
              color: transparent;
              width: 25px;
              height: 25px;
              display: block;
              cursor: pointer; }
            html body .main-content .container #content #event-detail #special-mobile-booking-summary .summary-block .title {
              font-size: 24px;
              color: #3F4644;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 600;
              margin: 15px 0;
              display: block; }
            html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block {
              margin-top: 0; }
              html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block.single-day-event {
                display: flex;
                flex-wrap: wrap; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block.single-day-event .date-details {
                  width: 80px;
                  min-height: 80px;
                  background-color: #F7F6F0;
                  border-radius: 8px;
                  display: flex;
                  flex-wrap: wrap;
                  justify-content: center;
                  margin-right: 10px;
                  color: #3F4644;
                  font-size: 14px;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  margin: 16px 8px 8px 16px; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block.single-day-event .date-details .date {
                    flex: 0 0 100%;
                    text-align: center;
                    font-size: 24px;
                    padding-top: 18px;
                    height: 14px; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block.single-day-event .date-details .day {
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    font-weight: 600; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block.single-day-event .event-name {
                  flex: 1;
                  display: -webkit-box;
                  -webkit-line-clamp: 3;
                  -webkit-box-orient: vertical;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  display: flex;
                  align-items: center;
                  padding-left: 4px; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block.single-day-event .address-and-sessions {
                  flex: 0 0 100%;
                  box-sizing: border-box; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block.single-day-event .address-and-sessions .location-details {
                    font-size: 12px;
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    color: #3F4644;
                    display: flex; }
                    html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block.single-day-event .address-and-sessions .location-details::before {
                      width: 14px;
                      height: 14px;
                      content: "";
                      margin-right: 12px;
                      background: url("/static/whitelabels/sjm/images/location-icon.svg") no-repeat;
                      background-size: contain;
                      background-position: center;
                      margin-top: 4px;
                      background-repeat: no-repeat; }
                    html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block.single-day-event .address-and-sessions .location-details.location-map-exists {
                      cursor: pointer; }
              html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block .location-details {
                font-size: 12px;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                color: #3F4644;
                display: flex;
                margin: 0 0 3px; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block .location-details::before {
                  width: 14px;
                  height: 14px;
                  content: "";
                  margin-right: 12px;
                  background: url("/static/whitelabels/sjm/images/location-icon.svg") no-repeat;
                  background-size: contain;
                  background-position: center;
                  margin-top: 4px; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block .location-details.location-map-exists {
                  cursor: pointer; }
              html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block .event-name {
                font-size: 16px;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-weight: 600;
                color: #004433;
                padding: 10px 0;
                border-radius: 0;
                color: #004433; }
              html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block .address-and-sessions {
                font-size: 12px;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                color: #3F4644;
                padding: 0 0 10px 0;
                border-radius: 0;
                margin-top: 0; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block .address-and-sessions .sessions-info {
                  color: #3F4644;
                  margin: 5px 0 8px; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block .address-and-sessions .sessions-info .show-date {
                    display: flex;
                    align-items: center;
                    margin-bottom: 5px;
                    flex-wrap: wrap; }
                    html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block .address-and-sessions .sessions-info .show-date::before {
                      width: 14px;
                      height: 14px;
                      content: "";
                      margin-right: 12px;
                      background: url("/static/whitelabels/sjm/images/time-icon.svg");
                      background-size: cover; }
                    html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block .address-and-sessions .sessions-info .show-date .separator {
                      margin: 0 3px; }
                    html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block .address-and-sessions .sessions-info .show-date .show-time {
                      padding-left: 5px; }
              html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block .location-detail {
                font-size: 14px;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                color: #3F4644;
                padding: 5px 12px;
                border-radius: 0;
                background: #EEEBE2;
                color: #3F4644; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .new-sessions-block .location-detail .address-title {
                  display: none; }
            html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart {
              margin-top: 0;
              padding: 20px 0 0 0;
              width: 100%; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart {
                  padding-top: 17px; } }
              html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_info__section, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_pricing_info__section {
                padding-top: 0; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section h1, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section h2, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_info__section h1, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_info__section h2, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_pricing_info__section h1, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_pricing_info__section h2 {
                  background-color: #D9D9D9;
                  color: #3F4644;
                  font-size: 16px;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  font-weight: 600;
                  padding: 0px 10px 0px 10px;
                  height: 32px;
                  line-height: 32px;
                  margin-bottom: 7px;
                  display: inline-block; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section h2, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_info__section h2, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_pricing_info__section h2 {
                  text-transform: uppercase; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section .section__meta, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_info__section .section__meta, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_pricing_info__section .section__meta {
                  font-size: 16px;
                  color: #3F4644;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  font-weight: 500;
                  line-height: 21px;
                  margin-bottom: 20px; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section .section__meta > div, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_info__section .section__meta > div, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_pricing_info__section .section__meta > div {
                    font-size: 16px;
                    color: #3F4644;
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    font-weight: 500;
                    line-height: 21px; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section .section__meta .pricing-left, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section .section__meta .pricing-right, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_info__section .section__meta .pricing-left, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_info__section .section__meta .pricing-right, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_pricing_info__section .section__meta .pricing-left, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_pricing_info__section .section__meta .pricing-right {
                    font-size: 16px;
                    color: #3F4644;
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    font-weight: 500;
                    line-height: 21px;
                    margin-bottom: 5px; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section ul.section__meta li.sidebar_pages_items, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_info__section ul.section__meta li.sidebar_pages_items, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_pricing_info__section ul.section__meta li.sidebar_pages_items {
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  font-weight: 500;
                  font-size: 16px;
                  color: #3F4644;
                  margin-left: 6px;
                  margin-bottom: 2px;
                  padding-left: 5px; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section ul.section__meta li.sidebar_pages_items::marker, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_info__section ul.section__meta li.sidebar_pages_items::marker, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_pricing_info__section ul.section__meta li.sidebar_pages_items::marker {
                    color: #3F4644;
                    content: '\2022';
                    font-size: 16px;
                    text-align-last: center !important;
                    text-align: start !important; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section .section__meta_total, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_info__section .section__meta_total, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_pricing_info__section .section__meta_total {
                  margin-bottom: 12px; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section .section__meta_total .pricing-left, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section .section__meta_total .pricing-right, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_info__section .section__meta_total .pricing-left, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_info__section .section__meta_total .pricing-right, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_pricing_info__section .section__meta_total .pricing-left, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_pricing_info__section .section__meta_total .pricing-right {
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    font-weight: 600;
                    font-size: 16px;
                    color: #3F4644;
                    font-weight: normal; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section .section__meta_total .pricing-left, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_info__section .section__meta_total .pricing-left, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_pricing_info__section .section__meta_total .pricing-left {
                    float: left; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section .section__meta_total .pricing-right, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_info__section .section__meta_total .pricing-right, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_pricing_info__section .section__meta_total .pricing-right {
                    float: right;
                    color: #009B7A;
                    font-size: 18px;
                    font-weight: 600; }
              html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .section__meta_total {
                border-top: solid 1px #8E9590;
                margin: 4px 0 6px !important;
                padding: 12px 0 0; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .section__meta_total .pricing-left, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .section__meta_total .pricing-right {
                  font-size: 14px !important; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .section__meta_total .pricing-right {
                  font-size: 20px;
                  color: #009B7A; }
              html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section {
                padding: 0 0 5px;
                margin-top: -7px;
                border: 0 !important; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__date-and-time {
                  margin-bottom: 0;
                  border-radius: 0; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__date-and-time h2 {
                    display: none; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__date-and-time .section__meta {
                    padding-top: 7px;
                    font-size: 12px; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__combos-quantity {
                  display: none !important; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__pricing {
                  margin-top: -8px; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__pricing h2 {
                    display: none; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta .pricing-left {
                    width: 50%;
                    color: #3F4644;
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    font-size: 12px;
                    line-height: 16px;
                    float: left;
                    clear: left; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta .pricing-right {
                    color: #3F4644;
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    font-size: 12px;
                    line-height: 16px;
                    float: right;
                    clear: right; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta_discount .pricing-left {
                    font-size: 12px;
                    width: 50%;
                    color: #3F4644;
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    float: left;
                    clear: left; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta_discount .pricing-right {
                    font-size: 12px;
                    width: 50%;
                    color: #3F4644;
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    float: right; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation {
                  text-align: right; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation h2, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation div {
                    text-align: left;
                    display: table; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation h2 {
                    padding-top: 8px;
                    padding-bottom: 0;
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    font-size: 12px; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation a#show-more-allocations {
                    font-size: 15px;
                    padding: 0;
                    margin: 0 0 15px 0;
                    height: 25px;
                    width: 150px;
                    line-height: 25px;
                    display: inline-block; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation .section__meta {
                    margin-bottom: 10px; }
                    html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation .section__meta div {
                      color: #3F4644;
                      font-size: 12px; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section .section__meta_discount.promo-code .pricing-left, html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section .section__meta_discount.promo-code .pricing-right {
                  font-size: 12px;
                  color: #3F4644;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section .section__meta_discount.promo-code .pricing-right {
                  text-align: right; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section .section__meta_discount.promo-code div {
                  font-size: 12px;
                  color: #3F4644;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section .section__meta_discount.cash-voucher {
                  margin-bottom: 12px; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__tickets-quantity h2 {
                  display: flex;
                  justify-content: space-between;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  font-weight: 600; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section.section__tickets-quantity .section__meta {
                  display: none; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section .section__meta {
                  color: #3F4644;
                  margin-bottom: 0;
                  font-size: 12px;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section .section__meta span.total {
                    display: none; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__section h2 {
                  font-weight: normal;
                  background: none;
                  color: #3F4644;
                  font-size: 12px;
                  line-height: 24px;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  padding: 12px 0 6px;
                  text-transform: unset;
                  height: auto;
                  margin: 0; }
              html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_pricing_info__section .section__meta {
                display: flex;
                justify-content: space-between; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .packages_pricing_info__section .section__meta .pricing_bar_left {
                  font-size: 16px;
                  color: #3F4644;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  font-weight: 500; }
              html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__unlock_code_used {
                display: none;
                background-color: #EEEBE2;
                padding: 0 12px 5px;
                border-radius: 0;
                margin-top: -8px; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__unlock_code_used.applied {
                  display: block; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__unlock_code_used.applied h2.header {
                    font-weight: normal;
                    background: none;
                    color: #3F4644;
                    font-size: 12px;
                    line-height: 19px;
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    padding: 5px 0 0;
                    text-transform: unset;
                    height: auto;
                    margin: 0; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__unlock_code_used.applied .section__meta {
                    margin-bottom: 0; }
                    html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .shopping-cart__unlock_code_used.applied .section__meta .voucher-details .unlock-code {
                      font-size: 14px;
                      color: #3F4644;
                      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                      margin-bottom: 8px; }
              html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .sidebar-buy-now-button {
                position: fixed;
                bottom: 0;
                margin-top: 10px;
                margin-bottom: 0;
                width: 100%;
                left: 0;
                padding: 10px 12px;
                box-sizing: border-box;
                background: #FFFFFF;
                z-index: 5; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .sidebar-buy-now-button .section__meta button {
                  color: #FFFFFF !important;
                  background: #009B7A !important;
                  border: 0;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  font-size: 16px;
                  border-radius: 30px !important;
                  padding: 6px 12px 6px 12px;
                  text-transform: capitalize;
                  min-height: 45px;
                  border: solid 1px #009B7A;
                  line-height: normal;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  width: 100%;
                  line-height: 31px;
                  height: 40px; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .sidebar-buy-now-button .section__meta button::after {
                    content: '';
                    display: inline-block;
                    transform: rotate(45deg);
                    height: 10px;
                    width: 5px;
                    border-bottom: 2px solid #FFFFFF;
                    border-right: 2px solid #FFFFFF;
                    margin-left: 12px;
                    margin-top: -2px; }
                  html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .sidebar-buy-now-button .section__meta button:hover {
                    color: #009B7A !important;
                    background: #FFFFFF !important;
                    text-decoration: none;
                    border-color: #D9D9D9;
                    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
                    -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
                    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); }
                    html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .sidebar-buy-now-button .section__meta button:hover::after {
                      border-color: #009B7A; }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .sidebar-buy-now-button .section__meta button {
                      font-size: 14px;
                      line-height: 31px; } }
              html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .section__event-name {
                background: none;
                padding: 0;
                display: none; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .section__event-name h1 {
                  padding: 8px 0;
                  background: none;
                  font-size: 16px;
                  line-height: 24px;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  text-transform: unset;
                  height: auto;
                  border-bottom: solid 1px #8E9590;
                  width: 100%;
                  margin-bottom: 12px;
                  color: #004433; }
                html body .main-content .container #content #event-detail #special-mobile-booking-summary .sidebar__shopping-cart .section__event-name .section__meta {
                  display: none; }
          html body .main-content .container #content #event-detail #tix .ets-queue .actions.enter-q-outer {
            text-align: left; }
            html body .main-content .container #content #event-detail #tix .ets-queue .actions.enter-q-outer .tf-btn {
              min-width: 150px;
              height: 32px;
              font-size: 16px;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 500;
              display: flex;
              align-items: center;
              justify-content: center;
              border-radius: 5px !important;
              position: absolute;
              right: 0;
              margin: 0;
              top: -5px; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-detail #tix .ets-queue .actions.enter-q-outer .tf-btn {
                  position: fixed;
                  bottom: 10px;
                  width: calc(100% - 20px);
                  z-index: 7;
                  left: 10px;
                  margin: 0;
                  top: unset;
                  height: 40px;
                  font-size: 14px; } }
          html body .main-content .container #content #event-detail #tix .ets-queue .message.enter-q-message {
            box-shadow: none;
            background: #F8F8F8;
            padding: 20px 15px 15px 15px; }
            html body .main-content .container #content #event-detail #tix .ets-queue .message.enter-q-message p {
              font-size: 21px;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 500;
              font-style: italic;
              color: #3F4644;
              line-height: 28px; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-detail #tix .ets-queue .message.enter-q-message p {
                  font-size: 19px;
                  line-height: 25px; } }
              html body .main-content .container #content #event-detail #tix .ets-queue .message.enter-q-message p span {
                color: #004433; }
          html body .main-content .container #content #event-detail .calendar-container {
            margin-top: 0; }
            @media screen and (max-width: 900px) and (min-width: 749px) {
              html body .main-content .container #content #event-detail .calendar-container {
                margin-top: 30px !important; } }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #event-detail .calendar-container {
                position: relative;
                padding-top: 0; } }
            html body .main-content .container #content #event-detail .calendar-container #calendar_notify {
              margin-top: 0;
              box-sizing: border-box; }
            html body .main-content .container #content #event-detail .calendar-container .notify {
              font-size: 18px;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              border-bottom: solid 1px #D9D9D9;
              width: 100%;
              line-height: 28px;
              color: #004433;
              text-transform: unset;
              box-sizing: border-box; }
            html body .main-content .container #content #event-detail .calendar-container #calendar {
              background: #FFFFFF;
              border-radius: 8px;
              padding: 5px 10px;
              margin-top: 10px;
              box-sizing: border-box; }
              html body .main-content .container #content #event-detail .calendar-container #calendar .fc-toolbar {
                display: flex;
                align-items: center;
                justify-content: flex-start;
                padding: 0;
                margin: 10px 0; }
                html body .main-content .container #content #event-detail .calendar-container #calendar .fc-toolbar .fc-left {
                  float: none;
                  margin: 0;
                  width: 100%; }
                  html body .main-content .container #content #event-detail .calendar-container #calendar .fc-toolbar .fc-left h2 {
                    font-size: 18px;
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    font-weight: 500;
                    color: #3F4644;
                    text-transform: capitalize;
                    font-weight: normal;
                    width: 100%;
                    text-align: center; }
                    @media screen and (max-width: 900px) and (min-width: 749px) {
                      html body .main-content .container #content #event-detail .calendar-container #calendar .fc-toolbar .fc-left h2 {
                        margin-top: 5px !important; } }
                    @media only screen and (max-width: 748px) {
                      html body .main-content .container #content #event-detail .calendar-container #calendar .fc-toolbar .fc-left h2 {
                        font-size: 16px;
                        margin-top: 3px; } }
                html body .main-content .container #content #event-detail .calendar-container #calendar .fc-toolbar .fc-right {
                  width: calc(100% - 20px);
                  float: none;
                  position: absolute;
                  display: block; }
                  html body .main-content .container #content #event-detail .calendar-container #calendar .fc-toolbar .fc-right .fc-button-group {
                    width: 100%; }
                    html body .main-content .container #content #event-detail .calendar-container #calendar .fc-toolbar .fc-right .fc-button-group button.fc-prev-button {
                      float: left; }
                    html body .main-content .container #content #event-detail .calendar-container #calendar .fc-toolbar .fc-right .fc-button-group button.fc-next-button {
                      float: right; }
                    html body .main-content .container #content #event-detail .calendar-container #calendar .fc-toolbar .fc-right .fc-button-group button.fc-button {
                      color: #3F4644;
                      border: 0; }
                      html body .main-content .container #content #event-detail .calendar-container #calendar .fc-toolbar .fc-right .fc-button-group button.fc-button .fc-icon-left-single-arrow {
                        width: 0;
                        height: 0;
                        border: solid #3F4644;
                        border-width: 0 2px 2px 0;
                        padding: 3px;
                        transform: rotate(135deg);
                        -webkit-transform: rotate(135deg); }
                        html body .main-content .container #content #event-detail .calendar-container #calendar .fc-toolbar .fc-right .fc-button-group button.fc-button .fc-icon-left-single-arrow::after {
                          display: none; }
                      html body .main-content .container #content #event-detail .calendar-container #calendar .fc-toolbar .fc-right .fc-button-group button.fc-button .fc-icon-right-single-arrow {
                        width: 0;
                        height: 0;
                        border: solid #3F4644;
                        border-width: 0 2px 2px 0;
                        padding: 3px;
                        transform: rotate(-45deg);
                        -webkit-transform: rotate(-45deg); }
                        html body .main-content .container #content #event-detail .calendar-container #calendar .fc-toolbar .fc-right .fc-button-group button.fc-button .fc-icon-right-single-arrow::after {
                          display: none; }
                      html body .main-content .container #content #event-detail .calendar-container #calendar .fc-toolbar .fc-right .fc-button-group button.fc-button:hover {
                        border: 0; }
              html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container *, html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container *:before, html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container *:after {
                box-sizing: border-box; }
              html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-widget-header {
                background: #80A199;
                border-radius: 8px; }
              html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table {
                border-collapse: collapse;
                border: 0; }
                html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table thead tr th.fc-day-header {
                  background-color: transparent;
                  vertical-align: middle;
                  color: #FFFFFF;
                  font-size: 18px;
                  height: 55px;
                  font-weight: normal;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  font-weight: 500; }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table thead tr th.fc-day-header {
                      font-size: 16px;
                      height: 50px; } }
                html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid {
                  border-radius: 8px;
                  overflow: hidden; }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row.fc-week {
                      padding-top: 0; } }
                  html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-bg {
                    background-color: #FFFFFF; }
                    html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-bg table {
                      height: 100%;
                      border-bottom: 0.5px solid #3F4644; }
                      html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-bg table tr td {
                        padding: 0;
                        border: 0.5px solid transparent; }
                        html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-bg table tr td.fc-day.selectable {
                          background-color: #FFFFFF;
                          border-color: 0.5px solid transparent;
                          height: 100%; }
                        html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-bg table tr td.fc-day.active {
                          background-color: #004433; }
                        html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-bg table tr td.fc-day.fc-other-month.fc-future.selectable {
                          background-color: #fff; }
                        html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-bg table tr td.fc-day-number {
                          padding: 0 !important; }
                          html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-bg table tr td.fc-day-number.fc-sat.fc-other-month.fc-future.selectable {
                            background: #FFFFFF;
                            box-sizing: border-box; }
                            html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-bg table tr td.fc-day-number.fc-sat.fc-other-month.fc-future.selectable span {
                              line-height: normal; }
                  html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton {
                    height: 83px;
                    top: 49%;
                    background: #FFFFFF; }
                    @media screen and (max-width: 900px) and (min-width: 749px) {
                      html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton {
                        height: 100% !important;
                        top: 51%; } }
                    @media only screen and (max-width: 748px) {
                      html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton {
                        height: 100% !important;
                        top: 52%; } }
                    html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table {
                      height: 100%;
                      border-right: 0 solid transparent; }
                      html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead {
                        height: 100%;
                        background: #FFFFFF; }
                        html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td {
                          height: 100%;
                          vertical-align: middle; }
                          @media screen and (max-width: 900px) and (min-width: 749px) {
                            html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td {
                              height: 100%; } }
                          html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td span {
                            font-size: 21px;
                            color: #CFCFCF;
                            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                            font-weight: 500; }
                            @media only screen and (max-width: 748px) {
                              html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td span {
                                font-size: 16px; } }
                          html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td.fc-day-number {
                            height: 83px;
                            line-height: 30px; }
                            @media screen and (max-width: 900px) and (min-width: 749px) {
                              html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td.fc-day-number {
                                height: 100% !important; } }
                            @media only screen and (max-width: 748px) {
                              html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td.fc-day-number {
                                height: 45px !important; } }
                            html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td.fc-day-number.selectable {
                              border: solid 1px #FFFFFF;
                              background: #FFFFFF;
                              height: 83px; }
                              @media screen and (max-width: 900px) and (min-width: 749px) {
                                html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td.fc-day-number.selectable {
                                  height: 100%; } }
                              @media only screen and (max-width: 748px) {
                                html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td.fc-day-number.selectable {
                                  height: 45px !important; } }
                              html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td.fc-day-number.selectable span {
                                border: 0;
                                background: none;
                                border-radius: 50%;
                                margin: auto;
                                width: 38px;
                                height: 38px;
                                box-sizing: border-box;
                                justify-content: center;
                                align-items: center;
                                display: flex;
                                color: #3F4644;
                                padding: 0; }
                            html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td.fc-day-number.fc-other-month.fc-future.selectable {
                              background: #fff;
                              border: 0 !important;
                              opacity: 1; }
                              html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td.fc-day-number.fc-other-month.fc-future.selectable span {
                                color: #3F4644; }
                              html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td.fc-day-number.fc-other-month.fc-future.selectable.active span {
                                color: #FFFFFF; }
                            html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td.fc-day-number.active {
                              background: #FFFFFF; }
                              html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td.fc-day-number.active span {
                                color: #FFFFFF;
                                background: #004433;
                                padding-top: 3px;
                                border-radius: 8px;
                                width: 80%;
                                height: 60%; }
                            html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td.fc-day-number.fc-other-month {
                              opacity: 0.5; }
                              html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td.fc-day-number.fc-other-month span {
                                color: #CFCFCF;
                                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                                font-weight: 500;
                                font-size: 21px; }
                                @media only screen and (max-width: 748px) {
                                  html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td.fc-day-number.fc-other-month span {
                                    font-size: 16px; } }
                            html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td.fc-day-number span {
                              width: 100%;
                              height: 100%;
                              box-sizing: border-box;
                              justify-content: center;
                              align-items: center;
                              display: flex;
                              padding: 0; }
                            html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-day-grid .fc-row .fc-content-skeleton table thead tr td.fc-day-number.selectable-past.active span {
                              background: #FFFFFF;
                              border: 0;
                              color: #004433; }
                html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-row {
                  height: 83px !important;
                  min-height: unset; }
                  @media screen and (max-width: 900px) and (min-width: 749px) {
                    html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-row {
                      height: 51px !important; } }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container .fc-view table tbody .fc-row {
                      height: 51px !important;
                      padding: 0; } }
              html body .main-content .container #content #event-detail .calendar-container #calendar .fc-view-container *::after {
                -webkit-box-sizing: border-box;
                -moz-box-sizing: content-box;
                box-sizing: content-box; }
          html body .main-content .container #content #event-detail .fc-row table {
            border-left: 0 solid transparent; }
          html body .main-content .container #content #event-detail #sessions-container {
            margin: 40px 0 40px 0; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #event-detail #sessions-container {
                margin-top: 0;
                margin-bottom: 20px; } }
            html body .main-content .container #content #event-detail #sessions-container.no-active-session #session_notify {
              display: none !important; }
            html body .main-content .container #content #event-detail #sessions-container.no-active-session #session_list {
              border-top: 0 !important; }
            html body .main-content .container #content #event-detail #sessions-container #session_notify {
              margin-top: 20px; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-detail #sessions-container #session_notify {
                  margin-top: 0; } }
              html body .main-content .container #content #event-detail #sessions-container #session_notify.hide {
                display: none !important; }
                html body .main-content .container #content #event-detail #sessions-container #session_notify.hide + #session_list {
                  border-top: unset; }
            html body .main-content .container #content #event-detail #sessions-container .notify {
              font-size: 18px;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              border-bottom: solid 1px #D9D9D9;
              width: 100%;
              line-height: 28px;
              color: #004433;
              text-transform: unset;
              box-sizing: border-box; }
            html body .main-content .container #content #event-detail #sessions-container #session_list {
              border-top: 1px solid #D9D9D9;
              padding: 20px 0 0 0;
              margin-top: -1px;
              display: table;
              width: 100%; }
              html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container .day_sessions {
                border-top: 0;
                margin: 0; }
                html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container .day_sessions .unlock-locked-session .locked-session {
                  padding: 25px 15px 0 15px; }
                  html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container .day_sessions .unlock-locked-session .locked-session label {
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif; }
                    html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container .day_sessions .unlock-locked-session .locked-session label::before {
                      top: unset; }
                html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container .day_sessions .each_session {
                  border-bottom: 0;
                  position: relative;
                  padding: 0 15px 20px 15px;
                  margin-bottom: 0;
                  background: transparent !important; }
                  @media (max-width: 360px) {
                    html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container .day_sessions .each_session {
                      padding: 0 15px 15px 15px; } }
                  html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container .day_sessions .each_session input[type="checkbox"] {
                    width: 20px !important; }
                  html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container .day_sessions .each_session input {
                    display: none; }
                    html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container .day_sessions .each_session input:checked + label::after {
                      content: '';
                      display: block;
                      position: absolute;
                      top: 6px;
                      left: 21px;
                      width: 10px;
                      height: 10px;
                      background: #FFFFFF;
                      border-radius: 50%; }
                    html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container .day_sessions .each_session input:checked + label::before {
                      border-color: #004433;
                      background-color: #004433; }
                  html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container .day_sessions .each_session label {
                    display: inline-block;
                    margin-left: 0px;
                    font-size: 18px;
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    color: #3F4644;
                    text-transform: none;
                    padding-left: 35px; }
                    @media only screen and (max-width: 748px) {
                      html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container .day_sessions .each_session label {
                        font-size: 16px; } }
                    html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container .day_sessions .each_session label::before {
                      content: '';
                      -webkit-appearance: none;
                      background-color: transparent;
                      border: 1px solid #3F4644;
                      padding: 10px;
                      display: inline-block;
                      position: absolute;
                      vertical-align: middle;
                      cursor: pointer;
                      left: 15px;
                      top: 0px;
                      border-radius: 50%; }
                      @media (max-width: 360px) {
                        html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container .day_sessions .each_session label::before {
                          left: 15px; } }
                    html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container .day_sessions .each_session label a {
                      color: #3F4644; }
                  html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container .day_sessions .each_session.period-type-null.selected {
                    background-color: transparent; }
                  html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container .day_sessions .each_session:hover {
                    background: none; }
                  html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container .day_sessions .each_session + .unlock-locked-session {
                    margin-top: 40px; }
              html body .main-content .container #content #event-detail #sessions-container #session_list .session_day.selected {
                display: none; }
              html body .main-content .container #content #event-detail #sessions-container #session_list .day_sessions_container {
                margin: 0; }
          html body .main-content .container #content #event-detail .ticket-type-container .ticket-type-header {
            margin: 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: sticky;
            top: 110px;
            z-index: 4;
            background: #F7F6F0;
            border-bottom: solid 1px #D9D9D9;
            flex-wrap: wrap;
            margin-top: 30px; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #event-detail .ticket-type-container .ticket-type-header {
                position: static;
                top: unset;
                padding-left: 0;
                margin-top: 10px; } }
            html body .main-content .container #content #event-detail .ticket-type-container .ticket-type-header:has(.hide) {
              display: none !important; }
            html body .main-content .container #content #event-detail .ticket-type-container .ticket-type-header h2.tf-title {
              font-size: 18px;
              line-height: 24px;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              color: #004433;
              text-transform: unset;
              padding: 10px 10px 10px 0;
              margin-top: 0;
              order: 0; }
            html body .main-content .container #content #event-detail .ticket-type-container .ticket-type-header p {
              font-size: 16px;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              color: #3F4644;
              order: 3;
              flex: 0 0 100%; }
            html body .main-content .container #content #event-detail .ticket-type-container .ticket-type-header .show-price {
              padding: 0;
              float: unset;
              margin: 0;
              flex-shrink: 0; }
              @media (min-width: 749px) {
                html body .main-content .container #content #event-detail .ticket-type-container .ticket-type-header .show-price {
                  display: none !important; } }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-detail .ticket-type-container .ticket-type-header .show-price {
                  position: fixed;
                  bottom: 0;
                  width: 100%;
                  padding: 0 10px 10px;
                  left: 0;
                  box-sizing: border-box;
                  z-index: 7;
                  background: #FFFFFF; }
                  html body .main-content .container #content #event-detail .ticket-type-container .ticket-type-header .show-price.inactive {
                    display: none !important; } }
              html body .main-content .container #content #event-detail .ticket-type-container .ticket-type-header .show-price button {
                color: #FFFFFF !important;
                background: #009B7A !important;
                border: 0;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-size: 16px;
                border-radius: 30px !important;
                padding: 6px 12px 6px 12px;
                text-transform: capitalize;
                min-height: 45px;
                border: solid 1px #009B7A;
                line-height: normal;
                display: flex;
                align-items: center;
                justify-content: center;
                width: auto;
                height: 32px;
                font-size: 16px;
                min-width: 148px;
                padding: 7px 5px 5px 5px !important;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-weight: 500;
                margin-bottom: 5px; }
                html body .main-content .container #content #event-detail .ticket-type-container .ticket-type-header .show-price button::after {
                  content: '';
                  display: inline-block;
                  transform: rotate(45deg);
                  height: 10px;
                  width: 5px;
                  border-bottom: 2px solid #FFFFFF;
                  border-right: 2px solid #FFFFFF;
                  margin-left: 12px;
                  margin-top: -2px; }
                html body .main-content .container #content #event-detail .ticket-type-container .ticket-type-header .show-price button:hover {
                  color: #009B7A !important;
                  background: #FFFFFF !important;
                  text-decoration: none;
                  border-color: #D9D9D9;
                  -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
                  -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
                  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); }
                  html body .main-content .container #content #event-detail .ticket-type-container .ticket-type-header .show-price button:hover::after {
                    border-color: #009B7A; }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #event-detail .ticket-type-container .ticket-type-header .show-price button {
                    width: 100%;
                    height: 40px;
                    font-size: 14px;
                    line-height: 29px;
                    margin-bottom: 0; } }
            html body .main-content .container #content #event-detail .ticket-type-container .ticket-type-header .frontend-timer {
              order: 1; }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container {
              margin-bottom: 0; } }
          html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .hide {
            display: none !important; }
          html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container h2.tf-title {
            font-size: 18px;
            line-height: 24px;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            color: #004433;
            text-transform: unset;
            padding: 10px 10px 10px 0;
            margin-top: 0; }
          html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-header {
            display: none; }
          html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list {
            margin-bottom: 40px; }
            html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .unlock-locked .unlock_content, html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .unlock-locked .unlock_content_category {
              z-index: 3; }
            html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .unlock-locked .ticket-type-row .columns .quantity-price {
              opacity: 0.15; }
            html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row {
              padding: 10px 0;
              border-bottom: solid 1px #D9D9D9; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row {
                  font-size: 16px; } }
  @media only screen and (max-width: 748px) and (max-width: 360px) {
    html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row {
      padding: 10px 0; } }
              html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns {
                padding: 0;
                min-height: 30px; }
                html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .type {
                  padding: 0; }
                  html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .type .name {
                    min-height: 32px;
                    padding: 0; }
                    @media only screen and (max-width: 748px) {
                      html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .type .name {
                        min-height: 28px; } }
                    html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .type .name span {
                      font-size: 18px;
                      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                      margin-top: 6px;
                      display: inline-block;
                      color: #3F4644; }
                      @media only screen and (max-width: 748px) {
                        html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .type .name span {
                          font-size: 16px; } }
                      html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .type .name span > .name-extend.valued {
                        position: initial !important;
                        display: block;
                        width: auto;
                        text-align: left;
                        float: unset;
                        clear: both;
                        margin-top: 0 !important;
                        font-size: 16px !important; }
                        @media screen and (max-width: 1020px) {
                          html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .type .name span > .name-extend.valued {
                            position: unset;
                            display: block; } }
                        html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .type .name span > .name-extend.valued .service-fee {
                          font-size: 14px;
                          margin-top: -5px; }
                      html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .type .name span + br {
                        display: none; }
                    html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .type .name b {
                      font-size: 14px;
                      position: relative;
                      color: transparent; }
                      html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .type .name b i {
                        position: absolute;
                        color: #3F4644;
                        top: -3px;
                        left: 30px;
                        transition: all 0.3s ease-in-out;
                        transform-origin: center; }
                        html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .type .name b i::before {
                          content: "" !important;
                          width: 13px;
                          height: 6px;
                          background: url("/static/whitelabels/sjm/images/arrow-dropdown.svg") no-repeat;
                          background-size: contain;
                          display: inline-block; }
                      html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .type .name b.showing-desc {
                        display: inline-block;
                        visibility: visible; }
                        html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .type .name b.showing-desc i {
                          transform: rotate(-180deg);
                          top: 5px; }
                    html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .type .name .showing-desc {
                      display: none; }
                  html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .type:has(.showing-desc) + .ticket-detail {
                    display: block !important; }
                html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .ticket-detail {
                  padding-left: 0;
                  display: none !important; }
                  html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .ticket-detail .description p {
                    font-size: 14px;
                    color: #707070;
                    padding: 0;
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    line-height: 22px; }
                  html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .ticket-detail b {
                    color: #004433;
                    font-size: 14px;
                    display: none; }
                html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .quantity-price .quantity-exists {
                  padding-top: 0; }
                  html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .quantity-price .quantity-exists input.spinner-widget {
                    border: 2px solid #F7F6F0;
                    border-radius: 0;
                    color: #3F4644;
                    width: 32px;
                    height: 32px;
                    padding: 0;
                    min-width: 32px;
                    min-height: 32px;
                    font-size: 18px;
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    font-weight: 500; }
                    @media only screen and (max-width: 748px) {
                      html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .quantity-price .quantity-exists input.spinner-widget {
                        font-size: 16px;
                        padding: 3px 0 0; } }
                html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .quantity-price .quantity-minus, html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .quantity-price .quantity-plus {
                  font-size: 21px;
                  color: #004433;
                  padding-top: 6px;
                  position: relative; }
                  html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .quantity-price .quantity-minus i, html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .quantity-price .quantity-plus i {
                    width: 23px;
                    height: 23px;
                    border: solid 1px #004433;
                    border-radius: 50%;
                    box-sizing: border-box;
                    color: #004433; }
                  html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .quantity-price .quantity-minus.disable-icon, html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .quantity-price .quantity-plus.disable-icon {
                    opacity: 0.5; }
                html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .quantity-price .quantity-minus {
                  margin-right: 10px; }
                  @media screen and (max-width: 1020px) {
                    html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .quantity-price .quantity-minus {
                      margin-right: 0; } }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .quantity-price .quantity-minus {
                      margin-right: 0; } }
                  html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .quantity-price .quantity-minus i {
                    color: #004433;
                    line-height: 20px !important;
                    background: url("/static/whitelabels/sjm/images/minus.svg") no-repeat center center; }
                    html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .quantity-price .quantity-minus i::before {
                      display: none; }
                html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .quantity-price .quantity-plus {
                  margin-left: 10px;
                  line-height: 21px !important; }
                  @media screen and (max-width: 1020px) {
                    html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .quantity-price .quantity-plus {
                      margin-left: 0; } }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .quantity-price .quantity-plus {
                      margin-left: 0; } }
                  html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .quantity-price .quantity-plus i {
                    color: #004433;
                    background: url("/static/whitelabels/sjm/images/plus.svg") no-repeat center center; }
                    html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .columns .quantity-price .quantity-plus i::before {
                      display: none; }
              html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row .status p:empty {
                display: none; }
              html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container .ticket-type-list .ticket-type-row + .unlock-locked {
                margin-top: 50px; }
          html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container input.show-price {
            margin: 0 0 40px 0; }
          html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container.not-combos .tf-title {
            border-bottom: solid 1px #D9D9D9; }
          html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container.not-combos .ticket-type-list {
            margin-bottom: 17px; }
          html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container.combos {
            margin-bottom: 20px; }
            html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container.combos .ticket-type-list {
              margin-bottom: 15px; }
            html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container.combos .tf-title {
              border-bottom: solid 1px #D9D9D9; }
          html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container + .combos {
            margin-top: 50px !important; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container .ticket-type-list-container + .combos {
                margin-top: 30px !important; } }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container #buy-captcha {
              position: relative;
              z-index: 7; } }
          html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container #buy-captcha #recaptcha_form button.g-recaptcha.show-price {
            color: #FFFFFF !important;
            background: #009B7A !important;
            border: 0;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-size: 16px;
            border-radius: 30px !important;
            padding: 6px 12px 6px 12px;
            text-transform: capitalize;
            min-height: 45px;
            border: solid 1px #009B7A;
            line-height: normal;
            display: flex;
            align-items: center;
            justify-content: center;
            width: auto;
            height: 32px;
            border-radius: 0 !important;
            font-size: 16px;
            min-width: 150px;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-weight: 500;
            margin-bottom: 5px;
            margin-top: 0; }
            html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container #buy-captcha #recaptcha_form button.g-recaptcha.show-price::after {
              content: '';
              display: inline-block;
              transform: rotate(45deg);
              height: 10px;
              width: 5px;
              border-bottom: 2px solid #FFFFFF;
              border-right: 2px solid #FFFFFF;
              margin-left: 12px;
              margin-top: -2px; }
            html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container #buy-captcha #recaptcha_form button.g-recaptcha.show-price:hover {
              color: #009B7A !important;
              background: #FFFFFF !important;
              text-decoration: none;
              border-color: #D9D9D9;
              -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
              -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
              box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); }
              html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container #buy-captcha #recaptcha_form button.g-recaptcha.show-price:hover::after {
                border-color: #009B7A; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container #buy-captcha #recaptcha_form button.g-recaptcha.show-price {
                display: none !important; } }
          html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container #buy-captcha #recaptcha_form .grecaptcha-badge {
            z-index: 2; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container #buy-captcha #recaptcha_form .grecaptcha-badge {
                bottom: 58px !important; } }
          html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container input.show-price {
            margin: 0 0 40px 0;
            color: #FFFFFF !important;
            background: #009B7A !important;
            border: 0;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-size: 16px;
            border-radius: 30px !important;
            padding: 6px 12px 6px 12px;
            text-transform: capitalize;
            min-height: 45px;
            border: solid 1px #009B7A;
            line-height: normal;
            display: flex;
            align-items: center;
            justify-content: center;
            min-width: 150px;
            font-size: 16px;
            height: 32px;
            margin: 0 auto;
            float: unset;
            display: none; }
            html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container input.show-price::after {
              content: '';
              display: inline-block;
              transform: rotate(45deg);
              height: 10px;
              width: 5px;
              border-bottom: 2px solid #FFFFFF;
              border-right: 2px solid #FFFFFF;
              margin-left: 12px;
              margin-top: -2px; }
            html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container input.show-price:hover {
              color: #009B7A !important;
              background: #FFFFFF !important;
              text-decoration: none;
              border-color: #D9D9D9;
              -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
              -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
              box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); }
              html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container input.show-price:hover::after {
                border-color: #009B7A; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container input.show-price {
                display: none !important; } }
          html body .main-content .container #content #event-detail .ticket-category-table {
            clear: both;
            overflow: auto; }
            html body .main-content .container #content #event-detail .ticket-category-table table {
              margin-bottom: 40px;
              background-color: #F8F8F8;
              border-top: 1px solid #707070; }
              html body .main-content .container #content #event-detail .ticket-category-table table tr th {
                font-size: 18px;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-weight: 500;
                color: #3F4644;
                padding: 5px 40px 20px 40px; }
                html body .main-content .container #content #event-detail .ticket-category-table table tr th:nth-child(2) {
                  padding-left: 0;
                  padding-right: 0; }
              html body .main-content .container #content #event-detail .ticket-category-table table tr:first-child th {
                padding: 0; }
              html body .main-content .container #content #event-detail .ticket-category-table table tr:nth-child(2) {
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-weight: 500; }
                html body .main-content .container #content #event-detail .ticket-category-table table tr:nth-child(2) th {
                  padding-top: 20px; }
                  html body .main-content .container #content #event-detail .ticket-category-table table tr:nth-child(2) th:nth-child(2) {
                    padding-left: 0; }
              html body .main-content .container #content #event-detail .ticket-category-table table tr:last-child {
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-weight: 600; }
          html body .main-content .container #content #event-detail.ticket-category-container {
            float: left;
            width: 100%;
            clear: both; }
            html body .main-content .container #content #event-detail.ticket-category-container h2.tf-title {
              border: 2px solid #3F4644;
              font-size: 16px;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 500;
              color: #3F4644;
              padding: 0 10px;
              margin: 0;
              text-transform: none;
              display: inline-block;
              line-height: normal;
              text-align: center;
              height: 32px;
              line-height: 32px;
              margin: 0; }
          html body .main-content .container #content #event-detail .seating-header {
            margin-top: 50px; }
            html body .main-content .container #content #event-detail .seating-header .ticket-type-header {
              margin: 10px 0 0;
              float: left;
              width: 100%;
              padding-left: 0;
              border-bottom: solid 1px #D9D9D9;
              box-sizing: border-box;
              padding-right: 15px; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-detail .seating-header .ticket-type-header {
                  padding-left: 5px !important; } }
              html body .main-content .container #content #event-detail .seating-header .ticket-type-header .frontend-timer.counting {
                border: 2px solid #B94D4D;
                color: #B94D4D;
                font-size: 16px;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-weight: 500;
                top: 7px;
                right: 7px;
                background: #FFFFFF; }
              html body .main-content .container #content #event-detail .seating-header .ticket-type-header h2.tf-title {
                padding: 10px 10px 10px 0;
                line-height: 24px; }
              html body .main-content .container #content #event-detail .seating-header .ticket-type-header #seat-select-info {
                display: block;
                color: #3F4644;
                padding: 10px 11px;
                background-color: #FFE9E8; }
              html body .main-content .container #content #event-detail .seating-header .ticket-type-header h2.tf-title {
                padding: 10px 0 7px;
                text-align: left;
                line-height: 21px;
                height: auto; }
          html body .main-content .container #content #event-detail .ticket-category-click-to-reserve-msg {
            clear: both;
            font-size: 16px;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-weight: 500;
            color: #3F4644;
            display: none !important; }
          html body .main-content .container #content #event-detail .ticket-category-list {
            margin: 0px 0 15px 0;
            width: 100%;
            clear: both; }
            html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-v2-wrapper {
              border-bottom-left-radius: 5px;
              border-bottom-right-radius: 5px;
              overflow: hidden; }
              html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-v2-wrapper + .unlock-locked-category {
                margin-top: 50px;
                border-radius: 5px;
                border-radius: 5px; }
            html body .main-content .container #content #event-detail .ticket-category-list .unlock-locked-category {
              border-bottom-left-radius: 5px;
              border-bottom-right-radius: 5px;
              overflow: hidden; }
            html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item {
              padding: 15px 15px 10px;
              background-color: #FFFFFF;
              display: flex;
              width: 100%;
              align-items: center;
              box-sizing: border-box;
              margin-top: -1px;
              flex-wrap: wrap; }
              @media screen and (max-width: 900px) and (min-width: 749px) {
                html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item {
                  position: relative; } }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item {
                  position: relative; } }
              @media (max-width: 420px) {
                html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item {
                  margin-top: 0;
                  align-items: start; } }
              @media (max-width: 420px) {
                html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item.unlocked-category.expanded {
                  padding-bottom: 0; } }
              html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item.locked-category {
                padding-bottom: 10px !important; }
                html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item.locked-category .ticket-category-price-expand {
                  opacity: 0.15; }
                html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item.locked-category .ticket-category-price {
                  opacity: 0.15; }
              html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item:first-child {
                border-top: 1px solid #707070; }
              html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item.ticket-category-item--clickable:hover {
                background: #004433; }
              html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item.selected {
                background: #FFFFFF; }
              html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-color {
                margin-right: 15px;
                flex-shrink: 0;
                border-radius: 50%; }
              html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-texts {
                display: flex;
                align-items: self-end;
                align-items: flex-start;
                position: relative;
                max-width: calc(100% - 39px); }
                @media screen and (max-width: 992px) {
                  html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-texts {
                    position: relative;
                    text-align: left; } }
                html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-texts span.ticket-category-name {
                  font-size: 18px;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  color: #3F4644;
                  margin: 0;
                  display: inline-flex;
                  flex-wrap: wrap;
                  width: 50%; }
                  @media screen and (max-width: 900px) and (min-width: 749px) {
                    html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-texts span.ticket-category-name {
                      width: 35%; } }
                  @media screen and (max-width: 475px) {
                    html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-texts span.ticket-category-name {
                      width: 35%; } }
                  @media (max-width: 420px) {
                    html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-texts span.ticket-category-name {
                      width: 100%; } }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-texts span.ticket-category-name {
                      font-size: 14px; } }
                html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-texts span.ticket-category-price {
                  padding: 0;
                  color: #004433;
                  font-size: 21px;
                  margin-bottom: 5px;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif; }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-texts span.ticket-category-price {
                      font-size: 14px; } }
                  @media (max-width: 420px) {
                    html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-texts span.ticket-category-price {
                      text-align: left;
                      min-width: 100px;
                      display: block;
                      align-items: start;
                      float: left;
                      width: auto;
                      position: relative;
                      margin: 0 0 5px 0; } }
                  html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-texts span.ticket-category-price a {
                    position: absolute;
                    left: unset;
                    right: 230px;
                    top: 6px; }
                    @media screen and (max-width: 992px) {
                      html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-texts span.ticket-category-price a {
                        position: absolute;
                        right: 180px;
                        top: 6px; } }
                    @media (max-width: 420px) {
                      html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-texts span.ticket-category-price a {
                        left: unset;
                        top: 20%;
                        right: -35px;
                        bottom: auto; } }
                    html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-texts span.ticket-category-price a i.fa {
                      cursor: pointer;
                      font-size: 18px;
                      margin-top: 12px;
                      float: left;
                      padding: 0;
                      height: auto; }
                      html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-texts span.ticket-category-price a i.fa::before {
                        width: 0;
                        height: 0;
                        border-left: 6px solid transparent;
                        border-right: 6px solid transparent;
                        border-top: 6px solid #AAAAAA;
                        content: ''; }
              html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-ba {
                top: -21px; }
                @media (max-width: 420px) {
                  html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-ba {
                    top: -13px; } }
                html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-item .ticket-category-ba input {
                  font-size: 16px;
                  border-radius: 5px !important;
                  margin-right: 15px; }
            html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-price-expand {
              background-color: unset !important;
              padding: 0;
              width: 100%;
              clear: left; }
              @media (max-width: 420px) {
                html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-price-expand {
                  padding: 0 0 10px 40px !important;
                  text-align: left;
                  background-color: unset !important;
                  border-bottom: 0 !important; }
                  html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-price-expand div {
                    text-align: left; } }
              html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-price-expand div {
                font-size: 13px;
                line-height: 20px;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-style: normal;
                color: #3F4644; }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-price-expand div {
                    font-size: 12px; } }
              @media (max-width: 420px) {
                html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-price-expand {
                  padding: 0 0 10px 70px;
                  text-align: left;
                  border-bottom: 1px solid #707070;
                  background: #F8F8F8; } }
              html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-price-expand .handling-fee-label {
                text-transform: capitalize; }
            html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available .ticket-category-price-expand {
              padding-top: 0;
              padding-bottom: 0;
              background: #F8F8F8;
              margin-top: -1px;
              border-bottom: solid 1px #004433;
              position: relative;
              display: block !important; }
              @media (max-width: 420px) {
                html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available .ticket-category-price-expand {
                  padding-left: 35px !important;
                  padding-bottom: 0 !important; } }
              @media (max-width: 360px) {
                html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available .ticket-category-price-expand {
                  padding-left: 50px; } }
              html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available .ticket-category-price-expand:last-child {
                border-bottom: 0; }
              html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available .ticket-category-price-expand div {
                padding: 0;
                line-height: 20px; }
            html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available .ticket-category-item {
              padding: 15px;
              border-bottom: solid 1px #D9D9D9;
              margin-top: 0; }
              html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available .ticket-category-item:last-child {
                border-bottom: unset; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available .ticket-category-item {
                  padding-left: 15px; } }
              @media (max-width: 360px) {
                html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available .ticket-category-item {
                  padding: 10px 15px; } }
              html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available .ticket-category-item .ticket-category-ba {
                top: -19px;
                left: 5px; }
                @media (max-width: 420px) {
                  html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available .ticket-category-item .ticket-category-ba {
                    top: 32px; } }
                html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available .ticket-category-item .ticket-category-ba .tf-btn-primary {
                  height: 32px;
                  min-width: 100px;
                  margin-right: 5px;
                  margin-left: 15px;
                  display: none; }
              html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available .ticket-category-item .ticket-category-texts .ticket-category-price .fa-angle-down {
                transition: all 0.3s ease-in-out;
                transform: rotate(0); }
              @media (max-width: 420px) {
                html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available .ticket-category-item .ticket-category-texts .ticket-category-price {
                  margin-bottom: 0; } }
              html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available .ticket-category-item .ticket-category-texts .ticket-category-price a {
                display: none; }
              html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available .ticket-category-item.expanded .ticket-category-texts .ticket-category-price .fa-angle-down {
                transform: rotate(180deg);
                transform-origin: top;
                transition: all 0.3s ease-in-out;
                margin-top: 2px; }
            html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available span.ticket-category-price {
              box-sizing: border-box;
              line-height: 30px !important;
              margin-right: 0; }
            html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available .ticket-category-color {
              flex-shrink: 0;
              border-radius: 50%;
              align-self: baseline; }
            html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available.auto-open .ticket-category-price a {
              display: none; }
            html body .main-content .container #content #event-detail .ticket-category-list.seated-map-available.auto-open .ticket-category-price-expand {
              display: block !important;
              padding-bottom: 0; }
            html body .main-content .container #content #event-detail .ticket-category-list.non-seated, html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category {
              clear: both; }
              html body .main-content .container #content #event-detail .ticket-category-list.non-seated .ticket-category-item, html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category .ticket-category-item {
                padding-bottom: 5px;
                border-top: solid 1px #D9D9D9;
                cursor: pointer; }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #event-detail .ticket-category-list.non-seated .ticket-category-item, html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category .ticket-category-item {
                    padding-bottom: 0;
                    padding-top: 15px; } }
                @media (max-width: 360px) {
                  html body .main-content .container #content #event-detail .ticket-category-list.non-seated .ticket-category-item, html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category .ticket-category-item {
                    padding-right: 15px;
                    padding-left: 15px; } }
                html body .main-content .container #content #event-detail .ticket-category-list.non-seated .ticket-category-item .ticket-category-color, html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category .ticket-category-item .ticket-category-color {
                  width: 24px;
                  height: 24px;
                  border: solid 1px #3F4644;
                  background-color: #FFFFFF;
                  position: relative;
                  margin-right: 15px;
                  flex-shrink: 0;
                  box-sizing: border-box;
                  border-radius: 50%;
                  align-self: baseline; }
                html body .main-content .container #content #event-detail .ticket-category-list.non-seated .ticket-category-item.selected, html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category .ticket-category-item.selected {
                  background-color: #FFFFFF; }
                  html body .main-content .container #content #event-detail .ticket-category-list.non-seated .ticket-category-item.selected .ticket-category-color, html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category .ticket-category-item.selected .ticket-category-color {
                    border-color: #004433; }
                    html body .main-content .container #content #event-detail .ticket-category-list.non-seated .ticket-category-item.selected .ticket-category-color::after, html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category .ticket-category-item.selected .ticket-category-color::after {
                      content: '';
                      display: block;
                      position: absolute;
                      top: 3px;
                      left: 3px;
                      width: 16px;
                      height: 16px;
                      background-color: #004433;
                      border-radius: 50%; }
                  html body .main-content .container #content #event-detail .ticket-category-list.non-seated .ticket-category-item.selected + .ticket-category-price-expand, html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category .ticket-category-item.selected + .ticket-category-price-expand {
                    background-color: #B6E6EC !important; }
                html body .main-content .container #content #event-detail .ticket-category-list.non-seated .ticket-category-item:hover, html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category .ticket-category-item:hover {
                  background-color: #EEEBE2; }
                html body .main-content .container #content #event-detail .ticket-category-list.non-seated .ticket-category-item:hover + .ticket-category-price-expand, html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category .ticket-category-item:hover + .ticket-category-price-expand {
                  background-color: #EEEBE2; }
                @media (max-width: 420px) {
                  html body .main-content .container #content #event-detail .ticket-category-list.non-seated .ticket-category-item .ticket-category-texts .ticket-category-price, html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category .ticket-category-item .ticket-category-texts .ticket-category-price {
                    margin: 0;
                    padding-top: 0; } }
              html body .main-content .container #content #event-detail .ticket-category-list.non-seated .ticket-category-price .fa, html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category .ticket-category-price .fa {
                display: none; }
              html body .main-content .container #content #event-detail .ticket-category-list.non-seated .ticket-category-price-expand, html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category .ticket-category-price-expand {
                background-color: #FFFFFF;
                padding-top: 0;
                cursor: pointer; }
                @media (max-width: 420px) {
                  html body .main-content .container #content #event-detail .ticket-category-list.non-seated .ticket-category-price-expand, html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category .ticket-category-price-expand {
                    padding-left: 55px;
                    border-bottom: 0; } }
                html body .main-content .container #content #event-detail .ticket-category-list.non-seated .ticket-category-price-expand:hover, html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category .ticket-category-price-expand:hover {
                  background-color: #B6E6EC; }
                html body .main-content .container #content #event-detail .ticket-category-list.non-seated .ticket-category-price-expand div, html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category .ticket-category-price-expand div {
                  padding: 0; }
              html body .main-content .container #content #event-detail .ticket-category-list.non-seated .ticket-category-item:has(+ .ticket-category-price-expand:hover), html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category .ticket-category-item:has(+ .ticket-category-price-expand:hover) {
                background-color: #B6E6EC; }
              html body .main-content .container #content #event-detail .ticket-category-list.non-seated .unlock-locked-category ~ .ticket-category-price-expand, html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category .unlock-locked-category ~ .ticket-category-price-expand {
                position: relative;
                background-color: #FFFFFF !important; }
                html body .main-content .container #content #event-detail .ticket-category-list.non-seated .unlock-locked-category ~ .ticket-category-price-expand::before, html body .main-content .container #content #event-detail .ticket-category-list.ba-by-category .unlock-locked-category ~ .ticket-category-price-expand::before {
                  content: "";
                  background: none;
                  z-index: 1;
                  position: absolute;
                  width: 100%;
                  height: 100%;
                  position: absolute;
                  left: 0; }
            html body .main-content .container #content #event-detail .ticket-category-list .unlock_content_category {
              padding-left: 15px;
              border-bottom: none; }
          html body .main-content .container #content #event-detail h2.tf-title.manual-seat-select-title {
            border: 2px solid #3F4644;
            font-size: 16px;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-weight: 500;
            color: #3F4644;
            padding: 0 10px;
            margin: 0;
            text-transform: none;
            display: inline-block;
            line-height: normal;
            text-align: center;
            height: 32px;
            line-height: 32px;
            font-weight: normal; }
          html body .main-content .container #content #event-detail .ticket-category-view-only-msg {
            display: none !important; }
          html body .main-content .container #content #event-detail #seat-allocation-preview {
            margin-top: 64px; }
            html body .main-content .container #content #event-detail #seat-allocation-preview .label {
              font-size: 18px !important;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 600;
              border: 0 !important;
              text-align: left !important;
              border-bottom: solid 1px #3C3C3C !important;
              width: 100% !important;
              line-height: 28px !important;
              color: #3F4644 !important;
              text-transform: unset;
              box-sizing: border-box;
              padding: 0 !important; }
          html body .main-content .container #content #event-detail #svg_container {
            clear: both;
            padding-top: 30px; }
            html body .main-content .container #content #event-detail #svg_container .frontend-timer.counting {
              border: 2px solid #B94D4D;
              color: #B94D4D;
              font-size: 16px;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 500;
              top: -5px;
              right: 0;
              background: #FFFFFF; }
            html body .main-content .container #content #event-detail #svg_container #area_canclick_notify {
              padding: 0; }
              html body .main-content .container #content #event-detail #svg_container #area_canclick_notify h2.tf-title {
                font-size: 18px;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                border: 0;
                text-align: left;
                margin-bottom: 15px;
                border-bottom: solid 1px #D9D9D9;
                width: 100%;
                line-height: 28px;
                color: #004433;
                text-transform: unset;
                box-sizing: border-box; }
            html body .main-content .container #content #event-detail #svg_container #svg_content_container {
              border: solid 1px #A8996E;
              margin-bottom: 20px; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-detail #svg_container #svg_content_container {
                  padding-bottom: 50px; } }
              html body .main-content .container #content #event-detail #svg_container #svg_content_container div {
                box-sizing: unset !important; }
              html body .main-content .container #content #event-detail #svg_container #svg_content_container .svg-zoom-btn {
                width: 45px;
                height: 45px;
                top: unset;
                bottom: 15px;
                right: 15px;
                border: 0;
                color: transparent;
                display: inline-block;
                background-size: 22px !important;
                z-index: 7;
                box-shadow: 3px 2px 5px #d7d7d7;
                background-position: center center;
                background-repeat: no-repeat; }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #event-detail #svg_container #svg_content_container .svg-zoom-btn {
                    bottom: 0; } }
                html body .main-content .container #content #event-detail #svg_container #svg_content_container .svg-zoom-btn.hidden {
                  display: none; }
                html body .main-content .container #content #event-detail #svg_container #svg_content_container .svg-zoom-btn i {
                  display: none; }
                html body .main-content .container #content #event-detail #svg_container #svg_content_container .svg-zoom-btn#small {
                  background-image: url("/static/whitelabels/sjm/images/zoom-out.svg");
                  background-color: #FFFFFF;
                  border-top-right-radius: 5px;
                  border-bottom-right-radius: 5px;
                  z-index: 4; }
                html body .main-content .container #content #event-detail #svg_container #svg_content_container .svg-zoom-btn#large {
                  right: 102px;
                  background-image: url("/static/whitelabels/sjm/images/zoom-in.svg");
                  z-index: 2;
                  border-top-left-radius: 5px;
                  border-bottom-left-radius: 5px; }
                html body .main-content .container #content #event-detail #svg_container #svg_content_container .svg-zoom-btn#home-button {
                  right: 58px;
                  background-image: url("/static/whitelabels/sjm/images/refresh.svg");
                  background-size: 20px !important;
                  z-index: 3; }
              html body .main-content .container #content #event-detail #svg_container #svg_content_container .background.unlock-locked-category-svg {
                background-color: rgba(61, 61, 61, 0.5); }
                html body .main-content .container #content #event-detail #svg_container #svg_content_container .background.unlock-locked-category-svg .unlock_content_category_svg {
                  bottom: 0;
                  height: auto;
                  padding: 15px 40px;
                  background: rgba(60, 60, 60, 0.6);
                  box-sizing: border-box; }
                  html body .main-content .container #content #event-detail #svg_container #svg_content_container .background.unlock-locked-category-svg .unlock_content_category_svg .unlock-form-category-svg {
                    width: 100%;
                    background: none;
                    padding: 0;
                    width: 100%;
                    align-items: center;
                    justify-content: right;
                    display: flex; }
                    html body .main-content .container #content #event-detail #svg_container #svg_content_container .background.unlock-locked-category-svg .unlock_content_category_svg .unlock-form-category-svg input#ticket-category-unlock-code-svg {
                      width: 75%;
                      border: 2px solid #3F4644 !important;
                      margin-right: 20px;
                      background: #FFFFFF !important; }
                    html body .main-content .container #content #event-detail #svg_container #svg_content_container .background.unlock-locked-category-svg .unlock_content_category_svg .unlock-form-category-svg button:not(.close-btn-svg-unlock) {
                      width: 200px;
                      color: #004433 !important;
                      background: none !important;
                      border: 0;
                      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                      font-size: 16px;
                      letter-spacing: -0.05em;
                      border-radius: 0;
                      padding: 5px 12px 5px 12px;
                      text-transform: uppercase;
                      border: solid 1px #004433; }
                      html body .main-content .container #content #event-detail #svg_container #svg_content_container .background.unlock-locked-category-svg .unlock_content_category_svg .unlock-form-category-svg button:not(.close-btn-svg-unlock):hover {
                        color: #FFFFFF !important;
                        background: #004433 !important;
                        text-decoration: none; }
                      html body .main-content .container #content #event-detail #svg_container #svg_content_container .background.unlock-locked-category-svg .unlock_content_category_svg .unlock-form-category-svg button:not(.close-btn-svg-unlock):hover {
                        background-color: #D9D9D9 !important; }
                    html body .main-content .container #content #event-detail #svg_container #svg_content_container .background.unlock-locked-category-svg .unlock_content_category_svg .unlock-form-category-svg button.close-btn-svg-unlock {
                      background: none;
                      color: #3F4644;
                      font-size: 0;
                      background-repeat: no-repeat;
                      background-position: center;
                      background: url("/static/images/cancel.png") no-repeat;
                      margin-top: 7px;
                      margin-left: 25px;
                      padding: 0 20px 0 5px; }
              html body .main-content .container #content #event-detail #svg_container #svg_content_container #scroll-done {
                display: none; }
                html body .main-content .container #content #event-detail #svg_container #svg_content_container #scroll-done.active {
                  border: 2px solid #004433;
                  color: #004433;
                  bottom: -30px;
                  right: 15px;
                  display: none; }
                  html body .main-content .container #content #event-detail #svg_container #svg_content_container #scroll-done.active:hover {
                    background-color: #004433;
                    color: #FFFFFF; }
              html body .main-content .container #content #event-detail #svg_container #svg_content_container #closer {
                background: #F8F8F8;
                border: solid 2px rgba(0, 0, 0, 0.45);
                cursor: pointer; }
          html body .main-content .container #content #event-detail #seat-shopping-cart {
            margin: 40px 0 17px; }
            html body .main-content .container #content #event-detail #seat-shopping-cart h2 {
              border: 2px solid #3F4644;
              font-size: 16px;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 500;
              color: #3F4644;
              padding: 0 10px;
              margin: 0;
              text-transform: none;
              display: inline-block;
              line-height: normal;
              text-align: center;
              height: 32px;
              line-height: 32px;
              font-weight: normal;
              display: none; }
            html body .main-content .container #content #event-detail #seat-shopping-cart #seat-reserved-error {
              font-size: 16px;
              border-radius: 0;
              padding: 15px; }
              html body .main-content .container #content #event-detail #seat-shopping-cart #seat-reserved-error p {
                color: #FFFFFF; }
            html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container {
              display: none;
              padding: 0;
              box-shadow: 3px 1px 6px #d7d7d7;
              border-radius: 5px;
              position: relative;
              margin-bottom: 50px; }
              html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container.active {
                display: block; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container {
                  padding: 10px; } }
              @media screen and (max-width: 441px) {
                html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container {
                  overflow: scroll; } }
              html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container #seat-shopping-cart-table #done-selection {
                display: none; }
                html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container #seat-shopping-cart-table #done-selection.active {
                  color: #FFFFFF !important;
                  background: #009B7A !important;
                  border: 0;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  font-size: 16px;
                  border-radius: 30px !important;
                  padding: 6px 12px 6px 12px;
                  text-transform: capitalize;
                  min-height: 45px;
                  border: solid 1px #009B7A;
                  line-height: normal;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  border-radius: 0 !important;
                  display: block;
                  position: absolute;
                  right: 0;
                  bottom: -45px;
                  font-size: 16px !important;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif !important;
                  height: 32px;
                  min-width: 148px; }
                  html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container #seat-shopping-cart-table #done-selection.active::after {
                    content: '';
                    display: inline-block;
                    transform: rotate(45deg);
                    height: 10px;
                    width: 5px;
                    border-bottom: 2px solid #FFFFFF;
                    border-right: 2px solid #FFFFFF;
                    margin-left: 12px;
                    margin-top: -2px; }
                  html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container #seat-shopping-cart-table #done-selection.active:hover {
                    color: #009B7A !important;
                    background: #FFFFFF !important;
                    text-decoration: none;
                    border-color: #D9D9D9;
                    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
                    -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
                    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); }
                    html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container #seat-shopping-cart-table #done-selection.active:hover::after {
                      border-color: #009B7A; }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container #seat-shopping-cart-table #done-selection.active {
                      position: sticky;
                      bottom: 0;
                      float: right; } }
              html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container #seat-shopping-cart-table thead {
                border-bottom: 1px solid #707070;
                padding: 10px 15px 0; }
              html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container #seat-shopping-cart-table .subtotal td {
                border-color: #3F4644; }
              html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container #seat-shopping-cart-table .ticket_type_item td.title {
                padding: 15px 0 0 15px; }
              html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container #seat-shopping-cart-table .ticket_type_item.last td.title {
                padding-bottom: 15px; }
              html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container #seat-shopping-cart-table tbody tr td.edit a {
                color: #004433; }
              html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table {
                margin: 0; }
                html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table thead tr th {
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  font-weight: 600;
                  font-size: 18px;
                  color: #3F4644;
                  text-transform: capitalize;
                  border: 0;
                  text-align: left;
                  padding: 8px 0 5px 0;
                  min-width: 100px; }
                  html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table thead tr th:first-child {
                    text-align: left;
                    padding-left: 15px; }
                  html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table thead tr th:nth-child(2) {
                    display: none; }
                html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr {
                  border: 0; }
                  html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr td {
                    padding: 10px 0 5px;
                    vertical-align: top; }
                    html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr td.title {
                      color: #3F4644;
                      font-size: 18px;
                      padding-left: 15px;
                      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                      border: 0;
                      text-align: left;
                      width: 65%; }
                      @media only screen and (max-width: 748px) {
                        html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr td.title {
                          left: auto; } }
                    html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr td.tt_quantity {
                      color: #AAAAAA;
                      text-align: center;
                      position: relative; }
                      html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr td.tt_quantity::after {
                        border: 2px solid #AAAAAA;
                        content: '';
                        display: inline-block;
                        width: 35px;
                        height: 26px;
                        position: absolute;
                        margin: 0px auto 0 auto;
                        top: 8px;
                        transform: translateX(-50%);
                        left: 50%;
                        z-index: 0; }
                    html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr td.edit {
                      display: inline-block !important;
                      text-align: center;
                      font-size: 18px;
                      position: relative;
                      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                      width: 100%;
                      min-width: 120px; }
                      html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr td.edit a.seat_ticket_type_items_edit {
                        padding: 0 15px 0 0;
                        display: flex;
                        color: #3F4644;
                        font-size: 18px;
                        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                        text-transform: capitalize;
                        align-items: center; }
                        @media (max-width: 420px) {
                          html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr td.edit a.seat_ticket_type_items_edit {
                            padding: 0; } }
                      html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr td.edit a span.additional_action {
                        background: url("/static/images/edit.png") no-repeat;
                        width: 2px;
                        padding: 12px 10px;
                        display: inline-block;
                        background-size: 100%;
                        margin-right: 10px;
                        display: none; }
                    html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr td.price {
                      text-align: left;
                      color: #3F4644;
                      position: relative;
                      vertical-align: top;
                      min-width: 125px;
                      box-sizing: border-box;
                      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                      font-size: 18px; }
                      html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr td.price > span.value {
                        display: inline-block;
                        min-width: 121px;
                        text-align: left; }
                        @media only screen and (max-width: 748px) {
                          html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr td.price > span.value {
                            min-width: 117px; } }
                      html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr td.price::after {
                        border: 2px solid #3F4644;
                        content: '';
                        display: block;
                        height: 30px;
                        position: absolute;
                        top: 8px;
                        transform: translateX(-50%);
                        left: 50%;
                        width: 100%;
                        box-sizing: border-box;
                        display: none; }
                  html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.subtotal .price {
                    padding-top: 8px !important;
                    padding-bottom: 5px !important; }
                  html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.subtotal .price, html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.handling .price {
                    text-align: right;
                    padding: 0;
                    line-height: unset; }
                    html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.subtotal .price::after, html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.handling .price::after {
                      display: none; }
                    html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.subtotal .price .value-with-currency, html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.handling .price .value-with-currency {
                      position: relative;
                      padding: 0;
                      min-width: 155px;
                      display: inline-block;
                      box-sizing: border-box;
                      text-align: left; }
                      html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.subtotal .price .value-with-currency:after, html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.handling .price .value-with-currency:after {
                        border: 2px solid #3F4644;
                        content: '';
                        display: block;
                        height: 30px;
                        position: absolute;
                        top: 4px;
                        transform: translateX(-50%);
                        left: 50%;
                        width: 100%;
                        box-sizing: border-box;
                        display: none; }
                      html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.subtotal .price .value-with-currency .value, html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.handling .price .value-with-currency .value {
                        padding-right: 3px; }
                    html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.subtotal .price .total-text, html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.handling .price .total-text {
                      text-transform: capitalize;
                      min-width: 141px;
                      text-align: left;
                      display: inline-block; }
                  html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.total .total-text {
                    min-width: 140px;
                    text-transform: capitalize;
                    text-align: left;
                    display: inline-block; }
                  html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.total .grant-total {
                    display: inline-block;
                    min-width: 155px;
                    text-align: left; }
                    html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.total .grant-total .value {
                      text-align: left; }
                  html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.total td.price {
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    font-weight: unset; }
                  html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.added_row .tt_quantity {
                    display: none; }
                  html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.added_row td.edit {
                    padding-top: 15px; }
                  html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.added_row td.price {
                    padding-top: 15px;
                    width: 155px;
                    min-width: 155px; }
                html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.total td.price {
                  padding: 9px 0 0 0;
                  text-align: right;
                  border: 0;
                  line-height: normal; }
                html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container table tbody tr.total td::after {
                  display: none; }
          html body .main-content .container #content #event-detail #seat-allocation-preview span {
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-weight: 500;
            color: #3F4644;
            font-size: 16px;
            display: inline-block !important;
            width: auto !important; }
            html body .main-content .container #content #event-detail #seat-allocation-preview span.label {
              border: 2px solid #3F4644;
              font-size: 16px;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 500;
              color: #3F4644;
              padding: 0 10px;
              margin: 0;
              text-transform: none;
              display: inline-block;
              line-height: normal;
              text-align: center;
              height: 32px;
              line-height: 32px;
              font-weight: normal;
              color: #004433 !important;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              border-color: #D9D9D9 !important; }
            html body .main-content .container #content #event-detail #seat-allocation-preview span:last-child {
              width: 100% !important;
              display: block !important;
              padding: 0;
              margin: 10px 0; }
          html body .main-content .container #content #event-detail .buy-wrapper {
            margin-top: 30px;
            padding-bottom: 0; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #event-detail .buy-wrapper {
                position: relative; } }
            html body .main-content .container #content #event-detail .buy-wrapper .promo-error-list {
              text-align: left;
              padding-left: 16px;
              position: relative; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-detail .buy-wrapper .promo-error-list {
                  position: absolute;
                  top: 40px;
                  width: 100%;
                  box-sizing: border-box; } }
              html body .main-content .container #content #event-detail .buy-wrapper .promo-error-list li {
                color: #B94D4D; }
            html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container {
              border: 1px solid #D9D9D9;
              border-radius: 30px; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container {
                  border: 0;
                  display: none !important; } }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .fixed-right-container .right {
                  margin-top: 13px; } }
              html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .fixed-right-container .right #buy-btn-get {
                display: none !important; }
              html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .fixed-right-container .right #btn-apply-promocode {
                display: none !important; }
              html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .fixed-right-container .right #btn-promocode-clear {
                display: none !important; }
              html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .fixed-right-container .right #custom_apply_promocode {
                color: #FFFFFF !important;
                background: #009B7A !important;
                border: 0;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-size: 16px;
                border-radius: 30px !important;
                padding: 6px 12px 6px 12px;
                text-transform: capitalize;
                min-height: 45px;
                border: solid 1px #009B7A;
                line-height: normal;
                display: flex;
                align-items: center;
                justify-content: center;
                height: 55px;
                border-radius: 0 !important;
                background: none !important;
                font-size: 16px;
                color: #3F4644 !important;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-weight: 500;
                min-width: 150px;
                margin-bottom: 0;
                border: 0;
                border-left: solid 1px #D9D9D9;
                min-height: 55px; }
                html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .fixed-right-container .right #custom_apply_promocode::after {
                  content: '';
                  display: inline-block;
                  transform: rotate(45deg);
                  height: 10px;
                  width: 5px;
                  border-bottom: 2px solid #FFFFFF;
                  border-right: 2px solid #FFFFFF;
                  margin-left: 12px;
                  margin-top: -2px; }
                html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .fixed-right-container .right #custom_apply_promocode:hover {
                  color: #009B7A !important;
                  background: #FFFFFF !important;
                  text-decoration: none;
                  border-color: #D9D9D9;
                  -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
                  -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
                  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); }
                  html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .fixed-right-container .right #custom_apply_promocode:hover::after {
                    border-color: #009B7A; }
                html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .fixed-right-container .right #custom_apply_promocode:hover {
                  background: none !important;
                  color: #3F4644 !important; }
                html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .fixed-right-container .right #custom_apply_promocode::after {
                  display: none; }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .fixed-right-container .right #custom_apply_promocode {
                    height: 40px; } }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .right {
                  margin-left: 0; } }
              html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .right a#buy-btn-get, html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .right a#btn-apply-promocode, html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .right a#btn-promocode-clear, html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .right button#buy-btn-get, html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .right button#btn-apply-promocode, html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .right button#btn-promocode-clear {
                width: 200px;
                font-size: 16px;
                height: 32px;
                padding: 0;
                line-height: 32px; }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .right a#buy-btn-get, html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .right a#btn-apply-promocode, html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .right a#btn-promocode-clear, html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .right button#buy-btn-get, html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .right button#btn-apply-promocode, html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .right button#btn-promocode-clear {
                    width: 100%; } }
              html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .right a#buy-btn-get, html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .right button#buy-btn-get {
                line-height: 34px; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .right button {
                  width: 100%;
                  margin-top: 10px; } }
              html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .left {
                margin-left: 0; }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .left {
                    border-bottom: 1px solid #004433; } }
                html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .left input {
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  font-style: normal;
                  font-size: 18px;
                  color: #3F4644;
                  height: 52px;
                  min-height: 32px;
                  line-height: normal;
                  padding: 5px 15px 0 !important;
                  text-transform: uppercase;
                  border: 0;
                  margin-top: 0; }
                  html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .left input::placeholder {
                    font-size: 18px;
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    font-style: normal;
                    color: #8E9590;
                    text-transform: none; }
                    @media only screen and (max-width: 748px) {
                      html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .left input::placeholder {
                        font-size: 14px; } }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #event-detail .buy-wrapper #buy_button_container .tf-controls .left input {
                      width: 100%;
                      font-size: 14px; } }
            html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container {
              margin-top: 30px; }
              html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .title-wrapper.qrcode-wrapper {
                background-color: #F8F8F8;
                border-top: 1px solid #707070;
                padding: 20px; }
                html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .title-wrapper.qrcode-wrapper .label {
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  font-weight: 600;
                  font-size: 18px;
                  color: #3F4644;
                  text-decoration: underline;
                  margin: 0 !important; }
                html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .title-wrapper.qrcode-wrapper .qrcode-container {
                  display: flex;
                  justify-content: flex-start;
                  margin-bottom: 10px; }
                  html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .title-wrapper.qrcode-wrapper .qrcode-container > div .label {
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    font-weight: 500;
                    font-size: 18px;
                    color: #3F4644;
                    text-transform: capitalize;
                    text-decoration: none; }
                  html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .title-wrapper.qrcode-wrapper .qrcode-container > div:last-child .label {
                    color: #AAAAAA;
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    font-weight: 500;
                    font-size: 18px;
                    text-transform: capitalize;
                    text-decoration: none; }
                  html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .title-wrapper.qrcode-wrapper .qrcode-container .qrcode-image {
                    background-color: #004433;
                    width: 50px; }
                    html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .title-wrapper.qrcode-wrapper .qrcode-container .qrcode-image img {
                      width: 100%; }
              html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .tf-controls {
                display: flex;
                width: 100%;
                justify-content: space-between;
                margin: 15px 0 0 0;
                border-bottom: solid 1px #3F4644; }
                @media screen and (max-width: 900px) and (min-width: 749px) {
                  html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .tf-controls {
                    display: flex;
                    flex-direction: column; } }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .tf-controls {
                    display: block;
                    border: 0; } }
                html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .tf-controls .left {
                  margin-left: 0;
                  width: 100%; }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .tf-controls .left {
                      border-bottom: solid 1px #3F4644; } }
                  html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .tf-controls .left input#id_voucher_code {
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    font-size: 18px;
                    color: #707070;
                    height: 32px;
                    min-height: 32px;
                    line-height: normal;
                    width: 100% !important;
                    padding: 5px 13px !important;
                    text-transform: uppercase;
                    border: 0; }
                    html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .tf-controls .left input#id_voucher_code::placeholder {
                      font-size: 18px;
                      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                      font-style: normal;
                      color: #707070;
                      text-transform: none; }
                      @media only screen and (max-width: 748px) {
                        html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .tf-controls .left input#id_voucher_code::placeholder {
                          font-size: 14px; } }
                    @media only screen and (max-width: 748px) {
                      html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .tf-controls .left input#id_voucher_code {
                        font-size: 14px; } }
                html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .tf-controls .right {
                  float: right;
                  margin-left: 16px; }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .tf-controls .right {
                      width: 100% !important; } }
                  html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .tf-controls .right #apply-voucher-btn {
                    min-width: 150px;
                    font-size: 16px;
                    min-height: 32px;
                    height: 32px;
                    padding: 0;
                    border-radius: 5px !important;
                    background-color: #CFCFCF;
                    color: #3F4644;
                    margin: 0 0 6px;
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    font-weight: 500; }
                    html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .tf-controls .right #apply-voucher-btn:hover {
                      color: #FFFFFF; }
                    @media only screen and (max-width: 748px) {
                      html body .main-content .container #content #event-detail .buy-wrapper #voucher_input_container .tf-controls .right #apply-voucher-btn {
                        width: 100% !important;
                        height: 40px; } }
          html body .main-content .container #content #event-detail #event-additional-info {
            float: left;
            clear: both;
            width: 100%;
            margin-top: 45px; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #event-detail #event-additional-info {
                margin-top: 15px; } }
            html body .main-content .container #content #event-detail #event-additional-info a {
              color: inherit;
              text-decoration: underline; }
            html body .main-content .container #content #event-detail #event-additional-info h2 {
              font-size: 18px;
              line-height: 24px;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              color: #004433;
              text-transform: unset;
              padding: 10px 10px 10px 0;
              margin: 0;
              border-bottom: 1px solid #D9D9D9; }
            html body .main-content .container #content #event-detail #event-additional-info .show-bullet {
              padding: 20px 0 0;
              margin-bottom: 0;
              margin-top: -1px;
              font-size: 16px;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              color: #3F4644; }
              html body .main-content .container #content #event-detail #event-additional-info .show-bullet p, html body .main-content .container #content #event-detail #event-additional-info .show-bullet ul li, html body .main-content .container #content #event-detail #event-additional-info .show-bullet ol li, html body .main-content .container #content #event-detail #event-additional-info .show-bullet div {
                font-size: 16px;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                color: #3F4644;
                padding: 0; }
                html body .main-content .container #content #event-detail #event-additional-info .show-bullet p a, html body .main-content .container #content #event-detail #event-additional-info .show-bullet ul li a, html body .main-content .container #content #event-detail #event-additional-info .show-bullet ol li a, html body .main-content .container #content #event-detail #event-additional-info .show-bullet div a {
                  color: #009B7A; }
                  html body .main-content .container #content #event-detail #event-additional-info .show-bullet p a:hover, html body .main-content .container #content #event-detail #event-additional-info .show-bullet ul li a:hover, html body .main-content .container #content #event-detail #event-additional-info .show-bullet ol li a:hover, html body .main-content .container #content #event-detail #event-additional-info .show-bullet div a:hover {
                    color: #004433; }
              html body .main-content .container #content #event-detail #event-additional-info .show-bullet img {
                border-radius: 8px; }
          html body .main-content .container #content #event-detail #host-detail {
            clear: both;
            padding: 0;
            margin: 0; }
          html body .main-content .container #content #event-detail.selfselect-disabled #seat-shopping-cart #seat-shopping-cart-table .seat_ticket_type_items_edit {
            display: none; }
          html body .main-content .container #content #event-detail.under-package #seat-shopping-cart .shopping-items-container table#seat-shopping-cart-table tr th.price {
            display: none !important; }
          html body .main-content .container #content #event-detail.under-package #seat-shopping-cart .shopping-items-container table#seat-shopping-cart-table tr.added_row.ticket_type_item td.price {
            display: none !important; }
          html body .main-content .container #content #event-detail.under-package #seat-shopping-cart .shopping-items-container table#seat-shopping-cart-table tr.total {
            display: none !important; }
        html body .main-content .container #content .unlock-form, html body .main-content .container #content .unlock-form-category, html body .main-content .container #content .unlock-session-form {
          padding: 0 30px; }
          html body .main-content .container #content .unlock-form input#ticktype-unlock-code, html body .main-content .container #content .unlock-form input#ticket-category-unlock-code, html body .main-content .container #content .unlock-form input.session-unlock-code, html body .main-content .container #content .unlock-form-category input#ticktype-unlock-code, html body .main-content .container #content .unlock-form-category input#ticket-category-unlock-code, html body .main-content .container #content .unlock-form-category input.session-unlock-code, html body .main-content .container #content .unlock-session-form input#ticktype-unlock-code, html body .main-content .container #content .unlock-session-form input#ticket-category-unlock-code, html body .main-content .container #content .unlock-session-form input.session-unlock-code {
            border: 2px solid #3F4644 !important;
            margin-right: 20px;
            width: 75%;
            background: #FFFFFF !important; }
          html body .main-content .container #content .unlock-form input#ticktype-unlock-code, html body .main-content .container #content .unlock-form input.session-unlock-code, html body .main-content .container #content .unlock-form-category input#ticktype-unlock-code, html body .main-content .container #content .unlock-form-category input.session-unlock-code, html body .main-content .container #content .unlock-session-form input#ticktype-unlock-code, html body .main-content .container #content .unlock-session-form input.session-unlock-code {
            background: #FFFFFF !important;
            font-size: 18px;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-weight: 500; }
          html body .main-content .container #content .unlock-form button, html body .main-content .container #content .unlock-form-category button, html body .main-content .container #content .unlock-session-form button {
            color: #004433 !important;
            background: none !important;
            border: 0;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-size: 16px;
            letter-spacing: -0.05em;
            border-radius: 0;
            padding: 5px 12px 5px 12px;
            text-transform: uppercase;
            border: solid 1px #004433;
            width: 207px;
            line-height: 14px; }
            html body .main-content .container #content .unlock-form button:hover, html body .main-content .container #content .unlock-form-category button:hover, html body .main-content .container #content .unlock-session-form button:hover {
              color: #FFFFFF !important;
              background: #004433 !important;
              text-decoration: none; }
            html body .main-content .container #content .unlock-form button::after, html body .main-content .container #content .unlock-form-category button::after, html body .main-content .container #content .unlock-session-form button::after {
              display: none; }
            html body .main-content .container #content .unlock-form button:hover, html body .main-content .container #content .unlock-form-category button:hover, html body .main-content .container #content .unlock-session-form button:hover {
              background: #D9D9D9 !important; }
        html body .main-content .container #content #my-account-page {
          width: 500px;
          margin: 0 auto;
          padding: 50px 0 10px 0; }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #my-account-page {
              width: 100% !important; } }
          html body .main-content .container #content #my-account-page #preferences .formHorizontal .preferred-country-container .controlGroup {
            display: block;
            position: relative; }
            html body .main-content .container #content #my-account-page #preferences .formHorizontal .preferred-country-container .controlGroup .helpBlock {
              position: absolute;
              left: 0;
              top: 45px;
              font-family: 'Roboto,Italic' !important;
              padding: 0 10px; }
            html body .main-content .container #content #my-account-page #preferences .formHorizontal .preferred-country-container .controlGroup .controls {
              position: unset;
              width: 100% !important;
              box-sizing: border-box; }
              html body .main-content .container #content #my-account-page #preferences .formHorizontal .preferred-country-container .controlGroup .controls select#id_preferred_country {
                width: 100%;
                padding: 0; }
            html body .main-content .container #content #my-account-page #preferences .formHorizontal .preferred-country-container .controlGroup .controlLabel {
              width: 100%;
              display: none !important; }
          html body .main-content .container #content #my-account-page #preferences .formHorizontal .agree-personal-info-use-container .controlGroup {
            border: 0; }
            html body .main-content .container #content #my-account-page #preferences .formHorizontal .agree-personal-info-use-container .controlGroup .controlLabel {
              width: 100% !important; }
          html body .main-content .container #content #my-account-page #preferences .formHorizontal .agree-personal-info-use-container .controls {
            width: 100%; }
            html body .main-content .container #content #my-account-page #preferences .formHorizontal .agree-personal-info-use-container .controls ul {
              margin-left: 0; }
              html body .main-content .container #content #my-account-page #preferences .formHorizontal .agree-personal-info-use-container .controls ul li label {
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif !important;
                font-size: 14px;
                color: #707070;
                line-height: 18px; }
                html body .main-content .container #content #my-account-page #preferences .formHorizontal .agree-personal-info-use-container .controls ul li label input {
                  margin-right: 15px;
                  float: left; }
                html body .main-content .container #content #my-account-page #preferences .formHorizontal .agree-personal-info-use-container .controls ul li label::after {
                  left: 0; }
          html body .main-content .container #content #my-account-page #preferences .formHorizontal .block_for_id_email .controls, html body .main-content .container #content #my-account-page #preferences .formHorizontal .block_for_id_first_name .controls, html body .main-content .container #content #my-account-page #preferences .formHorizontal .block_for_id_last_name .controls, html body .main-content .container #content #my-account-page #preferences .formHorizontal .block_for_id_current_password .controls {
            width: 100%; }
            html body .main-content .container #content #my-account-page #preferences .formHorizontal .block_for_id_email .controls input, html body .main-content .container #content #my-account-page #preferences .formHorizontal .block_for_id_first_name .controls input, html body .main-content .container #content #my-account-page #preferences .formHorizontal .block_for_id_last_name .controls input, html body .main-content .container #content #my-account-page #preferences .formHorizontal .block_for_id_current_password .controls input {
              width: 100%;
              padding: 0; }
          html body .main-content .container #content #my-account-page #preferences .formHorizontal .block_for_id_phone_number_idd .controls select, html body .main-content .container #content #my-account-page #preferences .formHorizontal .block_for_id_phone_number_idd .controls input, html body .main-content .container #content #my-account-page #preferences .formHorizontal .block_for_id_phone_number .controls select, html body .main-content .container #content #my-account-page #preferences .formHorizontal .block_for_id_phone_number .controls input {
            padding: 0; }
          html body .main-content .container #content #my-account-page #preferences .formHorizontal .block_for_id_phone_number.error {
            border-color: #B94D4D !important; }
            html body .main-content .container #content #my-account-page #preferences .formHorizontal .block_for_id_phone_number.error .controls .helpInline ul.errorlist li {
              padding: 0 10px; }
          html body .main-content .container #content #my-account-page #preferences .formHorizontal .block_for_id_current_password .controlLabel {
            display: none !important; }
          html body .main-content .container #content #my-account-page #preferences .formHorizontal .block_for_id_current_password .controls span.helpInline ul.errorlist li {
            padding: 0 10px; }
          html body .main-content .container #content #my-account-page #preferences .formHorizontal .controls {
            position: unset;
            padding: 0 10px; }
            html body .main-content .container #content #my-account-page #preferences .formHorizontal .controls::before {
              z-index: -1; }
            html body .main-content .container #content #my-account-page #preferences .formHorizontal .controls ul#id_is_signup li label {
              display: flex; }
          html body .main-content .container #content #my-account-page #preferences .formHorizontal input[type=radio] {
            appearance: none;
            padding: 0;
            -webkit-appearance: none; }
          html body .main-content .container #content #my-account-page #preferences .formHorizontal .signup-field-wrap .helpBlock {
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif !important;
            left: -205px; }
          html body .main-content .container #content #my-account-page #preferences .formHorizontal .signup-field-wrap .controlGroup .controls {
            width: 285px; }
          html body .main-content .container #content #my-account-page #preferences .formHorizontal .cookie_input_preference {
            padding: 15px 0 0 0; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #my-account-page #preferences .formHorizontal .cookie_input_preference {
                padding: 0; } }
            html body .main-content .container #content #my-account-page #preferences .formHorizontal .cookie_input_preference .controlGroup label.controlLabel {
              width: 205px; }
              @media (min-width: 749px) {
                html body .main-content .container #content #my-account-page #preferences .formHorizontal .cookie_input_preference .controlGroup label.controlLabel {
                  margin-top: -10px; } }
            html body .main-content .container #content #my-account-page #preferences .formHorizontal .cookie_input_preference .controlGroup .controls {
              width: 240px;
              margin-bottom: 20px;
              padding: 0;
              margin-left: 50px; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #my-account-page #preferences .formHorizontal .cookie_input_preference .controlGroup .controls {
                  margin-left: 0;
                  width: auto; } }
          html body .main-content .container #content #my-account-page #preferences .formHorizontal .controlGroup .controlLabel {
            display: none; }
          html body .main-content .container #content #my-account-page #preferences .formHorizontal .controlGroup:first-child .controlLabel {
            display: block; }
          html body .main-content .container #content #my-account-page .id_current_password .error, html body .main-content .container #content #my-account-page .id_password1 .error {
            position: relative;
            border-bottom: solid 1px #B94D4D !important; }
            html body .main-content .container #content #my-account-page .id_current_password .error .helpInline, html body .main-content .container #content #my-account-page .id_password1 .error .helpInline {
              position: absolute;
              left: 10px;
              top: 45px; }
              html body .main-content .container #content #my-account-page .id_current_password .error .helpInline .errorlist li, html body .main-content .container #content #my-account-page .id_password1 .error .helpInline .errorlist li {
                font-size: 14px;
                color: #B94D4D; }
          html body .main-content .container #content #my-account-page ul.navTabs {
            display: none; }
          html body .main-content .container #content #my-account-page .profile-breadcrumbs {
            display: flex;
            justify-content: center; }
            html body .main-content .container #content #my-account-page .profile-breadcrumbs li {
              font-size: 21px;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 600;
              color: #3F4644;
              margin: 0 10px;
              position: relative; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #my-account-page .profile-breadcrumbs li {
                  font-size: 16px; } }
              html body .main-content .container #content #my-account-page .profile-breadcrumbs li::after {
                position: absolute;
                content: "/";
                top: 0;
                right: -15px; }
              html body .main-content .container #content #my-account-page .profile-breadcrumbs li:last-child::after {
                display: none; }
              html body .main-content .container #content #my-account-page .profile-breadcrumbs li a {
                color: #3F4644;
                text-decoration: underline; }
          html body .main-content .container #content #my-account-page .tab-content {
            margin-top: 50px; }
            html body .main-content .container #content #my-account-page .tab-content .tabPane h2 {
              text-align: center;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 500;
              font-size: 18px;
              color: #3F4644; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal {
                padding: 0 15px; } }
            html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal span.letUsKnow .controlGroup {
              width: 100%;
              padding: 0;
              margin-bottom: 15px !important;
              border-bottom: 0 !important; }
              html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal span.letUsKnow .controlGroup label.controlLabel {
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-weight: 500;
                font-size: 16px;
                color: #707070;
                padding: 15px 0; }
              html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal span.letUsKnow .controlGroup .controls ul#id_reason li {
                margin-bottom: 10px;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-weight: 500; }
                html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal span.letUsKnow .controlGroup .controls ul#id_reason li label {
                  font-size: 14px;
                  color: #707070;
                  font-family: 'Roboto,Medium' !important;
                  position: relative; }
                  html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal span.letUsKnow .controlGroup .controls ul#id_reason li label input {
                    margin-right: 23px;
                    visibility: hidden;
                    width: auto;
                    padding: 0; }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal span.letUsKnow .controlGroup .controls ul#id_reason li label input[type='radio']:after {
                      top: 0px; }
                    html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal span.letUsKnow .controlGroup .controls ul#id_reason li label input[type='radio']:checked:after {
                      top: 0px; } }
            html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .signup-field-wrap .controlGroup {
              border-bottom: 0;
              margin-bottom: 50px; }
              html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .signup-field-wrap .controlGroup > .controlLabel {
                color: #707070;
                border-bottom: 1px solid #707070;
                width: 205px; }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .signup-field-wrap .controlGroup > .controlLabel {
                    width: 100%; } }
              html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .signup-field-wrap .controlGroup .controls {
                width: 285px; }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .signup-field-wrap .controlGroup .controls {
                    width: 100%; } }
            html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .id_password1, html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .id_current_password {
              position: relative; }
            html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup {
              width: 100%;
              box-sizing: border-box;
              margin: 0 0 20px 0;
              padding: 0;
              border-bottom: 1px solid #004433;
              position: relative; }
              html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup.error {
                border-color: #B94D4D; }
              html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup label.controlLabel {
                padding: 10px;
                color: #707070;
                font-size: 14px;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-weight: 500; }
              html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls {
                position: relative;
                box-sizing: border-box; }
                html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls .helpInline {
                  position: absolute;
                  left: 0;
                  bottom: -24px;
                  color: #B94D4D;
                  font-size: 14px; }
                  html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls .helpInline ul.errorlist li {
                    color: #B94D4D;
                    font-size: 14px;
                    font-weight: normal; }
                html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls input {
                  color: #3F4644;
                  font-size: 14px !important;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  font-weight: 500; }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls input {
                      padding: 10px; } }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls select {
                    padding: 10px; } }
                html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls #id_preferred_country, html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls #id_phone_number_idd, html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls #id_city {
                  background-color: transparent;
                  color: #3F4644;
                  font-size: 14px !important;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  font-weight: 500;
                  border: 0; }
                  html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls #id_preferred_country .controls select, html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls #id_phone_number_idd .controls select, html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls #id_city .controls select {
                    padding: 10px; }
                html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls p.helpBlock {
                  left: 0;
                  padding: 0;
                  position: relative;
                  top: 0;
                  font-size: 14px;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  color: #707070; }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls p.helpBlock {
                      left: -5px !important;
                      white-space: pre-line; } }
                html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls ul#id_is_signup {
                  position: relative;
                  top: 12px;
                  margin-left: 44px; }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls ul#id_is_signup {
                      margin-left: 15px; } }
                  html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls ul#id_is_signup li {
                    height: auto; }
                    html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls ul#id_is_signup li label {
                      font-size: 14px;
                      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                      font-weight: 500; }
                      html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls ul#id_is_signup li label input {
                        margin-right: 15px;
                        width: 10px;
                        height: 10px; }
                      html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls ul#id_is_signup li label input[type='radio']:after {
                        width: 12px;
                        height: 12px;
                        top: 0;
                        left: -2px;
                        border: 2px solid #FFFFFF; }
                html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls ul#id_cookie_preference {
                  margin-left: 0; }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls ul#id_cookie_preference {
                      margin-left: 10px !important; } }
                  html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls ul#id_cookie_preference li {
                    height: auto;
                    margin-bottom: 16px; }
                    html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls ul#id_cookie_preference li label {
                      font-size: 14px;
                      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif !important; }
                      html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls ul#id_cookie_preference li label input {
                        margin-right: 10px;
                        width: 10px;
                        height: 10px;
                        margin-top: 2px;
                        float: left; }
                      html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .controls ul#id_cookie_preference li label input[type='radio']:after {
                        width: 12px;
                        height: 12px;
                        top: 0;
                        left: -2px;
                        border: 1px solid #FFFFFF; }
              html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .phone-number-fields .country-code-field-container .controlGroup, html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .phone-number-fields .tel-field-container .controlGroup {
                min-height: unset;
                margin-bottom: 0;
                border-bottom: 1px solid #004433 !important; }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .phone-number-fields .country-code-field-container .controlGroup, html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .phone-number-fields .tel-field-container .controlGroup {
                    min-height: 40px; } }
                html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .phone-number-fields .country-code-field-container .controlGroup input, html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .phone-number-fields .tel-field-container .controlGroup input {
                  min-height: 40px; }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .phone-number-fields .country-code-field-container .controlGroup input, html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .phone-number-fields .tel-field-container .controlGroup input {
                      min-height: 40px; } }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .phone-number-fields .country-code-field-container {
                  margin-bottom: 20px; } }
              html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup .phone-number-fields .country-code-field-container .controlGroup .controls::before {
                color: #707070 !important;
                font-size: 18px; }
              html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .controlGroup.phone-field-wrap {
                border-bottom: 0 !important; }
            html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .preferred-country-container .controlGroup {
              margin-bottom: 50px; }
              html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .preferred-country-container .controlGroup .controls {
                height: 40px; }
                html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .preferred-country-container .controlGroup .controls p.helpBlock {
                  top: 10px;
                  left: -162px; }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .preferred-country-container .controlGroup .controls p.helpBlock {
                      left: -5px !important;
                      white-space: pre-line; } }
                html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .preferred-country-container .controlGroup .controls::before {
                  color: #707070 !important;
                  font-size: 18px; }
            html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .email-container,
            html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .phone-container {
              position: relative; }
              html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .email-container .verified-icon,
              html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .phone-container .verified-icon {
                position: absolute;
                right: 0;
                bottom: 8px;
                font-size: 18px; }
            html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .phone-container .verified-icon {
              bottom: 16px; }
            html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .current_password {
              position: relative; }
            html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .actions {
              text-align: center;
              width: 100%;
              margin-top: 50px; }
              html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .actions input.tf-btn {
                color: #FFFFFF !important;
                background: #009B7A !important;
                border: 0;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-size: 16px;
                border-radius: 30px !important;
                padding: 6px 12px 6px 12px;
                text-transform: capitalize;
                min-height: 45px;
                border: solid 1px #009B7A;
                line-height: normal;
                display: flex;
                align-items: center;
                justify-content: center;
                min-width: 297px; }
                html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .actions input.tf-btn::after {
                  content: '';
                  display: inline-block;
                  transform: rotate(45deg);
                  height: 10px;
                  width: 5px;
                  border-bottom: 2px solid #FFFFFF;
                  border-right: 2px solid #FFFFFF;
                  margin-left: 12px;
                  margin-top: -2px; }
                html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .actions input.tf-btn:hover {
                  color: #009B7A !important;
                  background: #FFFFFF !important;
                  text-decoration: none;
                  border-color: #D9D9D9;
                  -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
                  -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
                  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); }
                  html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .actions input.tf-btn:hover::after {
                    border-color: #009B7A; }
                @media (max-width: 420px) {
                  html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .actions input.tf-btn {
                    width: 100%; } }
            html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .cookie_input {
              width: 100%; }
              html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .cookie_input p {
                font-size: 14px;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-weight: 500;
                color: #3F4644;
                line-height: 22px;
                text-align: center; }
                html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .cookie_input p a {
                  color: #004433;
                  text-decoration: underline; }
                  html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .cookie_input p a:hover {
                    color: #3F4644; }
            html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .alert.alert-info {
              border: 0;
              visibility: hidden; }
              html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .alert.alert-info ul {
                visibility: visible;
                background-color: #F8F8F8 !important;
                padding: 12px;
                border-width: 0.5px 0 0.5px 0 !important;
                border-style: solid !important;
                border-color: #707070 !important;
                box-sizing: border-box;
                margin-top: -5px; }
                html body .main-content .container #content #my-account-page .tab-content .tabPane .formHorizontal .alert.alert-info ul li {
                  font-size: 14px;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  font-weight: 500;
                  color: #707070;
                  line-height: 24px;
                  list-style-position: outside;
                  margin-left: 15px; }
          html body .main-content .container #content #my-account-page #close_ac .formHorizontal .letUsKnow .controlGroup .controlLabel {
            display: block;
            font-size: 16px;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-weight: 500;
            color: #3F4644;
            padding: 20px 0 40px 0; }
          html body .main-content .container #content #my-account-page #close_ac .formHorizontal .controlGroup label.controlLabel {
            display: none; }
          html body .main-content .container #content #my-account-page #close_ac .formHorizontal .controlGroup .controls {
            width: 100%; }
            html body .main-content .container #content #my-account-page #close_ac .formHorizontal .controlGroup .controls input {
              width: 100%;
              padding: 0 10px;
              box-sizing: border-box; }
            html body .main-content .container #content #my-account-page #close_ac .formHorizontal .controlGroup .controls .helpInline {
              left: 10px; }
          html body .main-content .container #content #my-account-page #close_ac .actions {
            position: inherit; }
            html body .main-content .container #content #my-account-page #close_ac .actions #close-account-confirmation {
              background: none;
              border: none;
              box-shadow: none;
              position: absolute;
              left: 0;
              right: 0;
              margin: 0 auto;
              width: auto;
              padding: 0;
              top: 15%;
              z-index: 8; }
              html body .main-content .container #content #my-account-page #close_ac .actions #close-account-confirmation .close-account-wrapper {
                width: 500px;
                padding: 50px 80px;
                background: #FFFFFF;
                position: relative;
                margin: 0 auto; }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #my-account-page #close_ac .actions #close-account-confirmation .close-account-wrapper {
                    width: 95%;
                    padding: 50px 15px;
                    box-sizing: border-box; } }
                html body .main-content .container #content #my-account-page #close_ac .actions #close-account-confirmation .close-account-wrapper a.close {
                  display: none; }
              html body .main-content .container #content #my-account-page #close_ac .actions #close-account-confirmation::before {
                width: 100%;
                height: 100%;
                background: #AAAAAA;
                content: '';
                top: 0;
                left: 0;
                position: fixed;
                opacity: 0.8; }
              html body .main-content .container #content #my-account-page #close_ac .actions #close-account-confirmation p {
                font-size: 16px !important;
                color: #3F4644;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-weight: 500;
                margin-bottom: 70px; }
              html body .main-content .container #content #my-account-page #close_ac .actions #close-account-confirmation .BtnWrap {
                display: flex;
                flex-direction: column;
                align-items: center; }
                html body .main-content .container #content #my-account-page #close_ac .actions #close-account-confirmation .BtnWrap .tf-btn-default {
                  width: 340px;
                  height: 40px;
                  background: #004433;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  color: #FFFFFF;
                  font-size: 18px;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  font-weight: 600;
                  box-sizing: border-box;
                  margin-bottom: 30px; }
                  html body .main-content .container #content #my-account-page #close_ac .actions #close-account-confirmation .BtnWrap .tf-btn-default:hover {
                    background: #D9D9D9; }
                html body .main-content .container #content #my-account-page #close_ac .actions #close-account-confirmation .BtnWrap .tf-btn-primary {
                  width: 340px;
                  height: 40px;
                  background: #D9D9D9;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  color: #3F4644;
                  font-size: 18px;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  font-weight: 600;
                  box-sizing: border-box; }
                  html body .main-content .container #content #my-account-page #close_ac .actions #close-account-confirmation .BtnWrap .tf-btn-primary:hover {
                    color: #FFFFFF; }
          html body .main-content .container #content #my-account-page #password {
            padding: 0; }
            html body .main-content .container #content #my-account-page #password .formHorizontal.password .controlGroup label.controlLabel {
              display: none; }
            html body .main-content .container #content #my-account-page #password .formHorizontal.password .controls {
              width: 100%; }
              html body .main-content .container #content #my-account-page #password .formHorizontal.password .controls input {
                width: 100%;
                padding: 0 10px;
                box-sizing: border-box; }
              html body .main-content .container #content #my-account-page #password .formHorizontal.password .controls .helpInline {
                padding: 0 10px; }
        html body .main-content .container #content #package-list {
          padding: 50px 0 0 0; }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #package-list {
              padding: 20px 0 0 0; } }
          html body .main-content .container #content #package-list h1#package-list-title {
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-weight: 600;
            font-size: 21px;
            color: #3F4644;
            text-align: center;
            text-transform: capitalize; }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #package-list .packages-container {
              padding: 0 15px; } }
          html body .main-content .container #content #package-list .packages-container .package-content {
            border-top: 0.5px solid #707070;
            border-bottom: 0;
            background-color: #F8F8F8;
            margin-bottom: 20px;
            padding: 20px 44px;
            box-sizing: border-box;
            width: 100%;
            display: grid !important;
            grid-template-columns: 67% 33%; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #package-list .packages-container .package-content {
                padding: 20px;
                display: block !important; } }
            @media screen and (max-width: 900px) and (min-width: 749px) {
              html body .main-content .container #content #package-list .packages-container .package-content {
                padding: 15px; } }
            html body .main-content .container #content #package-list .packages-container .package-content .package-name, html body .main-content .container #content #package-list .packages-container .package-content .step-item-list, html body .main-content .container #content #package-list .packages-container .package-content .package-spec {
              width: 100%;
              display: flex !important;
              grid-row-gap: 20px; }
              @media (max-width: 495px) {
                html body .main-content .container #content #package-list .packages-container .package-content .package-name, html body .main-content .container #content #package-list .packages-container .package-content .step-item-list, html body .main-content .container #content #package-list .packages-container .package-content .package-spec {
                  width: 100%; } }
              @media (min-width: 749px) {
                html body .main-content .container #content #package-list .packages-container .package-content .package-name #package-buy-now, html body .main-content .container #content #package-list .packages-container .package-content .step-item-list #package-buy-now, html body .main-content .container #content #package-list .packages-container .package-content .package-spec #package-buy-now {
                  bottom: auto;
                  top: 60px;
                  right: 386px; } }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #package-list .packages-container .package-content .package-name #package-buy-now, html body .main-content .container #content #package-list .packages-container .package-content .step-item-list #package-buy-now, html body .main-content .container #content #package-list .packages-container .package-content .package-spec #package-buy-now {
                  top: 20px;
                  position: relative; } }
            html body .main-content .container #content #package-list .packages-container .package-content .buy-container {
              width: 100%;
              text-align: right;
              margin-bottom: unset;
              grid-column-start: 2;
              grid-column-end: 2;
              grid-row-start: 1;
              grid-row-end: 4;
              max-width: 100%;
              display: flex !important;
              flex-direction: column;
              height: 100%;
              justify-content: center;
              flex: 1; }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #package-list .packages-container .package-content .buy-container {
                  width: 100%;
                  margin-top: 0;
                  justify-content: space-between;
                  align-items: center;
                  clear: both;
                  text-align: left;
                  flex-direction: row;
                  padding-top: 25px; } }
              @media (max-width: 495px) {
                html body .main-content .container #content #package-list .packages-container .package-content .buy-container {
                  display: block !important;
                  flex-direction: column; } }
            html body .main-content .container #content #package-list .packages-container .package-content .package-name {
              padding: 0 !important;
              margin-bottom: 8px; }
              html body .main-content .container #content #package-list .packages-container .package-content .package-name .package-special-label {
                font-size: 16px;
                color: #3F4644;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-weight: 600;
                width: 200px;
                float: left; }
                @media (max-width: 495px) {
                  html body .main-content .container #content #package-list .packages-container .package-content .package-name .package-special-label {
                    width: 110px;
                    flex: none; } }
              html body .main-content .container #content #package-list .packages-container .package-content .package-name h2 {
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-weight: 500;
                font-size: 16px;
                float: left;
                color: #3F4644; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #package-list .packages-container .package-content .step-item-list {
                margin-bottom: 8px; } }
            html body .main-content .container #content #package-list .packages-container .package-content .step-item-list .package-desc-msg {
              display: none !important; }
              html body .main-content .container #content #package-list .packages-container .package-content .step-item-list .package-desc-msg p {
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-weight: 500; }
            html body .main-content .container #content #package-list .packages-container .package-content .step-item-list .include-msg {
              font-size: 16px;
              color: #3F4644;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 600;
              width: 200px;
              float: left; }
              @media (max-width: 495px) {
                html body .main-content .container #content #package-list .packages-container .package-content .step-item-list .include-msg {
                  width: 110px; } }
            html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul {
              float: left;
              padding: 0;
              width: calc(100% - 200px); }
              @media (max-width: 495px) {
                html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul {
                  width: calc(100% - 110px); } }
              html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul li {
                list-style: none;
                padding-left: 10px; }
                html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul li.showcase {
                  position: relative;
                  padding-bottom: 5px; }
                  html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul li.showcase .arrow {
                    width: 1px;
                    height: 1px;
                    background-color: #3F4644;
                    padding: 2px;
                    border-radius: 5px;
                    position: absolute;
                    left: 0;
                    top: 7px; }
                  html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul li.showcase b {
                    vertical-align: top;
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif !important;
                    font-weight: normal;
                    font-size: 16px;
                    color: #3F4644;
                    text-transform: none;
                    padding-left: 0;
                    margin: 0;
                    display: inline-block !important;
                    width: auto; }
                    @media (max-width: 495px) {
                      html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul li.showcase b {
                        line-height: 20px; } }
                  html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul li.showcase p {
                    line-height: 1em;
                    vertical-align: top; }
                    html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul li.showcase p.offset-left, html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul li.showcase p span {
                      font-size: 16px;
                      padding: 0;
                      display: inline-block !important;
                      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                      font-weight: 600;
                      color: #3F4644; }
                      @media only screen and (max-width: 748px) {
                        html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul li.showcase p.offset-left, html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul li.showcase p span {
                          padding: 0 !important; } }
                      html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul li.showcase p.offset-left b, html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul li.showcase p span b {
                        padding-left: 0; }
                    html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul li.showcase p span {
                      vertical-align: top; }
                      html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul li.showcase p span:last-child.item-comma {
                        display: none !important; }
                  html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul li.showcase br {
                    display: none; }
                  html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul li.showcase.type-product p.item-qty span:nth-child(1) {
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    font-weight: 500;
                    padding-right: .2em !important; }
                    html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul li.showcase.type-product p.item-qty span:nth-child(1)::before {
                      content: "("; }
                  html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul li.showcase.type-product p.item-qty span:nth-child(2) {
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    font-weight: 500; }
                    html body .main-content .container #content #package-list .packages-container .package-content .step-item-list ul li.showcase.type-product p.item-qty span:nth-child(2)::after {
                      content: ")"; }
            html body .main-content .container #content #package-list .packages-container .package-content .package-spec .package-pricing {
              display: flex !important; }
              html body .main-content .container #content #package-list .packages-container .package-content .package-spec .package-pricing .label {
                font-size: 16px;
                color: #3F4644;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-weight: 600;
                width: 200px; }
                @media (max-width: 495px) {
                  html body .main-content .container #content #package-list .packages-container .package-content .package-spec .package-pricing .label {
                    width: 110px; } }
              html body .main-content .container #content #package-list .packages-container .package-content .package-spec .package-pricing #package-price {
                font-size: 16px;
                color: #3F4644;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-weight: 500; }
            @media (max-width: 420px) {
              html body .main-content .container #content #package-list .packages-container .package-content .buy-container {
                display: block !important;
                text-align: center; } }
            html body .main-content .container #content #package-list .packages-container .package-content .buy-container .quantity-container {
              padding: 0;
              height: auto; }
              @media (min-width: 749px) {
                html body .main-content .container #content #package-list .packages-container .package-content .buy-container .quantity-container {
                  margin-bottom: 30px; } }
              @media (max-width: 495px) {
                html body .main-content .container #content #package-list .packages-container .package-content .buy-container .quantity-container {
                  width: 100%;
                  text-align: center; } }
              html body .main-content .container #content #package-list .packages-container .package-content .buy-container .quantity-container .quantity {
                border: 2px solid #3F4644;
                padding: 5px;
                width: 200px;
                position: relative;
                font-size: 18px;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-weight: 500;
                color: #3F4644;
                min-height: 18px;
                text-align: center;
                text-transform: lowercase; }
                html body .main-content .container #content #package-list .packages-container .package-content .buy-container .quantity-container .quantity::first-letter {
                  text-transform: capitalize; }
                html body .main-content .container #content #package-list .packages-container .package-content .buy-container .quantity-container .quantity select {
                  background: transparent;
                  width: 36px;
                  -webkit-appearance: none;
                  -moz-appearance: none;
                  background: transparent;
                  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
                  background-repeat: no-repeat;
                  background-position-x: 100%;
                  background-position-y: -5px;
                  border-radius: 0;
                  margin-right: 0;
                  padding: 0;
                  background-size: 30px; }
                  @media only screen and (max-width: 748px) {
                    html body .main-content .container #content #package-list .packages-container .package-content .buy-container .quantity-container .quantity select {
                      padding: 0; } }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #package-list .packages-container .package-content .buy-container .quantity-container .quantity {
                    margin-top: 0;
                    width: 200px;
                    padding: 0;
                    height: 32px;
                    line-height: 32px; } }
                @media (max-width: 495px) {
                  html body .main-content .container #content #package-list .packages-container .package-content .buy-container .quantity-container .quantity {
                    line-height: 28px; } }
            html body .main-content .container #content #package-list .packages-container .package-content .buy-container a.buy-package-button .tf-btn {
              width: 200px !important;
              font-size: 18px;
              margin: 0;
              height: 32px;
              line-height: 32px;
              padding: 0; }
              @media (max-width: 495px) {
                html body .main-content .container #content #package-list .packages-container .package-content .buy-container a.buy-package-button .tf-btn {
                  line-height: 26px; } }
              html body .main-content .container #content #package-list .packages-container .package-content .buy-container a.buy-package-button .tf-btn:hover {
                color: #FFFFFF !important; }
            @media (max-width: 495px) {
              html body .main-content .container #content #package-list .packages-container .package-content .buy-container a.buy-package-button {
                margin-top: 20px;
                text-align: center;
                display: block; } }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #package-list .packages-container .package-content .buy-container button {
                width: 70%; } }
        html body .main-content .container #content #event-detail.for-package .package-content {
          border-top: 0.5px solid #707070;
          border-bottom: 0;
          background-color: #F8F8F8;
          margin-bottom: 20px;
          padding: 20px 44px;
          box-sizing: border-box;
          width: 100%;
          display: grid !important;
          grid-template-columns: 67% 33%;
          display: inline-block !important; }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #event-detail.for-package .package-content {
              padding: 20px;
              display: block !important; } }
          @media screen and (max-width: 900px) and (min-width: 749px) {
            html body .main-content .container #content #event-detail.for-package .package-content {
              padding: 15px; } }
          html body .main-content .container #content #event-detail.for-package .package-content .package-name, html body .main-content .container #content #event-detail.for-package .package-content .step-item-list, html body .main-content .container #content #event-detail.for-package .package-content .package-spec {
            width: 100%;
            display: flex !important;
            grid-row-gap: 20px; }
            @media (max-width: 495px) {
              html body .main-content .container #content #event-detail.for-package .package-content .package-name, html body .main-content .container #content #event-detail.for-package .package-content .step-item-list, html body .main-content .container #content #event-detail.for-package .package-content .package-spec {
                width: 100%; } }
            @media (min-width: 749px) {
              html body .main-content .container #content #event-detail.for-package .package-content .package-name #package-buy-now, html body .main-content .container #content #event-detail.for-package .package-content .step-item-list #package-buy-now, html body .main-content .container #content #event-detail.for-package .package-content .package-spec #package-buy-now {
                bottom: auto;
                top: 60px;
                right: 386px; } }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #event-detail.for-package .package-content .package-name #package-buy-now, html body .main-content .container #content #event-detail.for-package .package-content .step-item-list #package-buy-now, html body .main-content .container #content #event-detail.for-package .package-content .package-spec #package-buy-now {
                top: 20px;
                position: relative; } }
          html body .main-content .container #content #event-detail.for-package .package-content .buy-container {
            width: 100%;
            text-align: right;
            margin-bottom: unset;
            grid-column-start: 2;
            grid-column-end: 2;
            grid-row-start: 1;
            grid-row-end: 4;
            max-width: 100%;
            display: flex !important;
            flex-direction: column;
            height: 100%;
            justify-content: center;
            flex: 1; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #event-detail.for-package .package-content .buy-container {
                width: 100%;
                margin-top: 0;
                justify-content: space-between;
                align-items: center;
                clear: both;
                text-align: left;
                flex-direction: row;
                padding-top: 25px; } }
            @media (max-width: 495px) {
              html body .main-content .container #content #event-detail.for-package .package-content .buy-container {
                display: block !important;
                flex-direction: column; } }
          html body .main-content .container #content #event-detail.for-package .package-content .package-name {
            padding: 0 !important;
            margin-bottom: 8px; }
            html body .main-content .container #content #event-detail.for-package .package-content .package-name .package-special-label {
              font-size: 16px;
              color: #3F4644;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 600;
              width: 200px;
              float: left; }
              @media (max-width: 495px) {
                html body .main-content .container #content #event-detail.for-package .package-content .package-name .package-special-label {
                  width: 110px;
                  flex: none; } }
            html body .main-content .container #content #event-detail.for-package .package-content .package-name h2 {
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 500;
              font-size: 16px;
              float: left;
              color: #3F4644; }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #event-detail.for-package .package-content .step-item-list {
              margin-bottom: 8px; } }
          html body .main-content .container #content #event-detail.for-package .package-content .step-item-list .package-desc-msg {
            display: none !important; }
            html body .main-content .container #content #event-detail.for-package .package-content .step-item-list .package-desc-msg p {
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 500; }
          html body .main-content .container #content #event-detail.for-package .package-content .step-item-list .include-msg {
            font-size: 16px;
            color: #3F4644;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-weight: 600;
            width: 200px;
            float: left; }
            @media (max-width: 495px) {
              html body .main-content .container #content #event-detail.for-package .package-content .step-item-list .include-msg {
                width: 110px; } }
          html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul {
            float: left;
            padding: 0;
            width: calc(100% - 200px); }
            @media (max-width: 495px) {
              html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul {
                width: calc(100% - 110px); } }
            html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul li {
              list-style: none;
              padding-left: 10px; }
              html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul li.showcase {
                position: relative;
                padding-bottom: 5px; }
                html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul li.showcase .arrow {
                  width: 1px;
                  height: 1px;
                  background-color: #3F4644;
                  padding: 2px;
                  border-radius: 5px;
                  position: absolute;
                  left: 0;
                  top: 7px; }
                html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul li.showcase b {
                  vertical-align: top;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif !important;
                  font-weight: normal;
                  font-size: 16px;
                  color: #3F4644;
                  text-transform: none;
                  padding-left: 0;
                  margin: 0;
                  display: inline-block !important;
                  width: auto; }
                  @media (max-width: 495px) {
                    html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul li.showcase b {
                      line-height: 20px; } }
                html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul li.showcase p {
                  line-height: 1em;
                  vertical-align: top; }
                  html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul li.showcase p.offset-left, html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul li.showcase p span {
                    font-size: 16px;
                    padding: 0;
                    display: inline-block !important;
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    font-weight: 600;
                    color: #3F4644; }
                    @media only screen and (max-width: 748px) {
                      html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul li.showcase p.offset-left, html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul li.showcase p span {
                        padding: 0 !important; } }
                    html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul li.showcase p.offset-left b, html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul li.showcase p span b {
                      padding-left: 0; }
                  html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul li.showcase p span {
                    vertical-align: top; }
                    html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul li.showcase p span:last-child.item-comma {
                      display: none !important; }
                html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul li.showcase br {
                  display: none; }
                html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul li.showcase.type-product p.item-qty span:nth-child(1) {
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  font-weight: 500;
                  padding-right: .2em !important; }
                  html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul li.showcase.type-product p.item-qty span:nth-child(1)::before {
                    content: "("; }
                html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul li.showcase.type-product p.item-qty span:nth-child(2) {
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  font-weight: 500; }
                  html body .main-content .container #content #event-detail.for-package .package-content .step-item-list ul li.showcase.type-product p.item-qty span:nth-child(2)::after {
                    content: ")"; }
          html body .main-content .container #content #event-detail.for-package .package-content .package-spec .package-pricing {
            display: flex !important; }
            html body .main-content .container #content #event-detail.for-package .package-content .package-spec .package-pricing .label {
              font-size: 16px;
              color: #3F4644;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 600;
              width: 200px; }
              @media (max-width: 495px) {
                html body .main-content .container #content #event-detail.for-package .package-content .package-spec .package-pricing .label {
                  width: 110px; } }
            html body .main-content .container #content #event-detail.for-package .package-content .package-spec .package-pricing #package-price {
              font-size: 16px;
              color: #3F4644;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 500; }
          @media (max-width: 420px) {
            html body .main-content .container #content #event-detail.for-package .package-content .buy-container {
              display: block !important;
              text-align: center; } }
          html body .main-content .container #content #event-detail.for-package .package-content .buy-container .quantity-container {
            padding: 0;
            height: auto; }
            @media (min-width: 749px) {
              html body .main-content .container #content #event-detail.for-package .package-content .buy-container .quantity-container {
                margin-bottom: 30px; } }
            @media (max-width: 495px) {
              html body .main-content .container #content #event-detail.for-package .package-content .buy-container .quantity-container {
                width: 100%;
                text-align: center; } }
            html body .main-content .container #content #event-detail.for-package .package-content .buy-container .quantity-container .quantity {
              border: 2px solid #3F4644;
              padding: 5px;
              width: 200px;
              position: relative;
              font-size: 18px;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 500;
              color: #3F4644;
              min-height: 18px;
              text-align: center;
              text-transform: lowercase; }
              html body .main-content .container #content #event-detail.for-package .package-content .buy-container .quantity-container .quantity::first-letter {
                text-transform: capitalize; }
              html body .main-content .container #content #event-detail.for-package .package-content .buy-container .quantity-container .quantity select {
                background: transparent;
                width: 36px;
                -webkit-appearance: none;
                -moz-appearance: none;
                background: transparent;
                background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
                background-repeat: no-repeat;
                background-position-x: 100%;
                background-position-y: -5px;
                border-radius: 0;
                margin-right: 0;
                padding: 0;
                background-size: 30px; }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #event-detail.for-package .package-content .buy-container .quantity-container .quantity select {
                    padding: 0; } }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-detail.for-package .package-content .buy-container .quantity-container .quantity {
                  margin-top: 0;
                  width: 200px;
                  padding: 0;
                  height: 32px;
                  line-height: 32px; } }
              @media (max-width: 495px) {
                html body .main-content .container #content #event-detail.for-package .package-content .buy-container .quantity-container .quantity {
                  line-height: 28px; } }
          html body .main-content .container #content #event-detail.for-package .package-content .buy-container a.buy-package-button .tf-btn {
            width: 200px !important;
            font-size: 18px;
            margin: 0;
            height: 32px;
            line-height: 32px;
            padding: 0; }
            @media (max-width: 495px) {
              html body .main-content .container #content #event-detail.for-package .package-content .buy-container a.buy-package-button .tf-btn {
                line-height: 26px; } }
            html body .main-content .container #content #event-detail.for-package .package-content .buy-container a.buy-package-button .tf-btn:hover {
              color: #FFFFFF !important; }
          @media (max-width: 495px) {
            html body .main-content .container #content #event-detail.for-package .package-content .buy-container a.buy-package-button {
              margin-top: 20px;
              text-align: center;
              display: block; } }
          html body .main-content .container #content #event-detail.for-package .package-content .step-item-list {
            float: none; }
        html body .main-content .container #content #event-detail.for-package .overview-quantity-container {
          padding: 0 5px; }
          html body .main-content .container #content #event-detail.for-package .overview-quantity-container #quantity-counter {
            border: solid 1px #707070;
            padding: 0 0 0 14px;
            margin-left: 5px;
            height: auto; }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #event-detail.for-package .overview-quantity-container {
              margin-bottom: 5px; } }
        @media only screen and (max-width: 748px) {
          html body .main-content .container #content #event-detail.for-package #buy_button_container {
            text-align: center;
            margin: 0 auto 20px auto; }
            html body .main-content .container #content #event-detail.for-package #buy_button_container .fixed-right-container {
              display: flex !important;
              width: 70%;
              margin-left: auto;
              margin-right: auto;
              margin-bottom: 30px; }
              html body .main-content .container #content #event-detail.for-package #buy_button_container .fixed-right-container .right #buy-btn-get {
                width: 99%;
                padding-top: 6px; } }
        html body .main-content .container #content #event-package-step-indicator .package-content {
          border-top: 0.5px solid #707070;
          border-bottom: 0;
          background-color: #F8F8F8;
          margin-bottom: 20px;
          padding: 20px 44px;
          box-sizing: border-box;
          width: 100%;
          display: grid !important;
          grid-template-columns: 67% 33%;
          display: inline-block !important;
          border-radius: 5px;
          border-top: none; }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #event-package-step-indicator .package-content {
              padding: 20px;
              display: block !important; } }
          @media screen and (max-width: 900px) and (min-width: 749px) {
            html body .main-content .container #content #event-package-step-indicator .package-content {
              padding: 15px; } }
          html body .main-content .container #content #event-package-step-indicator .package-content .package-name, html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list, html body .main-content .container #content #event-package-step-indicator .package-content .package-spec {
            width: 100%;
            display: flex !important;
            grid-row-gap: 20px; }
            @media (max-width: 495px) {
              html body .main-content .container #content #event-package-step-indicator .package-content .package-name, html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list, html body .main-content .container #content #event-package-step-indicator .package-content .package-spec {
                width: 100%; } }
            @media (min-width: 749px) {
              html body .main-content .container #content #event-package-step-indicator .package-content .package-name #package-buy-now, html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list #package-buy-now, html body .main-content .container #content #event-package-step-indicator .package-content .package-spec #package-buy-now {
                bottom: auto;
                top: 60px;
                right: 386px; } }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #event-package-step-indicator .package-content .package-name #package-buy-now, html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list #package-buy-now, html body .main-content .container #content #event-package-step-indicator .package-content .package-spec #package-buy-now {
                top: 20px;
                position: relative; } }
          html body .main-content .container #content #event-package-step-indicator .package-content .buy-container {
            width: 100%;
            text-align: right;
            margin-bottom: unset;
            grid-column-start: 2;
            grid-column-end: 2;
            grid-row-start: 1;
            grid-row-end: 4;
            max-width: 100%;
            display: flex !important;
            flex-direction: column;
            height: 100%;
            justify-content: center;
            flex: 1; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #event-package-step-indicator .package-content .buy-container {
                width: 100%;
                margin-top: 0;
                justify-content: space-between;
                align-items: center;
                clear: both;
                text-align: left;
                flex-direction: row;
                padding-top: 25px; } }
            @media (max-width: 495px) {
              html body .main-content .container #content #event-package-step-indicator .package-content .buy-container {
                display: block !important;
                flex-direction: column; } }
          html body .main-content .container #content #event-package-step-indicator .package-content .package-name {
            padding: 0 !important;
            margin-bottom: 8px; }
            html body .main-content .container #content #event-package-step-indicator .package-content .package-name .package-special-label {
              font-size: 16px;
              color: #3F4644;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 600;
              width: 200px;
              float: left; }
              @media (max-width: 495px) {
                html body .main-content .container #content #event-package-step-indicator .package-content .package-name .package-special-label {
                  width: 110px;
                  flex: none; } }
            html body .main-content .container #content #event-package-step-indicator .package-content .package-name h2 {
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 500;
              font-size: 16px;
              float: left;
              color: #3F4644; }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list {
              margin-bottom: 8px; } }
          html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list .package-desc-msg {
            display: none !important; }
            html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list .package-desc-msg p {
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 500; }
          html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list .include-msg {
            font-size: 16px;
            color: #3F4644;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-weight: 600;
            width: 200px;
            float: left; }
            @media (max-width: 495px) {
              html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list .include-msg {
                width: 110px; } }
          html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul {
            float: left;
            padding: 0;
            width: calc(100% - 200px); }
            @media (max-width: 495px) {
              html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul {
                width: calc(100% - 110px); } }
            html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li {
              list-style: none;
              padding-left: 10px; }
              html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li.showcase {
                position: relative;
                padding-bottom: 5px; }
                html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li.showcase .arrow {
                  width: 1px;
                  height: 1px;
                  background-color: #3F4644;
                  padding: 2px;
                  border-radius: 5px;
                  position: absolute;
                  left: 0;
                  top: 7px; }
                html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li.showcase b {
                  vertical-align: top;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif !important;
                  font-weight: normal;
                  font-size: 16px;
                  color: #3F4644;
                  text-transform: none;
                  padding-left: 0;
                  margin: 0;
                  display: inline-block !important;
                  width: auto; }
                  @media (max-width: 495px) {
                    html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li.showcase b {
                      line-height: 20px; } }
                html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li.showcase p {
                  line-height: 1em;
                  vertical-align: top; }
                  html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li.showcase p.offset-left, html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li.showcase p span {
                    font-size: 16px;
                    padding: 0;
                    display: inline-block !important;
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    font-weight: 600;
                    color: #3F4644; }
                    @media only screen and (max-width: 748px) {
                      html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li.showcase p.offset-left, html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li.showcase p span {
                        padding: 0 !important; } }
                    html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li.showcase p.offset-left b, html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li.showcase p span b {
                      padding-left: 0; }
                  html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li.showcase p span {
                    vertical-align: top; }
                    html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li.showcase p span:last-child.item-comma {
                      display: none !important; }
                html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li.showcase br {
                  display: none; }
                html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li.showcase.type-product p.item-qty span:nth-child(1) {
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  font-weight: 500;
                  padding-right: .2em !important; }
                  html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li.showcase.type-product p.item-qty span:nth-child(1)::before {
                    content: "("; }
                html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li.showcase.type-product p.item-qty span:nth-child(2) {
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  font-weight: 500; }
                  html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li.showcase.type-product p.item-qty span:nth-child(2)::after {
                    content: ")"; }
          html body .main-content .container #content #event-package-step-indicator .package-content .package-spec .package-pricing {
            display: flex !important; }
            html body .main-content .container #content #event-package-step-indicator .package-content .package-spec .package-pricing .label {
              font-size: 16px;
              color: #3F4644;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 600;
              width: 200px; }
              @media (max-width: 495px) {
                html body .main-content .container #content #event-package-step-indicator .package-content .package-spec .package-pricing .label {
                  width: 110px; } }
            html body .main-content .container #content #event-package-step-indicator .package-content .package-spec .package-pricing #package-price {
              font-size: 16px;
              color: #3F4644;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 500; }
          @media (max-width: 420px) {
            html body .main-content .container #content #event-package-step-indicator .package-content .buy-container {
              display: block !important;
              text-align: center; } }
          html body .main-content .container #content #event-package-step-indicator .package-content .buy-container .quantity-container {
            padding: 0;
            height: auto; }
            @media (min-width: 749px) {
              html body .main-content .container #content #event-package-step-indicator .package-content .buy-container .quantity-container {
                margin-bottom: 30px; } }
            @media (max-width: 495px) {
              html body .main-content .container #content #event-package-step-indicator .package-content .buy-container .quantity-container {
                width: 100%;
                text-align: center; } }
            html body .main-content .container #content #event-package-step-indicator .package-content .buy-container .quantity-container .quantity {
              border: 2px solid #3F4644;
              padding: 5px;
              width: 200px;
              position: relative;
              font-size: 18px;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 500;
              color: #3F4644;
              min-height: 18px;
              text-align: center;
              text-transform: lowercase; }
              html body .main-content .container #content #event-package-step-indicator .package-content .buy-container .quantity-container .quantity::first-letter {
                text-transform: capitalize; }
              html body .main-content .container #content #event-package-step-indicator .package-content .buy-container .quantity-container .quantity select {
                background: transparent;
                width: 36px;
                -webkit-appearance: none;
                -moz-appearance: none;
                background: transparent;
                background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
                background-repeat: no-repeat;
                background-position-x: 100%;
                background-position-y: -5px;
                border-radius: 0;
                margin-right: 0;
                padding: 0;
                background-size: 30px; }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content #event-package-step-indicator .package-content .buy-container .quantity-container .quantity select {
                    padding: 0; } }
              @media only screen and (max-width: 748px) {
                html body .main-content .container #content #event-package-step-indicator .package-content .buy-container .quantity-container .quantity {
                  margin-top: 0;
                  width: 200px;
                  padding: 0;
                  height: 32px;
                  line-height: 32px; } }
              @media (max-width: 495px) {
                html body .main-content .container #content #event-package-step-indicator .package-content .buy-container .quantity-container .quantity {
                  line-height: 28px; } }
          html body .main-content .container #content #event-package-step-indicator .package-content .buy-container a.buy-package-button .tf-btn {
            width: 200px !important;
            font-size: 18px;
            margin: 0;
            height: 32px;
            line-height: 32px;
            padding: 0; }
            @media (max-width: 495px) {
              html body .main-content .container #content #event-package-step-indicator .package-content .buy-container a.buy-package-button .tf-btn {
                line-height: 26px; } }
            html body .main-content .container #content #event-package-step-indicator .package-content .buy-container a.buy-package-button .tf-btn:hover {
              color: #FFFFFF !important; }
          @media (max-width: 495px) {
            html body .main-content .container #content #event-package-step-indicator .package-content .buy-container a.buy-package-button {
              margin-top: 20px;
              text-align: center;
              display: block; } }
          html body .main-content .container #content #event-package-step-indicator .package-content .package-name > h2 {
            margin-top: 10px;
            margin-bottom: 15px;
            font-size: 32px; }
          html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list {
            float: none; }
          html body .main-content .container #content #event-package-step-indicator .package-content .new-package-pricing .label,
          html body .main-content .container #content #event-package-step-indicator .package-content .new-package-pricing .package-price,
          html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list li.each-item b,
          html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li p.offset-left span,
          html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li div.interactive-cell {
            font-size: 17px; }
          html body .main-content .container #content #event-package-step-indicator .package-content .step-item-list ul li div.interactive-cell {
            color: #000000;
            padding-right: 10px; }
          html body .main-content .container #content #event-package-step-indicator .package-content .package-spec .package-pricing {
            display: none !important; }
          html body .main-content .container #content #event-package-step-indicator .package-content > .package-spec {
            top: 70px; }
        html body .main-content .container #content #event-header.for-package #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart {
          padding-top: 0; }
          html body .main-content .container #content #event-header.for-package #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart > .shopping-cart__section.section__pricing {
            padding-top: 10px !important; }
        html body .main-content .container #content #event-detail.for-package #event-body {
          width: 100%; }
          html body .main-content .container #content #event-detail.for-package #event-body > h2 {
            width: 100%; }
        html body .main-content .container #content #event-detail.for-package .buy-wrapper > #buy_button_container {
          /* no promo input for ux2 package */
          display: none !important; }
        html body .main-content .container #content .flatpage {
          padding: 50px 0 0 0; }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content .flatpage {
              padding: 15px 15px 0 15px; } }
          html body .main-content .container #content .flatpage * {
            color: #3F4644; }
          html body .main-content .container #content .flatpage h2.tf-title {
            font-size: 21px;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-weight: 600;
            color: #3F4644;
            margin-bottom: 24px;
            padding: 0;
            margin-top: 0;
            text-transform: capitalize;
            text-align: left; }
          html body .main-content .container #content .flatpage #flat_content {
            width: 863px; }
            @media screen and (max-width: 900px) and (min-width: 749px) {
              html body .main-content .container #content .flatpage #flat_content {
                width: 100%; } }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content .flatpage #flat_content {
                width: 100%; } }
            html body .main-content .container #content .flatpage #flat_content p {
              font-size: 15px;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 500;
              color: #3F4644;
              margin: 0 0 20px 0;
              padding: 0;
              line-height: 19px; }
              html body .main-content .container #content .flatpage #flat_content p strong {
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-weight: 600;
                margin-bottom: 20px; }
              html body .main-content .container #content .flatpage #flat_content p a {
                color: #004433;
                font-size: 15px;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-weight: 500; }
              html body .main-content .container #content .flatpage #flat_content p.title {
                border: 0 !important;
                margin-bottom: 20px;
                color: #3F4644;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-weight: 600;
                font-size: 15px;
                padding-right: 38px; }
                @media only screen and (max-width: 748px) {
                  html body .main-content .container #content .flatpage #flat_content p.title {
                    padding-right: 35px; } }
                html body .main-content .container #content .flatpage #flat_content p.title em {
                  font-size: 15px;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  font-weight: 600;
                  color: #3F4644; }
                html body .main-content .container #content .flatpage #flat_content p.title .fa.fa-angle-up::before {
                  transition: all .35s;
                  width: 0;
                  height: 0;
                  content: '';
                  border-left: 6px solid transparent;
                  border-right: 6px solid transparent;
                  border-bottom: 7px solid #3F4644;
                  font-size: 0;
                  display: block; }
                html body .main-content .container #content .flatpage #flat_content p.title .fa.fa-angle-down::before {
                  transition: all .35s;
                  width: 0;
                  height: 0;
                  content: '';
                  border-left: 6px solid transparent;
                  border-right: 6px solid transparent;
                  border-top: 7px solid #3F4644;
                  font-size: 0;
                  display: block; }
              html body .main-content .container #content .flatpage #flat_content p.answer {
                background: none;
                border-bottom: 1px solid #70707080;
                padding: 0 0 20px 0;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-weight: 500;
                font-size: 15px;
                color: #3F4644;
                padding-right: 38px; }
            html body .main-content .container #content .flatpage #flat_content table {
              margin: 20px 0;
              text-align: left; }
              html body .main-content .container #content .flatpage #flat_content table tr th, html body .main-content .container #content .flatpage #flat_content table tr td {
                text-align: left;
                font-size: 15px;
                color: #3F4644;
                border: 1px solid #70707080;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-weight: 500; }
              html body .main-content .container #content .flatpage #flat_content table tr th {
                padding: 5px; }
            html body .main-content .container #content .flatpage #flat_content ul {
              margin: 15px 0; }
              html body .main-content .container #content .flatpage #flat_content ul li {
                font-size: 15px;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-weight: 500;
                color: #3F4644;
                line-height: 19px; }
                html body .main-content .container #content .flatpage #flat_content ul li::marker {
                  color: #3F4644; }
                html body .main-content .container #content .flatpage #flat_content ul li a {
                  color: #004433;
                  font-size: 15px;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  font-weight: 500; }
        html body .main-content .container #content #list-event-subscriber h2.toggle-form {
          display: none; }
        html body .main-content .container #content #list-event-subscriber h2.tf-title {
          font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
          font-weight: 600;
          font-size: 21px;
          color: #3F4644;
          text-align: center;
          text-transform: capitalize;
          margin-bottom: 15px;
          margin-top: 0;
          padding: 0; }
        html body .main-content .container #content #list-event-subscriber .content-block {
          width: 981px;
          margin-bottom: 15px;
          padding: 0; }
          @media screen and (max-width: 900px) and (min-width: 749px) {
            html body .main-content .container #content #list-event-subscriber .content-block {
              width: 100%; } }
          @media only screen and (max-width: 748px) {
            html body .main-content .container #content #list-event-subscriber .content-block {
              width: 100%;
              padding: 0 15px;
              box-sizing: border-box; } }
          html body .main-content .container #content #list-event-subscriber .content-block.form-block {
            display: block;
            width: 500px;
            margin: 0 auto 72px auto; }
            @media only screen and (max-width: 748px) {
              html body .main-content .container #content #list-event-subscriber .content-block.form-block {
                width: 100%;
                box-sizing: border-box; } }
          html body .main-content .container #content #list-event-subscriber .content-block h2.tf-title {
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-weight: 600;
            font-size: 21px;
            color: #3F4644;
            text-align: center;
            text-transform: capitalize;
            margin: 0;
            padding: 0; }
            html body .main-content .container #content #list-event-subscriber .content-block h2.tf-title .fa {
              display: none; }
          html body .main-content .container #content #list-event-subscriber .content-block form {
            display: block !important;
            padding: 0;
            background: none;
            margin-top: 25px; }
            html body .main-content .container #content #list-event-subscriber .content-block form .tf-controls {
              width: 100%;
              margin: 0; }
            html body .main-content .container #content #list-event-subscriber .content-block form .tf-controls {
              text-align: center; }
              html body .main-content .container #content #list-event-subscriber .content-block form .tf-controls.form-comments {
                margin-top: 37px; }
                html body .main-content .container #content #list-event-subscriber .content-block form .tf-controls.form-comments > div {
                  border: 1px solid #707070; }
                  html body .main-content .container #content #list-event-subscriber .content-block form .tf-controls.form-comments > div textarea {
                    height: 95px;
                    margin: 0; }
              html body .main-content .container #content #list-event-subscriber .content-block form .tf-controls > div {
                border-bottom: 1px solid #707070;
                margin-bottom: 37px; }
                html body .main-content .container #content #list-event-subscriber .content-block form .tf-controls > div input[type=text], html body .main-content .container #content #list-event-subscriber .content-block form .tf-controls > div input[type=email], html body .main-content .container #content #list-event-subscriber .content-block form .tf-controls > div textarea {
                  border: 0;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  font-weight: 500;
                  font-size: 14px;
                  color: #3F4644;
                  padding: 0 10px; }
                html body .main-content .container #content #list-event-subscriber .content-block form .tf-controls > div:last-child {
                  margin-bottom: 0; }
              html body .main-content .container #content #list-event-subscriber .content-block form .tf-controls:last-child > div {
                border: 0; }
              html body .main-content .container #content #list-event-subscriber .content-block form .tf-controls:last-child input.tf-btn {
                color: #FFFFFF !important;
                background: #009B7A !important;
                border: 0;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-size: 16px;
                border-radius: 30px !important;
                padding: 6px 12px 6px 12px;
                text-transform: capitalize;
                min-height: 45px;
                border: solid 1px #009B7A;
                line-height: normal;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 340px;
                height: 40px;
                margin: 0 auto;
                float: none; }
                html body .main-content .container #content #list-event-subscriber .content-block form .tf-controls:last-child input.tf-btn::after {
                  content: '';
                  display: inline-block;
                  transform: rotate(45deg);
                  height: 10px;
                  width: 5px;
                  border-bottom: 2px solid #FFFFFF;
                  border-right: 2px solid #FFFFFF;
                  margin-left: 12px;
                  margin-top: -2px; }
                html body .main-content .container #content #list-event-subscriber .content-block form .tf-controls:last-child input.tf-btn:hover {
                  color: #009B7A !important;
                  background: #FFFFFF !important;
                  text-decoration: none;
                  border-color: #D9D9D9;
                  -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
                  -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
                  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); }
                  html body .main-content .container #content #list-event-subscriber .content-block form .tf-controls:last-child input.tf-btn:hover::after {
                    border-color: #009B7A; }
                @media (max-width: 360px) {
                  html body .main-content .container #content #list-event-subscriber .content-block form .tf-controls:last-child input.tf-btn {
                    width: 100% !important; } }
              html body .main-content .container #content #list-event-subscriber .content-block form .tf-controls .g-recaptcha {
                margin: 37px 0 50px 0; }
                html body .main-content .container #content #list-event-subscriber .content-block form .tf-controls .g-recaptcha > div {
                  width: 100% !important; }
                  html body .main-content .container #content #list-event-subscriber .content-block form .tf-controls .g-recaptcha > div iframe .rc-anchor-light.rc-anchor-normal {
                    width: 100%;
                    border: 0;
                    background: none;
                    box-shadow: none; }
                  html body .main-content .container #content #list-event-subscriber .content-block form .tf-controls .g-recaptcha > div iframe .rc-anchor-normal {
                    width: 290px; }
          html body .main-content .container #content #list-event-subscriber .content-block h4.tf-title {
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-weight: 600;
            font-size: 15px;
            color: #3F4644; }
          html body .main-content .container #content #list-event-subscriber .content-block .subtitle {
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-weight: 500;
            font-size: 15px;
            color: #3F4644; }
          html body .main-content .container #content #list-event-subscriber .content-block ul {
            padding: 20px 0 20px 10px;
            border-bottom: 1px solid #70707080; }
            html body .main-content .container #content #list-event-subscriber .content-block ul li {
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 500;
              font-size: 15px;
              color: #3F4644; }
              html body .main-content .container #content #list-event-subscriber .content-block ul li::marker {
                color: #3F4644; }
        html body .main-content .container #content #cart-summary-app #shopping-cart-empty p {
          text-align: center;
          font-size: 16px;
          font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
          font-weight: 500;
          color: #3F4644; }
        html body .main-content .container #content .tf-title.underline {
          color: #3F4644;
          font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif !important;
          font-size: 21px;
          text-align: center;
          text-transform: capitalize;
          margin-top: 15px; }
        html body .main-content .container #content > .infoItem {
          text-align: center; }
    html body .main-content .unlock-locked-category::before, html body .main-content .unlock-locked::before, html body .main-content .unlock-locked-session::before {
      background: none;
      z-index: 1; }
    html body .main-content .unlock-locked-category .unlock_content, html body .main-content .unlock-locked-category .unlock_content_category, html body .main-content .unlock-locked .unlock_content, html body .main-content .unlock-locked .unlock_content_category, html body .main-content .unlock-locked-session .unlock_content, html body .main-content .unlock-locked-session .unlock_content_category {
      justify-content: space-between;
      padding-right: 15px;
      box-sizing: border-box;
      z-index: 1;
      position: relative;
      border-bottom: solid 1px #004433;
      display: flex;
      margin-top: 3px;
      flex-wrap: wrap; }
      @media only screen and (max-width: 748px) {
        html body .main-content .unlock-locked-category .unlock_content, html body .main-content .unlock-locked-category .unlock_content_category, html body .main-content .unlock-locked .unlock_content, html body .main-content .unlock-locked .unlock_content_category, html body .main-content .unlock-locked-session .unlock_content, html body .main-content .unlock-locked-session .unlock_content_category {
          flex-direction: column;
          align-items: flex-start; } }
      html body .main-content .unlock-locked-category .unlock_content .unlock-form-header, html body .main-content .unlock-locked-category .unlock_content_category .unlock-form-header, html body .main-content .unlock-locked .unlock_content .unlock-form-header, html body .main-content .unlock-locked .unlock_content_category .unlock-form-header, html body .main-content .unlock-locked-session .unlock_content .unlock-form-header, html body .main-content .unlock-locked-session .unlock_content_category .unlock-form-header {
        font-size: 18px;
        color: #004433;
        padding-bottom: 5px;
        line-height: 21px;
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        text-align: left; }
        @media only screen and (max-width: 748px) {
          html body .main-content .unlock-locked-category .unlock_content .unlock-form-header, html body .main-content .unlock-locked-category .unlock_content_category .unlock-form-header, html body .main-content .unlock-locked .unlock_content .unlock-form-header, html body .main-content .unlock-locked .unlock_content_category .unlock-form-header, html body .main-content .unlock-locked-session .unlock_content .unlock-form-header, html body .main-content .unlock-locked-session .unlock_content_category .unlock-form-header {
            font-size: 16px;
            line-height: 21px;
            padding-bottom: 0; } }
        @media (max-width: 420px) {
          html body .main-content .unlock-locked-category .unlock_content .unlock-form-header, html body .main-content .unlock-locked-category .unlock_content_category .unlock-form-header, html body .main-content .unlock-locked .unlock_content .unlock-form-header, html body .main-content .unlock-locked .unlock_content_category .unlock-form-header, html body .main-content .unlock-locked-session .unlock_content .unlock-form-header, html body .main-content .unlock-locked-session .unlock_content_category .unlock-form-header {
            width: 100%; } }
    html body .main-content .unlock-locked-category .unlock_content p#click-unlock-form, html body .main-content .unlock-locked-category .unlock_content p#category-unlock-form, html body .main-content .unlock-locked-category .unlock_content p.session-unlock-form, html body .main-content .unlock-locked-category .unlock_content_category p#click-unlock-form, html body .main-content .unlock-locked-category .unlock_content_category p#category-unlock-form, html body .main-content .unlock-locked-category .unlock_content_category p.session-unlock-form, html body .main-content .unlock-locked .unlock_content p#click-unlock-form, html body .main-content .unlock-locked .unlock_content p#category-unlock-form, html body .main-content .unlock-locked .unlock_content p.session-unlock-form, html body .main-content .unlock-locked .unlock_content_category p#click-unlock-form, html body .main-content .unlock-locked .unlock_content_category p#category-unlock-form, html body .main-content .unlock-locked .unlock_content_category p.session-unlock-form, html body .main-content .unlock-locked-session .unlock_content p#click-unlock-form, html body .main-content .unlock-locked-session .unlock_content p#category-unlock-form, html body .main-content .unlock-locked-session .unlock_content p.session-unlock-form, html body .main-content .unlock-locked-session .unlock_content_category p#click-unlock-form, html body .main-content .unlock-locked-session .unlock_content_category p#category-unlock-form, html body .main-content .unlock-locked-session .unlock_content_category p.session-unlock-form {
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      font-weight: 500;
      color: #B94D4D;
      font-size: 14px;
      text-transform: uppercase;
      font-weight: normal;
      flex-shrink: 0;
      padding-top: 0; }
      html body .main-content .unlock-locked-category .unlock_content p#click-unlock-form img, html body .main-content .unlock-locked-category .unlock_content p#category-unlock-form img, html body .main-content .unlock-locked-category .unlock_content p.session-unlock-form img, html body .main-content .unlock-locked-category .unlock_content_category p#click-unlock-form img, html body .main-content .unlock-locked-category .unlock_content_category p#category-unlock-form img, html body .main-content .unlock-locked-category .unlock_content_category p.session-unlock-form img, html body .main-content .unlock-locked .unlock_content p#click-unlock-form img, html body .main-content .unlock-locked .unlock_content p#category-unlock-form img, html body .main-content .unlock-locked .unlock_content p.session-unlock-form img, html body .main-content .unlock-locked .unlock_content_category p#click-unlock-form img, html body .main-content .unlock-locked .unlock_content_category p#category-unlock-form img, html body .main-content .unlock-locked .unlock_content_category p.session-unlock-form img, html body .main-content .unlock-locked-session .unlock_content p#click-unlock-form img, html body .main-content .unlock-locked-session .unlock_content p#category-unlock-form img, html body .main-content .unlock-locked-session .unlock_content p.session-unlock-form img, html body .main-content .unlock-locked-session .unlock_content_category p#click-unlock-form img, html body .main-content .unlock-locked-session .unlock_content_category p#category-unlock-form img, html body .main-content .unlock-locked-session .unlock_content_category p.session-unlock-form img {
        display: none; }
      html body .main-content .unlock-locked-category .unlock_content p#click-unlock-form::after, html body .main-content .unlock-locked-category .unlock_content p#category-unlock-form::after, html body .main-content .unlock-locked-category .unlock_content p.session-unlock-form::after, html body .main-content .unlock-locked-category .unlock_content_category p#click-unlock-form::after, html body .main-content .unlock-locked-category .unlock_content_category p#category-unlock-form::after, html body .main-content .unlock-locked-category .unlock_content_category p.session-unlock-form::after, html body .main-content .unlock-locked .unlock_content p#click-unlock-form::after, html body .main-content .unlock-locked .unlock_content p#category-unlock-form::after, html body .main-content .unlock-locked .unlock_content p.session-unlock-form::after, html body .main-content .unlock-locked .unlock_content_category p#click-unlock-form::after, html body .main-content .unlock-locked .unlock_content_category p#category-unlock-form::after, html body .main-content .unlock-locked .unlock_content_category p.session-unlock-form::after, html body .main-content .unlock-locked-session .unlock_content p#click-unlock-form::after, html body .main-content .unlock-locked-session .unlock_content p#category-unlock-form::after, html body .main-content .unlock-locked-session .unlock_content p.session-unlock-form::after, html body .main-content .unlock-locked-session .unlock_content_category p#click-unlock-form::after, html body .main-content .unlock-locked-session .unlock_content_category p#category-unlock-form::after, html body .main-content .unlock-locked-session .unlock_content_category p.session-unlock-form::after {
        content: '';
        background: url("/static/whitelabels/sjm/images/lock-orange.svg") no-repeat;
        width: 2px;
        height: 15px;
        display: inline-flex;
        padding: 7px;
        background-size: 100%;
        margin-left: 7px;
        background-position: center; }
    html body .main-content #signup-or-signin-page-wrap {
      width: 500px;
      margin: 0 auto;
      padding: 0; }
      @media (min-width: 749px) {
        html body .main-content #signup-or-signin-page-wrap.shorter {
          width: 700px !important; } }
      @media only screen and (max-width: 748px) {
        html body .main-content #signup-or-signin-page-wrap {
          width: 100% !important;
          padding: 0 15px;
          box-sizing: border-box; } }
      html body .main-content #signup-or-signin-page-wrap .banner-message {
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        font-size: 16px;
        color: #004433;
        text-align: left;
        padding-bottom: 0; }
      html body .main-content #signup-or-signin-page-wrap .evf-formset-field-container.field-phone1_number .evf-formset-field.is-error .evf-formset-field-error {
        top: 0 !important;
        padding-bottom: 0; }
        html body .main-content #signup-or-signin-page-wrap .evf-formset-field-container.field-phone1_number .evf-formset-field.is-error .evf-formset-field-error:last-child {
          margin-top: 17px; }
      @media only screen and (max-width: 748px) {
        html body .main-content #signup-or-signin-page-wrap .evf-formset-field-container.field-phone1_number .evf-formset-field label {
          display: none !important; } }
      html body .main-content #signup-or-signin-page-wrap .evf-formset-field-container.field-city label {
        display: none !important; }
      html body .main-content #signup-or-signin-page-wrap .evf-formset-field-container.field-city #city {
        appearance: none;
        -webkit-appearance: none; }
      html body .main-content #signup-or-signin-page-wrap .evf-formset-field-container.field-city .evf-formset-field {
        position: relative; }
        html body .main-content #signup-or-signin-page-wrap .evf-formset-field-container.field-city .evf-formset-field::after {
          content: "";
          top: 23px;
          right: 15px;
          position: absolute;
          margin: 0 6px;
          width: 16px;
          height: 10px;
          background: url("/static/whitelabels/sjm/images/arrow-down.svg") no-repeat left top;
          background-size: cover;
          pointer-events: none;
          filter: invert(1); }
      html body .main-content #signup-or-signin-page-wrap .evf-formset-field-container.field-password1 .evf-formset-field {
        position: relative; }
        html body .main-content #signup-or-signin-page-wrap .evf-formset-field-container.field-password1 .evf-formset-field .show-password-wrap .show-password-button {
          top: 38px; }
      html body .main-content #signup-or-signin-page-wrap .evf-formset-field-container .evf-formset-field.is-no-label .evf-formset-field-error {
        top: 40px !important; }
      html body .main-content #signup-or-signin-page-wrap .evf-formset-field-container .evf-formset-field.is-error {
        position: relative; }
        html body .main-content #signup-or-signin-page-wrap .evf-formset-field-container .evf-formset-field.is-error .evf-formset-field-error {
          color: #B94D4D;
          font-size: 14px;
          position: static;
          padding-left: 16px;
          top: 38px;
          text-transform: none;
          padding-top: 5px;
          display: flex;
          align-items: center; }
          html body .main-content #signup-or-signin-page-wrap .evf-formset-field-container .evf-formset-field.is-error .evf-formset-field-error::before {
            content: "";
            width: 15px;
            height: 15px;
            background: url("/static/whitelabels/sjm/images/error-icon.png") no-repeat left top;
            margin-right: 5px;
            display: inline-block;
            background-size: cover;
            flex-shrink: 0; }
      html body .main-content #signup-or-signin-page-wrap .evf-formset-field-container.field-phone1_number_idd .evf-formset-field {
        position: relative; }
        html body .main-content #signup-or-signin-page-wrap .evf-formset-field-container.field-phone1_number_idd .evf-formset-field::after {
          content: "";
          top: 40px;
          right: 15px;
          position: absolute;
          margin: 0 6px;
          width: 16px;
          height: 10px;
          background: url("/static/whitelabels/sjm/images/arrow-down.svg") no-repeat left top;
          background-size: cover;
          pointer-events: none;
          filter: invert(1); }
        html body .main-content #signup-or-signin-page-wrap .evf-formset-field-container.field-phone1_number_idd .evf-formset-field #phone1_number_idd {
          appearance: none;
          -webkit-appearance: none; }
      html body .main-content #signup-or-signin-page-wrap .evf-formset-field-container.field-tos .evf-formset-field .evf-formset-field-error {
        top: unset;
        bottom: -35px;
        padding-left: 0; }
        @media (max-width: 360px) {
          html body .main-content #signup-or-signin-page-wrap .evf-formset-field-container.field-tos .evf-formset-field .evf-formset-field-error {
            bottom: -45px; } }
    html body .main-content #password-reset-page, html body .main-content #setup-orders-page, html body .main-content #signup-or-signin-page {
      margin-top: 15px;
      float: left;
      width: 100%;
      box-sizing: border-box; }
      @media only screen and (max-width: 748px) {
        html body .main-content #password-reset-page, html body .main-content #setup-orders-page, html body .main-content #signup-or-signin-page {
          margin-top: 20px; } }
      html body .main-content #password-reset-page #password-reset-wrap, html body .main-content #password-reset-page #setup-order-wrap, html body .main-content #setup-orders-page #password-reset-wrap, html body .main-content #setup-orders-page #setup-order-wrap, html body .main-content #signup-or-signin-page #password-reset-wrap, html body .main-content #signup-or-signin-page #setup-order-wrap {
        width: 500px;
        margin: 0 auto;
        border: none; }
        @media only screen and (max-width: 748px) {
          html body .main-content #password-reset-page #password-reset-wrap, html body .main-content #password-reset-page #setup-order-wrap, html body .main-content #setup-orders-page #password-reset-wrap, html body .main-content #setup-orders-page #setup-order-wrap, html body .main-content #signup-or-signin-page #password-reset-wrap, html body .main-content #signup-or-signin-page #setup-order-wrap {
            width: 100%; } }
        html body .main-content #password-reset-page #password-reset-wrap h2, html body .main-content #password-reset-page #setup-order-wrap h2, html body .main-content #setup-orders-page #password-reset-wrap h2, html body .main-content #setup-orders-page #setup-order-wrap h2, html body .main-content #signup-or-signin-page #password-reset-wrap h2, html body .main-content #signup-or-signin-page #setup-order-wrap h2 {
          font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
          font-weight: 600;
          font-size: 21px !important;
          color: #3F4644 !important;
          padding-bottom: 0 !important;
          text-transform: capitalize;
          line-height: 18px;
          text-align: center;
          margin: 0; }
        html body .main-content #password-reset-page #password-reset-wrap #password-reset p, html body .main-content #password-reset-page #setup-order-wrap #password-reset p, html body .main-content #setup-orders-page #password-reset-wrap #password-reset p, html body .main-content #setup-orders-page #setup-order-wrap #password-reset p, html body .main-content #signup-or-signin-page #password-reset-wrap #password-reset p, html body .main-content #signup-or-signin-page #setup-order-wrap #password-reset p {
          font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
          font-weight: 500;
          font-size: 16px !important;
          color: #3F4644 !important;
          padding-bottom: 0 !important;
          line-height: 24px;
          text-align: center;
          margin: 50px 0 30px 0;
          padding: 0 40px; }
          @media only screen and (max-width: 748px) {
            html body .main-content #password-reset-page #password-reset-wrap #password-reset p, html body .main-content #password-reset-page #setup-order-wrap #password-reset p, html body .main-content #setup-orders-page #password-reset-wrap #password-reset p, html body .main-content #setup-orders-page #setup-order-wrap #password-reset p, html body .main-content #signup-or-signin-page #password-reset-wrap #password-reset p, html body .main-content #signup-or-signin-page #setup-order-wrap #password-reset p {
              padding: 0 15px; } }
        html body .main-content #password-reset-page #password-reset-wrap #password-reset .tf-controls .required input, html body .main-content #password-reset-page #setup-order-wrap #password-reset .tf-controls .required input, html body .main-content #setup-orders-page #password-reset-wrap #password-reset .tf-controls .required input, html body .main-content #setup-orders-page #setup-order-wrap #password-reset .tf-controls .required input, html body .main-content #signup-or-signin-page #password-reset-wrap #password-reset .tf-controls .required input, html body .main-content #signup-or-signin-page #setup-order-wrap #password-reset .tf-controls .required input {
          border-color: #707070;
          border-width: 0 0 1px 0;
          font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
          font-weight: 500;
          font-size: 14px !important;
          color: #3F4644 !important;
          padding: 5px 0 5px 12px;
          border-radius: 0; }
        html body .main-content #password-reset-page #password-reset-wrap #password-reset .tf-controls .error.required input, html body .main-content #password-reset-page #setup-order-wrap #password-reset .tf-controls .error.required input, html body .main-content #setup-orders-page #password-reset-wrap #password-reset .tf-controls .error.required input, html body .main-content #setup-orders-page #setup-order-wrap #password-reset .tf-controls .error.required input, html body .main-content #signup-or-signin-page #password-reset-wrap #password-reset .tf-controls .error.required input, html body .main-content #signup-or-signin-page #setup-order-wrap #password-reset .tf-controls .error.required input {
          border-color: #B94D4D; }
        html body .main-content #password-reset-page #password-reset-wrap #password-reset .tf-controls .error.required span.helpInline, html body .main-content #password-reset-page #setup-order-wrap #password-reset .tf-controls .error.required span.helpInline, html body .main-content #setup-orders-page #password-reset-wrap #password-reset .tf-controls .error.required span.helpInline, html body .main-content #setup-orders-page #setup-order-wrap #password-reset .tf-controls .error.required span.helpInline, html body .main-content #signup-or-signin-page #password-reset-wrap #password-reset .tf-controls .error.required span.helpInline, html body .main-content #signup-or-signin-page #setup-order-wrap #password-reset .tf-controls .error.required span.helpInline {
          margin: 0 12px;
          display: block; }
          html body .main-content #password-reset-page #password-reset-wrap #password-reset .tf-controls .error.required span.helpInline ul.errorlist li, html body .main-content #password-reset-page #setup-order-wrap #password-reset .tf-controls .error.required span.helpInline ul.errorlist li, html body .main-content #setup-orders-page #password-reset-wrap #password-reset .tf-controls .error.required span.helpInline ul.errorlist li, html body .main-content #setup-orders-page #setup-order-wrap #password-reset .tf-controls .error.required span.helpInline ul.errorlist li, html body .main-content #signup-or-signin-page #password-reset-wrap #password-reset .tf-controls .error.required span.helpInline ul.errorlist li, html body .main-content #signup-or-signin-page #setup-order-wrap #password-reset .tf-controls .error.required span.helpInline ul.errorlist li {
            color: #B94D4D;
            font-size: 14px; }
        html body .main-content #password-reset-page #password-reset-wrap #password-reset .formActions, html body .main-content #password-reset-page #setup-order-wrap #password-reset .formActions, html body .main-content #setup-orders-page #password-reset-wrap #password-reset .formActions, html body .main-content #setup-orders-page #setup-order-wrap #password-reset .formActions, html body .main-content #signup-or-signin-page #password-reset-wrap #password-reset .formActions, html body .main-content #signup-or-signin-page #setup-order-wrap #password-reset .formActions {
          text-align: center;
          margin-top: 50px; }
          html body .main-content #password-reset-page #password-reset-wrap #password-reset .formActions .tf-btn, html body .main-content #password-reset-page #setup-order-wrap #password-reset .formActions .tf-btn, html body .main-content #setup-orders-page #password-reset-wrap #password-reset .formActions .tf-btn, html body .main-content #setup-orders-page #setup-order-wrap #password-reset .formActions .tf-btn, html body .main-content #signup-or-signin-page #password-reset-wrap #password-reset .formActions .tf-btn, html body .main-content #signup-or-signin-page #setup-order-wrap #password-reset .formActions .tf-btn {
            width: 340px;
            height: 40px; }
            @media (max-width: 360px) {
              html body .main-content #password-reset-page #password-reset-wrap #password-reset .formActions .tf-btn, html body .main-content #password-reset-page #setup-order-wrap #password-reset .formActions .tf-btn, html body .main-content #setup-orders-page #password-reset-wrap #password-reset .formActions .tf-btn, html body .main-content #setup-orders-page #setup-order-wrap #password-reset .formActions .tf-btn, html body .main-content #signup-or-signin-page #password-reset-wrap #password-reset .formActions .tf-btn, html body .main-content #signup-or-signin-page #setup-order-wrap #password-reset .formActions .tf-btn {
                width: 100% !important; } }
        html body .main-content #password-reset-page #password-reset-wrap #data-collection-app, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app {
          margin-top: 10px; }
          html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data .add-info-description #add-name-pop, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data .add-info-description #add-name-pop, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data .add-info-description #add-name-pop, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .add-info-description #add-name-pop, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data .add-info-description #add-name-pop, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data .add-info-description #add-name-pop {
            margin: 10px 0 5px 0;
            display: block; }
          html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field input, html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field select, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field input, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field select, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field input, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field select, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field input, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field select, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field input, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field select, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field input, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field select {
            height: auto;
            border-bottom: solid 1px #004433;
            width: 100% !important;
            padding-bottom: 10px;
            border-radius: 0;
            color: #3F4644; }
            html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field input::placeholder, html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field select::placeholder, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field input::placeholder, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field select::placeholder, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field input::placeholder, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field select::placeholder, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field input::placeholder, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field select::placeholder, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field input::placeholder, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field select::placeholder, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field input::placeholder, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field select::placeholder {
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif !important;
              font-size: 14px !important;
              color: #3F4644 !important; }
          html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field select, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field select, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field select, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field select, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field select, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field select {
            appearance: none;
            background: transparent;
            background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE1IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNSAwLjVIMEw3LjUgOEwxNSAwLjVaIiBmaWxsPSIjNzA3MDcwIi8+Cjwvc3ZnPgo=");
            background-repeat: no-repeat;
            background-position-x: 98%;
            background-position-y: 5px;
            border-radius: 0;
            margin-right: 0;
            padding: 0 10px 10px 10px;
            background-size: 13px;
            color: #3F4644;
            font-size: 14px;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-weight: 500;
            position: relative; }
          html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field.is-error input, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field.is-error input, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field.is-error input, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field.is-error input, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field.is-error input, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field.is-error input {
            border-color: #B94D4D; }
          html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field.is-error .evf-formset-field-error, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field.is-error .evf-formset-field-error, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field.is-error .evf-formset-field-error, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field.is-error .evf-formset-field-error, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field.is-error .evf-formset-field-error, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field.is-error .evf-formset-field-error {
            color: #B94D4D;
            padding: 7px 10px 7px; }
          html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .field-description, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .field-description, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .field-description, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .field-description, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .field-description, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .field-description {
            padding-left: 10px;
            padding-right: 10px;
            font-size: 16px;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            line-height: 24px;
            color: #707070; }
          html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left {
            text-align: center;
            width: 100%; }
            html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left a, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left a, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left a, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left a, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left a, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left a {
              color: #3F4644;
              font-size: 16px;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 500; }
            html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left .upper, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left .upper, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left .upper, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left .upper, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left .upper, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left .upper {
              padding-right: 0;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 600;
              font-size: 16px;
              text-transform: uppercase;
              color: #3F4644;
              margin-bottom: 5px; }
            html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left:last-child div, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left:last-child div, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left:last-child div, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left:last-child div, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left:last-child div, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data .add-info-description .pull-left:last-child div {
              font-size: 14px;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              color: #3F4644;
              line-height: 24px; }
          html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data .add-info-description .info-description, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data .add-info-description .info-description, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data .add-info-description .info-description, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .add-info-description .info-description, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data .add-info-description .info-description, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data .add-info-description .info-description {
            font-size: 16px;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            color: #3F4644;
            line-height: 24px; }
          html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data #legacy-promocode-box input, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data #legacy-promocode-box input, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data #legacy-promocode-box input, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data #legacy-promocode-box input, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data #legacy-promocode-box input, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data #legacy-promocode-box input {
            padding-bottom: 0;
            border-radius: 30px;
            border: 1px solid #707070;
            color: #3F4644;
            width: 100% !important;
            height: 32px !important;
            padding: 0 15px 0 15px;
            font-size: 14px;
            text-transform: uppercase; }
            html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data #legacy-promocode-box input::placeholder, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data #legacy-promocode-box input::placeholder, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data #legacy-promocode-box input::placeholder, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data #legacy-promocode-box input::placeholder, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data #legacy-promocode-box input::placeholder, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data #legacy-promocode-box input::placeholder {
              text-transform: none;
              font-size: 14px;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 500; }
          html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data .legacy-subtitle-label, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data .legacy-subtitle-label, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data .legacy-subtitle-label, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .legacy-subtitle-label, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data .legacy-subtitle-label, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data .legacy-subtitle-label {
            background-color: #D9D9D9;
            font-size: 18px;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-weight: 600;
            color: #3F4644;
            padding: 0px 5px 0px 7px;
            height: 32px;
            line-height: 32px;
            margin: 24px 0 9px 0;
            text-transform: capitalize; }
          html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset {
            width: 100%; }
            html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset h4.legacy-ticket-type-name, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset h4.legacy-ticket-type-name, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset h4.legacy-ticket-type-name, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset h4.legacy-ticket-type-name, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset h4.legacy-ticket-type-name, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset h4.legacy-ticket-type-name {
              display: inline-block;
              border: 1px solid #004433;
              font-size: 16px;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif !important;
              color: #041911;
              padding: 0 7px;
              text-transform: capitalize;
              margin: 0;
              min-height: 32px;
              line-height: 32px;
              font-weight: normal; }
            html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field {
              position: relative; }
              html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field .evf-formset-field-tippy, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field .evf-formset-field-tippy, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field .evf-formset-field-tippy, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field .evf-formset-field-tippy, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field .evf-formset-field-tippy, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container .evf-formset-field .evf-formset-field-tippy {
                position: absolute;
                right: 0;
                top: auto; }
          html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #legacy-promocode-box, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #legacy-promocode-box, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #legacy-promocode-box, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #legacy-promocode-box, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #legacy-promocode-box, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #legacy-promocode-box {
            margin-top: 0; }
            html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field {
              border: none !important;
              position: relative; }
              html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field input, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field input, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field input, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field input, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field input, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field input {
                border-radius: 16px;
                border: 1px solid #004433;
                width: 100% !important;
                height: 32px !important;
                padding: 4px 15px 0 15px; }
                html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field input::placeholder, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field input::placeholder, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field input::placeholder, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field input::placeholder, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field input::placeholder, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field input::placeholder {
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif !important;
                  font-size: 14px !important;
                  color: #3F4644 !important; }
              html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field .evf-formset-field-tippy, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field .evf-formset-field-tippy, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field .evf-formset-field-tippy, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field .evf-formset-field-tippy, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field .evf-formset-field-tippy, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #legacy-promocode-box .evf-formset-field-container .evf-formset-field .evf-formset-field-tippy {
                position: absolute;
                top: auto;
                right: 0; }
          html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #legacy-checkout-buttons, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #legacy-checkout-buttons, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #legacy-checkout-buttons, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #legacy-checkout-buttons, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #legacy-checkout-buttons, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #legacy-checkout-buttons {
            width: 100%;
            margin: 0;
            text-align: center;
            display: flex;
            flex-direction: column-reverse; }
            html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #legacy-checkout-buttons button, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #legacy-checkout-buttons button, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #legacy-checkout-buttons button, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #legacy-checkout-buttons button, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #legacy-checkout-buttons button, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #legacy-checkout-buttons button {
              width: 340px;
              padding: 0;
              height: 40px;
              line-height: 40px;
              margin: 15px auto; }
              @media (max-width: 360px) {
                html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #legacy-checkout-buttons button, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #legacy-checkout-buttons button, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #legacy-checkout-buttons button, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #legacy-checkout-buttons button, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #legacy-checkout-buttons button, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #legacy-checkout-buttons button {
                  width: 100% !important; } }
              html body .main-content #password-reset-page #password-reset-wrap #data-collection-app #legacy-checkout-buttons button:first-child, html body .main-content #password-reset-page #setup-order-wrap #data-collection-app #legacy-checkout-buttons button:first-child, html body .main-content #setup-orders-page #password-reset-wrap #data-collection-app #legacy-checkout-buttons button:first-child, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #legacy-checkout-buttons button:first-child, html body .main-content #signup-or-signin-page #password-reset-wrap #data-collection-app #legacy-checkout-buttons button:first-child, html body .main-content #signup-or-signin-page #setup-order-wrap #data-collection-app #legacy-checkout-buttons button:first-child {
                background: #D9D9D9; }
    html body .main-content #signup-or-signin-page {
      margin-top: 0; }
    @media only screen and (max-width: 748px) {
      html body .main-content #setup-orders-page {
        margin-top: 0; } }
    @media only screen and (max-width: 748px) {
      html body .main-content #setup-orders-page .gray-container {
        padding: 0 10px;
        box-sizing: border-box; } }
    @media only screen and (max-width: 748px) {
      html body .main-content #setup-orders-page .description-font .upper {
        font-size: 18px !important; } }
    html body .main-content #setup-orders-page #setup-order-wrap {
      width: 100%;
      margin: unset;
      float: left; }
      @media only screen and (max-width: 748px) {
        html body .main-content #setup-orders-page #setup-order-wrap {
          width: 100%; } }
      html body .main-content #setup-orders-page #setup-order-wrap > .tf-title {
        display: none; }
      @media only screen and (max-width: 748px) {
        html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app {
          margin-top: 22px !important; } }
      html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap; }
        html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .main-block-v2 {
          width: calc(100% - 360px); }
          @media only screen and (max-width: 748px) {
            html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .main-block-v2 {
              width: 100%; } }
          html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .main-block-v2 .add-info-description {
            background: #EEEBE2;
            padding: 10px 10px 5px;
            margin-bottom: 20px; }
            @media only screen and (max-width: 748px) {
              html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .main-block-v2 .add-info-description {
                margin-left: -10px;
                margin-right: -10px;
                padding-bottom: 10px;
                margin-bottom: 10px; } }
            html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .main-block-v2 .add-info-description .upper {
              text-transform: uppercase;
              font-size: 21px !important;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 600;
              color: #004433 !important;
              text-align: left;
              margin: 3px 0 !important; }
            html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .main-block-v2 .add-info-description .info-description {
              text-align: left !important;
              color: #004433 !important; }
              @media only screen and (max-width: 748px) {
                html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .main-block-v2 .add-info-description .info-description {
                  font-size: 12px !important;
                  line-height: 16px !important; } }
            html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .main-block-v2 .add-info-description + div div.legacy-subtitle-label {
              display: none; }
          html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .main-block-v2 .evf-formset .legacy-ticket-type-name {
            width: 100%;
            box-sizing: border-box;
            padding-top: 2px !important;
            padding-bottom: 2px !important;
            margin-top: -1px !important;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
            @media only screen and (max-width: 748px) {
              html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .main-block-v2 .evf-formset .legacy-ticket-type-name {
                font-size: 16px; } }
          html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .main-block-v2 .evf-formset .ticket-holder-title {
            font-size: 16px;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-weight: 600;
            color: #041911;
            border: solid 1px #004433;
            padding: 10px 10px 6px 35px;
            background-image: url("/static/whitelabels/sjm/images/person-icon.svg");
            background-repeat: no-repeat;
            background-position: 10px center;
            background-size: 15px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
          html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .main-block-v2 .evf-formset .field-description {
            font-size: 14px !important;
            padding-left: 0 !important;
            padding-top: 0 !important; }
            @media only screen and (max-width: 748px) {
              html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .main-block-v2 .evf-formset .field-description {
                font-size: 12px !important;
                line-height: 16px !important; } }
          html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .main-block-v2 .evf-formset .evf-formset-field label {
            display: inline-block !important; }
          html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .main-block-v2 .evf-formset .evf-formset-field .evf-formset-field-tippy {
            position: relative !important; }
          html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .main-block-v2 .evf-formset .evf-formset-field select {
            height: 40px !important;
            background-color: #F8F8F8 !important;
            background-position-y: 17px !important;
            padding-top: 10px !important;
            border-bottom: unset !important;
            border: solid 1px #004433 !important; }
        html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .side-block-v2 {
          margin-left: 60px;
          display: flex;
          flex-direction: column;
          width: 297px;
          position: sticky;
          top: 160px; }
          @media only screen and (max-width: 748px) {
            html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .side-block-v2 {
              width: 100%;
              margin-left: 0;
              padding-bottom: 48px; } }
          html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .side-block-v2 #legacy-promocode-box-v2 {
            width: 100% !important;
            padding-left: 0 !important;
            margin-bottom: 10px; }
            html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .side-block-v2 #legacy-promocode-box-v2.promo-applied {
              pointer-events: none; }
            html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .side-block-v2 #legacy-promocode-box-v2 .evf-formset-field {
              margin-top: 0 !important;
              padding-bottom: 0; }
              html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .side-block-v2 #legacy-promocode-box-v2 .evf-formset-field input {
                height: 40px !important;
                border: 0 !important;
                border-bottom: solid 1px #004433 !important; }
          html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .side-block-v2 #legacy-checkout-buttons-v2 {
            display: flex;
            flex-direction: column;
            margin-top: 5px; }
            html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .side-block-v2 #legacy-checkout-buttons-v2 .tkt-apply-promo, html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .side-block-v2 #legacy-checkout-buttons-v2 .tkt-cancel-btn {
              border-radius: 30px !important;
              height: 45px;
              margin: 0 0 20px;
              line-height: 31px; }
            html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .side-block-v2 #legacy-checkout-buttons-v2 .tkt-submit-btn {
              margin: 10px 0 20px;
              order: 2;
              line-height: 31px; }
              @media only screen and (max-width: 748px) {
                html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .side-block-v2 #legacy-checkout-buttons-v2 .tkt-submit-btn {
                  position: fixed;
                  bottom: 10px;
                  top: unset;
                  z-index: 7;
                  left: 0;
                  margin: 0 10px;
                  width: calc(100% - 20px); } }
            html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .side-block-v2 #legacy-checkout-buttons-v2 .tkt-apply-promo {
              order: 1; }
            html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .side-block-v2 #legacy-checkout-buttons-v2 .tkt-cancel-btn {
              order: 3; }
              html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .side-block-v2 #legacy-checkout-buttons-v2 .tkt-cancel-btn::after {
                background-image: url("/static/whitelabels/sjm/images/close-white.svg");
                width: 12px;
                height: 12px;
                content: "";
                border: 0;
                transform: rotate(0);
                background-repeat: no-repeat;
                background-size: contain;
                margin-top: 0;
                filter: invert(1);
                opacity: 0.4; }
            html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .side-block-v2 #legacy-checkout-buttons-v2 .fa-spinner.spinning {
              width: 100% !important;
              height: 45px !important;
              background-image: url("/static/whitelabels/sjm/images/loader-new-white.svg");
              background-repeat: no-repeat;
              background-position: center top;
              animation: unset !important;
              margin-top: -2px;
              background-color: #009B7A;
              background-size: contain;
              position: absolute;
              border-radius: 30px;
              z-index: 1; }
              html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app .data-collection-wrapper-v2 .side-block-v2 #legacy-checkout-buttons-v2 .fa-spinner.spinning::before {
                display: none; }
      html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .legacy-subtitle-label {
        background-color: #EEEBE2;
        text-transform: uppercase;
        height: auto;
        line-height: 24px;
        padding: 9px 10px 7px;
        width: 100%;
        float: left;
        margin-bottom: 15px;
        box-sizing: border-box;
        color: #004433 !important; }
        html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .legacy-subtitle-label + .evf-formset {
          padding-left: 0 !important; }
      html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset {
        float: left;
        width: 50% !important; }
        @media only screen and (max-width: 1024px) and (min-width: 748px) {
          html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset {
            width: 100% !important; } }
        @media only screen and (max-width: 748px) {
          html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset {
            width: 100% !important; } }
        html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset:nth-child(odd) {
          padding-left: 10px; }
          @media only screen and (max-width: 748px) {
            html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset:nth-child(odd) {
              padding-left: 0; } }
          @media only screen and (max-width: 1024px) and (min-width: 748px) {
            html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset:nth-child(odd) {
              padding-left: 0; } }
        html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset:nth-child(even) {
          padding-right: 10px; }
          @media only screen and (max-width: 748px) {
            html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset:nth-child(even) {
              padding-right: 0; } }
          @media only screen and (max-width: 1024px) and (min-width: 748px) {
            html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset:nth-child(even) {
              padding-right: 0; } }
        html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset#legacy-promocode-box {
          width: 100% !important;
          padding: 0;
          clear: both; }
        html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .legacy-ticket-type-name {
          font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
          font-weight: 500;
          font-size: 16px !important;
          font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif !important; }
        html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field {
          margin-top: 8px !important; }
          html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field label {
            display: block;
            color: #3F4644;
            font-size: 16px;
            margin-bottom: 10px;
            height: auto;
            top: 0;
            line-height: normal; }
          html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field input {
            background-color: #F8F8F8 !important;
            height: 45px !important;
            padding-bottom: 0 !important;
            border: solid 1px #004433; }
            html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field input::placeholder {
              color: transparent; }
          html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field.is-no-label input {
            border-radius: 0 !important;
            border-bottom: solid 1px #004433 !important;
            padding: 0 10px;
            background: none !important;
            height: 40px;
            text-transform: initial;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif !important;
            font-size: 16px !important;
            color: #3F4644 !important;
            border: solid 1px #004433; }
            html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field.is-no-label input::placeholder {
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif !important;
              font-size: 16px !important;
              color: #3F4644 !important; }
        html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-error {
          padding: 7px 0 !important; }
        html body .main-content #setup-orders-page #setup-order-wrap #data-collection-app #evf-ticket-data .evf-formset .evf-formset-field-container {
          padding-bottom: 5px !important; }
    html body .main-content #auth-app #evf-authentication ul.nav.navTabs {
      text-align: center;
      margin-bottom: 25px; }
      html body .main-content #auth-app #evf-authentication ul.nav.navTabs li {
        display: inline-block;
        background: none;
        margin: 0 15px !important; }
        html body .main-content #auth-app #evf-authentication ul.nav.navTabs li a {
          padding: 8px 22px 6px 22px;
          width: auto;
          min-width: 128px;
          box-sizing: border-box;
          height: 35px; }
          @media only screen and (max-width: 748px) {
            html body .main-content #auth-app #evf-authentication ul.nav.navTabs li a {
              float: left; } }
          html body .main-content #auth-app #evf-authentication ul.nav.navTabs li a h2 {
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-weight: 600;
            font-size: 21px !important;
            color: #3F4644 !important;
            padding-bottom: 0 !important;
            text-transform: capitalize;
            line-height: 22px;
            font-weight: normal; }
        html body .main-content #auth-app #evf-authentication ul.nav.navTabs li.active a {
          background: none !important;
          border-radius: 0; }
          html body .main-content #auth-app #evf-authentication ul.nav.navTabs li.active a h2 {
            color: #004433 !important;
            line-height: 22px; }
    html body .main-content #auth-app #evf-authentication .evf-formset {
      width: 100%;
      background: #FFFFFF;
      padding: 16px;
      border-radius: 8px; }
      @media only screen and (max-width: 748px) {
        html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container.evf-formset-field-width-50-left, html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container.evf-formset-field-width-50-right {
          width: 100%; } }
      html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container.evf-formset-field-width-50-left {
        float: left; }
      html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container.evf-formset-field-width-50-right .evf-formset-field.is-error .evf-formset-field-error {
        position: relative;
        top: 5px;
        margin-top: 0; }
        @media only screen and (max-width: 748px) {
          html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container.evf-formset-field-width-50-right .evf-formset-field.is-error .evf-formset-field-error {
            top: -2px; } }
      html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .evf-formset-field {
        width: 100% !important;
        background: transparent !important;
        margin-top: 22px !important;
        border: 0 !important;
        border-radius: 0 !important;
        text-shadow: none;
        box-shadow: none;
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        font-weight: 500;
        font-size: 14px !important;
        color: #3F4644;
        text-transform: capitalize;
        padding-bottom: 8px;
        margin-top: 10px !important; }
        @media only screen and (max-width: 748px) {
          html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .evf-formset-field {
            padding-bottom: 0;
            margin-left: 0; } }
        html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .evf-formset-field label {
          display: unset;
          color: #004433;
          padding-left: 16px;
          top: -8px; }
        html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .evf-formset-field input, html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .evf-formset-field select {
          width: 100% !important;
          left: 0;
          box-sizing: border-box;
          padding: 16px;
          text-transform: none;
          font-size: 14px;
          font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
          font-weight: 500;
          border: 1px solid #AAAAAA;
          border-radius: 30px;
          height: auto;
          margin-top: 0;
          color: #3F4644; }
          html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .evf-formset-field input::placeholder, html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .evf-formset-field select::placeholder {
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif !important;
            font-size: 14px !important;
            color: #8E9590 !important; }
        html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .evf-formset-field #country {
          appearance: none;
          -webkit-appearance: none; }
        html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .evf-formset-field.is-checkbox {
          border: none !important;
          margin-top: 0;
          padding: 15px 0;
          margin-top: 0 !important;
          box-sizing: border-box; }
          html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .evf-formset-field.is-checkbox input[type="checkbox"] {
            width: 20px !important; }
          html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .evf-formset-field.is-checkbox input {
            display: none; }
            html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .evf-formset-field.is-checkbox input:checked + label::after {
              content: '';
              display: block;
              position: absolute;
              top: 0;
              left: 9px;
              width: 6px;
              height: 11px;
              border: solid #FFFFFF;
              border-width: 0 2px 2px 0;
              transform: rotate(45deg); }
            html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .evf-formset-field.is-checkbox input:checked + label::before {
              background-color: #004433; }
          html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .evf-formset-field.is-checkbox label {
            display: inline-block;
            margin-left: 0px;
            font-size: 13px;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            color: #3F4644;
            text-transform: none;
            padding-left: 40px;
            top: 0;
            line-height: 18px; }
            html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .evf-formset-field.is-checkbox label::before {
              content: '';
              -webkit-appearance: none;
              background-color: transparent;
              border: 2px solid #004433;
              padding: 12px;
              display: inline-block;
              position: absolute;
              vertical-align: middle;
              cursor: pointer;
              background-color: #FFFFFF;
              left: 0;
              top: -5px;
              border-radius: 8px; }
            html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .evf-formset-field.is-checkbox label a {
              color: #3F4644; }
          html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .evf-formset-field.is-checkbox .evf-formset-field-error {
            position: static;
            margin: 3px 0 0;
            padding-left: 40px; }
        html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .evf-formset-field.has-eye-icon {
          position: relative; }
      html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container.field-country .evf-formset-field, html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container.field-preferred_language .evf-formset-field {
        position: relative; }
        html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container.field-country .evf-formset-field::after, html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container.field-preferred_language .evf-formset-field::after {
          content: "";
          top: 40px;
          right: 15px;
          position: absolute;
          margin: 0 6px;
          width: 16px;
          height: 10px;
          background: url("/static/whitelabels/sjm/images/arrow-down.svg") no-repeat left top;
          background-size: cover;
          pointer-events: none;
          filter: invert(1); }
        html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container.field-country .evf-formset-field select, html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container.field-preferred_language .evf-formset-field select {
          appearance: none;
          -webkit-appearance: none; }
      html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .field-after-html {
        padding: 15px; }
        html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .field-after-html ul.password-criteria {
          padding: 0;
          width: 275px; }
          @media only screen and (max-width: 748px) {
            html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .field-after-html ul.password-criteria {
              width: 100%;
              box-sizing: border-box; } }
          html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .field-after-html ul.password-criteria.upper-columns-2 {
            columns: 1 !important;
            -webkit-columns: 1 !important;
            -moz-columns: 1 !important; }
          html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container .field-after-html ul.password-criteria li {
            font-size: 14px;
            color: #707070;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            line-height: 24px; }
      html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container.evf-formset-field-no-border {
        border-bottom: 0 !important; }
        html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container.evf-formset-field-no-border.field-tos .evf-formset-field {
          padding-top: 7px; }
      html body .main-content #auth-app #evf-authentication .evf-formset .evf-formset-field-container.field-preferred_language {
        margin-top: 10px; }
      html body .main-content #auth-app #evf-authentication .evf-formset .forgot-password-text {
        padding: 15px 12px;
        font-size: 14px;
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        font-style: normal;
        font-style: italic; }
        html body .main-content #auth-app #evf-authentication .evf-formset .forgot-password-text a {
          font-size: 14px;
          color: #3F4644; }
      html body .main-content #auth-app #evf-authentication .evf-formset .evf-form-error-list {
        margin-top: 10px; }
      html body .main-content #auth-app #evf-authentication .evf-formset .mini-auth-form-button {
        margin: 8px 0 0 !important;
        text-align: center; }
        html body .main-content #auth-app #evf-authentication .evf-formset .mini-auth-form-button button {
          margin: 0 auto;
          float: none;
          width: 297px;
          padding: 10px 0;
          box-sizing: border-box;
          height: 40px;
          text-transform: capitalize;
          line-height: 21px; }
          @media (max-width: 360px) {
            html body .main-content #auth-app #evf-authentication .evf-formset .mini-auth-form-button button {
              width: 100% !important; } }
        html body .main-content #auth-app #evf-authentication .evf-formset .mini-auth-form-button #login-button-loader .fa-spinner.spinning {
          width: 35px;
          height: 35px;
          background: url("/static/whitelabels/sjm/images/loader-new.svg") no-repeat left top;
          background-size: cover;
          margin-top: -6px;
          animation: unset; }
          html body .main-content #auth-app #evf-authentication .evf-formset .mini-auth-form-button #login-button-loader .fa-spinner.spinning::before {
            display: none; }
    html body .main-content #auth-app #evf-authentication #mini-auth-signup-form.evf-formset {
      background: #FFFFFF;
      padding: 16px;
      border-radius: 8px;
      box-sizing: border-box; }
      html body .main-content #auth-app #evf-authentication #mini-auth-signup-form.evf-formset .evf-form-error-list {
        margin-bottom: 20px; }
    html body .main-content #auth-app #evf-authentication #mini-auth-signin-form .mini-auth-form-button .evf-btn-primary {
      background-color: #004433;
      color: #FFFFFF;
      font-size: 18px;
      border-radius: 30px;
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      border: 0; }
      html body .main-content #auth-app #evf-authentication #mini-auth-signin-form .mini-auth-form-button .evf-btn-primary:hover {
        background-color: #D9D9D9; }
    html body .main-content #data-collection-app #evf-authentication ul.nav.navTabs {
      text-align: center; }
      html body .main-content #data-collection-app #evf-authentication ul.nav.navTabs li {
        display: inline-block;
        background: none;
        margin: 0 15px !important; }
        html body .main-content #data-collection-app #evf-authentication ul.nav.navTabs li a {
          padding: 12px 22px 10px 22px;
          width: 128px; }
          html body .main-content #data-collection-app #evf-authentication ul.nav.navTabs li a h2 {
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-weight: 600;
            font-size: 21px !important;
            color: #3F4644 !important;
            padding-bottom: 0 !important;
            text-transform: capitalize;
            line-height: 18px; }
        html body .main-content #data-collection-app #evf-authentication ul.nav.navTabs li.active a {
          background: #004433 !important;
          border-radius: 30px; }
          html body .main-content #data-collection-app #evf-authentication ul.nav.navTabs li.active a h2 {
            color: #FFFFFF !important; }
    html body .main-content .evf-formset {
      width: 100%; }
      @media only screen and (max-width: 748px) {
        html body .main-content .evf-formset .evf-formset-field-container.evf-formset-field-width-50-left, html body .main-content .evf-formset .evf-formset-field-container.evf-formset-field-width-50-right {
          width: 100%; } }
      html body .main-content .evf-formset .evf-formset-field-container .evf-formset-field {
        width: 100% !important;
        background: transparent !important;
        margin-top: 22px !important;
        border: 0 !important;
        border-radius: 0 !important;
        text-shadow: none;
        box-shadow: none;
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        font-weight: 500;
        font-size: 14px !important;
        color: #3F4644;
        text-transform: capitalize;
        padding-bottom: 8px; }
        html body .main-content .evf-formset .evf-formset-field-container .evf-formset-field br {
          display: none; }
        html body .main-content .evf-formset .evf-formset-field-container .evf-formset-field label {
          display: none; }
        html body .main-content .evf-formset .evf-formset-field-container .evf-formset-field input, html body .main-content .evf-formset .evf-formset-field-container .evf-formset-field select {
          width: 100% !important;
          left: 0;
          box-sizing: border-box;
          padding: 0 12px 15px 12px;
          text-transform: capitalize;
          font-size: 14px !important;
          font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
          font-weight: 500;
          left: 0 !important;
          min-height: 20px;
          height: auto;
          top: 0 !important;
          width: 100% !important;
          color: #707070;
          border-bottom: 1px solid #004433;
          -webkit-border-radius: 0;
          border-radius: 0; }
        html body .main-content .evf-formset .evf-formset-field-container .evf-formset-field.is-checkbox {
          border: none;
          margin-top: 0; }
          html body .main-content .evf-formset .evf-formset-field-container .evf-formset-field.is-checkbox input[type="checkbox"] {
            width: 20px !important; }
          html body .main-content .evf-formset .evf-formset-field-container .evf-formset-field.is-checkbox input {
            display: none; }
            html body .main-content .evf-formset .evf-formset-field-container .evf-formset-field.is-checkbox input:checked + label::after {
              content: '';
              display: block;
              position: absolute;
              top: 2px;
              left: 9px;
              width: 6px;
              height: 14px;
              border: solid #707070;
              border-width: 0 2px 2px 0;
              transform: rotate(45deg); }
          html body .main-content .evf-formset .evf-formset-field-container .evf-formset-field.is-checkbox label {
            display: inline-block;
            margin-left: 0px;
            font-size: 12px;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            color: #3F4644;
            text-transform: none;
            padding-left: 40px;
            line-height: 18px; }
            html body .main-content .evf-formset .evf-formset-field-container .evf-formset-field.is-checkbox label::before {
              content: '';
              -webkit-appearance: none;
              background-color: transparent;
              border: 2px solid #707070;
              padding: 10px;
              display: inline-block;
              position: absolute;
              vertical-align: middle;
              cursor: pointer;
              left: 0; }
            html body .main-content .evf-formset .evf-formset-field-container .evf-formset-field.is-checkbox label a {
              color: #707070; }
      html body .main-content .evf-formset .evf-formset-field-container .field-after-html {
        padding: 15px; }
        html body .main-content .evf-formset .evf-formset-field-container .field-after-html ul.password-criteria {
          padding: 0;
          width: 275px; }
          @media only screen and (max-width: 748px) {
            html body .main-content .evf-formset .evf-formset-field-container .field-after-html ul.password-criteria {
              width: 100%;
              box-sizing: border-box; } }
          html body .main-content .evf-formset .evf-formset-field-container .field-after-html ul.password-criteria.upper-columns-2 {
            columns: 1 !important;
            -webkit-columns: 1 !important;
            -moz-columns: 1 !important; }
          html body .main-content .evf-formset .evf-formset-field-container .field-after-html ul.password-criteria li {
            font-size: 14px;
            color: #3F4644;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            line-height: 24px; }
      html body .main-content .evf-formset .evf-formset-field-container.evf-formset-field-no-border {
        border-bottom: 0 !important; }
      html body .main-content .evf-formset .evf-formset-field-container.field-agree_personal_info_use {
        margin-top: 15px;
        padding-bottom: 0 !important; }
        html body .main-content .evf-formset .evf-formset-field-container.field-agree_personal_info_use .evf-formset-field.is-checkbox {
          padding-top: 20px !important; }
      html body .main-content .evf-formset .forgot-password-text {
        padding: 15px 12px;
        font-size: 14px;
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        font-style: normal;
        font-style: italic; }
        html body .main-content .evf-formset .forgot-password-text a {
          font-size: 14px;
          color: #707070; }
      html body .main-content .evf-formset .mini-auth-form-button {
        margin: 36px 0;
        text-align: center; }
        html body .main-content .evf-formset .mini-auth-form-button button {
          margin: 0 auto !important;
          float: none !important;
          width: 340px;
          padding: 10px 0; }
          @media (max-width: 360px) {
            html body .main-content .evf-formset .mini-auth-form-button button {
              width: 100% !important; } }
    html body .main-content.package-included {
      padding-top: 20px; }
  html body ul.event-list {
    width: 100%;
    display: grid;
    height: auto;
    gap: 20px 18px;
    margin: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr)); }
    @media (min-width: 1366px) {
      html body ul.event-list {
        grid-template-columns: repeat(4, minmax(0, 1fr)); } }
    @media only screen and (max-width: 748px) {
      html body ul.event-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 0 16px;
        box-sizing: border-box; } }
    @media (max-width: 520px) {
      html body ul.event-list {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 8px; } }
    html body ul.event-list li {
      width: 100%;
      margin: 0 !important;
      border-radius: 8px;
      overflow: hidden;
      transition: all 0.3s ease-in-out; }
      html body ul.event-list li:hover {
        box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
        transition: all 0.3s ease-in-out; }
      html body ul.event-list li.featured {
        width: 100%; }
      html body ul.event-list li a {
        display: block; }
        @media (min-width: 1366px) {
          html body ul.event-list li a {
            height: 100%; } }
        html body ul.event-list li a .overlay {
          z-index: 1;
          display: none !important; }
        html body ul.event-list li a .imgThumbWrap {
          display: block;
          position: relative;
          width: 100%; }
          html body ul.event-list li a .imgThumbWrap img {
            width: 100%; }
        html body ul.event-list li a .info-txts {
          padding: 16px !important;
          height: auto !important;
          background-color: #FFFFFF;
          display: flex;
          flex-direction: column; }
          @media only screen and (max-width: 748px) {
            html body ul.event-list li a .info-txts {
              height: 100% !important; } }
          html body ul.event-list li a .info-txts .new-event-labels {
            position: absolute;
            right: 15px; }
            @media screen and (max-width: 480px) and (min-width: 421px) {
              html body ul.event-list li a .info-txts .new-event-labels {
                position: relative;
                right: unset; } }
            html body ul.event-list li a .info-txts .new-event-labels span.blue {
              color: #004433;
              font-size: 16px;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 500;
              height: auto;
              margin-bottom: 6px; }
            html body ul.event-list li a .info-txts .new-event-labels .event-banner {
              position: relative;
              color: #004433;
              font-size: 11px;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              border-radius: 0;
              padding: 3px 5px;
              opacity: 1;
              width: auto;
              height: auto;
              display: inline-block;
              left: 0;
              font-weight: normal;
              text-transform: capitalize;
              padding: 4px 8px;
              border-radius: 30px;
              letter-spacing: 0px;
              margin-bottom: 6px;
              line-height: unset;
              display: flex;
              align-items: center;
              bottom: unset; }
              @media only screen and (max-width: 748px) {
                html body ul.event-list li a .info-txts .new-event-labels .event-banner {
                  line-height: 17px; } }
              html body ul.event-list li a .info-txts .new-event-labels .event-banner.banner-all-reserved {
                background-color: #CFCFCF; }
              html body ul.event-list li a .info-txts .new-event-labels .event-banner.banner-available {
                background-color: #A8996E;
                color: #FFFFFF; }
              html body ul.event-list li a .info-txts .new-event-labels .event-banner.banner-sold-out {
                background-color: #B94D4D;
                color: #FFFFFF; }
              html body ul.event-list li a .info-txts .new-event-labels .event-banner.banner-openingsoon {
                background-color: #009B7A;
                color: #FFFFFF; }
              html body ul.event-list li a .info-txts .new-event-labels .event-banner.banner-sellingfast {
                background-color: #004433;
                color: #FFFFFF; }
          html body ul.event-list li a .info-txts .infoItem.title {
            height: auto;
            order: 2; }
            @media (max-width: 420px) {
              html body ul.event-list li a .info-txts .infoItem.title {
                min-height: unset; } }
            html body ul.event-list li a .info-txts .infoItem.title span {
              -webkit-line-clamp: 2 !important;
              min-height: 45px;
              height: auto; }
              @media (max-width: 420px) {
                html body ul.event-list li a .info-txts .infoItem.title span {
                  min-height: unset; } }
              html body ul.event-list li a .info-txts .infoItem.title span strong {
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-weight: 500;
                line-height: normal;
                overflow: hidden;
                text-overflow: ellipsis;
                font-weight: normal;
                color: #004433;
                height: auto !important;
                font-size: 16px; }
          html body ul.event-list li a .info-txts .infoItem.truncate {
            order: 1;
            margin-bottom: 5px;
            white-space: unset;
            overflow: unset;
            text-overflow: unset; }
            html body ul.event-list li a .info-txts .infoItem.truncate span {
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 500;
              height: auto !important;
              line-height: 22px;
              text-transform: capitalize;
              display: block;
              width: calc(100% - 85px);
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
              overflow: hidden;
              text-overflow: ellipsis;
              min-height: 45px;
              color: #3F4644;
              font-size: 14px; }
              @media screen and (max-width: 480px) and (min-width: 421px) {
                html body ul.event-list li a .info-txts .infoItem.truncate span {
                  width: 100%; } }
              @media (max-width: 420px) {
                html body ul.event-list li a .info-txts .infoItem.truncate span {
                  min-height: unset; } }
          html body ul.event-list li a .info-txts .event-location-name {
            order: 3;
            font-size: 12px;
            color: #8E9590;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif; }
  @media only screen and (max-width: 748px) {
    html body #my-tickets-page {
      margin-top: 15px; } }
  @media only screen and (max-width: 748px) {
    html body #my-tickets-page .breathe {
      padding: 0;
      margin: 0; } }
  html body #my-tickets-page #tickets-page-wrap {
    padding-top: 50px; }
    @media only screen and (max-width: 748px) {
      html body #my-tickets-page #tickets-page-wrap {
        padding: 0; } }
    html body #my-tickets-page #tickets-page-wrap h2 {
      font-weight: normal; }
    html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup {
      height: 50px;
      justify-content: flex-end; }
      html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_message {
        margin-top: 37px;
        height: 95px !important; }
        html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_message .controls {
          border: 1px solid #707070;
          padding: 10px;
          height: 95px;
          box-sizing: border-box; }
          html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_message .controls textarea {
            height: 100%;
            border: 0;
            padding: 0; }
            html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_message .controls textarea::placeholder {
              line-height: 6px; }
      html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup label {
        display: none; }
      html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup .controls input::-webkit-input-placeholder {
        /* WebKit browsers */
        color: #707070 !important; }
      html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup .controls input:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #707070 !important; }
      html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup .controls input::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #707070 !important; }
      html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup .controls input:-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #707070 !important; }
      html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup .controls textarea::-webkit-input-placeholder {
        /* WebKit browsers */
        color: #707070 !important; }
      html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup .controls textarea:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #707070 !important; }
      html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup .controls textarea::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #707070 !important; }
      html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup .controls textarea:-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #707070 !important; }
      html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup .controls input, html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup .controls textarea {
        padding: 0 10px;
        box-sizing: border-box; }
      html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup .controls textarea::-moz-placeholder, html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup .controls textarea:-ms-input-placeholder, html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup .controls textarea::-webkit-input-placeholder {
        transform: translateY(50px); }
      html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.error input {
        border-color: #B94D4D; }
      html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.error .errorlist {
        margin-top: 5px;
        padding-left: 10px; }
        html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.error .errorlist li {
          font-size: 14px;
          color: #B94D4D; }
    html body #my-tickets-page #tickets-page-wrap #emailTicket .formHorizontal .help-block {
      padding-top: 30px !important; }
    html body #my-tickets-page #tickets-page-wrap p strong {
      font-weight: normal; }
    html body #my-tickets-page #tickets-page-wrap .navTabs {
      display: none; }
    html body #my-tickets-page #tickets-page-wrap .profile-breadcrumbs {
      display: flex;
      justify-content: center; }
      html body #my-tickets-page #tickets-page-wrap .profile-breadcrumbs li {
        font-size: 21px;
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        font-weight: 600;
        color: #3F4644;
        margin: 0 10px;
        position: relative; }
        @media only screen and (max-width: 748px) {
          html body #my-tickets-page #tickets-page-wrap .profile-breadcrumbs li {
            font-size: 16px; } }
        html body #my-tickets-page #tickets-page-wrap .profile-breadcrumbs li::after {
          position: absolute;
          content: "/";
          top: 0;
          right: -12px; }
        html body #my-tickets-page #tickets-page-wrap .profile-breadcrumbs li:last-child::after {
          display: none; }
        html body #my-tickets-page #tickets-page-wrap .profile-breadcrumbs li a {
          color: #3F4644;
          text-decoration: underline; }
    html body #my-tickets-page #tickets-page-wrap #my-tickets-inner {
      padding-top: 30px; }
      html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents {
        margin-bottom: 30px; }
        html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event {
          padding: 0;
          margin-bottom: 30px; }
          @media only screen and (max-width: 748px) {
            html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event {
              background-color: #FFFFFF; } }
          html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem {
            padding: 20px 44px 20px 44px;
            background-color: #F8F8F8;
            border-bottom: 1px solid #d7d7d7;
            border-top: 0;
            margin-bottom: 0; }
            html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:last-child {
              border-bottom: 0; }
            @media only screen and (max-width: 748px) {
              html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem {
                padding: 0;
                border-bottom: 2px solid #d7d7d7;
                margin-top: 0; } }
            html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .imgThumbWrap {
              padding: 40px 10px 40px 44px; }
              @media only screen and (max-width: 748px) {
                html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .imgThumbWrap {
                  padding: 15px 15px 5px;
                  width: auto;
                  height: auto; } }
              html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .imgThumbWrap a {
                display: block; }
                html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .imgThumbWrap a img {
                  width: 225px;
                  height: 168px;
                  object-fit: fill; }
                  @media only screen and (max-width: 748px) {
                    html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .imgThumbWrap a img {
                      width: 100%;
                      height: auto; } }
            html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content {
              margin: 0; }
              @media only screen and (max-width: 748px) {
                html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content {
                  padding: 15px;
                  box-sizing: border-box; } }
              html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .infoItem {
                border: none;
                padding: 0; }
              html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .ticket-type-name {
                display: none; }
              html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .ticket-name.ticket-metas {
                flex-direction: column;
                width: 75%; }
                @media only screen and (max-width: 748px) {
                  html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .ticket-name.ticket-metas {
                    width: 100%; } }
                html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .ticket-name.ticket-metas .data-title {
                  width: 200px;
                  font-weight: 600; }
                  @media only screen and (max-width: 748px) {
                    html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .ticket-name.ticket-metas .data-title {
                      width: 114px; } }
                html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .ticket-name.ticket-metas span {
                  color: unset; }
                html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .ticket-name.ticket-metas .data-value {
                  max-width: calc(100% - 200px); }
                  @media only screen and (max-width: 748px) {
                    html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .ticket-name.ticket-metas .data-value {
                      max-width: calc(100% - 114px); } }
                html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .ticket-name.ticket-metas div.tt-row, html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .ticket-name.ticket-metas div.tc-row {
                  display: none !important; }
                html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .ticket-name.ticket-metas > div {
                  display: flex;
                  width: auto;
                  min-height: auto;
                  color: #3F4644;
                  font-size: 16px;
                  margin-bottom: 15px;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif; }
                  html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .ticket-name.ticket-metas > div br {
                    display: none; }
                  html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .ticket-name.ticket-metas > div strong {
                    width: 200px;
                    font-size: 16px;
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    font-weight: 600;
                    color: #3F4644;
                    text-transform: capitalize; }
                    @media only screen and (max-width: 748px) {
                      html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .ticket-name.ticket-metas > div strong {
                        width: 114px; } }
                  html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .ticket-name.ticket-metas > div:last-child {
                    margin-bottom: 0; }
              html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .download-ticket {
                display: flex;
                flex-direction: column; }
                @media only screen and (max-width: 748px) {
                  html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .download-ticket {
                    flex-direction: row;
                    align-items: center;
                    justify-content: flex-end;
                    margin-bottom: 15px; } }
                @media only screen and (max-width: 748px) {
                  html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .download-ticket .left {
                    width: auto;
                    margin-right: 8px; } }
                html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .download-ticket .left a {
                  background: none;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  font-weight: 600;
                  color: #3F4644 !important;
                  font-size: 16px;
                  border: 0 !important;
                  text-align: left;
                  padding: 0;
                  margin: 0;
                  background: url("/static/images/download-icon.png") no-repeat !important;
                  height: 28px;
                  padding-left: 40px;
                  background-position: 0px 2px;
                  background-size: auto;
                  display: flex;
                  align-items: center;
                  border-radius: 0 !important;
                  text-transform: initial !important; }
                  html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .download-ticket .left a:hover {
                    text-decoration: underline !important; }
                  @media only screen and (max-width: 748px) {
                    html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .download-ticket .left a {
                      font-size: 0;
                      width: 30px;
                      height: 30px;
                      background-color: #D9D9D9;
                      padding: 0;
                      border-radius: 50% !important;
                      background-position: 6px 4px;
                      background-size: 19px; } }
                html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .download-ticket .right {
                  display: flex;
                  flex-direction: column;
                  margin-top: 0;
                  margin-right: 0; }
                  @media only screen and (max-width: 748px) {
                    html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .download-ticket .right {
                      flex-direction: row;
                      margin-top: 0px; } }
                  html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .download-ticket .right a {
                    background: none;
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    font-weight: 600;
                    color: #3F4644;
                    font-size: 16px;
                    text-align: left;
                    padding: 0;
                    margin: 10px 0 0 0;
                    background: url("/static/images/edit-icon.png") no-repeat;
                    background-position: 0px 0px;
                    height: 25px;
                    padding-left: 40px;
                    display: flex;
                    align-items: center; }
                    html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .download-ticket .right a:first-child {
                      background: url("/static/images/share-icon.png") no-repeat;
                      background-position: 0px 0px; }
                      @media only screen and (max-width: 748px) {
                        html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .download-ticket .right a:first-child {
                          font-size: 0;
                          width: 30px;
                          height: 30px;
                          background-color: #D9D9D9;
                          padding: 0;
                          border-radius: 50% !important;
                          background-position: 6px 6px;
                          background-size: 19px; } }
                    @media only screen and (max-width: 748px) {
                      html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem .ticket-content .download-ticket .right a {
                        font-size: 0;
                        width: 30px;
                        height: 30px;
                        background-color: #D9D9D9;
                        padding: 0;
                        border-radius: 50% !important;
                        background-position: 6px 4px;
                        background-size: 19px;
                        margin: 0 8px 0 0; } }
            html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child {
              padding: 0; }
              @media only screen and (max-width: 748px) {
                html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child {
                  margin-top: 10px; } }
              html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .event-name {
                line-height: 36px; }
              html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .ticket-content {
                margin: 0;
                float: left;
                margin-left: 30px;
                width: calc(100% - 340px); }
                @media only screen and (max-width: 748px) {
                  html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .ticket-content {
                    margin-left: 0px;
                    width: 100%; } }
                html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .ticket-content .infoItem {
                  display: block;
                  clear: both;
                  width: auto;
                  margin-bottom: 9px; }
                  html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .ticket-content .infoItem.event-name {
                    margin-bottom: 0; }
                    @media only screen and (max-width: 748px) {
                      html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .ticket-content .infoItem.event-name {
                        display: none; } }
                    html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .ticket-content .infoItem.event-name a h4 {
                      font-size: 28px;
                      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                      font-weight: 600;
                      color: #3F4644 !important;
                      margin-top: 35px;
                      margin-bottom: 0;
                      font-weight: normal; }
                      @media only screen and (max-width: 748px) {
                        html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .ticket-content .infoItem.event-name a h4 {
                          display: none; } }
                  html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .ticket-content .infoItem.info-custom-time .upper {
                    display: flex;
                    color: #3F4644;
                    font-size: 16px;
                    text-transform: capitalize;
                    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                    font-weight: 500; }
                    html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .ticket-content .infoItem.info-custom-time .upper .blue {
                      margin-right: 76px;
                      background: #D9D9D9;
                      color: #3F4644;
                      font-size: 16px;
                      padding: 6px 8px 2px 8px;
                      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                      font-weight: 600;
                      text-transform: uppercase; }
                  html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .ticket-content .infoItem .info-custom-earliest {
                    display: flex;
                    margin-bottom: 9px;
                    color: #3F4644;
                    font-size: 16px;
                    text-transform: capitalize;
                    justify-content: start;
                    align-items: center; }
                    html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .ticket-content .infoItem .info-custom-earliest .blue.upper {
                      width: 114px; }
                      html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .ticket-content .infoItem .info-custom-earliest .blue.upper .data-title {
                        background: #D9D9D9;
                        color: #3F4644;
                        font-size: 16px;
                        padding: 8px 8px 6px 8px;
                        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                        font-weight: 600;
                        display: inline-block; }
                    html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .ticket-content .infoItem .info-custom-earliest .data-value {
                      color: #3F4644;
                      font-size: 16px;
                      padding: 0px 8px 2px 0;
                      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                      font-weight: 500; }
                  html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .ticket-content .infoItem .info-custom-latest {
                    display: flex;
                    color: #3F4644;
                    font-size: 16px;
                    text-transform: capitalize;
                    align-items: center; }
                    html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .ticket-content .infoItem .info-custom-latest .blue.upper {
                      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                      font-weight: 600;
                      text-transform: uppercase;
                      width: 114px;
                      display: inherit; }
                      html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .ticket-content .infoItem .info-custom-latest .blue.upper .data-title {
                        background: #D9D9D9;
                        color: #3F4644;
                        font-size: 16px;
                        padding: 8px 8px 6px 8px; }
                  html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .ticket-content .infoItem.location {
                    width: 100%;
                    margin-left: 0;
                    display: flex;
                    align-items: baseline;
                    color: #3F4644;
                    font-size: 16px;
                    text-transform: capitalize; }
                    html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .ticket-content .infoItem.location .data-title {
                      width: 114px; }
                    html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem:first-child .ticket-content .infoItem.location .upper {
                      background: #D9D9D9;
                      color: #3F4644;
                      font-size: 16px;
                      padding: 8px 8px 6px 8px;
                      margin-right: 28px;
                      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                      font-weight: 600;
                      text-transform: uppercase;
                      display: inline-block; }
            html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem.transferred-ticket .ticket-content {
              display: flex;
              align-items: center;
              justify-content: space-between; }
              @media (max-width: 480px) {
                html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem.transferred-ticket .ticket-content {
                  display: table; } }
              html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem.transferred-ticket .ticket-content .upper.ticket-type-name {
                display: block !important;
                font-size: 16px;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-weight: 600;
                color: #3F4644; }
                @media (max-width: 480px) {
                  html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem.transferred-ticket .ticket-content .upper.ticket-type-name {
                    text-align: center;
                    margin: 0;
                    padding-bottom: 10px; } }
              html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem.transferred-ticket .ticket-content .pull-right {
                display: block;
                font-size: 16px;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-weight: 600;
                color: #3F4644;
                text-transform: none;
                text-align: right; }
                html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem.transferred-ticket .ticket-content .pull-right::first-letter {
                  text-transform: capitalize; }
                @media (max-width: 480px) {
                  html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event .infoItem.transferred-ticket .ticket-content .pull-right {
                    width: 100%;
                    text-align: center; } }
          html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #upcomingEvents .single-event:first-child {
            border: none; }
      html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #pastEvents .passed-event > .infoItem {
        margin-bottom: 0;
        display: flex; }
        @media only screen and (max-width: 748px) {
          html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #pastEvents .passed-event > .infoItem {
            flex-direction: column; } }
        html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #pastEvents .passed-event > .infoItem .imgThumbWrap {
          width: 410px;
          height: 250px;
          overflow: hidden; }
          @media only screen and (max-width: 748px) {
            html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #pastEvents .passed-event > .infoItem .imgThumbWrap {
              width: 100%;
              height: auto;
              margin: 0; } }
          html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #pastEvents .passed-event > .infoItem .imgThumbWrap a img {
            width: 100%; }
          html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #pastEvents .passed-event > .infoItem .imgThumbWrap .not-available-overlay {
            width: 100%;
            height: 100%;
            background: rgba(60, 60, 60, 0.8);
            position: absolute;
            top: 0;
            left: 0;
            color: #FFFFFF;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-weight: 600;
            font-size: 21px;
            display: flex;
            justify-content: center;
            align-items: center;
            line-height: 28px;
            padding: 0 30%;
            text-align: center;
            text-transform: capitalize; }
            @media only screen and (max-width: 748px) {
              html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #pastEvents .passed-event > .infoItem .imgThumbWrap .not-available-overlay {
                padding: 0px 10px; } }
        html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #pastEvents .passed-event > .infoItem .ticket-content {
          flex: 1;
          background: #F8F8F8;
          margin-left: 0;
          padding: 40px 25px;
          display: flex;
          flex-direction: column;
          justify-content: start;
          box-sizing: border-box; }
          @media only screen and (max-width: 748px) {
            html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #pastEvents .passed-event > .infoItem .ticket-content {
              margin: 0; } }
          html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #pastEvents .passed-event > .infoItem .ticket-content .infoItem {
            display: flex; }
            html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #pastEvents .passed-event > .infoItem .ticket-content .infoItem.event-name {
              margin-bottom: 0; }
              html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #pastEvents .passed-event > .infoItem .ticket-content .infoItem.event-name a {
                color: #3F4644; }
                html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #pastEvents .passed-event > .infoItem .ticket-content .infoItem.event-name a h4 {
                  font-size: 28px;
                  text-align: left;
                  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                  font-weight: 600;
                  color: #3F4644;
                  margin-bottom: 55px; }
            html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #pastEvents .passed-event > .infoItem .ticket-content .infoItem .upper {
              width: 180px;
              font-size: 16px;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 500;
              color: #3F4644;
              text-transform: capitalize; }
              @media only screen and (max-width: 748px) {
                html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #pastEvents .passed-event > .infoItem .ticket-content .infoItem .upper {
                  width: 50%; } }
              html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #pastEvents .passed-event > .infoItem .ticket-content .infoItem .upper .blue {
                font-size: 16px;
                color: #3F4644;
                background: #D9D9D9;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-weight: 600;
                display: table;
                padding: 6px 10px 3px 10px;
                margin-bottom: 9px;
                text-transform: uppercase; }
        html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #pastEvents .passed-event > .infoItem .past-ticket-dot {
          display: none; }
      html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #pastEvents .single-event {
        margin: 0;
        padding: 0 0 10px 0;
        border-bottom: 0; }
        @media only screen and (max-width: 748px) {
          html body #my-tickets-page #tickets-page-wrap #my-tickets-inner #pastEvents .single-event {
            padding: 0; } }
      @media only screen and (max-width: 748px) {
        html body #my-tickets-page #tickets-page-wrap #my-tickets-inner {
          padding: 0; } }
    html body #my-tickets-page #tickets-page-wrap h2 {
      color: #3F4644;
      font-size: 21px;
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      font-weight: 600;
      text-align: center;
      text-transform: capitalize; }
    html body #my-tickets-page #tickets-page-wrap p {
      text-align: center;
      color: #3F4644;
      font-size: 16px;
      line-height: 24px;
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      font-weight: 500; }
      html body #my-tickets-page #tickets-page-wrap p strong {
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        font-weight: 600;
        text-transform: capitalize; }
      @media (min-width: 749px) {
        html body #my-tickets-page #tickets-page-wrap p {
          width: 600px;
          margin: 35px auto 0 auto; } }
    html body #my-tickets-page #tickets-page-wrap .formHorizontal {
      padding: 0 15px; }
      @media (min-width: 749px) {
        html body #my-tickets-page #tickets-page-wrap .formHorizontal {
          width: 500px;
          margin: 0 auto; } }
      html body #my-tickets-page #tickets-page-wrap .formHorizontal .controlGroup {
        display: flex;
        flex-direction: column; }
        html body #my-tickets-page #tickets-page-wrap .formHorizontal .controlGroup .controls {
          width: 100%; }
          html body #my-tickets-page #tickets-page-wrap .formHorizontal .controlGroup .controls input, html body #my-tickets-page #tickets-page-wrap .formHorizontal .controlGroup .controls textarea {
            width: 100%;
            border-bottom: solid 1px #707070;
            font-size: 14px !important;
            color: #3F4644;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-weight: 500; }
          html body #my-tickets-page #tickets-page-wrap .formHorizontal .controlGroup .controls textarea {
            height: 40px; }
      html body #my-tickets-page #tickets-page-wrap .formHorizontal .help-block {
        text-align: center;
        font-size: 14px;
        line-height: 24px;
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        color: #3F4644; }
      html body #my-tickets-page #tickets-page-wrap .formHorizontal .pull-right {
        display: flex;
        float: none;
        flex-direction: column-reverse;
        align-items: center;
        margin-top: 40px; }
        html body #my-tickets-page #tickets-page-wrap .formHorizontal .pull-right a, html body #my-tickets-page #tickets-page-wrap .formHorizontal .pull-right input {
          width: 340px;
          height: 40px;
          box-sizing: border-box;
          justify-content: center;
          align-items: center;
          margin-bottom: 30px; }
          @media (max-width: 360px) {
            html body #my-tickets-page #tickets-page-wrap .formHorizontal .pull-right a, html body #my-tickets-page #tickets-page-wrap .formHorizontal .pull-right input {
              width: 100% !important; } }
        html body #my-tickets-page #tickets-page-wrap .formHorizontal .pull-right a {
          background: #D9D9D9;
          color: #3F4644;
          line-height: 30px; }
          html body #my-tickets-page #tickets-page-wrap .formHorizontal .pull-right a:hover {
            border: 0;
            color: #FFFFFF; }
  html body #payment-details-page .breathe {
    display: none; }
  html body #payment-details-page #payment-details-wrap {
    padding-top: 10px; }
    html body #payment-details-page #payment-details-wrap .paymentDetailsFields fieldset {
      padding: 6px 16px 16px;
      background: #FFFFFF;
      border-radius: 8px;
      margin-top: 16px; }
    html body #payment-details-page #payment-details-wrap .select-icons-description-top p {
      color: #3F4644;
      font-size: 16px;
      margin-top: 0;
      margin-bottom: 20px;
      text-align: left;
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif; }
      @media only screen and (max-width: 748px) {
        html body #payment-details-page #payment-details-wrap .select-icons-description-top p {
          margin-top: 10px;
          margin-bottom: 30px; } }
    @media (min-width: 749px) {
      html body #payment-details-page #payment-details-wrap {
        width: 700px;
        margin: 0 auto; } }
    html body #payment-details-page #payment-details-wrap h2 {
      color: #004433;
      font-size: 18px;
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      text-align: left;
      text-transform: capitalize;
      font-weight: normal;
      margin: 0;
      padding: 0; }
    html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons {
      background: #FFFFFF;
      border-radius: 8px;
      padding: 16px 16px 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon {
        margin: 0; }
        html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry {
          width: 85px;
          height: auto;
          background-size: 240px;
          border-radius: 8px;
          border: solid 1px #3F4644;
          margin: 0 12px 16px 12px;
          padding: 5px; }
          html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.visa {
            background-position: 10px 0; }
          html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.mastercard {
            background-position: 10px -86px; }
          html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.pps {
            background-position: 10px -258px; }
          html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.amex {
            background-position: 10px -43px; }
          html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.chinapay {
            background-position: 10px -172px; }
          html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.octopus {
            background-position: 10px -215px; }
          html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.visa-checkout {
            background-position: 10px -128px; }
          html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.tapngo {
            background-position: 10px -302px; }
          html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.wechat, html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.icbc-macau-wechat-pay {
            background-position: 12px -430px; }
          html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.paypal {
            background-position: 10px -474px; }
          html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.payme {
            background-position: 10px -518px; }
          html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.jcb {
            background-position: 10px -561px; }
          html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.macaupay {
            background-position: 10px -603px; }
          html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.macaupass-alipay, html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.icbc-macau-alipay {
            background-position: 13px -646px; }
          html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.icbc-macau-cards {
            background-position: center center;
            width: 200px !important;
            background-image: url("/static/whitelabels/sjm/images/visa-master-union.png") !important;
            background-size: 180px; }
          html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.alipay-hong-kong {
            background-position: 12px -733px; }
            @media only screen and (max-width: 748px) {
              html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.alipay-hong-kong {
                background-position: 14px -731px; } }
          html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.icbc-macau-epay {
            background-position: -57px -734px; }
          html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.gcash {
            background-position: -112px -733px; }
          html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.grabpay {
            background-position: -123px -776px; }
          html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.maya {
            background-position: 10px -820px; }
          html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.atome {
            background-position: 0 -777px; }
          html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.bpi-online-banking {
            background-position: -62px -777px; }
          html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.jcc {
            background-position: 0 -864px;
            width: 178px !important; }
          html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry.paynow {
            background-position: 12px -1030px; }
        @media only screen and (max-width: 748px) {
          html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon {
            width: auto;
            float: none; } }
        html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon.active .payment-entry {
          position: relative;
          border: solid 2px #009B7A; }
        html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon.icbc-macau-cards .payment-entry {
          width: 220px !important;
          height: 53px;
          background-image: url("/static/whitelabels/sjm/images/icbc_macau_update.png") !important;
          background-size: 200px;
          background-repeat: no-repeat;
          background-position: center center;
          box-sizing: border-box; }
          html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon.icbc-macau-cards .payment-entry img {
            display: none; }
        html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon.icbc-macau-wechat-pay .payment-entry {
          width: 76px !important;
          height: 53px;
          background-image: url("/static/whitelabels/sjm/images/wechat-pay.png") !important;
          background-size: 45px;
          background-repeat: no-repeat;
          background-position: center center;
          box-sizing: border-box;
          min-width: 75px !important; }
          html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon.icbc-macau-wechat-pay .payment-entry img {
            display: none; }
        html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon.icbc-macau-alipay .payment-entry {
          width: 76px !important;
          height: 53px;
          background-image: url("/static/whitelabels/sjm/images/alipay.png") !important;
          background-size: 45px;
          background-repeat: no-repeat;
          background-position: center center;
          box-sizing: border-box;
          min-width: 75px !important; }
          html body #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon.icbc-macau-alipay .payment-entry img {
            display: none; }
    html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup {
      display: flex;
      float: left;
      flex-wrap: wrap; }
      @media only screen and (max-width: 748px) {
        html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup {
          display: block;
          border: 0; } }
      html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup.error {
        border-bottom-color: #B94D4D;
        position: relative; }
        @media only screen and (max-width: 748px) {
          html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup.error {
            margin-bottom: 20px; } }
        html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup.error .controls span.helpInline {
          left: 0;
          top: 0;
          padding-left: 16px;
          padding-top: 5px;
          display: block; }
          html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup.error .controls span.helpInline ul.errorlist li {
            font-size: 14px;
            color: #B94D4D;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-weight: 500; }
            html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup.error .controls span.helpInline ul.errorlist li::before {
              content: "";
              width: 15px;
              height: 15px;
              background: url("/static/whitelabels/sjm/images/error-icon.png") no-repeat left top;
              margin-right: 5px;
              display: inline-block;
              background-size: cover; }
      html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup label {
        color: #004433;
        font-size: 14px;
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        font-weight: 500;
        width: 205px; }
        @media only screen and (max-width: 748px) {
          html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup label {
            height: auto;
            width: 100% !important;
            box-sizing: border-box; } }
      html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup .controls {
        width: 100%;
        position: relative; }
        html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup .controls input {
          color: #3F4644;
          font-size: 14px !important;
          font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
          font-weight: 500;
          background: transparent !important;
          border: solid 1px #AAAAAA;
          border-radius: 30px;
          padding: 5px 16px;
          min-height: 45px; }
          html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup .controls input::placeholder {
            color: #3F4644;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-weight: 500;
            font-size: 14px; }
        html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup .controls select {
          border: solid 1px #AAAAAA;
          border-radius: 30px;
          padding: 5px 16px;
          min-height: 45px; }
        html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup .controls .question-sign {
          background: #3F4644;
          margin-top: 5px; }
        html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup .controls .helpInline {
          position: relative;
          width: 100%;
          left: 0;
          top: 23px;
          text-align: left; }
      html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup:nth-child(4) {
        width: 50%;
        float: left;
        position: relative; }
        @media only screen and (max-width: 748px) {
          html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup:nth-child(4) {
            width: 100%; } }
        html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup:nth-child(4).error {
          margin-bottom: 15px; }
          @media only screen and (max-width: 748px) {
            html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup:nth-child(4).error {
              margin-bottom: 0; } }
        html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup:nth-child(4) .date-components-split {
          display: flex; }
          html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup:nth-child(4) .date-components-split input {
            width: 75px;
            text-align: center; }
        html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup:nth-child(4) .date-components-error {
          position: relative;
          left: 0;
          width: 100%;
          display: block !important;
          margin-left: 0; }
          @media only screen and (max-width: 748px) {
            html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup:nth-child(4) .date-components-error {
              position: relative; } }
          html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup:nth-child(4) .date-components-error span.helpInline {
            top: 5px;
            padding-left: 16px; }
            @media only screen and (max-width: 748px) {
              html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup:nth-child(4) .date-components-error span.helpInline {
                left: 0;
                position: relative;
                top: unset; } }
            html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup:nth-child(4) .date-components-error span.helpInline:nth-child(2) {
              top: 58px; }
              @media only screen and (max-width: 748px) {
                html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup:nth-child(4) .date-components-error span.helpInline:nth-child(2) {
                  left: 0;
                  position: relative;
                  top: unset; } }
      html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup:nth-child(5) {
        width: calc(50% - 8px);
        float: left;
        margin-left: 8px; }
        @media only screen and (max-width: 748px) {
          html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .controlGroup:nth-child(5) {
            width: 100%;
            margin-left: 0; } }
    html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .country-field-container .controlGroup .controls {
      position: relative; }
      html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .country-field-container .controlGroup .controls::before {
        font-size: 20px;
        color: #707070;
        top: 9px;
        pointer-events: none;
        right: 14px; }
    html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .country-field-container .controlGroup select {
      background: none;
      color: #3F4644;
      font-size: 14px !important;
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      font-weight: 500; }
      html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .country-field-container .controlGroup select option {
        color: #3F4644;
        font-size: 14px !important;
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        font-weight: 500; }
    html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .popover {
      max-width: 250px;
      width: 250px; }
      @media (max-width: 360px) {
        html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .popover {
          left: -203px !important; } }
      html body #payment-details-page #payment-details-wrap #payment-details-form .paymentDetailsFields .credit_card_info .card_info .popover .popover-content img {
        width: 100%; }
    html body #payment-details-page #payment-details-wrap #payment-details-form .select-icons-description {
      margin: 30px 0 25px; }
      html body #payment-details-page #payment-details-wrap #payment-details-form .select-icons-description p {
        display: none !important; }
    html body #payment-details-page #payment-details-wrap #payment-details-form .formActions {
      display: flex;
      align-items: center;
      margin-bottom: 50px;
      margin-top: 16px;
      background: #FFFFFF;
      border-radius: 8px;
      padding: 16px;
      justify-content: center;
      gap: 8px; }
      html body #payment-details-page #payment-details-wrap #payment-details-form .formActions .tf-btn {
        width: auto;
        height: 45px;
        box-sizing: border-box;
        margin: 0;
        padding: 0 16px; }
        @media (max-width: 360px) {
          html body #payment-details-page #payment-details-wrap #payment-details-form .formActions .tf-btn {
            width: 100% !important; } }
        html body #payment-details-page #payment-details-wrap #payment-details-form .formActions .tf-btn.tf-btn-default {
          margin-top: 0;
          color: #3F4644; }
          html body #payment-details-page #payment-details-wrap #payment-details-form .formActions .tf-btn.tf-btn-default:hover {
            color: #FFFFFF; }
          @media (max-width: 360px) {
            html body #payment-details-page #payment-details-wrap #payment-details-form .formActions .tf-btn.tf-btn-default {
              width: 100% !important; } }
          html body #payment-details-page #payment-details-wrap #payment-details-form .formActions .tf-btn.tf-btn-default.cancel-order::after {
            background-image: url("/static/whitelabels/sjm/images/close-white.svg");
            width: 12px;
            height: 12px;
            content: "";
            border: 0;
            transform: rotate(0);
            background-repeat: no-repeat;
            background-size: contain;
            margin-top: 0;
            filter: invert(1);
            opacity: 0.4; }
  html body #event-package-step-indicator {
    width: calc(100% - 350px);
    margin-bottom: 15px; }
    @media screen and (max-width: 900px) and (min-width: 749px) {
      html body #event-package-step-indicator {
        width: calc(100% - 275px); } }
    @media only screen and (max-width: 748px) {
      html body #event-package-step-indicator {
        width: 100%;
        clear: both;
        float: left;
        padding: 0 10px;
        box-sizing: border-box; } }
    html body #event-package-step-indicator.packages-container .package-content {
      padding: 0; }
      html body #event-package-step-indicator.packages-container .package-content .package-name .package-qty {
        display: none !important; }
      html body #event-package-step-indicator.packages-container .package-content .step-item-list {
        margin: 20px 0 0; }
        html body #event-package-step-indicator.packages-container .package-content .step-item-list .selecting-msg {
          display: none !important; }
        html body #event-package-step-indicator.packages-container .package-content .step-item-list ul li {
          font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
          list-style: disc;
          list-style-position: inside;
          display: flex;
          justify-content: flex-start;
          align-items: center;
          padding-left: 10px; }
          html body #event-package-step-indicator.packages-container .package-content .step-item-list ul li::marker {
            color: #004433; }
          html body #event-package-step-indicator.packages-container .package-content .step-item-list ul li.each-item {
            display: flex;
            justify-content: flex-start;
            align-items: center; }
            @media screen and (max-width: 900px) and (min-width: 749px) {
              html body #event-package-step-indicator.packages-container .package-content .step-item-list ul li.each-item {
                display: block;
                line-height: 25px; } }
            @media only screen and (max-width: 748px) {
              html body #event-package-step-indicator.packages-container .package-content .step-item-list ul li.each-item {
                display: block;
                line-height: 25px; } }
          html body #event-package-step-indicator.packages-container .package-content .step-item-list ul li p {
            padding: 0;
            margin: 0; }
            html body #event-package-step-indicator.packages-container .package-content .step-item-list ul li p b {
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: normal; }
            html body #event-package-step-indicator.packages-container .package-content .step-item-list ul li p::marker {
              display: none; }
            html body #event-package-step-indicator.packages-container .package-content .step-item-list ul li p.offset-left {
              list-style: none; }
              html body #event-package-step-indicator.packages-container .package-content .step-item-list ul li p.offset-left::marker {
                display: none; }
              html body #event-package-step-indicator.packages-container .package-content .step-item-list ul li p.offset-left span {
                font-size: 21px; }
              html body #event-package-step-indicator.packages-container .package-content .step-item-list ul li p.offset-left .packages-with-details .into-mark {
                text-transform: lowercase;
                padding: 0 4px; }
              html body #event-package-step-indicator.packages-container .package-content .step-item-list ul li p.offset-left .packages-with-details b {
                padding-right: 0; }
          html body #event-package-step-indicator.packages-container .package-content .step-item-list ul li br {
            display: none; }
    @media only screen and (max-width: 748px) {
      html body #event-package-step-indicator {
        width: 100%; } }
    html body #event-package-step-indicator .package-content .package-name {
      width: 100%; }
      html body #event-package-step-indicator .package-content .package-name h2 {
        text-transform: capitalize;
        color: #3F4644 !important;
        font-size: 28px;
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        font-weight: 600;
        margin-top: 23px; }
    html body #event-package-step-indicator .package-content .step-item-list {
      width: 100%;
      margin-top: 15px; }
      html body #event-package-step-indicator .package-content .step-item-list ul {
        padding-left: 0; }
        html body #event-package-step-indicator .package-content .step-item-list ul li {
          margin-bottom: 10px; }
          html body #event-package-step-indicator .package-content .step-item-list ul li.each-item {
            color: #3F4644 !important;
            position: relative; }
            html body #event-package-step-indicator .package-content .step-item-list ul li.each-item .arrow {
              width: 1px;
              height: 1px;
              background-color: #3C3C3C;
              padding: 2px;
              border-radius: 5px;
              position: absolute;
              left: 0;
              top: 10px; }
            html body #event-package-step-indicator .package-content .step-item-list ul li.each-item b {
              color: #3F4644;
              font-size: 21px;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 500;
              font-weight: normal;
              width: auto;
              text-transform: capitalize;
              margin: 0;
              line-height: 25px;
              padding-right: 5px; }
              html body #event-package-step-indicator .package-content .step-item-list ul li.each-item b span {
                font-size: 21px;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-weight: 500; }
            html body #event-package-step-indicator .package-content .step-item-list ul li.each-item p {
              color: #3F4644 !important;
              padding-left: 0px;
              display: list-item !important;
              list-style: disc;
              margin-left: 0;
              font-size: 17px;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 500;
              line-height: 25px; }
              html body #event-package-step-indicator .package-content .step-item-list ul li.each-item p b {
                padding-left: 0;
                font-size: 21px;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-weight: 500;
                color: #3F4644; }
              html body #event-package-step-indicator .package-content .step-item-list ul li.each-item p.is-product::before {
                content: "("; }
              html body #event-package-step-indicator .package-content .step-item-list ul li.each-item p.is-product::after {
                content: ")"; }
            html body #event-package-step-indicator .package-content .step-item-list ul li.each-item.current {
              color: #004433 !important; }
              html body #event-package-step-indicator .package-content .step-item-list ul li.each-item.current .arrow {
                background: #004433; }
              html body #event-package-step-indicator .package-content .step-item-list ul li.each-item.current p, html body #event-package-step-indicator .package-content .step-item-list ul li.each-item.current b {
                color: #004433 !important;
                font-size: 21px;
                font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
                font-weight: 500;
                font-weight: normal;
                text-transform: capitalize; }
              html body #event-package-step-indicator .package-content .step-item-list ul li.each-item.current b::first-letter, html body #event-package-step-indicator .package-content .step-item-list ul li.each-item.current b::first-line {
                text-transform: capitalize; }
      html body #event-package-step-indicator .package-content .step-item-list .new-package-pricing {
        margin-top: 5px; }
        html body #event-package-step-indicator .package-content .step-item-list .new-package-pricing .label, html body #event-package-step-indicator .package-content .step-item-list .new-package-pricing .package-price {
          color: #3F4644;
          font-size: 21px;
          font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
          font-weight: 600; }
    html body #event-package-step-indicator .package-content .package-spec {
      background: #D9D9D9;
      padding: 6px 15px;
      box-sizing: border-box;
      width: 100%;
      position: fixed;
      left: 0;
      top: 115px;
      height: 32px;
      line-height: 32px;
      z-index: 3; }
      @media only screen and (max-width: 748px) {
        html body #event-package-step-indicator .package-content .package-spec {
          top: 120px; } }
      @media only screen and (max-width: 360px) {
        html body #event-package-step-indicator .package-content .package-spec {
          top: 124px; } }
      html body #event-package-step-indicator .package-content .package-spec .package-timer {
        display: flex !important;
        justify-content: center;
        align-items: center;
        margin-bottom: 0; }
        html body #event-package-step-indicator .package-content .package-spec .package-timer .label {
          width: auto;
          margin: 0 5px 0 0;
          font-weight: normal;
          font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
          font-size: 21px;
          line-height: 21px; }
        html body #event-package-step-indicator .package-content .package-spec .package-timer div {
          color: #3F4644 !important; }
      html body #event-package-step-indicator .package-content .package-spec .package-pricing {
        display: none !important; }
  html body #thanks-page .gray-container {
    padding-top: 50px; }
    @media (min-width: 749px) {
      html body #thanks-page .gray-container {
        width: 600px !important;
        margin: 0 auto; } }
    html body #thanks-page .gray-container #wait-message h2 {
      font-size: 20px;
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif !important;
      color: #004433;
      text-transform: capitalize;
      text-align: center;
      border: none;
      margin-bottom: 20px;
      font-weight: normal; }
    html body #thanks-page .gray-container #wait-message .larger-font {
      font-size: 16px;
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      font-weight: 500;
      color: #3F4644;
      text-transform: capitalize;
      text-align: center;
      line-height: 24px; }
    html body #thanks-page .gray-container #downloading-message header {
      left: unset;
      transform: none; }
      html body #thanks-page .gray-container #downloading-message header h2 {
        font-size: 21px;
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif !important;
        color: #004433;
        text-transform: capitalize;
        text-align: center;
        border: none;
        margin-bottom: 20px;
        font-weight: normal; }
    html body #thanks-page .gray-container #downloading-message .thankyou__list {
      width: 80%;
      margin: 0 auto; }
      html body #thanks-page .gray-container #downloading-message .thankyou__list .larger-font {
        font-size: 16px;
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        font-weight: 500;
        color: #3F4644;
        text-transform: none;
        text-align: center;
        line-height: 24px; }
    html body #thanks-page .gray-container #downloading-message .button__group {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 50px; }
      html body #thanks-page .gray-container #downloading-message .button__group a {
        width: 297px;
        height: 40px;
        box-sizing: border-box;
        align-items: center;
        justify-content: center;
        margin-bottom: 25px;
        line-height: 31px; }
        html body #thanks-page .gray-container #downloading-message .button__group a.tf-btn-default {
          background: #D9D9D9;
          color: #3F4644; }
          @media (max-width: 360px) {
            html body #thanks-page .gray-container #downloading-message .button__group a.tf-btn-default {
              width: 100% !important; } }
          html body #thanks-page .gray-container #downloading-message .button__group a.tf-btn-default:hover {
            color: #FFFFFF; }
        html body #thanks-page .gray-container #downloading-message .button__group a::after {
          display: none; }
  html body .evf-formset {
    width: 100% !important; }
  html body .modal .modalHeader {
    border-bottom: 0; }
    html body .modal .modalHeader h3 {
      font-size: 21px !important;
      color: #3F4644;
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      font-weight: 600;
      text-align: center;
      text-transform: capitalize;
      border-bottom: 0; }
  html body .blockUI.blockOverlay {
    background: #AAAAAA !important;
    opacity: 0.8; }
  html body .blockUI.blockMsg {
    max-height: unset !important; }
  html body .blockUI.blockMsg.blockPage {
    background: #FFFFFF !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
    transform: translateX(0) !important;
    border-radius: 8px;
    min-width: 600px; }
    @media only screen and (max-width: 748px) {
      html body .blockUI.blockMsg.blockPage {
        left: 0 !important;
        width: 90% !important;
        display: block;
        min-width: unset; } }
    html body .blockUI.blockMsg.blockPage #restart-package-selection-popup .modalFooter a {
      display: block;
      margin: 15px auto;
      width: 340px;
      line-height: 40px;
      height: 40px;
      box-sizing: border-box;
      padding: 0; }
      @media (max-width: 360px) {
        html body .blockUI.blockMsg.blockPage #restart-package-selection-popup .modalFooter a {
          width: 100%; } }
      html body .blockUI.blockMsg.blockPage #restart-package-selection-popup .modalFooter a.tf-btn-default {
        color: #8E9590 !important;
        background: transparent !important;
        border: solid 1px #8E9590;
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        font-size: 16px;
        border-radius: 30px !important;
        padding: 6px 12px 6px 12px;
        text-transform: capitalize;
        min-height: unset;
        line-height: normal;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0; }
        html body .blockUI.blockMsg.blockPage #restart-package-selection-popup .modalFooter a.tf-btn-default::after {
          content: '';
          display: inline-block;
          transform: rotate(45deg);
          height: 10px;
          width: 5px;
          border-bottom: 2px solid #8E9590;
          border-right: 2px solid #8E9590;
          margin-left: 12px;
          margin-top: -2px; }
        html body .blockUI.blockMsg.blockPage #restart-package-selection-popup .modalFooter a.tf-btn-default:hover {
          color: #8E9590 !important;
          background: #FFFFFF !important;
          text-decoration: none;
          border-color: #D9D9D9;
          -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
          -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
          box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); }
          html body .blockUI.blockMsg.blockPage #restart-package-selection-popup .modalFooter a.tf-btn-default:hover::after {
            border-color: #8E9590; }
    html body .blockUI.blockMsg.blockPage #change-data-modal h3.tf-title {
      font-size: 21px !important;
      color: #3F4644;
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      font-weight: 500; }
    html body .blockUI.blockMsg.blockPage #change-data-modal .actions.modelFooter {
      display: flex;
      flex-direction: column-reverse; }
      html body .blockUI.blockMsg.blockPage #change-data-modal .actions.modelFooter a, html body .blockUI.blockMsg.blockPage #change-data-modal .actions.modelFooter input {
        display: flex;
        justify-content: center;
        margin: 10px 0;
        height: 40px; }
    html body .blockUI.blockMsg.blockPage #simple_popup .modalBody {
      text-align: center;
      justify-content: center; }
    html body .blockUI.blockMsg.blockPage #simple_popup .modalFooter {
      border-top: 0;
      text-align: center; }
    html body .blockUI.blockMsg.blockPage #order_state_already_existing {
      padding: 10px 15px; }
      html body .blockUI.blockMsg.blockPage #order_state_already_existing .modalFooter {
        display: flex;
        justify-content: center;
        border-top: 0;
        flex-direction: column; }
        html body .blockUI.blockMsg.blockPage #order_state_already_existing .modalFooter a {
          display: block;
          margin: 5px auto;
          width: 100%;
          height: 40px;
          font-size: 18px;
          line-height: 40px;
          box-sizing: border-box;
          padding: 0; }
          @media (max-width: 360px) {
            html body .blockUI.blockMsg.blockPage #order_state_already_existing .modalFooter a {
              width: 100%; } }
          html body .blockUI.blockMsg.blockPage #order_state_already_existing .modalFooter a.tf-btn-default {
            color: #8E9590 !important;
            background: transparent !important;
            border: solid 1px #8E9590;
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            font-size: 16px;
            border-radius: 30px !important;
            padding: 6px 12px 6px 12px;
            text-transform: capitalize;
            min-height: unset;
            line-height: normal;
            height: 45px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0;
            max-width: 100%;
            height: 40px;
            font-size: 18px;
            line-height: 40px; }
            html body .blockUI.blockMsg.blockPage #order_state_already_existing .modalFooter a.tf-btn-default::after {
              content: '';
              display: inline-block;
              transform: rotate(45deg);
              height: 10px;
              width: 5px;
              border-bottom: 2px solid #8E9590;
              border-right: 2px solid #8E9590;
              margin-left: 12px;
              margin-top: -2px; }
            html body .blockUI.blockMsg.blockPage #order_state_already_existing .modalFooter a.tf-btn-default:hover {
              color: #8E9590 !important;
              background: #FFFFFF !important;
              text-decoration: none;
              border-color: #D9D9D9;
              -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
              -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
              box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); }
              html body .blockUI.blockMsg.blockPage #order_state_already_existing .modalFooter a.tf-btn-default:hover::after {
                border-color: #8E9590; }
          html body .blockUI.blockMsg.blockPage #order_state_already_existing .modalFooter a.order_stop {
            order: 2; }
          html body .blockUI.blockMsg.blockPage #order_state_already_existing .modalFooter a.order_continue {
            order: 1;
            height: 45px;
            background-color: #8E9590 !important;
            color: #FFFFFF !important; }
            html body .blockUI.blockMsg.blockPage #order_state_already_existing .modalFooter a.order_continue::after {
              background-image: url("/static/whitelabels/sjm/images/close-white.svg");
              width: 12px;
              height: 12px;
              content: "";
              border: 0;
              transform: rotate(0);
              background-repeat: no-repeat;
              background-size: contain;
              margin-top: 2px; }
            html body .blockUI.blockMsg.blockPage #order_state_already_existing .modalFooter a.order_continue:hover::after {
              filter: invert(1);
              opacity: 0.4; }
      html body .blockUI.blockMsg.blockPage #order_state_already_existing .modalCloseIcon {
        display: none; }
    html body .blockUI.blockMsg.blockPage #error_popup .modalFooter, html body .blockUI.blockMsg.blockPage #frontend-timer-timeup .modalFooter {
      border-top: 0; }
      html body .blockUI.blockMsg.blockPage #error_popup .modalFooter a, html body .blockUI.blockMsg.blockPage #frontend-timer-timeup .modalFooter a {
        display: block !important;
        width: 340px;
        height: 40px;
        box-sizing: border-box;
        margin: 15px auto 0 auto;
        line-height: 28px;
        background-color: #004433; }
        html body .blockUI.blockMsg.blockPage #error_popup .modalFooter a:hover, html body .blockUI.blockMsg.blockPage #frontend-timer-timeup .modalFooter a:hover {
          background-color: #D9D9D9; }
    html body .blockUI.blockMsg.blockPage #custom-message-modal .modalCloseIcon {
      display: none; }
    html body .blockUI.blockMsg.blockPage .thanks-modal .modalCloseIcon {
      display: none; }
    html body .blockUI.blockMsg.blockPage #termsAndConditionsModal .modalHeader h3, html body .blockUI.blockMsg.blockPage #privacyPolicyModal .modalHeader h3, html body .blockUI.blockMsg.blockPage #cookiesPolicyModal .modalHeader h3 {
      text-align: left; }
    html body .blockUI.blockMsg.blockPage #termsAndConditionsModal .modalBody, html body .blockUI.blockMsg.blockPage #privacyPolicyModal .modalBody, html body .blockUI.blockMsg.blockPage #cookiesPolicyModal .modalBody {
      text-align: left; }
      html body .blockUI.blockMsg.blockPage #termsAndConditionsModal .modalBody p, html body .blockUI.blockMsg.blockPage #privacyPolicyModal .modalBody p, html body .blockUI.blockMsg.blockPage #cookiesPolicyModal .modalBody p {
        text-align: left;
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        font-weight: 500;
        font-size: 15px !important;
        line-height: 19px;
        color: #3F4644;
        margin: 0 0 20px 0; }
        html body .blockUI.blockMsg.blockPage #termsAndConditionsModal .modalBody p strong, html body .blockUI.blockMsg.blockPage #privacyPolicyModal .modalBody p strong, html body .blockUI.blockMsg.blockPage #cookiesPolicyModal .modalBody p strong {
          font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
          font-weight: 600; }
    html body .blockUI.blockMsg.blockPage .modalHeader h3 {
      font-size: 21px !important;
      color: #3F4644;
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      font-weight: 500; }
    html body .blockUI.blockMsg.blockPage .modalBody {
      font-size: 16px !important;
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      font-weight: 500;
      color: #3F4644;
      text-align: center;
      line-height: 24px; }
      @media only screen and (max-width: 748px) {
        html body .blockUI.blockMsg.blockPage .modalBody {
          width: 100%;
          max-width: unset;
          box-sizing: border-box;
          margin: 0;
          padding: 15px; } }
      html body .blockUI.blockMsg.blockPage .modalBody p {
        font-size: 16px !important;
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        font-weight: 500;
        color: #3F4644;
        text-align: center;
        line-height: 24px; }
        html body .blockUI.blockMsg.blockPage .modalBody p a {
          color: #004433; }
      html body .blockUI.blockMsg.blockPage .modalBody ul li {
        list-style: disc;
        color: #3F4644; }
        html body .blockUI.blockMsg.blockPage .modalBody ul li a {
          color: #004433; }
      html body .blockUI.blockMsg.blockPage .modalBody .buttons .sbHolder {
        height: 50px;
        border: 1px solid #707070; }
        html body .blockUI.blockMsg.blockPage .modalBody .buttons .sbHolder .sbSelector {
          color: #3F4644;
          font-size: 18px;
          text-transform: capitalize;
          width: 100% !important;
          font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
          font-weight: 500; }
        html body .blockUI.blockMsg.blockPage .modalBody .buttons .sbHolder .sbOptions {
          left: 0 !important;
          width: 100% !important; }
          html body .blockUI.blockMsg.blockPage .modalBody .buttons .sbHolder .sbOptions li {
            padding: 0; }
            html body .blockUI.blockMsg.blockPage .modalBody .buttons .sbHolder .sbOptions li a {
              text-transform: capitalize;
              font-size: 18px !important;
              color: #3F4644 !important;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 500; }
      html body .blockUI.blockMsg.blockPage .modalBody .buttons #confirm-country {
        font-size: 18px;
        margin-left: auto;
        margin-right: auto; }
      html body .blockUI.blockMsg.blockPage .modalBody.withoutFooter p {
        padding: 0; }
      html body .blockUI.blockMsg.blockPage .modalBody.withoutFooter button {
        display: block !important;
        width: 340px;
        height: 40px;
        box-sizing: border-box;
        margin: 15px auto 0 auto; }
        @media (max-width: 360px) {
          html body .blockUI.blockMsg.blockPage .modalBody.withoutFooter button {
            width: 100%; } }
    html body .blockUI.blockMsg.blockPage .my-ticket-modal {
      padding: 30px !important; }
      html body .blockUI.blockMsg.blockPage .my-ticket-modal h3 {
        font-weight: normal; }
      @media only screen and (max-width: 748px) {
        html body .blockUI.blockMsg.blockPage .my-ticket-modal .formHorizontal .modalBody {
          padding: 0; } }
      html body .blockUI.blockMsg.blockPage .my-ticket-modal .formHorizontal .modalBody .controlGroup label.controlLabel {
        width: 145px;
        padding: 10px 0; }
        @media (max-width: 420px) {
          html body .blockUI.blockMsg.blockPage .my-ticket-modal .formHorizontal .modalBody .controlGroup label.controlLabel {
            display: none; } }
      html body .blockUI.blockMsg.blockPage .my-ticket-modal .formHorizontal .modalBody .controlGroup .controls {
        width: calc(100% - 145px); }
        @media (max-width: 420px) {
          html body .blockUI.blockMsg.blockPage .my-ticket-modal .formHorizontal .modalBody .controlGroup .controls {
            width: 100%; } }
        html body .blockUI.blockMsg.blockPage .my-ticket-modal .formHorizontal .modalBody .controlGroup .controls p.helpBlock {
          display: none; }
        html body .blockUI.blockMsg.blockPage .my-ticket-modal .formHorizontal .modalBody .controlGroup .controls .form-inline label div {
          display: none; }
      html body .blockUI.blockMsg.blockPage .my-ticket-modal .formHorizontal .modelFooter {
        display: flex;
        flex-direction: column;
        align-items: center;
        flex-direction: column-reverse; }
        html body .blockUI.blockMsg.blockPage .my-ticket-modal .formHorizontal .modelFooter a, html body .blockUI.blockMsg.blockPage .my-ticket-modal .formHorizontal .modelFooter input {
          width: 340px;
          height: 40px;
          line-height: 40px;
          padding: 0;
          box-sizing: border-box;
          margin: 0; }
          @media (max-width: 360px) {
            html body .blockUI.blockMsg.blockPage .my-ticket-modal .formHorizontal .modelFooter a, html body .blockUI.blockMsg.blockPage .my-ticket-modal .formHorizontal .modelFooter input {
              width: 100%; } }
        html body .blockUI.blockMsg.blockPage .my-ticket-modal .formHorizontal .modelFooter input {
          margin-bottom: 30px; }
        html body .blockUI.blockMsg.blockPage .my-ticket-modal .formHorizontal .modelFooter a.tf-btn-default {
          background: #D9D9D9;
          color: #3F4644; }
          html body .blockUI.blockMsg.blockPage .my-ticket-modal .formHorizontal .modelFooter a.tf-btn-default:hover {
            color: #FFFFFF; }
    html body .blockUI.blockMsg.blockPage:has(#address-location-map) {
      background: none !important;
      box-shadow: unset !important;
      top: 10% !important; }
  html body footer {
    padding: 85px 0 37px 0 !important;
    border: none;
    width: 100% !important;
    max-width: unset !important;
    overflow: unset !important; }
    @media only screen and (max-width: 748px) {
      html body footer {
        z-index: 1; } }
    html body footer.container {
      background: #001E1E;
      padding-top: 20px !important;
      margin-top: 40px;
      padding-bottom: 2px !important; }
      @media only screen and (max-width: 748px) {
        html body footer.container {
          position: relative;
          z-index: 9;
          padding-top: 0 !important; } }
    html body footer .footer-menu {
      margin: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 1230px !important;
      overflow: unset !important;
      max-width: 100%; }
      @media only screen and (max-width: 748px) {
        html body footer .footer-menu {
          width: 100% !important;
          justify-content: center;
          padding: 0 15px;
          box-sizing: border-box; } }
      html body footer .footer-menu .footer-logo-wrap {
        text-align: center;
        padding-bottom: 40px;
        padding-top: 10px;
        width: 100%;
        display: flex;
        justify-content: space-around;
        max-width: 1134px;
        margin: 0 auto;
        display: none; }
        @media only screen and (max-width: 748px) {
          html body footer .footer-menu .footer-logo-wrap {
            flex-wrap: wrap;
            margin-bottom: 15px;
            justify-content: center;
            padding-bottom: 10px; } }
        html body footer .footer-menu .footer-logo-wrap .sjm-footer-logos {
          height: 85px;
          background-size: contain !important;
          color: #FFFFFF;
          font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
          font-size: 16px; }
          @media only screen and (max-width: 748px) {
            html body footer .footer-menu .footer-logo-wrap .sjm-footer-logos {
              margin: 0 13px 15px; } }
          html body footer .footer-menu .footer-logo-wrap .sjm-footer-logos.sjm-logo {
            width: 370px;
            background: url("/static/whitelabels/sjm/images/sjm-footer.png") no-repeat center top; }
            @media only screen and (max-width: 748px) {
              html body footer .footer-menu .footer-logo-wrap .sjm-footer-logos.sjm-logo {
                flex-shrink: 0;
                width: 100%;
                background-size: 175px !important;
                height: 40px;
                margin-bottom: 20px; } }
          html body footer .footer-menu .footer-logo-wrap .sjm-footer-logos.glp {
            width: 150px;
            background: url("/static/whitelabels/sjm/images/glp.svg") no-repeat center top; }
            @media only screen and (max-width: 748px) {
              html body footer .footer-menu .footer-logo-wrap .sjm-footer-logos.glp {
                width: 66px;
                height: 36px; } }
          html body footer .footer-menu .footer-logo-wrap .sjm-footer-logos.gl {
            width: 85px;
            background: url("/static/whitelabels/sjm/images/gl.svg") no-repeat center top; }
            @media only screen and (max-width: 748px) {
              html body footer .footer-menu .footer-logo-wrap .sjm-footer-logos.gl {
                width: 36px;
                height: 36px; } }
          html body footer .footer-menu .footer-logo-wrap .sjm-footer-logos.hl {
            width: 90px;
            background: url("/static/whitelabels/sjm/images/sjm-hotel-lisboa.svg") no-repeat center top; }
            @media only screen and (max-width: 748px) {
              html body footer .footer-menu .footer-logo-wrap .sjm-footer-logos.hl {
                width: 28px;
                height: 36px; } }
          html body footer .footer-menu .footer-logo-wrap .sjm-footer-logos.oceanus {
            width: 90px;
            background: url("/static/whitelabels/sjm/images/oceanus.svg") no-repeat center top; }
            @media only screen and (max-width: 748px) {
              html body footer .footer-menu .footer-logo-wrap .sjm-footer-logos.oceanus {
                width: 36px;
                height: 36px; } }
          html body footer .footer-menu .footer-logo-wrap .sjm-footer-logos.ponte {
            width: 90px;
            background: url("/static/whitelabels/sjm/images/ponte_16.svg") no-repeat center top; }
            @media only screen and (max-width: 748px) {
              html body footer .footer-menu .footer-logo-wrap .sjm-footer-logos.ponte {
                width: 23px;
                height: 36px; } }
      html body footer .footer-menu .footer-last-row {
        display: flex;
        justify-content: center;
        width: 100%;
        padding: 0 0 15px;
        align-items: center; }
        @media only screen and (max-width: 748px) {
          html body footer .footer-menu .footer-last-row {
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding-top: 15px; } }
        html body footer .footer-menu .footer-last-row .footer-quick-links {
          display: flex;
          justify-content: center;
          flex-wrap: wrap; }
          html body footer .footer-menu .footer-last-row .footer-quick-links .ticket-sale::after {
            display: none; }
          html body footer .footer-menu .footer-last-row .footer-quick-links .copyright {
            width: 100%;
            text-align: center; }
      html body footer .footer-menu .social-header-mobile {
        display: none;
        font-size: 10px;
        text-transform: uppercase;
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        color: #FFFFFF;
        text-align: center; }
      html body footer .footer-menu .social-icons {
        display: none;
        margin: 0; }
        @media only screen and (max-width: 748px) {
          html body footer .footer-menu .social-icons {
            margin: 15px 0;
            justify-content: center;
            order: 1; } }
        html body footer .footer-menu .social-icons li {
          display: flex; }
          html body footer .footer-menu .social-icons li a {
            width: 25px;
            height: 25px;
            display: flex;
            border-radius: 50%;
            justify-content: center;
            align-items: center;
            margin: 0 0 0 15px;
            color: #FFFFFF; }
            @media only screen and (max-width: 748px) {
              html body footer .footer-menu .social-icons li a {
                width: 35px;
                height: 35px; } }
            html body footer .footer-menu .social-icons li a:first-child svg {
              width: 11px; }
            @media only screen and (max-width: 748px) {
              html body footer .footer-menu .social-icons li a svg {
                width: 26px;
                height: 28px; } }
            html body footer .footer-menu .social-icons li a:first-child {
              margin-left: 0; }
            html body footer .footer-menu .social-icons li a:hover {
              color: #FFFFFF !important; }
            html body footer .footer-menu .social-icons li a.qr-link {
              position: relative; }
              html body footer .footer-menu .social-icons li a.qr-link .qrcode {
                position: absolute;
                z-index: 99;
                top: -165px;
                right: -40px;
                width: 150px;
                padding: 5px;
                max-width: none;
                height: 150px;
                transform: scale(0);
                transform-origin: bottom center;
                opacity: 0;
                transition: all .4s ease-in-out;
                background-color: #FFFFFF;
                border: 1px solid #004433;
                background: url(/static/whitelabels/sjm/images/wechat_qrCode.jpg) no-repeat center center;
                background-size: contain; }
                @media screen and (max-width: 1230px) {
                  html body footer .footer-menu .social-icons li a.qr-link .qrcode {
                    right: 0; } }
                html body footer .footer-menu .social-icons li a.qr-link .qrcode img {
                  width: 100% !important;
                  max-width: 100% !important; }
                html body footer .footer-menu .social-icons li a.qr-link .qrcode p {
                  margin: 0;
                  text-align: center;
                  font-size: 12px;
                  padding: 0;
                  line-height: 15px;
                  height: 15px;
                  color: #3F4644;
                  text-transform: initial !important; }
              html body footer .footer-menu .social-icons li a.qr-link:hover .qrcode {
                transform: scale(1);
                opacity: 1; }
      html body footer .footer-menu .payment-logos-wrapper {
        margin-top: 25px; }
      html body footer .footer-menu .footer-copyright {
        margin-top: 15px;
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        font-size: 14px;
        letter-spacing: 0.65px;
        color: #3F4644;
        text-transform: capitalize;
        line-height: 18px; }
  html body.page-footer-displayed #buy-now-for-mobile-only {
    position: absolute !important; }
  @media only screen and (max-width: 748px) {
    html body .footer-quick-links {
      order: 2;
      text-align: center; } }
  html body .footer-quick-links a {
    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
    font-size: 11px;
    text-transform: initial;
    color: #A8996E;
    padding-right: 15px;
    display: inline-block; }
    @media only screen and (max-width: 748px) {
      html body .footer-quick-links a {
        padding-right: 0;
        display: inline-block;
        padding-bottom: 10px;
        text-align: center;
        font-size: 10px; } }
    html body .footer-quick-links a::after {
      content: '|';
      display: inline-block;
      color: #A8996E;
      margin-left: 20px; }
      @media only screen and (max-width: 748px) {
        html body .footer-quick-links a::after {
          font-size: 10px;
          margin: 0 16px;
          display: none; } }
    html body .footer-quick-links a:first-child::after {
      display: inline-block; }
    html body .footer-quick-links a:last-child {
      padding-right: 0; }
      @media only screen and (max-width: 748px) {
        html body .footer-quick-links a:last-child {
          padding-bottom: 0; } }
      html body .footer-quick-links a:last-child::after {
        display: none; }
    html body .footer-quick-links a:hover {
      color: #FFFFFF;
      text-decoration: none; }
    @media only screen and (max-width: 748px) {
      html body .footer-quick-links a.ticket-sale {
        display: block; } }
    html body .footer-quick-links a.privacy-policy {
      text-transform: capitalize; }
  html body .footer-quick-links .copyright {
    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
    font-size: 11px;
    text-transform: capitalize;
    color: #FFFFFF; }
    @media only screen and (max-width: 748px) {
      html body .footer-quick-links .copyright {
        display: block;
        width: 100%;
        font-size: 10px; } }
  html body .payment-logos-wrapper ul.payment-logos li.bg-icon.visa {
    background-position: 0 0;
    height: 45px; }
  html body .payment-logos-wrapper ul.payment-logos li.bg-icon.mastercard {
    background-position: 0 -92px;
    height: 45px; }
  html body .payment-logos-wrapper ul.payment-logos li.bg-icon.pps {
    background-position: 0 -270px;
    height: 50px; }
  html body .payment-logos-wrapper ul.payment-logos li.bg-icon.amex {
    background-position: 0 -46px;
    height: 45px; }
  html body .payment-logos-wrapper ul.payment-logos li.bg-icon.chinapay {
    background-position: 0 -184px;
    height: 45px; }
  html body .payment-logos-wrapper ul.payment-logos li.bg-icon.octopus {
    background-position: 0 -230px;
    height: 50px; }
  html body .payment-logos-wrapper ul.payment-logos li.bg-icon.visa-verified {
    background-position: 0 -367px;
    height: 45px; }
  html body .payment-logos-wrapper ul.payment-logos li.bg-icon.mastercard-secure {
    background-position: 0 -412px;
    height: 45px; }
  html body .payment-logos-wrapper ul.payment-logos li.bg-icon.tapngo {
    background-position: 0 -320px;
    height: 44px; }
  html body .payment-logos-wrapper ul.payment-logos li.bg-icon.wechat, html body .payment-logos-wrapper ul.payment-logos li.bg-icon.icbc-macau-wechat-pay {
    background-position: 0 -460px;
    height: 40px; }
  html body .payment-logos-wrapper ul.payment-logos li.bg-icon.paypal {
    background-position: 0 -505px;
    height: 40px; }
  html body .payment-logos-wrapper ul.payment-logos li.bg-icon.diners-club {
    background-position: 0 -800px;
    height: 40px; }
  html body .payment-logos-wrapper ul.payment-logos li.bg-icon.payme {
    background-position: 0 -550px;
    height: 40px; }
  html body .payment-logos-wrapper ul.payment-logos li.bg-icon.jcb {
    background-position: 0 -606px;
    height: 43px; }
  html body .payment-logos-wrapper ul.payment-logos li.bg-icon.macaupay {
    background-position: 0 -665px;
    height: 40px; }
  html body .payment-logos-wrapper ul.payment-logos li.bg-icon.macaupass-alipay, html body .payment-logos-wrapper ul.payment-logos li.bg-icon.icbc-macau-alipay {
    background-position: 0 -707px;
    height: 40px; }
  html body .payment-logos-wrapper ul.payment-logos li.bg-icon.icbc-macau-cards {
    background-position: 0 -755px;
    height: 40px; }
  html body .payment-logos-wrapper ul.payment-logos li.bg-icon.alipay-hong-kong {
    background-position: 0 -863px;
    height: 40px; }
  html body .payment-logos-wrapper ul.payment-logos li.bg-icon.icbc-macau-epay {
    background-position: 0 -920px;
    height: 45px; }
  html body .payment-logos-wrapper ul.payment-logos li.bg-icon.gcash {
    background-position: 0 -994px;
    height: 45px; }
  html body .payment-logos-wrapper ul.payment-logos li.bg-icon.grabpay {
    background-position: 0 -1188px;
    height: 45px; }
  html body .payment-logos-wrapper ul.payment-logos li.bg-icon.maya {
    background-position: 0 -1256px;
    height: 45px; }
  html body .payment-logos-wrapper ul.payment-logos li.bg-icon.atome {
    background-position: 0 -1065px;
    height: 45px; }
  html body .payment-logos-wrapper ul.payment-logos li.bg-icon.bpi-online-banking {
    background-position: 0 -1128px;
    height: 45px; }
  html body .footer-mobile {
    padding: 25px !important; }
    @media screen and (max-height: 896px) {
      html body .footer-mobile {
        padding-bottom: 50px !important;
        padding-top: 0 !important; } }
    html body .footer-mobile .footer-menu {
      margin: 0;
      display: flex;
      flex-direction: column;
      align-items: left;
      border-top: 1px solid #707070;
      padding-top: 30px; }
      html body .footer-mobile .footer-menu .social-icons {
        display: none; }
        html body .footer-mobile .footer-menu .social-icons li {
          display: flex; }
          html body .footer-mobile .footer-menu .social-icons li a {
            width: 48px;
            height: 48px;
            display: flex;
            border-radius: 50%;
            justify-content: center;
            align-items: center;
            margin: 0 8px; }
            html body .footer-mobile .footer-menu .social-icons li a i {
              color: #3F4644; }
            html body .footer-mobile .footer-menu .social-icons li a svg path {
              stroke: #3F4644; }
            html body .footer-mobile .footer-menu .social-icons li a:hover {
              background-color: #CFCFCF; }
      html body .footer-mobile .footer-menu .payment-logos-wrapper {
        margin-top: 25px; }
      html body .footer-mobile .footer-menu .footer-quick-links {
        margin-top: 15px; }
        html body .footer-mobile .footer-menu .footer-quick-links a {
          font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
          font-weight: 500;
          font-size: 14px;
          text-transform: capitalize;
          color: #3F4644;
          padding-bottom: 0;
          line-height: 36px; }
          html body .footer-mobile .footer-menu .footer-quick-links a:hover {
            color: #004433; }
      html body .footer-mobile .footer-menu .footer-copyright {
        display: block;
        margin-top: 20px;
        font-size: 13px;
        color: #3F4644;
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        text-transform: capitalize; }
  html body .languageWrap {
    float: left;
    background: none;
    font-size: 16px;
    padding: 0;
    border-radius: 5px;
    margin-top: 0px;
    margin-left: 15px;
    height: 34px;
    position: unset;
    width: auto; }
    @media only screen and (max-width: 748px) {
      html body .languageWrap {
        margin-left: 0;
        order: 2;
        z-index: 1; } }
    html body .languageWrap #locale_switcher {
      position: relative; }
      html body .languageWrap #locale_switcher > span {
        background: url(/static/images/flags.png) no-repeat !important;
        width: 22px;
        position: absolute;
        top: 10px;
        left: 10px;
        height: 10px;
        cursor: pointer;
        display: none !important; }
      html body .languageWrap #locale_switcher .sbHolder {
        background-color: transparent;
        width: auto;
        min-width: 45px;
        padding: 0px 25px 0px 10px !important;
        cursor: pointer; }
        @media only screen and (max-width: 748px) {
          html body .languageWrap #locale_switcher .sbHolder {
            padding-right: 5px !important; } }
        html body .languageWrap #locale_switcher .sbHolder a {
          background-color: #F8F8F8;
          background: none;
          color: #FFFFFF;
          font-size: 15px;
          font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
          font-weight: 500;
          margin-left: 0 !important;
          line-height: 36px;
          padding: 0; }
          @media only screen and (max-width: 748px) {
            html body .languageWrap #locale_switcher .sbHolder a {
              margin-right: 0 !important;
              margin-left: -5px !important;
              padding-right: 20px;
              text-align: right; } }
          html body .languageWrap #locale_switcher .sbHolder a:hover {
            color: #FFFFFF !important; }
          html body .languageWrap #locale_switcher .sbHolder a.sbSelector {
            width: 100% !important;
            position: relative;
            top: 0; }
            html body .languageWrap #locale_switcher .sbHolder a.sbSelector::after {
              display: none; }
          html body .languageWrap #locale_switcher .sbHolder a.sbToggle::after {
            content: "";
            top: 12px;
            left: -9px;
            position: absolute;
            margin: 0 6px;
            width: 16px;
            height: 10px;
            background: url("/static/whitelabels/sjm/images/arrow-down.svg") no-repeat left top;
            background-size: cover; }
            @media only screen and (max-width: 748px) {
              html body .languageWrap #locale_switcher .sbHolder a.sbToggle::after {
                left: unset;
                top: 22px;
                right: -10px; } }
          html body .languageWrap #locale_switcher .sbHolder a.sbToggle.sbToggleOpen::after {
            transform: rotate(180deg); }
        html body .languageWrap #locale_switcher .sbHolder ul.sbOptions {
          background-color: #FFFFFF;
          border: 0;
          box-shadow: #D6D6D6 0 3px 6px;
          margin-top: 10px;
          border-radius: 5px;
          overflow: hidden;
          width: 70px;
          overflow: hidden;
          left: unset !important;
          overflow: hidden;
          right: 0;
          top: 22px !important; }
          @media only screen and (max-width: 748px) {
            html body .languageWrap #locale_switcher .sbHolder ul.sbOptions {
              top: 22px !important; } }
          html body .languageWrap #locale_switcher .sbHolder ul.sbOptions li {
            margin: 0;
            padding: 0;
            width: 100%;
            text-align: left; }
            html body .languageWrap #locale_switcher .sbHolder ul.sbOptions li a {
              color: #3F4644 !important;
              background-color: #FFFFFF !important;
              font-size: 14px;
              border-radius: 0;
              margin: 0;
              display: block;
              padding: 6px 16px 6px 16px !important;
              font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
              font-weight: 500;
              border: 0;
              line-height: normal;
              margin-left: 0 !important;
              text-transform: capitalize !important;
              text-align: center; }
              html body .languageWrap #locale_switcher .sbHolder ul.sbOptions li a::before {
                background: url(/static/images/flags.png) no-repeat;
                width: 22px;
                display: inline-block;
                content: '';
                margin-right: 5px;
                display: none; }
              html body .languageWrap #locale_switcher .sbHolder ul.sbOptions li a:hover {
                background-color: #EEEBE2 !important;
                color: #004433 !important;
                border-radius: 0; }
              html body .languageWrap #locale_switcher .sbHolder ul.sbOptions li a.active {
                background: #FFFFFF !important;
                color: #004433 !important; }
              html body .languageWrap #locale_switcher .sbHolder ul.sbOptions li a[rel="en"]::before {
                background-position: 0 0 !important;
                height: 11px; }
              html body .languageWrap #locale_switcher .sbHolder ul.sbOptions li a[rel="zh-hant"]::before {
                background-position: 0 -12px !important;
                height: 14px; }
              html body .languageWrap #locale_switcher .sbHolder ul.sbOptions li a[rel="zh-hans"]::before {
                background-position: 0 -27px !important;
                height: 14px; }
              html body .languageWrap #locale_switcher .sbHolder ul.sbOptions li a[rel="th"]::before {
                background-position: 0 -76px !important;
                height: 14px; }
  html body.language-style-en .languageWrap #locale_switcher > span {
    height: 14px;
    background-position: left 3px !important; }
  html body.language-style-zh-hant .languageWrap #locale_switcher > span {
    height: 16px;
    background-position: left -10px !important; }
  html body.language-style-zh-hans .languageWrap #locale_switcher > span {
    height: 16px;
    background-position: left -26px !important; }
  html body.language-style-th .languageWrap #locale_switcher > span {
    height: 16px;
    background-position: left -74px !important; }
  html body .blockUI.cookiesPopup {
    margin: auto !important;
    max-width: 80% !important;
    width: 500px !important;
    left: 0px !important;
    right: 0px !important;
    border-radius: 0px;
    box-shadow: none;
    text-align: center; }
    html body .blockUI.cookiesPopup h1 {
      border-bottom: none !important;
      padding-bottom: 0px !important;
      font-family: "Roboto,Bold";
      font-size: 21px !important;
      line-height: 24px !important;
      text-transform: capitalize !important;
      color: #3C3C3C;
      text-align: center; }
    html body .blockUI.cookiesPopup p {
      padding-bottom: 30px !important;
      font-size: 15px;
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      font-weight: 500;
      color: #3F4644;
      text-align: center; }
    html body .blockUI.cookiesPopup .tfn-btn-primary {
      width: 340px;
      height: 40px;
      margin: 0px auto 0px auto;
      padding: 0 15px !important;
      line-height: 40px;
      justify-content: center;
      display: flex;
      align-items: center; }
      @media (max-width: 420px) {
        html body .blockUI.cookiesPopup .tfn-btn-primary {
          width: 100%; } }

.show-password-button {
  background-size: 70% !important;
  padding: 8px 16px;
  position: absolute;
  right: 10px;
  top: 20px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAaCAYAAADFTB7LAAAABHNCSVQICAgIfAhkiAAAAsxJREFUWEell41R20AQha0KQgeQCoAKMBVAB0AFkSqIqcBOBTEdmAoiKgjuwKkgUIHyPs2dRjrfz8rZmRvJvt29d29v91bV4gSp6/qsqqrLruuWMmcgVxpn7v1Dz3eN/indVrr7zWbD71lSzdFumuZOC93LhuHBWF0Abiewu/V6/Wo1MgEUY7D0U+PC6rigd9D8kxhtS/6yAAUMQAADYEr+aIKFCCkDIdwM7M4zttgBFMBRSQIUuEdZrDVSoQTYSs63GQAL52eVAUrom5SfKEA5hTUApuRFE7X10JNU0t9oPGR8buXvKZw/AmgBJ0dH4N05vVES9Jkby1rpwPYskBOABnBvAreMseBCCfNeACr1zfNYX3qtft9YmRwARhaI+bjWgj4RJvOyJyl+R4wmocvojU1JHNhe9ABdeH5ldsXUq4yof1Ep+HiW7cobSnen97vCereUIQ+QncNAToZdxZS0KBtcZhx89eXEGK136V9XUq7llHJSkiG8MrlXMigPur2e53rCTg4cviklZDIRSx2HEEMDwL/6t3htyff4vLLQt9KOgvmXcfZr3c5g/wFAsu1LSTkACGPfSzbB/A/5IFq9GAF+nhpi67EYYzwtxG43lI7LAiNDkribgaMxR+YmCe3Z1cllRiDnhDkMr6XM9En5X4XacHXBcJgclgyeFurRwd3qPXdXttrV7TiujslH/Re2VZ/6j8oC04MY6uVkQ7FmoQQy2nW4mwR2KFmtBoWWCjEGV+ySwkYk1W4VQWpVsnICIJUxLqm4DGA6JRPmvFKpYaUgp2rkQbfISt8X9IZJ0XfMg7tpLhJKHAV6S0g5EkvLj2GuPTpovhXYScsvUL7lTwEDzBus+jt6NkBv4M4XQHPfFzkiw7m9Y60tGZm+6kZAabf8KF6PweKEkvq3E2M8TTIL4AgomepD6DOXpwcNGEJOEvGEqaOstiD8B7agVykntdw6AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  cursor: pointer;
  display: block !important; }
  .show-password-button.eye-active {
    background: url("/static/images/eye-disabled.svg") no-repeat; }

@media only screen and (max-width: 748px) {
  .modalBody {
    max-width: 65vh; } }

.blockUI h3.tf-title {
  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
  font-weight: 600;
  font-size: 21px !important;
  color: #3F4644 !important;
  text-align: center;
  text-transform: capitalize; }

.blockUI form .modalBody {
  overflow: unset; }
  .blockUI form .modalBody .controlGroup {
    position: relative;
    border-bottom: 1px solid #707070; }
    .blockUI form .modalBody .controlGroup label.controlLabel {
      padding: 10px;
      color: #707070;
      font-size: 14px;
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      font-weight: 500;
      text-align: left;
      text-transform: capitalize; }
    .blockUI form .modalBody .controlGroup .controls input {
      border: 0 !important;
      color: #3F4644;
      font-size: 14px !important;
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      font-weight: 500; }
    .blockUI form .modalBody .controlGroup .controls p.helpBlock {
      position: absolute;
      bottom: -35px;
      left: 0;
      margin-left: 0 !important;
      font-size: 14px;
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      color: #707070; }

.blockUI form .modelFooter {
  margin-top: 45px !important; }
  .blockUI form .modelFooter a, .blockUI form .modelFooter input {
    color: #FFFFFF !important;
    background: #009B7A !important;
    border: 0;
    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
    font-size: 16px;
    border-radius: 30px !important;
    padding: 6px 12px 6px 12px;
    text-transform: capitalize;
    min-height: 45px;
    border: solid 1px #009B7A;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 35px;
    padding-right: 35px;
    box-sizing: border-box; }
    .blockUI form .modelFooter a::after, .blockUI form .modelFooter input::after {
      content: '';
      display: inline-block;
      transform: rotate(45deg);
      height: 10px;
      width: 5px;
      border-bottom: 2px solid #FFFFFF;
      border-right: 2px solid #FFFFFF;
      margin-left: 12px;
      margin-top: -2px; }
    .blockUI form .modelFooter a:hover, .blockUI form .modelFooter input:hover {
      color: #009B7A !important;
      background: #FFFFFF !important;
      text-decoration: none;
      border-color: #D9D9D9;
      -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
      box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); }
      .blockUI form .modelFooter a:hover::after, .blockUI form .modelFooter input:hover::after {
        border-color: #009B7A; }

.blockUI .modal .modalFooter {
  border-top: 0; }
  .blockUI .modal .modalFooter .tf-btn.tf-btn-default {
    color: #FFFFFF !important;
    background: #009B7A !important;
    border: 0;
    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
    font-size: 16px;
    border-radius: 30px !important;
    padding: 6px 12px 6px 12px;
    text-transform: capitalize;
    min-height: 45px;
    border: solid 1px #009B7A;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 35px;
    padding-right: 35px; }
    .blockUI .modal .modalFooter .tf-btn.tf-btn-default::after {
      content: '';
      display: inline-block;
      transform: rotate(45deg);
      height: 10px;
      width: 5px;
      border-bottom: 2px solid #FFFFFF;
      border-right: 2px solid #FFFFFF;
      margin-left: 12px;
      margin-top: -2px; }
    .blockUI .modal .modalFooter .tf-btn.tf-btn-default:hover {
      color: #009B7A !important;
      background: #FFFFFF !important;
      text-decoration: none;
      border-color: #D9D9D9;
      -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
      box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); }
      .blockUI .modal .modalFooter .tf-btn.tf-btn-default:hover::after {
        border-color: #009B7A; }

.blockUI.ets-queuer-keep-alive-confirm-modal .modalFooter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  flex-direction: column; }
  .blockUI.ets-queuer-keep-alive-confirm-modal .modalFooter a {
    width: 340px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    padding: 0 !important;
    box-sizing: border-box; }
    @media (max-width: 420px) {
      .blockUI.ets-queuer-keep-alive-confirm-modal .modalFooter a {
        width: 100%; } }
    .blockUI.ets-queuer-keep-alive-confirm-modal .modalFooter a.tf-btn-default {
      background-color: #D9D9D9;
      color: #3F4644;
      font-size: 18px;
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      font-weight: 600;
      margin-top: 30px; }
      .blockUI.ets-queuer-keep-alive-confirm-modal .modalFooter a.tf-btn-default:hover {
        color: #FFFFFF; }

.blockUI.delete-data-request-confirmation {
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: center !important;
  display: flex;
  flex-direction: column; }
  .blockUI.delete-data-request-confirmation h1 {
    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
    font-weight: 600;
    font-size: 21px !important;
    line-height: 24px !important;
    padding: 15px 0 5px 0 !important;
    text-transform: capitalize !important;
    color: #3F4644;
    text-align: center !important;
    border-bottom: 0 !important; }
  .blockUI.delete-data-request-confirmation p {
    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #3F4644;
    line-height: 24px;
    text-align: center !important; }
  .blockUI.delete-data-request-confirmation button {
    width: 340px;
    height: 40px;
    margin: 30px auto 5px auto;
    padding: 0 !important;
    line-height: 40px;
    justify-content: center;
    display: inline-flex; }
    @media screen and (max-device-width: 844px) and (orientation: landscape) {
      .blockUI.delete-data-request-confirmation button {
        margin: 15px auto 5px auto; } }
    .blockUI.delete-data-request-confirmation button.tf-btn-primary {
      order: 4;
      background: #D9D9D9;
      color: #3F4644; }
      .blockUI.delete-data-request-confirmation button.tf-btn-primary:hover {
        color: #FFFFFF; }
    .blockUI.delete-data-request-confirmation button.tf-btn-default {
      background: #004433;
      color: #FFFFFF; }
    .blockUI.delete-data-request-confirmation button:last-child {
      order: 1;
      margin-bottom: 0; }
    @media (max-width: 420px) {
      .blockUI.delete-data-request-confirmation button {
        width: 100%; } }

html body .blockUI.delete-data-request-confirmation.blockPage {
  text-align: center !important;
  left: 0px !important;
  right: 0px !important;
  margin: auto !important;
  max-width: 80% !important;
  width: 500px !important;
  margin-top: -50px !important; }
  @media (max-width: 360px) {
    html body .blockUI.delete-data-request-confirmation.blockPage {
      max-width: 80% !important; } }

/*Cookeis popup style start from here*/
.layout-ets-v2 #cookie-popup-first {
  height: 100vh;
  margin: 0 auto;
  overflow-y: scroll;
  top: 1%; }
  @media (max-width: 1024px) {
    .layout-ets-v2 #cookie-popup-first {
      width: 100% !important;
      font-size: 14px !important; } }
  .layout-ets-v2 #cookie-popup-first .cookie-popup-inner {
    border: 1px solid #707070;
    border-radius: 8px; }
    @media only screen and (max-width: 748px) {
      .layout-ets-v2 #cookie-popup-first .cookie-popup-inner {
        padding: 29px 21px; } }
    .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-header {
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      font-weight: 600;
      font-size: 21px;
      color: #3F4644;
      border-bottom: 0;
      text-transform: capitalize; }
      .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-header h1 {
        text-transform: capitalize; }
    .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-body p {
      color: #3F4644; }
      .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-body p strong {
        color: #3F4644; }
      .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-body p a {
        color: #004433; }
    .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-body table {
      text-align: left;
      font-size: 15px;
      color: #3F4644;
      border: 1px solid #70707080;
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      font-weight: 500; }
      .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-body table tr td {
        border-top: 1px solid #707070;
        border-right: 1px solid #707070;
        border-bottom: 1px solid #707070;
        padding: 5px; }
      .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-body table tr th {
        border-top: 1px solid #707070;
        border-right: 1px solid #707070;
        padding: 5px; }
    .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-footer {
      text-align: center;
      margin-top: 20px;
      justify-content: center;
      display: flex; }
      @media only screen and (max-width: 748px) {
        .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-footer {
          margin-top: 19px; } }
      @media (max-width: 1248px) {
        .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-footer {
          flex-direction: column; } }
      .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-footer button {
        height: 40px;
        min-width: 320px;
        box-sizing: border-box;
        padding-top: 0;
        padding-bottom: 0;
        margin: 30px 5px 0 5px !important;
        line-height: 40px; }
        @media (max-width: 368px) {
          .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-footer button {
            width: 100% !important;
            font-size: 14px !important; } }
        .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-footer button.accept-all-first {
          display: inline-block !important; }
        .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-footer button.accept-all-last {
          display: none !important; }
        .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-footer button.tf-btn-primary {
          padding: 0 15px; }
        .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-footer button.tf-btn-default {
          background-color: #D9D9D9;
          color: #3F4644;
          height: 45px; }
          .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-footer button.tf-btn-default:hover {
            color: #FFFFFF; }
      .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-footer a.refuse-cookies {
        background-color: #D9D9D9;
        color: #3F4644;
        border-radius: 30px;
        font-size: 18px;
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        font-weight: 600;
        text-align: center;
        box-sizing: border-box;
        height: 40px;
        width: 320px;
        margin-top: 30px;
        padding: 0;
        line-height: 40px;
        order: 3; }
        .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-footer a.refuse-cookies:hover {
          color: #FFFFFF; }
        @media (max-width: 368px) {
          .layout-ets-v2 #cookie-popup-first .cookie-popup-inner .popup-footer a.refuse-cookies {
            width: 100%;
            font-size: 14px; } }

.seat-ticket-type-options {
  border: 0 !important;
  border-radius: 5px !important; }
  .seat-ticket-type-options .popover-inner .popover-title span {
    font-size: 14px;
    color: #3F4644;
    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
    font-weight: normal; }
  .seat-ticket-type-options .popover-inner .popover-title button {
    color: #004433 !important;
    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif; }
  .seat-ticket-type-options .popover-inner .popover-content table tr.seat-add-to-cart-option td {
    color: #3F4644;
    font-size: 14px;
    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif; }
    .seat-ticket-type-options .popover-inner .popover-content table tr.seat-add-to-cart-option td.action button {
      background: #FFFFFF;
      color: #004433;
      border-radius: 0;
      border: solid 1px #004433;
      font-size: 14px;
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      text-transform: uppercase !important;
      padding: 6px 6px 2px; }
      .seat-ticket-type-options .popover-inner .popover-content table tr.seat-add-to-cart-option td.action button[disabled] {
        background: #D9D9D9;
        color: #FFFFFF; }

input[type='radio']:after {
  width: 12px;
  height: 12px;
  border-radius: 15px;
  top: 0px;
  left: 3px;
  position: relative;
  background-color: #FFFFFF;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid #FFFFFF;
  box-shadow: 0px 0px 0px 1px #707070; }

input[type='radio']:checked:after {
  width: 12px;
  height: 12px;
  border-radius: 15px;
  top: 0px;
  left: 3px;
  position: relative;
  background-color: #004433;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid #FFFFFF;
  box-shadow: 0px 0px 0px 1px #004433; }

::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #707070; }

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #707070; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #707070; }

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #707070; }

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #707070; }

::placeholder {
  /* Most modern browsers support this now. */
  color: #707070; }

input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not(#recaptcha_response_field):not([type="button"]), textarea {
  background: transparent !important; }

input[type=text] {
  border-radius: 0; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important; }

html body #upsell-app .view h2 {
  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif !important; }

#auth-app #login-button-loader {
  height: 40px !important;
  width: 297px !important;
  margin: 0 auto !important;
  float: none !important;
  border-radius: 30px; }
  @media only screen and (max-width: 748px) {
    #auth-app #login-button-loader {
      border: solid 1px #004433 !important;
      max-height: 30px !important;
      padding-bottom: 0 !important; } }
  #auth-app #login-button-loader.evf-btn-primary {
    border-radius: 30px; }

html .my-ticket-modal form.formHorizontal div.controlGroup div.controls select {
  border-bottom: 1px solid #3F4644 !important;
  border-left: 0;
  border-right: 0;
  border-top: 0; }

.my-ticket-modal form .modalBody .controlGroup {
  border: 0; }

.my-ticket-modal form .modalBody .controlGroup input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not(#recaptcha_response_field):not([type="button"]), .my-ticket-modal form textarea {
  border-bottom: 1px solid #3F4644 !important;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  box-shadow: 0 0 0 30px white inset !important; }

html body .main-content #auth-app #evf-authentication #mini-auth-signup-form.evf-formset .evf-formset-field-container:nth-child(9) .evf-formset-field {
  margin-top: 0 !important; }

html body .main-content #auth-app #evf-authentication #mini-auth-signup-form.evf-formset .evf-formset-field-container:nth-child(5) .evf-formset-field {
  padding-left: 0; }
  @media only screen and (max-width: 748px) {
    html body .main-content #auth-app #evf-authentication #mini-auth-signup-form.evf-formset .evf-formset-field-container:nth-child(5) .evf-formset-field {
      padding-left: 0; } }

html body .main-content #auth-app #evf-authentication #mini-auth-signup-form.evf-formset .mini-auth-form-button {
  margin-top: 30px; }

html body .main-content #signup-or-signin-page-wrap #evf-authentication .forgot-password-text {
  padding-top: 10px !important; }

#sidebar-overlay {
  display: none; }
  #sidebar-overlay.active {
    position: fixed;
    right: 0;
    top: 0;
    width: calc(100% - 225px);
    height: 100vh;
    background: rgba(112, 112, 112, 0.7);
    z-index: 13;
    display: block; }
    @media screen and (max-width: 748px) {
      #sidebar-overlay.active {
        display: none; } }

html #tickets-page-wrap .infoItem.ticket .ticket-info-block span {
  color: unset; }

@-moz-document url-prefix() {
  html body ul.event-list li a .info-txts .new-event-labels .event-banner {
    line-height: 13px; }
    @media only screen and (max-width: 748px) {
      html body ul.event-list li a .info-txts .new-event-labels .event-banner {
        line-height: 16px; } } }

#seating-ba-ss-list .seating-ba-ss-list-option {
  border-color: transparent; }

html body.language-style-zh-hant .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container #buy-captcha #recaptcha_form button.g-recaptcha.show-price {
  height: auto; }

html body.language-style-zh-hant .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container input.show-price {
  height: auto; }

html body.language-style-zh-hans .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container #buy-captcha #recaptcha_form button.g-recaptcha.show-price {
  height: auto; }

html body.language-style-zh-hans .main-content .container #content #event-detail .ticket-type-container #all-ticket-types-container input.show-price {
  height: auto; }

html body.language-style-zh-hant .main-contentx .container #content #event-detail .buy-wrapper #buy_button_container .fixed-right-container .right #custom_apply_promocode,
html body.language-style-zh-hans .main-content .container #content #event-detail .buy-wrapper #buy_button_container .fixed-right-container .right #custom_apply_promocode {
  height: auto;
  padding-top: 5px; }

html body.language-style-zh-hant .main-content .container #content #event-detail .buy-wrapper #buy_button_container .fixed-right-container .right #custom_apply_promocode,
html body.language-style-zh-hans .main-content .container #content #event-detail .buy-wrapper #buy_button_container .fixed-right-container .right #custom_apply_promocode {
  height: auto;
  padding-top: 5px; }

html body.language-style-zh-hant .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .sidebar-buy-now-button .section__meta button,
html body.language-style-zh-hans .main-content .container #content #event-header #event-header-row .sidebar-container #sidebar .sidebar__shopping-cart .sidebar-buy-now-button .section__meta button {
  height: auto;
  line-height: normal; }

html section#content #sidebar #buy_tickets_btn {
  box-sizing: border-box;
  max-width: 297px; }
  @media only screen and (max-width: 748px) {
    html section#content #sidebar #buy_tickets_btn {
      margin-left: 12px !important;
      margin-right: 12px !important;
      max-width: calc(100% - 24px) !important;
      margin-top: 0 !important; } }

#event-is-accept-promoter-opt-in label .checkbox-img::before {
  border-color: #004433 !important; }

#event-is-accept-promoter-opt-in {
  padding: 16px;
  border-radius: 8px;
  background: #FFFFFF; }
  @media only screen and (max-width: 748px) {
    #event-is-accept-promoter-opt-in {
      padding: 16px;
      width: calc(100% - 32px);
      margin-left: 16px;
      display: inline-block; } }
  #event-is-accept-promoter-opt-in label {
    width: 90%; }
    #event-is-accept-promoter-opt-in label a {
      color: #A8996E;
      text-decoration: underline; }
    #event-is-accept-promoter-opt-in label .checkbox-img {
      border: 0 !important;
      width: 36px;
      height: 20px;
      margin-top: -3px; }
      #event-is-accept-promoter-opt-in label .checkbox-img::before {
        content: '';
        -webkit-appearance: none;
        background-color: transparent;
        border: 2px solid #004433;
        padding: 12px;
        border-radius: 8px;
        display: inline-block;
        position: absolute;
        vertical-align: middle;
        cursor: pointer;
        background-color: #FFFFFF;
        left: 8px !important;
        top: -0 !important;
        width: 28px;
        height: 28px;
        box-sizing: border-box; }
    #event-is-accept-promoter-opt-in label input {
      display: none; }
      #event-is-accept-promoter-opt-in label input:checked ~ .checkbox-img::after {
        content: '';
        display: block;
        position: absolute;
        top: 6px !important;
        left: 17px !important;
        width: 6px;
        height: 11px;
        border: solid #FFFFFF !important;
        border-width: 0 2px 2px 0 !important;
        transform: rotate(45deg); }
      #event-is-accept-promoter-opt-in label input:checked ~ .checkbox-img::before {
        background: #004433; }
    #event-is-accept-promoter-opt-in label .errorlist {
      padding-top: 12px; }
      #event-is-accept-promoter-opt-in label .errorlist li {
        display: flex;
        color: #B94D4D; }
        #event-is-accept-promoter-opt-in label .errorlist li::before {
          content: "";
          width: 15px;
          height: 15px;
          background: url("/static/whitelabels/sjm/images/error-icon.png") no-repeat left top;
          margin-right: 5px;
          display: inline-block;
          background-size: cover; }
  #event-is-accept-promoter-opt-in p {
    padding-left: 14px;
    padding-top: 0; }

html #event-package-list h1.section-title {
  font-size: 18px;
  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
  font-weight: 600;
  border-bottom: solid 1px #004433;
  width: 100%;
  line-height: 28px;
  color: #004433;
  text-transform: unset;
  box-sizing: border-box;
  padding: 10px 15px 10px 0; }

html #event-package-list .package-title {
  color: #3F4644 !important; }

html section#content .confirm-order-payment-link .form_guideline_wrapper .formActions .tf-btn {
  font-size: 13px !important; }

html body.language-style-zh-hans header .container .brand #brand-logo {
  background: url("/static/whitelabels/sjm/images/logo-sc-sm.png");
  background-size: cover; }
  @media (min-resolution: 192dpi) {
    html body.language-style-zh-hans header .container .brand #brand-logo {
      background-image: -webkit-image-set(url("/static/whitelabels/sjm/images/logo-sc-sm.png") 1x, url("/static/whitelabels/sjm/images/logo-sc.png") 2x);
      background-image: image-set(url("/static/whitelabels/sjm/images/logo-sc-sm.png") 1x, url("/static/whitelabels/sjm/images/logo-sc.png") 2x); } }

html body.language-style-zh-hans #header.fixed-header .container.header-links #brand-logo {
  background: url("/static/whitelabels/sjm/images/logo-sc-sm-scrolled.png");
  background-size: cover; }
  @media (min-resolution: 192dpi) {
    html body.language-style-zh-hans #header.fixed-header .container.header-links #brand-logo {
      background-image: -webkit-image-set(url("/static/whitelabels/sjm/images/logo-sc-sm-scrolled.png") 1x, url("/static/whitelabels/sjm/images/logo-sc-scrolled.png") 2x);
      background-image: image-set(url("/static/whitelabels/sjm/images/logo-sc-sm-scrolled.png") 1x, url("/static/whitelabels/sjm/images/logo-sc-scrolled.png") 2x); } }

html body #header.fixed-header .languageWrap #locale_switcher .sbHolder a {
  color: #3F4644; }
  html body #header.fixed-header .languageWrap #locale_switcher .sbHolder a:hover {
    color: #3F4644 !important; }

html body #header.fixed-header .languageWrap #locale_switcher .sbHolder a.sbToggle::after {
  filter: invert(1); }

#show-cxl-page .exchange-flow-container .summary-view .ticket-quantity,
#show-cxl-page .refund-flow-container .summary-view .ticket-quantity {
  background: #004433 !important; }

#show-cxl-page .exchange-flow-container .confirmation-view .ticket-quantity,
#show-cxl-page .refund-flow-container .confirmation-view .ticket-quantity {
  background: #004433 !important; }

#show-cxl-page .exchange-flow-container .confirmation-view .contact-summary,
#show-cxl-page .refund-flow-container .confirmation-view .contact-summary {
  background: #004433 !important; }

#show-cxl-page .exchange-flow-container .confirmation-view .refund-details,
#show-cxl-page .refund-flow-container .confirmation-view .refund-details {
  background: #004433 !important; }

#show-cxl-page .exchange-flow-container .success-view .refund-summary,
#show-cxl-page .refund-flow-container .success-view .refund-summary {
  background: #004433 !important; }

html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-v2-wrapper .ticket-category-item .visibility-shown {
  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
  color: #3F4644;
  font-size: 13px; }

html #event-package-list .event-packages-container .package-content .buy-package-btn {
  color: #FFFFFF !important;
  background: #009B7A !important;
  border: 0;
  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
  font-size: 16px;
  border-radius: 30px !important;
  padding: 6px 12px 6px 12px;
  text-transform: capitalize;
  min-height: 45px;
  border: solid 1px #009B7A;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: unset !important;
  font-weight: unset !important; }
  html #event-package-list .event-packages-container .package-content .buy-package-btn::after {
    content: '';
    display: inline-block;
    transform: rotate(45deg);
    height: 10px;
    width: 5px;
    border-bottom: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    margin-left: 12px;
    margin-top: -2px; }
  html #event-package-list .event-packages-container .package-content .buy-package-btn:hover {
    color: #009B7A !important;
    background: #FFFFFF !important;
    text-decoration: none;
    border-color: #D9D9D9;
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); }
    html #event-package-list .event-packages-container .package-content .buy-package-btn:hover::after {
      border-color: #009B7A; }

html section#content #seating-error-display {
  color: #B94D4D !important; }

html body .main-content .container #content #event-detail #seat-shopping-cart .shopping-items-container #seat-shopping-cart-table #done-selection.active {
  bottom: -55px;
  border-radius: 30px !important; }

html body.page-footer-displayed .main-content .container #content #event-detail .ticket-type-container .ticket-type-header .show-price {
  position: absolute;
  background: none; }

.gray-container.clearfix.no-border.shorter h2.tf-title {
  color: #004433; }

html body .event-page-popup-modal.modal {
  max-width: 30%;
  border: 0;
  border-radius: 8px;
  min-width: 600px;
  -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); }
  @media only screen and (max-width: 748px) {
    html body .event-page-popup-modal.modal {
      max-width: 90%;
      min-width: unset; } }
  html body .event-page-popup-modal.modal .modalBody {
    text-align: center; }
    @media only screen and (max-width: 748px) {
      html body .event-page-popup-modal.modal .modalBody {
        display: inline; } }
  html body .event-page-popup-modal.modal .modalFooter {
    flex-direction: column;
    gap: 20px;
    border: 0; }
    html body .event-page-popup-modal.modal .modalFooter div {
      text-align: center; }
    html body .event-page-popup-modal.modal .modalFooter #close-popup {
      background-color: #8E9590 !important;
      color: #FFFFFF !important;
      position: relative; }
      html body .event-page-popup-modal.modal .modalFooter #close-popup::after {
        background-image: url("/static/whitelabels/sjm/images/close-white.svg");
        width: 12px;
        height: 12px;
        content: "";
        border: 0;
        transform: rotate(0);
        background-repeat: no-repeat;
        background-size: contain;
        margin-top: 2px; }

#order_state_cancel_double_confirm {
  padding: 15px; }
  #order_state_cancel_double_confirm .modalFooter .cancel_confirm_yes {
    background: #B94D4D !important;
    width: 100% !important;
    border-color: #B94D4D !important; }
    #order_state_cancel_double_confirm .modalFooter .cancel_confirm_yes:hover {
      color: #FFFFFF !important; }
      #order_state_cancel_double_confirm .modalFooter .cancel_confirm_yes:hover::after {
        border-color: #FFFFFF !important; }
  #order_state_cancel_double_confirm .modalFooter .cancel_confirm_no {
    background: #FFFFFF !important;
    color: #8E9590 !important;
    width: 100% !important;
    border-color: #8E9590 !important; }
    #order_state_cancel_double_confirm .modalFooter .cancel_confirm_no::after {
      background-image: url("/static/whitelabels/sjm/images/close-white.svg");
      width: 12px;
      height: 12px;
      content: "";
      border: 0;
      transform: rotate(0);
      background-repeat: no-repeat;
      background-size: contain;
      margin-top: 2px;
      filter: invert(1);
      opacity: 0.4; }
  #order_state_cancel_double_confirm .modalFooter .tf-btn .fa-spinner.spinning {
    width: 35px !important;
    height: 35px !important;
    background: url("/static/whitelabels/sjm/images/loader-new-white.svg") no-repeat left top;
    background-size: cover;
    margin-top: -2px; }
    #order_state_cancel_double_confirm .modalFooter .tf-btn .fa-spinner.spinning::before {
      display: none; }
  #order_state_cancel_double_confirm .modalFooter .tf-btn:has(.fa-spinner)::after {
    display: none; }
  #order_state_cancel_double_confirm p.main-text {
    color: #B94D4D; }

html section#content #confirm-orders-page #confirm-order-wrap {
  border: 0; }

@media only screen and (max-width: 1199px) and (min-width: 749px) {
  html body #confirm-orders-page #ordersWrapper #event-header #event-header-row,
  html body #confirm-orders-page #ordersWrapper #event-header #event-header-first {
    width: 297px !important; }
  html body #confirm-orders-page #ordersWrapper #event-header {
    width: 100%; } }

html section#content #orderPreloader h2.tf-title {
  color: #004433;
  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif !important;
  font-size: 20px !important;
  font-weight: normal; }

html section#content #orderPreloader #preloader {
  width: 100%;
  height: auto; }
  html section#content #orderPreloader #preloader .fa {
    display: inline-block !important;
    color: #004433;
    font-size: 50px; }

html section#content #orderPreloader #waitMessage p {
  font-size: 16px; }

@media (min-width: 1024px) {
  section#content #get-tickets-container {
    max-width: 297px;
    padding-bottom: 20px; } }

html body.language-style-en #confirm-orders-page #ordersWrapper form#ordersForm #add-names-form #your-orders thead th {
  padding-top: 5px;
  box-sizing: border-box; }

textarea, select, input, button {
  outline: none; }

html p {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; }

html body {
  background: #fff; }
  html body a {
    color: orange; }
    html body a:hover {
      color: orange; }
  html body p, html body div {
    color: #777; }

html div.line-separator {
  color: transparent;
  background-color: transparent; }

html .tf-title.overline {
  border-top: transparent solid 1px; }

html .content-block {
  border-top: 1px solid transparent; }
  html .content-block .subtitle, html .content-block li {
    color: #666; }

html .cvv-img {
  background: #004433; }

html .property-style-cod #content input,
html .property-style-cod #id_full_code {
  min-height: 38px; }

html .property-style-sc #content input,
html .property-style-sc #id_full_code {
  min-height: 40px; }

html .property-style-cod #content input[type="radio"],
html .property-style-sc #content input[type="radio"] {
  min-height: auto; }

@media (min-width: 749px) {
  body.layout-ets-v2 section#content.with-timer {
    padding-top: 50px; } }

@media only screen and (max-width: 748px) {
  html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .columns .type {
    width: 65%;
    float: left; }
  html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .ticket-detail {
    clear: both;
    border-bottom: 1px solid transparent;
    background: transparent; }
  html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .columns > .quantity-price {
    border-top: none; } }

@media only screen and (max-width: 748px) {
  .mobile-padding-20 {
    padding: 20px !important; } }

.mouse-inactive {
  pointer-events: none; }

.mouse-no-pointing {
  cursor: default; }

#event-header-first {
  background: transparent; }

#event-header-second {
  background: transparent; }

button.tf-btn-primary, a.tf-btn-primary, input.tf-btn-primary {
  color: #FFFFFF !important;
  background: #009B7A !important;
  border: 0;
  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
  font-size: 16px;
  border-radius: 30px !important;
  padding: 6px 12px 6px 12px;
  text-transform: capitalize;
  min-height: 45px;
  border: solid 1px #009B7A;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center; }
  button.tf-btn-primary::after, a.tf-btn-primary::after, input.tf-btn-primary::after {
    content: '';
    display: inline-block;
    transform: rotate(45deg);
    height: 10px;
    width: 5px;
    border-bottom: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    margin-left: 12px;
    margin-top: -2px; }
  button.tf-btn-primary:hover, a.tf-btn-primary:hover, input.tf-btn-primary:hover {
    color: #009B7A !important;
    background: #FFFFFF !important;
    text-decoration: none;
    border-color: #D9D9D9;
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); }
    button.tf-btn-primary:hover::after, a.tf-btn-primary:hover::after, input.tf-btn-primary:hover::after {
      border-color: #009B7A; }

@supports (display: -ms-grid) {
  html body.language-style-zh-hant button.tf-btn-primary, html body.language-style-zh-hant a.tf-btn-primary, html body.language-style-zh-hant input.tf-btn-primary,
  html body.language-style-zh-hans button.tf-btn-primary,
  html body.language-style-zh-hans a.tf-btn-primary,
  html body.language-style-zh-hans input.tf-btn-primary {
    padding-top: 9px;
    padding-bottom: 11px; } }

html .infoItem a.tf-btn.tf-btn-default:hover {
  text-decoration: underline; }

@media only screen and (max-width: 748px) {
  html .nav.navTabs {
    margin-bottom: 22px; } }

html .nav.navTabs li a, html .nav.navTabs li h2, html .nav.navTabs li h2.tf-title {
  color: #666; }

html .nav.navTabs li.active a, html .nav.navTabs li.active h2, html .nav.navTabs li.active h2.tf-title {
  color: orange; }

@media only screen and (max-width: 748px) {
  html .nav.navTabs li a {
    background: transparent;
    margin-bottom: 2px; } }

html .nav.navTabs .active a {
  background: transparent; }

html .popover-inner .popover-content p {
  color: transparent; }

@media only screen and (max-width: 748px) {
  html section#content #setup-order-wrap.gray-container {
    border: none;
    padding: 0 11px; }
  html #event-detail,
  html #payment-details-page,
  html #tickets-page-wrap {
    padding-left: 11px;
    padding-right: 11px; } }

#list-event-subscriber h2 {
  color: #000; }
  #list-event-subscriber h2 i {
    color: #000; }

html .cm-right-0 button {
  margin-right: 0; }

@media only screen and (max-width: 748px) {
  html .mobile-invisible {
    display: none; } }

html .mobile-only {
  display: none; }
  @media only screen and (max-width: 748px) {
    html .mobile-only {
      display: block; } }

@media only screen and (max-width: 748px) {
  html .mobile-full-width {
    width: 100% !important; } }

html .blocking-err {
  color: #e73440; }

html .event-banner.banner-sold-out {
  background: blue; }

html div.breathe {
  margin-top: 12px; }

html body.language-style-es .languageWrap #locale_switcher > span {
  height: 16px;
  background-position: left -107px !important; }

.ticket-category-list .ticket-category-item {
  flex-wrap: wrap; }
  .ticket-category-list .ticket-category-item .ticket-category-price-expand {
    display: flex;
    flex-basis: 100%;
    justify-content: flex-end;
    flex-direction: column; }

html #header {
  z-index: 700; }
  @media (min-width: 749px) {
    html #header .navbar {
      display: block !important; } }
  html #header .navbar ul.nav li a,
  html #header .navbar ul.nav-auth li a {
    color: blue;
    font-weight: normal; }
  html #header .navbar ul.nav-auth li a:hover {
    color: blue; }
  html #header .navbar ul.nav-auth :before {
    color: #666; }
  html #header .menu {
    background: rgba(0, 0, 0, 0.2);
    margin-top: 0; }
    html #header .menu .menu-row {
      margin-top: 10px;
      margin-bottom: 7px; }
  @media only screen and (max-width: 748px) {
    html #header .header-links {
      height: auto;
      background: none; }
    html #header .brand img {
      visibility: visible;
      width: 45px;
      top: -2px;
      left: -7px; } }

html #header-username {
  text-align: right; }

.header-fixed .lang-with-flag li > a {
  padding-left: 30px !important;
  background-repeat: no-repeat !important;
  background-size: 20px 15px !important;
  background-position: 0px 8px !important; }

.header-fixed .lang-with-flag a[rel="en"] {
  background: url("/static/flag-icon-css-2.8.0/flags/4x3/gb.svg"); }

.header-fixed .lang-with-flag a[rel="zh-hant"] {
  background: url("/static/flag-icon-css-2.8.0/flags/4x3/hk.svg"); }

.header-fixed .lang-with-flag a[rel="zh-hans"] {
  background: url("/static/flag-icon-css-2.8.0/flags/4x3/cn.svg"); }

.header-fixed .lang-with-flag a[rel="th"] {
  background: url("/static/flag-icon-css-2.8.0/flags/4x3/th.svg"); }

.header-fixed .lang-with-flag a[rel="ko"] {
  background: url("/static/flag-icon-css-2.8.0/flags/4x3/kr.svg"); }

.header-fixed .lang-with-flag a[rel="ja"] {
  background: url("/static/flag-icon-css-2.8.0/flags/4x3/jp.svg"); }

html header .header-fixed {
  background: blue;
  color: #666; }
  html header .header-fixed #locale_switcher .sbHolder {
    background: transparent; }
    @media (min-width: 749px) {
      html header .header-fixed #locale_switcher .sbHolder {
        width: auto;
        padding-right: 24px; } }
    html header .header-fixed #locale_switcher .sbHolder .sbToggle::after {
      color: #666;
      font-size: 1.2em;
      content: '\25B2';
      left: 0.3em;
      top: 7px;
      position: relative; }
    html header .header-fixed #locale_switcher .sbHolder .sbToggle.sbToggleOpen::after {
      content: '\25BC'; }
    html header .header-fixed #locale_switcher .sbHolder .sbSelector {
      color: #666;
      position: relative;
      left: 0;
      width: auto; }
    html header .header-fixed #locale_switcher .sbHolder .sbOptions {
      background: transparent;
      border-color: transparent; }
      html header .header-fixed #locale_switcher .sbHolder .sbOptions li {
        border-top: none;
        border-bottom: none; }
        html header .header-fixed #locale_switcher .sbHolder .sbOptions li:last-child {
          border-top: none; }
        html header .header-fixed #locale_switcher .sbHolder .sbOptions li a {
          border: none;
          color: #666; }
        html header .header-fixed #locale_switcher .sbHolder .sbOptions li:hover {
          background: transparent; }

@media only screen and (max-width: 748px) {
  html #header {
    background: transparent;
    border-color: transparent; }
  html .sbOptions {
    width: 122px; }
    html .sbOptions > li {
      background: transparent; }
      html .sbOptions > li:hover {
        background: transparent; }
  html .header__shownav {
    border-left: transparent solid 1px; }
    html .header__shownav span, html .header__shownav span:before, html .header__shownav span:after {
      background: #666; }
  html .navbar {
    background: transparent; }
    html .navbar ul.nav {
      background: transparent; }
  html .mobile-undershadow {
    -moz-box-shadow: 0 7px 11px -4px #000;
    -webkit-box-shadow: 0 7px 11px -4px #000;
    box-shadow: 0 7px 11px -4px #000; }
  html a:hover, html a:focus, html a.active {
    text-shadow: none !important; }
  html .header__auth.active {
    background: transparent; }
  html #search-wrap-mobile, html .header__auth--content {
    background: transparent; }
    html #search-wrap-mobile a, html .header__auth--content a {
      color: #666; }
      html #search-wrap-mobile a:hover, html .header__auth--content a:hover {
        color: orange;
        text-decoration: underline; } }

@media only screen and (max-width: 748px) {
  html .sbHolder,
  html .sbOptions,
  html .sbSelector {
    width: 45; }
  html body .sbOptions {
    left: -20px !important; }
  html body .header__shownav span {
    width: 30px; }
  html body .header__auth {
    top: 3px; }
  html body.property-style-sc #header > .container.header-links {
    height: 72px; }
  html body.property-style-sc #header .navbar.mobile-undershadow {
    top: 73px;
    padding-top: 19px; }
  html body.property-style-cod .languageWrapMobileOverlay {
    right: 65px; }
  html body.property-style-cod #locale_switcher {
    left: 62px;
    width: 100px; } }

html .languageWrapMobileOverlay {
  background: blue;
  color: #666;
  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
  position: absolute;
  z-index: 500;
  top: 0;
  right: 51px;
  width: 67px;
  height: 27px;
  text-align: center;
  padding-top: 18px;
  display: none;
  pointer-events: none; }
  @media only screen and (max-width: 748px) {
    html .languageWrapMobileOverlay {
      display: block; } }

html footer.container {
  border-color: transparent;
  background: #fff;
  width: 100%; }
  @media (min-width: 749px) {
    html footer.container > .footer-menu {
      width: 984px;
      margin-left: auto;
      margin-right: auto; } }

html .footer-payment-method {
  border-bottom: solid 1px transparent;
  text-align: center;
  padding: 15px; }

html .footer-menu .footer-block {
  color: #fff; }
  html .footer-menu .footer-block.one-half {
    width: 472px; }

html .footer-menu li a {
  color: #fff; }

html .footer-menu #facebook-link:hover,
html .footer-menu #instagram-link:hover,
html .footer-menu #linkedin-link:hover,
html .footer-menu #twitter-link:hover,
html .footer-menu #weibo-link:hover,
html .footer-menu #weixin-link:hover,
html .footer-menu #youtube-link:hover {
  text-decoration: none; }

html .footer-menu #instagram-link:hover {
  color: #d93175; }

html .footer-menu #linkedin-link:hover {
  color: #2877b5; }

html .footer-menu #twitter-link:hover {
  color: #5da9dd; }

html .footer-menu #tripadvisor-link:hover {
  color: #33e0a1; }

html .footer-menu #weibo-link:hover {
  color: #f78041; }

html .footer-menu #weixin-link:hover {
  color: #07c160; }

html .footer-menu #youtube-link:hover {
  color: #ed0802; }

.footer-contact-info {
  color: #fff; }

.footer-copyright, .footer-copyright a {
  color: #fff; }

@media only screen and (max-width: 748px) {
  html div.footer-menu {
    margin-left: 11px;
    margin-right: 11px; }
    html div.footer-menu .footer-block {
      min-height: 30px;
      padding-bottom: 20px; }
  html .footer-copyright > div {
    float: left; } }

html .modal {
  background: transparent; }
  @media only screen and (max-width: 748px) {
    html .modal .modalFooter {
      text-align: center; } }
  html .modal .modalFooter .tf-btn.tf-btn-primary {
    color: #FFFFFF !important;
    background: #009B7A !important;
    border: 0;
    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
    font-size: 16px;
    border-radius: 30px !important;
    padding: 6px 12px 6px 12px;
    text-transform: capitalize;
    min-height: 45px;
    border: solid 1px #009B7A;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center; }
    html .modal .modalFooter .tf-btn.tf-btn-primary::after {
      content: '';
      display: inline-block;
      transform: rotate(45deg);
      height: 10px;
      width: 5px;
      border-bottom: 2px solid #FFFFFF;
      border-right: 2px solid #FFFFFF;
      margin-left: 12px;
      margin-top: -2px; }
    html .modal .modalFooter .tf-btn.tf-btn-primary:hover {
      color: #009B7A !important;
      background: #FFFFFF !important;
      text-decoration: none;
      border-color: #D9D9D9;
      -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
      box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); }
      html .modal .modalFooter .tf-btn.tf-btn-primary:hover::after {
        border-color: #009B7A; }
    @media only screen and (max-width: 748px) {
      html .modal .modalFooter .tf-btn.tf-btn-primary {
        padding-left: 25px;
        padding-right: 25px; } }
  html .modal .modalFooter .tf-btn.tf-btn-default {
    color: #8E9590 !important;
    background: transparent !important;
    border: solid 1px #8E9590;
    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
    font-size: 16px;
    border-radius: 30px !important;
    padding: 6px 12px 6px 12px;
    text-transform: capitalize;
    min-height: unset;
    line-height: normal;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center; }
    html .modal .modalFooter .tf-btn.tf-btn-default::after {
      content: '';
      display: inline-block;
      transform: rotate(45deg);
      height: 10px;
      width: 5px;
      border-bottom: 2px solid #8E9590;
      border-right: 2px solid #8E9590;
      margin-left: 12px;
      margin-top: -2px; }
    html .modal .modalFooter .tf-btn.tf-btn-default:hover {
      color: #8E9590 !important;
      background: #FFFFFF !important;
      text-decoration: none;
      border-color: #D9D9D9;
      -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
      box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); }
      html .modal .modalFooter .tf-btn.tf-btn-default:hover::after {
        border-color: #8E9590; }
    @media only screen and (max-width: 748px) {
      html .modal .modalFooter .tf-btn.tf-btn-default {
        padding-left: 25px;
        padding-right: 25px; } }
  html .modal#show-taxi-popup {
    background: transparent; }

html .blockUI.blockMsg.blockPage {
  background: transparent !important;
  color: #666 !important; }

html #custom-message-modal .modalBody {
  margin-top: 40px; }

html .blockUI .modalBody .controls {
  background: transparent  !important; }

@media only screen and (max-width: 748px) {
  html form.formHorizontal div.controlGroup div.controls select {
    width: 100% !important; } }

html #cookie-popup-first {
  bottom: 5px;
  left: 0;
  margin: 0 auto;
  position: fixed;
  right: 0;
  width: 95%;
  z-index: 9999; }
  html #cookie-popup-first::after {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .7;
    position: fixed;
    content: '';
    top: 0;
    left: 0;
    z-index: -1; }
  html #cookie-popup-first .cookie-popup-inner {
    background: white;
    border: 1px solid black;
    padding: 25px; }
    @media only screen and (max-width: 748px) {
      html #cookie-popup-first .cookie-popup-inner {
        padding: 10px; } }
  @media only screen and (max-width: 748px) {
    html #cookie-popup-first .popup-footer {
      display: flex;
      flex-direction: column;
      align-items: center; }
      html #cookie-popup-first .popup-footer button {
        width: 100%; } }
  @media (min-width: 749px) {
    html #cookie-popup-first {
      bottom: 10px;
      left: 0;
      padding: 25px;
      width: 95%;
      right: 0;
      margin: 0 auto; } }
  @media only screen and (max-width: 1024px) and (min-width: 748px) {
    html #cookie-popup-first {
      width: 70%; } }
  html #cookie-popup-first .popup-header {
    font-size: 25px;
    line-height: 25px;
    border-bottom: 1px solid lightgray;
    padding-bottom: 15px; }
    html #cookie-popup-first .popup-header h1 {
      text-transform: uppercase;
      font-weight: bold; }
  html #cookie-popup-first .popup-body {
    padding-top: 10px; }
  html #cookie-popup-first .popup-footer button.tf-btn-primary, html #cookie-popup-first .popup-footer a.tf-btn-primary, html #cookie-popup-first .popup-footer input.tf-btn-primary {
    padding-left: 7px;
    padding-right: 8px; }
  html #cookie-popup-first .popup-footer .mobile-only {
    margin: 3px;
    cursor: pointer; }
    @media (min-width: 749px) {
      html #cookie-popup-first .popup-footer .mobile-only {
        display: none; } }
  @media only screen and (max-width: 748px) {
    html #cookie-popup-first .popup-footer .desktop-only {
      display: none; } }
  html #cookie-popup-first .popup-footer .tf-btn {
    margin: 3px 3px; }
    html #cookie-popup-first .popup-footer .tf-btn:first-child {
      margin: 3px 5px 3px 0px; }
      @media only screen and (max-width: 748px) {
        html #cookie-popup-first .popup-footer .tf-btn:first-child {
          margin: 3px; } }

html .blockUI.cookiesPopup {
  border-radius: 10px;
  box-shadow: 1px 1px 5px 1px #e3e3e3;
  border: none !important;
  cursor: default !important;
  text-align: left !important;
  width: auto !important;
  left: 0px !important; }
  @media (min-width: 749px) {
    html .blockUI.cookiesPopup {
      width: 30% !important;
      left: 35% !important; } }
  html .blockUI.cookiesPopup h1 {
    text-align: left;
    text-transform: uppercase;
    border-bottom: 1px solid lightgray;
    padding-bottom: 15px;
    font-size: 25px;
    line-height: 25px;
    font-weight: bold; }
  html .blockUI.cookiesPopup p {
    text-align: left;
    padding-top: 25px; }

html body.no-scroll {
  overflow: hidden; }

html body.ipadHover .tf-title.underline {
  border-bottom: none;
  margin-bottom: 0;
  border-bottom-color: transparent; }

html body.ipadHover .tf-title {
  color: blue;
  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
  color: blue;
  font-size: 1.7em;
  line-height: 1.7em; }

html body.ipadHover #search-wrap {
  margin: 15px auto; }

html body.ipadHover #search-wrap #search-wrapper {
  background-color: transparent; }

html body.ipadHover .country-selector .country {
  background-color: #333; }
  html body.ipadHover .country-selector .country a {
    color: #666; }
  html body.ipadHover .country-selector .country.active {
    background-color: transparent; }
    html body.ipadHover .country-selector .country.active a {
      color: #666; }

html body.ipadHover ul.event-list > li {
  background: transparent; }
  html body.ipadHover ul.event-list > li.featured .info-txts span {
    font-size: 16px;
    -webkit-line-clamp: 2 !important;
    height: 40px;
    line-height: 21px; }
  html body.ipadHover ul.event-list > li.featured .info-txts .display-date {
    color: #FFF;
    line-height: 19px;
    font-size: 10px; }
  html body.ipadHover ul.event-list > li.featured .imgThumbWrap .eventImage img {
    width: 100%; }
  html body.ipadHover ul.event-list > li .event-banner.banner-sold-out {
    background: orange; }
  html body.ipadHover ul.event-list > li .info .infoItem {
    color: #666; }
    html body.ipadHover ul.event-list > li .info .infoItem span {
      color: #666; }
    html body.ipadHover ul.event-list > li .info .infoItem.title {
      color: orange;
      border-bottom-color: transparent; }
      html body.ipadHover ul.event-list > li .info .infoItem.title span {
        color: orange; }
  html body.ipadHover ul.event-list > li .info-txts {
    /* This is v2 of the above '.info' */
    height: 55px;
    overflow: hidden;
    padding: 10px; }
    html body.ipadHover ul.event-list > li .info-txts .title span {
      font-size: 16px;
      -webkit-line-clamp: 2 !important;
      height: 40px;
      line-height: 20px; }
    html body.ipadHover ul.event-list > li .info-txts span {
      color: #000;
      width: 100%;
      font-size: 16px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      height: 36px; }
      html body.ipadHover ul.event-list > li .info-txts span b {
        font-weight: bold; }

@keyframes fadeInOpacity {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

html section#content #event-body h2 {
  display: block;
  opacity: 1;
  font-size: 1.7em;
  font-weight: normal;
  color: blue;
  text-align: left;
  margin-top: 70px;
  background: transparent;
  padding-left: 0;
  border: none;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 1.2em; }
  @media only screen and (max-width: 748px) {
    html section#content #event-body h2 {
      margin-top: 50px; } }

html section#content #event-body > h2 {
  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
  color: blue;
  font-size: 1.7em;
  line-height: 1.7em;
  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif !important;
  margin-top: 20px !important; }

html section#content #event-body > .show-bullet {
  color: #666;
  margin-bottom: 30px !important; }

html section#content #event-body #show-more {
  color: green;
  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif; }

html section#content #event-header-first {
  background: transparent; }
  html section#content #event-header-first.in-package h1.event-title,
  html section#content #event-header-first.in-package h2.event-subtitle {
    margin-left: 0;
    color: #777; }
  @media (min-width: 749px) {
    html section#content #event-header-first {
      padding-left: 0;
      padding-right: 0; } }
  html section#content #event-header-first h1.event-title {
    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
    color: blue;
    font-size: 1.7em;
    line-height: 1.7em;
    font-size: 2em;
    line-height: 2em; }
  html section#content #event-header-first h2.event-subtitle {
    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
    color: green;
    font-size: 1em;
    font-size: 1.2em;
    line-height: 1.2em;
    font-size: 15px; }

html section#content #sidebar #buy_tickets_btn {
  color: #FFFFFF !important;
  background: #009B7A !important;
  border: 0;
  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
  font-size: 16px;
  border-radius: 30px !important;
  padding: 6px 12px 6px 12px;
  text-transform: capitalize;
  min-height: 45px;
  border: solid 1px #009B7A;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  padding-left: 0;
  padding-right: 0; }
  html section#content #sidebar #buy_tickets_btn::after {
    content: '';
    display: inline-block;
    transform: rotate(45deg);
    height: 10px;
    width: 5px;
    border-bottom: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    margin-left: 12px;
    margin-top: -2px; }
  html section#content #sidebar #buy_tickets_btn:hover {
    color: #009B7A !important;
    background: #FFFFFF !important;
    text-decoration: none;
    border-color: #D9D9D9;
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); }
    html section#content #sidebar #buy_tickets_btn:hover::after {
      border-color: #009B7A; }

html section#content .calendar-container #calendar_notify {
  display: block;
  opacity: 1;
  font-size: 1.7em;
  font-weight: normal;
  color: blue;
  text-align: left;
  margin-top: 70px;
  background: transparent;
  padding-left: 0;
  border: none;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 1.2em;
  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
  color: blue;
  font-size: 1.7em;
  line-height: 1.7em;
  text-transform: uppercase; }
  @media only screen and (max-width: 748px) {
    html section#content .calendar-container #calendar_notify {
      margin-top: 50px; } }

html section#content .calendar-container #calendar h2 {
  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
  color: green;
  font-size: 1em; }

html section#content .calendar-container #calendar .fc-view-container {
  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif; }

html section#content .calendar-container #calendar .fc-toolbar {
  background: transparent;
  padding-left: 0;
  border: none;
  padding-top: 18px; }
  @media only screen and (max-width: 748px) {
    html section#content .calendar-container #calendar .fc-toolbar {
      padding-right: 0px; } }

html section#content .calendar-container #calendar .fc-left h2 {
  color: #666; }

html section#content .calendar-container #calendar .fc-day-header {
  background: transparent;
  color: orange; }

html section#content .calendar-container #calendar .fc-widget-content .fc-day-number.selectable-past > span {
  border: 1px solid #444;
  background: rgba(55, 55, 55, 0.2);
  color: #444; }

html section#content .calendar-container #calendar .fc-widget-content .fc-day-number.calendar-date-available-indicator-soldout {
  position: relative; }
  html section#content .calendar-container #calendar .fc-widget-content .fc-day-number.calendar-date-available-indicator-soldout > span {
    min-width: 25px;
    min-height: 30px;
    border: 1px solid #444;
    background: #444;
    color: #eee; }
  html section#content .calendar-container #calendar .fc-widget-content .fc-day-number.calendar-date-available-indicator-soldout > .sold-out-overlay-label {
    color: #444;
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    margin: auto;
    white-space: nowrap;
    bottom: -17px; }

html section#content .calendar-container #calendar .fc-widget-content .fc-day-number.fc-today > span {
  background: rgba(255, 255, 255, 0.2);
  border-color: transparent; }

html section#content .calendar-container #calendar .fc-widget-content .fc-day-number.fc-today.selectable > span {
  background: rgba(255, 255, 255, 0.4); }

html section#content .calendar-container #calendar .fc-widget-content .fc-day-number.selectable > span {
  border-color: orange;
  background: transparent;
  color: #fff;
  color: orange; }

html section#content .calendar-container #calendar .fc-widget-content .fc-day-number.selectable:hover > span {
  background: transparent;
  color: #fff; }

html section#content .calendar-container #calendar .fc-widget-content .fc-day-number.selectable.active > span {
  background: orange;
  background: rgba(255, 255, 255, 0.6); }

html section#content .calendar-container #calendar .fc-button-group button.fc-button {
  color: #fff;
  background: transparent;
  border-color: #fff;
  border-width: 2px; }
  html section#content .calendar-container #calendar .fc-button-group button.fc-button:hover {
    color: orange;
    border-color: orange; }

html section#content .calendar-container #calendar .fc-day-grid {
  background-color: transparent; }
  @media only screen and (max-width: 748px) {
    html section#content .calendar-container #calendar .fc-day-grid .fc-row.fc-week {
      padding-top: 16px; }
      html section#content .calendar-container #calendar .fc-day-grid .fc-row.fc-week .fc-day-number > span {
        padding: 5px 6px;
        font-size: 14px;
        padding-bottom: 8px; } }

html section#content .calendar-container #calendar .fc-day-number {
  border-top: none; }

html section#content .calendar-container #calendar th, html section#content .calendar-container #calendar td {
  border-left: none;
  border-right: none;
  border-color: transparent; }

html section#content #sessions-container #session_notify {
  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
  color: blue;
  font-size: 1.7em;
  line-height: 1.7em;
  text-transform: uppercase; }

html section#content #event-body .show-bullet img, html section#content #event-additional-info .show-bullet img {
  margin-top: 15px;
  margin-bottom: 15px; }

html section#content #event-additional-info h2 {
  display: block;
  opacity: 1;
  font-size: 1.7em;
  font-weight: normal;
  color: blue;
  text-align: left;
  margin-top: 70px;
  background: transparent;
  padding-left: 0;
  border: none;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 1.2em;
  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
  color: blue;
  font-size: 1.7em;
  line-height: 1.7em;
  border-bottom: none; }
  @media only screen and (max-width: 748px) {
    html section#content #event-additional-info h2 {
      margin-top: 50px; } }

html section#content #event-additional-info .show-bullet {
  color: #666; }
  html section#content #event-additional-info .show-bullet > h2 {
    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
    margin-top: 0px; }

html section#content #sessions-container #session_notify {
  display: block;
  opacity: 1;
  font-size: 1.7em;
  font-weight: normal;
  color: blue;
  text-align: left;
  margin-top: 70px;
  background: transparent;
  padding-left: 0;
  border: none;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 1.2em;
  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
  color: blue;
  font-size: 1.7em;
  line-height: 1.7em; }
  @media only screen and (max-width: 748px) {
    html section#content #sessions-container #session_notify {
      margin-top: 50px; } }

html section#content #sessions-container #session_list .session_day {
  background: transparent;
  border: none;
  color: green;
  padding-left: 0;
  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
  color: green;
  font-size: 1em; }

html section#content #sessions-container #session_list .fa-angle-up, html section#content #sessions-container #session_list .fa-angle-down {
  background: transparent;
  border: none;
  color: #fff; }
  html section#content #sessions-container #session_list .fa-angle-up:hover, html section#content #sessions-container #session_list .fa-angle-down:hover {
    color: orange; }

html section#content #sessions-container #session_list .day_sessions,
html section#content #sessions-container #session_list .day_period_types {
  border-top: 1px solid transparent; }

html section#content #sessions-container #session_list .day_sessions .each_session input.radio-selector {
  margin: 0 10px; }

html section#content #sessions-container #session_list .day_sessions .each_session,
html section#content #sessions-container #session_list .day_period_types .each_period_type {
  padding: 12px 25px;
  font-size: 16px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid transparent;
  background: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer; }
  html section#content #sessions-container #session_list .day_sessions .each_session:not(.is_sold_out),
  html section#content #sessions-container #session_list .day_period_types .each_period_type:not(.is_sold_out) {
    color: #777; }
  html section#content #sessions-container #session_list .day_sessions .each_session.selected,
  html section#content #sessions-container #session_list .day_period_types .each_period_type.selected {
    color: blue;
    background: pink; }
  html section#content #sessions-container #session_list .day_sessions .each_session:hover,
  html section#content #sessions-container #session_list .day_period_types .each_period_type:hover {
    background: pink; }
  html section#content #sessions-container #session_list .day_sessions .each_session i,
  html section#content #sessions-container #session_list .day_period_types .each_period_type i {
    margin: 0 35px 0 10px; }
  html section#content #sessions-container #session_list .day_sessions .each_session .availability-indicator.as-label,
  html section#content #sessions-container #session_list .day_period_types .each_period_type .availability-indicator.as-label {
    float: right;
    position: relative;
    top: -2px;
    margin-right: 0; }

html section#content #sessions-container #session_list .day_period_types_title {
  padding-bottom: 10px; }

html section#content #sessions-container #session_list .day_period_types_end {
  padding-top: 25px;
  padding-bottom: 10px; }

html section#content .ticket-type-container .ticket-type-header {
  position: relative;
  border: none;
  margin-bottom: 18px; }
  html section#content .ticket-type-container .ticket-type-header p {
    color: #666; }

html section#content .ticket-type-container .tf-title {
  display: block;
  opacity: 1;
  font-size: 1.7em;
  font-weight: normal;
  color: blue;
  text-align: left;
  margin-top: 70px;
  background: transparent;
  padding-left: 0;
  border: none;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 1.2em;
  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
  color: blue;
  font-size: 1.7em;
  line-height: 1.7em; }
  @media only screen and (max-width: 748px) {
    html section#content .ticket-type-container .tf-title {
      margin-top: 50px; } }

html section#content .ticket-type-container #all-ticket-types-container input.spinner-on-click {
  line-height: 2px;
  padding-top: 20px;
  padding-bottom: 20px; }

@media only screen and (max-width: 748px) {
  html section#content .ticket-type-container #all-ticket-types-container {
    margin-bottom: 88px; } }

html section#content .ticket-type-container #all-ticket-types-container .ticket-type-header {
  color: #777; }

html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row {
  border-top: none;
  background: transparent;
  border-bottom: 1px solid transparent;
  color: #666;
  padding-bottom: 1px; }
  html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row:first-child {
    border-top: 1px solid transparent; }
  html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .name > b,
  html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .ticket-detail > b {
    color: orange; }
  @media (min-width: 749px) {
    html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .name > span > .name-extend.valued {
      position: absolute;
      right: -20%; } }
  @media only screen and (max-width: 748px) {
    html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .name > span > .name-extend.valued {
      display: block;
      position: relative;
      right: auto;
      text-align: left;
      top: 10px; } }
  @media (min-width: 749px) {
    html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .name > span > .name-extend.valued.has-service-fee {
      top: 2px; } }
  html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .name > span > .name-extend.valued.has-service-fee span.service-fee {
    font-size: 15px; }
  html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .name, html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .price {
    padding-top: 20px;
    min-height: 48px; }
  html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .mel-tt-desc-box {
    display: inline;
    color: #333;
    font-size: 13px; }
    @media only screen and (max-width: 748px) {
      html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .mel-tt-desc-box .fa.fa-info {
        width: 0;
        opacity: 0; }
      html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .mel-tt-desc-box .desc-content {
        display: block !important;
        opacity: 1 !important; } }
    html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .mel-tt-desc-box.hover-to-show .desc-content {
      display: none;
      opacity: 0; }
    html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .mel-tt-desc-box.hover-to-show:hover .desc-content {
      display: inline;
      opacity: 1; }
      @media (min-width: 749px) {
        html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .mel-tt-desc-box.hover-to-show:hover .desc-content {
          animation-name: fadeInOpacity;
          animation-iteration-count: 1;
          animation-timing-function: ease-in;
          animation-duration: 1s; } }
    html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .mel-tt-desc-box .desc-content {
      display: inline;
      color: #333; }
      html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .mel-tt-desc-box .desc-content p {
        display: inline;
        color: #333; }
    html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .mel-tt-desc-box i.fa {
      border: solid 1px #333;
      border-radius: 10px;
      width: 12px;
      height: 12px;
      font-size: 12px;
      text-align: center;
      padding: 1px;
      position: relative;
      top: -1px;
      padding-top: 3px;
      padding-left: 3px;
      padding-right: 2px;
      margin-left: 12px;
      margin-right: 6px; }
  html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .ticket-detail {
    border-top: transparent solid 1px; }
  html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity > input {
    border-radius: 4px;
    text-align: center !important;
    padding-right: 7px;
    padding-left: 7px;
    -webkit-text-fill-color: #333 !important; }
  html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus {
    width: auto;
    display: flex;
    padding-right: 0; }
    @media only screen and (max-width: 748px) {
      html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus {
        height: 56px; } }
    html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus input {
      text-align: center !important;
      padding-left: 5px;
      padding-right: 5px;
      border-radius: 4px;
      min-width: 40px; }
      html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus input:disabled {
        border-radius: 5px;
        border-radius: 5px; }
    html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus .quantity-plus, html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus .quantity-minus {
      display: inline-block;
      text-align: center;
      cursor: pointer;
      width: 40px;
      padding-top: 13px; }
      html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus .quantity-plus i, html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus .quantity-minus i {
        color: #666; }
        html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus .quantity-plus i:before, html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus .quantity-minus i:before {
          font-size: 14px; }
      html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus .quantity-plus.disable-icon, html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .quantity.plus-minus .quantity-minus.disable-icon {
        pointer-events: none;
        opacity: .15; }

html section#content .ticket-type-container #all-ticket-types-container input#show-price {
  margin-right: 0; }
  @media only screen and (max-width: 748px) {
    html section#content .ticket-type-container #all-ticket-types-container input#show-price {
      width: 100%; } }
  @supports (display: -ms-grid) {
    html section#content .ticket-type-container #all-ticket-types-container input#show-price {
      padding-top: 9px;
      padding-bottom: 9px; } }

html section#content .ticket-type-container #show-price {
  color: #FFFFFF !important;
  background: #009B7A !important;
  border: 0;
  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
  font-size: 16px;
  border-radius: 30px !important;
  padding: 6px 12px 6px 12px;
  text-transform: capitalize;
  min-height: 45px;
  border: solid 1px #009B7A;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center; }
  html section#content .ticket-type-container #show-price::after {
    content: '';
    display: inline-block;
    transform: rotate(45deg);
    height: 10px;
    width: 5px;
    border-bottom: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    margin-left: 12px;
    margin-top: -2px; }
  html section#content .ticket-type-container #show-price:hover {
    color: #009B7A !important;
    background: #FFFFFF !important;
    text-decoration: none;
    border-color: #D9D9D9;
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); }
    html section#content .ticket-type-container #show-price:hover::after {
      border-color: #009B7A; }

html section#content .ticket-category-price i.fa {
  cursor: pointer;
  padding: 3px;
  padding-right: 23px;
  font-size: 18px; }

html section#content .ticket-category-price-expand {
  text-align: right; }
  html section#content .ticket-category-price-expand div {
    text-align: right;
    padding: 2px 0px;
    font-size: 12px; }
    html section#content .ticket-category-price-expand div:last-child {
      border-bottom: solid 1px transparent; }
    html section#content .ticket-category-price-expand div:first-child {
      margin-top: 0px; }

html section#content #seat-shopping-cart > h2 {
  color: blue;
  font-weight: bold;
  font-size: 15px;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-top: 5px; }

html section#content #seat-shopping-cart #seat-shopping-cart-table {
  font-size: 15px;
  margin-top: 5px; }
  html section#content #seat-shopping-cart #seat-shopping-cart-table thead tr th {
    padding: 2px 0px 2px 10px;
    font-size: 13px;
    border-color: #d2d2d2; }
  html section#content #seat-shopping-cart #seat-shopping-cart-table tbody tr td.edit a {
    color: blue; }
  html section#content #seat-shopping-cart #seat-shopping-cart-table .session_item {
    display: none !important; }
  html section#content #seat-shopping-cart #seat-shopping-cart-table tbody tr.ticket_type_item td.title {
    color: blue; }
  html section#content #seat-shopping-cart #seat-shopping-cart-table tbody tr.ticket_type_item.last td {
    padding-bottom: 5px; }
  html section#content #seat-shopping-cart #seat-shopping-cart-table tbody tr.total td {
    padding-top: 10px; }

html section#content #seat-allocation-preview span {
  padding: 2px 12px;
  margin: 0px 5px;
  white-space: unset;
  width: 100%;
  float: left; }

html section#content #seat-allocation-preview span.label {
  color: blue;
  font-weight: bold;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0; }

@media only screen and (max-width: 748px) {
  html section#content #seating-plan-sticky-tooltip {
    display: none !important; } }

html section#content #seating-plan-ba-ss-message-above-svg #seating-ba-ss-seat-keys {
  text-align: center;
  border: solid 1px transparent;
  border-bottom: none;
  width: 655px;
  width: 100%;
  height: 42px;
  margin-top: 5px; }
  html section#content #seating-plan-ba-ss-message-above-svg #seating-ba-ss-seat-keys .seating-ba-ss-seat-key-item {
    display: inline-block;
    width: 33%; }
    @media only screen and (max-width: 748px) {
      html section#content #seating-plan-ba-ss-message-above-svg #seating-ba-ss-seat-keys .seating-ba-ss-seat-key-item {
        position: relative;
        left: -6px; } }
    html section#content #seating-plan-ba-ss-message-above-svg #seating-ba-ss-seat-keys .seating-ba-ss-seat-key-item span {
      vertical-align: top;
      position: relative;
      top: 8px; }
      @media only screen and (max-width: 748px) {
        html section#content #seating-plan-ba-ss-message-above-svg #seating-ba-ss-seat-keys .seating-ba-ss-seat-key-item span {
          font-size: 12px;
          top: 11px; } }

html section#content #seating-ba-ss-block {
  background: #d2d2d2;
  text-align: center;
  margin: 20px 0;
  padding: 10px 0; }
  html section#content #seating-ba-ss-block #seating-ba-ss-question {
    color: #000;
    text-align: center; }
  html section#content #seating-ba-ss-block #seating-ba-ss-buttons {
    margin-top: 5px; }
    html section#content #seating-ba-ss-block #seating-ba-ss-buttons > button {
      display: inline-block; }
    html section#content #seating-ba-ss-block #seating-ba-ss-buttons #ba-ss-buy-captcha {
      display: inline-block; }
      html section#content #seating-ba-ss-block #seating-ba-ss-buttons #ba-ss-buy-captcha form, html section#content #seating-ba-ss-block #seating-ba-ss-buttons #ba-ss-buy-captcha form button {
        display: inline; }

html section#content div.service-fee {
  color: #666; }

html section#content .ticket-category-click-to-reserve-msg {
  margin-top: 7px; }

html section#content .ticket-category-view-only-msg.shorten-for-2d-timer {
  margin-right: 120px;
  padding-bottom: 15px; }

html section#content .ticket-category-list .ticket-category-item {
  background: transparent;
  color: #666;
  border: none;
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid transparent; }
  html section#content .ticket-category-list .ticket-category-item:first-child, html section#content .ticket-category-list .ticket-category-item.first-displayed-tc {
    border-top: 1px solid transparent;
    padding-top: 10px; }
  @media only screen and (max-width: 748px) {
    html section#content .ticket-category-list .ticket-category-item.ticket-category-item--clickable {
      padding-left: 8px;
      padding-right: 8px; } }
  html section#content .ticket-category-list .ticket-category-item.ticket-category-item--clickable:hover {
    background: pink; }
  html section#content .ticket-category-list .ticket-category-item.ticket-category-item--clickable.selected {
    background: pink; }
  html section#content .ticket-category-list .ticket-category-item .ticket-category-color {
    background: #666;
    display: inline-block; }
  @media (mix-width: 749px) {
    html section#content .ticket-category-list .ticket-category-item .ticket-category-color {
      margin-left: 11px; }
    html section#content .ticket-category-list .ticket-category-item .ticket-category-price {
      padding-right: 11px; } }
  html section#content .ticket-category-list .ticket-category-item .ticket-category-texts {
    flex-grow: 2; }
    html section#content .ticket-category-list .ticket-category-item .ticket-category-texts span:nth-child(2) {
      float: right; }
  html section#content .ticket-category-list .ticket-category-item .ticket-category-ba {
    position: relative;
    height: 0px;
    top: -13px;
    left: 18px; }

html section#content .ticket-category-table > table {
  width: 100%;
  margin-bottom: 19px;
  font-size: 13px;
  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif; }
  @media only screen and (max-width: 748px) {
    html section#content .ticket-category-table > table {
      font-size: 12px; } }
  html section#content .ticket-category-table > table tr {
    border-top: solid transparent 1px;
    height: 20px; }
    html section#content .ticket-category-table > table tr th {
      padding: 2px; }
      html section#content .ticket-category-table > table tr th span {
        background: orange;
        font-size: 9px;
        border-radius: 10px;
        padding: 1px 6px 2px 5px;
        color: #333;
        margin-left: 7px;
        white-space: nowrap; }
    html section#content .ticket-category-table > table tr.is-total th {
      font-weight: bold; }
  html section#content .ticket-category-table > table tbody > tr:nth-child(1) {
    border-top: none;
    height: 5px; }
    html section#content .ticket-category-table > table tbody > tr:nth-child(1) th {
      border-top: solid transparent 1px; }
      html section#content .ticket-category-table > table tbody > tr:nth-child(1) th:nth-child(1) {
        border-top: none; }
  html section#content .ticket-category-table > table tbody > tr > th:nth-child(1) {
    text-align: left;
    padding-left: 10px; }
  html section#content .ticket-category-table > table tbody > tr:last-child {
    font-weight: bold;
    border-bottom: solid transparent 1px; }

@media only screen and (max-width: 748px) {
  html section#content #buy_button_container .fixed-right-container {
    display: flex;
    flex-direction: column; }
    html section#content #buy_button_container .fixed-right-container .left {
      order: 1; }
    html section#content #buy_button_container .fixed-right-container .right {
      order: 2; }
      html section#content #buy_button_container .fixed-right-container .right #buy-btn-get {
        width: 100%;
        margin: 6px 0px 0px 0px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 13px;
        padding-bottom: 6px; }
      html section#content #buy_button_container .fixed-right-container .right #btn-apply-promocode, html section#content #buy_button_container .fixed-right-container .right #btn-promocode-clear {
        padding-bottom: 8px;
        height: 43px;
        margin-top: 6px; } }

html section#content #buy_button_container #buy-btn-get, html section#content #buy_button_container #btn-apply-promocode, html section#content #buy_button_container #btn-promocode-clear {
  color: #FFFFFF !important;
  background: #009B7A !important;
  border: 0;
  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
  font-size: 16px;
  border-radius: 30px !important;
  padding: 6px 12px 6px 12px;
  text-transform: capitalize;
  min-height: 45px;
  border: solid 1px #009B7A;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0px; }
  html section#content #buy_button_container #buy-btn-get::after, html section#content #buy_button_container #btn-apply-promocode::after, html section#content #buy_button_container #btn-promocode-clear::after {
    content: '';
    display: inline-block;
    transform: rotate(45deg);
    height: 10px;
    width: 5px;
    border-bottom: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    margin-left: 12px;
    margin-top: -2px; }
  html section#content #buy_button_container #buy-btn-get:hover, html section#content #buy_button_container #btn-apply-promocode:hover, html section#content #buy_button_container #btn-promocode-clear:hover {
    color: #009B7A !important;
    background: #FFFFFF !important;
    text-decoration: none;
    border-color: #D9D9D9;
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); }
    html section#content #buy_button_container #buy-btn-get:hover::after, html section#content #buy_button_container #btn-apply-promocode:hover::after, html section#content #buy_button_container #btn-promocode-clear:hover::after {
      border-color: #009B7A; }

html section#content #buy_button_container #btn-apply-promocode, html section#content #buy_button_container #btn-promocode-clear {
  height: 40px; }

@media only screen and (max-width: 748px) {
  html section#content #buy_button_container #buy-btn-get, html section#content #buy_button_container #btn-apply-promocode, html section#content #buy_button_container #btn-promocode-clear {
    width: 100%;
    margin-left: 0px; }
  html section#content #buy_button_container #btn-apply-promocode, html section#content #buy_button_container #btn-promocode-clear {
    margin-top: 5px;
    margin-bottom: 0px; } }

html section#content #event-detail #host-detail {
  background: transparent; }

html section#content #event-detail .buy-wrapper {
  border-bottom: transparent solid 3.5px; }

html section#content #host-detail {
  margin-top: 30px;
  border-color: transparent;
  color: #666; }
  html section#content #host-detail .external-links a {
    color: #666;
    text-decoration: underline; }
    html section#content #host-detail .external-links a:hover {
      color: orange; }

html section#content #section-status-box {
  border-top: solid 1px transparent;
  border-bottom: solid 1px transparent; }
  html section#content #section-status-box i.fa {
    display: none !important; }

html section#content #seating-error-display {
  margin-top: 10px;
  font-size: 20px;
  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif; }

html section#content .unlock-form button, html section#content .unlock-form-category button, html section#content .unlock-session-form button {
  background: #004433; }

html section#content .unlock-form input[type="text"], html section#content .unlock-form-category input[type="text"], html section#content .unlock-session-form input[type="text"] {
  border: 1px solid #004433 !important;
  min-height: 26px !important; }

html section#content .unlock-form-category-svg button:not(.close-btn-svg-unlock) {
  background: #004433 !important; }

html section#content .unlock-form-category-svg input {
  border: 1px solid #004433 !important;
  min-height: 26px !important; }

.layout-ets-v2 section#content #sessions-container #session_list .day_period_types .each_period_type {
  padding: 12px 20px 12px 6px;
  background: transparent; }
  .layout-ets-v2 section#content #sessions-container #session_list .day_period_types .each_period_type:hover {
    background: transparent; }
  .layout-ets-v2 section#content #sessions-container #session_list .day_period_types .each_period_type.selected {
    color: inherit;
    background: transparent; }
    .layout-ets-v2 section#content #sessions-container #session_list .day_period_types .each_period_type.selected i.fa-calendar {
      color: #004433; }

html section#content #event-detail.under-package #section-status-box .right {
  display: none; }

@media (min-width: 749px) {
  html body.property-style-cod section#content #buy_button_container .fixed-right-container .right #buy-btn-get, html body.property-style-cod section#content #buy_button_container .fixed-right-container .right #btn-apply-promocode, html body.property-style-cod section#content #buy_button_container .fixed-right-container .right #btn-promocode-clear {
    margin-top: 3px; }
  html body.property-style-cod.language-style-zh-hant section#content #buy_button_container .fixed-right-container .right #buy-btn-get,
  html body.property-style-cod.language-style-zh-hans section#content #buy_button_container .fixed-right-container .right #buy-btn-get {
    padding-top: 7px;
    padding-bottom: 9px; } }

html body.property-style-sc.language-style-zh-hans section#content #buy_button_container #buy-btn-get {
  padding-top: 8px;
  padding-bottom: 8px; }

html body.property-style-sc.language-style-zh-hans section#content #buy_button_container #btn-apply-promocode, html body.property-style-sc.language-style-zh-hans section#content #buy_button_container #btn-promocode-clear {
  padding-top: 6px; }

@supports (display: -ms-grid) {
  html body.property-style-sc.language-style-zh-hant section#content .ticket-type-container #all-ticket-types-container input#show-price,
  html body.property-style-sc.language-style-zh-hans section#content .ticket-type-container #all-ticket-types-container input#show-price {
    padding-top: 7px;
    padding-bottom: 10px; } }

html #event-detail #event-body > div table {
  width: 100%; }
  html #event-detail #event-body > div table.smaller {
    font-size: 12px;
    line-height: 14px; }
    html #event-detail #event-body > div table.smaller .font-11 {
      font-size: 11px; }
    html #event-detail #event-body > div table.smaller .font-10 {
      font-size: 10px; }
    html #event-detail #event-body > div table.smaller th {
      padding: 5px; }
    html #event-detail #event-body > div table.smaller th.text-left {
      text-align: left; }
    html #event-detail #event-body > div table.smaller th.vmiddle-cell {
      vertical-align: middle; }
  html #event-detail #event-body > div table tbody tr th {
    border: solid 1px transparent; }
    @media only screen and (max-width: 748px) {
      html #event-detail #event-body > div table tbody tr th {
        font-size: 10px; } }

.ets-queue .enter-queue {
  margin: 15px 5px 15px 0; }

.ets-queue .enter-q-outer {
  text-align: right; }

.ets-queue .sold-out {
  background: #004433;
  padding: 10px 15px;
  box-shadow: 0px 2px 5px -2px #666;
  text-align: center;
  margin-top: 15px;
  margin-right: 5px; }
  .ets-queue .sold-out p {
    color: #fff;
    font-weight: 600; }
  @media (max-width: 560px) {
    .ets-queue .sold-out {
      margin-right: 0; } }

.ets-queue .enter-q-message {
  background: rgba(255, 255, 255, 0.7);
  padding: 10px 15px;
  box-shadow: 0px 2px 5px -2px #666;
  text-align: center;
  margin-top: 15px;
  margin-right: 5px; }
  .ets-queue .enter-q-message p {
    padding: 0;
    color: #555; }
    .ets-queue .enter-q-message p span.queue-position {
      color: rgba(255, 255, 255, 0.7);
      font-weight: 600;
      font-size: 20px; }
  @media (max-width: 560px) {
    .ets-queue .enter-q-message {
      margin-right: 0; } }

.ets-queue .event-dtl-outer {
  display: flex;
  background: rgba(255, 255, 255, 0.7);
  padding: 10px 15px;
  box-shadow: 0px 2px 5px -2px #666;
  margin-top: 15px;
  margin-right: 5px; }
  .ets-queue .event-dtl-outer .event-dtl-listing {
    padding: 10px;
    text-align: center;
    width: 33.33%; }
    .ets-queue .event-dtl-outer .event-dtl-listing h4 {
      font-weight: 600;
      color: #555;
      font-size: 15px; }
    .ets-queue .event-dtl-outer .event-dtl-listing span {
      color: rgba(255, 255, 255, 0.7);
      font-size: 20px;
      font-weight: 600; }
    @media (max-width: 560px) {
      .ets-queue .event-dtl-outer .event-dtl-listing {
        width: auto; } }
  @media (max-width: 560px) {
    .ets-queue .event-dtl-outer {
      display: block;
      margin-right: 0; } }

.ets-queue .cf:before, .ets-queue .cf:after {
  content: " ";
  display: table; }

.ets-queue .cf:after {
  clear: both; }

.ets-queue .cf .span {
  width: 100px;
  height: 15px;
  vertical-align: middle;
  margin: 0 auto; }

@media only screen and (max-width: 748px) {
  body.layout-ets-v1 section#content .calendar-container #calendar .fc-view-container .fc-day-number.calendar-date-available-indicator-soldout > .sold-out-overlay-label {
    bottom: -10px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  body.layout-ets-v1 section#content .calendar-container #calendar .fc-view-container .fc-day-number.calendar-date-available-indicator-soldout.active > .sold-out-overlay-label {
    bottom: -10px; } }

body.layout-ets-v2 section#content .calendar-container #calendar .fc-view-container .fc-view .fc-content-skeleton,
body.layout-ets-v2 section#content .calendar-container #calendar .fc-view-container .fc-view thead,
body.layout-ets-v2 section#content .calendar-container #calendar .fc-view-container .fc-view .fc-bg,
body.layout-ets-v2 section#content .calendar-container #calendar .fc-view-container .fc-view .fc-bg table,
body.layout-ets-v2 section#content .calendar-container #calendar .fc-view-container .fc-view .fc-bg *,
body.layout-ets-v2 section#content .calendar-container #calendar .fc-view-container .fc-view .fc-content-skeleton .fc-day-number {
  background: transparent !important; }

body.layout-ets-v2 section#content .calendar-container #calendar .fc-view-container .fc-view tr td {
  border-top: none !important; }

body.layout-ets-v2 section#content .calendar-container #calendar .fc-view-container .fc-day-number.calendar-date-available-indicator-soldout > .sold-out-overlay-label {
  bottom: -2px; }

@media only screen and (max-width: 748px) {
  body.layout-ets-v2 section#content .calendar-container #calendar .fc-view-container .fc-day-number.calendar-date-available-indicator-soldout > .sold-out-overlay-label {
    bottom: -16px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  body.layout-ets-v2 section#content .calendar-container #calendar .fc-view-container .fc-day-number.calendar-date-available-indicator-soldout.active > .sold-out-overlay-label {
    bottom: -16px; } }

.typing_loader {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  -webkit-animation: typing 1s linear infinite alternate;
  -moz-animation: Typing 1s linear infinite alternate;
  animation: typing 1s linear infinite alternate;
  margin: 10px auto;
  position: relative;
  left: -12px; }

@-webkit-keyframes typing {
  0% {
    background-color: black;
    box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px rgba(0, 0, 0, 0.2); }
  25% {
    background-color: rgba(0, 0, 0, 0.4);
    box-shadow: 12px 0px 0px 0px black, 24px 0px 0px 0px rgba(0, 0, 0, 0.2); }
  75% {
    background-color: rgba(0, 0, 0, 0.4);
    box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px black; } }

@-moz-keyframes typing {
  0% {
    background-color: black;
    box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px rgba(0, 0, 0, 0.2); }
  25% {
    background-color: rgba(0, 0, 0, 0.4);
    box-shadow: 12px 0px 0px 0px black, 24px 0px 0px 0px rgba(0, 0, 0, 0.2); }
  75% {
    background-color: rgba(0, 0, 0, 0.4);
    box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px black; } }

@keyframes typing {
  0% {
    background-color: black;
    box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px rgba(0, 0, 0, 0.2); }
  25% {
    background-color: rgba(0, 0, 0, 0.4);
    box-shadow: 12px 0px 0px 0px black, 24px 0px 0px 0px rgba(0, 0, 0, 0.2); }
  75% {
    background-color: rgba(0, 0, 0, 0.4);
    box-shadow: 12px 0px 0px 0px rgba(0, 0, 0, 0.2), 24px 0px 0px 0px black; } }

html .shopping-cart__voucher_passcode_used .row .voucher-details,
.shopping-cart__voucher_passcode_used .row .voucher-action {
  box-shadow: 1px 0 0 0 #ddd, 0 1px 0 0 #ddd, 1px 1px 0 0 #ddd, 1px 0 0 0 #ddd inset, 0 1px 0 0 #ddd inset;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2px; }

.shopping-cart__voucher_passcode_used .row {
  display: flex;
  flex-direction: row;
  height: 2.5em; }

html .shopping-cart__voucher_passcode_used .row .voucher-details {
  width: 80%; }

.shopping-cart__voucher_passcode_used .row .voucher-action {
  align-content: center;
  display: flex;
  justify-content: center;
  width: 20%; }

.shopping-cart__voucher_passcode_used .row .voucher-type,
.shopping-cart__voucher_passcode_used .row .voucher-value {
  display: inline-block; }

.shopping-cart__voucher_passcode_used .row .voucher-type {
  float: left; }

.shopping-cart__voucher_passcode_used .row .voucher-value {
  float: right; }

.shopping-cart__voucher_passcode_used .row .voucher-action {
  cursor: pointer; }

.shopping-cart__voucher_passcode_used .row .voucher-action .icon-flex,
.icon-wrapper {
  align-items: center;
  display: flex;
  justify-content: center; }

.shopping-cart__voucher_passcode_used .row .voucher-action .icon-wrapper {
  border: 1px solid;
  border-color: inherit;
  border-radius: 50%;
  height: 1rem;
  margin: auto;
  overflow: hidden;
  width: 1rem; }

#voucher_input_container .left {
  display: inline-block; }

#voucher_input_container .title-wrapper {
  min-height: 40px; }

#voucher_input_container .label {
  float: left;
  font-size: 22px;
  margin-top: 14px; }

#voucher_input_container .title-wrapper {
  min-height: 40px; }

#id_voucher_code {
  color: #616161;
  line-height: 30px;
  padding: 3px 0 4px 20px !important; }
  @media (min-width: 749px) {
    #id_voucher_code {
      width: 240px !important; } }

#apply-voucher-btn {
  margin-right: 0;
  min-height: 40px;
  text-transform: capitalize; }

html .sidebar__shopping-cart {
  background: transparent;
  color: #666;
  border: none; }
  html .sidebar__shopping-cart h2 {
    color: orange; }

@media only screen and (max-width: 748px) {
  section#content #event-header-second.no-date-info .times.has-customized-time {
    border-top: none !important; } }

section#content #event-header-second .times {
  border-color: transparent !important; }
  section#content #event-header-second .times .times-first .blue, section#content #event-header-second .times .times-second .blue {
    margin-bottom: 6px; }

section#content #event-header-second .times, section#content #event-header-second .location {
  color: #666; }
  section#content #event-header-second .times .blue, section#content #event-header-second .location .blue {
    color: orange; }

section#content #event-header-second .location a {
  color: #666; }

section#content #event-header-second .location:hover {
  color: orange; }

section#content #event-header-second .location-detail {
  color: #666;
  text-transform: none; }
  section#content #event-header-second .location-detail #show-taxi {
    color: #FFFFFF !important;
    background: #009B7A !important;
    border: 0;
    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
    font-size: 16px;
    border-radius: 30px !important;
    padding: 6px 12px 6px 12px;
    text-transform: capitalize;
    min-height: 45px;
    border: solid 1px #009B7A;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center; }
    section#content #event-header-second .location-detail #show-taxi::after {
      content: '';
      display: inline-block;
      transform: rotate(45deg);
      height: 10px;
      width: 5px;
      border-bottom: 2px solid #FFFFFF;
      border-right: 2px solid #FFFFFF;
      margin-left: 12px;
      margin-top: -2px; }
    section#content #event-header-second .location-detail #show-taxi:hover {
      color: #009B7A !important;
      background: #FFFFFF !important;
      text-decoration: none;
      border-color: #D9D9D9;
      -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
      box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); }
      section#content #event-header-second .location-detail #show-taxi:hover::after {
        border-color: #009B7A; }
  section#content #event-header-second .location-detail .address-title {
    font-size: 22px;
    text-transform: uppercase; }
    body.property-style-sc section#content #event-header-second .location-detail .address-title {
      font-size: 28px; }
  section#content #event-header-second .location-detail .location-map {
    padding-top: 2px; }
    section#content #event-header-second .location-detail .location-map pre {
      white-space: pre-wrap;
      word-break: break-word; }
  section#content #event-header-second .location-detail #map-expand-icon {
    font-size: 20px;
    position: relative;
    top: -2px;
    margin-left: 4px; }

section#content #sidebar {
  margin-top: 10px; }
  section#content #sidebar .sidebar__shopping-cart .shopping-cart__section {
    border-color: transparent !important; }
  section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__event-name {
    padding-top: 5px; }
    section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__event-name > h1 {
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      color: blue;
      font-size: 1.5em;
      line-height: 1.5em;
      font-size: 22px;
      padding-top: 10px;
      padding-bottom: 8px;
      text-transform: uppercase; }
      body.property-style-sc section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__event-name > h1 {
        font-size: 28px; }
  section#content #sidebar #get-tickets {
    color: #FFFFFF !important;
    background: #009B7A !important;
    border: 0;
    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
    font-size: 16px;
    border-radius: 30px !important;
    padding: 6px 12px 6px 12px;
    text-transform: capitalize;
    min-height: 45px;
    border: solid 1px #009B7A;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center; }
    section#content #sidebar #get-tickets::after {
      content: '';
      display: inline-block;
      transform: rotate(45deg);
      height: 10px;
      width: 5px;
      border-bottom: 2px solid #FFFFFF;
      border-right: 2px solid #FFFFFF;
      margin-left: 12px;
      margin-top: -2px; }
    section#content #sidebar #get-tickets:hover {
      color: #009B7A !important;
      background: #FFFFFF !important;
      text-decoration: none;
      border-color: #D9D9D9;
      -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
      box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); }
      section#content #sidebar #get-tickets:hover::after {
        border-color: #009B7A; }
    @media (min-width: 749px) {
      section#content #sidebar #get-tickets {
        padding-left: 5px;
        padding-right: 5px; } }
  section#content #sidebar #event-header-second .times-first .upper, section#content #sidebar #event-header-second .times-second .upper {
    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
    color: #000;
    font-size: 0.8em; }
  section#content #sidebar #event-header-second .times-first .upper.blue, section#content #sidebar #event-header-second .times-second .upper.blue {
    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
    color: blue;
    font-size: 1.5em;
    line-height: 1.5em; }
  section#content #sidebar #event-header-second .times {
    overflow: visible; }
    section#content #sidebar #event-header-second .times.has-customized-time {
      padding-bottom: 8px; }
      section#content #sidebar #event-header-second .times.has-customized-time .upper {
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        color: blue;
        font-size: 1.5em;
        line-height: 1.5em;
        font-size: 22px;
        padding-top: 1px;
        position: relative;
        top: -2px;
        line-height: initial; }
        body.property-style-sc section#content #sidebar #event-header-second .times.has-customized-time .upper {
          font-size: 28px; }
  section#content #sidebar #event-header-second > div {
    margin-top: 10px; }
    section#content #sidebar #event-header-second > div:first-child {
      margin-top: 0px; }
  section#content #sidebar .location-detail b {
    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
    color: blue;
    font-size: 1.5em;
    line-height: 1.5em; }
  section#content #sidebar .location-detail pre {
    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
    color: #000;
    font-size: 0.8em; }
  section#content #sidebar .sidebar__shopping-cart b {
    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
    color: blue;
    font-size: 1.5em;
    line-height: 1.5em;
    text-transform: uppercase; }
  section#content #sidebar .sidebar__shopping-cart .section__meta,
  section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation,
  section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing,
  section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation .section__meta div,
  section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta div,
  section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta_discount,
  section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta_total div {
    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
    color: #000;
    font-size: 0.8em; }
    section#content #sidebar .sidebar__shopping-cart .section__meta .pricing-left,
    section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation .pricing-left,
    section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .pricing-left,
    section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation .section__meta div .pricing-left,
    section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta div .pricing-left,
    section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta_discount .pricing-left,
    section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta_total div .pricing-left {
      float: left;
      clear: both; }
    section#content #sidebar .sidebar__shopping-cart .section__meta .pricing-right,
    section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation .pricing-right,
    section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .pricing-right,
    section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__seat-allocation .section__meta div .pricing-right,
    section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta div .pricing-right,
    section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta_discount .pricing-right,
    section#content #sidebar .sidebar__shopping-cart .shopping-cart__section.section__pricing .section__meta_total div .pricing-right {
      float: right; }
  section#content #sidebar .sidebar__shopping-cart .section__meta_discount {
    padding-bottom: 12px; }
  section#content #sidebar .sidebar__shopping-cart .section__meta_discount:empty {
    padding-bottom: 0; }

@media only screen and (max-width: 748px) {
  html section#content #sidebar #get-tickets {
    padding-left: 0px;
    padding-right: 0px; } }

@media only screen and (max-width: 748px) {
  html .sidebar__shopping-cart {
    display: none; } }

#event-cart-timer-indicator {
  width: 96%;
  border: solid 1px transparent;
  display: inline-block;
  padding: 12px 2% 10px 2%;
  margin-bottom: 10px; }
  #event-cart-timer-indicator > div {
    display: inline-block;
    width: 49%; }
    @media only screen and (max-width: 748px) {
      #event-cart-timer-indicator > div {
        width: 100%; } }
  #event-cart-timer-indicator #event-cart-items-time {
    text-align: right; }

html #svg_container {
  background: transparent;
  border: none; }
  html #svg_container #area_canclick_notify {
    background: transparent;
    color: #666;
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    position: relative; }
    html #svg_container #area_canclick_notify > h2.tf-title {
      display: block;
      opacity: 1;
      font-size: 1.7em;
      font-weight: normal;
      color: blue;
      text-align: left;
      margin-top: 70px;
      background: transparent;
      padding-left: 0;
      border: none;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-size: 1.2em;
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      color: blue;
      font-size: 1.7em;
      line-height: 1.7em; }
      @media only screen and (max-width: 748px) {
        html #svg_container #area_canclick_notify > h2.tf-title {
          margin-top: 50px; } }
  html #svg_container #svg_content_container {
    background: transparent;
    border: none; }
  html #svg_container .seating-footer {
    background: transparent;
    border: none; }
    html #svg_container .seating-footer #btn-summary {
      color: #8E9590 !important;
      background: transparent !important;
      border: solid 1px #8E9590;
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      font-size: 16px;
      border-radius: 30px !important;
      padding: 6px 12px 6px 12px;
      text-transform: capitalize;
      min-height: unset;
      line-height: normal;
      height: 45px;
      display: flex;
      align-items: center;
      justify-content: center; }
      html #svg_container .seating-footer #btn-summary::after {
        content: '';
        display: inline-block;
        transform: rotate(45deg);
        height: 10px;
        width: 5px;
        border-bottom: 2px solid #8E9590;
        border-right: 2px solid #8E9590;
        margin-left: 12px;
        margin-top: -2px; }
      html #svg_container .seating-footer #btn-summary:hover {
        color: #8E9590 !important;
        background: #FFFFFF !important;
        text-decoration: none;
        border-color: #D9D9D9;
        -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
        box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); }
        html #svg_container .seating-footer #btn-summary:hover::after {
          border-color: #8E9590; }
    html #svg_container .seating-footer #legend_rollover_text {
      display: none; }
    html #svg_container .seating-footer span {
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif; }
    html #svg_container .seating-footer #legend_items .legend-item span {
      margin-left: 5px; }
    html #svg_container .seating-footer #legend_items .legend-item:nth-child(1) {
      margin-left: 0px; }
    html #svg_container .seating-footer #legend_items .legend-item svg circle {
      stroke: transparent; }
  html #svg_container #seating-error-display {
    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif; }
  html #svg_container #svg.seat_invisible .showing_area_text [id^=BACKGROUND] {
    opacity: 1; }
  html #svg_container #home-button:hover, html #svg_container #large:hover, html #svg_container #small:hover {
    color: orange; }
  html #svg_container #scroll-done.active {
    color: orange;
    border-color: orange; }
    html #svg_container #scroll-done.active:hover {
      background: orange; }
  html #svg_container #scroll-done {
    min-width: 82px;
    line-height: 32px;
    box-sizing: border-box; }
    @media only screen and (max-width: 748px) {
      html #svg_container #scroll-done {
        bottom: 12px; } }
    @media (min-width: 749px) {
      html #svg_container #scroll-done {
        min-width: 110px;
        line-height: 40px;
        padding-top: 4px;
        font-size: 16px; } }

html body #svg_container #svg_content_container #svg {
  border: solid 1px transparent; }

html #seating-plan-sticky-tooltip {
  position: absolute;
  min-width: 5px;
  min-height: 5px;
  padding: 3px 15px 6px 15px;
  background: #fff;
  color: #666;
  z-index: 2;
  font-size: 20px; }
  html #seating-plan-sticky-tooltip .category-detail {
    font-size: 20px;
    line-height: 20px;
    width: 100%;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 2px;
    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif; }
    html #seating-plan-sticky-tooltip .category-detail .icon {
      display: inline-block;
      width: 10px;
      height: 10px;
      margin-right: 8px; }

html #svg_container .seating-footer,
html #svg_container .seating-footer #seating-legend {
  display: none !important; }

html #svg_content_container.no-control-buttons .btn {
  display: none !important; }

html #svg_content_container #closer {
  position: absolute;
  bottom: 20px;
  right: 20px;
  font-size: 1.7em;
  background: rgba(33, 23, 21, 0.8);
  padding: 10px;
  border-radius: 25px;
  border: solid 2px rgba(255, 255, 255, 0.3); }
  html #svg_content_container #closer.move-left {
    right: auto;
    left: 17px; }

html #svg_content_container svg #ROW_NUMBER text,
html #svg_content_container svg #ARROW-LAYER path,
html #svg_content_container svg #ARROW-LAYER text {
  fill: #777 !important; }

html #svg_content_container svg .currently-selected-seat {
  fill: #004433; }

html #package-list {
  padding: 15px 100px; }
  html #package-list #package-list-title {
    margin-bottom: 20px;
    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
    color: blue;
    font-size: 1.7em;
    line-height: 1.7em; }
    @media only screen and (max-width: 748px) {
      html #package-list #package-list-title {
        margin-top: 13px;
        margin-bottom: 23px; } }
  @media only screen and (max-width: 748px) {
    html #package-list {
      padding-left: 5px;
      padding-right: 5px; } }
  html #package-list .packages-container .package-content {
    border-bottom: solid 1px transparent; }
    html #package-list .packages-container .package-content:nth-child(1) {
      border-top: solid 1px transparent; }
    @media only screen and (max-width: 748px) {
      html #package-list .packages-container .package-content .step-item-list {
        width: 100%; } }
    html #package-list .packages-container .package-content .step-item-list .include-msg {
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      margin: 5px 0 10px 0; }
    html #package-list .packages-container .package-content .step-item-list .package-desc-msg {
      width: 100%; }
      html #package-list .packages-container .package-content .step-item-list .package-desc-msg > p:first-child {
        padding-top: 0; }
      @media only screen and (max-width: 748px) {
        html #package-list .packages-container .package-content .step-item-list .package-desc-msg {
          padding-top: 14px;
          padding-bottom: 12px;
          font-size: 17px; } }
    html #package-list .packages-container .package-content .step-item-list .price-msg {
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      margin: 10px 0 10px 0;
      font-size: 18px; }
    html #package-list .packages-container .package-content .buy-container {
      width: 100%;
      text-align: right;
      margin-bottom: 10px; }
      html #package-list .packages-container .package-content .buy-container .quantity-container,
      html #package-list .packages-container .package-content .buy-container .tf-btn-primary {
        height: 43px; }
      @supports (display: -ms-grid) {
        html #package-list .packages-container .package-content .buy-container .tf-btn-primary {
          padding-top: 7px; } }
      @media only screen and (max-width: 748px) {
        html #package-list .packages-container .package-content .buy-container {
          margin-top: 15px; }
          html #package-list .packages-container .package-content .buy-container button.tf-btn-primary {
            padding-left: 10px;
            padding-right: 10px; } }
      html #package-list .packages-container .package-content .buy-container .quantity-container {
        vertical-align: bottom;
        margin-bottom: 3px; }
        html #package-list .packages-container .package-content .buy-container .quantity-container .quantity {
          color: #000;
          padding: 12px 20px;
          font-size: 1.2em;
          min-height: 28px; }
          html #package-list .packages-container .package-content .buy-container .quantity-container .quantity select {
            font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
            border: none;
            margin-left: 8px;
            font-size: 17px;
            position: relative;
            top: -1px; }
        html #package-list .packages-container .package-content .buy-container .quantity-container input, html #package-list .packages-container .package-content .buy-container .quantity-container button {
          display: inline-block; }
      @media only screen and (max-width: 748px) {
        html #package-list .packages-container .package-content .buy-container {
          text-align: left; }
          html #package-list .packages-container .package-content .buy-container .quantity-container, html #package-list .packages-container .package-content .buy-container button {
            width: 47%;
            margin-bottom: 0;
            height: 43px; }
          html #package-list .packages-container .package-content .buy-container .quantity-container {
            width: 46%; }
          html #package-list .packages-container .package-content .buy-container .quantity-container .quantity {
            width: 100%;
            text-align: center;
            padding: 8px 0; }
            html #package-list .packages-container .package-content .buy-container .quantity-container .quantity select {
              padding: 5px;
              margin-left: 7px; } }
      @media only screen and (max-width: 350px) {
        html #package-list .packages-container .package-content .buy-container .quantity-container, html #package-list .packages-container .package-content .buy-container button {
          width: 100% !important;
          margin-left: 0px;
          margin-right: 0px;
          margin-bottom: 5px; } }
    html #package-list .packages-container .package-content .cart-exclusive-container {
      margin-bottom: 10px; }
      @media only screen and (max-width: 748px) {
        html #package-list .packages-container .package-content .cart-exclusive-container {
          margin-top: 10px; } }
    html #package-list .packages-container .package-content .buy-container.is-hidden,
    html #package-list .packages-container .package-content .cart-exclusive-container.is-hidden {
      display: none !important;
      visibility: hidden;
      height: 0;
      overflow: hidden;
      padding-bottom: 0; }

html #event-package-step-indicator {
  width: 100%;
  border: solid 1px transparent;
  display: inline-block; }

.packages-container div, .packages-container b, .packages-container span, .packages-container p {
  display: inline-block !important; }

.packages-container .package-content {
  position: relative;
  width: 96%;
  padding: 12px 2% 5px 2%; }
  .packages-container .package-content .package-name, .packages-container .package-content .step-item-list, .packages-container .package-content .package-spec {
    float: left; }
  .packages-container .package-content .package-name {
    width: 27%;
    padding-right: 1%; }
  .packages-container .package-content .step-item-list {
    width: 51%; }
  .packages-container .package-content .package-spec {
    width: 17%; }
  @media only screen and (max-width: 748px) {
    .packages-container .package-content .package-name {
      width: 100%; }
    .packages-container .package-content .step-item-list {
      width: 100%; }
    .packages-container .package-content .package-spec {
      width: 100%; } }
  .packages-container .package-content .package-name h2 {
    color: #666;
    font-size: 24px;
    line-height: 24px; }
  .packages-container .package-content .package-name .package-qty {
    color: #666;
    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
    font-size: 14px;
    margin-top: 7px; }
  @media only screen and (max-width: 748px) {
    .packages-container .package-content .package-name {
      padding-top: 8px;
      padding-bottom: 7px; } }
  .packages-container .package-content .step-item-list .selecting-msg {
    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
    font-size: 15px;
    padding-top: 2px;
    padding-bottom: 10px; }
  .packages-container .package-content .step-item-list .offset-left {
    padding-top: 0;
    padding-left: 50px;
    padding-right: 10px; }
    .packages-container .package-content .step-item-list .offset-left span.item-comma:last-child {
      display: none !important; }
  .packages-container .package-content .step-item-list ul {
    list-style: none;
    padding-left: 12px; }
    .packages-container .package-content .step-item-list ul li {
      color: #666;
      float: none;
      margin-bottom: 5px;
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif; }
      .packages-container .package-content .step-item-list ul li .arrow {
        vertical-align: middle;
        position: relative;
        top: -2px;
        background: transparent;
        background-repeat: no-repeat;
        width: 22px;
        height: 23px; }
      .packages-container .package-content .step-item-list ul li b {
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        font-weight: bold;
        margin-right: 5px;
        font-size: 20px; }
      body.property-style-sc .packages-container .package-content .step-item-list ul li > b {
        position: relative;
        top: 2px;
        padding-top: 4px;
        font-size: 24px;
        letter-spacing: 0.01em; }
      .packages-container .package-content .step-item-list ul li div b, .packages-container .package-content .step-item-list ul li p b, .packages-container .package-content .step-item-list ul li p span {
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        font-size: 13px; }
      .packages-container .package-content .step-item-list ul li div.force-hidden {
        display: none !important; }
      .packages-container .package-content .step-item-list ul li div.interactive-cell {
        padding-bottom: 5px; }
        .packages-container .package-content .step-item-list ul li div.interactive-cell a {
          cursor: pointer;
          white-space: nowrap; }
      .packages-container .package-content .step-item-list ul li.current {
        color: orange; }
        .packages-container .package-content .step-item-list ul li.current .arrow {
          background-position: -21px -1px; }
        .packages-container .package-content .step-item-list ul li.current > b {
          width: 90%;
          line-height: 1em; }
          @media only screen and (max-width: 748px) {
            .packages-container .package-content .step-item-list ul li.current > b {
              width: 80%; } }
        .packages-container .package-content .step-item-list ul li.current .offset-left {
          color: orange; }
      .packages-container .package-content .step-item-list ul li.showcase {
        color: orange; }
        .packages-container .package-content .step-item-list ul li.showcase .arrow {
          background-position: -21px -1px; }
        .packages-container .package-content .step-item-list ul li.showcase > b {
          width: 90%;
          line-height: 1em; }
          @media only screen and (max-width: 748px) {
            .packages-container .package-content .step-item-list ul li.showcase > b {
              width: 80%; } }
        .packages-container .package-content .step-item-list ul li.showcase .offset-left {
          color: #666; }
  @media (min-width: 749px) {
    .packages-container .package-content .package-spec {
      margin-bottom: 50px; } }
  .packages-container .package-content .package-spec .package-timer {
    margin-bottom: 10px; }
  .packages-container .package-content .package-spec .package-timer, .packages-container .package-content .package-spec .package-pricing {
    float: none;
    width: 100%; }
    .packages-container .package-content .package-spec .package-timer .label, .packages-container .package-content .package-spec .package-pricing .label {
      font-size: 16px;
      margin-bottom: 3px;
      width: 100%; }
      @media only screen and (max-width: 748px) {
        .packages-container .package-content .package-spec .package-timer .label, .packages-container .package-content .package-spec .package-pricing .label {
          display: inline !important; } }
    .packages-container .package-content .package-spec .package-timer div, .packages-container .package-content .package-spec .package-pricing div {
      display: block;
      color: blue;
      font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
      font-size: 20px;
      line-height: initial; }
  .packages-container .package-content .package-spec #package-buy-now.force-hidden {
    display: none !important; }
  .packages-container .package-content .package-spec #package-buy-now button {
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    white-space: nowrap; }
  @media (min-width: 749px) {
    .packages-container .package-content .package-spec #package-buy-now {
      position: absolute;
      bottom: 0px;
      right: 20px;
      width: 200px; } }

@supports (display: -ms-grid) {
  html body.property-style-sc.language-style-zh-hant #package-list .packages-container .package-content .buy-container .tf-btn-primary,
  html body.property-style-sc.language-style-zh-hans #package-list .packages-container .package-content .buy-container .tf-btn-primary {
    padding-top: 10px; } }

html section#content .selection-blocker {
  position: absolute;
  background: transparent;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999; }

html #event-package-list {
  padding: 20px 0; }
  html #event-package-list .section-title {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
    color: blue;
    font-size: 1.7em;
    line-height: 1.7em; }
    @media only screen and (max-width: 748px) {
      html #event-package-list .section-title {
        margin-top: 13px;
        margin-bottom: 23px; } }
  html #event-package-list .event-packages-container ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  html #event-package-list .event-packages-container .package-item {
    margin-bottom: 15px;
    width: 100%; }
  html #event-package-list .event-packages-container .package-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px 0;
    border-bottom: 1px solid transparent;
    width: 100%; }
    html #event-package-list .event-packages-container .package-content .package-info {
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 8px; }
      html #event-package-list .event-packages-container .package-content .package-info .package-title-container {
        display: flex;
        align-items: center; }
      html #event-package-list .event-packages-container .package-content .package-info .package-title {
        color: #666;
        font-size: 18px;
        margin: 0; }
      html #event-package-list .event-packages-container .package-content .package-info .info-toggle {
        background: none;
        border: none;
        padding: 0;
        cursor: pointer;
        color: #777;
        width: 20px;
        height: 20px;
        margin-left: 10px;
        display: flex;
        align-items: center;
        justify-content: center; }
        html #event-package-list .event-packages-container .package-content .package-info .info-toggle svg {
          color: inherit; }
        html #event-package-list .event-packages-container .package-content .package-info .info-toggle:hover {
          color: orange; }
    html #event-package-list .event-packages-container .package-content .package-description {
      display: none;
      width: 90%;
      font-size: 14px;
      color: #333;
      padding: 0; }
      html #event-package-list .event-packages-container .package-content .package-description.show {
        display: block; }
    html #event-package-list .event-packages-container .package-content .buy-package-btn {
      background-color: #004433;
      color: white;
      padding: 8px 20px;
      text-decoration: none;
      font-size: 14px;
      white-space: nowrap;
      text-transform: uppercase;
      font-weight: bold;
      border: none;
      cursor: pointer;
      min-width: 120px;
      text-align: center;
      box-sizing: border-box; }
      html #event-package-list .event-packages-container .package-content .buy-package-btn:hover {
        background-color: #00110d; }
  @media only screen and (max-width: 748px) {
    html #event-package-list .package-content {
      flex-direction: column;
      gap: 15px; }
      html #event-package-list .package-content .package-info {
        width: 100%; }
      html #event-package-list .package-content .buy-package-btn {
        width: 100%; } }

html section#content > .white-container.shorter {
  background: transparent; }
  html section#content > .white-container.shorter #event-calendar h3 {
    color: #666; }
  html section#content > .white-container.shorter #event-calendar > h2.tf-title, html section#content > .white-container.shorter #event-calendar-result > h2.tf-title {
    border-bottom: transparent solid 3.5px;
    padding-bottom: 7px;
    margin-bottom: 20px; }

.frontend-timer.counting {
  position: absolute;
  color: blue;
  width: 60px;
  text-align: center;
  padding: 2px 0px;
  border: solid 1px transparent; }
  .frontend-timer.counting#seating-plan-frontend-timer {
    right: -2px;
    top: 79px; }
  .frontend-timer.counting#selfselected-seating-plan-frontend-timer {
    top: -43px;
    right: 0px; }
  .frontend-timer.counting#non-seated-event-frontend-timer {
    right: 0px;
    top: 9px; }

.section__meta.allocation__list {
  max-height: 200px;
  overflow-y: hidden; }

a#show-more-allocations {
  font-size: 13px;
  padding: 0;
  display: block;
  margin-top: -5px; }

.add_overflow_y {
  overflow-y: scroll !important; }

#all-ticket-types-container .columns > .quantity-price {
  position: absolute !important;
  width: auto !important; }

.event-page-popup-modal {
  width: 700px;
  border-radius: 5px;
  max-width: 80%; }
  .event-page-popup-modal.modal {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #FFFFFF;
    padding: 20px;
    border: 2px solid #333333;
    max-width: 80%;
    z-index: 9999; }
  .event-page-popup-modal.show {
    display: block; }
  .event-page-popup-modal .modalBody {
    font-size: 16px;
    color: #666666;
    margin: 0; }
    .event-page-popup-modal .modalBody h1 {
      font-size: 24px;
      font-weight: bold; }
    .event-page-popup-modal .modalBody h2 {
      font-size: 22px;
      font-weight: bold; }
    .event-page-popup-modal .modalBody h3 {
      font-size: 20px;
      font-weight: bold; }
    .event-page-popup-modal .modalBody h5 {
      font-size: 18px;
      font-weight: bold; }
    .event-page-popup-modal .modalBody h6 {
      font-size: 16px;
      font-weight: bold; }
    .event-page-popup-modal .modalBody p {
      color: #666666; }
      .event-page-popup-modal .modalBody p img {
        max-width: 100%; }
  .event-page-popup-modal .modalFooter {
    margin: 0px;
    text-align: right;
    padding-top: 20px;
    display: flex;
    justify-content: space-between; }
    .event-page-popup-modal .modalFooter #close-popup {
      margin: 0;
      border-radius: 4px;
      padding: 4px 12px; }
    .event-page-popup-modal .modalFooter #do-not-show-again-btn {
      margin-right: 10px;
      float: left;
      border: 0;
      margin: 0;
      padding: 10px 6px;
      font-size: 15px; }
    .event-page-popup-modal .modalFooter #do-not-show-again-checkbox:hover {
      background: transparent;
      border: 0px;
      color: #666666; }
    .event-page-popup-modal .modalFooter label {
      color: #666666; }

.payment-icons .payment-icon .payment-entry {
  width: auto;
  min-width: 60px; }

#event-sign-terms-and-conditions, #event-is-accept-promoter-opt-in {
  text-align: left !important;
  padding-left: 8px;
  margin-top: 10px; }
  @media only screen and (max-width: 748px) {
    #event-sign-terms-and-conditions, #event-is-accept-promoter-opt-in {
      padding: 0 8px;
      text-align: center; } }
  #event-sign-terms-and-conditions label.checkbox, #event-is-accept-promoter-opt-in label.checkbox {
    color: #3F4644;
    font-family: inherit;
    font-size: 14px; }
  #event-sign-terms-and-conditions label a, #event-is-accept-promoter-opt-in label a {
    text-decoration: underline;
    color: #3F4644; }
  #event-sign-terms-and-conditions label .checkbox-img, #event-is-accept-promoter-opt-in label .checkbox-img {
    border: 0 !important; }
    #event-sign-terms-and-conditions label .checkbox-img::before, #event-is-accept-promoter-opt-in label .checkbox-img::before {
      content: '';
      -webkit-appearance: none;
      background-color: transparent;
      border: 2px solid #3F4644;
      padding: 8px;
      display: inline-block;
      position: absolute;
      vertical-align: middle;
      cursor: pointer;
      left: 0;
      top: -2px; }
  #event-sign-terms-and-conditions label input, #event-is-accept-promoter-opt-in label input {
    display: none; }
    #event-sign-terms-and-conditions label input:checked ~ .checkbox-img::after, #event-is-accept-promoter-opt-in label input:checked ~ .checkbox-img::after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 6px;
      width: 6px;
      height: 11px;
      border: solid #004433;
      border-width: 0 2px 2px 0;
      transform: rotate(45deg); }

html body.layout-ets-v2 #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry {
  min-width: 85px;
  width: auto; }
  html body.layout-ets-v2 #payment-details-page #payment-details-wrap #payment-details-form .payment-icons .payment-icon .payment-entry img {
    height: 41px; }

html body section#content .ticket-category-list .ticket-category-item .ticket-category-price-expand {
  flex-wrap: wrap; }

html body section#content .ticket-category-list .ticket-category-item .ticket-category-price-expand div.visibility-expand {
  width: 100%; }

html body section#content .ticket-category-list .ticket-category-item .visibility-shown {
  padding: 0 0 0 32px;
  color: #000000;
  font-size: 14px; }

html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-v2-wrapper .ticket-category-item .visibility-shown {
  width: 100%;
  text-align: right;
  font-weight: normal; }
  @media only screen and (max-width: 420px) {
    html body .main-content .container #content #event-detail .ticket-category-list .ticket-category-v2-wrapper .ticket-category-item .visibility-shown {
      text-align: left; } }

#all-ticket-types-container .ticket-additional-info {
  font-size: 14px;
  margin-bottom: 15px; }

html .main-content #venue-detail {
  background: transparent; }

html .main-content #venue-detail .infoItem h4, html .main-content #venue-detail .infoItem h5, html .main-content #venue-detail .infoItem p, html .main-content #current-events .infoItem h4, html .main-content #current-events .infoItem h5, html .main-content #current-events .infoItem p, html .main-content #past-events .infoItem h4, html .main-content #past-events .infoItem h5, html .main-content #past-events .infoItem p {
  color: #666; }

html .main-content #venue-detail .infoText p, html .main-content #current-events .infoText p, html .main-content #past-events .infoText p {
  color: #666; }

html .main-content #venue-detail .infoBtns .shareWrapper li, html .main-content #current-events .infoBtns .shareWrapper li, html .main-content #past-events .infoBtns .shareWrapper li {
  color: #666; }

html .main-content #venue-events {
  background: transparent; }

html .main-content #venue-events-feeds {
  background: transparent;
  color: #666; }

html #host-list-page #host-listing {
  background: transparent; }

html #host-detail, html #host-events {
  background: transparent; }
  html #host-detail .infoItem, html #host-events .infoItem {
    color: #444; }
    html #host-detail .infoItem h4, html #host-events .infoItem h4 {
      color: orange; }
    html #host-detail .infoItem .infoText, html #host-events .infoItem .infoText {
      color: #666; }
    html #host-detail .infoItem a, html #host-events .infoItem a {
      color: #666; }
      html #host-detail .infoItem a:hover, html #host-events .infoItem a:hover {
        color: orange; }
  html #host-detail .shareWrapper li, html #host-events .shareWrapper li {
    color: #666; }

html #faq-page #flat_content {
  margin-top: 20px; }
  html #faq-page #flat_content p {
    border-color: transparent !important; }
    html #faq-page #flat_content p.answer {
      background: transparent; }

html #faq-page #flat_content, html #faq-page #flat_content p.answer {
  background: transparent; }
  html #faq-page #flat_content i.fa, html #faq-page #flat_content p.answer i.fa {
    color: #666; }

html .flatpage.gray-container p {
  margin-top: 20px;
  margin-bottom: 20px; }

html .flatpage.gray-container ul {
  list-style-type: disc;
  padding-left: 20px;
  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif; }

html .flatpage.gray-container ul li {
  padding-bottom: 5px; }

html .property-style-cod .flatpage.gray-container ul li a {
  text-decoration: underline; }

html .flatpage.gray-container table {
  border: solid 1px transparent;
  width: 100%; }

html .flatpage.gray-container table tbody tr,
html .flatpage.gray-container table tbody td {
  padding: 5px;
  border: solid 1px transparent; }

html .main-content .unlock-locked .unlock_content p.session-unlock-form {
  font-size: 22px;
  font-weight: 600; }

#event-detail.for-package div.package-content {
  width: 100%;
  padding: 0; }
  #event-detail.for-package div.package-content .step-item-list {
    width: 75%; }

#event-detail.for-package #package-quantity-row {
  border-bottom: solid 1px transparent;
  border-top: solid 1px transparent;
  display: flex !important;
  margin-bottom: 20px;
  margin-top: 10px;
  width: 100%; }
  #event-detail.for-package #package-quantity-row .ui-spinner-buttons, #event-detail.for-package #package-quantity-row .ui-spinner-button {
    display: none !important; }
  #event-detail.for-package #package-quantity-row > .type {
    width: 65%;
    display: inline-block;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    position: relative; }
    #event-detail.for-package #package-quantity-row > .type > .name {
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 20px;
      min-height: 48px;
      font-size: 18px; }
      @media only screen and (max-width: 748px) {
        #event-detail.for-package #package-quantity-row > .type > .name {
          padding-left: 0; } }
  #event-detail.for-package #package-quantity-row > .quantity-price {
    width: 34%;
    display: inline-block !important;
    text-align: center;
    min-width: 71px; }
    #event-detail.for-package #package-quantity-row > .quantity-price > .quantity {
      float: right;
      display: flex !important;
      padding-top: 11px !important; }
      #event-detail.for-package #package-quantity-row > .quantity-price > .quantity .quantity-plus,
      #event-detail.for-package #package-quantity-row > .quantity-price > .quantity .quantity-minus {
        display: inline-block;
        text-align: center;
        cursor: pointer;
        width: 40px;
        padding-top: 13px; }
        #event-detail.for-package #package-quantity-row > .quantity-price > .quantity .quantity-plus.disable-icon,
        #event-detail.for-package #package-quantity-row > .quantity-price > .quantity .quantity-minus.disable-icon {
          pointer-events: none;
          opacity: .15; }
      #event-detail.for-package #package-quantity-row > .quantity-price > .quantity input {
        text-align: center !important;
        padding-left: 5px;
        padding-right: 5px;
        border-radius: 4px;
        min-width: 40px;
        border: solid 1px transparent;
        width: 27px !important;
        float: left;
        margin: 0 !important;
        height: 45px;
        font-size: 18px;
        -webkit-appearance: none !important;
        margin: 0 !important;
        -moz-appearance: textfield !important; }

#event-detail.for-package div#buy_button_container.for-package {
  display: block !important;
  width: 100%;
  text-align: right;
  margin-bottom: 50px; }
  #event-detail.for-package div#buy_button_container.for-package .overview-quantity-container {
    vertical-align: bottom;
    padding: 5px; }
    #event-detail.for-package div#buy_button_container.for-package .overview-quantity-container .overview-quantity {
      color: #000;
      background: #fff;
      padding: 0px 20px;
      font-size: 1.2em;
      min-height: 28px; }
      #event-detail.for-package div#buy_button_container.for-package .overview-quantity-container .overview-quantity span {
        position: relative; }
      #event-detail.for-package div#buy_button_container.for-package .overview-quantity-container .overview-quantity select {
        width: auto;
        min-width: 50px;
        font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
        font-size: 17px;
        position: relative;
        top: -1px;
        display: inline-block; }

.layout-ets-v2 #event-detail.for-package #package-quantity-row {
  border-top: solid 1px #3F4644;
  border-bottom: solid 1px #3F4644; }
  .layout-ets-v2 #event-detail.for-package #package-quantity-row > .type {
    padding-left: 0; }
    .layout-ets-v2 #event-detail.for-package #package-quantity-row > .type > .name {
      color: #3F4644; }
  .layout-ets-v2 #event-detail.for-package #package-quantity-row .quantity-price .quantity {
    padding-top: 8px !important;
    padding-bottom: 4px !important; }
    .layout-ets-v2 #event-detail.for-package #package-quantity-row .quantity-price .quantity .quantity-plus,
    .layout-ets-v2 #event-detail.for-package #package-quantity-row .quantity-price .quantity .quantity-minus {
      color: #3F4644; }
  @media only screen and (max-width: 748px) {
    .layout-ets-v2 #event-detail.for-package #package-quantity-row > .type > .name,
    .layout-ets-v2 #event-detail.for-package #package-quantity-row > .quantity-price > .quantity .quantity-plus i,
    .layout-ets-v2 #event-detail.for-package #package-quantity-row > .quantity-price > .quantity .quantity-minus i,
    .layout-ets-v2 #event-detail.for-package #package-quantity-row > .quantity-price > .quantity input {
      font-size: 16px; }
    .layout-ets-v2 #event-detail.for-package #package-quantity-row > .type > .name {
      min-height: 34px;
      padding-top: 14px; }
    .layout-ets-v2 #event-detail.for-package #package-quantity-row > .quantity-price > .quantity {
      padding-top: 5px !important; }
      .layout-ets-v2 #event-detail.for-package #package-quantity-row > .quantity-price > .quantity input {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        padding-top: 12px !important; } }

#event-detail.for-package em {
  font-style: italic; }

#event-detail.for-package .uppercase {
  text-transform: uppercase; }

#event-detail.for-package .notify {
  padding: 10px 15px;
  color: #616161;
  background-color: #F2F3F5;
  font-size: 16px;
  text-align: center;
  min-width: 200px;
  display: none; }

#event-detail.for-package .notify.passed {
  opacity: 0.5; }

#event-detail.for-package .force-hidden {
  display: none; }

#event-detail.for-package #messages .alert-error {
  display: none; }

#event-detail.for-package #error_popup .modalBody li {
  margin-bottom: 10px; }

#event-detail.for-package #error_popup .error_close {
  font-size: 15px;
  padding: 5px 12px; }

#event-detail.for-package #submitting_loader {
  width: 20px;
  height: 20px;
  visibility: hidden; }

#event-detail.for-package #host-detail {
  padding: 20px 0 15px;
  border-top: 1px solid gray;
  margin-bottom: 15px; }

#event-detail.for-package td.tt_quantity {
  padding-left: 10px; }

#event-detail.for-package a#get-tickets {
  display: none !important;
  width: 314px;
  margin: 10px 0 0 0;
  padding: 11px 5px;
  z-index: 1; }

#event-detail.for-package #sidebar.floating {
  position: fixed;
  top: 35px;
  z-index: 1; }

@media only screen and (max-width: 748px) {
  #event-detail.for-package #sidebar.floating {
    position: inherit;
    top: auto; } }

#event-detail.for-package .sidebar-container {
  width: 324px; }
  @media only screen and (max-width: 748px) {
    #event-detail.for-package .sidebar-container {
      width: 100%; } }

#event-detail.for-package a#get-tickets.hide {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.5s, opacity 0.5s linear; }

#event-detail.for-package .show-bullet ul,
#event-detail.for-package .show-bullet ol {
  list-style-position: inside; }

#event-detail.for-package .show-bullet ul {
  list-style-type: inherit; }

#event-detail.for-package .show-bullet ol {
  list-style-type: decimal; }

#event-detail.for-package .show-second {
  display: none !important; }

#event-detail.for-package .show-price {
  display: none;
  float: right;
  font-size: 21px;
  margin: 20px auto; }

@media only screen and (max-width: 748px) {
  #event-detail.for-package #voucher_input_container .left {
    width: 100%; }
  #event-detail.for-package #voucher_input_container .right {
    float: none; }
  #event-detail.for-package #voucher_input_container #apply-voucher-btn {
    width: 100%;
    margin: 0 !important; }
  #event-detail.for-package .qrcode-container {
    justify-content: flex-start; }
    #event-detail.for-package .qrcode-container .label {
      font-size: 17px !important; }
  #event-detail.for-package #qr-code-scanner .modalBody {
    max-width: inherit !important; } }

#event-detail.for-package .modalBody.withIcon {
  display: flex;
  align-items: center; }
  #event-detail.for-package .modalBody.withIcon i {
    font-size: 20px;
    color: #ad0505;
    margin-right: 10px; }

#event-detail.for-package i.unlock-icon-color {
  color: #3c763d; }

#sessions-container {
  margin: 10px 0; }

.session_day,
.each_session,
.ticket-category-item--clickable {
  cursor: pointer; }

.session_day {
  border: 1px solid #e7e7e7;
  text-transform: uppercase;
  font-size: 18px;
  padding: 30px 25px;
  border-left: 4px solid #909090;
  background: #fbfbfb;
  transition: border-left 0.5s;
  display: table;
  box-sizing: border-box;
  width: 100%; }
  .session_day:hover {
    background: #F7F7F7;
    border-left: 4px solid #aaaaaa; }
  .session_day.selected {
    border-left: 4px solid #0ab9ce; }
    .session_day.selected:hover {
      border-left: 4px solid #17dcf4; }
  .session_day span {
    transition: color 0.5s;
    display: table-cell;
    vertical-align: middle; }
    .session_day span.selected {
      color: #0ab9ce; }
  .session_day span b {
    font-weight: bold; }
  .session_day i {
    float: right;
    border: 1px solid #0ab9ce;
    border-radius: 100%;
    color: #0ab9ce;
    font-size: 30px;
    display: table-cell;
    vertical-align: middle; }
    .session_day i:hover {
      border: 1px solid #62D6E3;
      background: #62D6E3;
      color: white; }
    .session_day i.fa-angle-down {
      padding: 2px 6px 1px; }
    .session_day i.fa-angle-up {
      padding: 0px 6px 3px; }

.each_session,
.ticket-category-item--clickable {
  border: 1px solid #e7e7e7;
  padding: 0 25px;
  font-size: 16px;
  border-left: 4px solid #0ab9ce;
  background: #f3f3f3; }
  .each_session:hover,
  .ticket-category-item--clickable:hover {
    background: white; }
  .each_session.selected,
  .ticket-category-item--clickable.selected {
    color: #0ab9ce; }
  .each_session i,
  .ticket-category-item--clickable i {
    margin: 0 35px 0 10px; }
  .each_session.is_sold_out > div.is_sold_out_tag,
  .ticket-category-item--clickable.is_sold_out > div.is_sold_out_tag {
    background-color: #ccc;
    border-radius: 5px;
    font-size: 12px;
    padding: 2px 17px 3px 17px;
    text-transform: uppercase; }
  .each_session .availability-indicator.all_reserved,
  .ticket-category-item--clickable .availability-indicator.all_reserved {
    color: #3C3C3C; }

body.layout-ets-v1 .each_session.is_sold_out,
body.layout-ets-v1 .ticket-category-item--clickable.is_sold_out {
  position: relative;
  color: #D3D3D3;
  pointer-events: none; }
  body.layout-ets-v1 .each_session.is_sold_out > .is_sold_out_tag,
  body.layout-ets-v1 .ticket-category-item--clickable.is_sold_out > .is_sold_out_tag {
    position: absolute;
    left: 100%;
    transform: translate(-100%, -50%);
    white-space: nowrap;
    top: 50%; }

body.layout-ets-v2 .each_session.is_sold_out,
body.layout-ets-v2 .ticket-category-item--clickable.is_sold_out {
  pointer-events: none; }
  body.layout-ets-v2 .each_session.is_sold_out label::before,
  body.layout-ets-v2 .ticket-category-item--clickable.is_sold_out label::before {
    border: 1px solid #ccc !important; }
  body.layout-ets-v2 .each_session.is_sold_out label,
  body.layout-ets-v2 .ticket-category-item--clickable.is_sold_out label {
    color: #ccc !important; }
  body.layout-ets-v2 .each_session.is_sold_out:has(.is_sold_out_tag),
  body.layout-ets-v2 .ticket-category-item--clickable.is_sold_out:has(.is_sold_out_tag) {
    display: flex;
    justify-content: space-between; }
  body.layout-ets-v2 .each_session.is_sold_out .is_sold_out_tag,
  body.layout-ets-v2 .ticket-category-item--clickable.is_sold_out .is_sold_out_tag {
    height: fit-content !important;
    margin-right: 0px !important;
    top: 0 !important;
    white-space: nowrap !important; }

@media only screen and (max-width: 480px) {
  .each_session i {
    margin: 0 5px 0 0px; }
  .each_session {
    font-size: 14px; } }

@media only screen and (max-width: 748px) {
  #auth-app .send-ticket-verification {
    padding: 0 15px; } }

#auth-app .send-ticket-verification .evf-formset .evf-formset-field-container .evf-formset-field input, #auth-app .send-ticket-verification .evf-formset .evf-formset-field-container .evf-formset-field select {
  height: 40px;
  border-bottom: solid 1px #707070;
  width: 100% !important;
  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
  font-weight: 400; }

#auth-app .send-ticket-verification .evf-formset .evf-formset-field-container .evf-formset-field textarea {
  width: 100% !important;
  border-bottom: solid 1px #707070;
  height: 100px !important;
  padding: 0 12px 15px;
  box-sizing: border-box;
  color: #666666;
  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
  font-weight: 400; }
  @media only screen and (max-width: 748px) {
    #auth-app .send-ticket-verification .evf-formset .evf-formset-field-container .evf-formset-field textarea {
      padding: 5px; } }

#auth-app .send-ticket-verification .action #send-ticket-submit-button {
  color: #FFFFFF; }

#auth-app .send-ticket-verification .hide-send-tickets-phone-numbers .field-id_to_phone_number_idd .evf-formset-field, #auth-app .send-ticket-verification .hide-send-tickets-phone-numbers .field-id_confirm_to_phone_number_idd .evf-formset-field {
  position: relative; }
  #auth-app .send-ticket-verification .hide-send-tickets-phone-numbers .field-id_to_phone_number_idd .evf-formset-field::after, #auth-app .send-ticket-verification .hide-send-tickets-phone-numbers .field-id_confirm_to_phone_number_idd .evf-formset-field::after {
    content: '';
    position: absolute;
    right: 0;
    top: 8px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #6C6C6C;
    clear: both;
    pointer-events: none; }
  #auth-app .send-ticket-verification .hide-send-tickets-phone-numbers .field-id_to_phone_number_idd .evf-formset-field select, #auth-app .send-ticket-verification .hide-send-tickets-phone-numbers .field-id_confirm_to_phone_number_idd .evf-formset-field select {
    appearance: none;
    -webkit-appearance: none; }

html .infoItem a {
  color: orange; }

html .tf-blue {
  color: orange; }

html .question-sign.th-blue {
  background: orange; }

html .question-sign.icon-popover {
  background: transparent;
  color: orange; }

html .tf-btn.tf-btn-default {
  color: #8E9590 !important;
  background: transparent !important;
  border: solid 1px #8E9590;
  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
  font-size: 16px;
  border-radius: 30px !important;
  padding: 6px 12px 6px 12px;
  text-transform: capitalize;
  min-height: unset;
  line-height: normal;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center; }
  html .tf-btn.tf-btn-default::after {
    content: '';
    display: inline-block;
    transform: rotate(45deg);
    height: 10px;
    width: 5px;
    border-bottom: 2px solid #8E9590;
    border-right: 2px solid #8E9590;
    margin-left: 12px;
    margin-top: -2px; }
  html .tf-btn.tf-btn-default:hover {
    color: #8E9590 !important;
    background: #FFFFFF !important;
    text-decoration: none;
    border-color: #D9D9D9;
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); }
    html .tf-btn.tf-btn-default:hover::after {
      border-color: #8E9590; }

html section#content .gray-container {
  border-top: transparent solid 3.5px;
  border-bottom: transparent solid 3.5px; }

html body #your-orders div.single-ticket-row {
  border-top: transparent solid 1px; }

html .single-ticket-row.single-ticket-row--names > .data-field-row {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start; }
  html .single-ticket-row.single-ticket-row--names > .data-field-row .after-form-field {
    font-size: 14px; }

html body #your-orders .errorlist {
  position: absolute; }

html #checkout-wrapper.tf-controls {
  display: flex;
  align-items: center;
  justify-content: center; }
  html #checkout-wrapper.tf-controls #id_full_code {
    flex-grow: 1; }
  @media only screen and (max-width: 748px) {
    html #checkout-wrapper.tf-controls {
      flex-direction: column; } }

html #timer-wrapper #timer {
  min-height: 30px !important;
  border: none;
  background: transparent;
  color: #666;
  z-index: 1; }
  html #timer-wrapper #timer #need-time {
    color: #666; }
  html #timer-wrapper #timer #counter {
    padding-top: 0px; }
  html #timer-wrapper #timer a {
    color: orange;
    text-decoration: underline;
    border: none;
    margin-bottom: 10px; }
    @media only screen and (max-width: 748px) {
      html #timer-wrapper #timer a {
        font-size: 24px; } }

@media only screen and (max-width: 748px) {
  html #timer p.upper {
    padding-right: 5px; }
  html #timer p#counter {
    display: inline-block;
    vertical-align: sub;
    padding-right: 0px;
    min-height: 30px; }
  html body #timer-wrapper #timer {
    min-height: 115px;
    min-height: 85px; } }

html #your-orders .tiny-spec {
  width: 100%;
  margin-top: 3px;
  color: #666;
  font-size: 12px;
  line-height: 1.2em; }

html #confirm-orders-page table td {
  width: auto;
  vertical-align: middle;
  padding: 10px 5px 10px 5px; }
  html #confirm-orders-page table td.seat-num {
    font-size: 12px;
    line-height: 1.2em; }

html #your-orders .question-sign.th-blue {
  background: transparent;
  color: orange; }
  html #your-orders .question-sign.th-blue:hover {
    color: orange; }

html section#content #upsell-header, html section#content #upsell-detail {
  padding-left: 11px;
  padding-right: 11px; }
  html section#content #upsell-header .buy-wrapper, html section#content #upsell-detail .buy-wrapper {
    border-top: 1px solid transparent; }

html section#content #upsell-app-buttons #btn-next {
  float: right; }

html .infoItem .larger-font {
  color: #666; }

html #order_state_cancel_double_confirm .main-text {
  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
  font-weight: bold; }

html section#content #payment-details-page #payment-details-form .payment-icon {
  background: transparent; }
  html section#content #payment-details-page #payment-details-form .payment-icon:hover {
    background: transparent; }
  html section#content #payment-details-page #payment-details-form .payment-icon.active {
    background: transparent; }

html section#content #payment-details-page #payment-details-form .select-icons-description {
  color: #666; }

html section#content #payment-details-page #payment-details-wrap {
  border-top: 1px solid transparent; }

@media only screen and (max-width: 748px) {
  html section#content #payment-details-page .country-field-container .controls {
    width: 100%; }
    html section#content #payment-details-page .country-field-container .controls select {
      margin-top: 1px;
      left: -1px; } }

html div.controlGroup, html .formHorizontal div.controlGroup {
  font-size: 12px; }
  html div.controlGroup label.controlLabel, html .formHorizontal div.controlGroup label.controlLabel {
    font-size: 12px;
    background: transparent;
    color: #666; }
  html div.controlGroup .controls input, html div.controlGroup .controls select, html .formHorizontal div.controlGroup .controls input, html .formHorizontal div.controlGroup .controls select {
    font-size: 12px !important;
    color: #000;
    background: #fff; }

html .question-sign:hover, html .formHorizontal .question-sign:hover {
  background: orange; }

html .question-sign.cvv-img, html .formHorizontal .question-sign.cvv-img {
  background: grey; }
  html .question-sign.cvv-img:hover, html .formHorizontal .question-sign.cvv-img:hover {
    background: orange; }

html section#content #ordersForm table th {
  color: orange; }

html section#content #ordersForm #confirm-order-wrap {
  border-top: transparent solid 3.5px; }

html section#content #ordersForm .infoItem h4 {
  color: blue; }

html section#content #ordersForm #promo-code-discount-lineitem,
html section#content #ordersForm #bin-discount-lineitem,
html section#content #ordersForm #total_selling_price {
  color: orange; }

html section#content #ordersForm #your-orders .align-right {
  text-align: right !important; }

html section#content #ordersForm #your-orders .data-fields-td div.th-blue {
  padding-bottom: 1px;
  padding-left: 0px; }

html section#content #ordersForm #your-orders .data-fields-td input[type="text"] {
  padding-left: 5px;
  width: 100%; }

html section#content #ordersForm #your-orders div.single-ticket-row {
  border-top: transparent solid 1px; }

html section#content #ordersForm #your-orders .single-ticket .ticket-type, html section#content #ordersForm #your-orders .single-ticket .th-blue {
  color: orange; }

html section#content #ordersForm #your-orders .single-ticket .ticket-price {
  color: #666; }

html section#content #ordersForm #your-orders .package-ticket-event {
  font-size: 17px;
  margin-bottom: 7px; }

html section#content #ordersForm #your-orders #service-fee-lineitem {
  color: #666;
  border-color: transparent; }

html section#content #ordersForm #your-orders .row-border {
  border-color: transparent; }
  html section#content #ordersForm #your-orders .row-border .total {
    color: #666; }

html section#content #ordersForm .note {
  color: #666;
  margin-top: 20px;
  margin-bottom: 25px; }

html section#content #ordersForm .checkbox {
  color: #666; }

@media only screen and (max-width: 748px) {
  html #checkout-wrapper .tf-btn.tf-btn-default {
    padding-left: 0;
    padding-right: 0; } }

html section#content #confirm-orders-page #confirm-order-wrap {
  border-top: transparent solid 3.5px; }

@media only screen and (max-width: 748px) {
  html section#content #confirm-orders-page {
    padding-left: 11px;
    padding-right: 11px; }
    html section#content #confirm-orders-page #event-header-first {
      padding-left: 0;
      padding-right: 0; } }

html section#content #confirm-orders-page #ticket-guidelines {
  border-top: 1px solid transparent;
  color: #666; }

html section#content #confirm-orders-page #event-header-second .times-first .blue,
html section#content #confirm-orders-page #event-header-second .times-second .blue,
html section#content #confirm-orders-page #event-header-second .location .blue {
  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
  color: blue;
  font-size: 1.5em;
  line-height: 1.5em;
  text-transform: uppercase; }

html section#content #confirm-orders-page #event-header-second .times-first .upper,
html section#content #confirm-orders-page #event-header-second .times-second .upper,
html section#content #confirm-orders-page #event-header-second .location {
  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
  color: #000;
  font-size: 0.8em; }

@media only screen and (max-width: 748px) {
  html #setup-orders-page .orderTable tbody tr td,
  html #confirm-orders-page tbody tr td {
    background: transparent;
    border-color: transparent !important; }
    html #setup-orders-page .orderTable tbody tr td input,
    html #confirm-orders-page tbody tr td input {
      background: transparent !important;
      color: #666 !important; }
  html #ticket-guidelines {
    color: #666; } }

.member-id-block, .cart-member-id-block {
  display: flex;
  align-items: center;
  justify-content: flex-end; }
  .member-id-block .member-id-label, .cart-member-id-block .member-id-label {
    margin-right: 10px; }
    @media only screen and (max-width: 748px) {
      .member-id-block .member-id-label, .cart-member-id-block .member-id-label {
        margin-bottom: 10px;
        margin-right: 0; } }
  .member-id-block .member-id-field, .cart-member-id-block .member-id-field {
    width: 48%; }
    .member-id-block .member-id-field input, .cart-member-id-block .member-id-field input {
      width: 100%;
      height: 35px;
      box-sizing: border-box; }
    @media only screen and (max-width: 748px) {
      .member-id-block .member-id-field, .cart-member-id-block .member-id-field {
        width: 100%; } }
  @media only screen and (max-width: 748px) {
    .member-id-block, .cart-member-id-block {
      align-items: flex-start;
      flex-direction: column; } }

.cart-member-id-block {
  max-width: 730px; }

@media (min-width: 1024px) {
  html section#content .confirm-order-payment-link .formActions {
    width: calc(100% - 420px); } }

@media only screen and (max-width: 748px) {
  html section#content .confirm-order-payment-link .formActions {
    flex-direction: column;
    gap: 20px;
    align-items: center; } }

html section#content .confirm-order-payment-link .formActions .tf-btn-default, html section#content .confirm-order-payment-link .formActions .tf-btn-primary {
  width: 340px;
  height: 40px;
  box-sizing: border-box; }
  @media only screen and (max-width: 748px) {
    html section#content .confirm-order-payment-link .formActions .tf-btn-default, html section#content .confirm-order-payment-link .formActions .tf-btn-primary {
      max-width: 100%; } }

html section#content .confirm-order-payment-link #order-accept-invitation-page h2 {
  float: none !important;
  margin: 20px 0 0;
  text-align: left;
  padding-bottom: 8px;
  font-size: 24px;
  padding-left: 0;
  margin-bottom: 0;
  border-bottom: solid 1px #3F4644; }
  @media only screen and (max-width: 748px) {
    html section#content .confirm-order-payment-link #order-accept-invitation-page h2 {
      padding: 0 0 10px;
      width: auto;
      font-size: 22px;
      margin-right: 0;
      margin-left: 0;
      margin-top: 20px; } }
  @media (min-width: 1024px) {
    html section#content .confirm-order-payment-link #order-accept-invitation-page h2 {
      float: left;
      width: calc(100% - 420px); } }

html section#content .confirm-order-payment-link #order-accept-invitation-page .order-summary {
  display: flex;
  clear: both;
  margin-top: 10px;
  flex-direction: column;
  padding: 10px 0; }
  @media (min-width: 1024px) {
    html section#content .confirm-order-payment-link #order-accept-invitation-page .order-summary {
      width: calc(100% - 420px); } }
  html section#content .confirm-order-payment-link #order-accept-invitation-page .order-summary .summary-header {
    display: flex;
    justify-content: space-between;
    padding: 15px 20px;
    background: rgba(0, 0, 0, 0.2);
    margin-bottom: 20px; }
    html section#content .confirm-order-payment-link #order-accept-invitation-page .order-summary .summary-header .header-item {
      font-size: 20px;
      font-weight: bold;
      color: #666; }
  html section#content .confirm-order-payment-link #order-accept-invitation-page .order-summary .order-items .order-item {
    display: flex;
    justify-content: space-between;
    padding: 8px 20px;
    color: #666; }
    html section#content .confirm-order-payment-link #order-accept-invitation-page .order-summary .order-items .order-item .ticket-type {
      color: #666; }
  html section#content .confirm-order-payment-link #order-accept-invitation-page .order-summary .order-items .subtotal {
    display: flex;
    justify-content: flex-end;
    padding: 8px 15px;
    color: #666;
    font-size: 18px;
    font-weight: bold;
    gap: 10px;
    margin-top: 20px; }

html section#content .confirm-order-payment-link #order-accept-invitation-page.order-container .order-summary .order-detail-row {
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
  padding: 5px 0; }
  @media only screen and (max-width: 748px) {
    html section#content .confirm-order-payment-link #order-accept-invitation-page.order-container .order-summary .order-detail-row {
      flex-direction: column; } }
  html section#content .confirm-order-payment-link #order-accept-invitation-page.order-container .order-summary .order-detail-row .detail-label {
    font-size: 18px;
    flex: 1; }
  html section#content .confirm-order-payment-link #order-accept-invitation-page.order-container .order-summary .order-detail-row .detail-value {
    font-size: 18px;
    flex: 2;
    text-align: right; }
    @media only screen and (max-width: 748px) {
      html section#content .confirm-order-payment-link #order-accept-invitation-page.order-container .order-summary .order-detail-row .detail-value {
        text-align: left; } }
    html section#content .confirm-order-payment-link #order-accept-invitation-page.order-container .order-summary .order-detail-row .detail-value.bold {
      font-weight: 600; }
  html section#content .confirm-order-payment-link #order-accept-invitation-page.order-container .order-summary .order-detail-row.total {
    border-bottom: solid 1px #3F4644;
    padding-bottom: 15px;
    margin-top: 20px; }
  html section#content .confirm-order-payment-link #order-accept-invitation-page.order-container .order-summary .order-detail-row.service-fee {
    border-bottom: solid 1px #3F4644;
    padding-bottom: 15px; }

html section#content .confirm-order-payment-link #order-accept-invitation-page.order-container .order-separator {
  height: 1px;
  background: #3F4644;
  margin: 20px 0; }

@media (max-width: 768px) {
  html section#content .confirm-order-payment-link #order-accept-invitation-page .order-container {
    padding: 15px; }
    html section#content .confirm-order-payment-link #order-accept-invitation-page .order-container .order-detail-row {
      flex-direction: column; }
      html section#content .confirm-order-payment-link #order-accept-invitation-page .order-container .order-detail-row .detail-value {
        text-align: left;
        margin-top: 5px; }
    html section#content .confirm-order-payment-link #order-accept-invitation-page .order-container .mobile-block {
      width: 100%;
      margin-bottom: 10px;
      text-align: center; } }

html section#content .confirm-order-payment-link .form_guideline_wrapper {
  padding: 0;
  margin-top: 0;
  background: #fff;
  gap: 10px; }
  @media only screen and (max-width: 748px) {
    html section#content .confirm-order-payment-link .form_guideline_wrapper {
      display: none; } }
  @media (min-width: 749px) {
    html section#content .confirm-order-payment-link .form_guideline_wrapper.bottom {
      display: none; } }
  @media only screen and (max-width: 748px) {
    html section#content .confirm-order-payment-link .form_guideline_wrapper.bottom {
      display: block; } }
  html section#content .confirm-order-payment-link .form_guideline_wrapper .formActions {
    width: 100%;
    padding-top: 20px;
    margin-top: 0;
    display: flex;
    gap: 10px; }
    html section#content .confirm-order-payment-link .form_guideline_wrapper .formActions .tf-btn {
      width: 100%;
      margin: 0;
      font-size: 14px; }
      html section#content .confirm-order-payment-link .form_guideline_wrapper .formActions .tf-btn.tf-btn-primary {
        padding-top: 11px; }
  @media only screen and (max-width: 748px) {
    html section#content .confirm-order-payment-link .form_guideline_wrapper {
      padding: 0 10px; } }

body.layout-ets-v2 #order-accept-invitation-page .formActions .tf-btn-primary {
  line-height: 28px !important; }

html #total-cost-section {
  display: flex;
  flex-direction: column;
  gap: 20px; }
  html #total-cost-section #total-cost-tr {
    font-size: 16px;
    display: flex;
    align-items: center;
    color: #6C6C6C;
    width: 100%;
    justify-content: space-between;
    gap: 10px;
    border-bottom: 1px solid transparent;
    padding: 5px; }
    html #total-cost-section #total-cost-tr .total {
      font-size: 18px; }
    html #total-cost-section #total-cost-tr .total-cost-label {
      color: #3C3C3C;
      font-size: 18px; }
      @media only screen and (max-width: 748px) {
        html #total-cost-section #total-cost-tr .total-cost-label {
          text-align: left; } }
  html #total-cost-section .reference-number {
    font-size: 16px;
    border-bottom: 1px solid transparent;
    padding: 10px; }
  html #total-cost-section #tax-breakdown-section {
    display: flex;
    justify-content: flex-end;
    gap: 10px; }
    html #total-cost-section #tax-breakdown-section .tax-header {
      display: flex;
      flex-direction: column;
      gap: 10px; }
    html #total-cost-section #tax-breakdown-section .tax-row {
      display: flex;
      flex-direction: column;
      gap: 10px; }
      html #total-cost-section #tax-breakdown-section .tax-row span {
        text-align: end; }

html #signup-or-signin-page-wrap {
  padding-left: 11px;
  padding-right: 11px; }
  html #signup-or-signin-page-wrap .banner-message {
    border-color: transparent;
    color: #666;
    font-weight: normal; }
  html #signup-or-signin-page-wrap button {
    width: 250px; }
  @media only screen and (max-width: 748px) {
    html #signup-or-signin-page-wrap form > .pull-right {
      width: 100%; }
      html #signup-or-signin-page-wrap form > .pull-right button {
        width: 100%;
        height: 40px;
        margin: 15px 0 40px 0;
        margin-bottom: 35px; } }
  html #signup-or-signin-page-wrap #registration-tab {
    margin-bottom: 15px; }

html form#register-form h2 {
  margin-top: 14px;
  margin-bottom: 1px; }

@media (min-width: 749px) {
  html form#register-form .country-code-field-container {
    width: 188px;
    float: left; }
  html form#register-form .tel-field-container {
    width: 272px;
    float: right; }
  html form#register-form.shorter-fields .phone-number-fields.below-phone-number .country-code-field-container {
    width: 188px !important; }
  html form#register-form.shorter-fields .phone-number-fields.below-phone-number .tel-field-container {
    width: 162px !important; } }

html form#register-form #phone-remarks {
  font-size: 13px;
  margin-top: 5px;
  padding-bottom: 3px;
  color: #999; }

@media (min-width: 749px) {
  html div.center-tight form#register-form .phone-number-fields.below-phone-number .tel-field-container {
    width: 50% !important; } }

html .checkbox {
  display: block;
  position: relative;
  padding-left: 0px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */ }
  html .checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
  html .checkbox .checkbox-img {
    position: absolute;
    top: 0;
    left: 0;
    height: 14px;
    width: 14px;
    background-color: transparent;
    border: solid 1px #666;
    border-radius: 3px;
    background: none !important; }
  html .checkbox:hover input ~ .checkbox-img {
    background-color: rgba(255, 255, 255, 0.1); }
  html .checkbox input:checked ~ .checkbox-img {
    background-color: rgba(255, 255, 255, 0.1); }
  html .checkbox .checkbox-img:after {
    content: "";
    position: absolute;
    display: none; }
  html .checkbox input:checked ~ .checkbox-img:after {
    display: block; }
  html .checkbox .checkbox-img:after {
    left: 4px;
    top: 1px;
    width: 4px;
    height: 8px;
    border: solid #666;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

html select#id_phone1_number_idd,
html select#id_phone_number_idd,
html select#id_country,
html select#id_city,
html select#id_phone2_number_idd,
html select#id_identify_either,
html select#id_preferred_country {
  position: relative;
  top: 1px;
  background: pink;
  color: #fff;
  min-height: 40px;
  padding: 5px 18px 5px 8px;
  font-size: 11px;
  letter-spacing: -.03em; }

html .preferred-country-container .controls {
  border-left: solid 1px transparent !important;
  width: 299px !important;
  position: relative; }
  html .preferred-country-container .controls select#id_preferred_country {
    top: 0; }
  html .preferred-country-container .controls:before {
    color: #fff;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\F0DD";
    position: absolute;
    right: 6px;
    top: 14px;
    z-index: 1; }
    @supports (-ms-accelerator: true) {
      html .preferred-country-container .controls:before {
        content: "\F0DD"; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    html .preferred-country-container .controls:before {
      content: ""; } }

html .country-code-city-field-container {
  position: relative; }
  html .country-code-city-field-container:before {
    color: #fff;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\F0DD";
    position: absolute;
    right: 6px;
    top: 14px;
    z-index: 1; }
    @supports (-ms-accelerator: true) {
      html .country-code-city-field-container:before {
        content: "\F0DD"; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    html .country-code-city-field-container:before {
      content: ""; } }

html #payment-details-wrap .country-field-container .controls {
  position: relative;
  border-left: solid 1px transparent;
  width: 80%; }
  html #payment-details-wrap .country-field-container .controls:before {
    color: #fff;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\F0DD";
    position: absolute;
    right: 6px;
    top: 14px;
    z-index: 1; }
    @supports (-ms-accelerator: true) {
      html #payment-details-wrap .country-field-container .controls:before {
        content: "\F0DD"; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    html #payment-details-wrap .country-field-container .controls:before {
      content: ""; } }
  html #payment-details-wrap .country-field-container .controls:before {
    top: 10px; }
  html #payment-details-wrap .country-field-container .controls select {
    position: relative;
    top: 0; }

html #my-account-page .controls:before {
  top: 10px; }

html #my-account-page select#id_phone_number_idd {
  position: relative;
  top: -0.5px; }

html .phone-number-fields .area-code-field-container > div {
  padding: 0 5px; }

html .phone-number-fields .country-code-field-container .controlGroup .controls {
  position: relative; }
  html .phone-number-fields .country-code-field-container .controlGroup .controls:before {
    color: #fff;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\F0DD";
    position: absolute;
    right: 6px;
    top: 14px;
    z-index: 1; }
    @supports (-ms-accelerator: true) {
      html .phone-number-fields .country-code-field-container .controlGroup .controls:before {
        content: "\F0DD"; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    html .phone-number-fields .country-code-field-container .controlGroup .controls:before {
      content: ""; } }

@media only screen and (max-width: 748px) {
  html .phone-number-fields .tel-field-container {
    margin-top: 1px; } }

html .phone-number-fields div.controlGroup .controls input {
  border: solid 1px transparent !important;
  padding-left: 8px;
  padding-right: 0px;
  font-size: 15px; }

/* Need some clean up below */
@media (min-width: 749px) {
  html form#register-form .country-code-field-container {
    width: 48% !important; } }

@media (min-width: 749px) {
  html form#register-form .tel-field-container {
    width: 50% !important; } }

html form#register-form #id_phone1_number_idd, #id_phone1_number, #id_city {
  line-height: 30px !important;
  padding: 5px 0 5px 20px !important;
  margin: 3px 0 !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box !important;
  width: 100%;
  border: solid 1px #D8D8D8;
  color: #616161;
  top: 0 !important; }

html form#register-form #id_phone1_number_idd, #id_phone1_number {
  font-size: 1.4em !important; }

html form#register-form #id_city {
  font-size: 1.2em !important;
  background: white; }

html form#register-form .country-code-city-field-container:before {
  color: #616161; }

html .main-content #auth-app p.register-mobile-warning {
  color: #666;
  font-weight: bold;
  text-align: center;
  padding-left: 15%;
  padding-right: 15%; }
  @media only screen and (max-width: 748px) {
    html .main-content #auth-app p.register-mobile-warning {
      padding-left: 5%;
      padding-right: 5%; } }
  html .main-content #auth-app p.register-mobile-warning .no-padding {
    padding-left: 0;
    padding-right: 0; }
    @media only screen and (max-width: 748px) {
      html .main-content #auth-app p.register-mobile-warning .no-padding {
        padding-left: 0;
        padding-right: 0; } }

html .main-content #auth-app #mini-auth-set-phone-form .field-phone1_number > div::after {
  content: '';
  border-top-color: transparent !important; }

html .main-content #auth-app #mini-auth-set-phone-form .field-phone1_number > div > input {
  padding-top: 2px !important; }

@media only screen and (max-width: 748px) {
  html #thanks-page {
    padding-left: 11px;
    padding-right: 11px; }
    html #thanks-page .button__group .tf-btn {
      width: 100%;
      margin-right: 0;
      padding-left: 0;
      padding-right: 0; } }

html #thanks-page .share__title {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent; }

@media only screen and (max-width: 748px) {
  html #thanks-page #downloading-message div.button__group .tf-btn-primary {
    margin-top: 25px;
    width: 100%; } }

html p.title:hover > i.fa {
  color: orange; }

html .ticket .ticket-name strong {
  color: orange; }

@media only screen and (max-width: 748px) {
  html #my-account-page {
    padding-left: 10px;
    padding-right: 10px; }
    html #my-account-page .actions > .tf-btn-primary {
      width: 100%;
      margin-left: 0;
      margin-right: 0; }
    html #my-account-page .actions > #closeAccountBtn {
      margin-top: 15px;
      width: 100%;
      margin-left: 0;
      margin-right: 0; } }

html #my-account-page #closeAccountBtn {
  border-width: 1px; }

@media (min-width: 749px) {
  html #my-account-page #preferences .country-code-field-container.mobile-full-width {
    float: left;
    width: 205px; } }

@media (min-width: 749px) {
  html #my-account-page #preferences .tel-field-container.mobile-full-width {
    float: right;
    width: 260px; } }

html #my-account-page #preferences .formHorizontal .controlGroup .controls p.helpBlock {
  float: none;
  left: 0;
  margin: 7px 0 0 0;
  text-align: center;
  padding: 0 0 0 6px;
  font-size: 11px;
  font-style: italic;
  text-align: left;
  white-space: nowrap; }

html #my-account-page #preferences .formHorizontal .cookie_input #delete_data_request_link {
  color: #004433; }

html #my-account-page #preferences .formHorizontal .cookie_input p {
  hyphens: none; }

@media (min-width: 749px) {
  html #my-account-page #preferences .formHorizontal .cookie_input {
    width: 470px;
    margin: 0 auto; } }

html #my-account-page #preferences .formHorizontal .cookie_input #id_cookie_preference {
  margin-left: 10px;
  margin-top: 8px; }
  html #my-account-page #preferences .formHorizontal .cookie_input #id_cookie_preference input {
    margin-right: 16px;
    margin-top: 2px;
    float: left; }
  html #my-account-page #preferences .formHorizontal .cookie_input #id_cookie_preference li {
    height: 32px;
    display: block;
    width: 100%; }

html #my-account-page #preferences .formHorizontal .cookie_input > .controlGroup.clearfix {
  margin-left: 15px; }
  html #my-account-page #preferences .formHorizontal .cookie_input > .controlGroup.clearfix .controlLabel {
    font-weight: bold; }

@media only screen and (max-width: 748px) {
  html #my-account-page #preferences .formHorizontal .controlGroup .controlLabel {
    width: 100%;
    margin-bottom: 1px; }
  html body .preferred-country-container .controls {
    width: 100% !important;
    left: -1px; }
  html #my-account-page #password .alert.alert-info {
    padding: 3%;
    width: 94%; } }

@media only screen and (max-width: 748px) {
  html .login-container {
    padding: 0 10px;
    width: auto !important; } }

html #password-reset-page,
html #password-reset-done-page,
html #password-reset-confirm-page,
html #password-reset-complete-page {
  padding: 0 10px; }
  @media only screen and (max-width: 748px) {
    html #password-reset-page .tf-btn-primary,
    html #password-reset-done-page .tf-btn-primary,
    html #password-reset-confirm-page .tf-btn-primary,
    html #password-reset-complete-page .tf-btn-primary {
      width: 100%;
      margin: 15px 0 0 0;
      padding-left: 0;
      padding-right: 0; } }
  html #password-reset-page h2,
  html #password-reset-done-page h2,
  html #password-reset-confirm-page h2,
  html #password-reset-complete-page h2 {
    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
    color: blue;
    font-size: 1.7em;
    line-height: 1.7em;
    margin-top: 12px;
    margin-bottom: 10px; }
  html #password-reset-page #password-reset-done-wrap div.infoItem p,
  html #password-reset-done-page #password-reset-done-wrap div.infoItem p,
  html #password-reset-confirm-page #password-reset-done-wrap div.infoItem p,
  html #password-reset-complete-page #password-reset-done-wrap div.infoItem p {
    font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
    color: green;
    font-size: 1em; }

html body #password-reset-confirm-page div.banner-message {
  border-color: transparent; }

html #password-reset .formActions input {
  color: #FFFFFF !important;
  background: #009B7A !important;
  border: 0;
  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
  font-size: 16px;
  border-radius: 30px !important;
  padding: 6px 12px 6px 12px;
  text-transform: capitalize;
  min-height: 45px;
  border: solid 1px #009B7A;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0; }
  html #password-reset .formActions input::after {
    content: '';
    display: inline-block;
    transform: rotate(45deg);
    height: 10px;
    width: 5px;
    border-bottom: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    margin-left: 12px;
    margin-top: -2px; }
  html #password-reset .formActions input:hover {
    color: #009B7A !important;
    background: #FFFFFF !important;
    text-decoration: none;
    border-color: #D9D9D9;
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); }
    html #password-reset .formActions input:hover::after {
      border-color: #009B7A; }

html #my-account-page #close-account-form div.actions {
  width: 450px; }
  @media only screen and (max-width: 748px) {
    html #my-account-page #close-account-form div.actions {
      width: auto; } }

html #terms-n-condition-field a {
  text-decoration: underline; }

html #close_ac .letUsKnow ul {
  display: inline-block; }
  html #close_ac .letUsKnow ul li {
    width: 99%; }
    html #close_ac .letUsKnow ul li label input {
      width: 24px; }

html #close_ac .letUsKnow .helpInline {
  color: #ec3a36;
  padding-top: 5px; }

#my-account-page .controlGroup input, #my-account-page .controlGroup select, #my-account-page .controlGroup textarea, #my-account-page .controlGroup button, #my-account-page .controlGroup a, #my-account-page .controlGroup label, #my-account-page .controlGroup div, #my-account-page .controlGroup p, #my-account-page .controlGroup span {
  font-family: inherit !important; }

html .blockUI.delete-data-request-confirmation {
  border-radius: 10px;
  box-shadow: 1px 1px 5px 1px #e3e3e3;
  border: none !important;
  cursor: default !important;
  text-align: left !important;
  width: auto !important;
  left: 0px !important; }
  @media (min-width: 749px) {
    html .blockUI.delete-data-request-confirmation {
      width: 30% !important;
      left: 35% !important; } }
  html .blockUI.delete-data-request-confirmation h1 {
    border-bottom: 1px solid lightgray;
    font-size: 25px;
    font-weight: bold;
    line-height: 25px;
    padding-bottom: 15px;
    text-align: left;
    text-transform: uppercase; }
  html .blockUI.delete-data-request-confirmation p {
    text-align: left;
    padding-top: 25px; }

html .single-event:first-child,
html .ticket-invitation-alert {
  border-top: transparent solid 3.5px; }

html .single-event {
  border-bottom: transparent solid 3.5px; }

html .infoItem.ticket {
  border-top: 1px solid transparent; }
  html .infoItem.ticket .ticket-content .my-ticket-qr-code {
    min-width: 200px;
    width: 20%;
    display: inline-block;
    margin-right: 8px;
    display: flex;
    flex-direction: column;
    align-items: center; }
    html .infoItem.ticket .ticket-content .my-ticket-qr-code [data-tkid] {
      height: 200px;
      width: 200px; }
      html .infoItem.ticket .ticket-content .my-ticket-qr-code [data-tkid] img {
        width: 200px; }
      @media only screen and (max-width: 748px) {
        html .infoItem.ticket .ticket-content .my-ticket-qr-code [data-tkid] {
          display: inline-block;
          float: unset; } }
    html .infoItem.ticket .ticket-content .my-ticket-qr-code .qr-code-custom-message {
      width: 100%;
      padding: 12px 8px;
      font-weight: 600;
      border-radius: 1px;
      text-align: center;
      font-size: 14px; }
    @media only screen and (max-width: 748px) {
      html .infoItem.ticket .ticket-content .my-ticket-qr-code {
        width: 100%;
        text-align: center; } }
  @media (min-width: 1024px) {
    html .infoItem.ticket .ticket-content:has(.my-ticket-qr-code) .ticket-name.ticket-metas {
      width: calc(100% - 440px) !important; } }

html #tickets-page-wrap .profile-breadcrumbs {
  display: none; }

html #tickets-page-wrap h4 {
  color: blue;
  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
  color: blue;
  font-size: 1.7em;
  line-height: 1.7em; }

html #tickets-page-wrap .infoItem .upper {
  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
  color: green; }
  html #tickets-page-wrap .infoItem .upper.blue, html #tickets-page-wrap .infoItem .upper .blue {
    color: blue; }

html #tickets-page-wrap .location .blue {
  color: blue; }

@media only screen and (max-width: 748px) {
  html #tickets-page-wrap .download-ticket > div.left {
    width: 100%; } }

html #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_is_email_or_phone ul {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 2em;
  justify-content: center; }
  html #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_is_email_or_phone ul li {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 100%; }
    html #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_is_email_or_phone ul li:nth-of-type(2) {
      justify-content: flex-start; }
    html #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_is_email_or_phone ul li label {
      align-items: center;
      display: flex !important;
      flex-direction: row; }
      html #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_is_email_or_phone ul li label input {
        margin-right: 2em;
        width: 0 !important; }

html #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_to_phone_number, html #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_confirm_to_phone_number {
  display: none; }
  html #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_to_phone_number .controls, html #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_confirm_to_phone_number .controls {
    display: flex;
    flex-direction: row; }
  html #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_to_phone_number select, html #tickets-page-wrap #emailTicket .formHorizontal .controlGroup.block_for_id_confirm_to_phone_number select {
    border-bottom: solid 1px transparent;
    margin-right: 2em;
    height: 38px; }

html .help-block {
  color: #999; }

html #tickets-page-wrap .infoItem.ticket span {
  color: blue; }

html #my-tickets-page .ticket-metas {
  display: flex;
  flex-wrap: wrap;
  align-content: stretch; }
  html #my-tickets-page .ticket-metas > div {
    margin-bottom: 10px;
    display: table;
    max-height: unset; }

html #my-tickets-page .past-ticket-dot {
  margin-bottom: 3px; }

html #my-tickets-page > .breathe {
  display: block;
  margin-top: 12px; }

html #my-tickets-page div.ticket div.ticket-content .infoItem.location:nth-child(2) {
  margin-left: 0px; }

@media only screen and (max-width: 748px) {
  html #my-tickets-page ul.nav.navTabs {
    display: inline-block;
    position: relative; }
    html #my-tickets-page ul.nav.navTabs li > a {
      float: none;
      width: auto; } }

@media only screen and (max-width: 748px) {
  html #my-tickets-page #my-tickets-inner {
    padding-top: 10px; } }

html #my-tickets-page .single-event.passed-event .infoItem.ticket {
  border-top: none; }
  html #my-tickets-page .single-event.passed-event .infoItem.ticket .ticket-content::before {
    content: '\25B8'; }

html #my-tickets-page .ticket-invitation-alert {
  padding: 10px; }

@media only screen and (max-width: 748px) {
  #order-accept-invitation-page {
    padding: 0 7px; } }

#order-accept-invitation-page .data-field-row.data-field-row-session-transfer > div:nth-child(2) {
  position: relative; }
  #order-accept-invitation-page .data-field-row.data-field-row-session-transfer > div:nth-child(2):before {
    color: #fff;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\F0DD";
    position: absolute;
    right: 6px;
    top: 14px;
    z-index: 1; }
    @supports (-ms-accelerator: true) {
      #order-accept-invitation-page .data-field-row.data-field-row-session-transfer > div:nth-child(2):before {
        content: "\F0DD"; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #order-accept-invitation-page .data-field-row.data-field-row-session-transfer > div:nth-child(2):before {
      content: ""; } }

#order-accept-invitation-page .accept-invitation-note {
  margin-bottom: 10px;
  font-size: 16.8px; }

#accept-invitation-home-banners {
  margin-bottom: 20px; }
  @media (min-width: 749px) {
    #accept-invitation-home-banners .desktop-banner {
      display: block; }
    #accept-invitation-home-banners .mobile-banner {
      display: none; } }
  @media only screen and (max-width: 748px) {
    #accept-invitation-home-banners .desktop-banner {
      display: none; }
    #accept-invitation-home-banners .mobile-banner {
      display: block; } }
  #accept-invitation-home-banners .banner-slide a img {
    margin-bottom: 5px; }

:root {
  --animate-duration: 750ms;
  --animate-delay: 0s; }

textarea, select, input, button {
  outline: none; }

html p {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; }

html body {
  background: #fff; }
  html body a {
    color: orange; }
    html body a:hover {
      color: orange; }
  html body p, html body div {
    color: #777; }

html div.line-separator {
  color: transparent;
  background-color: transparent; }

html .tf-title.overline {
  border-top: transparent solid 1px; }

html .content-block {
  border-top: 1px solid transparent; }
  html .content-block .subtitle, html .content-block li {
    color: #666; }

html .cvv-img {
  background: #004433; }

html .property-style-cod #content input,
html .property-style-cod #id_full_code {
  min-height: 38px; }

html .property-style-sc #content input,
html .property-style-sc #id_full_code {
  min-height: 40px; }

html .property-style-cod #content input[type="radio"],
html .property-style-sc #content input[type="radio"] {
  min-height: auto; }

@media (min-width: 749px) {
  body.layout-ets-v2 section#content.with-timer {
    padding-top: 50px; } }

@media only screen and (max-width: 748px) {
  html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .columns .type {
    width: 65%;
    float: left; }
  html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .ticket-detail {
    clear: both;
    border-bottom: 1px solid transparent;
    background: transparent; }
  html section#content .ticket-type-container #all-ticket-types-container .ticket-type-list .ticket-type-row .columns > .quantity-price {
    border-top: none; } }

@media only screen and (max-width: 748px) {
  .mobile-padding-20 {
    padding: 20px !important; } }

.mouse-inactive {
  pointer-events: none; }

.mouse-no-pointing {
  cursor: default; }

#event-header-first {
  background: transparent; }

#event-header-second {
  background: transparent; }

button.tf-btn-primary, a.tf-btn-primary, input.tf-btn-primary {
  color: #FFFFFF !important;
  background: #009B7A !important;
  border: 0;
  font-family: "Poppins", "Noto Sans HK", "Noto Sans SC", "Noto\ASans JP", "Noto Sans KR", "Segoe UI", "Helvetica Neue", "Arial", "PingFang SC", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", "Meiryo", "Malgun Gothic", sans-serif;
  font-size: 16px;
  border-radius: 30px !important;
  padding: 6px 12px 6px 12px;
  text-transform: capitalize;
  min-height: 45px;
  border: solid 1px #009B7A;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center; }
  button.tf-btn-primary::after, a.tf-btn-primary::after, input.tf-btn-primary::after {
    content: '';
    display: inline-block;
    transform: rotate(45deg);
    height: 10px;
    width: 5px;
    border-bottom: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    margin-left: 12px;
    margin-top: -2px; }
  button.tf-btn-primary:hover, a.tf-btn-primary:hover, input.tf-btn-primary:hover {
    color: #009B7A !important;
    background: #FFFFFF !important;
    text-decoration: none;
    border-color: #D9D9D9;
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); }
    button.tf-btn-primary:hover::after, a.tf-btn-primary:hover::after, input.tf-btn-primary:hover::after {
      border-color: #009B7A; }

@supports (display: -ms-grid) {
  html body.language-style-zh-hant button.tf-btn-primary, html body.language-style-zh-hant a.tf-btn-primary, html body.language-style-zh-hant input.tf-btn-primary,
  html body.language-style-zh-hans button.tf-btn-primary,
  html body.language-style-zh-hans a.tf-btn-primary,
  html body.language-style-zh-hans input.tf-btn-primary {
    padding-top: 9px;
    padding-bottom: 11px; } }

html .infoItem a.tf-btn.tf-btn-default:hover {
  text-decoration: underline; }

@media only screen and (max-width: 748px) {
  html .nav.navTabs {
    margin-bottom: 22px; } }

html .nav.navTabs li a, html .nav.navTabs li h2, html .nav.navTabs li h2.tf-title {
  color: #666; }

html .nav.navTabs li.active a, html .nav.navTabs li.active h2, html .nav.navTabs li.active h2.tf-title {
  color: orange; }

@media only screen and (max-width: 748px) {
  html .nav.navTabs li a {
    background: transparent;
    margin-bottom: 2px; } }

html .nav.navTabs .active a {
  background: transparent; }

html .popover-inner .popover-content p {
  color: transparent; }

@media only screen and (max-width: 748px) {
  html section#content #setup-order-wrap.gray-container {
    border: none;
    padding: 0 11px; }
  html #event-detail,
  html #payment-details-page,
  html #tickets-page-wrap {
    padding-left: 11px;
    padding-right: 11px; } }

#list-event-subscriber h2 {
  color: #000; }
  #list-event-subscriber h2 i {
    color: #000; }

html .cm-right-0 button {
  margin-right: 0; }

@media only screen and (max-width: 748px) {
  html .mobile-invisible {
    display: none; } }

html .mobile-only {
  display: none; }
  @media only screen and (max-width: 748px) {
    html .mobile-only {
      display: block; } }

@media only screen and (max-width: 748px) {
  html .mobile-full-width {
    width: 100% !important; } }

html .blocking-err {
  color: #e73440; }

html .event-banner.banner-sold-out {
  background: blue; }

html div.breathe {
  margin-top: 12px; }

html body.language-style-es .languageWrap #locale_switcher > span {
  height: 16px;
  background-position: left -107px !important; }

.ticket-category-list .ticket-category-item {
  flex-wrap: wrap; }
  .ticket-category-list .ticket-category-item .ticket-category-price-expand {
    display: flex;
    flex-basis: 100%;
    justify-content: flex-end;
    flex-direction: column; }

#auth-app,
#ets-vue-frontend-modal {
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */ }
  #auth-app .subtitle,
  #ets-vue-frontend-modal .subtitle {
    text-align: center;
    color: #212529; }
  #auth-app .subtitle-side,
  #ets-vue-frontend-modal .subtitle-side {
    text-align: left;
    color: #212529; }
  #auth-app .subtitle-addon-side,
  #ets-vue-frontend-modal .subtitle-addon-side {
    text-align: left;
    font-size: 13px;
    color: #212529; }
  #auth-app .statement,
  #ets-vue-frontend-modal .statement {
    color: #606060;
    line-height: 17px;
    font-size: 13px;
    letter-spacing: -0.4px;
    text-align: center;
    padding-top: 22px;
    padding-bottom: 22px; }
    #auth-app .statement.statement-narrow,
    #ets-vue-frontend-modal .statement.statement-narrow {
      padding-left: 15%;
      padding-right: 15%; }
    .long-mode-ets-vue-frontend #auth-app .statement, .long-mode-ets-vue-frontend
    #ets-vue-frontend-modal .statement {
      padding-top: 15px;
      padding-bottom: 15px; }
      @media only screen and (min-width: 1200px) and (min-height: 675px) {
        .long-mode-ets-vue-frontend #auth-app .statement, .long-mode-ets-vue-frontend
        #ets-vue-frontend-modal .statement {
          padding-top: 22px;
          padding-bottom: 22px; } }
      @media only screen and (max-width: 748px) {
        .long-mode-ets-vue-frontend #auth-app .statement, .long-mode-ets-vue-frontend
        #ets-vue-frontend-modal .statement {
          padding-top: 22px;
          padding-bottom: 22px; } }
  #auth-app .common-list-item,
  #ets-vue-frontend-modal .common-list-item {
    border-bottom: solid 1px #999;
    color: #999;
    padding: 7px 0px;
    text-indent: 5px;
    cursor: pointer; }
    #auth-app .common-list-item:nth-child(1),
    #ets-vue-frontend-modal .common-list-item:nth-child(1) {
      border-top: solid 1px #999; }
    #auth-app .common-list-item .show-selected,
    #ets-vue-frontend-modal .common-list-item .show-selected {
      display: none; }
    #auth-app .common-list-item .show-unselected,
    #ets-vue-frontend-modal .common-list-item .show-unselected {
      display: block; }
    #auth-app .common-list-item.selected .show-selected,
    #ets-vue-frontend-modal .common-list-item.selected .show-selected {
      display: block; }
    #auth-app .common-list-item.selected .show-unselected,
    #ets-vue-frontend-modal .common-list-item.selected .show-unselected {
      display: none; }
    #auth-app .common-list-item .show-inline-selected,
    #ets-vue-frontend-modal .common-list-item .show-inline-selected {
      display: none; }
    #auth-app .common-list-item .show-inline-unselected,
    #ets-vue-frontend-modal .common-list-item .show-inline-unselected {
      display: inline-block; }
    #auth-app .common-list-item.selected .show-inline-selected,
    #ets-vue-frontend-modal .common-list-item.selected .show-inline-selected {
      display: inline-block; }
    #auth-app .common-list-item.selected .show-inline-unselected,
    #ets-vue-frontend-modal .common-list-item.selected .show-inline-unselected {
      display: none; }
    #auth-app .common-list-item i,
    #ets-vue-frontend-modal .common-list-item i {
      font-size: 12px;
      margin-right: 12px; }
    #auth-app .common-list-item i.fa-circle,
    #ets-vue-frontend-modal .common-list-item i.fa-circle {
      color: #004433; }
    #auth-app .common-list-item:hover,
    #ets-vue-frontend-modal .common-list-item:hover {
      color: #004433; }
    #auth-app .common-list-item.selected,
    #ets-vue-frontend-modal .common-list-item.selected {
      color: #004433; }
  #auth-app .common-errors-list,
  #ets-vue-frontend-modal .common-errors-list {
    margin-top: 15px; }
    #auth-app .common-errors-list li,
    #ets-vue-frontend-modal .common-errors-list li {
      list-style-type: none;
      color: #dc3545; }
  #auth-app input.rounded,
  #ets-vue-frontend-modal input.rounded {
    color: #212529;
    border: 1px solid #212529;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    -webkit-appearance: none; }
  #auth-app .spinner-container,
  #ets-vue-frontend-modal .spinner-container {
    text-align: center; }
    #auth-app .spinner-container i.fa-spinner,
    #ets-vue-frontend-modal .spinner-container i.fa-spinner {
      color: #212529; }
  #auth-app input::-webkit-outer-spin-button,
  #auth-app input::-webkit-inner-spin-button,
  #ets-vue-frontend-modal input::-webkit-outer-spin-button,
  #ets-vue-frontend-modal input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  #auth-app input[type=number],
  #ets-vue-frontend-modal input[type=number] {
    -moz-appearance: textfield; }
  @media only screen and (max-width: 748px) {
    #auth-app input,
    #ets-vue-frontend-modal input {
      background: transparent; } }
  #auth-app .button-container,
  #ets-vue-frontend-modal .button-container {
    text-align: center;
    margin-top: 55px;
    margin-bottom: 0px; }
    @media only screen and (max-width: 748px) {
      #auth-app .button-container,
      #ets-vue-frontend-modal .button-container {
        margin-top: 35px; } }
    .long-mode-ets-vue-frontend #auth-app .button-container, .long-mode-ets-vue-frontend
    #ets-vue-frontend-modal .button-container {
      margin-top: 15px; }
      @media only screen and (max-width: 748px) {
        .long-mode-ets-vue-frontend #auth-app .button-container, .long-mode-ets-vue-frontend
        #ets-vue-frontend-modal .button-container {
          margin-top: 35px; } }
    #auth-app .button-container > .statement.button-statement,
    #ets-vue-frontend-modal .button-container > .statement.button-statement {
      padding-top: 0; }
    #auth-app .button-container.with-bottom-spacing,
    #ets-vue-frontend-modal .button-container.with-bottom-spacing {
      padding-bottom: 0px;
      margin-bottom: 45px; }
      @media only screen and (max-width: 748px) {
        #auth-app .button-container.with-bottom-spacing,
        #ets-vue-frontend-modal .button-container.with-bottom-spacing {
          margin-bottom: 30px; } }
      #auth-app .button-container.with-bottom-spacing > .statement.button-statement,
      #ets-vue-frontend-modal .button-container.with-bottom-spacing > .statement.button-statement {
        padding-bottom: 40px; }
    @media only screen and (max-width: 748px) {
      #auth-app .button-container button,
      #ets-vue-frontend-modal .button-container button {
        margin-top: 10px;
        margin-bottom: 10px; } }
    #auth-app .button-container button.button-in-row,
    #ets-vue-frontend-modal .button-container button.button-in-row {
      margin-left: 40px;
      margin-right: 40px; }
  #auth-app .evf-formset,
  #ets-vue-frontend-modal .evf-formset {
    border: solid 1px #999;
    padding: 20px;
    margin: 10px 0px;
    color: #212529;
    border-radius: 0px;
    border: solid 1px #999; }
    #auth-app .evf-formset h4,
    #ets-vue-frontend-modal .evf-formset h4 {
      color: #212529;
      text-align: center; }
    #auth-app .evf-formset .evf-formset-field input, #auth-app .evf-formset .evf-formset-field select,
    #ets-vue-frontend-modal .evf-formset .evf-formset-field input,
    #ets-vue-frontend-modal .evf-formset .evf-formset-field select {
      width: 100%; }
  #auth-app .evf-formset-field-width-50-left,
  #ets-vue-frontend-modal .evf-formset-field-width-50-left {
    width: 49%;
    display: inline-block; }
    #auth-app .evf-formset-field-width-50-left .evf-formset-field,
    #ets-vue-frontend-modal .evf-formset-field-width-50-left .evf-formset-field {
      margin-right: 5px; }
  #auth-app .evf-formset-field-width-50-right,
  #ets-vue-frontend-modal .evf-formset-field-width-50-right {
    width: 50%;
    display: inline-block; }
    #auth-app .evf-formset-field-width-50-right .evf-formset-field,
    #ets-vue-frontend-modal .evf-formset-field-width-50-right .evf-formset-field {
      margin-left: 5px; }
      #auth-app .evf-formset-field-width-50-right .evf-formset-field label,
      #ets-vue-frontend-modal .evf-formset-field-width-50-right .evf-formset-field label {
        display: none; }
  #auth-app .evf-formset-field-china-city-dropdown,
  #ets-vue-frontend-modal .evf-formset-field-china-city-dropdown {
    width: 100%;
    display: inline-block; }
    #auth-app .evf-formset-field-china-city-dropdown .evf-formset-field,
    #ets-vue-frontend-modal .evf-formset-field-china-city-dropdown .evf-formset-field {
      margin-top: 0 !important; }
      #auth-app .evf-formset-field-china-city-dropdown .evf-formset-field label,
      #ets-vue-frontend-modal .evf-formset-field-china-city-dropdown .evf-formset-field label {
        display: none; }
  #auth-app .evf-formset-field-china-city-dropdown-hidden,
  #ets-vue-frontend-modal .evf-formset-field-china-city-dropdown-hidden {
    display: none; }
  #auth-app .evf-formset-field-no-border .evf-formset-field,
  #ets-vue-frontend-modal .evf-formset-field-no-border .evf-formset-field {
    border: none; }
  #auth-app .evf-formset-field,
  #ets-vue-frontend-modal .evf-formset-field {
    margin-top: 15px;
    border: solid 1px #999;
    border-radius: 5px; }
    #auth-app .evf-formset-field.is-error,
    #ets-vue-frontend-modal .evf-formset-field.is-error {
      border-color: #dc3545; }
    #auth-app .evf-formset-field.is-no-label input, #auth-app .evf-formset-field.is-no-label select,
    #ets-vue-frontend-modal .evf-formset-field.is-no-label input,
    #ets-vue-frontend-modal .evf-formset-field.is-no-label select {
      margin-top: 13px; }
    #auth-app .evf-formset-field.is-checkbox,
    #ets-vue-frontend-modal .evf-formset-field.is-checkbox {
      padding-top: 15px; }
      #auth-app .evf-formset-field.is-checkbox input,
      #ets-vue-frontend-modal .evf-formset-field.is-checkbox input {
        display: inline;
        width: auto;
        margin-right: 5px; }
      #auth-app .evf-formset-field.is-checkbox label,
      #ets-vue-frontend-modal .evf-formset-field.is-checkbox label {
        display: inline;
        background: transparent; }
        #auth-app .evf-formset-field.is-checkbox label a,
        #ets-vue-frontend-modal .evf-formset-field.is-checkbox label a {
          color: #004433;
          text-decoration: underline; }
    #auth-app .evf-formset-field .evf-formset-field-tippy,
    #ets-vue-frontend-modal .evf-formset-field .evf-formset-field-tippy {
      display: inline-block; }
    #auth-app .evf-formset-field .evf-formset-field-error,
    #ets-vue-frontend-modal .evf-formset-field .evf-formset-field-error {
      color: #dc3545;
      padding: 0px 10px 7px 10px; }
    #auth-app .evf-formset-field label,
    #ets-vue-frontend-modal .evf-formset-field label {
      color: #999;
      background: #fff;
      padding: 0 5px;
      position: relative;
      top: -10px;
      left: 2px;
      font-size: 12px; }
    #auth-app .evf-formset-field .tooltip-span,
    #ets-vue-frontend-modal .evf-formset-field .tooltip-span {
      color: #ccc;
      background: #fff;
      padding: 0 5px 0 5px;
      position: relative;
      top: -10px;
      cursor: pointer; }
      #auth-app .evf-formset-field .tooltip-span:hover,
      #ets-vue-frontend-modal .evf-formset-field .tooltip-span:hover {
        color: #606060; }
    #auth-app .evf-formset-field input, #auth-app .evf-formset-field select,
    #ets-vue-frontend-modal .evf-formset-field input,
    #ets-vue-frontend-modal .evf-formset-field select {
      position: relative;
      border: none;
      background: transparent;
      background-color: transparent;
      top: -7px;
      left: 6px;
      width: 95%;
      margin-top: 0; }
      @media only screen and (max-width: 748px) {
        #auth-app .evf-formset-field input, #auth-app .evf-formset-field select,
        #ets-vue-frontend-modal .evf-formset-field input,
        #ets-vue-frontend-modal .evf-formset-field select {
          background: transparent !important; } }
  #auth-app .field-description,
  #ets-vue-frontend-modal .field-description {
    color: #999;
    padding-top: 5px; }
  #auth-app .evf-form-error-list .evf-form-error,
  #ets-vue-frontend-modal .evf-form-error-list .evf-form-error {
    color: red; }
  #auth-app .evf-btn-primary,
  #ets-vue-frontend-modal .evf-btn-primary {
    border: solid 1px #004433;
    padding: 5px 16px;
    font-size: 15px;
    border-radius: 4px;
    color: #004433;
    background: transparent;
    min-width: 120px;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    -o-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease; }
    #auth-app .evf-btn-primary:disabled,
    #ets-vue-frontend-modal .evf-btn-primary:disabled {
      border: solid 1px #999 !important;
      color: #999 !important;
      background: transparent !important;
      cursor: not-allowed; }
      #auth-app .evf-btn-primary:disabled i,
      #ets-vue-frontend-modal .evf-btn-primary:disabled i {
        color: #999; }
    #auth-app .evf-btn-primary:hover,
    #ets-vue-frontend-modal .evf-btn-primary:hover {
      color: #fff;
      background: #004433; }
  #auth-app .evf-text-link,
  #ets-vue-frontend-modal .evf-text-link {
    color: #004433;
    cursor: pointer; }
  #auth-app .evf-form-error-list,
  #ets-vue-frontend-modal .evf-form-error-list {
    margin-top: 20px; }

.tippy-popper div.tippy-tooltip .tippy-backdrop {
  background: #004433 !important;
  background-color: #004433 !important; }

.tippy-popper div.tippy-tooltip .tippy-content div b {
  color: #ddd !important; }

#auth-app .evf-formset,
#data-collection-app .evf-formset {
  width: 450px;
  padding: 0;
  border: none; }
  @media only screen and (max-width: 748px) {
    #auth-app .evf-formset,
    #data-collection-app .evf-formset {
      width: 100%; } }
  #auth-app .evf-formset .evf-formset-field-container,
  #data-collection-app .evf-formset .evf-formset-field-container {
    padding-bottom: 10px; }
    @media only screen and (max-width: 748px) {
      #auth-app .evf-formset .evf-formset-field-container.evf-formset-field-width-50-right input,
      #data-collection-app .evf-formset .evf-formset-field-container.evf-formset-field-width-50-right input {
        padding-bottom: 0;
        padding-top: 4px;
        margin-bottom: 3px;
        margin-top: -2px; } }
    #auth-app .evf-formset .evf-formset-field-container .field-description,
    #data-collection-app .evf-formset .evf-formset-field-container .field-description {
      font-size: 12px;
      padding-top: 5px; }
  #auth-app .evf-formset .evf-formset-field,
  #data-collection-app .evf-formset .evf-formset-field {
    width: 100%;
    background: #fff;
    margin-top: 20px;
    border: solid 1px #999;
    border-radius: 5px;
    text-shadow: none; }
    #auth-app .evf-formset .evf-formset-field.is-no-label input,
    #data-collection-app .evf-formset .evf-formset-field.is-no-label input {
      min-height: 25px;
      height: 25px;
      top: -7px; }
    #auth-app .evf-formset .evf-formset-field.is-checkbox,
    #data-collection-app .evf-formset .evf-formset-field.is-checkbox {
      background: transparent;
      position: relative;
      margin-bottom: 0;
      border: none;
      cursor: pointer; }
      #auth-app .evf-formset .evf-formset-field.is-checkbox input,
      #data-collection-app .evf-formset .evf-formset-field.is-checkbox input {
        display: inline;
        width: 30px !important;
        padding-left: 0;
        margin-left: 0;
        top: -10px;
        left: 0;
        position: absolute;
        cursor: pointer; }
      #auth-app .evf-formset .evf-formset-field.is-checkbox label,
      #data-collection-app .evf-formset .evf-formset-field.is-checkbox label {
        position: relative;
        display: inline-block;
        line-height: initial;
        height: auto;
        margin-left: 9%;
        width: 90%;
        cursor: pointer; }
        #auth-app .evf-formset .evf-formset-field.is-checkbox label > a,
        #data-collection-app .evf-formset .evf-formset-field.is-checkbox label > a {
          color: #000; }
    #auth-app .evf-formset .evf-formset-field label,
    #data-collection-app .evf-formset .evf-formset-field label {
      padding: 0;
      left: 0px;
      background: transparent;
      height: 200px;
      line-height: 0;
      color: #000;
      position: relative;
      top: -23px;
      font-size: 14px;
      -webkit-touch-callout: none;
      /* iOS Safari */
      -webkit-user-select: none;
      /* Safari */
      -khtml-user-select: none;
      /* Konqueror HTML */
      -moz-user-select: none;
      /* Old versions of Firefox */
      -ms-user-select: none;
      /* Internet Explorer/Edge */
      user-select: none;
      /* Non-prefixed version, currently
                                                supported by Chrome, Edge, Opera and Firefox */ }
    #auth-app .evf-formset .evf-formset-field .evf-formset-field-tippy,
    #data-collection-app .evf-formset .evf-formset-field .evf-formset-field-tippy {
      display: inline-block;
      position: relative;
      top: -21px;
      padding-left: 7px; }
    #auth-app .evf-formset .evf-formset-field select,
    #data-collection-app .evf-formset .evf-formset-field select {
      height: 22px;
      top: -9px; }
    #auth-app .evf-formset .evf-formset-field input,
    #auth-app .evf-formset .evf-formset-field select,
    #data-collection-app .evf-formset .evf-formset-field input,
    #data-collection-app .evf-formset .evf-formset-field select {
      position: relative;
      width: 96% !important;
      border: none;
      left: 6px; }
    #auth-app .evf-formset .evf-formset-field input,
    #data-collection-app .evf-formset .evf-formset-field input {
      min-height: 20px;
      height: 20px;
      top: -10px; }
    #auth-app .evf-formset .evf-formset-field .evf-formset-field-error,
    #data-collection-app .evf-formset .evf-formset-field .evf-formset-field-error {
      color: #dc3545;
      padding: 0px 10px 7px 10px; }
  #auth-app .evf-formset .evf-formset-field.is-mobile-field select,
  #data-collection-app .evf-formset .evf-formset-field.is-mobile-field select {
    width: 58% !important; }
  #auth-app .evf-formset .evf-formset-field.is-mobile-field input,
  #data-collection-app .evf-formset .evf-formset-field.is-mobile-field input {
    width: 38% !important; }

#auth-app .passwordless-login-fields .field-send_code_captcha .evf-formset-field div > div,
#data-collection-app .passwordless-login-fields .field-send_code_captcha .evf-formset-field div > div {
  margin: auto; }

#auth-app .passwordless-login-fields .field-phone_number_send_code_button,
#data-collection-app .passwordless-login-fields .field-phone_number_send_code_button {
  text-align: center; }
  #auth-app .passwordless-login-fields .field-phone_number_send_code_button.opt-button-hidden,
  #data-collection-app .passwordless-login-fields .field-phone_number_send_code_button.opt-button-hidden {
    display: none; }
  #auth-app .passwordless-login-fields .field-phone_number_send_code_button button,
  #data-collection-app .passwordless-login-fields .field-phone_number_send_code_button button {
    padding: 0.8em 0;
    margin: 0;
    box-sizing: border-box;
    font-size: 16px; }
    #auth-app .passwordless-login-fields .field-phone_number_send_code_button button[disabled],
    #data-collection-app .passwordless-login-fields .field-phone_number_send_code_button button[disabled] {
      background-color: #3D3D3D !important;
      color: #FFFFFF !important;
      border: #3D3D3D !important;
      cursor: not-allowed; }

#auth-app .login-other-actions,
#data-collection-app .login-other-actions {
  display: flex;
  justify-content: space-between; }
  #auth-app .login-other-actions .passwordless-login-text,
  #data-collection-app .login-other-actions .passwordless-login-text {
    margin-bottom: 0;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer; }
    #auth-app .login-other-actions .passwordless-login-text > p,
    #data-collection-app .login-other-actions .passwordless-login-text > p {
      color: #000; }
    #auth-app .login-other-actions .passwordless-login-text:hover,
    #data-collection-app .login-other-actions .passwordless-login-text:hover {
      text-decoration: underline; }
      #auth-app .login-other-actions .passwordless-login-text:hover > p,
      #data-collection-app .login-other-actions .passwordless-login-text:hover > p {
        color: #272727; }

@media (min-width: 749px) {
  .send-ticket-verification {
    width: 500px;
    margin: 0 auto; } }

.send-ticket-verification .choose-verify-method {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
  text-align: center; }
  .send-ticket-verification .choose-verify-method span {
    margin: 0 20px; }
  .send-ticket-verification .choose-verify-method [type="radio"]:checked,
  .send-ticket-verification .choose-verify-method [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px; }
  .send-ticket-verification .choose-verify-method [type="radio"]:checked + label,
  .send-ticket-verification .choose-verify-method [type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 40px;
    cursor: pointer;
    line-height: 24px;
    display: inline-block;
    color: #000000;
    font-size: 16px; }
  .send-ticket-verification .choose-verify-method [type="radio"]:checked + label:before,
  .send-ticket-verification .choose-verify-method [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    border: 1px solid rgba(0, 68, 51, 0.6);
    border-radius: 100%;
    background: #FFFFFF; }
  .send-ticket-verification .choose-verify-method [type="radio"]:not(:checked) + label:before {
    border: 1px solid #3D3D3D; }
  .send-ticket-verification .choose-verify-method [type="radio"]:checked + label:after,
  .send-ticket-verification .choose-verify-method [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 14px;
    height: 14px;
    background: rgba(0, 68, 51, 0.6);
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease; }
  .send-ticket-verification .choose-verify-method [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); }
  .send-ticket-verification .choose-verify-method [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }

.send-ticket-verification .field-email_send_code_button .evf-formset-field, .send-ticket-verification .field-phone_number_send_code_button .evf-formset-field {
  display: flex; }

.send-ticket-verification .field-email_send_code_button .evf-formset-field-container.field-phone1_number .evf-formset-field.is-error .evf-formset-field-error:last-child, .send-ticket-verification .field-phone_number_send_code_button .evf-formset-field-container.field-phone1_number .evf-formset-field.is-error .evf-formset-field-error:last-child {
  margin-top: 17px; }

.send-ticket-verification .field-email_send_code_button .evf-formset-field-container.field-password1 .evf-formset-field, .send-ticket-verification .field-phone_number_send_code_button .evf-formset-field-container.field-password1 .evf-formset-field {
  position: relative; }
  .send-ticket-verification .field-email_send_code_button .evf-formset-field-container.field-password1 .evf-formset-field .show-password-wrap .show-password-button, .send-ticket-verification .field-phone_number_send_code_button .evf-formset-field-container.field-password1 .evf-formset-field .show-password-wrap .show-password-button {
    top: 0; }

.send-ticket-verification .field-email_send_code_button .evf-formset-field-container .evf-formset-field.is-no-label .evf-formset-field-error, .send-ticket-verification .field-phone_number_send_code_button .evf-formset-field-container .evf-formset-field.is-no-label .evf-formset-field-error {
  top: 40px !important; }

.send-ticket-verification .field-email_send_code_button .evf-formset-field-container .evf-formset-field.is-error, .send-ticket-verification .field-phone_number_send_code_button .evf-formset-field-container .evf-formset-field.is-error {
  position: relative; }
  .send-ticket-verification .field-email_send_code_button .evf-formset-field-container .evf-formset-field.is-error .evf-formset-field-error, .send-ticket-verification .field-phone_number_send_code_button .evf-formset-field-container .evf-formset-field.is-error .evf-formset-field-error {
    color: #FF6E67;
    font-size: 14px;
    position: absolute;
    top: 38px;
    text-transform: none; }
  .send-ticket-verification .field-email_send_code_button .evf-formset-field-container .evf-formset-field.is-error input, .send-ticket-verification .field-phone_number_send_code_button .evf-formset-field-container .evf-formset-field.is-error input {
    border-bottom: #FF6E67 solid 1px !important; }

.send-ticket-verification .field-email_send_code_button .evf-formset-field-container .evf-formset-field.is-checkbox .evf-formset-field-error, .send-ticket-verification .field-phone_number_send_code_button .evf-formset-field-container .evf-formset-field.is-checkbox .evf-formset-field-error {
  position: relative;
  top: -10px; }

.send-ticket-verification .field-email_send_code_button .evf-formset-field-container.field-phone1_number_idd .evf-formset-field, .send-ticket-verification .field-phone_number_send_code_button .evf-formset-field-container.field-phone1_number_idd .evf-formset-field {
  position: relative; }
  .send-ticket-verification .field-email_send_code_button .evf-formset-field-container.field-phone1_number_idd .evf-formset-field::after, .send-ticket-verification .field-phone_number_send_code_button .evf-formset-field-container.field-phone1_number_idd .evf-formset-field::after {
    content: '';
    position: absolute;
    right: 0;
    top: 8px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #3D3D3D;
    clear: both;
    pointer-events: none; }
  .send-ticket-verification .field-email_send_code_button .evf-formset-field-container.field-phone1_number_idd .evf-formset-field #phone1_number_idd, .send-ticket-verification .field-phone_number_send_code_button .evf-formset-field-container.field-phone1_number_idd .evf-formset-field #phone1_number_idd {
    appearance: none;
    -webkit-appearance: none; }

.send-ticket-verification .field-email_send_code_button .field-phone_number_send_code_button, .send-ticket-verification .field-email_send_code_button .field-email_send_code_button, .send-ticket-verification .field-phone_number_send_code_button .field-phone_number_send_code_button, .send-ticket-verification .field-phone_number_send_code_button .field-email_send_code_button {
  text-align: center; }
  .send-ticket-verification .field-email_send_code_button .field-phone_number_send_code_button.opt-button-hidden, .send-ticket-verification .field-email_send_code_button .field-email_send_code_button.opt-button-hidden, .send-ticket-verification .field-phone_number_send_code_button .field-phone_number_send_code_button.opt-button-hidden, .send-ticket-verification .field-phone_number_send_code_button .field-email_send_code_button.opt-button-hidden {
    display: none; }
  .send-ticket-verification .field-email_send_code_button .field-phone_number_send_code_button button, .send-ticket-verification .field-email_send_code_button .field-email_send_code_button button, .send-ticket-verification .field-phone_number_send_code_button .field-phone_number_send_code_button button, .send-ticket-verification .field-phone_number_send_code_button .field-email_send_code_button button {
    padding: 0.8em 0;
    margin: 0;
    box-sizing: border-box;
    font-size: 16px; }
    .send-ticket-verification .field-email_send_code_button .field-phone_number_send_code_button button[disabled], .send-ticket-verification .field-email_send_code_button .field-email_send_code_button button[disabled], .send-ticket-verification .field-phone_number_send_code_button .field-phone_number_send_code_button button[disabled], .send-ticket-verification .field-phone_number_send_code_button .field-email_send_code_button button[disabled] {
      background-color: #3D3D3D !important;
      color: #FFFFFF !important;
      border: #3D3D3D !important;
      cursor: not-allowed; }

.send-ticket-verification .field-email_send_code_button .field-phone_number_verification_code.hidden, .send-ticket-verification .field-phone_number_send_code_button .field-phone_number_verification_code.hidden {
  display: none; }

.send-ticket-verification .field-email_send_code_button .field-phone_number_verification_code .evf-formset-field.is-error, .send-ticket-verification .field-phone_number_send_code_button .field-phone_number_verification_code .evf-formset-field.is-error {
  padding-bottom: 20px !important; }
  .send-ticket-verification .field-email_send_code_button .field-phone_number_verification_code .evf-formset-field.is-error .evf-formset-field-error, .send-ticket-verification .field-phone_number_send_code_button .field-phone_number_verification_code .evf-formset-field.is-error .evf-formset-field-error {
    top: 60px !important; }

.send-ticket-verification .help-block {
  width: 100% !important; }

.send-ticket-verification .action {
  display: flex;
  flex-direction: column;
  gap: 1em;
  align-items: center;
  justify-content: center;
  margin-top: 1em; }
  .send-ticket-verification .action #send-ticket-submit-button {
    width: 340px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #3F4644;
    font-size: 18px;
    font-weight: bold;
    box-sizing: border-box; }
    .send-ticket-verification .action #send-ticket-submit-button:hover {
      color: #FFFFFF; }
  .send-ticket-verification .action #send-ticket-cancel-button {
    width: 340px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #3F4644;
    font-size: 18px;
    font-weight: bold;
    box-sizing: border-box; }
    .send-ticket-verification .action #send-ticket-cancel-button:hover {
      color: #FFFFFF; }

.send-ticket-verification .field-phone_number_send_code_button, .send-ticket-verification .field-email_send_code_button {
  text-align: center; }
  .send-ticket-verification .field-phone_number_send_code_button .evf-formset-field, .send-ticket-verification .field-email_send_code_button .evf-formset-field {
    display: flex;
    justify-content: center; }
  .send-ticket-verification .field-phone_number_send_code_button button, .send-ticket-verification .field-email_send_code_button button {
    width: 250px;
    padding: 0.8em 0;
    margin: 0;
    box-sizing: border-box;
    font-size: 16px; }

.circle-loader {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid transparent;
  border-top: 2px solid rgba(0, 68, 51, 0.6);
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-right: 6px;
  vertical-align: middle; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

#auth-app > div > ul.navTabs {
  position: relative;
  margin-bottom: 10px; }
  #auth-app > div > ul.navTabs li {
    cursor: pointer; }
    @media only screen and (max-width: 748px) {
      #auth-app > div > ul.navTabs li a {
        float: none; } }
  #auth-app > div > ul.navTabs li.active {
    background: rgba(0, 0, 0, 0.2); }

@media (min-width: 749px) {
  #auth-app #mini-auth-signin-form #phone1_number_idd, #auth-app #mini-auth-signin-form #phone1_number,
  #auth-app #mini-auth-signup-form #phone1_number_idd,
  #auth-app #mini-auth-signup-form #phone1_number {
    font-size: 14px; } }

#auth-app #mini-auth-signin-form .password-criteria,
#auth-app #mini-auth-signup-form .password-criteria {
  color: #000; }

#auth-app #mini-auth-signin-form .password-criteria.upper-columns-2,
#auth-app #mini-auth-signup-form .password-criteria.upper-columns-2 {
  margin-top: 10px;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2; }

#auth-app .forgot-password-text {
  padding-top: 10px;
  padding-bottom: 10px; }

#auth-app #login-button-loader {
  height: 22px;
  padding-top: 9px;
  font-size: 18px;
  text-align: center;
  width: 250px;
  padding-left: 0;
  padding-right: 0;
  float: right;
  margin-top: 20px;
  margin-bottom: 45px; }
  @media only screen and (max-width: 748px) {
    #auth-app #login-button-loader {
      border: none;
      width: 100%; } }

@media only screen and (max-width: 748px) {
  #auth-app .mini-auth-form-button {
    width: 100%;
    padding-left: 5px; }
    #auth-app .mini-auth-form-button button {
      width: 100%; } }

#auth-app .mini-auth-form-button button {
  font-size: 18px;
  float: right;
  padding-top: 8px;
  padding-bottom: 7px;
  margin-top: 20px;
  margin-bottom: 45px; }

#auth-app .field-send_code_captcha .evf-formset-field div > div {
  margin: auto; }

#auth-app .change-otp-source-btn-container {
  margin-top: 10px;
  text-align: center; }

#auth-app .source-otp-field-disabled {
  opacity: 0.5; }
  #auth-app .source-otp-field-disabled div > input, #auth-app .source-otp-field-disabled select {
    pointer-events: none; }

#data-collection-app .description-font .upper {
  padding-right: 15px; }

#data-collection-app .legacy-subtitle-label {
  text-transform: uppercase;
  font-size: 18px;
  padding-top: 30px;
  padding-bottom: 20px; }

#data-collection-app .legacy-ticket-type-name {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
  padding-bottom: 15px; }

#data-collection-app .is-package .legacy-ticket-type-name {
  font-size: 15px; }

#data-collection-app .is-package .legacy-subtitle-label.order-data-label {
  font-size: 15px;
  padding-top: 10px;
  padding-bottom: 15px; }

#data-collection-app #legacy-promocode-box {
  margin-top: 25px; }
  #data-collection-app #legacy-promocode-box .evf-formset-field {
    padding-top: 6px !important;
    padding-bottom: 6px !important; }
    #data-collection-app #legacy-promocode-box .evf-formset-field input {
      top: 0; }

#data-collection-app #legacy-checkout-buttons {
  margin-top: 0px;
  margin-bottom: 30px;
  width: 450px;
  text-align: right; }
  @media only screen and (max-width: 748px) {
    #data-collection-app #legacy-checkout-buttons {
      width: 100%; } }
  #data-collection-app #legacy-checkout-buttons .tf-btn-primary {
    margin-right: 0; }
  #data-collection-app #legacy-checkout-buttons #checkout-loading {
    display: inline-block;
    position: absolute;
    width: 174px;
    text-align: center;
    padding-top: 13px;
    font-size: 18px; }
  #data-collection-app #legacy-checkout-buttons .tf-btn-default {
    border: none; }

#data-collection-app #refund-protect-wrapper {
  margin-top: 1em; }

#data-collection-app .evf-formset-ticket-holder {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  width: 100% !important; }

html #protect-group-widget input[type="radio"].yes, html #protect-group-widget input[type="radio"].no {
  display: none; }

#upsell-app h2.tf-title {
  margin-top: 0;
  margin-bottom: 10px; }

#upsell-app .item-listing {
  display: flex;
  flex-wrap: wrap; }
  #upsell-app .item-listing li {
    box-shadow: 1px 1px 5px 1px #e3e3e3;
    width: 48%;
    margin-bottom: 18px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    background: transparent; }
    @media (min-width: 749px) {
      #upsell-app .item-listing li {
        width: 215px;
        margin-bottom: 28px;
        margin-left: 28px; }
        #upsell-app .item-listing li:first-child, #upsell-app .item-listing li:nth-child(4) {
          margin-left: 0px; } }
    @media only screen and (max-width: 748px) {
      #upsell-app .item-listing li:nth-child(odd) {
        margin-right: 3%;
        margin-left: 0px; } }
    #upsell-app .item-listing li .imgThumbWrap {
      width: 100%; }
      @media (min-width: 749px) {
        #upsell-app .item-listing li .imgThumbWrap img {
          width: 100%;
          height: auto; } }
      @media only screen and (max-width: 748px) {
        #upsell-app .item-listing li .imgThumbWrap img {
          width: 100%; } }
    #upsell-app .item-listing li a {
      text-decoration: none; }
    #upsell-app .item-listing li .overlay {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: transparent;
      opacity: 0.2;
      z-index: 100;
      display: block;
      box-shadow: 1px 1px 17px 8px #000; }
    #upsell-app .item-listing li .info-txts {
      height: 55px;
      overflow: hidden;
      padding: 10px;
      background: #fff;
      transition: 0.5s; }
      #upsell-app .item-listing li .info-txts .title {
        border-bottom: none !important; }
      #upsell-app .item-listing li .info-txts .infoItem {
        margin-bottom: 5px; }
        #upsell-app .item-listing li .info-txts .infoItem span {
          color: #000;
          overflow: hidden;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          height: 36px; }
          #upsell-app .item-listing li .info-txts .infoItem span strong {
            font-size: 16px;
            line-height: 19px; }
      #upsell-app .item-listing li .info-txts .truncate {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        #upsell-app .item-listing li .info-txts .truncate span {
          color: #000;
          font-size: 16px;
          line-height: 19px;
          font-size: 10px; }

#nav-cart-count {
  width: 16px;
  height: 16px;
  background: #010101;
  color: #fff;
  border-radius: 50px;
  position: absolute;
  top: -4px;
  left: 16px;
  font-size: 11px;
  text-align: center; }
  @media only screen and (max-width: 748px) {
    #nav-cart-count {
      top: 10px !important;
      left: 54% !important; } }

html body #shopping-cart-app #shopping-cart-content {
  padding: 0; }
  html body #shopping-cart-app #shopping-cart-content .shopping-cart-items {
    padding-bottom: 5px; }
    html body #shopping-cart-app #shopping-cart-content .shopping-cart-items p {
      font-size: 13px; }
    html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .sub-total {
      border-top: 3px solid #D8D8D8;
      border-bottom: none !important;
      padding-bottom: 15px;
      padding-top: 15px;
      text-align: right;
      display: flex;
      justify-content: flex-end; }
      html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .sub-total p {
        font-weight: bold;
        font-size: 15px; }
        html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .sub-total p:first-child {
          display: flex;
          flex-grow: 0.5; }
    html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-header {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      border-bottom: 1px solid #D8D8D8;
      padding-top: 10px;
      padding-bottom: 10px;
      position: relative; }
      html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-header .remove-button-container {
        position: absolute;
        bottom: 3px;
        right: 0; }
      html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-header .shopping-cart-header-left img {
        width: 100%; }
        @media (min-width: 749px) {
          html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-header .shopping-cart-header-left img {
            width: 190px;
            height: 130px; } }
      html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-header .shopping-cart-header-right {
        margin-left: 10px; }
        @media (min-width: 749px) {
          html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-header .shopping-cart-header-right {
            max-width: 530px; } }
        html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-header .shopping-cart-header-right h3 {
          font-weight: bold;
          font-size: 25px;
          margin-bottom: 5px;
          line-height: 1.2em; }
        html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-header .shopping-cart-header-right .shopping-cart-items-venue {
          font-size: 10px; }
          html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-header .shopping-cart-header-right .shopping-cart-items-venue p {
            margin: 0;
            padding: 0; }
    html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details {
      display: flex;
      justify-content: space-between;
      position: relative; }
      html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details .remove-button-container {
        position: absolute;
        bottom: 3px;
        right: 0; }
      html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details .shopping-cart-items-details-left {
        margin-top: 15px;
        flex-grow: 1; }
        html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details .shopping-cart-items-details-left h4 {
          text-transform: uppercase;
          margin-bottom: 10px;
          font-size: 13px;
          font-weight: bold; }
          @media only screen and (max-width: 748px) {
            html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details .shopping-cart-items-details-left h4 {
              width: 50%; } }
        html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details .shopping-cart-items-details-left p {
          margin: 0;
          padding: 0;
          font-size: 13px; }
        html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details .shopping-cart-items-details-left .shopping-cart-ticket-details {
          margin-top: 5px;
          margin-bottom: 15px;
          transition: ease 2s;
          padding-bottom: 15px;
          min-height: 3em; }
          html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details .shopping-cart-items-details-left .shopping-cart-ticket-details .ticket-data-fields {
            margin-bottom: 20px; }
          html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details .shopping-cart-items-details-left .shopping-cart-ticket-details h5 {
            text-decoration: underline;
            font-size: 13px;
            margin-bottom: 5px; }
          html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details .shopping-cart-items-details-left .shopping-cart-ticket-details .shopping-cart-ticket-informations {
            display: flex;
            justify-content: space-between; }
      html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details .shopping-cart-items-details-right {
        margin-top: 5px; }
        html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details .shopping-cart-items-details-right .remove-item-button {
          padding-top: 4px;
          padding-bottom: 4px;
          width: 70px;
          font-size: 13px; }
          @media (min-width: 749px) {
            html body #shopping-cart-app #shopping-cart-content .shopping-cart-items .shopping-cart-items-details .shopping-cart-items-details-right .remove-item-button {
              width: auto;
              padding-top: 6px;
              padding-bottom: 6px; } }
  html body #shopping-cart-app #shopping-cart-content #fee {
    border-top: 3px solid #D8D8D8; }
    html body #shopping-cart-app #shopping-cart-content #fee p {
      font-size: 15px;
      text-transform: capitalize;
      font-weight: normal; }
  html body #shopping-cart-app #shopping-cart-content .total-order-price {
    display: flex;
    justify-content: flex-end;
    padding-top: 10px;
    border-top: 3px solid #D8D8D8; }
    html body #shopping-cart-app #shopping-cart-content .total-order-price p {
      font-size: 20px;
      font-weight: bold; }
      html body #shopping-cart-app #shopping-cart-content .total-order-price p:first-child {
        flex-grow: 0.5; }
  html body #shopping-cart-app #shopping-cart-content #bottom-button-container {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    align-items: center;
    margin-bottom: 40px; }
    html body #shopping-cart-app #shopping-cart-content #bottom-button-container .bottom-button-container-left p {
      font-size: 10px; }

body.layout-ets-v2 .evf-order-list-item {
  position: relative;
  margin-top: 30px; }
  @media (min-width: 749px) {
    body.layout-ets-v2 .evf-order-list-item {
      display: flex;
      align-items: center; } }
  body.layout-ets-v2 .evf-order-list-item:nth-child(1) {
    margin-top: 0px; }
  body.layout-ets-v2 .evf-order-list-item.hide-thumbnail .list-item-detail .detail-box {
    padding-left: 40px; }
  body.layout-ets-v2 .evf-order-list-item .list-item-thumb {
    display: inline-block;
    width: 256px; }
    @media only screen and (max-width: 748px) {
      body.layout-ets-v2 .evf-order-list-item .list-item-thumb {
        width: 100%; } }
    body.layout-ets-v2 .evf-order-list-item .list-item-thumb img {
      width: 225px; }
      @media only screen and (max-width: 748px) {
        body.layout-ets-v2 .evf-order-list-item .list-item-thumb img {
          width: 100%; } }
  body.layout-ets-v2 .evf-order-list-item .list-item-detail {
    display: inline-block;
    width: auto;
    padding-top: 10px;
    padding-bottom: 10px; }
    @media (min-width: 749px) {
      body.layout-ets-v2 .evf-order-list-item .list-item-detail {
        flex-grow: 1; } }
    @media only screen and (max-width: 748px) {
      body.layout-ets-v2 .evf-order-list-item .list-item-detail {
        width: 100%; } }
    body.layout-ets-v2 .evf-order-list-item .list-item-detail .detail-box {
      padding-top: 5px;
      padding-bottom: 5px; }
      @media only screen and (max-width: 748px) {
        body.layout-ets-v2 .evf-order-list-item .list-item-detail .detail-box {
          padding-left: 13px;
          padding-right: 13px; } }
      body.layout-ets-v2 .evf-order-list-item .list-item-detail .detail-box .label {
        display: inline-block;
        vertical-align: top;
        font-weight: bold;
        width: 22%; }
        @media only screen and (max-width: 748px) {
          body.layout-ets-v2 .evf-order-list-item .list-item-detail .detail-box .label {
            width: 28%; } }
      body.layout-ets-v2 .evf-order-list-item .list-item-detail .detail-box .value {
        display: inline-block;
        vertical-align: top;
        width: 70%; }
  body.layout-ets-v2 .evf-order-list-item .list-item-action {
    display: inline-block;
    width: 190px; }
    @media only screen and (max-width: 748px) {
      body.layout-ets-v2 .evf-order-list-item .list-item-action {
        width: 100%; } }
  @media (min-width: 749px) {
    body.layout-ets-v2 .evf-order-list-item .remove-button-container {
      position: absolute;
      bottom: 20px;
      right: 20px; } }
  body.layout-ets-v2 .evf-order-list-item .remove-button-container .remove-button {
    cursor: pointer; }
    @media only screen and (max-width: 748px) {
      body.layout-ets-v2 .evf-order-list-item .remove-button-container .remove-button {
        text-align: center;
        margin: 10px auto 20px auto; } }
    body.layout-ets-v2 .evf-order-list-item .remove-button-container .remove-button .remove-button-x {
      display: inline-block;
      color: #000;
      border: solid #000 2px;
      width: 16px;
      height: 16px;
      border-radius: 10px;
      text-align: center;
      margin-right: 6px; }
      body.layout-ets-v2 .evf-order-list-item .remove-button-container .remove-button .remove-button-x i {
        position: relative;
        top: -1px; }

body.layout-ets-v2 #shopping-cart-summary-list #order-group-price-detail,
body.layout-ets-v2 #confirm-orders-list #order-group-price-detail {
  margin-top: 30px;
  margin-bottom: 50px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: right; }
  @media only screen and (max-width: 748px) {
    body.layout-ets-v2 #shopping-cart-summary-list #order-group-price-detail,
    body.layout-ets-v2 #confirm-orders-list #order-group-price-detail {
      text-align: center; } }
  body.layout-ets-v2 #shopping-cart-summary-list #order-group-price-detail #price-sub-total, body.layout-ets-v2 #shopping-cart-summary-list #order-group-price-detail #price-fee,
  body.layout-ets-v2 #confirm-orders-list #order-group-price-detail #price-sub-total,
  body.layout-ets-v2 #confirm-orders-list #order-group-price-detail #price-fee {
    margin-bottom: 8px; }
  body.layout-ets-v2 #shopping-cart-summary-list #order-group-price-detail .label, body.layout-ets-v2 #shopping-cart-summary-list #order-group-price-detail .value,
  body.layout-ets-v2 #confirm-orders-list #order-group-price-detail .label,
  body.layout-ets-v2 #confirm-orders-list #order-group-price-detail .value {
    display: inline-block; }
  body.layout-ets-v2 #shopping-cart-summary-list #order-group-price-detail .label,
  body.layout-ets-v2 #confirm-orders-list #order-group-price-detail .label {
    margin-right: 10px; }

body.layout-ets-v2 #shopping-cart-summary-list #bottom-button-container,
body.layout-ets-v2 #confirm-orders-list #bottom-button-container {
  text-align: center; }
  body.layout-ets-v2 #shopping-cart-summary-list #bottom-button-container > a,
  body.layout-ets-v2 #confirm-orders-list #bottom-button-container > a {
    text-align: center;
    display: block; }

html body #confirm-orders-app #confirm-orders-content {
  padding: 0; }
  html body #confirm-orders-app #confirm-orders-content .top-row {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  html body #confirm-orders-app #confirm-orders-content .confirm-orders-items {
    padding-bottom: 5px; }
    html body #confirm-orders-app #confirm-orders-content .confirm-orders-items p {
      font-size: 15px;
      margin: 10px 0; }
    html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-header {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      padding-top: 10px;
      padding-bottom: 10px; }
      @media only screen and (max-width: 748px) {
        html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-header {
          padding-bottom: 25px; } }
      html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-header h3 {
        font-weight: bold;
        font-size: 20px;
        margin-bottom: 5px; }
    html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table {
      width: 100%; }
      html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table tbody {
        border-bottom: 1px solid #D8D8D8; }
      html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table .sub-total-row {
        border-top: 3px solid #D8D8D8;
        border-bottom: none !important; }
        html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table .sub-total-row td {
          font-weight: bold;
          font-size: 15px;
          padding-bottom: 15px;
          padding-top: 15px; }
          html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table .sub-total-row td:last-child {
            font-size: 20px; }
      html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table tr:last-child {
        border-bottom: none; }
      html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table tr th {
        width: 33%;
        text-align: left;
        border-bottom: 3px solid #D8D8D8; }
        html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table tr th:last-child {
          text-align: right; }
      html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table tr .confirm-order-session-informations {
        margin-top: 15px; }
        html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table tr .confirm-order-session-informations p {
          margin: 0;
          font-size: 12px; }
          html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table tr .confirm-order-session-informations p:first-child {
            font-size: 15px;
            font-weight: bold; }
      html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table tr td {
        width: 30%;
        padding-bottom: 15px; }
        html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table tr td:last-child {
          text-align: right;
          display: table-cell;
          vertical-align: middle; }
        html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table tr td .evf-formset-field-container {
          margin-top: 15px; }
        html body #confirm-orders-app #confirm-orders-content .confirm-orders-items table tr td input {
          background: transparent;
          padding: 10px 20px 5px 20px;
          border: solid #ccc 1px;
          margin-bottom: 5px;
          font-size: 13px; }
    html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-details {
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid #D8D8D8; }
      html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-details:last-child {
        border-bottom: none;
        border-bottom: 3px solid #D8D8D8; }
      html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-details .confirm-orders-items-details-left {
        margin-top: 5px;
        flex-grow: 1;
        display: flex;
        justify-content: space-between; }
        html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-details .confirm-orders-items-details-left h4 {
          text-transform: uppercase;
          margin-bottom: 10px;
          font-size: 15px;
          font-weight: bold; }
        html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-details .confirm-orders-items-details-left p {
          margin: 0;
          padding: 0;
          font-size: 13px; }
        html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-details .confirm-orders-items-details-left .confirm-orders-ticket-details {
          margin-top: 5px;
          margin-bottom: 10px;
          transition: ease 2s; }
          html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-details .confirm-orders-items-details-left .confirm-orders-ticket-details h5 {
            text-decoration: underline;
            font-size: 16px; }
          html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-details .confirm-orders-items-details-left .confirm-orders-ticket-details .confirm-orders-ticket-informations {
            display: flex;
            justify-content: space-between; }
      html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-details .confirm-orders-items-details-right {
        margin-top: 5px; }
        html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-details .confirm-orders-items-details-right .remove-item-button {
          padding-top: 4px;
          padding-bottom: 4px;
          width: 70px;
          font-size: 13px; }
          @media (min-width: 749px) {
            html body #confirm-orders-app #confirm-orders-content .confirm-orders-items .confirm-orders-items-details .confirm-orders-items-details-right .remove-item-button {
              width: auto;
              padding-top: 6px;
              padding-bottom: 6px; } }
  html body #confirm-orders-app #confirm-orders-content #fee {
    border-top: 3px solid #D8D8D8; }
    html body #confirm-orders-app #confirm-orders-content #fee p {
      font-size: 15px;
      text-transform: capitalize;
      font-weight: normal; }
  html body #confirm-orders-app #confirm-orders-content .total-order-price {
    display: flex;
    justify-content: flex-end;
    padding-top: 10px;
    border-top: 3px solid #D8D8D8; }
    html body #confirm-orders-app #confirm-orders-content .total-order-price p {
      font-size: 20px;
      font-weight: bold; }
      html body #confirm-orders-app #confirm-orders-content .total-order-price p:first-child {
        flex-grow: 0.5; }
  html body #confirm-orders-app #confirm-orders-content #bank-statement-name {
    margin-top: 50px;
    margin-bottom: 50px; }
  html body #confirm-orders-app #confirm-orders-content #bottom-button-container {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    align-items: center; }
    html body #confirm-orders-app #confirm-orders-content #bottom-button-container .bottom-button-container-left p {
      font-size: 10px; }
    html body #confirm-orders-app #confirm-orders-content #bottom-button-container .bottom-button-container-right button {
      padding-top: 4px;
      padding-bottom: 4px;
      font-size: 13px;
      padding-left: 10px;
      padding-right: 10px; }
      @media (min-width: 749px) {
        html body #confirm-orders-app #confirm-orders-content #bottom-button-container .bottom-button-container-right button {
          padding-top: 8px;
          padding-bottom: 8px;
          font-size: 17px; } }
  html body #confirm-orders-app #confirm-orders-content .left-align {
    text-align: left;
    margin: 0;
    padding: 0; }

#show-cxl-page {
  /* there are TWO show-cxl-page: vue-app and thanks-page-with-show-cxl */
  max-width: 600px; }
  @media (min-width: 749px) {
    #show-cxl-page {
      margin: 0 auto; } }
  #show-cxl-page #show-cxl-top-banner img {
    width: 100%; }
  #show-cxl-page .show-cxl-error {
    padding: 8px 12px 5px;
    margin-top: 25px;
    font-size: 16px;
    background: #D6093B;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 600; }
  #show-cxl-page .show-cxl-noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none; }
  #show-cxl-page #vue-show-cxl-app-container {
    margin-bottom: 20px; }
    @media (min-width: 749px) {
      #show-cxl-page #vue-show-cxl-app-container {
        margin-bottom: 15px; } }
  #show-cxl-page .show-cxl-header {
    min-height: 50px; }
    #show-cxl-page .show-cxl-header .title {
      background-color: #001423;
      padding: 20px 20px 16px;
      color: #FFFFFF;
      font-size: 24px;
      margin: 0;
      font-weight: 500;
      text-align: center; }
      @media only screen and (max-width: 748px) {
        #show-cxl-page .show-cxl-header .title {
          padding-left: 0px;
          padding-right: 0px;
          width: 100vw;
          position: relative;
          left: 50%;
          transform: translate(-50vw, 0); } }
  #show-cxl-page .form-group {
    position: relative; }
    #show-cxl-page .form-group input {
      width: 100%;
      padding: 12px;
      border: none;
      border-radius: 12px;
      background: #FFFFFF;
      font-size: 16px; }
      #show-cxl-page .form-group input.error {
        border: 1px solid #D6093B; }
    #show-cxl-page .form-group .error-text {
      color: #D6093B;
      font-size: 12px;
      margin-top: 4px; }
  @media only screen and (max-width: 748px) {
    #show-cxl-page .show-cxl-view {
      min-height: calc(100vh - 145px); } }
  #show-cxl-page .show-cxl-view .action-buttons {
    display: flex;
    flex-direction: row-reverse;
    gap: 16px;
    margin-top: 8px; }
    @media only screen and (max-width: 748px) {
      #show-cxl-page .show-cxl-view .action-buttons {
        flex-direction: column; } }
    #show-cxl-page .show-cxl-view .action-buttons button {
      width: 100%;
      margin: 0; }
      #show-cxl-page .show-cxl-view .action-buttons button:disabled {
        opacity: 0.5;
        cursor: not-allowed; }
      #show-cxl-page .show-cxl-view .action-buttons button.next:disabled {
        opacity: 0;
        cursor: not-allowed; }
  #show-cxl-page .show-cxl-view .options-grid .manual-typing-row .form-group input {
    color: #000000; }
  #show-cxl-page .show-cxl-view button {
    min-height: 40px;
    margin: 0; }
  #show-cxl-page .show-cxl-view .warning-message {
    color: #D6093B;
    font-size: 16px;
    font-weight: 800; }
  #show-cxl-page .scan-ticket-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #001423;
    padding: 0px;
    overflow: hidden;
    width: 100%;
    min-height: 100vh; }
    @media (min-width: 749px) {
      #show-cxl-page .scan-ticket-container {
        min-height: 60vh;
        height: auto; } }
    #show-cxl-page .scan-ticket-container .close-button {
      color: #FFFFFF;
      cursor: pointer;
      position: absolute;
      top: 8px;
      right: 12px;
      border-radius: 12px;
      background: rgba(255, 255, 255, 0.35);
      font-size: 40px;
      padding: 10px 20px; }
      @media (min-width: 749px) {
        #show-cxl-page .scan-ticket-container .close-button {
          font-size: 36px;
          padding: 3px 7px 11px 7px; } }
    #show-cxl-page .scan-ticket-container .video-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      z-index: 2; }
      @media (min-width: 749px) {
        #show-cxl-page .scan-ticket-container .video-overlay {
          height: 60vh; } }
    #show-cxl-page .scan-ticket-container .scan-title {
      color: #001423;
      font-size: 24px;
      margin-bottom: 40px;
      font-weight: 600; }
    #show-cxl-page .scan-ticket-container .scanner-wrapper {
      width: 100%;
      max-width: 300px;
      aspect-ratio: 1;
      margin-bottom: 40px; }
    #show-cxl-page .scan-ticket-container .scanner-frame {
      position: relative;
      width: 100%;
      height: 100%; }
    #show-cxl-page .scan-ticket-container .video-container {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: hidden; }
      @media (min-width: 749px) {
        #show-cxl-page .scan-ticket-container .video-container {
          position: absolute;
          height: 60vh; } }
    #show-cxl-page .scan-ticket-container .scanner-video {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      object-fit: cover;
      z-index: 1; }
      #show-cxl-page .scan-ticket-container .scanner-video.active {
        display: block; }
    #show-cxl-page .scan-ticket-container .scanner-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      #show-cxl-page .scan-ticket-container .scanner-overlay .scan-region-highlight {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 2px solid #FFFFFF;
        border-radius: 12px; }
      #show-cxl-page .scan-ticket-container .scanner-overlay .scan-region-highlight-svg {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
        height: 2px;
        background-color: #35c759; }
    #show-cxl-page .scan-ticket-container .scan-button {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 12px 24px;
      background-color: rgba(255, 255, 255, 0.35);
      border: none;
      border-radius: 12px;
      color: #FFFFFF;
      font-size: 16px;
      cursor: pointer;
      transition: background-color 0.3s; }
      #show-cxl-page .scan-ticket-container .scan-button:hover {
        background-color: rgba(255, 255, 255, 0.3); }
      #show-cxl-page .scan-ticket-container .scan-button .scan-icon {
        display: flex;
        align-items: center;
        color: #FFFFFF; }
  #show-cxl-page .choose-action-container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px; }
    #show-cxl-page .choose-action-container .content-wrapper {
      max-width: 600px;
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 5px; }
      @media (min-width: 749px) {
        #show-cxl-page .choose-action-container .content-wrapper {
          gap: 24px; } }
    #show-cxl-page .choose-action-container .main-title {
      color: #001423;
      padding-top: 0px;
      font-size: 20px;
      line-height: 1.4;
      font-weight: 600;
      margin: 0; }
      @media (min-width: 749px) {
        #show-cxl-page .choose-action-container .main-title {
          padding-top: 10px;
          font-size: 24px; } }
    #show-cxl-page .choose-action-container .main-description-html {
      line-height: 1.5;
      margin: 0; }
      #show-cxl-page .choose-action-container .main-description-html p, #show-cxl-page .choose-action-container .main-description-html i {
        color: #001423;
        font-size: 15px;
        padding: 5px 0 25px 0; }
        @media (min-width: 749px) {
          #show-cxl-page .choose-action-container .main-description-html p, #show-cxl-page .choose-action-container .main-description-html i {
            font-size: 18px; } }
      #show-cxl-page .choose-action-container .main-description-html i {
        font-style: italic;
        opacity: 0.8; }
      #show-cxl-page .choose-action-container .main-description-html ul {
        list-style: disc;
        padding-left: 1em; }
    #show-cxl-page .choose-action-container .buttons-container {
      display: flex;
      gap: 16px;
      margin-top: 24px;
      flex-direction: row; }
      @media only screen and (max-width: 748px) {
        #show-cxl-page .choose-action-container .buttons-container {
          flex-direction: column; } }
      #show-cxl-page .choose-action-container .buttons-container button {
        margin: 0;
        min-height: 40px;
        width: 100%; }
    #show-cxl-page .choose-action-container .action-button {
      width: 100%; }
      #show-cxl-page .choose-action-container .action-button:hover {
        opacity: 0.9; }
      #show-cxl-page .choose-action-container .action-button:active {
        transform: translateY(0); }
  #show-cxl-page .exchange-flow-container,
  #show-cxl-page .refund-flow-container {
    display: flex;
    flex-direction: column;
    position: relative; }
    #show-cxl-page .exchange-flow-container .content,
    #show-cxl-page .refund-flow-container .content {
      flex: 1;
      padding: 24px 20px;
      display: flex;
      flex-direction: column;
      gap: 32px; }
      @media (min-width: 749px) {
        #show-cxl-page .exchange-flow-container .content,
        #show-cxl-page .refund-flow-container .content {
          padding-left: 0;
          padding-right: 0; } }
    #show-cxl-page .exchange-flow-container .instruction-text,
    #show-cxl-page .refund-flow-container .instruction-text {
      color: #FFFFFF;
      font-size: 18px;
      margin: 0;
      text-align: left; }
    #show-cxl-page .exchange-flow-container.disable-on-file-upload,
    #show-cxl-page .refund-flow-container.disable-on-file-upload {
      opacity: .7;
      pointer-events: none !important; }
    #show-cxl-page .exchange-flow-container .file-upload-progress,
    #show-cxl-page .refund-flow-container .file-upload-progress {
      margin-top: 10px;
      padding-left: 0px;
      padding-right: 0px; }
      @media only screen and (max-width: 748px) {
        #show-cxl-page .exchange-flow-container .file-upload-progress,
        #show-cxl-page .refund-flow-container .file-upload-progress {
          padding-left: 20px;
          padding-right: 20px; } }
      #show-cxl-page .exchange-flow-container .file-upload-progress .file-info,
      #show-cxl-page .refund-flow-container .file-upload-progress .file-info {
        background: #FFFFFF;
        color: #001423;
        padding: 15px; }
        #show-cxl-page .exchange-flow-container .file-upload-progress .file-info .file-label,
        #show-cxl-page .refund-flow-container .file-upload-progress .file-info .file-label {
          color: #8A8A8E;
          position: relative;
          top: -4px; }
        #show-cxl-page .exchange-flow-container .file-upload-progress .file-info .cancel-upload,
        #show-cxl-page .refund-flow-container .file-upload-progress .file-info .cancel-upload {
          color: #FFFFFF;
          background: #001423;
          border-radius: 50px;
          display: inline-block;
          width: 18px;
          height: 18px;
          text-align: center;
          font-size: 19px;
          position: relative;
          top: 2px;
          left: 5px;
          line-height: 0.9em;
          cursor: pointer; }
        #show-cxl-page .exchange-flow-container .file-upload-progress .file-info .progress-bar,
        #show-cxl-page .refund-flow-container .file-upload-progress .file-info .progress-bar {
          margin-top: 10px;
          background: #d6f4de;
          border-radius: 15px; }
          #show-cxl-page .exchange-flow-container .file-upload-progress .file-info .progress-bar .progress-bar-child,
          #show-cxl-page .refund-flow-container .file-upload-progress .file-info .progress-bar .progress-bar-child {
            background: #35c759;
            height: 5px;
            border-radius: 15px; }
    #show-cxl-page .exchange-flow-container .options-grid,
    #show-cxl-page .refund-flow-container .options-grid {
      display: grid;
      grid-template-columns: 80px 1fr;
      gap: 15px;
      align-items: stretch; }
      @media (min-width: 749px) {
        #show-cxl-page .exchange-flow-container .options-grid,
        #show-cxl-page .refund-flow-container .options-grid {
          grid-template-columns: auto 1fr; } }
    #show-cxl-page .exchange-flow-container .scan-option,
    #show-cxl-page .refund-flow-container .scan-option {
      width: 80px;
      background-color: #004433;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: transform 0.2s ease; }
      @media (min-width: 749px) {
        #show-cxl-page .exchange-flow-container .scan-option,
        #show-cxl-page .refund-flow-container .scan-option {
          width: 100px; } }
      #show-cxl-page .exchange-flow-container .scan-option .scan-icon-wrapper,
      #show-cxl-page .refund-flow-container .scan-option .scan-icon-wrapper {
        color: #FFFFFF; }
        #show-cxl-page .exchange-flow-container .scan-option .scan-icon-wrapper svg,
        #show-cxl-page .refund-flow-container .scan-option .scan-icon-wrapper svg {
          width: 32px;
          height: 32px; }
    #show-cxl-page .exchange-flow-container .buttons-column,
    #show-cxl-page .refund-flow-container .buttons-column {
      display: flex;
      flex-direction: column;
      gap: 10px;
      width: 100%; }
    #show-cxl-page .exchange-flow-container .manual-typing-row,
    #show-cxl-page .refund-flow-container .manual-typing-row {
      grid-column: 1 / 3;
      display: flex; }
      @media only screen and (max-width: 748px) {
        #show-cxl-page .exchange-flow-container .manual-typing-row,
        #show-cxl-page .refund-flow-container .manual-typing-row {
          gap: 10px; } }
      #show-cxl-page .exchange-flow-container .manual-typing-row > .form-group,
      #show-cxl-page .refund-flow-container .manual-typing-row > .form-group {
        flex-grow: 1; }
        #show-cxl-page .exchange-flow-container .manual-typing-row > .form-group > input[type="text"],
        #show-cxl-page .refund-flow-container .manual-typing-row > .form-group > input[type="text"] {
          width: calc(100% - 1rem - 5px);
          border: solid 1px #001423; }
          @media (min-width: 749px) {
            #show-cxl-page .exchange-flow-container .manual-typing-row > .form-group > input[type="text"],
            #show-cxl-page .refund-flow-container .manual-typing-row > .form-group > input[type="text"] {
              width: calc(100% - 24px - 15px); } }
          @media only screen and (max-width: 748px) {
            #show-cxl-page .exchange-flow-container .manual-typing-row > .form-group > input[type="text"],
            #show-cxl-page .refund-flow-container .manual-typing-row > .form-group > input[type="text"] {
              margin: 0; } }
      #show-cxl-page .exchange-flow-container .manual-typing-row > .form-button,
      #show-cxl-page .refund-flow-container .manual-typing-row > .form-button {
        width: 25%; }
        #show-cxl-page .exchange-flow-container .manual-typing-row > .form-button button,
        #show-cxl-page .refund-flow-container .manual-typing-row > .form-button button {
          width: 100%;
          height: 100%;
          margin: 0;
          border-radius: 12px; }
          @media only screen and (max-width: 748px) {
            #show-cxl-page .exchange-flow-container .manual-typing-row > .form-button button,
            #show-cxl-page .refund-flow-container .manual-typing-row > .form-button button {
              margin: 0; } }
    #show-cxl-page .exchange-flow-container .ticket-quantity,
    #show-cxl-page .refund-flow-container .ticket-quantity {
      background: rgba(0, 42, 73, 0.8);
      padding: 16px;
      color: #FFFFFF; }
      #show-cxl-page .exchange-flow-container .ticket-quantity h2,
      #show-cxl-page .refund-flow-container .ticket-quantity h2 {
        font-size: 15px;
        margin: 0 0 5px 0;
        font-weight: 800;
        text-transform: uppercase; }
      #show-cxl-page .exchange-flow-container .ticket-quantity p,
      #show-cxl-page .refund-flow-container .ticket-quantity p {
        font-size: 16px;
        margin: 0;
        color: #FFFFFF; }
        #show-cxl-page .exchange-flow-container .ticket-quantity p:last-child,
        #show-cxl-page .refund-flow-container .ticket-quantity p:last-child {
          padding-bottom: 0; }
    #show-cxl-page .exchange-flow-container .action-button,
    #show-cxl-page .refund-flow-container .action-button {
      width: 100%;
      border: none;
      border-radius: 12px;
      background-color: #004433;
      color: #FFFFFF;
      font-weight: 500;
      cursor: pointer;
      font-size: 16px;
      padding: 14px;
      transition: transform 0.2s ease, opacity 0.2s ease;
      text-transform: uppercase; }
      @media (min-width: 749px) {
        #show-cxl-page .exchange-flow-container .action-button,
        #show-cxl-page .refund-flow-container .action-button {
          font-size: 16px;
          padding: 16px; } }
      #show-cxl-page .exchange-flow-container .action-button:hover,
      #show-cxl-page .refund-flow-container .action-button:hover {
        opacity: 0.9; }
    #show-cxl-page .exchange-flow-container .hidden-input,
    #show-cxl-page .refund-flow-container .hidden-input {
      display: none; }
    #show-cxl-page .exchange-flow-container .loading-overlay,
    #show-cxl-page .refund-flow-container .loading-overlay {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 20, 35, 0.7);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      z-index: 1000; }
      #show-cxl-page .exchange-flow-container .loading-overlay .spinner,
      #show-cxl-page .refund-flow-container .loading-overlay .spinner {
        width: 40px;
        height: 40px;
        border: 3px solid rgba(255, 255, 255, 0.3);
        border-radius: 50%;
        border-top-color: #FFFFFF;
        animation: spin 1s ease-in-out infinite; }

@keyframes spin {
  to {
    transform: rotate(360deg); } }
    #show-cxl-page .exchange-flow-container .contact-view,
    #show-cxl-page .refund-flow-container .contact-view {
      padding: 20px; }
      #show-cxl-page .exchange-flow-container .contact-view .section-title,
      #show-cxl-page .refund-flow-container .contact-view .section-title {
        color: #001423;
        font-size: 24px;
        margin-bottom: 8px;
        margin-top: 12px;
        font-weight: 500; }
      #show-cxl-page .exchange-flow-container .contact-view .instruction-text,
      #show-cxl-page .refund-flow-container .contact-view .instruction-text {
        color: #001423;
        margin-bottom: 24px;
        margin-top: 10px;
        font-size: 16px;
        font-weight: 400; }
    #show-cxl-page .exchange-flow-container .contact-form,
    #show-cxl-page .refund-flow-container .contact-form {
      display: flex;
      flex-direction: column;
      gap: 16px; }
      #show-cxl-page .exchange-flow-container .contact-form input,
      #show-cxl-page .refund-flow-container .contact-form input {
        box-sizing: border-box;
        border-radius: 0;
        padding: 12px 0;
        color: #001423;
        border-bottom: solid 1px #8A8A8E;
        font-size: 16px;
        font-weight: 600; }
        #show-cxl-page .exchange-flow-container .contact-form input::placeholder,
        #show-cxl-page .refund-flow-container .contact-form input::placeholder {
          color: #8A8A8E;
          font-size: 16px;
          font-weight: 600; }
    #show-cxl-page .exchange-flow-container .summary-view,
    #show-cxl-page .refund-flow-container .summary-view {
      margin-top: 10px;
      padding-left: 0px;
      padding-right: 0px;
      display: flex;
      flex-direction: column;
      gap: 24px; }
      @media only screen and (max-width: 748px) {
        #show-cxl-page .exchange-flow-container .summary-view,
        #show-cxl-page .refund-flow-container .summary-view {
          padding-left: 20px;
          padding-right: 20px; } }
      @media only screen and (max-width: 748px) {
        #show-cxl-page .exchange-flow-container .summary-view,
        #show-cxl-page .refund-flow-container .summary-view {
          padding: 16px; } }
      #show-cxl-page .exchange-flow-container .summary-view .tickets-summary,
      #show-cxl-page .refund-flow-container .summary-view .tickets-summary {
        display: flex;
        flex-direction: column;
        gap: 16px; }
    #show-cxl-page .exchange-flow-container .confirmation-view,
    #show-cxl-page .refund-flow-container .confirmation-view {
      padding: 20px;
      display: flex;
      flex-direction: column;
      gap: 24px; }
      @media (min-width: 749px) {
        #show-cxl-page .exchange-flow-container .confirmation-view,
        #show-cxl-page .refund-flow-container .confirmation-view {
          padding-left: 0;
          padding-right: 0; } }
      #show-cxl-page .exchange-flow-container .confirmation-view .contact-summary,
      #show-cxl-page .refund-flow-container .confirmation-view .contact-summary {
        background: rgba(0, 42, 73, 0.8);
        padding: 16px;
        color: #FFFFFF; }
        #show-cxl-page .exchange-flow-container .confirmation-view .contact-summary h3,
        #show-cxl-page .refund-flow-container .confirmation-view .contact-summary h3 {
          font-size: 15px;
          margin: 0 0 5px 0;
          font-weight: 800;
          text-transform: uppercase; }
        #show-cxl-page .exchange-flow-container .confirmation-view .contact-summary .contact-info,
        #show-cxl-page .refund-flow-container .confirmation-view .contact-summary .contact-info {
          color: #FFFFFF; }
          #show-cxl-page .exchange-flow-container .confirmation-view .contact-summary .contact-info p,
          #show-cxl-page .refund-flow-container .confirmation-view .contact-summary .contact-info p {
            margin: 4px 0;
            font-size: 16px;
            color: #FFFFFF; }
            #show-cxl-page .exchange-flow-container .confirmation-view .contact-summary .contact-info p:last-child,
            #show-cxl-page .refund-flow-container .confirmation-view .contact-summary .contact-info p:last-child {
              padding-bottom: 0; }
      #show-cxl-page .exchange-flow-container .confirmation-view .tickets-summary,
      #show-cxl-page .refund-flow-container .confirmation-view .tickets-summary {
        display: flex;
        flex-direction: column;
        gap: 16px; }
      #show-cxl-page .exchange-flow-container .confirmation-view .refund-details,
      #show-cxl-page .refund-flow-container .confirmation-view .refund-details {
        background: rgba(0, 42, 73, 0.8);
        padding: 16px;
        color: #FFFFFF; }
        #show-cxl-page .exchange-flow-container .confirmation-view .refund-details h3,
        #show-cxl-page .refund-flow-container .confirmation-view .refund-details h3 {
          font-size: 15px;
          margin: 0 0 5px 0;
          font-weight: 800;
          text-transform: uppercase; }
        #show-cxl-page .exchange-flow-container .confirmation-view .refund-details .refund-info p,
        #show-cxl-page .refund-flow-container .confirmation-view .refund-details .refund-info p {
          margin: 4px 0;
          font-size: 16px;
          font-weight: 500;
          color: #FFFFFF; }
          #show-cxl-page .exchange-flow-container .confirmation-view .refund-details .refund-info p.lead-time,
          #show-cxl-page .refund-flow-container .confirmation-view .refund-details .refund-info p.lead-time {
            color: #D6093B;
            font-size: 16px;
            font-weight: 800; }
          #show-cxl-page .exchange-flow-container .confirmation-view .refund-details .refund-info p:last-child,
          #show-cxl-page .refund-flow-container .confirmation-view .refund-details .refund-info p:last-child {
            padding-bottom: 0; }
    #show-cxl-page .exchange-flow-container .success-view,
    #show-cxl-page .refund-flow-container .success-view {
      margin-top: 10px;
      padding-left: 0px;
      padding-right: 0px;
      display: flex;
      flex-direction: column;
      gap: 24px; }
      @media only screen and (max-width: 748px) {
        #show-cxl-page .exchange-flow-container .success-view,
        #show-cxl-page .refund-flow-container .success-view {
          padding-left: 20px;
          padding-right: 20px; } }
      #show-cxl-page .exchange-flow-container .success-view .refund-summary,
      #show-cxl-page .refund-flow-container .success-view .refund-summary {
        background: rgba(0, 42, 73, 0.8);
        padding: 20px;
        color: #FFFFFF; }
        #show-cxl-page .exchange-flow-container .success-view .refund-summary h2,
        #show-cxl-page .refund-flow-container .success-view .refund-summary h2 {
          font-size: 15px;
          margin: 0 0 5px 0;
          font-weight: 800;
          text-transform: uppercase; }
        #show-cxl-page .exchange-flow-container .success-view .refund-summary .summary-item,
        #show-cxl-page .refund-flow-container .success-view .refund-summary .summary-item {
          display: flex;
          align-items: center;
          gap: 12px;
          margin-bottom: 12px;
          color: #FFFFFF; }
          #show-cxl-page .exchange-flow-container .success-view .refund-summary .summary-item .success-icon,
          #show-cxl-page .exchange-flow-container .success-view .refund-summary .summary-item .failure-icon,
          #show-cxl-page .refund-flow-container .success-view .refund-summary .summary-item .success-icon,
          #show-cxl-page .refund-flow-container .success-view .refund-summary .summary-item .failure-icon {
            width: 24px;
            height: 24px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            order: 2;
            color: #004433; }
          #show-cxl-page .exchange-flow-container .success-view .refund-summary .summary-item .success-icon,
          #show-cxl-page .refund-flow-container .success-view .refund-summary .summary-item .success-icon {
            background: #35c759; }
          #show-cxl-page .exchange-flow-container .success-view .refund-summary .summary-item .failure-icon,
          #show-cxl-page .refund-flow-container .success-view .refund-summary .summary-item .failure-icon {
            color: #fff;
            background: #D6093B; }
          #show-cxl-page .exchange-flow-container .success-view .refund-summary .summary-item p,
          #show-cxl-page .refund-flow-container .success-view .refund-summary .summary-item p {
            margin: 0;
            font-size: 14px;
            color: #FFFFFF; }
        #show-cxl-page .exchange-flow-container .success-view .refund-summary .ticket-refund-error,
        #show-cxl-page .refund-flow-container .success-view .refund-summary .ticket-refund-error {
          color: #D6093B; }
          #show-cxl-page .exchange-flow-container .success-view .refund-summary .ticket-refund-error span,
          #show-cxl-page .refund-flow-container .success-view .refund-summary .ticket-refund-error span {
            color: #D6093B; }
        #show-cxl-page .exchange-flow-container .success-view .refund-summary p,
        #show-cxl-page .refund-flow-container .success-view .refund-summary p {
          margin: 8px 0;
          font-size: 14px;
          color: #FFFFFF; }
      #show-cxl-page .exchange-flow-container .success-view .tickets-summary,
      #show-cxl-page .refund-flow-container .success-view .tickets-summary {
        display: flex;
        flex-direction: column;
        gap: 16px; }
    @media (max-width: 480px) {
      #show-cxl-page .exchange-flow-container .confirmation-view,
      #show-cxl-page .exchange-flow-container .success-view,
      #show-cxl-page .refund-flow-container .confirmation-view,
      #show-cxl-page .refund-flow-container .success-view {
        padding: 16px;
        gap: 16px; }
        #show-cxl-page .exchange-flow-container .confirmation-view .refund-summary,
        #show-cxl-page .exchange-flow-container .success-view .refund-summary,
        #show-cxl-page .refund-flow-container .confirmation-view .refund-summary,
        #show-cxl-page .refund-flow-container .success-view .refund-summary {
          padding: 16px; }
          #show-cxl-page .exchange-flow-container .confirmation-view .refund-summary h2,
          #show-cxl-page .exchange-flow-container .success-view .refund-summary h2,
          #show-cxl-page .refund-flow-container .confirmation-view .refund-summary h2,
          #show-cxl-page .refund-flow-container .success-view .refund-summary h2 {
            font-size: 16px;
            margin-bottom: 16px; }
          #show-cxl-page .exchange-flow-container .confirmation-view .refund-summary .summary-item,
          #show-cxl-page .exchange-flow-container .success-view .refund-summary .summary-item,
          #show-cxl-page .refund-flow-container .confirmation-view .refund-summary .summary-item,
          #show-cxl-page .refund-flow-container .success-view .refund-summary .summary-item {
            gap: 8px; }
            #show-cxl-page .exchange-flow-container .confirmation-view .refund-summary .summary-item .success-icon,
            #show-cxl-page .exchange-flow-container .confirmation-view .refund-summary .summary-item .failure-icon,
            #show-cxl-page .exchange-flow-container .success-view .refund-summary .summary-item .success-icon,
            #show-cxl-page .exchange-flow-container .success-view .refund-summary .summary-item .failure-icon,
            #show-cxl-page .refund-flow-container .confirmation-view .refund-summary .summary-item .success-icon,
            #show-cxl-page .refund-flow-container .confirmation-view .refund-summary .summary-item .failure-icon,
            #show-cxl-page .refund-flow-container .success-view .refund-summary .summary-item .success-icon,
            #show-cxl-page .refund-flow-container .success-view .refund-summary .summary-item .failure-icon {
              width: 20px;
              height: 20px;
              font-size: 12px; }
            #show-cxl-page .exchange-flow-container .confirmation-view .refund-summary .summary-item p,
            #show-cxl-page .exchange-flow-container .success-view .refund-summary .summary-item p,
            #show-cxl-page .refund-flow-container .confirmation-view .refund-summary .summary-item p,
            #show-cxl-page .refund-flow-container .success-view .refund-summary .summary-item p {
              font-size: 13px; } }
    #show-cxl-page .exchange-flow-container .confirmation-view,
    #show-cxl-page .exchange-flow-container .success-view,
    #show-cxl-page .refund-flow-container .confirmation-view,
    #show-cxl-page .refund-flow-container .success-view {
      animation: fadeIn 0.3s ease-in-out; }

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
    #show-cxl-page .exchange-flow-container .action-ticket-list,
    #show-cxl-page .refund-flow-container .action-ticket-list {
      margin-top: 10px;
      padding-left: 0px;
      padding-right: 0px; }
      @media only screen and (max-width: 748px) {
        #show-cxl-page .exchange-flow-container .action-ticket-list,
        #show-cxl-page .refund-flow-container .action-ticket-list {
          padding-left: 20px;
          padding-right: 20px; } }
    #show-cxl-page .exchange-flow-container .ticket-details,
    #show-cxl-page .refund-flow-container .ticket-details {
      padding: 16px;
      margin-bottom: 16px;
      position: relative;
      background: rgba(0, 42, 73, 0.8); }
      #show-cxl-page .exchange-flow-container .ticket-details .ticket-header,
      #show-cxl-page .refund-flow-container .ticket-details .ticket-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 16px; }
        #show-cxl-page .exchange-flow-container .ticket-details .ticket-header h3,
        #show-cxl-page .refund-flow-container .ticket-details .ticket-header h3 {
          color: #FFFFFF;
          margin: 0;
          font-size: 16px; }
      #show-cxl-page .exchange-flow-container .ticket-details .status-badge,
      #show-cxl-page .refund-flow-container .ticket-details .status-badge {
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 600;
        background-color: #35c759;
        color: #FFFFFF; }
        #show-cxl-page .exchange-flow-container .ticket-details .status-badge.invalid,
        #show-cxl-page .refund-flow-container .ticket-details .status-badge.invalid {
          background-color: #D6093B; }
      #show-cxl-page .exchange-flow-container .ticket-details .ticket-info .info-row,
      #show-cxl-page .refund-flow-container .ticket-details .ticket-info .info-row {
        margin-bottom: 8px;
        color: #FFFFFF; }
        #show-cxl-page .exchange-flow-container .ticket-details .ticket-info .info-row .label,
        #show-cxl-page .refund-flow-container .ticket-details .ticket-info .info-row .label {
          width: 120px;
          color: rgba(255, 255, 255, 0.7);
          padding-right: 5px; }
        #show-cxl-page .exchange-flow-container .ticket-details .ticket-info .info-row .value,
        #show-cxl-page .refund-flow-container .ticket-details .ticket-info .info-row .value {
          flex: 1; }
      #show-cxl-page .exchange-flow-container .ticket-details .error-message,
      #show-cxl-page .refund-flow-container .ticket-details .error-message {
        color: #D6093B;
        margin-top: 12px;
        font-size: 14px; }
      #show-cxl-page .exchange-flow-container .ticket-details .remove-ticket,
      #show-cxl-page .refund-flow-container .ticket-details .remove-ticket {
        position: absolute;
        top: 8px;
        right: 8px;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        border: none;
        background: rgba(255, 255, 255, 0.2);
        color: #FFFFFF;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px; }
        #show-cxl-page .exchange-flow-container .ticket-details .remove-ticket:hover,
        #show-cxl-page .refund-flow-container .ticket-details .remove-ticket:hover {
          background: rgba(255, 255, 255, 0.3); }
      #show-cxl-page .exchange-flow-container .ticket-details .ticket-invalid,
      #show-cxl-page .refund-flow-container .ticket-details .ticket-invalid {
        border: 1px solid rgba(244, 67, 54, 0.3); }
  #show-cxl-page .exchange-flow-container .summary-view .action-buttons {
    display: flex;
    gap: 16px;
    flex-direction: row-reverse; }
    @media only screen and (max-width: 748px) {
      #show-cxl-page .exchange-flow-container .summary-view .action-buttons {
        flex-direction: column; } }
    #show-cxl-page .exchange-flow-container .summary-view .action-buttons button {
      width: 100%;
      margin: 0;
      min-height: 40px; }
  #show-cxl-page .exchange-flow-container .contact-form input::placeholder {
    color: #8A8A8E; }