/* Main SCSS */
  .txt-yellow-700{ color:#FBC02D; font-size: 24px;
    margin-top: 0px;}
  
  .pt-block-relative {
    position: relative;
  }
  
  .pt-block-absolute {
    position: absolute;
  }
  
  .pt-block-fixed {
    position: fixed;
  }
  
  .pt-block-float-right {
    float: right;
  }
  
  .pt-block-float-left {
    float: left;
  }
  
  .pt-block-clear {
    display: block;
    clear: both;
    content: "";
  }
  
  .pt-block-container {
    padding-left: 0;
    padding-right: 0;
  }
  @media (max-width: 576px) {
    .pt-block-container {
      padding-left: 16px;
      padding-right: 16px;
    }
  }
  
  .pt-block-fullfill {
    width: 100%;
  }
  
  .pt-block {
    border-style: solid;
    border-width: 1px;
    border-color: #7976A0;
    margin-bottom: 16px;
    border-radius: 0.25rem;
  }
  .pt-block > *:first-child {
    border-radius: 4px 4px 0 0;
  }
  .pt-block .pt-block-header {
    border-radius: 4px 4px 0 0;
  }
  .pt-block::after {
    display: block;
    clear: both;
    content: "";
  }
  .pt-block > .pt-list > li:first-child {
    border-radius: 4px 4px 0 0;
  }
  .pt-block > .pt-block-header ~ .pt-list > li:first-child {
    border-radius: 0;
  }
  .pt-block > .pt-list.pt-list__type-b > li:first-child {
    border-radius: 0.25rem;
  }
  
  .pt-block-dropdown {
    position: absolute;
    z-index: 1;
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: #7976A0;
    margin-bottom: 16px;
    border-radius: 0.25rem;
    overflow-y: auto;
    max-height: 25vh;
  }
  
  .pt-block-hide {
    display: none !important;
  }
  
  .pt-overflow-hidden {
    overflow: hidden;
  }
  
  .pt-select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  .pt-block-borderless {
    border-color: transparent;
    background-color: transparent;
  }
  @media (max-width: 576px) {
    .pt-block-borderless {
      margin-left: 16px;
      margin-right: 16px;
    }
  }
  
  .pt-block-location {
    border-color: #2D2A49;
    background-color: #353156;
    border-bottom: solid 1px #1F1D33;
    border-top: solid 1px #1F1D33;
    margin-top: -1px;
  }
  
  .pt-block-purple-1 {
    border-color: #7976A0;
    background-color: #2D2A49;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  }
  
  .pt-block-purple-2 {
    border-color: #7976A0;
    background-color: #353156;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  }
  
  .pt-block-purple-3 {
    border-color: rgba(0, 0, 0, 0.24);
    background-color: #2D2A49;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  }
  
  .pt-block-grey-1 {
    border-color: rgba(0, 0, 0, 0.24);
    background-color: #212121;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  }
  
  .pt-block-blue-1 {
    border-color: rgba(233, 229, 246, 0.3);
    background-color: #193366;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  }
  
  .pt-block-light-1 {
    border-color: transparent;
    background-color: #E9E5F6;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
  }
  
  .pt-block-simple {
    border: solid 1px rgba(0, 0, 0, 0.24);
    background: #353156;
  }
  
  .pt-block-spoil-style {
    border: dashed 1px #FBC02D;
    padding: 12px 16px;
    margin: 12px 0;
    border-radius: 0.25rem;
    display: block;
  }
  
  .pt-highlight-style {
    background-color: #FF9800;
    padding: 2px 4px;
    margin-left: 4px;
    margin-right: 4px;
    border-radius: 0.125rem;
  }
  
  .blockquote-spoil,
  .spoil-style {
    border: dashed 1px #FBC02D;
    border-radius: 0.25rem;
    padding: 16px 16px 12px;
    margin: 24px 0 16px;
    display: none;
    min-height: 42px;
    position: relative;
  }
  .blockquote-spoil::before,
  .spoil-style::before {
    content: '\0E2A\0E1B\0E2D\0E22\0E25\0E4C';
    font-size: 0.75rem;
    color: #353156;
    background-color: #FBC02D;
    border-radius: 0.125rem;
    position: absolute;
    top: -8px;
    left: 14px;
    padding: 2px 8px;
  }
  .blockquote-spoil.spoil-show,
  .spoil-style.spoil-show {
    display: block;
  }
  .blockquote-spoil.active,
  .spoil-style.active {
    border: dashed 1px #E57373;
    color: rgba(233, 229, 246, 0.6);
    background-color: rgba(233, 229, 246, 0.08);
  }
  .blockquote-spoil.active::before,
  .spoil-style.active::before {
    background-color: #E57373;
  }
  
  .blockquote-code,
  .code-style {
    border-left: solid 4px #FBC02D;
    background-color: rgba(0, 0, 0, 0.24);
    line-height: 1.5;
    padding: 16px;
    margin: 16px 0 16px 14px;
    display: block;
    min-height: 42px;
    position: relative;
  }
  .blockquote-code::before,
  .code-style::before {
    content: 'CODE';
    font-size: 0.625rem;
    color: #353156;
    background-color: #FBC02D;
    font-weight: 600;
    position: absolute;
    top: 0;
    left: -16px;
    width: 16px;
    padding: 8px 0;
    border-radius: 2px 0 0 2px;
    writing-mode: vertical-rl;
  }
  .blockquote-code.active,
  .code-style.active {
    border: solid 4px #E57373;
    color: rgba(233, 229, 246, 0.6);
    background-color: rgba(233, 229, 246, 0.08);
  }
  .blockquote-code.active::before,
  .code-style.active::before {
    top: -4px;
    background-color: #E57373;
  }
  
  .strikethrough {
    text-decoration: line-through;
  }
  
  .pt-block-notification {
    background-color: #FFF9C4;
    border: solid 2px #FBC02D;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    border-radius: 0.25rem;
    padding: 16px;
    color: rgba(0, 0, 0, 0.87);
  }
  @media (max-width: 576px) {
    .pt-block-notification {
      margin-left: 16px;
      margin-right: 16px;
    }
  }
  
  .pt-block-break_all {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-all;
  }
  
  .pt-block-break_word {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: normal;
  }
  
  .pt-dropdown-menu {
    border: solid 1px rgba(0, 0, 0, 0.24);
    background-color: #353156;
  }
  
  .pt-dropdown-menu-light_theme {
    border: solid 1px rgba(0, 0, 0, 0.24);
    background-color: #E9E5F6;
  }
  
  .pt-block-surface {
    width: auto;
    min-width: 128px;
    max-width: 320px;
    max-height: calc((32px * 10) - 16px);
    position: absolute;
    display: none;
    opacity: 0;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    z-index: 8;
    border-radius: 0.25rem;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
  }
  
  .pt-block-surface-dropdown {
    width: auto;
    min-width: 128px;
    max-width: 320px;
    max-height: calc((32px * 10) - 16px);
    position: absolute;
    display: none;
    opacity: 0;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    z-index: 1020;
    border-radius: 0.25rem;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
  }
  
  .pt-block-surface-dropdownlist {
    width: auto;
    min-width: 128px;
    max-width: 320px;
    max-height: calc((32px * 10) - 16px);
    position: absolute;
    display: none;
    opacity: 0;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    z-index: 8;
    border-radius: 0.25rem;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
  }
  
  .pt-block-surface--open {
    display: inline-block;
    opacity: 1;
  }
  
  .pt-block-content.min-height {
    min-height: 40vh;
  }
  
  @media (max-width: 576px) {
    .pt-block-surface {
      position: fixed;
      width: 100vw;
      max-width: 100vw;
      max-height: 70vh !important;
      top: auto !important;
      bottom: 0 !important;
      left: 0 !important;
      right: 0 !important;
      border-radius: 0;
      border-left: none;
      border-right: none;
      border-bottom: none;
      overflow-y: auto;
      z-index: 1050;
    }
  
    .pt-block-surface-dropdownlist {
      position: fixed;
      max-width: 80vw !important;
      max-height: 70vh !important;
      top: calc(50% - 35vh) !important;
      bottom: 0 !important;
      left: calc(50% - 40vw) !important;
      right: 0 !important;
      border-radius: 0.25rem;
      border: 1px;
      overflow-y: auto;
      z-index: 1050;
    }
  
    .pt-block {
      border-width: 1px 0px;
      margin-bottom: 0.625rem;
      border-radius: 0;
    }
    .pt-block > *:first-child {
      border-radius: 0;
    }
    .pt-block .pt-block-header {
      border-radius: 0;
    }
  
    .pt-block-radius {
      border-radius: 0;
    }
  
    .pt-tagging > h3 {
      font-size: 1.25rem;
    }
  
    .pt-block-location.m-b-20 {
      margin: 0 !important;
    }
  }
  .pt-block-header {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    padding: 12px 16px;
    min-height: 43px;
    white-space: normal;
  }
  .pt-block-headerh1, .pt-block-header h2, .pt-block-header h3, .pt-block-header h4, .pt-block-header h5, .pt-block-header h6, .pt-block-header .h1, .pt-block-header .h2, .pt-block-header .h3, .pt-block-header .h4, .pt-block-header .h5, .pt-block-header .h6 {
    margin-bottom: 0;
    word-wrap: break-word;
  }
  .pt-block-header + .pt-block-subheader {
    border-top: 0;
  }
  
  .pt-block-header-img {
    position: relative;
    padding: 0;
    overflow: hidden;
  }
  
  .pt-block-header-transparent {
    background-color: transparent;
    border-bottom: solid 1px rgba(255, 255, 255, 0.12);
  }
  
  .pt-block-header-purple-1 {
    background-color: #0a032b;
    border-bottom: solid 2px #f1b82c;
    border-radius: 8px 8px 0px 0px;
  }
  
  .pt-block-header-purple-2 {
    /*background-color: #353156;
    border-bottom: solid 1px #7976A0;*/
    border-bottom: solid 1px #7976A0;
    background-color: #171717;
  }
  
  .pt-block-header-blue-1 {
    background-color: #193366;
    border-bottom: solid 1px rgba(255, 255, 255, 0.12);
  }
  
  .pt-block-header-light-transparent {
    background-color: transparent;
    border-bottom: solid 1px rgba(0, 0, 0, 0.12);
  }
  
  .pt-block-header__more {
    font-size: 0.875rem;
    font-weight: 500;
    position: absolute;
    right: 16px;
    top: 18px;
  }
  
  @media (max-width: 576px) {
    .pt-block-mobile-margin-lnr-16 {
      margin-left: 16px;
      margin-right: 16px;
    }
  }
  .pt-block-header__message-fixed {
    position: fixed;
    background: #2D2A49;
    width: calc(1140px - 20px);
    top: 48px;
    left: calc((50% - (1140px / 2)) + 4);
    z-index: 1;
    border-radius: 0 !important;
  }
  @media (max-width: 1200px) {
    .pt-block-header__message-fixed {
      width: calc(960px - 20px);
      left: calc((50% - (960px / 2)) + 4);
    }
  }
  @media (max-width: 992px) {
    .pt-block-header__message-fixed {
      width: calc(720px - 20px);
      left: calc((50% - (720px / 2)) + 4);
    }
  }
  @media (max-width: 768px) {
    .pt-block-header__message-fixed {
      width: calc(540px - 20px);
      left: calc((50% - (540px / 2)) + 4);
    }
  }
  @media (max-width: 576px) {
    .pt-block-header__message-fixed {
      width: 100%;
      left: 0;
    }
  }
  
  .pt-block-subheader {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    color: #7976A0;
    position: relative;
    padding: 4px 16px;
  }
  
  .pt-block-subheader-1 {
    color: rgba(233, 229, 246, 0.6);
    border-color: rgba(255, 255, 255, 0.12);
    background-color: #44416F;
    border-top: solid 1px rgba(255, 255, 255, 0.12);
    border-bottom: solid 1px rgba(255, 255, 255, 0.12);
  }
  
  .pt-block-more,
  a.pt-block-more {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 500;
    color: rgba(233, 229, 246, 0.87);
    padding: 14px;
    text-decoration: none;
    border-top: solid 1px #565380;
    -webkit-transition: background-color 0.15s linear;
    -moz-transition: background-color 0.15s linear;
    -o-transition: background-color 0.15s linear;
    -ms-transition: background-color 0.15s linear;
    transition: background-color 0.15s linear;
  }
  .pt-block-more:hover, .pt-block-more:active, .pt-block-more:focus,
  a.pt-block-more:hover,
  a.pt-block-more:active,
  a.pt-block-more:focus {
    text-decoration: none;
    color: #FFFFFF;
    background-color: rgba(0, 0, 0, 0.12);
  }
  
  .pt-list.pt-list__2col ~ .pt-block-more,
  .pt-list.pt-list__3col ~ .pt-block-more {
    margin-top: -1px;
  }
  
  .vertical-divider {
    border-left: solid 1px rgba(255, 255, 255, 0.12);
    line-height: normal;
    margin: 0;
    padding: 0;
    outline: hidden;
    text-decoration: none;
    vertical-align: middle;
    width: 0;
  }
  
  .horizontal-divider {
    height: 0;
    margin: 8px 0;
    border: none;
    border-bottom: solid 1px rgba(255, 255, 255, 0.12);
  }
  
  .horizontal-divider__sub {
    height: 0;
    margin: 8px 0;
    border: none;
    border-bottom: solid 1px rgba(233, 229, 246, 0.08);
  }
  
  .horizontal-divider__block {
    height: 0;
    margin: 8px 0;
    border: none;
    border-bottom: solid 1px #7976A0;
  }
  
  .horizontal-top-boder {
    border-top: solid 1px #565380;
    position: relative;
  }
  
  .horizontal-bottom-boder {
    border-bottom: solid 1px #565380;
    position: relative;
  }
  
  .pt-block-radius {
    border-radius: 0.25rem;
  }
  
  .pt-block-radius-sm {
    border-radius: 0.125rem;
  }
  
  .pt-block-radius-md {
    border-radius: 0.5rem;
  }
  
  .pt-block-radius-xl {
    border-radius: 1rem;
  }
  
  .pt-block-mobile-radius {
    border-radius: 0.25rem;
  }
  
  .pt-block-dialog-mobile-radius {
    border-radius: 0.25rem;
  }
  
  .pt-block-mobile-radius-sm {
    border-radius: 0.125rem;
  }
  
  .pt-block-mobile-radius-md {
    border-radius: 0.5rem;
  }
  
  .pt-block-mobile-radius-xl {
    border-radius: 1rem;
  }
  
  .pt-block-radius-none,
  .pt-block-radius-reset {
    border-radius: 0 !important;
  }
  
  .pt-block-radius-start {
    border-radius: 4px 4px 0 0;
  }
  
  .pt-block-radius-end {
    border-radius: 0 0 4px 4px;
  }
  
  .pt-block-radius-sm-start {
    border-radius: 2px 2px 0 0;
  }
  
  .pt-block-radius-sm-end {
    border-radius: 0 0 2px 2px;
  }
  
  .hover_object {
    -webkit-transition: filter 0.15s ease-in-out;
    transition: filter 0.15s ease-in-out;
    -o-transition: filter 0.15s ease-in-out;
    -moz-transition: filter 0.15s ease-in-out;
  }
  .hover_object:hover {
    -webkit-filter: brightness(88%);
    filter: brightness(88%);
  }
  .hover_object:active {
    -webkit-filter: brightness(65%);
    filter: brightness(65%);
  }
  
  .hover_opacity {
    opacity: .7;
    -webkit-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
    -o-transition: opacity 0.15s ease-in-out;
    -moz-transition: opacity 0.15s ease-in-out;
  }
  .hover_opacity:hover {
    opacity: 1;
  }
  
  .hover_box-shadow1 {
    -webkit-transition: box-shadow 0.15s ease-in-out;
    transition: box-shadow 0.15s ease-in-out;
    -o-transition: box-shadow 0.15s ease-in-out;
    -moz-transition: box-shadow 0.15s ease-in-out;
  }
  .hover_box-shadow1:hover {
    -webkit-box-shadow: inset 0 0 0 1px rgba(115, 115, 153, 0.24), 0 0 0 5px rgba(115, 115, 153, 0.24);
    -moz-box-shadow: inset 0 0 0 1px rgba(115, 115, 153, 0.24), 0 0 0 5px rgba(115, 115, 153, 0.24);
    box-shadow: inset 0 0 0 1px rgba(115, 115, 153, 0.24), 0 0 0 5px rgba(115, 115, 153, 0.24);
  }
  
  .hover_box-background:hover {
    background-color: rgba(0, 0, 0, 0.12);
    -webkit-transition: background-color 0.15s linear;
    -moz-transition: background-color 0.15s linear;
    -o-transition: background-color 0.15s linear;
    -ms-transition: background-color 0.15s linear;
    transition: background-color 0.15s linear;
  }
  
  .pt-modal {
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.38);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    transform: translateZ(0);
    transition: opacity .2s linear;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    overflow-y: auto;
  }
  .pt-modal.pt-modal-mask {
    visibility: visible;
    opacity: 1;
    z-index: 1040;
  }
  .pt-modal.pt-modal-layer2 {
    background-color: rgba(0, 0, 0, 0.6);
  }
  
  .pt-modal-withnav {
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.38);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    transform: translateZ(0);
    transition: opacity .2s linear;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    overflow-y: auto;
  }
  .pt-modal-withnav.pt-modal-mask {
    visibility: visible;
    opacity: 1;
    z-index: 990;
  }
  
  .pt-modal-dropdown {
    height: 100%;
    width: 100%;
    background-color: transparent;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    transform: translateZ(0);
    transition: opacity .2s linear;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    overflow-y: auto;
  }
  .pt-modal-dropdown.pt-modal-mask {
    visibility: visible;
    opacity: 1;
    z-index: 990;
  }
  
  .pt-modal-with-topsearch {
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.38);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    transform: translateZ(0);
    transition: opacity .2s linear;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    overflow-y: auto;
  }
  .pt-modal-with-topsearch.pt-modal-mask {
    visibility: visible;
    opacity: 1;
    z-index: 8;
  }
  
  .pt-wrapper-content_body {
    min-height: calc(100vh - 144px);
  }
  
  div.pt-body.with-footer .pt-wrapper-content_body {
    min-height: calc(100vh - 196px);
  }
  
  .pt-wrapper-submenu {
    overflow: hidden;
  }
  
  .pt-wrapper-mobile_nav, .pt-wrapper-mobile_fulid {
    position: relative;
    display: block;
    height: auto;
    width: auto;
    overflow: auto;
    z-index: 0;
  }
  
  @media (max-width: 768px) {
    .pt-wrapper-mobile_nav {
      position: fixed;
      display: block;
      height: calc(100% - 49px);
      width: 100%;
      overflow-y: auto;
      top: 49px;
      left: 0;
      z-index: 990;
      border-radius: 0;
    }
    .pt-wrapper-mobile_nav > .pt-dialog__content {
      max-height: none !important;
    }
  
    .pt-wrapper-mobile_fulid {
      width: 100vw;
      height: 100%;
      position: fixed;
      display: block;
      overflow-y: auto;
      top: 0;
      left: 0;
      z-index: 1020;
      border-radius: 0;
    }
  
    .pt-block-mobile-radius,
    .pt-block-mobile-radius-sm,
    .pt-block-mobile-radius-md,
    .pt-block-mobile-radius-xl {
      border-radius: 0;
    }
  }
  @media (max-width: 576px) {
    .pt-block-dialog-mobile-radius {
      border-radius: 0;
    }
  }
  .pt-wrapper-sidenav {
    position: fixed;
    height: 100vh;
    top: 0;
    right: 0;
    width: 280px;
    max-width: 280px;
    display: block;
    overflow-x: hidden;
    z-index: 990;
    background-color: #353156;
    border-left: solid 1px #2D2A49;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
    transform: translateX(100%);
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.35s;
  }
  .pt-wrapper-sidenav.pt-wrapper-sidenav-show {
    transform: translateX(0);
  }
  
  @media (max-width: 768px) {
    .pt-wrapper-sidenav {
      height: calc(100vh - 49px);
      width: 280px;
      max-width: 280px;
      overflow-y: auto;
      top: 49px;
      right: 0;
    }
  }
  @media (max-width: 576px) {
    .pt-wrapper-sidenav {
      height: calc(100vh - 49px);
      width: 280px;
      max-width: 280px;
      overflow-y: auto;
      top: 49px;
      right: 0;
    }
  }
  .pt-fixed-line {
    position: absolute;
    top: calc((100% - 100vh) + 80px);
    line-height: 1;
  }
  .pt-fixed-line.pt-fixed-line-top {
    top: 0;
  }
  
  .pt-col-fixed-sidebar {
    position: fixed;
    bottom: calc((100% - 100vh) + 80px);
    max-width: 360px;
    width: 360px;
    left: 50%;
    margin-left: 200px;
  }
  .pt-col-fixed-sidebar.pt-col-fixed-top {
    bottom: auto;
    top: 60px;
  }
  
  @media (max-width: 1200px) {
    .pt-col-fixed-sidebar {
      width: 300px;
      margin-left: 170px;
    }
  }
  .pt-content__nowrap-overflow-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    text-overflow: ellipsis;
  }
  .pt-content__nowrap-overflow-ellipsis.max-width25 {
    width: auto;
    max-width: 25%;
  }
  .pt-content__nowrap-overflow-ellipsis.max-width50 {
    width: auto;
    max-width: 50%;
  }
  .pt-content__nowrap-overflow-ellipsis.max-width75 {
    width: auto;
    max-width: 75%;
  }
  
  .pt-advertising-menu {
    padding: 0;
    width: 100%;
  }
  
  .pt-advertising-content {
    border-left: 1px solid #7976A0;
    padding: 0;
  }
  @media (width: 768px) {
    .pt-advertising-content {
      max-width: 100%;
      -webkit-flex-basis: 100%;
      -moz-flex-basis: 100%;
      -ms-flex-basis: 100%;
      flex-basis: 100%;
    }
  }
  
  .pt-advertising__mobile-img {
    width: 375px;
  }
  
  @media (max-width: 768px) {
    .pt-advertising-menu {
      display: none;
    }
    .pt-advertising-menu.advertising-menu-base {
      display: block;
    }
    .pt-advertising-menu.advertising-menu-base.col-md-3 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }
  
    .pt-advertising-content {
      border-left: 0;
    }
    .pt-advertising-content.advertising-content-base {
      display: none;
    }
    .pt-advertising-content h3 {
      font-size: 1.25rem;
    }
  
    .pt-advertising__mobile-img {
      width: 100%;
    }
  }
  .pt-policy-menu {
    padding: 0;
    width: 100%;
  }
  .pt-policy-menu .pt-lists {
    padding: 0;
  }
  
  .pt-policy-content {
    border-left: 1px solid #7976A0;
    padding: 0;
  }
  .pt-policy-content .policy-content {
    display: none;
  }
  .pt-policy-content .policy-content:first-child {
    display: block;
  }
  .pt-policy-content .pt-lists-item__divider {
    display: none;
  }
  @media (width: 768px) {
    .pt-policy-content {
      max-width: 100%;
      -webkit-flex-basis: 100%;
      -moz-flex-basis: 100%;
      -ms-flex-basis: 100%;
      flex-basis: 100%;
    }
  }
  
  .pt-scrolltop {
    display: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.38);
    line-height: 50px;
    text-align: center;
    position: fixed;
    bottom: 100px;
    right: 5%;
    padding: 0;
    color: #FFFFFF;
    margin: 0;
    cursor: pointer;
  }
  .pt-scrolltop i {
    user-select: none;
    -moz-user-select: none;
    position: relative;
  }
  .pt-scrolltop:before {
    content: 'TOP';
    position: absolute;
    top: 6px;
    font-size: 0.625rem;
    left: 16px;
    font-weight: 700;
  }
  
  @media (max-width: 768px) {
    .pt-policy-menu {
      padding-right: 0.625rem;
      display: none;
    }
  
    .pt-policy-content {
      display: block !important;
      border-left: 0;
    }
    .pt-policy-content .policy-content {
      display: block !important;
    }
    .pt-policy-content .pt-lists-item__divider {
      display: block !important;
    }
  
    .pt-scrolltop {
      display: none !important;
    }
  }
  .pt-block-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
    -moz-box-orient: horizontal !important;
    -moz-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  
  .text-md-landing-app {
    text-align: left;
    font-size: 1.25rem;
    line-height: 1.5;
  }
  
  @media (max-width: 768px) {
    .text-md-landing-app {
      text-align: center;
      padding-top: 16px;
      padding-bottom: 8px;
    }
  }
  .pt-form-section {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .pt-form-section .pt-lists-item__checkbox {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: start;
    -moz-align-items: start;
    -ms-align-items: start;
    align-items: start;
    padding: 8px 0;
  }
  .pt-form-section .pt-lists-item__checkbox .pt-lists-item__form {
    margin-right: 4px;
    margin-top: 0;
  }
  .pt-form-section .pt-lists-item__checkbox.state-disabled {
    color: rgba(233, 229, 246, 0.3);
    cursor: default;
  }
  
  @media (max-width: 768px) {
    .pt-full-space {
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
      -ms-flex-pack: space-between;
    }
  }
  
  /**/
  /* defaults */
  /**/
  .pantip-form {
    position: relative;
    line-height: 1.5;
    margin: auto;
    padding: 0;
  }
  
  .pantip-form fieldset {
    display: block;
    padding: 25px 30px 5px;
    border: none;
  }
  
  .pantip-form fieldset + fieldset {
    border-top: 1px solid rgba(255, 255, 255, 0.12);
  }
  
  .pantip-form section {
    margin-bottom: 20px;
  }
  
  .pantip-form footer {
    display: block;
    padding: 15px 30px 25px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
  }
  
  .pantip-form footer::after {
    content: '';
    display: table;
    clear: both;
  }
  
  /*.pantip-form a {
      color: $link-color;
  }*/
  .pantip-form .label {
    display: block;
    margin-bottom: 6px;
    line-height: 19px;
    color: rgba(233, 229, 246, 0.6);
  }
  
  .pantip-form .label.col {
    margin: 0;
    padding-top: 10px;
  }
  
  .pantip-form .note {
    margin-top: 6px;
    padding: 0 1px;
    font-size: 11px;
    line-height: 15px;
    color: rgba(233, 229, 246, 0.3);
  }
  
  .pantip-form .input,
  .pantip-form .select,
  .pantip-form .textarea,
  .pantip-form .radio,
  .pantip-form .checkbox,
  .pantip-form .toggle,
  .pantip-form .button {
    position: relative;
    display: block;
  }
  
  .pantip-form .input input,
  .pantip-form .select select,
  .pantip-form .textarea textarea {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0.875rem;
    width: 100%;
    height: 40px;
    padding: 8px 10px;
    outline: none;
    border-width: 2px;
    border-style: solid;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.08);
    color: #E9E5F6;
    appearance: normal;
    -moz-appearance: none;
    -webkit-appearance: none;
  }
  
  .pantip-form .input input::placeholder,
  .pantip-form .select select::placeholder,
  .pantip-form .textarea textarea::placeholder {
    color: rgba(233, 229, 246, 0.3);
  }
  
  /**/
  /* file inputs */
  /**/
  .pantip-form .input-file .button {
    position: absolute;
    top: 4px;
    right: 4px;
    float: none;
    height: 31px;
    margin: 0;
    padding: 0 20px;
    font-size: 13px;
    line-height: 31px;
  }
  
  .pantip-form .input-file .button:hover {
    box-shadow: none;
  }
  
  .pantip-form .input-file .button input {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    font-size: 30px;
    cursor: pointer;
    opacity: 0;
  }
  
  /**/
  /* selects */
  /**/
  .pantip-form .select i {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 5px;
    height: 11px;
    /*background: $pt-switch-background;
    box-shadow: 0 0 0 12px #fff;*/
  }
  
  .pantip-form .select option {
    background-color: #FFFFFF;
    color: #000000;
    border-radius: 0;
  }
  
  .pantip-form .select-multiple option {
    background-color: transparent;
  }
  
  .pantip-form .select i::after,
  .pantip-form .select i::before {
    content: '';
    position: absolute;
    right: 0;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
  }
  
  .pantip-form .select i::after {
    bottom: 0;
    border-top: 4px solid rgba(233, 229, 246, 0.3);
  }
  
  .pantip-form .select i::before {
    top: 0;
    border-bottom: 4px solid rgba(233, 229, 246, 0.3);
  }
  
  .pantip-form .select-multiple select {
    height: auto;
  }
  
  .pantip-form .select-multiple select option {
    color: #E9E5F6;
  }
  
  .pantip-form .select.input.flexbox select {
    width: 80px;
    border: none;
    border-right: solid 1px rgba(233, 229, 246, 0.3);
    background: none;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0;
    margin: 2px 0;
    height: 36px;
  }
  .pantip-form .select.input.flexbox i {
    left: calc(80px - 14px);
  }
  .pantip-form .select.input.flexbox input {
    padding-left: 96px;
  }
  
  /**/
  /* textareas */
  /**/
  .pantip-form .textarea textarea {
    height: auto;
    resize: none;
  }
  
  .pantip-form .textarea-resizable textarea {
    resize: vertical;
    min-height: 40px;
  }
  
  .pantip-form .textarea-expandable textarea {
    height: 40px;
  }
  
  .pantip-form .textarea-expandable textarea:focus {
    height: auto;
  }
  
  /**/
  /* radios and checkboxes */
  /**/
  .pantip-form .radio,
  .pantip-form .checkbox {
    margin-bottom: 4px;
    padding-left: 27px;
    font-size: 15px;
    line-height: 27px;
    color: #9575CD;
    cursor: pointer;
  }
  
  .pantip-form .radio:last-child,
  .pantip-form .checkbox:last-child {
    margin-bottom: 0;
  }
  
  .pantip-form .radio input,
  .pantip-form .checkbox input {
    position: absolute;
    left: -9999px;
  }
  
  .pantip-form .radio i,
  .pantip-form .checkbox i {
    position: absolute;
    top: 5px;
    left: 0;
    display: block;
    width: 13px;
    height: 13px;
    outline: none;
    border-width: 2px;
    border-style: solid;
    background: rgba(255, 255, 255, 0.12);
  }
  
  .pantip-form .radio i {
    border-radius: 50%;
  }
  
  .pantip-form .radio input + i::after,
  .pantip-form .checkbox input + i::after {
    position: absolute;
    opacity: 0;
    transition: opacity 0.1s;
    -o-transition: opacity 0.1s;
    -ms-transition: opacity 0.1s;
    -moz-transition: opacity 0.1s;
    -webkit-transition: opacity 0.1s;
  }
  
  .pantip-form .radio input + i::after {
    content: '';
    top: 4px;
    left: 4px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
  }
  
  .pantip-form .checkbox input + i::after {
    content: 'check';
    top: -10px;
    left: -4px;
    width: 15px;
    height: 15px;
    text-align: center;
  }
  
  .pantip-form .radio input:checked + i::after,
  .pantip-form .checkbox input:checked + i::after {
    opacity: 1;
  }
  
  .pantip-form .inline-group {
    margin: 0 -30px -4px 0;
  }
  
  .pantip-form .inline-group::after {
    content: '';
    display: table;
    clear: both;
  }
  
  .pantip-form .inline-group .radio,
  .pantip-form .inline-group .checkbox {
    float: left;
    margin-right: 30px;
  }
  
  .pantip-form .inline-group .radio:last-child,
  .pantip-form .inline-group .checkbox:last-child {
    margin-bottom: 4px;
  }
  
  /**/
  /* toggles */
  /**/
  .pantip-form .toggle {
    margin-bottom: 4px;
    padding-right: 61px;
    font-size: 15px;
    line-height: 27px;
    color: #E9E5F6;
    cursor: pointer;
  }
  
  .pantip-form .toggle:last-child {
    margin-bottom: 0;
  }
  
  .pantip-form .toggle input {
    position: absolute;
    left: -9999px;
  }
  
  .pantip-form .toggle i {
    content: '';
    position: absolute;
    top: 4px;
    right: 0;
    display: block;
    width: 49px;
    height: 17px;
    border-width: 2px;
    border-style: solid;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.12);
  }
  
  .pantip-form .toggle i::after {
    content: 'OFF';
    position: absolute;
    top: 0px;
    right: 7px;
    left: 5px;
    font-style: normal;
    font-size: 9px;
    line-height: 13px;
    font-weight: 700;
    text-align: left;
    color: #E9E5F6;
  }
  
  .pantip-form .toggle i:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 2px;
    right: 4px;
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    opacity: 1;
    transition: right 0.2s;
    -o-transition: right 0.2s;
    -ms-transition: right 0.2s;
    -moz-transition: right 0.2s;
    -webkit-transition: right 0.2s;
  }
  
  .pantip-form .toggle input:checked + i::after {
    content: 'ON';
    text-align: right;
  }
  
  .pantip-form .toggle input:checked + i::before {
    right: 34px;
  }
  
  /**/
  /* ratings */
  /**/
  .pantip-form .rating,
  .pantip-form .rating-star-half {
    margin-bottom: 4px;
    font-size: 15px;
    line-height: 27px;
    color: rgba(233, 229, 246, 0.87);
  }
  
  .pantip-form .rating:last-child,
  .pantip-form .rating-star-half:last-child {
    margin-bottom: 0;
  }
  
  .pantip-form .rating input,
  .pantip-form .rating-star-half input {
    position: absolute;
    left: -9999px;
  }
  
  .pantip-form .rating label {
    display: block;
    float: right;
    height: 17px;
    margin-top: 5px;
    padding: 0 2px;
    font-size: 17px;
    line-height: 17px;
    cursor: pointer;
  }
  
  /**/
  /* buttons */
  /**/
  .pantip-form .button {
    float: right;
    height: 40px;
    overflow: hidden;
    margin: 10px 0 0 20px;
    padding: 0 25px;
    outline: none;
    border: 0;
    border-radius: 4px;
    font: 300 15px/40px Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    text-decoration: none;
    color: rgba(233, 229, 246, 0.87);
    cursor: pointer;
  }
  
  .pantip-form .icon-append,
  .pantip-form .icon-prepend {
    position: absolute;
    top: 5px;
    width: 29px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    z-index: 2;
  }
  
  .pantip-form .icon-append {
    right: 5px;
    padding-left: 3px;
    border-left-width: 1px;
    border-left-style: solid;
  }
  
  .pantip-form .icon-prepend {
    left: 5px;
    padding-right: 3px;
    border-right-width: 1px;
    border-right-style: solid;
  }
  
  .pantip-form .input .icon-prepend + input,
  .pantip-form .textarea .icon-prepend + textarea {
    padding-left: 46px;
  }
  
  .pantip-form .input .icon-append + input,
  .pantip-form .textarea .icon-append + textarea {
    padding-right: 46px;
  }
  
  .pantip-form .input .icon-prepend + .icon-append + input,
  .pantip-form .textarea .icon-prepend + .icon-append + textarea {
    padding-left: 46px;
  }
  
  /**/
  /* tooltips */
  /**/
  .pantip-form .tooltip {
    position: absolute;
    z-index: 1;
    left: -9999px;
    padding: 2px 8px 3px;
    font-size: 11px;
    line-height: 16px;
    font-weight: 400;
    background: #E9E5F6;
    color: rgba(0, 0, 0, 0.87);
    opacity: 0;
    transition: margin 0.3s, opacity 0.3s;
    -o-transition: margin 0.3s, opacity 0.3s;
    -ms-transition: margin 0.3s, opacity 0.3s;
    -moz-transition: margin 0.3s, opacity 0.3s;
    -webkit-transition: margin 0.3s, opacity 0.3s;
  }
  
  .pantip-form .tooltip::after {
    content: '';
    position: absolute;
  }
  
  .pantip-form .input input:focus + .tooltip,
  .pantip-form .textarea textarea:focus + .tooltip {
    opacity: 1;
  }
  
  .pantip-form .tooltip-top-right {
    bottom: 100%;
    margin-bottom: 15px;
  }
  
  .pantip-form .tooltip-top-right::after {
    top: 100%;
    right: 16px;
    border-top: 4px solid #E9E5F6;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
  }
  
  .pantip-form .input input:focus + .tooltip-top-right,
  .pantip-form .textarea textarea:focus + .tooltip-top-right {
    right: 0;
    left: auto;
    margin-bottom: 5px;
  }
  
  .pantip-form .tooltip-top-left {
    bottom: 100%;
    margin-bottom: 15px;
  }
  
  .pantip-form .tooltip-top-left::after {
    top: 100%;
    left: 16px;
    border-top: 4px solid #E9E5F6;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
  }
  
  .pantip-form .input input:focus + .tooltip-top-left,
  .pantip-form .textarea textarea:focus + .tooltip-top-left {
    right: auto;
    left: 0;
    margin-bottom: 5px;
  }
  
  .pantip-form .tooltip-right {
    top: 9px;
    white-space: nowrap;
    margin-left: 15px;
  }
  
  .pantip-form .tooltip-right::after {
    top: 6px;
    right: 100%;
    border-top: 4px solid transparent;
    border-right: 4px solid #E9E5F6;
    border-bottom: 4px solid transparent;
  }
  
  .pantip-form .input input:focus + .tooltip-right,
  .pantip-form .textarea textarea:focus + .tooltip-right {
    left: 100%;
    margin-left: 5px;
  }
  
  .pantip-form .tooltip-left {
    top: 9px;
    white-space: nowrap;
    margin-right: 15px;
  }
  
  .pantip-form .tooltip-left::after {
    top: 6px;
    left: 100%;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px #E9E5F6;
  }
  
  .pantip-form .input input:focus + .tooltip-left,
  .pantip-form .textarea textarea:focus + .tooltip-left {
    right: 100%;
    left: auto;
    margin-right: 5px;
  }
  
  .pantip-form .tooltip-bottom-right {
    top: 100%;
    margin-top: 15px;
  }
  
  .pantip-form .tooltip-bottom-right::after {
    bottom: 100%;
    right: 16px;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #E9E5F6;
    border-left: 4px solid transparent;
  }
  
  .pantip-form .input input:focus + .tooltip-bottom-right,
  .pantip-form .textarea textarea:focus + .tooltip-bottom-right {
    right: 0;
    left: auto;
    margin-top: 5px;
  }
  
  .pantip-form .tooltip-bottom-left {
    top: 100%;
    margin-top: 15px;
  }
  
  .pantip-form .tooltip-bottom-left::after {
    bottom: 100%;
    left: 16px;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #E9E5F6;
    border-left: 4px solid transparent;
  }
  
  .pantip-form .input input:focus + .tooltip-bottom-left,
  .pantip-form .textarea textarea:focus + .tooltip-bottom-left {
    right: auto;
    left: 0;
    margin-top: 5px;
  }
  
  /**/
  /* normal state */
  /**/
  .pantip-form .input input,
  .pantip-form .select select,
  .pantip-form .textarea textarea,
  .pantip-form .radio i,
  .pantip-form .checkbox i,
  .pantip-form .toggle i,
  .pantip-form .icon-append,
  .pantip-form .icon-prepend {
    border-color: rgba(233, 229, 246, 0.3);
    transition: border-color 0.3s;
    -o-transition: border-color 0.3s;
    -ms-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    -webkit-transition: border-color 0.3s;
  }
  
  .pantip-form .toggle i::before {
    background-color: #8E8BA7;
  }
  
  .pantip-form .rating label,
  .pantip-form .rating-star-half label {
    color: rgba(255, 255, 255, 0.12);
    transition: color 0.3s;
    -o-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -webkit-transition: color 0.3s;
  }
  
  .pantip-form .button {
    background-color: #7459C8;
    opacity: 0.9;
    transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
  }
  
  .pantip-form .button.button-secondary {
    background-color: #44416F;
  }
  
  .pantip-form .icon-append,
  .pantip-form .icon-prepend {
    color: rgba(233, 229, 246, 0.6);
  }
  
  /**/
  /* hover state */
  /**/
  .pantip-form .input:hover input,
  .pantip-form .select:hover select,
  .pantip-form .textarea:hover textarea,
  .pantip-form .radio:hover i,
  .pantip-form .checkbox:hover i,
  .pantip-form .toggle:hover i {
    border-color: #9575CD;
  }
  
  .pantip-form .rating input + label:hover,
  .pantip-form .rating input + label:hover ~ label {
    color: #FBC02D;
  }
  
  .pantip-form .button:hover {
    opacity: 1;
  }
  
  /**/
  /* focus state */
  /**/
  .pantip-form .input input:focus,
  .pantip-form .select select:focus,
  .pantip-form .textarea textarea:focus,
  .pantip-form .radio input:focus + i,
  .pantip-form .checkbox input:focus + i,
  .pantip-form .toggle input:focus + i {
    border-color: #9575CD;
  }
  
  /**/
  /* checked state */
  /**/
  .pantip-form .radio input + i::after {
    background-color: #9575CD;
  }
  
  .pantip-form .checkbox input + i::after {
    color: #9575CD;
  }
  
  .pantip-form .radio input:checked + i,
  .pantip-form .checkbox input:checked + i,
  .pantip-form .toggle input:checked + i {
    border-color: #9575CD;
  }
  
  .pantip-form .rating input:checked ~ label {
    color: #9575CD;
  }
  
  /**/
  /* error state */
  /**/
  .pantip-form .state-error input,
  .pantip-form .state-error select,
  .pantip-form .state-error textarea,
  .pantip-form .radio.state-error i,
  .pantip-form .checkbox.state-error i,
  .pantip-form .toggle.state-error i {
    border-color: #EF5350;
  }
  
  .pantip-form .state-error select + i {
    background-color: transparent;
    box-shadow: 0 0 0 12px #EF5350;
  }
  
  .pantip-form .toggle.state-error input:checked + i {
    background-color: transparent;
  }
  
  .pantip-form .note-error {
    color: #EF5350;
  }
  
  .pantip-form .state-error input + .invalid {
    display: none;
  }
  .pantip-form .state-error input:invalid {
    border-color: #EF5350;
  }
  .pantip-form .state-error input:invalid + .invalid {
    color: #EF5350;
    display: block;
  }
  
  /**/
  /* success state */
  /**/
  .pantip-form .state-success input,
  .pantip-form .state-success select,
  .pantip-form .state-success textarea,
  .pantip-form .radio.state-success i,
  .pantip-form .checkbox.state-success i,
  .pantip-form .toggle.state-success i {
    border-color: #388E3C;
  }
  
  .pantip-form .state-success select + i {
    background: #2E7D32;
    box-shadow: 0 0 0 12px #2E7D32;
  }
  
  .pantip-form .toggle.state-success input:checked + i {
    background: #2E7D32;
  }
  
  .pantip-form .note-success {
    color: #2E7D32;
  }
  
  .pantip-form .input.state-success:hover input,
  .pantip-form .select.state-success:hover select,
  .pantip-form .textarea.state-success:hover textarea,
  .pantip-form .radio.state-success:hover i,
  .pantip-form .checkbox.state-success:hover i,
  .pantip-form .toggle.state-success:hover i {
    border-color: #4CAF50;
  }
  
  /**/
  /* disabled state */
  /**/
  .pantip-form .input.state-disabled input,
  .pantip-form .select.state-disabled,
  .pantip-form .textarea.state-disabled,
  .pantip-form .radio.state-disabled,
  .pantip-form .checkbox.state-disabled,
  .pantip-form .toggle.state-disabled,
  .pantip-form .button.state-disabled {
    cursor: default;
    opacity: 0.5;
  }
  
  .pantip-form .input.state-disabled:hover input,
  .pantip-form .select.state-disabled:hover select,
  .pantip-form .textarea.state-disabled:hover textarea,
  .pantip-form .radio.state-disabled:hover i,
  .pantip-form .checkbox.state-disabled:hover i,
  .pantip-form .toggle.state-disabled:hover i {
    border-color: rgba(233, 229, 246, 0.3);
  }
  
  /**/
  /* Screen */
  /**/
  @media screen and (max-width: 960px) {
    .body {
      padding: 0 20px 20px;
    }
  
    .header-banner {
      height: 225px;
    }
  
    .header-banner img {
      display: none;
    }
  }
  @media screen and (max-width: 700px) {
    .body {
      padding: 0 20px 20px;
    }
  
    .header-banner {
      height: 200px;
    }
  
    .header-banner img {
      display: none;
    }
  }
  @media screen and (max-width: 620px) {
    .body {
      padding: 0 0px 20px;
    }
  
    .header-banner {
      height: auto;
    }
  
    .header-banner img {
      display: block;
    }
  
    .pantip-form {
      margin: 0;
    }
  }
  /**/
  /* Star Rating */
  /**/
  .pantip-form .rating-star-half label {
    display: block;
    float: right;
    height: 17px;
    margin-top: 5px;
    padding: 0;
    font-size: 18px;
    line-height: 18px;
    cursor: pointer;
    color: #354c79;
  }
  
  /* The star of the show */
  .rating-star-half > label::before {
    display: inline-block;
    margin-left: 4.5px;
    cursor: pointer;
    content: "star";
    /* full star */
  }
  
  /* Zero stars rating */
  .rating-star-half > label:last-child::before {
    content: "star_border";
    /* empty star outline */
  }
  
  /* Half star trick */
  .rating-star-half .half::before {
    content: "star";
    /* half star no outline */
    position: absolute;
    width: 12px;
    overflow: hidden;
    padding-right: 0px;
  }
  
  /* Click + hover color */
  input:checked ~ label {
    color: #FBC02D !important;
  }
  
  /* Hover highlights */
  input:checked + label:hover, input:checked ~ label:hover,
  input:checked ~ label:hover ~ label,
  label:hover ~ input:checked ~ label {
    color: #FFF9C4 !important;
  }
  
  .pt-star-hover:hover, label:hover ~ .pt-star-hover {
    color: #FBC02D !important;
  }
  
  .pt-form-switch {
    z-index: 0;
    position: relative;
    display: inline-block;
    color: rgba(233, 229, 246, 0.87);
    font-size: 16px;
    line-height: 1.5;
  }
  
  /* Track */
  .pt-form-switch > input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    z-index: 1;
    position: relative;
    float: right;
    display: inline-block;
    margin: 0 0 0 5px;
    border: solid 5px transparent;
    border-radius: 12px;
    width: 46px;
    height: 24px;
    background-clip: padding-box;
    background-color: rgba(255, 255, 255, 0.12);
    outline: none;
    cursor: pointer;
    transition: background-color 0.2s, opacity 0.2s;
  }
  
  /* Span */
  .pt-form-switch > input + span {
    /*display: inline-block;*/
    box-sizing: border-box;
    margin-right: -51px;
    padding-right: 51px;
    width: inherit;
    cursor: pointer;
  }
  
  /* Highlight */
  .pt-form-switch > input + span::before {
    content: "";
    position: absolute;
    right: 11px;
    top: -8px;
    display: block;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.12);
    opacity: 0;
    transform: scale(1);
    pointer-events: none;
    transition: opacity 0.3s 0.1s, transform 0.2s 0.1s;
  }
  
  /* Thumb */
  .pt-form-switch > input + span::after {
    content: "";
    z-index: 1;
    position: absolute;
    top: 2px;
    right: 21px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background-color: #8E8BA7;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    pointer-events: none;
    transition: background-color 0.2s, transform 0.2s;
  }
  
  /* Checked */
  .pt-form-switch > input:checked {
    background-color: rgba(255, 255, 255, 0.12);
  }
  
  .pt-form-switch > input:checked + span::before {
    right: -5px;
    background-color: rgba(255, 255, 255, 0.12);
  }
  
  .pt-form-switch > input:checked + span::after {
    background-color: #9575CD;
    transform: translateX(16px);
  }
  
  /* Hover, Focus */
  .pt-form-switch:hover > input + span::before {
    opacity: 1;
  }
  
  .pt-form-switch > input:focus + span::before {
    opacity: 1;
  }
  
  .pt-form-switch:hover > input:focus + span::before {
    opacity: 1;
  }
  
  /* Active */
  .pt-form-switch:active > input {
    background-color: #8E8BA7;
  }
  
  .pt-form-switch:active > input:checked {
    background-color: #8E8BA7;
  }
  
  .pt-form-switch:active > input + span::before {
    opacity: 1;
    transform: scale(0);
    transition: transform 0s, opacity 0s;
  }
  
  /* Disabled */
  .pt-form-switch > input:disabled {
    background-color: rgba(233, 229, 246, 0.3);
    opacity: 0.38;
    cursor: default;
  }
  
  .pt-form-switch > input:checked:disabled {
    background-color: rgba(233, 229, 246, 0.3);
  }
  
  .pt-form-switch > input:disabled + span {
    color: rgba(233, 229, 246, 0.3);
    cursor: default;
  }
  
  .pt-form-switch > input:disabled + span::before {
    z-index: 1;
    margin: 10px;
    width: 20px;
    height: 20px;
    background-color: rgba(233, 229, 246, 0.3);
    transform: scale(1);
    opacity: 1;
    transition: none;
  }
  
  .pt-form-switch > input:disabled + span::after {
    opacity: 0.38;
  }
  
  .pt-lists-item__multiline {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
    margin-right: 8px;
  }
  
  .pt-editor {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    margin: 0 30px 24px;
    border-width: 2px;
    border-style: solid;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.12);
    color: #E9E5F6;
    appearance: normal;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-color: rgba(233, 229, 246, 0.3);
    transition: border-color 0.3s;
    -o-transition: border-color 0.3s;
    -ms-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    -webkit-transition: border-color 0.3s;
  }
  .pt-editor:hover {
    border-color: #9575CD;
  }
  .pt-editor:hover .pt-editor__toolbar {
    border-color: #9575CD;
  }
  
  .pt-editor__label {
    margin: 16px 30px;
  }
  
  .pt-editor__toolbar {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 4;
    -webkit-order: 4;
    order: 4;
    background: rgba(0, 0, 0, 0.08);
    border-top: solid 2px rgba(233, 229, 246, 0.3);
    height: 50px;
    min-height: 50px;
  }
  .pt-editor__toolbar .pt-editor__maintoolbar {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    overflow-x: auto;
    padding: 0 8px;
    height: 50px;
    overflow-y: hidden;
  }
  .pt-editor__toolbar .pt-editor__subtoolbar {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  
  .pt-editor__input {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
    position: relative;
    padding: 8px 16px 16px;
    min-height: 20vh;
    overflow-y: auto;
  }
  .pt-editor__input .pt-editor__textarea-resize {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 24px;
    height: 24px;
    cursor: s-resize;
  }
  .pt-editor__input img {
    max-width: calc(100% - 32px);
    margin: 20px 16px;
  }
  
  .pt-editor__input-fix-bottom {
    display: none;
  }
  
  .pt-editor-form {
    position: relative;
    line-height: 1.5;
    margin: 0 auto;
    padding: 0;
  }
  .pt-editor-form .input-editor {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    position: relative;
    display: block;
    -moz-box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.12);
    box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.12);
    margin: 4px 16px;
  }
  .pt-editor-form .input-editor input {
    font-size: 1rem;
    line-height: 1.5;
    display: block;
    border: none;
    width: 100%;
    height: 40px;
    padding: 8px 0;
    outline: none;
    background-color: transparent;
    color: #E9E5F6;
    appearance: normal;
    -moz-appearance: none;
    -webkit-appearance: none;
  }
  .pt-editor-form .input-editor input::placeholder {
    color: rgba(233, 229, 246, 0.6);
  }
  .pt-editor-form .input-editor input.autowidth {
    width: auto;
  }
  
  .pt-dialog__box .pt-editor {
    padding: 0;
    margin: -1px 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    max-height: 70vh;
  }
  .pt-dialog__box .pt-editor:hover {
    border-color: rgba(233, 229, 246, 0.3);
  }
  .pt-dialog__box .pt-editor:hover .pt-editor__toolbar {
    border-color: rgba(233, 229, 246, 0.3);
  }
  .pt-dialog__box .pt-editor.pt-editor__height_unlimit {
    max-height: none;
  }
  
  .pt-droparea {
    border: dashed 4px rgba(255, 255, 255, 0.24);
    border-radius: 0.125rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    min-height: calc(40vh - 48px);
    text-align: center;
    padding: 16px;
  }
  
  @media (max-width: 768px) {
    .pt-editor {
      margin: 0 -2px -2px;
    }
    .pt-editor .input-editor {
      -webkit-box-ordinal-group: 2;
      -moz-box-ordinal-group: 2;
      -ms-flex-order: 2;
      -webkit-order: 2;
      order: 2;
    }
  
    .pt-editor__label {
      margin: 16px 16px;
    }
  
    .pt-editor__toolbar {
      -webkit-box-ordinal-group: 1;
      -moz-box-ordinal-group: 1;
      -ms-flex-order: 1;
      -webkit-order: 1;
      order: 1;
      border-top: none;
      border-bottom: solid 2px rgba(233, 229, 246, 0.3);
    }
    .pt-editor__toolbar .pt-editor__maintoolbar {
      padding: 6px 16px;
    }
  
    .pt-editor__input {
      -webkit-box-ordinal-group: 3;
      -moz-box-ordinal-group: 3;
      -ms-flex-order: 3;
      -webkit-order: 3;
      order: 3;
      padding: 16px 20px;
    }
  
    .pt-dialog__box .pt-editor {
      max-height: none;
      height: calc(100vh - 54px);
    }
    .pt-dialog__box .pt-editor .pt-editor__input {
      height: 100%;
      margin-bottom: 32px;
    }
  
    .pt-dialog__box .pt-editor ~ .pt-dialog__bottom {
      position: fixed;
      width: 100%;
      padding-right: 24px;
      left: 0;
      bottom: 16px;
      border: none;
    }
    .pt-dialog__box .pt-editor ~ .pt-dialog__bottom .btn, .pt-dialog__box .pt-editor ~ .pt-dialog__bottom a {
      display: none;
    }
    .pt-dialog__box .pt-editor ~ .pt-dialog__bottom span {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  
    .pt-editor__input-fix-bottom {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      width: 100%;
      position: relative;
      padding: 8px 16px;
      min-height: 48px;
      background-color: #193366;
      border: solid 1px #7976A0;
      border-radius: 0.25rem;
      margin-bottom: 16px;
    }
    .pt-editor__input-fix-bottom .pt-editor__input-fix-text {
      width: 100%;
      height: 36px;
      line-height: 36px;
      font-size: 0.875rem;
      line-height: 1.5;
      color: rgba(233, 229, 246, 0.3);
      background-color: rgba(0, 0, 0, 0.12);
      border: 1px solid rgba(255, 255, 255, 0.12);
      margin-left: 8px;
      border-radius: 0.25rem;
      padding: 8px 8px;
    }
  
    .pt-editor__input-fix-bottom.fixed {
      position: fixed;
      top: auto;
      bottom: 0;
      left: 0;
      z-index: 990;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
      border-bottom: none;
      margin-bottom: 0;
      border-left: none;
      border-right: none;
      border-radius: 0;
    }
  }
  @media (max-width: 576px) {
    .pt-editor__input-fix-bottom {
      border-left: none;
      border-right: none;
      border-radius: 0;
    }
  }
  .pt-tool-container {
    display: flex;
    position: relative;
  }
  
  .pt-editor__Inactive {
    transition: all 0.3s;
    left: -100%;
    opacity: 0;
    width: 0;
    max-width: 0;
  }
  
  .pt-editor__Active {
    transition: all 0.3s;
    left: 0;
    opacity: 1;
    max-width: none;
  }
  
  .pt-country-box .pt-country-input {
    padding-left: 10px !important;
  }
  .pt-country-box .pt-country-input.pt-country-input--open {
    padding-left: 118px !important;
  }
  .pt-country-box .pt-country-selector {
    user-select: none;
    cursor: pointer;
    width: 108px;
    position: absolute;
    top: 2px;
    padding: 0 0 0 16px;
    border-right: 2px solid rgba(233, 229, 246, 0.3);
    height: 36px;
    left: 0;
    display: flex;
    align-items: center;
  }
  .pt-country-box .pt-country-selector i.material-icons, .pt-country-box .pt-country-selector .pantip-form .checkbox input + i::after, .pantip-form .checkbox .pt-country-box .pt-country-selector input + i::after, .pt-country-box .pt-country-selector .pt-side-search i.pt-block-subheader::after, .pt-side-search .pt-country-box .pt-country-selector i.pt-block-subheader::after, .pt-country-box .pt-country-selector .pt-accordion .pt-accordion__input[type=checkbox] + i.pt-accordion__label::after, .pt-accordion .pt-country-box .pt-country-selector .pt-accordion__input[type=checkbox] + i.pt-accordion__label::after, .pt-country-box .pt-country-selector .pt-accordion__more-state ~ div .pt-accordion__more-trigger-arrow > i, .pt-accordion__more-state ~ div .pt-country-box .pt-country-selector .pt-accordion__more-trigger-arrow > i, .pt-country-box .pt-country-selector .pt-accordion_type-policy .pt-accordion__input[type=radio] + i.pt-accordion__label::after, .pt-accordion_type-policy .pt-country-box .pt-country-selector .pt-accordion__input[type=radio] + i.pt-accordion__label::after, .pt-country-box .pt-country-selector .pt-list-filter-mobile i.selected::before, .pt-list-filter-mobile .pt-country-box .pt-country-selector i.selected::before, .pt-country-box .pt-country-selector i.search-tag.with-icon-search::before {
    position: absolute;
    right: 6px;
    top: 6px;
  }
  .pt-country-box .pt-country-selector i.material-icons::before, .pt-country-box .pt-country-selector .pt-accordion__more-state ~ div .pt-accordion__more-trigger-arrow > i::before, .pt-accordion__more-state ~ div .pt-country-box .pt-country-selector .pt-accordion__more-trigger-arrow > i::before, .pt-country-box .pt-country-selector .pt-list-filter-mobile i.selected::before, .pt-list-filter-mobile .pt-country-box .pt-country-selector i.selected::before, .pt-country-box .pt-country-selector i.search-tag.with-icon-search::before {
    display: none;
  }
  .pt-country-box .pt-country-selector i.material-icons::after, .pt-country-box .pt-country-selector .pantip-form .checkbox input + i::after, .pantip-form .checkbox .pt-country-box .pt-country-selector input + i::after, .pt-country-box .pt-country-selector .pt-side-search i.pt-block-subheader::after, .pt-side-search .pt-country-box .pt-country-selector i.pt-block-subheader::after, .pt-country-box .pt-country-selector .pt-accordion .pt-accordion__input[type=checkbox] + i.pt-accordion__label::after, .pt-accordion .pt-country-box .pt-country-selector .pt-accordion__input[type=checkbox] + i.pt-accordion__label::after, .pt-country-box .pt-country-selector .pt-accordion__more-state ~ div .pt-accordion__more-trigger-arrow > i::after, .pt-accordion__more-state ~ div .pt-country-box .pt-country-selector .pt-accordion__more-trigger-arrow > i::after, .pt-country-box .pt-country-selector .pt-accordion_type-policy .pt-accordion__input[type=radio] + i.pt-accordion__label::after, .pt-accordion_type-policy .pt-country-box .pt-country-selector .pt-accordion__input[type=radio] + i.pt-accordion__label::after {
    display: none;
  }
  
  .input-otp-form {
    width: 300px;
    overflow: hidden;
  }
  .input-otp-form .input-otp-container {
    left: 0;
    position: sticky;
  }
  .input-otp-form .input-otp-container .input-otp {
    height: 56px;
    padding-left: 16px;
    letter-spacing: 38px;
    border: 0;
    background-image: url("../images/bg-input_otp.png");
    background-color: transparent;
    background-position: top;
    background-size: 300px 56px;
    background-repeat: no-repeat;
    background-position-x: 0;
    min-width: 400px;
    max-width: 400px;
    border-radius: 0;
    font-size: 24px;
    -webkit-transition: background-image 0.2s ease-in-out;
    transition: background-image 0.2s ease-in-out;
    -o-transition: background-image 0.2s ease-in-out;
    -moz-transition: background-image 0.2s ease-in-out;
  }
  
  input::-ms-reveal,
  input::-ms-clear {
    display: none;
  }
  
  input[type="password"]::-ms-reveal,
  input[type="password"]::-ms-clear {
    display: none;
  }
  
  .pt-input-container {
    display: flex;
    vertical-align: top;
  }
  .pt-input-container > label {
    margin: 5px;
  }
  
  .pt-error-msg {
    color: #EF5350;
    display: none;
  }
  
  .pt-input-text {
    position: relative;
    display: inline-block;
    padding-top: 6px;
    font-size: 16px;
    height: auto;
    overflow: hidden;
    width: 100%;
  }
  
  .pt-input-text.pt-input-icon input {
    padding-left: 48px;
    padding-right: 16px;
  }
  .pt-input-text.pt-input-icon label {
    cursor: pointer;
  }
  .pt-input-text.pt-input-icon > label, .pt-input-text.pt-input-icon > i {
    position: absolute;
    top: 21px;
    left: 16px;
  }
  
  .pt-input-text.pt-input-icon-back input {
    padding-left: 16px;
    padding-right: 48px;
  }
  .pt-input-text.pt-input-icon-back label {
    cursor: pointer;
  }
  .pt-input-text.pt-input-icon-back > label, .pt-input-text.pt-input-icon-back > i {
    position: absolute;
    top: 21px;
    right: 16px;
  }
  
  select {
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    text-indent: 1px;
    text-overflow: '';
  }
  select:focus > option {
    background: rgba(233, 229, 246, 0.3);
    color: #9575CD;
    border-radius: 4px;
  }
  
  .pt-select-arrow {
    pointer-events: none;
  }
  
  .pt-input-text > input,
  .pt-input-text > textarea,
  .pt-input-text > select {
    box-sizing: border-box;
    margin: 0;
    border-style: solid;
    border-width: 1px;
    border-color: transparent rgba(233, 229, 246, 0.3) rgba(233, 229, 246, 0.3);
    border-radius: 4px;
    padding: 15px 13px 15px;
    width: 100%;
    height: auto;
    color: rgba(233, 229, 246, 0.87);
    -webkit-text-fill-color: currentColor;
    background-color: transparent;
    box-shadow: inset 1px 0 0 transparent, inset -1px 0 0 transparent, inset 0 -1px 1px rgba(0, 0, 0, 0.24);
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    caret-color: rgba(233, 229, 246, 0.87);
    transition: border 0.2s, box-shadow 0.2s;
  }
  .pt-input-text > input:invalid,
  .pt-input-text > textarea:invalid,
  .pt-input-text > select:invalid {
    border-color: transparent #EF5350 #EF5350;
  }
  .pt-input-text > input:invalid:not(:focus):placeholder-shown,
  .pt-input-text > textarea:invalid:not(:focus):placeholder-shown,
  .pt-input-text > select:invalid:not(:focus):placeholder-shown {
    border-top-color: #EF5350;
  }
  .pt-input-text > input:invalid + .pt-input-label,
  .pt-input-text > textarea:invalid + .pt-input-label,
  .pt-input-text > select:invalid + .pt-input-label {
    color: #EF5350;
  }
  .pt-input-text > input:invalid + .pt-input-label + .pt-error-msg,
  .pt-input-text > textarea:invalid + .pt-input-label + .pt-error-msg,
  .pt-input-text > select:invalid + .pt-input-label + .pt-error-msg {
    display: block;
  }
  .pt-input-text > input:invalid + .pt-input-label::before, .pt-input-text > input:invalid + .pt-input-label::after,
  .pt-input-text > textarea:invalid + .pt-input-label::before,
  .pt-input-text > textarea:invalid + .pt-input-label::after,
  .pt-input-text > select:invalid + .pt-input-label::before,
  .pt-input-text > select:invalid + .pt-input-label::after {
    border-top: solid 1px #EF5350;
  }
  
  .pt-input-text > input:not(:focus):placeholder-shown,
  .pt-input-text > textarea:not(:focus):placeholder-shown,
  .pt-input-text > select:not(:focus):placeholder-shown {
    border-top-color: rgba(233, 229, 246, 0.3);
  }
  
  /* .pt-input-label */
  .pt-input-text > input + .pt-input-label,
  .pt-input-text > textarea + .pt-input-label,
  .pt-input-text > select + .pt-input-label {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    max-height: 100%;
    color: rgba(233, 229, 246, 0.6);
    font-size: 75%;
    line-height: 15px;
    cursor: text;
    transition: color 0.2s, font-size 0.2s, line-height 0.2s;
  }
  
  .pt-input-text > input:not(:focus):placeholder-shown + .pt-input-label,
  .pt-input-text > textarea:not(:focus):placeholder-shown + .pt-input-label,
  .pt-input-text > select:not(:focus):placeholder-shown + .pt-input-label {
    font-size: inherit;
    line-height: 64px;
  }
  
  .pt-input-icon > input:not(:focus):placeholder-shown + .pt-input-label {
    left: 36px;
  }
  
  /* Corners */
  .pt-input-text > input + .pt-input-label::before,
  .pt-input-text > input + .pt-input-label::after,
  .pt-input-text > textarea + .pt-input-label::before,
  .pt-input-text > textarea + .pt-input-label::after,
  .pt-input-text > select + .pt-input-label::before,
  .pt-input-text > select + .pt-input-label::after {
    content: "";
    display: block;
    box-sizing: border-box;
    margin-top: 6px;
    border-top: solid 1px;
    border-top-color: rgba(233, 229, 246, 0.3);
    min-width: 10px;
    height: 8px;
    pointer-events: none;
    box-shadow: inset 0 1px transparent;
    transition: border 0.1s, box-shadow 0.2s;
  }
  
  .pt-input-text > input + .pt-input-label::before,
  .pt-input-text > textarea + .pt-input-label::before,
  .pt-input-text > select + .pt-input-label::before {
    margin-right: 4px;
    border-left: solid 1px transparent;
    border-radius: 4px 0;
  }
  
  .pt-input-text > input + .pt-input-label::after,
  .pt-input-text > textarea + .pt-input-label::after,
  .pt-input-text > select + .pt-input-label::after {
    flex-grow: 1;
    margin-left: 4px;
    border-right: solid 1px transparent;
    border-radius: 0 4px;
  }
  
  .pt-input-text > input:not(:focus):placeholder-shown + .pt-input-label::before,
  .pt-input-text > textarea:not(:focus):placeholder-shown + .pt-input-label::before,
  .pt-input-text > input:not(:focus):placeholder-shown + .pt-input-label::after,
  .pt-input-text > textarea:not(:focus):placeholder-shown + .pt-input-label::after,
  .pt-input-text > select:not(:focus):placeholder-shown + .pt-input-label::before,
  .pt-input-text > select:not(:focus):placeholder-shown + .pt-input-label::after {
    border-top-color: transparent;
  }
  
  /* Hover */
  /*.pt-input-text:hover > input,
  .pt-input-text:hover > textarea {
      border-color: transparent $pt-input-border $pt-input-border;
  }*/
  /*.pt-input-text:hover > input + .pt-input-label::before,
  .pt-input-text:hover > textarea + .pt-input-label::before,
  .pt-input-text:hover > input + .pt-input-label::after,
  .pt-input-text:hover > textarea + .pt-input-label::after {
      border-color: $pt-focus-input;
  }*/
  .pt-input-text:hover > input:not(:focus):placeholder-shown,
  .pt-input-text:hover > textarea:not(:focus):placeholder-shown {
    border-color: #9575CD;
  }
  
  /* Focus */
  .pt-input-text > input:focus,
  .pt-input-text > textarea:focus {
    border-color: transparent #9575CD #9575CD;
    box-shadow: inset 1px 0 #9575CD #9575CD, inset -1px 0 var #9575CD #9575CD, inset 0 -1px #9575CD #9575CD;
    outline: none;
  }
  
  .pt-input-text > input:focus + .pt-input-label,
  .pt-input-text > textarea:focus + .pt-input-label {
    color: #9575CD;
  }
  
  .pt-input-text > input:focus + .pt-input-label::before,
  .pt-input-text > input:focus + .pt-input-label::after,
  .pt-input-text > textarea:focus + .pt-input-label::before,
  .pt-input-text > textarea:focus + .pt-input-label::after {
    border-top-color: #9575CD !important;
    box-shadow: inset 0 1px #9575CD;
  }
  
  /* Faster transition in Safari for less noticable fractional font-size issue */
  @media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
      .pt-input-text > input,
      .pt-input-text > input + .pt-input-label,
      .pt-input-text > textarea,
      .pt-input-text > textarea + .pt-input-label,
      .pt-input-text > input + .pt-input-label::before,
      .pt-input-text > input + .pt-input-label::after,
      .pt-input-text > textarea + .pt-input-label::before,
      .pt-input-text > textarea + .pt-input-label::after {
        transition-duration: 0.1s;
      }
    }
  }
  
  
  .color-box {
    width: 100%;
    height: 2.75rem;
    border-radius: 2px;
  }
  
  input[type='submit'].btn-block, input[type='reset'].btn-block, input[type='button'].btn-block {
    width: 100%;
  }
  
  .spoil-btn {
    display: block;
    color: #FBC02D;
    margin-bottom: 16px;
  }
  .spoil-btn:link, .spoil-btn:visited, .spoil-btn:active {
    color: #FBC02D;
  }
  .spoil-btn:hover {
    color: #FFEB3B;
  }
  .spoil-btn.pt-spoil-show + .spoil-style {
    display: block;
  }
  .spoil-btn.pt-spoil-show + .blockquote-spoil {
    display: block;
  }
  
  /* Components */
  .pt-breadcrumb {
    padding: 8px 0;
  }
  .pt-breadcrumb a {
    font-size: 0.875rem;
    font-weight: 500;
    color: rgba(233, 229, 246, 0.6);
    line-height: 1.75;
    text-decoration: none;
  }
  .pt-breadcrumb a::before {
    content: '\E5CC';
    color: rgba(233, 229, 246, 0.6);
    vertical-align: top;
    margin: -1px 10px 0 8px;
  }
  .pt-breadcrumb a:first-child::before {
    opacity: 0.6;
    vertical-align: top;
    margin: -1px 10px 0 8px;
  }
  .pt-breadcrumb a:last-child {
    color: rgba(233, 229, 246, 0.3);
    pointer-events: none;
  }
  .pt-breadcrumb a:first-child {
    color: rgba(233, 229, 246, 0.6);
  }
  .pt-breadcrumb a:hover {
    color: rgba(233, 229, 246, 0.87);
  }
  
  .pt-tagging {
    padding: 16px;
  }
  .pt-tagging > h3 {
    font-size: 1.5rem;
  }
  .pt-tagging span {
    color: rgba(233, 229, 246, 0.6);
    margin-right: 12px;
  }
  
  .pt-tagging__banner img {
    width: 100%;
    height: auto;
    border-radius: 4px 4px 0 0;
  }
  
  .pt-tagging__header::before, .pt-tagging__header::after {
    content: '';
    display: block;
    height: 8px;
    background: repeating-linear-gradient(-45deg, #EEEEEE, #EEEEEE 10px, #000000 10px, #000000 20px);
  }
  
  .pt-tagging__title {
    padding: 16px;
  }
  
  .pt-tagging__release {
    padding: 22px 8px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end;
  }
  
  .pt-tagging__txt-block {
    min-width: 128px;
    height: 48px;
    background: #BDBDBD;
    border-radius: 0.25rem;
    overflow: hidden;
    text-align: center;
    margin: 0 8px;
    color: #000000;
  }
  .pt-tagging__txt-block b {
    display: block;
    line-height: 24px;
    height: 24px;
    white-space: nowrap;
  }
  .pt-tagging__txt-block span {
    display: block;
    background: #EEEEEE;
    line-height: 24px;
    height: 24px;
    padding: 0 8px;
    white-space: nowrap;
  }
  
  .pt-movie-tagging__detail {
    border-radius: 0 0 4px 4px;
    position: relative;
  }
  .pt-movie-tagging__detail .pt-movie-tagging__img {
    background-color: rgba(0, 0, 0, 0.38);
  }
  .pt-movie-tagging__detail .pt-movie-tagging__content {
    padding: 16px 0 16px 16px;
  }
  .pt-movie-tagging__detail .pt-movie-tagging__clip {
    background-color: rgba(0, 0, 0, 0.38);
  }
  .pt-movie-tagging__detail .pt-movie-tagging__description {
    padding: 24px 16px 16px 0;
    color: rgba(233, 229, 246, 0.87);
    margin-top: -2px;
    word-break: break-word;
    word-wrap: break-word;
  }
  .pt-movie-tagging__detail .pt-movie-tagging__description * {
    word-break: break-word;
    word-wrap: break-word;
  }
  .pt-movie-tagging__detail .pt-movie-tagging__info b {
    color: rgba(233, 229, 246, 0.87);
    display: block;
  }
  .pt-movie-tagging__detail .pt-movie-tagging__info span {
    color: rgba(233, 229, 246, 0.6);
    display: block;
    margin-bottom: 8px;
  }
  .pt-movie-tagging__detail .pt-movie-tagging__share {
    text-align: right;
    margin-bottom: 16px;
  }
  .pt-movie-tagging__detail .pt-movie-tagging__link {
    font-size: 12px;
    height: 20px;
    display: inline;
    float: left;
    vertical-align: 6px;
    border: 0;
  }
  .pt-movie-tagging__detail .pt-movie-tagging__rating {
    display: block;
    border-radius: 0 0 4px 4px;
    background-color: rgba(0, 0, 0, 0.38);
    padding: 12px 8px;
    margin-bottom: 16px;
    text-align: center;
  }
  .pt-movie-tagging__detail .pt-movie-tagging__rating b {
    color: #FFC107;
    font-size: 1.5rem;
    line-height: 1.1;
    margin-right: -12px;
  }
  .pt-movie-tagging__detail .pt-movie-tagging__rating span {
    color: rgba(233, 229, 246, 0.6);
    display: block;
    margin-top: -8px;
  }
  
  .pt-movie-tagging__rate {
    display: inline-block;
    border: 0;
    /* Hide radio */
    /* Order correctly by floating highest to the right */
    /* Half star trick */
    /* Click + hover color */
    /* color previous stars on hover */
    /* Hover highlights */
  }
  .pt-movie-tagging__rate > input {
    display: none;
  }
  .pt-movie-tagging__rate > label {
    float: right;
    color: #616161;
    /* The star of the show */
    /* Zero stars rating */
    /* Zero stars rating */
    /*&:last-child::before {
        content: "\star_border "; //empty star outline
    } */
  }
  .pt-movie-tagging__rate > label::before {
    font-size: 18px;
    line-height: 1.5;
    cursor: pointer;
    content: "\star ";
    /* full star */
  }
  .pt-movie-tagging__rate > label:last-child::before {
    content: "\star ";
    color: transparent;
    pointer-events: none;
  }
  .pt-movie-tagging__rate .half::before {
    content: "\star ";
    /* half star no outline */
    position: absolute;
    width: 9px;
    overflow: hidden;
    padding-right: 0px;
  }
  .pt-movie-tagging__rate > input:checked ~ label, .pt-movie-tagging__rate > label:hover, .pt-movie-tagging__rate label:hover ~ label {
    color: #FBC02D !important;
  }
  .pt-movie-tagging__rate > input:checked + label:hover, .pt-movie-tagging__rate > input:checked ~ label:hover, .pt-movie-tagging__rate > input:checked ~ label:hover ~ label, .pt-movie-tagging__rate > label:hover ~ input:checked ~ label {
    color: #FFF9C4 !important;
  }
  
  @media (max-width: 992px) {
    .pt-movie-tagging__detail .pt-movie-tagging__img {
      width: 180px;
      position: absolute;
      left: 26px;
      top: 16px;
    }
    .pt-movie-tagging__detail .pt-movie-tagging__content {
      padding: 16px 16px 16px 212px;
    }
    .pt-movie-tagging__detail .pt-movie-tagging__description {
      padding: 16px;
    }
    .pt-movie-tagging__detail .pt-movie-tagging__rating {
      display: block;
      border-radius: 0.25rem;
      margin-bottom: 8px;
    }
  }
  @media (max-width: 767px) {
    .pt-tagging__release {
      padding: 0 16px 16px 16px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: flex-start;
      -moz-justify-content: flex-start;
      -ms-justify-content: flex-start;
      justify-content: flex-start;
      -ms-flex-pack: flex-start;
    }
  
    .pt-tagging__txt-block {
      width: auto;
      height: auto;
      background: transparent;
      border-radius: none;
      overflow: hidden;
      text-align: left;
      margin: 0 8px 0 0;
      color: rgba(233, 229, 246, 0.3);
    }
    .pt-tagging__txt-block b {
      display: inline-block;
      white-space: nowrap;
      color: rgba(233, 229, 246, 0.6);
    }
    .pt-tagging__txt-block span {
      display: inline-block;
      background: transparent;
      padding: 0 4px;
    }
  }
  @media (max-width: 576px) {
    .pt-movie-tagging__detail .pt-movie-tagging__img {
      width: 140px;
      position: absolute;
      left: 26px;
      top: 16px;
    }
    .pt-movie-tagging__detail .pt-movie-tagging__content {
      padding: 16px 16px 16px 172px;
    }
  
    .pt-tagging__banner img {
      border-radius: 0;
    }
  }
  .pt-profile {
    position: relative;
  }
  
  .pt-profile-cover {
    position: relative;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0;
    max-height: 300px;
    max-width: 1140px;
    display: block;
    overflow: hidden;
    padding-top: 200px;
    border-bottom: solid 1px #565380;
  }
  .pt-profile-cover > i {
    position: absolute;
    right: 16px;
    bottom: 12px;
    z-index: 8;
    cursor: pointer;
    opacity: .7;
    -webkit-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
    -o-transition: opacity 0.15s ease-in-out;
    -moz-transition: opacity 0.15s ease-in-out;
  }
  .pt-profile-cover > i:hover {
    opacity: 1;
  }
  
  .pt-profile-cover:before {
    content: "";
    display: block;
    width: 100%;
  }
  
  .pt-profile-cover:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 120px;
    width: 100%;
    background: linear-gradient(transparent 50%, rgba(0, 0, 0, 0.7));
  }
  
  .pt-profile-display {
    height: 128px;
    width: 128px;
    border: solid 4px #565380;
    border-radius: 50%;
    margin: 20px;
    position: absolute;
    top: 90px;
    left: 0;
  }
  
  .pt-profile-title {
    position: absolute;
    top: 130px;
    left: 0;
    padding-left: 168px;
  }
  .pt-profile-title > h1 {
    font-size: 2rem;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.12);
    word-wrap: break-word;
    margin-bottom: 0.25rem;
  }
  .pt-profile-title > span {
    font-size: 0.875rem;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.12);
    cursor: pointer;
  }
  .pt-profile-title > span > b {
    font-size: 0.875rem;
    font-weight: 500;
    color: #FBC02D;
    padding-right: 8px;
  }
  .pt-profile-title > span {
    -webkit-transition: filter 0.15s ease-in-out;
    transition: filter 0.15s ease-in-out;
    -o-transition: filter 0.15s ease-in-out;
    -moz-transition: filter 0.15s ease-in-out;
  }
  .pt-profile-title > span:hover {
    -webkit-filter: brightness(88%);
    filter: brightness(88%);
  }
  .pt-profile-title > span:active {
    -webkit-filter: brightness(65%);
    filter: brightness(65%);
  }
  
  .pt-profile-info > p {
    margin-bottom: 8px;
  }
  .pt-profile-info > p > span {
    margin-right: 16px;
  }
  .pt-profile-info > p > span:last-child {
    margin-right: 0;
  }
  
  .pt-profile-action {
    height: 56px;
    padding: 0 16px 0 168px;
  }
  
  .pt-profile-follow {
    text-align: left;
    display: block;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
  }
  .pt-profile-follow > a:link, .pt-profile-follow > a:visited, .pt-profile-follow > a:active {
    text-decoration: none;
  }
  .pt-profile-follow > a:link > span, .pt-profile-follow > a:visited > span, .pt-profile-follow > a:active > span {
    font-size: 0.875rem !important;
    color: rgba(233, 229, 246, 0.6) !important;
    display: inline-flex;
    line-height: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .pt-profile-follow > a:link > span > b, .pt-profile-follow > a:visited > span > b, .pt-profile-follow > a:active > span > b {
    font-size: 1.25rem !important;
    color: rgba(233, 229, 246, 0.87) !important;
    padding-right: 8px;
  }
  .pt-profile-follow > a:first-child > span {
    padding-left: 0;
    border-right: solid 1px rgba(233, 229, 246, 0.08);
  }
  .pt-profile-follow > a:hover {
    text-decoration: none;
  }
  .pt-profile-follow > a:hover > span {
    -webkit-transition: filter 0.15s ease-in-out;
    transition: filter 0.15s ease-in-out;
    -o-transition: filter 0.15s ease-in-out;
    -moz-transition: filter 0.15s ease-in-out;
  }
  .pt-profile-follow > a:hover > span:hover {
    -webkit-filter: brightness(88%);
    filter: brightness(88%);
  }
  .pt-profile-follow > a:hover > span:active {
    -webkit-filter: brightness(65%);
    filter: brightness(65%);
  }
  
  .pt-profile-button {
    display: block;
    float: right;
    line-height: 56px;
  }
  
  @media (max-width: 768px) {
    .pt-profile-title {
      top: auto;
      left: auto;
      padding-left: 0;
      text-align: center;
      padding: 64px 16px 0 16px;
      position: relative;
    }
    .pt-profile-title > h1 {
      font-size: 1.75rem;
      text-shadow: none;
      font-weight: 500;
    }
    .pt-profile-title > span {
      font-size: 0.875rem;
      text-shadow: none;
    }
  
    .pt-profile-info {
      padding-bottom: 0px !important;
    }
  
    .pt-profile-button {
      float: none;
      text-align: center;
      padding-top: -10px;
      margin-bottom: 8px;
    }
  
    .pt-profile-cover {
      padding-top: 120px;
    }
  
    .pt-profile-display {
      position: absolute;
      top: 32px;
      left: 50%;
      margin-left: -64px;
    }
  
    .pt-profile-action {
      padding: 0;
    }
  
    .pt-profile-follow {
      width: 100%;
      display: flex;
      padding: 10px 16px;
      border-top: solid 1px rgba(233, 229, 246, 0.08);
    }
    .pt-profile-follow > a:link, .pt-profile-follow > a:visited, .pt-profile-follow > a:active {
      width: 50%;
    }
    .pt-profile-follow > a:link > span, .pt-profile-follow > a:visited > span, .pt-profile-follow > a:active > span {
      display: block;
      text-align: center;
      line-height: 1.5;
      padding-left: 0;
      padding-right: 0;
    }
    .pt-profile-follow > a:link > span > b, .pt-profile-follow > a:visited > span > b, .pt-profile-follow > a:active > span > b {
      display: block;
      width: 100%;
    }
  }
  /* Wrapper my reward point & redeem selected */
  .pt-box_reward_point {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 20px 16px;
  }
  .pt-box_reward_point .pt-box_reward_point-image {
    width: 100px;
    border-radius: 0.25rem;
    margin-right: 16px;
  }
  .pt-box_reward_point .pt-box_reward_point-detail > h5 {
    margin-bottom: 4px;
  }
  .pt-box_reward_point .pt-box_reward_point-detail > span {
    font-size: 0.875rem;
  }
  .pt-box_reward_point .pt-box_reward_point-detail > span > b {
    color: rgba(233, 229, 246, 0.6);
    margin-left: 8px;
    margin-right: 8px;
  }
  
  @media (max-width: 768px) {
    .pt-box_reward_point {
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }
    .pt-box_reward_point .pt-box_reward_point-detail {
      margin-bottom: 16px;
    }
    .pt-box_reward_point .pt-box_reward_point-detail > h5 {
      font-size: 1rem;
      text-align: center;
    }
    .pt-box_reward_point .pt-box_reward_point-image {
      margin-right: 0;
      margin-bottom: 16px;
    }
  }
  /* End wrapper my reward point & redeem selected */
  /* Wrapper annouce pantip point */
  .pt-announce_box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    border-color: #7976A0;
    background-color: #2D2A49;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    border-radius: 0.25rem;
    overflow: hidden;
    padding: 16px;
    min-height: 120px;
  }
  .pt-announce_box img {
    width: 100%;
    height: auto;
    max-width: 970px;
  }
  
  /* End wrapper annouce pantip point */
  /* Single slider */
  .pt-box-gift_detail {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    border-radius: 0;
    margin: 16px 16px;
  }
  
  .pt-container-slider_single_img {
    overflow: hidden;
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0;
  }
  .pt-container-slider_single_img .pt-list-slider_single_img {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: visible;
    left: 0;
    transition: left 1s ease 0s;
    position: relative;
    list-style: none;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .pt-container-slider_single_img .pt-list-slider_single_img li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    position: relative;
    width: 100%;
    scroll-snap-align: start;
    transform-origin: center center;
    transform: scale(1);
    transition: transform 0.5s;
  }
  .pt-container-slider_single_img .pt-list-slider_single_img .pt-single_img_slider::before {
    padding-top: 70%;
  }
  .pt-container-slider_single_img .pt-list-bullet_slide_nav {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    list-style: none;
    padding: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
  }
  .pt-container-slider_single_img .pt-list-bullet_slide_nav .pt-bullet_slide-nav {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: rgba(233, 229, 246, 0.3);
    margin: 0 2px;
  }
  .pt-container-slider_single_img .pt-list-bullet_slide_nav .bullet-active .pt-bullet_slide-nav {
    background-color: rgba(233, 229, 246, 0.87);
  }
  .pt-container-slider_single_img .pt-nav-arrow_slide_single_img {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 0;
    margin: 0;
    width: 48px;
    background: transparent;
    border: none;
    cursor: pointer;
    color: rgba(233, 229, 246, 0.87);
  }
  .pt-container-slider_single_img .pt-nav-arrow_slide_single_img:hover {
    color: #E9E5F6;
  }
  .pt-container-slider_single_img .pt-nav-arrow_slide_single_img:disabled, .pt-container-slider_single_img .pt-nav-arrow_slide_single_img :hover:disabled {
    color: rgba(233, 229, 246, 0.3);
    pointer-events: none;
  }
  .pt-container-slider_single_img .pt-slide_single__btn-prev {
    left: 0;
  }
  .pt-container-slider_single_img .pt-slide_single__btn-next {
    right: 0;
  }
  
  /* End Single slider */
  /* Container redeem detail */
  .pt-container-slider_single_info {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-pack: space-around;
    margin: 0;
    padding: 0 0 0 16px;
  }
  .pt-container-slider_single_info .pt-box-gift_title {
    word-wrap: break-word;
    margin-bottom: 8px;
  }
  .pt-container-slider_single_info .pt-box-gift_price {
    color: #FBC02D;
    background-color: rgba(0, 0, 0, 0.12);
    margin-bottom: 16px;
    border-radius: 0.25rem;
    padding: 8px 16px;
  }
  .pt-container-slider_single_info .pt-box-gift_remain {
    font-size: 0.875rem;
    color: rgba(233, 229, 246, 0.6);
    margin-bottom: 8px;
  }
  .pt-container-slider_single_info .pt-box-gift_duration {
    font-size: 0.875rem;
    color: #B39DDB;
    margin-bottom: 16px;
  }
  
  @media (max-width: 992px) {
    .pt-box-gift_detail {
      margin: 0;
    }
  
    .pt-container-slider_single_info {
      padding: 16px;
    }
  }
  /* End Container redeem detail */
  /* tracking detail */
  .pt-tracking_detail {
    text-align: center;
  }
  .pt-tracking_detail .img-thumbnail {
    width: 120px;
    margin: 0 auto 16px;
  }
  .pt-tracking_detail .pt-redeem_information {
    text-align: left;
  }
  .pt-tracking_detail .pt-status_tracking {
    margin: 16px 0;
    border: 1px solid #B39DDB;
    color: #B39DDB;
    font-size: 0.75rem;
    padding: 8px;
  }
  
  @media (min-width: 768px) {
    .pt-tracking_detail {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
      -ms-flex-pack: space-between;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      border-bottom: 1px solid #7976A0;
      margin: 0 -16px;
      padding: 0 16px 16px;
    }
    .pt-tracking_detail .img-thumbnail {
      width: 80px;
      position: absolute;
      margin-bottom: 0;
    }
    .pt-tracking_detail .pt-redeem_information {
      padding: 0 0 0 120px;
      flex-grow: 3;
    }
  }
  /* end tracking detail */
  /* Status tracking bar */
  .pt-status_tracking_bar {
    list-style: none;
    padding: 0;
    margin: 16px 0 0 4px;
    position: relative;
  }
  .pt-status_tracking_bar::before {
    content: "";
    position: absolute;
    top: 4px;
    width: 2px;
    height: calc(100% - (20px));
    background: #7976A0;
  }
  .pt-status_tracking_bar > li {
    padding: 0 0 12px 24px;
    position: relative;
  }
  .pt-status_tracking_bar > li::before {
    content: "";
    position: absolute;
    margin-top: 4px;
    left: -4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #382040;
    border: 1px solid #7976A0;
  }
  .pt-status_tracking_bar > li.status-complete::before {
    background: #FBC02D;
    border: 1px solid #BFBCDA;
  }
  .pt-status_tracking_bar.line-devide-bottom {
    padding: 0 0 24px 0;
    margin: 16px 0 24px 4px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  }
  .pt-status_tracking_bar.line-devide-bottom::before {
    height: calc(100% - (44px));
  }
  
  @media (min-width: 992px) {
    .pt-status_tracking_bar {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
      -ms-flex-pack: space-between;
    }
    .pt-status_tracking_bar::before {
      content: none;
    }
    .pt-status_tracking_bar > li {
      width: 100%;
      height: 24px;
      padding: 0;
    }
    .pt-status_tracking_bar > li > span {
      position: absolute;
      top: 52px;
      width: 100%;
      text-align: center;
    }
    .pt-status_tracking_bar > li::before {
      content: none;
    }
    .pt-status_tracking_bar > li::after {
      content: "";
      width: 100%;
      height: 24px;
      position: absolute;
      background-color: rgba(0, 0, 0, 0.12);
      top: 15px;
      left: -50%;
      border-top: 2px solid #7976A0;
      border-bottom: 2px solid #7976A0;
      border-left: rgba(0, 0, 0, 0.12);
      border-right: none;
    }
    .pt-status_tracking_bar > li:first-child:after {
      content: none;
    }
    .pt-status_tracking_bar > li:nth-child(2):after {
      border-left: 2px solid #7976A0;
    }
    .pt-status_tracking_bar > li:last-child:after {
      border-right: 2px solid #7976A0;
    }
    .pt-status_tracking_bar > li.status-complete::after {
      background-color: #FBC02D;
    }
    .pt-status_tracking_bar.line-devide-bottom {
      padding-bottom: 80px;
      margin-bottom: 48px;
    }
  
    .pt-tracking_detail .img-thumbnail {
      width: 80px;
    }
  }
  /* End status tracking bar */
  /* list detail tracking */
  .pt-list_detail_tracking {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .pt-list_detail_tracking > li {
    margin-bottom: 18px;
  }
  .pt-list_detail_tracking .pt-list_detail_tracking_date {
    font-weight: bold;
  }
  .pt-list_detail_tracking .pt-list_detail_tracking_message {
    font-size: 0.875rem;
  }
  
  @media (min-width: 768px) {
    .pt-list_detail_tracking > li {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
    }
    .pt-list_detail_tracking .pt-list_detail_tracking_date {
      flex: 0 0 150px;
      font-weight: 400;
      font-size: 0.875rem;
      padding-right: 12px;
    }
    .pt-list_detail_tracking .pt-list_detail_tracking_message {
      font-size: 0.875rem;
    }
  }
  /* end list detail tracking */
  /* Lucky Draw */
  .pt-title-prize {
    text-align: left;
    padding-left: 16px;
  }
  
  @media (max-width: 767px) {
    .pt-title-prize {
      text-align: center;
      padding-left: 0;
    }
  }
  /* block more default */
  .pt-accordion__label.pt-accordion__more-trigger-arrow:hover,
  .pt-accordion__label.pt-accordion__more-trigger-arrow:active,
  .pt-accordion__label.pt-accordion__more-trigger-arrow:focus {
    color: #FFFFFF;
    background-color: rgba(0, 0, 0, 0.12);
  }
  
  /* block more type a*/
  a.pt-block-more-type_a,
  label.pt-block-more-type_a {
    color: rgba(233, 229, 246, 0.87);
    position: relative;
    padding: 18px;
  }
  a.pt-block-more-type_a::before,
  label.pt-block-more-type_a::before {
    display: block;
    content: '';
    background-color: rgba(255, 255, 255, 0.08);
    width: 128px;
    height: 32px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -64px;
    margin-top: -16px;
    border-radius: 16px;
  }
  
  .pt-block-more.pt-block-more-type_a:hover,
  .pt-block-more.pt-block-more-type_a:active,
  .pt-block-more.pt-block-more-type_a:focus,
  .pt-accordion__more-trigger-arrow.pt-block-more-type_a:hover,
  .pt-accordion__more-trigger-arrow.pt-block-more-type_a:active,
  .pt-accordion__more-trigger-arrow.pt-block-more-type_a:focus {
    color: #FFFFFF;
    background-color: rgba(115, 115, 153, 0.24);
  }
  .pt-block-more.pt-block-more-type_a:hover::before,
  .pt-block-more.pt-block-more-type_a:active::before,
  .pt-block-more.pt-block-more-type_a:focus::before,
  .pt-accordion__more-trigger-arrow.pt-block-more-type_a:hover::before,
  .pt-accordion__more-trigger-arrow.pt-block-more-type_a:active::before,
  .pt-accordion__more-trigger-arrow.pt-block-more-type_a:focus::before {
    background-color: rgba(255, 255, 255, 0.12);
  }
  
  /* end block more type a */
  /* block more type b*/
  a.pt-block-more-type_b,
  label.pt-block-more-type_b {
    color: #FFFFFF;
    background-color: #7459C8;
  }
  
  .pt-block-more.pt-block-more-type_b:hover,
  .pt-block-more.pt-block-more-type_b:active,
  .pt-block-more.pt-block-more-type_b:focus,
  .pt-accordion__more-trigger-arrow.pt-block-more-type_b:hover,
  .pt-accordion__more-trigger-arrow.pt-block-more-type_b:active,
  .pt-accordion__more-trigger-arrow.pt-block-more-type_b:focus {
    color: #FFFFFF;
    background-color: #9575CD;
  }
  
  /* end block more type b */
  /* block more type c*/
  a.pt-block-more-type_c,
  label.pt-block-more-type_c {
    color: rgba(233, 229, 246, 0.87);
  }
  a.pt-block-more-type_c > i,
  label.pt-block-more-type_c > i {
    background-color: rgba(255, 255, 255, 0.12);
    border-radius: 50%;
    padding: 4px;
  }
  
  .pt-block-more.pt-block-more-type_c:hover,
  .pt-block-more.pt-block-more-type_c:active,
  .pt-block-more.pt-block-more-type_c:focus,
  .pt-accordion__more-trigger-arrow.pt-block-more-type_c:hover,
  .pt-accordion__more-trigger-arrow.pt-block-more-type_c:active,
  .pt-accordion__more-trigger-arrow.pt-block-more-type_c:focus {
    color: rgba(233, 229, 246, 0.87);
    background-color: rgba(115, 115, 153, 0.24);
  }
  
  /* end block more type c */
  /* block more type d*/
  a.pt-block-more-type_d,
  label.pt-block-more-type_d {
    color: rgba(233, 229, 246, 0.87);
    background-color: rgba(115, 115, 153, 0.24);
  }
  
  .pt-block-more.pt-block-more-type_d:hover,
  .pt-block-more.pt-block-more-type_d:active,
  .pt-block-more.pt-block-more-type_d:focus,
  .pt-accordion__more-trigger-arrow.pt-block-more-type_d:hover,
  .pt-accordion__more-trigger-arrow.pt-block-more-type_d:active,
  .pt-accordion__more-trigger-arrow.pt-block-more-type_d:focus {
    color: rgba(233, 229, 246, 0.87);
    background-color: rgba(255, 255, 255, 0.12);
  }
  
  /* end block more type d */
  .pt-emoji-loading {
    width: 24px;
    height: 24px;
    background-image: url("../images/pantip_icon/ic_emoji_loading_32.png");
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: 8px;
    margin-bottom: -2px;
  }
  
  .pt-dot-loading, .pt-dot-loading:before, .pt-dot-loading:after {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
  }
  
  .pt-dot-loading {
    color: #E9E5F6;
    font-size: 5px;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
    top: -2.5em;
    left: 28px;
  }
  
  .pt-dot-loading:before, .pt-dot-loading:after {
    content: '';
    position: absolute;
  }
  
  .pt-dot-loading:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
  }
  
  .pt-dot-loading:after {
    left: 3.5em;
  }
  
  @-webkit-keyframes load7 {
    0%,
      80%,
      100% {
      box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
      box-shadow: 0 2.5em 0 0;
    }
  }
  @keyframes load7 {
    0%,
      80%,
      100% {
      box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
      box-shadow: 0 2.5em 0 0;
    }
  }
  .pt-doodle {
    height: 236px;
    padding-top: 186px;
    border-bottom: 1px solid #1F1D33;
    position: relative;
  }
  
  /*.pt-doodle__link {
      display: block;
      width: 1140px;
      max-width: 1140px;
      position: absolute;
      background-color: transparent;
      color: transparent;
      border: none;    
      z-index: $zindex-front;
      height: 186px;
      max-height: 186px;
      right: 50%;
      top: 0;
      margin-right: -570px;   
      line-height: 186px;
  }*/
  .pt-doodle__link {
    display: block;
    width: 100%;
    max-width: 1140px;
    background-color: transparent;
    color: transparent;
    border: none;
    height: 186px;
    max-height: 186px;
    line-height: 186px;
    margin: -186px auto 0;
    z-index: 1;
  }
  
  .pt-sticky-navigation {
    height: auto;
    padding-top: 0;
    top: 0;
    background: #2D2A49;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
    position: fixed;
    width: 100%;
    z-index: 1000;
    border-bottom: 1px solid #1F1D33;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  
  #pantipCategory, #pantipOther {
    display: none;
  }
  
  .pt-sticky-container {
    z-index: 990;
    position: fixed;
    width: 100%;
    top: 49px;
    overflow-y: auto;
    height: calc(100% - 50px);
  }
  .pt-sticky-container .container {
    border-width: 1px 0px;
    margin-bottom: 0.625rem;
    border-radius: 0 0 4px 4px;
    box-shadow: inset -1px -1px rgba(0, 0, 0, 0.24), inset 1px 0px rgba(0, 0, 0, 0.24), 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
    background-color: #353156;
  }
  .pt-sticky-container .container > *:first-child {
    border-radius: 0;
  }
  
  img.pt-stickyLogo {
    display: none;
  }
  
  .usefor {
    margin-top: 30px;
    text-align: center;
  }
  
  .pt-nav-bar {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    padding: 0;
    list-style: none;
    border: 1px solid #1F1D33;
    border-right: none;
    border-bottom: none;
    font-size: 14px;
    background-color: #2D2A49;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    max-width: 1140px;
    margin: auto;
    z-index: 1000;
  }
  .pt-nav-bar > ul {
    padding: 0;
    margin: 0;
  }
  .pt-nav-bar > ul .pt-md_nav, .pt-nav-bar > ul .pt-sm_nav {
    display: none;
  }
  .pt-nav-bar > ul a {
    position: relative;
    color: rgba(233, 229, 246, 0.87);
  }
  .pt-nav-bar > ul i {
    pointer-events: none;
  }
  .pt-nav-bar > ul li {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    float: left;
    padding: 0 16px 0 16px;
    margin: 0;
    border-right: 1px solid #1F1D33;
    list-style: none;
    line-height: 48px;
    height: 48px;
    color: rgba(233, 229, 246, 0.87);
    cursor: pointer;
    /*.pt-nav__link-badge
    {
        right: 6px;
        top: 0;
    }*/
  }
  .pt-nav-bar > ul li img {
    width: 40px;
  }
  @media (max-width: 372px) {
    .pt-nav-bar > ul li img {
      display: none;
    }
  }
  @media (max-width: 372px) {
    .pt-nav-bar > ul .pt-md_nav ~ .pt-md_nav {
      display: none;
      pointer-events: none;
    }
  }
  .pt-nav-bar > ul li:nth-child(2), .pt-nav-bar > ul li:nth-child(5) {
    cursor: pointer;
  }
  .pt-nav-bar > ul li:hover {
    background-color: #44416F;
  }
  .pt-nav-bar .pt-search-nav {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    border-right: 1px solid #1F1D33;
  }
  .pt-nav-bar .pt-search-nav .search-box {
    background-color: #44416F;
    border: 1px solid #1F1D33;
    border-radius: 0.125rem;
    height: 30px;
    width: calc(100% - 24px);
    margin: auto;
    color: rgba(233, 229, 246, 0.87);
    text-indent: 12px;
    padding-right: 32px;
  }
  .pt-nav-bar .pt-search-nav .search-box::placeholder {
    color: rgba(233, 229, 246, 0.87);
    text-indent: 12px;
  }
  .pt-nav-bar .pt-search-nav i {
    position: absolute;
    right: 20px;
    top: 16px;
    cursor: pointer;
    color: rgba(233, 229, 246, 0.87);
  }
  .pt-nav-bar .pt-right-nav li {
    position: relative;
    cursor: pointer;
  }
  .pt-nav-bar .pt-right-nav .pt-nav-show__text {
    display: none;
  }
  .pt-nav-bar .pt-right-nav .pt-user__avatar {
    padding: 0 12px;
    cursor: pointer;
  }
  .pt-nav-bar .pt-right-nav .pt-user__avatar img {
    max-width: 32px;
    border-radius: 50%;
    cursor: pointer;
    pointer-events: none;
  }
  @media (max-width: 372px) {
    .pt-nav-bar .pt-right-nav .pt-user__avatar img {
      display: inline-block;
    }
  }
  
  .pt-nav__badge {
    position: absolute;
    right: 4px;
    top: 4px;
    color: #FFFFFF;
    background-color: #F44336;
    font-style: normal;
    font-weight: normal;
    font-size: 0.625rem;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    margin-left: auto;
    margin-top: 2px;
    border-radius: 50%;
  }
  
  .pt-nav__link-badge {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    right: -6px;
    top: -10px;
    background-color: #F44336;
    min-width: 6px;
    min-height: 6px;
    width: 6px;
    height: 6px;
    padding: 2px;
    margin-left: auto;
    margin-top: 8px;
    border-radius: 50%;
  }
  
  .pt-search__contaner {
    width: calc(100% - 26px);
    min-width: 288px;
    max-width: auto;
    margin: 0 12px;
    position: absolute;
    top: 39px;
    left: 0;
    right: 0;
  }
  .pt-search__contaner.index__search {
    width: 100%;
    left: 0;
    top: 0;
    position: relative;
    margin: 0;
  }
  .pt-search__contaner .pt-search-recent {
    height: 40px;
    padding: 8px 24px;
  }
  
  .pt-mobile__search {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #1F1D33;
    font-size: 12px;
    align-items: stretch;
    display: flex;
    justify-content: space-between;
    background-color: #2D2A49;
    position: fixed;
    width: 100%;
    z-index: 1060;
  }
  .pt-mobile__search .pt-left__nav li:first-child {
    cursor: pointer;
  }
  .pt-mobile__search ul {
    padding: 0;
    margin: 0;
  }
  .pt-mobile__search ul a {
    color: rgba(233, 229, 246, 0.87);
  }
  .pt-mobile__search ul li {
    float: left;
    padding: 0 16px 0 16px;
    margin: 0;
    align-items: center;
    list-style: none;
    line-height: 48px;
    height: 48px;
    color: rgba(233, 229, 246, 0.87);
  }
  .pt-mobile__search ul li:hover {
    background-color: #44416F;
  }
  .pt-mobile__search .pt-search-nav {
    flex: 1;
    display: flex;
    position: relative;
  }
  .pt-mobile__search .pt-search-nav > .search-box {
    background-color: #44416F;
    border: 1px solid #1F1D33;
    border-radius: 0.125rem;
    height: 30px;
    width: calc(100% - 24px);
    margin: auto;
    color: #FFFFFF;
    padding-left: 12px;
    padding-right: 32px;
  }
  .pt-mobile__search .pt-search-nav > .search-box::placeholder {
    color: rgba(233, 229, 246, 0.87);
  }
  .pt-mobile__search .pt-search-nav > i {
    position: absolute;
    right: 20px;
    top: 15px;
    cursor: pointer;
    color: rgba(233, 229, 246, 0.87);
  }
  
  .pt-search_result {
    padding-top: 49px;
  }
  
  @media (max-width: 992px) {
    .pt-nav-bar .pt-right-nav .pt-nav-hide__text {
      display: none;
    }
    .pt-nav-bar .pt-right-nav .pt-nav-show__text {
      display: inline-flex;
    }
  }
  @media (max-width: 768px) {
    .pt-doodle {
      padding-top: 0;
      height: auto;
      background: none !important;
    }
  
    .pt-doodle__link {
      display: block;
    }
  
    .pt-nav-bar {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
      border-bottom: 1px solid #1F1D33;
      border-right: none;
      border-left: none;
    }
    .pt-nav-bar ul li {
      border: 0;
    }
    .pt-nav-bar ul .pt-xl_nav {
      display: none;
    }
    .pt-nav-bar ul .pt-md_nav {
      display: block;
    }
    .pt-nav-bar .pt-right-nav li {
      position: relative;
    }
    .pt-nav-bar .pt-right-nav li:first-child {
      border-left: none;
    }
    .pt-nav-bar .pt-right-nav li:last-child {
      border-left: none;
    }
    .pt-nav-bar .pt-search-nav {
      border-right: none;
    }
  }
  @media (max-width: 576px) {
    .pt-nav-bar .pt-right-nav .pt-md_nav {
      display: none;
    }
    .pt-nav-bar .pt-right-nav .pt-sm_nav {
      display: block;
    }
    .pt-nav-bar .pt-search-nav {
      display: none;
    }
  }
  .pt-sidenav {
    width: 280px;
    height: calc(100vh - 49px);
    overflow-y: auto;
  }
  .pt-sidenav::after {
    content: '';
    display: block;
    height: 40px;
  }
  
  .pt-sidenav-social {
    width: inherit;
    bottom: 0;
    right: 0;
    background-color: #2D2A49;
    border-top: solid 1px rgba(0, 0, 0, 0.12);
    padding: 8px 16px;
    transform: translateX(100%);
    transition: transform 0.33s cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.33s;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .pt-sidenav-social i {
    opacity: .7;
    -webkit-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
    -o-transition: opacity 0.15s ease-in-out;
    -moz-transition: opacity 0.15s ease-in-out;
  }
  .pt-sidenav-social i:hover {
    opacity: 1;
  }
  .pt-sidenav-social.pt-sidenav-social-fixed {
    position: fixed;
    transform: translateX(0);
    z-index: 1030;
  }
  
  .sidebar-footer {
    margin-bottom: 20px;
  }
  .sidebar-footer .sidebar-bottom {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: baseline;
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    align-items: baseline;
  }
  .sidebar-footer .sidebar-bottom a {
    border-left: solid 1px rgba(255, 255, 255, 0.12);
    padding-left: 8px;
    margin-left: 8px;
  }
  .sidebar-footer .sidebar-bottom a:first-child {
    border-left: none;
    padding-left: 0;
    margin-left: 0;
  }
  .sidebar-footer .sidebar-follow {
    margin-bottom: 16px;
  }
  .sidebar-footer .sidebar-follow .twitter-follow-button {
    margin-bottom: -2px;
  }
  
  @media (max-width: 576px) {
    .pt-sidenav {
      width: 280px;
    }
  
    .pt-sidenav-social {
      width: inherit;
    }
  }
  #sideSearch-Close {
    cursor: pointer;
    user-select: none;
  }
  
  .pt-side-search input:checked + label:hover,
  .pt-side-search input:checked ~ label:hover,
  .pt-side-search input:checked ~ label:hover ~ label,
  .pt-side-search label:hover ~ input:checked ~ label {
    color: rgba(233, 229, 246, 0.6) !important;
  }
  .pt-side-search .pt-block-subheader {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: -1px;
    cursor: pointer;
    user-select: none;
    padding: 8px 16px;
    align-items: center;
    justify-content: space-between;
    color: rgba(233, 229, 246, 0.6) !important;
  }
  .pt-side-search .pt-block-subheader.pt-search-simple::after {
    opacity: 0;
  }
  .pt-side-search .pt-block-subheader:hover {
    background-color: #565380;
  }
  .pt-side-search .pt-block-subheader::after {
    display: block;
    width: 24px;
    height: 24px;
    text-align: center;
    transform: rotate(180deg);
    content: "\0E313";
    color: rgba(233, 229, 246, 0.6);
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
  }
  .pt-side-search .checkbox-mutisearch {
    height: calc((10 * 32px) + 20px);
    padding: 8px;
    border-radius: 4px;
    border: 2px solid rgba(233, 229, 246, 0.3);
    overflow-y: auto;
  }
  .pt-side-search .checkbox-mutisearch.checkbox-mutisearch-mobile {
    height: calc((5 * 32px) + 20px);
  }
  .pt-side-search .checkbox-mutisearch:hover {
    border-color: #9575cd;
  }
  .pt-side-search section {
    overflow: hidden;
    margin-bottom: 0px;
    max-height: 1000px;
    padding: 16px 0;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
  }
  .pt-side-search section .pt-reset-fillter {
    position: absolute;
    right: 16px;
    top: 18px;
  }
  .pt-side-search section .pt-room_search {
    height: calc((4 * 24px) + 14px);
  }
  .pt-side-search section .pt-room_search option {
    height: 24px;
  }
  .pt-side-search section label .pure-material-radio + .pt-lists-item__text {
    position: relative;
    top: -4px;
  }
  .pt-side-search section label .pure-material-checkbox + .pt-lists-item__text {
    position: relative;
    top: -2px;
  }
  
  .community-search:checked ~ .community-search-section,
  .member-search:checked ~ .member-search-section,
  .forum-category-search:checked ~ .forum-category-search-section,
  .time-search:checked ~ .time-search-section,
  .specific-search:checked ~ .specific-search-section {
    max-height: 0;
    padding: 0;
  }
  
  .search-accordion[type=checkbox]:checked + .search-label::after {
    transform: rotate(0deg);
  }
  
  .room-side_search-section, .tag-side_search-section {
    overflow: hidden;
    max-height: 1000px;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
  }
  .room-side_search-section.section--close, .tag-side_search-section.section--close {
    max-height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
  }
  .room-side_search-section.search-disabled, .tag-side_search-section.search-disabled {
    opacity: 0.3;
    pointer-events: none;
    user-select: none;
  }
  
  .pt-form-pickdate::-webkit-calendar-picker-indicator {
    background: red;
    opacity: 0;
    height: 1.5rem;
    width: 1.5rem;
    outline: none;
    position: absolute;
    right: 0;
    top: 4px;
    z-index: 2;
  }
  
  /* Lists */
  ol.pt-lists_order-decimal {
    list-style-type: none;
    counter-reset: item;
    margin: 0;
    padding: 0;
  }
  ol.pt-lists_order-decimal > li {
    display: table;
    counter-increment: item;
    margin-bottom: 16px;
    line-height: 1.5;
  }
  ol.pt-lists_order-decimal > li::before {
    content: counters(item,".") ". ";
    display: table-cell;
    padding-right: 8px;
  }
  ol.pt-lists_order-decimal > li ol.pt-lists_order-decimal > li {
    margin-bottom: 8px;
  }
  ol.pt-lists_order-decimal > li ol.pt-lists_order-decimal > li::before {
    content: counters(item,".") " ";
  }
  
  ol.pt-lists_order-decimal-basic {
    margin: 0;
    padding: 0 0 0 32px;
  }
  ol.pt-lists_order-decimal-basic > li {
    margin-bottom: 8px;
  }
  
  ul.pt-lists_unorder-decimal li {
    line-height: 1.5;
    margin-bottom: 8px;
  }
  
  ul.pt-lists_style-none {
    padding: 0;
    margin: 0;
  }
  ul.pt-lists_style-none li {
    list-style: none;
    line-height: 1.5;
    margin-bottom: 8px;
  }
  
  li:focus {
    outline: none;
  }
  
  .pt-lists {
    margin: 0;
    padding: 8px 0;
    list-style-type: none;
  }
  
  .pt-lists-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    height: 48px;
    background-color: transparent;
    position: relative;
    color: rgba(233, 229, 246, 0.87);
    /*> a:visited { 
        .pt-lists-item__primary-text {
            color: $purple-pantip-300;
        } 
        .pt-lists-item__secondary-text {
            color: $purple-pantip-300;
        } 
    }*/
  }
  .pt-lists-item > a, .pt-lists-item > label, .pt-lists-item > .pt-lists-item__label {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-transition: background-color 0.15s linear;
    -moz-transition: background-color 0.15s linear;
    -o-transition: background-color 0.15s linear;
    -ms-transition: background-color 0.15s linear;
    transition: background-color 0.15s linear;
    color: rgba(233, 229, 246, 0.87);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    width: 100%;
    height: 100%;
    padding: 0 16px;
    margin-bottom: 0;
    overflow: hidden;
    text-decoration: none;
  }
  .pt-lists-item:hover {
    background-color: rgba(0, 0, 0, 0.12);
  }
  .pt-lists-item:hover .pt-lists-item__text {
    color: #FFFFFF;
  }
  .pt-lists-item:active, .pt-lists-item.active, .pt-lists-item.active:hover {
    background-color: rgba(0, 0, 0, 0.24);
    color: #FFFFFF;
  }
  .pt-lists-item:active .pt-lists-item__text, .pt-lists-item:active .material-icons, .pt-lists-item:active .pantip-form .checkbox input + i::after, .pantip-form .checkbox .pt-lists-item:active input + i::after, .pt-lists-item:active .rating-star-half > label::before, .pt-lists-item:active .pt-breadcrumb a::before, .pt-breadcrumb .pt-lists-item:active a::before, .pt-lists-item:active .pt-movie-tagging__rate > label::before, .pt-lists-item:active .pt-side-search .pt-block-subheader::after, .pt-side-search .pt-lists-item:active .pt-block-subheader::after, .pt-lists-item:active .pt-accordion .pt-accordion__input[type=checkbox] + .pt-accordion__label::after, .pt-accordion .pt-lists-item:active .pt-accordion__input[type=checkbox] + .pt-accordion__label::after, .pt-lists-item:active .pt-accordion__more-state ~ div .pt-accordion__more-trigger-arrow > i, .pt-accordion__more-state ~ div .pt-lists-item:active .pt-accordion__more-trigger-arrow > i, .pt-lists-item:active .pt-accordion_type-policy .pt-accordion__input[type=radio] + .pt-accordion__label::after, .pt-accordion_type-policy .pt-lists-item:active .pt-accordion__input[type=radio] + .pt-accordion__label::after, .pt-lists-item:active .pt-select-list.select-now a:after, .pt-select-list.select-now .pt-lists-item:active a:after, .pt-lists-item:active .pt-list-filter-mobile .selected::before, .pt-list-filter-mobile .pt-lists-item:active .selected::before, .pt-lists-item:active .search-tag.with-icon-search::before, .pt-lists-item.active .pt-lists-item__text, .pt-lists-item.active .material-icons, .pt-lists-item.active .pantip-form .checkbox input + i::after, .pantip-form .checkbox .pt-lists-item.active input + i::after, .pt-lists-item.active .rating-star-half > label::before, .pt-lists-item.active .pt-breadcrumb a::before, .pt-breadcrumb .pt-lists-item.active a::before, .pt-lists-item.active .pt-movie-tagging__rate > label::before, .pt-lists-item.active .pt-side-search .pt-block-subheader::after, .pt-side-search .pt-lists-item.active .pt-block-subheader::after, .pt-lists-item.active .pt-accordion .pt-accordion__input[type=checkbox] + .pt-accordion__label::after, .pt-accordion .pt-lists-item.active .pt-accordion__input[type=checkbox] + .pt-accordion__label::after, .pt-lists-item.active .pt-accordion__more-state ~ div .pt-accordion__more-trigger-arrow > i, .pt-accordion__more-state ~ div .pt-lists-item.active .pt-accordion__more-trigger-arrow > i, .pt-lists-item.active .pt-accordion_type-policy .pt-accordion__input[type=radio] + .pt-accordion__label::after, .pt-accordion_type-policy .pt-lists-item.active .pt-accordion__input[type=radio] + .pt-accordion__label::after, .pt-lists-item.active .pt-select-list.select-now a:after, .pt-select-list.select-now .pt-lists-item.active a:after, .pt-lists-item.active .pt-list-filter-mobile .selected::before, .pt-list-filter-mobile .pt-lists-item.active .selected::before, .pt-lists-item.active .search-tag.with-icon-search::before, .pt-lists-item.active:hover .pt-lists-item__text, .pt-lists-item.active:hover .material-icons, .pt-lists-item.active:hover .pantip-form .checkbox input + i::after, .pantip-form .checkbox .pt-lists-item.active:hover input + i::after, .pt-lists-item.active:hover .rating-star-half > label::before, .pt-lists-item.active:hover .pt-breadcrumb a::before, .pt-breadcrumb .pt-lists-item.active:hover a::before, .pt-lists-item.active:hover .pt-movie-tagging__rate > label::before, .pt-lists-item.active:hover .pt-side-search .pt-block-subheader::after, .pt-side-search .pt-lists-item.active:hover .pt-block-subheader::after, .pt-lists-item.active:hover .pt-accordion .pt-accordion__input[type=checkbox] + .pt-accordion__label::after, .pt-accordion .pt-lists-item.active:hover .pt-accordion__input[type=checkbox] + .pt-accordion__label::after, .pt-lists-item.active:hover .pt-accordion__more-state ~ div .pt-accordion__more-trigger-arrow > i, .pt-accordion__more-state ~ div .pt-lists-item.active:hover .pt-accordion__more-trigger-arrow > i, .pt-lists-item.active:hover .pt-accordion_type-policy .pt-accordion__input[type=radio] + .pt-accordion__label::after, .pt-accordion_type-policy .pt-lists-item.active:hover .pt-accordion__input[type=radio] + .pt-accordion__label::after, .pt-lists-item.active:hover .pt-select-list.select-now a:after, .pt-select-list.select-now .pt-lists-item.active:hover a:after, .pt-lists-item.active:hover .pt-list-filter-mobile .selected::before, .pt-list-filter-mobile .pt-lists-item.active:hover .selected::before, .pt-lists-item.active:hover .search-tag.with-icon-search::before {
    color: #FFFFFF;
  }
  .pt-lists-item:active .pt-lists-item__graphic, .pt-lists-item.active .pt-lists-item__graphic, .pt-lists-item.active:hover .pt-lists-item__graphic {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
  }
  .pt-lists-item.pt-lists-item__readmark {
    opacity: 0.87;
    background-color: rgba(0, 0, 0, 0.24);
  }
  .pt-lists-item.pt-lists-item__disabled {
    opacity: 0.38;
    background-color: transparent;
    cursor: default;
    pointer-events: none;
  }
  .pt-lists-item.pt-lists-item__border::after {
    content: '';
    display: block;
    width: calc(100%);
    height: 1px;
    line-height: 1px;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.12);
    bottom: 0;
    right: 0;
  }
  .pt-lists-item.pt-lists-item__border:last-child::after {
    display: none;
  }
  
  .pt-lists-item__optmenu > a {
    width: calc(100% - 56px);
    padding-right: 0;
  }
  
  .pt-lists-optmenu-manyitems > li {
    width: 100%;
    margin-right: 24px;
  }
  
  .pt-lists-item__text {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 8px;
    width: 100%;
  }
  
  .pt-lists-item__primary-text {
    color: rgba(233, 229, 246, 0.87);
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    overflow: hidden;
    display: block;
    margin-top: 0;
    margin-bottom: -20px;
  }
  .pt-lists-item__primary-text .pantip-icons, .pt-lists-item__primary-text .pt-breadcrumb a:first-child::before, .pt-breadcrumb .pt-lists-item__primary-text a:first-child::before {
    opacity: 0.87;
  }
  .pt-lists-item__primary-text::before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0;
  }
  .pt-lists-item__primary-text::after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px;
  }
  
  .pt-lists-item__secondary-text {
    color: rgba(233, 229, 246, 0.6);
    font-size: 0.875rem;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    overflow: hidden;
    display: block;
    margin-top: 0;
  }
  .pt-lists-item__secondary-text .pantip-icons, .pt-lists-item__secondary-text .pt-breadcrumb a:first-child::before, .pt-breadcrumb .pt-lists-item__secondary-text a:first-child::before {
    opacity: 0.6;
  }
  .pt-lists-item__secondary-text::before {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: 0;
  }
  
  .pt-lists-item__lead {
    color: rgba(233, 229, 246, 0.3);
    margin-left: 12px;
    margin-right: 20px;
  }
  .pt-lists-item__lead.pure-material-checkbox, .pt-lists-item__lead.pure-material-radio {
    margin-right: 20px !important;
  }
  
  .pt-lists-item__meta {
    color: rgba(233, 229, 246, 0.6);
    text-align: right;
    margin-left: auto;
    margin-right: 0;
  }
  .pt-lists-item__meta .pantip-icons, .pt-lists-item__meta .pt-breadcrumb a:first-child::before, .pt-breadcrumb .pt-lists-item__meta a:first-child::before {
    opacity: 0.6;
  }
  
  .pt-lists-item__meta-text {
    -webkit-align-self: flex-start;
    -moz-align-self: flex-start;
    -ms-align-self: flex-start;
    align-self: flex-start;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end;
    color: rgba(233, 229, 246, 0.6);
    font-size: 0.75rem;
    text-align: right;
    margin-left: auto;
    margin-right: 0;
    position: relative;
    margin-top: 18px;
    display: block;
  }
  .pt-lists-item__meta-text .pt-lists-item__meta-badge {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background-color: #F44336;
    min-width: 8px;
    min-height: 8px;
    width: 8px;
    height: 8px;
    padding: 2px;
    margin-left: auto;
    margin-top: 8px;
    border-radius: 50%;
  }
  .pt-lists-item__meta-text .pt-lists-item__meta-badgenumber {
    color: #FFFFFF;
    background-color: #F44336;
    font-style: normal;
    font-size: 0.625rem;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    margin-left: auto;
    margin-top: 2px;
    border-radius: 50%;
  }
  .pt-lists-item__meta-text .pt-lists-item__meta-badgeicon {
    color: rgba(233, 229, 246, 0.6);
    font-style: normal;
    display: block;
    font-size: 18px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    margin-left: auto;
    margin-top: 2px;
  }
  
  button.pt-lists-item__meta {
    min-width: 40px;
    max-height: 40px;
    margin-right: 12px;
    margin-left: auto;
  }
  button.pt-lists-item__meta i {
    display: inline-block;
    width: 24px;
    height: 24px;
    font-size: 24px;
    vertical-align: -4px;
  }
  
  .pt-lists-item__checkbox {
    cursor: pointer;
    margin: 0;
  }
  
  .pt-lists-group__subheader {
    color: rgba(233, 229, 246, 0.87);
  }
  
  .pt-lists-item__graphic {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -moz-inline-flexbox;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    color: rgba(233, 229, 246, 0.6);
    margin-left: 0;
    margin-right: 32px;
    width: 24px;
    height: 24px;
  }
  .pt-lists-item__graphic.material-icons, .pantip-form .checkbox input + i.pt-lists-item__graphic::after, .rating-star-half > label.pt-lists-item__graphic::before, .pt-breadcrumb a.pt-lists-item__graphic::before, .pt-movie-tagging__rate > label.pt-lists-item__graphic::before, .pt-side-search .pt-lists-item__graphic.pt-block-subheader::after, .pt-accordion .pt-accordion__input[type=checkbox] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-accordion__more-state ~ div .pt-accordion__more-trigger-arrow > i.pt-lists-item__graphic, .pt-accordion_type-policy .pt-accordion__input[type=radio] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-select-list.select-now a.pt-lists-item__graphic:after, .pt-list-filter-mobile .pt-lists-item__graphic.selected::before, .pt-lists-item__graphic.search-tag.with-icon-search::before {
    margin-left: 8px;
    margin-right: 24px;
  }
  .pt-lists-item__graphic.pantip-icons, .pt-breadcrumb a.pt-lists-item__graphic:first-child::before {
    margin-left: 8px;
    margin-right: 24px;
    opacity: 0.6;
  }
  
  .pt-lists-item__divider {
    height: 0;
    margin: 8px 0;
    border: none;
    border-bottom: solid 1px rgba(255, 255, 255, 0.12);
  }
  
  .pt-lists--avatar-list .pt-lists-item {
    height: 56px;
  }
  .pt-lists--avatar-list .pt-lists-item__graphic {
    background-color: rgba(0, 0, 0, 0.38);
    margin-left: 0;
    margin-right: 16px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
  }
  .pt-lists--avatar-list .pt-lists-item__graphic.img-thumbnail {
    width: 40px;
    height: 40px;
    background-position: center center;
    background-size: cover;
  }
  
  .pt-lists--image-list .pt-lists-item {
    height: 72px;
  }
  .pt-lists--image-list .pt-lists-item.pt-lists-item__border::after {
    content: '';
    display: block;
    width: calc(100% - 88px);
    height: 1px;
    line-height: 1px;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.12);
    bottom: 0;
    right: 0;
  }
  .pt-lists--image-list .pt-lists-item.pt-lists-item__border:last-child::after {
    display: none;
  }
  .pt-lists--image-list .pt-lists-item__graphic {
    background-color: rgba(0, 0, 0, 0.38);
    margin-left: 0;
    margin-right: 16px;
    width: 56px;
    height: 56px;
  }
  .pt-lists--image-list .pt-lists-item__graphic.img-thumbnail {
    width: 56px;
    height: 56px;
    background-position: center center;
    background-size: cover;
    border-radius: 0.125rem;
  }
  
  .pt-lists--two-line .pt-lists-item {
    height: 64px;
  }
  .pt-lists--two-line .pt-lists-item .pt-lists-item__text {
    margin-top: -4px;
  }
  .pt-lists--two-line .pt-lists-item.pt-lists-item__border::after {
    content: '';
    display: block;
    width: calc(100%);
    height: 1px;
    line-height: 1px;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.12);
    bottom: 0;
    right: 0;
  }
  .pt-lists--two-line .pt-lists-item.pt-lists-item__border:last-child::after {
    display: none;
  }
  .pt-lists--two-line .pt-lists-item__text {
    -webkit-align-self: flex-start;
    -moz-align-self: flex-start;
    -ms-align-self: flex-start;
    align-self: flex-start;
  }
  
  .pt-lists--two-line.pt-lists--avatar-list .pt-lists-item,
  .pt-lists--two-line.pt-lists--image-list .pt-lists-item {
    height: 72px;
  }
  .pt-lists--two-line.pt-lists--avatar-list .pt-lists-item .pt-lists-item__text,
  .pt-lists--two-line.pt-lists--image-list .pt-lists-item .pt-lists-item__text {
    margin-top: 0px;
  }
  .pt-lists--two-line.pt-lists--avatar-list .pt-lists-item .pantip-icons, .pt-lists--two-line.pt-lists--avatar-list .pt-lists-item .pt-breadcrumb a:first-child::before, .pt-breadcrumb .pt-lists--two-line.pt-lists--avatar-list .pt-lists-item a:first-child::before,
  .pt-lists--two-line.pt-lists--image-list .pt-lists-item .pantip-icons,
  .pt-lists--two-line.pt-lists--image-list .pt-lists-item .pt-breadcrumb a:first-child::before,
  .pt-breadcrumb .pt-lists--two-line.pt-lists--image-list .pt-lists-item a:first-child::before {
    opacity: 0.3;
  }
  .pt-lists--two-line.pt-lists--avatar-list .pt-lists-item__text,
  .pt-lists--two-line.pt-lists--image-list .pt-lists-item__text {
    -webkit-align-self: flex-start;
    -moz-align-self: flex-start;
    -ms-align-self: flex-start;
    align-self: flex-start;
  }
  
  .pt-lists--two-line.pt-lists--image-list .pt-lists-item.pt-lists-item__border::after {
    width: calc(100% - 88px);
  }
  
  .pt-lists--three-line .pt-lists-item,
  .pt-lists--three-line.pt-lists--avatar-list .pt-lists-item {
    height: 88px;
  }
  .pt-lists--three-line .pt-lists-item .pt-lists-item__text,
  .pt-lists--three-line.pt-lists--avatar-list .pt-lists-item .pt-lists-item__text {
    margin-top: -2px;
  }
  .pt-lists--three-line .pt-lists-item::after,
  .pt-lists--three-line.pt-lists--avatar-list .pt-lists-item::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    line-height: 1px;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.12);
    bottom: 0;
    right: 0;
  }
  .pt-lists--three-line .pt-lists-item:last-child::after,
  .pt-lists--three-line.pt-lists--avatar-list .pt-lists-item:last-child::after {
    display: none;
  }
  .pt-lists--three-line .pt-lists-item.col::after, .pt-lists--three-line .pt-lists-item .pt-lists-item__noborder::after,
  .pt-lists--three-line.pt-lists--avatar-list .pt-lists-item.col::after,
  .pt-lists--three-line.pt-lists--avatar-list .pt-lists-item .pt-lists-item__noborder::after {
    display: none;
  }
  .pt-lists--three-line .pt-lists-item.col::after, .pt-lists--three-line .pt-lists-item .pt-lists-item__noborder:last-child::after,
  .pt-lists--three-line.pt-lists--avatar-list .pt-lists-item.col::after,
  .pt-lists--three-line.pt-lists--avatar-list .pt-lists-item .pt-lists-item__noborder:last-child::after {
    display: none;
  }
  .pt-lists--three-line .pt-lists-item__text,
  .pt-lists--three-line.pt-lists--avatar-list .pt-lists-item__text {
    -webkit-align-self: flex-start;
    -moz-align-self: flex-start;
    -ms-align-self: flex-start;
    align-self: flex-start;
  }
  .pt-lists--three-line .pt-lists-item__text .pt-lists-item__primary-text.pt-lists-item__primary-text-2line,
  .pt-lists--three-line.pt-lists--avatar-list .pt-lists-item__text .pt-lists-item__primary-text.pt-lists-item__primary-text-2line {
    white-space: normal;
    max-height: 56px;
    line-height: 21px;
    margin-bottom: -2px;
  }
  .pt-lists--three-line .pt-lists-item__text .pt-lists-item__primary-text.pt-lists-item__primary-text-2line + .pt-lists-item__secondary-text,
  .pt-lists--three-line.pt-lists--avatar-list .pt-lists-item__text .pt-lists-item__primary-text.pt-lists-item__primary-text-2line + .pt-lists-item__secondary-text {
    white-space: normal;
    line-height: 18px;
    max-height: 24px;
  }
  .pt-lists--three-line .pt-lists-item__text .pt-lists-item__secondary-text,
  .pt-lists--three-line.pt-lists--avatar-list .pt-lists-item__text .pt-lists-item__secondary-text {
    white-space: normal;
    line-height: 18px;
    max-height: 41px;
  }
  .pt-lists--three-line .pt-lists-item__meta-text,
  .pt-lists--three-line.pt-lists--avatar-list .pt-lists-item__meta-text {
    margin-top: 16px;
  }
  .pt-lists--three-line .pt-lists-item__meta-text .pt-lists-item__meta-badge,
  .pt-lists--three-line.pt-lists--avatar-list .pt-lists-item__meta-text .pt-lists-item__meta-badge {
    margin-top: 8px;
  }
  .pt-lists--three-line .pt-lists-item__meta-text .pt-lists-item__meta-badgenumber,
  .pt-lists--three-line.pt-lists--avatar-list .pt-lists-item__meta-text .pt-lists-item__meta-badgenumber {
    margin-top: 2px;
  }
  .pt-lists--three-line .pt-lists-item__graphic,
  .pt-lists--three-line.pt-lists--avatar-list .pt-lists-item__graphic {
    background-color: rgba(0, 0, 0, 0.38);
    margin-left: 0;
    margin-right: 16px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
  }
  .pt-lists--three-line .pt-lists-item__graphic.img-thumbnail,
  .pt-lists--three-line.pt-lists--avatar-list .pt-lists-item__graphic.img-thumbnail {
    width: 48px;
    height: 48px;
    background-position: center center;
    background-size: cover;
  }
  .pt-lists--three-line .pt-lists-item__graphic.material-icons, .pt-lists--three-line .pantip-form .checkbox input + i.pt-lists-item__graphic::after, .pantip-form .checkbox .pt-lists--three-line input + i.pt-lists-item__graphic::after, .pt-lists--three-line .rating-star-half > label.pt-lists-item__graphic::before, .pt-lists--three-line .pt-breadcrumb a.pt-lists-item__graphic::before, .pt-breadcrumb .pt-lists--three-line a.pt-lists-item__graphic::before, .pt-lists--three-line .pt-movie-tagging__rate > label.pt-lists-item__graphic::before, .pt-lists--three-line .pt-side-search .pt-lists-item__graphic.pt-block-subheader::after, .pt-side-search .pt-lists--three-line .pt-lists-item__graphic.pt-block-subheader::after, .pt-lists--three-line .pt-accordion .pt-accordion__input[type=checkbox] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-accordion .pt-lists--three-line .pt-accordion__input[type=checkbox] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-lists--three-line .pt-accordion__more-state ~ div .pt-accordion__more-trigger-arrow > i.pt-lists-item__graphic, .pt-accordion__more-state ~ div .pt-lists--three-line .pt-accordion__more-trigger-arrow > i.pt-lists-item__graphic, .pt-lists--three-line .pt-accordion_type-policy .pt-accordion__input[type=radio] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-accordion_type-policy .pt-lists--three-line .pt-accordion__input[type=radio] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-lists--three-line .pt-select-list.select-now a.pt-lists-item__graphic:after, .pt-select-list.select-now .pt-lists--three-line a.pt-lists-item__graphic:after, .pt-lists--three-line .pt-list-filter-mobile .pt-lists-item__graphic.selected::before, .pt-list-filter-mobile .pt-lists--three-line .pt-lists-item__graphic.selected::before, .pt-lists--three-line .pt-lists-item__graphic.search-tag.with-icon-search::before,
  .pt-lists--three-line.pt-lists--avatar-list .pt-lists-item__graphic.material-icons,
  .pt-lists--three-line.pt-lists--avatar-list .pantip-form .checkbox input + i.pt-lists-item__graphic::after,
  .pantip-form .checkbox .pt-lists--three-line.pt-lists--avatar-list input + i.pt-lists-item__graphic::after,
  .pt-lists--three-line.pt-lists--avatar-list .rating-star-half > label.pt-lists-item__graphic::before,
  .pt-lists--three-line.pt-lists--avatar-list .pt-breadcrumb a.pt-lists-item__graphic::before,
  .pt-breadcrumb .pt-lists--three-line.pt-lists--avatar-list a.pt-lists-item__graphic::before,
  .pt-lists--three-line.pt-lists--avatar-list .pt-movie-tagging__rate > label.pt-lists-item__graphic::before,
  .pt-lists--three-line.pt-lists--avatar-list .pt-side-search .pt-lists-item__graphic.pt-block-subheader::after,
  .pt-side-search .pt-lists--three-line.pt-lists--avatar-list .pt-lists-item__graphic.pt-block-subheader::after,
  .pt-lists--three-line.pt-lists--avatar-list .pt-accordion .pt-accordion__input[type=checkbox] + .pt-lists-item__graphic.pt-accordion__label::after,
  .pt-accordion .pt-lists--three-line.pt-lists--avatar-list .pt-accordion__input[type=checkbox] + .pt-lists-item__graphic.pt-accordion__label::after,
  .pt-lists--three-line.pt-lists--avatar-list .pt-accordion__more-state ~ div .pt-accordion__more-trigger-arrow > i.pt-lists-item__graphic,
  .pt-accordion__more-state ~ div .pt-lists--three-line.pt-lists--avatar-list .pt-accordion__more-trigger-arrow > i.pt-lists-item__graphic,
  .pt-lists--three-line.pt-lists--avatar-list .pt-accordion_type-policy .pt-accordion__input[type=radio] + .pt-lists-item__graphic.pt-accordion__label::after,
  .pt-accordion_type-policy .pt-lists--three-line.pt-lists--avatar-list .pt-accordion__input[type=radio] + .pt-lists-item__graphic.pt-accordion__label::after,
  .pt-lists--three-line.pt-lists--avatar-list .pt-select-list.select-now a.pt-lists-item__graphic:after,
  .pt-select-list.select-now .pt-lists--three-line.pt-lists--avatar-list a.pt-lists-item__graphic:after,
  .pt-lists--three-line.pt-lists--avatar-list .pt-list-filter-mobile .pt-lists-item__graphic.selected::before,
  .pt-list-filter-mobile .pt-lists--three-line.pt-lists--avatar-list .pt-lists-item__graphic.selected::before,
  .pt-lists--three-line.pt-lists--avatar-list .pt-lists-item__graphic.search-tag.with-icon-search::before {
    color: rgba(233, 229, 246, 0.87);
  }
  .pt-lists--three-line .pt-lists-item__graphic.pantip-icons, .pt-lists--three-line .pt-breadcrumb a.pt-lists-item__graphic:first-child::before, .pt-breadcrumb .pt-lists--three-line a.pt-lists-item__graphic:first-child::before, .pt-lists--three-line .pt-lists-item__graphic .pantip-icons, .pt-lists--three-line .pt-lists-item__graphic .pt-breadcrumb a:first-child::before, .pt-breadcrumb .pt-lists--three-line .pt-lists-item__graphic a:first-child::before,
  .pt-lists--three-line.pt-lists--avatar-list .pt-lists-item__graphic.pantip-icons,
  .pt-lists--three-line.pt-lists--avatar-list .pt-breadcrumb a.pt-lists-item__graphic:first-child::before,
  .pt-breadcrumb .pt-lists--three-line.pt-lists--avatar-list a.pt-lists-item__graphic:first-child::before,
  .pt-lists--three-line.pt-lists--avatar-list .pt-lists-item__graphic .pantip-icons,
  .pt-lists--three-line.pt-lists--avatar-list .pt-lists-item__graphic .pt-breadcrumb a:first-child::before,
  .pt-breadcrumb .pt-lists--three-line.pt-lists--avatar-list .pt-lists-item__graphic a:first-child::before {
    opacity: 0.87;
  }
  
  .pt-lists--three-line.pt-lists--image-list .pt-lists-item__graphic {
    margin-left: 0;
    margin-right: 16px;
    width: 56px;
    height: 56px;
  }
  .pt-lists--three-line.pt-lists--image-list .pt-lists-item__graphic.img-thumbnail {
    width: 56px;
    height: 56px;
    background-position: center center;
    background-size: cover;
  }
  .pt-lists--three-line.pt-lists--image-list .pt-lists-item__graphic.material-icons, .pt-lists--three-line.pt-lists--image-list .pantip-form .checkbox input + i.pt-lists-item__graphic::after, .pantip-form .checkbox .pt-lists--three-line.pt-lists--image-list input + i.pt-lists-item__graphic::after, .pt-lists--three-line.pt-lists--image-list .rating-star-half > label.pt-lists-item__graphic::before, .pt-lists--three-line.pt-lists--image-list .pt-breadcrumb a.pt-lists-item__graphic::before, .pt-breadcrumb .pt-lists--three-line.pt-lists--image-list a.pt-lists-item__graphic::before, .pt-lists--three-line.pt-lists--image-list .pt-movie-tagging__rate > label.pt-lists-item__graphic::before, .pt-lists--three-line.pt-lists--image-list .pt-side-search .pt-lists-item__graphic.pt-block-subheader::after, .pt-side-search .pt-lists--three-line.pt-lists--image-list .pt-lists-item__graphic.pt-block-subheader::after, .pt-lists--three-line.pt-lists--image-list .pt-accordion .pt-accordion__input[type=checkbox] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-accordion .pt-lists--three-line.pt-lists--image-list .pt-accordion__input[type=checkbox] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-lists--three-line.pt-lists--image-list .pt-accordion__more-state ~ div .pt-accordion__more-trigger-arrow > i.pt-lists-item__graphic, .pt-accordion__more-state ~ div .pt-lists--three-line.pt-lists--image-list .pt-accordion__more-trigger-arrow > i.pt-lists-item__graphic, .pt-lists--three-line.pt-lists--image-list .pt-accordion_type-policy .pt-accordion__input[type=radio] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-accordion_type-policy .pt-lists--three-line.pt-lists--image-list .pt-accordion__input[type=radio] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-lists--three-line.pt-lists--image-list .pt-select-list.select-now a.pt-lists-item__graphic:after, .pt-select-list.select-now .pt-lists--three-line.pt-lists--image-list a.pt-lists-item__graphic:after, .pt-lists--three-line.pt-lists--image-list .pt-list-filter-mobile .pt-lists-item__graphic.selected::before, .pt-list-filter-mobile .pt-lists--three-line.pt-lists--image-list .pt-lists-item__graphic.selected::before, .pt-lists--three-line.pt-lists--image-list .pt-lists-item__graphic.search-tag.with-icon-search::before {
    color: rgba(233, 229, 246, 0.87);
  }
  .pt-lists--three-line.pt-lists--image-list .pt-lists-item__graphic.pantip-icons, .pt-lists--three-line.pt-lists--image-list .pt-breadcrumb a.pt-lists-item__graphic:first-child::before, .pt-breadcrumb .pt-lists--three-line.pt-lists--image-list a.pt-lists-item__graphic:first-child::before, .pt-lists--three-line.pt-lists--image-list .pt-lists-item__graphic .pantip-icons, .pt-lists--three-line.pt-lists--image-list .pt-lists-item__graphic .pt-breadcrumb a:first-child::before, .pt-breadcrumb .pt-lists--three-line.pt-lists--image-list .pt-lists-item__graphic a:first-child::before {
    opacity: 0.87;
  }
  
  .pt-lists.pt-lists-dense .pt-lists-item {
    height: 40px;
  }
  .pt-lists.pt-lists-dense .pt-lists-item > a, .pt-lists.pt-lists-dense .pt-lists-item > label {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
  }
  .pt-lists.pt-lists-dense .pt-lists-item .pt-lists-item__primary-text {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
  }
  .pt-lists.pt-lists-dense .pt-lists-item .pt-lists-item__secondary-text {
    color: rgba(233, 229, 246, 0.6);
    font-size: 0.75rem;
  }
  .pt-lists.pt-lists-dense .pt-lists-item .pt-lists-item__meta-text {
    margin-top: 12px;
  }
  .pt-lists.pt-lists-dense .pt-lists-item .pt-lists-item__meta-text .pt-lists-item__meta-badge {
    margin-top: 12px;
  }
  .pt-lists.pt-lists-dense .pt-lists-item .pt-lists-item__meta-text .pt-lists-item__meta-badgenumber {
    margin-top: 4px;
  }
  .pt-lists.pt-lists-dense.pt-lists--avatar-list .pt-lists-item {
    height: 48px;
  }
  .pt-lists.pt-lists-dense.pt-lists--avatar-list .pt-lists-item__graphic {
    width: 36px;
    height: 36px;
  }
  .pt-lists.pt-lists-dense.pt-lists--avatar-list .pt-lists-item__graphic.img-thumbnail {
    width: 36px;
    height: 36px;
  }
  .pt-lists.pt-lists-dense.pt-lists--image-list .pt-lists-item {
    height: 56px;
  }
  .pt-lists.pt-lists-dense.pt-lists--image-list .pt-lists-item__graphic {
    width: 40px;
    height: 40px;
  }
  .pt-lists.pt-lists-dense.pt-lists--image-list .pt-lists-item__graphic.img-thumbnail {
    width: 40px;
    height: 40px;
  }
  
  .pt-lists--two-line.pt-lists-dense .pt-lists-item {
    height: 56px;
  }
  .pt-lists--two-line.pt-lists-dense .pt-lists-item .pt-lists-item__text {
    margin-top: -8px;
  }
  .pt-lists--two-line.pt-lists-dense .pt-lists-item__text {
    -webkit-align-self: flex-start;
    -moz-align-self: flex-start;
    -ms-align-self: flex-start;
    align-self: flex-start;
  }
  
  .pt-lists-item__primary-text-with-number {
    max-width: calc(100% - 88px);
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    vertical-align: -4px;
  }
  
  .pt-lists-gallery--icon-list.pt-lists-dense .pt-lists-item {
    height: 72px;
    max-height: 72px;
    min-width: 72px;
  }
  .pt-lists-gallery--icon-list.pt-lists-dense .pt-lists-item a {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
  }
  .pt-lists-gallery--icon-list.pt-lists-dense .pt-lists-item a .pt-lists-item__graphic {
    padding: 0;
    margin: 0 auto 4px;
  }
  .pt-lists-gallery--icon-list.pt-lists-dense .pt-lists-item a .pt-lists-item__text {
    font-size: 0.625rem;
    margin: 0;
    padding: 0;
  }
  
  .pt-lists--two-line.pt-lists-dense.pt-lists--avatar-list .pt-lists-item,
  .pt-lists--two-line.pt-lists-dense.pt-lists--image-list .pt-lists-item {
    height: 56px;
  }
  .pt-lists--two-line.pt-lists-dense.pt-lists--avatar-list .pt-lists-item .pt-lists-item__text,
  .pt-lists--two-line.pt-lists-dense.pt-lists--image-list .pt-lists-item .pt-lists-item__text {
    margin-top: -8px;
  }
  .pt-lists--two-line.pt-lists-dense.pt-lists--avatar-list .pt-lists-item .pantip-icons, .pt-lists--two-line.pt-lists-dense.pt-lists--avatar-list .pt-lists-item .pt-breadcrumb a:first-child::before, .pt-breadcrumb .pt-lists--two-line.pt-lists-dense.pt-lists--avatar-list .pt-lists-item a:first-child::before,
  .pt-lists--two-line.pt-lists-dense.pt-lists--image-list .pt-lists-item .pantip-icons,
  .pt-lists--two-line.pt-lists-dense.pt-lists--image-list .pt-lists-item .pt-breadcrumb a:first-child::before,
  .pt-breadcrumb .pt-lists--two-line.pt-lists-dense.pt-lists--image-list .pt-lists-item a:first-child::before {
    opacity: 0.3;
  }
  .pt-lists--two-line.pt-lists-dense.pt-lists--avatar-list .pt-lists-item__text,
  .pt-lists--two-line.pt-lists-dense.pt-lists--image-list .pt-lists-item__text {
    -webkit-align-self: flex-start;
    -moz-align-self: flex-start;
    -ms-align-self: flex-start;
    align-self: flex-start;
  }
  .pt-lists--two-line.pt-lists-dense.pt-lists--avatar-list.pt-lists--avatar-list .pt-lists-item__graphic,
  .pt-lists--two-line.pt-lists-dense.pt-lists--image-list.pt-lists--avatar-list .pt-lists-item__graphic {
    width: 40px;
    height: 40px;
  }
  .pt-lists--two-line.pt-lists-dense.pt-lists--avatar-list.pt-lists--avatar-list .pt-lists-item__graphic.img-thumbnail,
  .pt-lists--two-line.pt-lists-dense.pt-lists--image-list.pt-lists--avatar-list .pt-lists-item__graphic.img-thumbnail {
    width: 40px;
    height: 40px;
  }
  
  .pt-lists--two-line.pt-lists-dense.pt-lists--image-list .pt-lists-item.pt-lists-item__border::after {
    width: calc(100% - 72px);
  }
  
  .pt-lists--three-line.pt-lists-dense .pt-lists-item,
  .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-lists-item {
    height: 72px;
  }
  .pt-lists--three-line.pt-lists-dense .pt-lists-item .pt-lists-item__text,
  .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-lists-item .pt-lists-item__text {
    margin-top: -8px;
  }
  .pt-lists--three-line.pt-lists-dense .pt-lists-item__text .pt-lists-item__primary-text,
  .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-lists-item__text .pt-lists-item__primary-text {
    margin-bottom: -22px;
  }
  .pt-lists--three-line.pt-lists-dense .pt-lists-item__text .pt-lists-item__primary-text.pt-lists-item__primary-text-2line,
  .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-lists-item__text .pt-lists-item__primary-text.pt-lists-item__primary-text-2line {
    white-space: normal;
    max-height: 53px;
    line-height: 18px;
    margin-bottom: -6px;
  }
  .pt-lists--three-line.pt-lists-dense .pt-lists-item__text .pt-lists-item__secondary-text,
  .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-lists-item__text .pt-lists-item__secondary-text {
    white-space: normal;
    line-height: 16px;
    max-height: 39px;
  }
  .pt-lists--three-line.pt-lists-dense .pt-lists-item__meta-text,
  .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-lists-item__meta-text {
    margin-top: 12px;
  }
  .pt-lists--three-line.pt-lists-dense .pt-lists-item__meta-text .pt-lists-item__meta-badge,
  .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-lists-item__meta-text .pt-lists-item__meta-badge {
    margin-top: 10px;
  }
  .pt-lists--three-line.pt-lists-dense .pt-lists-item__meta-text .pt-lists-item__meta-badgenumber,
  .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-lists-item__meta-text .pt-lists-item__meta-badgenumber {
    margin-top: 4px;
  }
  
  .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-lists-item__graphic {
    background-color: rgba(0, 0, 0, 0.38);
    margin-left: 0;
    margin-right: 16px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
  }
  .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-lists-item__graphic.img-thumbnail {
    width: 48px;
    height: 48px;
    background-position: center center;
    background-size: cover;
  }
  .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-lists-item__graphic.material-icons, .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pantip-form .checkbox input + i.pt-lists-item__graphic::after, .pantip-form .checkbox .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list input + i.pt-lists-item__graphic::after, .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .rating-star-half > label.pt-lists-item__graphic::before, .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-breadcrumb a.pt-lists-item__graphic::before, .pt-breadcrumb .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list a.pt-lists-item__graphic::before, .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-movie-tagging__rate > label.pt-lists-item__graphic::before, .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-side-search .pt-lists-item__graphic.pt-block-subheader::after, .pt-side-search .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-lists-item__graphic.pt-block-subheader::after, .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-accordion .pt-accordion__input[type=checkbox] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-accordion .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-accordion__input[type=checkbox] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-accordion__more-state ~ div .pt-accordion__more-trigger-arrow > i.pt-lists-item__graphic, .pt-accordion__more-state ~ div .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-accordion__more-trigger-arrow > i.pt-lists-item__graphic, .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-accordion_type-policy .pt-accordion__input[type=radio] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-accordion_type-policy .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-accordion__input[type=radio] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-select-list.select-now a.pt-lists-item__graphic:after, .pt-select-list.select-now .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list a.pt-lists-item__graphic:after, .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-list-filter-mobile .pt-lists-item__graphic.selected::before, .pt-list-filter-mobile .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-lists-item__graphic.selected::before, .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-lists-item__graphic.search-tag.with-icon-search::before {
    color: rgba(233, 229, 246, 0.87);
  }
  .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-lists-item__graphic.pantip-icons, .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-breadcrumb a.pt-lists-item__graphic:first-child::before, .pt-breadcrumb .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list a.pt-lists-item__graphic:first-child::before, .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-lists-item__graphic .pantip-icons, .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-lists-item__graphic .pt-breadcrumb a:first-child::before, .pt-breadcrumb .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-lists-item__graphic a:first-child::before {
    opacity: 0.87;
  }
  
  .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-lists-item {
    height: 72px;
  }
  .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-lists-item .pt-lists-item__text {
    margin-top: -8px;
  }
  .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-lists-item__graphic {
    margin-left: 0;
    margin-right: 16px;
    width: 48px;
    height: 48px;
  }
  .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-lists-item__graphic.img-thumbnail {
    width: 48px;
    height: 48px;
    background-position: center center;
    background-size: cover;
  }
  .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-lists-item__graphic.material-icons, .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pantip-form .checkbox input + i.pt-lists-item__graphic::after, .pantip-form .checkbox .pt-lists--three-line.pt-lists-dense.pt-lists--image-list input + i.pt-lists-item__graphic::after, .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .rating-star-half > label.pt-lists-item__graphic::before, .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-breadcrumb a.pt-lists-item__graphic::before, .pt-breadcrumb .pt-lists--three-line.pt-lists-dense.pt-lists--image-list a.pt-lists-item__graphic::before, .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-movie-tagging__rate > label.pt-lists-item__graphic::before, .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-side-search .pt-lists-item__graphic.pt-block-subheader::after, .pt-side-search .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-lists-item__graphic.pt-block-subheader::after, .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-accordion .pt-accordion__input[type=checkbox] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-accordion .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-accordion__input[type=checkbox] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-accordion__more-state ~ div .pt-accordion__more-trigger-arrow > i.pt-lists-item__graphic, .pt-accordion__more-state ~ div .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-accordion__more-trigger-arrow > i.pt-lists-item__graphic, .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-accordion_type-policy .pt-accordion__input[type=radio] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-accordion_type-policy .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-accordion__input[type=radio] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-select-list.select-now a.pt-lists-item__graphic:after, .pt-select-list.select-now .pt-lists--three-line.pt-lists-dense.pt-lists--image-list a.pt-lists-item__graphic:after, .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-list-filter-mobile .pt-lists-item__graphic.selected::before, .pt-list-filter-mobile .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-lists-item__graphic.selected::before, .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-lists-item__graphic.search-tag.with-icon-search::before {
    color: rgba(233, 229, 246, 0.87);
  }
  .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-lists-item__graphic.pantip-icons, .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-breadcrumb a.pt-lists-item__graphic:first-child::before, .pt-breadcrumb .pt-lists--three-line.pt-lists-dense.pt-lists--image-list a.pt-lists-item__graphic:first-child::before, .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-lists-item__graphic .pantip-icons, .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-lists-item__graphic .pt-breadcrumb a:first-child::before, .pt-breadcrumb .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-lists-item__graphic a:first-child::before {
    opacity: 0.87;
  }
  
  .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-lists-item {
    height: 32px;
  }
  .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-lists-item__graphic {
    margin-left: 0;
    margin-right: 16px;
  }
  .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-lists-item__divider {
    margin: 8px 0;
  }
  .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-lists-item__graphic.material-icons, .pt-lists.pt-lists-dense.pt-lists-optmenu .pantip-form .checkbox input + i.pt-lists-item__graphic::after, .pantip-form .checkbox .pt-lists.pt-lists-dense.pt-lists-optmenu input + i.pt-lists-item__graphic::after, .pt-lists.pt-lists-dense.pt-lists-optmenu .rating-star-half > label.pt-lists-item__graphic::before, .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-breadcrumb a.pt-lists-item__graphic::before, .pt-breadcrumb .pt-lists.pt-lists-dense.pt-lists-optmenu a.pt-lists-item__graphic::before, .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-movie-tagging__rate > label.pt-lists-item__graphic::before, .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-side-search .pt-lists-item__graphic.pt-block-subheader::after, .pt-side-search .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-lists-item__graphic.pt-block-subheader::after, .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-accordion .pt-accordion__input[type=checkbox] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-accordion .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-accordion__input[type=checkbox] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-accordion__more-state ~ div .pt-accordion__more-trigger-arrow > i.pt-lists-item__graphic, .pt-accordion__more-state ~ div .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-accordion__more-trigger-arrow > i.pt-lists-item__graphic, .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-accordion_type-policy .pt-accordion__input[type=radio] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-accordion_type-policy .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-accordion__input[type=radio] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-select-list.select-now a.pt-lists-item__graphic:after, .pt-select-list.select-now .pt-lists.pt-lists-dense.pt-lists-optmenu a.pt-lists-item__graphic:after, .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-list-filter-mobile .pt-lists-item__graphic.selected::before, .pt-list-filter-mobile .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-lists-item__graphic.selected::before, .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-lists-item__graphic.search-tag.with-icon-search::before,
  .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-lists-item__graphic.pantip-icons,
  .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-breadcrumb a.pt-lists-item__graphic:first-child::before,
  .pt-breadcrumb .pt-lists.pt-lists-dense.pt-lists-optmenu a.pt-lists-item__graphic:first-child::before {
    font-size: 18px;
    width: 18px;
    height: 18px;
  }
  
  @media (max-width: 576px) {
    .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-lists-item {
      height: 48px;
    }
    .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-lists-item__graphic {
      margin-left: 8px;
      margin-right: 16px;
    }
    .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-lists-item__divider {
      margin: 0;
    }
    .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-lists-item__graphic.material-icons, .pt-lists.pt-lists-dense.pt-lists-optmenu .pantip-form .checkbox input + i.pt-lists-item__graphic::after, .pantip-form .checkbox .pt-lists.pt-lists-dense.pt-lists-optmenu input + i.pt-lists-item__graphic::after, .pt-lists.pt-lists-dense.pt-lists-optmenu .rating-star-half > label.pt-lists-item__graphic::before, .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-breadcrumb a.pt-lists-item__graphic::before, .pt-breadcrumb .pt-lists.pt-lists-dense.pt-lists-optmenu a.pt-lists-item__graphic::before, .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-movie-tagging__rate > label.pt-lists-item__graphic::before, .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-side-search .pt-lists-item__graphic.pt-block-subheader::after, .pt-side-search .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-lists-item__graphic.pt-block-subheader::after, .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-accordion .pt-accordion__input[type=checkbox] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-accordion .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-accordion__input[type=checkbox] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-accordion__more-state ~ div .pt-accordion__more-trigger-arrow > i.pt-lists-item__graphic, .pt-accordion__more-state ~ div .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-accordion__more-trigger-arrow > i.pt-lists-item__graphic, .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-accordion_type-policy .pt-accordion__input[type=radio] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-accordion_type-policy .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-accordion__input[type=radio] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-select-list.select-now a.pt-lists-item__graphic:after, .pt-select-list.select-now .pt-lists.pt-lists-dense.pt-lists-optmenu a.pt-lists-item__graphic:after, .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-list-filter-mobile .pt-lists-item__graphic.selected::before, .pt-list-filter-mobile .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-lists-item__graphic.selected::before, .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-lists-item__graphic.search-tag.with-icon-search::before,
    .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-lists-item__graphic.pantip-icons,
    .pt-lists.pt-lists-dense.pt-lists-optmenu .pt-breadcrumb a.pt-lists-item__graphic:first-child::before,
    .pt-breadcrumb .pt-lists.pt-lists-dense.pt-lists-optmenu a.pt-lists-item__graphic:first-child::before {
      font-size: 24px;
      width: 24px;
      height: 24px;
    }
  }
  .pt-lists.pt-lists-light_theme .pt-lists-item {
    color: rgba(0, 0, 0, 0.87);
  }
  .pt-lists.pt-lists-light_theme .pt-lists-item > a, .pt-lists.pt-lists-light_theme .pt-lists-item > label {
    -webkit-transition: background-color 0.15s linear;
    -moz-transition: background-color 0.15s linear;
    -o-transition: background-color 0.15s linear;
    -ms-transition: background-color 0.15s linear;
    transition: background-color 0.15s linear;
    color: rgba(0, 0, 0, 0.87);
  }
  .pt-lists.pt-lists-light_theme .pt-lists-item:hover {
    background-color: rgba(115, 115, 153, 0.12);
  }
  .pt-lists.pt-lists-light_theme .pt-lists-item:hover .pt-lists-item__text {
    color: #000000;
  }
  .pt-lists.pt-lists-light_theme .pt-lists-item:active, .pt-lists.pt-lists-light_theme .pt-lists-item.active, .pt-lists.pt-lists-light_theme .pt-lists-item.active:hover {
    background-color: rgba(115, 115, 153, 0.12);
  }
  .pt-lists.pt-lists-light_theme .pt-lists-item:active .pt-lists-item__text, .pt-lists.pt-lists-light_theme .pt-lists-item.active .pt-lists-item__text, .pt-lists.pt-lists-light_theme .pt-lists-item.active:hover .pt-lists-item__text {
    color: rgba(0, 0, 0, 0.87);
  }
  .pt-lists.pt-lists-light_theme .pt-lists-item.pt-lists-item__readmark {
    opacity: 0.87;
    background-color: rgba(115, 115, 153, 0.12);
  }
  .pt-lists.pt-lists-light_theme .pt-lists-item.pt-lists-item__disabled {
    opacity: 0.38;
    background-color: transparent;
    cursor: default;
    pointer-events: none;
  }
  .pt-lists.pt-lists-light_theme .pt-lists-item.pt-lists-item__border::after {
    background-color: rgba(115, 115, 153, 0.12);
  }
  .pt-lists.pt-lists-light_theme .pt-lists-item__primary-text {
    color: rgba(0, 0, 0, 0.87);
  }
  .pt-lists.pt-lists-light_theme .pt-lists-item__secondary-text {
    color: rgba(0, 0, 0, 0.54);
  }
  .pt-lists.pt-lists-light_theme .pt-lists-item__lead {
    color: rgba(0, 0, 0, 0.38);
  }
  .pt-lists.pt-lists-light_theme .pt-lists-item__meta {
    color: rgba(0, 0, 0, 0.54);
  }
  .pt-lists.pt-lists-light_theme .pt-lists-item__meta-text {
    color: rgba(0, 0, 0, 0.54);
  }
  .pt-lists.pt-lists-light_theme .pt-lists-item__meta-text .pt-lists-item__meta-badge {
    background-color: #F44336;
  }
  .pt-lists.pt-lists-light_theme .pt-lists-item__meta-text .pt-lists-item__meta-badgenumber {
    color: #FFFFFF;
    background-color: #F44336;
  }
  .pt-lists.pt-lists-light_theme .pt-lists-item__meta-text .pt-lists-item__meta-badgeicon {
    color: rgba(0, 0, 0, 0.54);
  }
  .pt-lists.pt-lists-light_theme .pt-lists-group__subheader {
    color: rgba(0, 0, 0, 0.87);
  }
  .pt-lists.pt-lists-light_theme .pt-lists-item__graphic {
    color: rgba(0, 0, 0, 0.54);
  }
  .pt-lists.pt-lists-light_theme .pt-lists-item__divider {
    border-bottom: solid 1px rgba(0, 0, 0, 0.12);
  }
  .pt-lists.pt-lists-light_theme .pt-lists--avatar-list .pt-lists-item__graphic {
    background-color: rgba(0, 0, 0, 0.38);
  }
  .pt-lists.pt-lists-light_theme .pt-lists--image-list .pt-lists-item.pt-lists-item__border::after {
    background-color: rgba(0, 0, 0, 0.12);
  }
  .pt-lists.pt-lists-light_theme .pt-lists--image-list .pt-lists-item__graphic {
    background-color: rgba(0, 0, 0, 0.38);
  }
  .pt-lists.pt-lists-light_theme .pt-lists--image-list .pt-lists-item__graphic.img-thumbnail {
    border-radius: 0.125rem;
  }
  .pt-lists.pt-lists-light_theme .pt-lists--two-line .pt-lists-item.pt-lists-item__border::after {
    background-color: rgba(0, 0, 0, 0.12);
  }
  .pt-lists.pt-lists-light_theme .pt-lists--three-line .pt-lists-item::after,
  .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--avatar-list .pt-lists-item::after {
    background-color: rgba(0, 0, 0, 0.12);
  }
  .pt-lists.pt-lists-light_theme .pt-lists--three-line .pt-lists-item__graphic,
  .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--avatar-list .pt-lists-item__graphic {
    background-color: rgba(0, 0, 0, 0.38);
  }
  .pt-lists.pt-lists-light_theme .pt-lists--three-line .pt-lists-item__graphic.material-icons, .pt-lists.pt-lists-light_theme .pt-lists--three-line .pantip-form .checkbox input + i.pt-lists-item__graphic::after, .pantip-form .checkbox .pt-lists.pt-lists-light_theme .pt-lists--three-line input + i.pt-lists-item__graphic::after, .pt-lists.pt-lists-light_theme .pt-lists--three-line .rating-star-half > label.pt-lists-item__graphic::before, .pt-lists.pt-lists-light_theme .pt-lists--three-line .pt-breadcrumb a.pt-lists-item__graphic::before, .pt-breadcrumb .pt-lists.pt-lists-light_theme .pt-lists--three-line a.pt-lists-item__graphic::before, .pt-lists.pt-lists-light_theme .pt-lists--three-line .pt-movie-tagging__rate > label.pt-lists-item__graphic::before, .pt-lists.pt-lists-light_theme .pt-lists--three-line .pt-side-search .pt-lists-item__graphic.pt-block-subheader::after, .pt-side-search .pt-lists.pt-lists-light_theme .pt-lists--three-line .pt-lists-item__graphic.pt-block-subheader::after, .pt-lists.pt-lists-light_theme .pt-lists--three-line .pt-accordion .pt-accordion__input[type=checkbox] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-accordion .pt-lists.pt-lists-light_theme .pt-lists--three-line .pt-accordion__input[type=checkbox] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-lists.pt-lists-light_theme .pt-lists--three-line .pt-accordion__more-state ~ div .pt-accordion__more-trigger-arrow > i.pt-lists-item__graphic, .pt-accordion__more-state ~ div .pt-lists.pt-lists-light_theme .pt-lists--three-line .pt-accordion__more-trigger-arrow > i.pt-lists-item__graphic, .pt-lists.pt-lists-light_theme .pt-lists--three-line .pt-accordion_type-policy .pt-accordion__input[type=radio] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-accordion_type-policy .pt-lists.pt-lists-light_theme .pt-lists--three-line .pt-accordion__input[type=radio] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-lists.pt-lists-light_theme .pt-lists--three-line .pt-select-list.select-now a.pt-lists-item__graphic:after, .pt-select-list.select-now .pt-lists.pt-lists-light_theme .pt-lists--three-line a.pt-lists-item__graphic:after, .pt-lists.pt-lists-light_theme .pt-lists--three-line .pt-list-filter-mobile .pt-lists-item__graphic.selected::before, .pt-list-filter-mobile .pt-lists.pt-lists-light_theme .pt-lists--three-line .pt-lists-item__graphic.selected::before, .pt-lists.pt-lists-light_theme .pt-lists--three-line .pt-lists-item__graphic.search-tag.with-icon-search::before,
  .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--avatar-list .pt-lists-item__graphic.material-icons,
  .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--avatar-list .pantip-form .checkbox input + i.pt-lists-item__graphic::after,
  .pantip-form .checkbox .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--avatar-list input + i.pt-lists-item__graphic::after,
  .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--avatar-list .rating-star-half > label.pt-lists-item__graphic::before,
  .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--avatar-list .pt-breadcrumb a.pt-lists-item__graphic::before,
  .pt-breadcrumb .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--avatar-list a.pt-lists-item__graphic::before,
  .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--avatar-list .pt-movie-tagging__rate > label.pt-lists-item__graphic::before,
  .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--avatar-list .pt-side-search .pt-lists-item__graphic.pt-block-subheader::after,
  .pt-side-search .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--avatar-list .pt-lists-item__graphic.pt-block-subheader::after,
  .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--avatar-list .pt-accordion .pt-accordion__input[type=checkbox] + .pt-lists-item__graphic.pt-accordion__label::after,
  .pt-accordion .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--avatar-list .pt-accordion__input[type=checkbox] + .pt-lists-item__graphic.pt-accordion__label::after,
  .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--avatar-list .pt-accordion__more-state ~ div .pt-accordion__more-trigger-arrow > i.pt-lists-item__graphic,
  .pt-accordion__more-state ~ div .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--avatar-list .pt-accordion__more-trigger-arrow > i.pt-lists-item__graphic,
  .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--avatar-list .pt-accordion_type-policy .pt-accordion__input[type=radio] + .pt-lists-item__graphic.pt-accordion__label::after,
  .pt-accordion_type-policy .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--avatar-list .pt-accordion__input[type=radio] + .pt-lists-item__graphic.pt-accordion__label::after,
  .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--avatar-list .pt-select-list.select-now a.pt-lists-item__graphic:after,
  .pt-select-list.select-now .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--avatar-list a.pt-lists-item__graphic:after,
  .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--avatar-list .pt-list-filter-mobile .pt-lists-item__graphic.selected::before,
  .pt-list-filter-mobile .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--avatar-list .pt-lists-item__graphic.selected::before,
  .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--avatar-list .pt-lists-item__graphic.search-tag.with-icon-search::before {
    color: rgba(0, 0, 0, 0.87);
  }
  .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--image-list .pt-lists-item__graphic.material-icons, .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--image-list .pantip-form .checkbox input + i.pt-lists-item__graphic::after, .pantip-form .checkbox .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--image-list input + i.pt-lists-item__graphic::after, .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--image-list .rating-star-half > label.pt-lists-item__graphic::before, .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--image-list .pt-breadcrumb a.pt-lists-item__graphic::before, .pt-breadcrumb .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--image-list a.pt-lists-item__graphic::before, .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--image-list .pt-movie-tagging__rate > label.pt-lists-item__graphic::before, .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--image-list .pt-side-search .pt-lists-item__graphic.pt-block-subheader::after, .pt-side-search .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--image-list .pt-lists-item__graphic.pt-block-subheader::after, .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--image-list .pt-accordion .pt-accordion__input[type=checkbox] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-accordion .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--image-list .pt-accordion__input[type=checkbox] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--image-list .pt-accordion__more-state ~ div .pt-accordion__more-trigger-arrow > i.pt-lists-item__graphic, .pt-accordion__more-state ~ div .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--image-list .pt-accordion__more-trigger-arrow > i.pt-lists-item__graphic, .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--image-list .pt-accordion_type-policy .pt-accordion__input[type=radio] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-accordion_type-policy .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--image-list .pt-accordion__input[type=radio] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--image-list .pt-select-list.select-now a.pt-lists-item__graphic:after, .pt-select-list.select-now .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--image-list a.pt-lists-item__graphic:after, .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--image-list .pt-list-filter-mobile .pt-lists-item__graphic.selected::before, .pt-list-filter-mobile .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--image-list .pt-lists-item__graphic.selected::before, .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists--image-list .pt-lists-item__graphic.search-tag.with-icon-search::before {
    color: rgba(0, 0, 0, 0.87);
  }
  .pt-lists.pt-lists-light_theme.pt-lists-dense .pt-lists-item .pt-lists-item__secondary-text {
    color: rgba(0, 0, 0, 0.54);
  }
  .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-lists-item__graphic {
    background-color: rgba(0, 0, 0, 0.38);
  }
  .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-lists-item__graphic.material-icons, .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pantip-form .checkbox input + i.pt-lists-item__graphic::after, .pantip-form .checkbox .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list input + i.pt-lists-item__graphic::after, .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .rating-star-half > label.pt-lists-item__graphic::before, .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-breadcrumb a.pt-lists-item__graphic::before, .pt-breadcrumb .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list a.pt-lists-item__graphic::before, .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-movie-tagging__rate > label.pt-lists-item__graphic::before, .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-side-search .pt-lists-item__graphic.pt-block-subheader::after, .pt-side-search .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-lists-item__graphic.pt-block-subheader::after, .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-accordion .pt-accordion__input[type=checkbox] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-accordion .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-accordion__input[type=checkbox] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-accordion__more-state ~ div .pt-accordion__more-trigger-arrow > i.pt-lists-item__graphic, .pt-accordion__more-state ~ div .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-accordion__more-trigger-arrow > i.pt-lists-item__graphic, .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-accordion_type-policy .pt-accordion__input[type=radio] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-accordion_type-policy .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-accordion__input[type=radio] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-select-list.select-now a.pt-lists-item__graphic:after, .pt-select-list.select-now .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list a.pt-lists-item__graphic:after, .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-list-filter-mobile .pt-lists-item__graphic.selected::before, .pt-list-filter-mobile .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-lists-item__graphic.selected::before, .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--avatar-list .pt-lists-item__graphic.search-tag.with-icon-search::before {
    color: rgba(0, 0, 0, 0.87);
  }
  .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-lists-item__graphic.material-icons, .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pantip-form .checkbox input + i.pt-lists-item__graphic::after, .pantip-form .checkbox .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--image-list input + i.pt-lists-item__graphic::after, .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .rating-star-half > label.pt-lists-item__graphic::before, .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-breadcrumb a.pt-lists-item__graphic::before, .pt-breadcrumb .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--image-list a.pt-lists-item__graphic::before, .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-movie-tagging__rate > label.pt-lists-item__graphic::before, .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-side-search .pt-lists-item__graphic.pt-block-subheader::after, .pt-side-search .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-lists-item__graphic.pt-block-subheader::after, .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-accordion .pt-accordion__input[type=checkbox] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-accordion .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-accordion__input[type=checkbox] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-accordion__more-state ~ div .pt-accordion__more-trigger-arrow > i.pt-lists-item__graphic, .pt-accordion__more-state ~ div .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-accordion__more-trigger-arrow > i.pt-lists-item__graphic, .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-accordion_type-policy .pt-accordion__input[type=radio] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-accordion_type-policy .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-accordion__input[type=radio] + .pt-lists-item__graphic.pt-accordion__label::after, .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-select-list.select-now a.pt-lists-item__graphic:after, .pt-select-list.select-now .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--image-list a.pt-lists-item__graphic:after, .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-list-filter-mobile .pt-lists-item__graphic.selected::before, .pt-list-filter-mobile .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-lists-item__graphic.selected::before, .pt-lists.pt-lists-light_theme .pt-lists--three-line.pt-lists-dense.pt-lists--image-list .pt-lists-item__graphic.search-tag.with-icon-search::before {
    color: rgba(0, 0, 0, 0.87);
  }
  .pt-lists.pt-lists-light_theme .pt-lists-item__checkbox .pure-material-checkbox > span::before,
  .pt-lists.pt-lists-light_theme .pt-lists-item__checkbox .pure-material-radio > span::before {
    border-color: rgba(0, 0, 0, 0.38);
  }
  .pt-lists.pt-lists-light_theme .pt-lists-item__checkbox .pure-material-checkbox > input:checked + span::before,
  .pt-lists.pt-lists-light_theme .pt-lists-item__checkbox .pure-material-radio > input:checked + span::before {
    border-color: #9575CD;
  }
  
  .pt-lists.row, .pt-lists_pp_activity .pt-lists.pt-lists_pp_activity-item {
    padding: 8px;
  }
  .pt-lists.row .pt-lists-item > a, .pt-lists_pp_activity .pt-lists.pt-lists_pp_activity-item .pt-lists-item > a, .pt-lists.row .pt-lists-item > label, .pt-lists_pp_activity .pt-lists.pt-lists_pp_activity-item .pt-lists-item > label {
    padding: 0 8px;
  }
  
  .pt-lists-item__checkbox {
    position: relative;
    /* Input */
    /* Span */
    /* Checked, Indeterminate */
    /* Hover, Focus */
    /* Active */
    /* Disabled */
  }
  .pt-lists-item__checkbox .pure-material-checkbox, .pt-lists-item__checkbox .pure-material-radio {
    z-index: 0;
    position: relative;
    display: inline-block;
    margin-right: -4px;
  }
  .pt-lists-item__checkbox .pure-material-checkbox > input,
  .pt-lists-item__checkbox .pure-material-radio > input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    z-index: -1;
    position: absolute;
    left: -10px;
    top: -8px;
    display: block;
    margin: 0;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: rgba(115, 115, 153, 0.12);
    box-shadow: none;
    outline: none;
    opacity: 0;
    transform: scale(1);
    pointer-events: none;
    transition: opacity 0.3s, transform 0.2s;
  }
  .pt-lists-item__checkbox .pure-material-checkbox > input.pure-material-small,
  .pt-lists-item__checkbox .pure-material-radio > input.pure-material-small {
    left: -4px;
    top: -2px;
    width: 24px;
    height: 24px;
  }
  .pt-lists-item__checkbox .pure-material-checkbox > span,
  .pt-lists-item__checkbox .pure-material-radio > span {
    font-size: 0;
    /* hidden text */
    width: 100%;
    cursor: pointer;
  }
  .pt-lists-item__checkbox .pure-material-checkbox span::before {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    margin: 3px 12px 3px 1px;
    border: solid 2px;
    border-color: rgba(233, 229, 246, 0.6);
    border-radius: 2px;
    width: 18px;
    height: 18px;
    vertical-align: top;
    transition: border-color 0.2s, background-color 0.2s;
  }
  .pt-lists-item__checkbox .pure-material-checkbox span::after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 2px;
    width: 10px;
    height: 5px;
    border: solid 2px transparent;
    border-right: none;
    border-top: none;
    transform: translate(3px, 4px) rotate(-45deg);
  }
  .pt-lists-item__checkbox .pure-material-checkbox .small-checkbox::before {
    width: 16px;
    height: 16px;
  }
  .pt-lists-item__checkbox .pure-material-checkbox .small-checkbox::after {
    top: 3px;
    left: 1px;
  }
  .pt-lists-item__checkbox .pure-material-radio span::before {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    margin: 2px 12px 2px 0;
    border: solid 2px;
    border-color: rgba(233, 229, 246, 0.6);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    vertical-align: top;
    transition: border-color 0.2s;
  }
  .pt-lists-item__checkbox .pure-material-radio span::after {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background-color: #9575CD;
    transform: translate(5px, 5px) scale(0);
    transition: transform 0.2s;
  }
  .pt-lists-item__checkbox .pure-material-radio .small-radio::before {
    width: 16px;
    height: 16px;
  }
  .pt-lists-item__checkbox .pure-material-radio .small-radio::after {
    top: 1px;
    left: -1px;
    width: 8px;
    height: 8px;
  }
  .pt-lists-item__checkbox .pure-material-checkbox > input:checked,
  .pt-lists-item__checkbox .pure-material-checkbox > input:indeterminate,
  .pt-lists-item__checkbox .pure-material-radio > input:checked {
    background-color: #9575CD;
  }
  .pt-lists-item__checkbox .pure-material-checkbox > input:checked + span::before,
  .pt-lists-item__checkbox .pure-material-checkbox > input:indeterminate + span::before {
    border-color: #9575CD;
    background-color: #9575CD;
  }
  .pt-lists-item__checkbox .pure-material-radio > input:checked + span::before {
    border-color: #9575CD;
  }
  .pt-lists-item__checkbox .pure-material-checkbox > input:checked + span::after,
  .pt-lists-item__checkbox .pure-material-checkbox > input:indeterminate + span::after {
    border-color: #FFFFFF;
  }
  .pt-lists-item__checkbox .pure-material-checkbox > input:indeterminate + span::after {
    border-left: none;
    transform: translate(4px, 3px);
  }
  .pt-lists-item__checkbox .pure-material-radio > input:checked + span::after {
    transform: translate(5px, 5px) scale(1);
  }
  .pt-lists-item__checkbox .pure-material-checkbox:hover > input,
  .pt-lists-item__checkbox .pure-material-radio:hover > input {
    opacity: 0.04;
  }
  .pt-lists-item__checkbox .pure-material-checkbox > input:focus,
  .pt-lists-item__checkbox .pure-material-radio > input:focus {
    opacity: 0.12;
  }
  .pt-lists-item__checkbox .pure-material-checkbox:hover > input:focus,
  .pt-lists-item__checkbox .pure-material-radio:hover > input:focus {
    opacity: 0.16;
  }
  .pt-lists-item__checkbox .pure-material-checkbox > input:active,
  .pt-lists-item__checkbox .pure-material-radio > input:active {
    opacity: 1;
    transform: scale(0);
    transition: transform 0s, opacity 0s;
  }
  .pt-lists-item__checkbox .pure-material-checkbox > input:active + span::before,
  .pt-lists-item__checkbox .pure-material-radio > input:active + span::before {
    border-color: #9575CD;
  }
  .pt-lists-item__checkbox .pure-material-checkbox > input:checked:active + span::before {
    border-color: transparent;
    background-color: rgba(233, 229, 246, 0.6);
  }
  .pt-lists-item__checkbox .pure-material-checkbox > input:disabled,
  .pt-lists-item__checkbox .pure-material-radio > input:disabled {
    opacity: 0;
  }
  .pt-lists-item__checkbox .pure-material-checkbox > input:disabled + span,
  .pt-lists-item__checkbox .pure-material-radio > input:disabled + span {
    color: rgba(233, 229, 246, 0.3);
    cursor: initial;
  }
  .pt-lists-item__checkbox .pure-material-checkbox > input:disabled + span::before,
  .pt-lists-item__checkbox .pure-material-radio > input:disabled + span::before {
    border-color: currentColor;
  }
  .pt-lists-item__checkbox .pure-material-checkbox > input:checked:disabled + span::before,
  .pt-lists-item__checkbox .pure-material-checkbox > input:indeterminate:disabled + span::before,
  .pt-lists-item__checkbox .pure-material-radio > input:disabled + span::after {
    border-color: transparent;
    background-color: currentColor;
  }
  
  .pt-list-submenu {
    margin: -100% 0 0 0;
    padding: 0;
    list-style-type: none;
    transition: margin-top 235ms cubic-bezier(0.4, 0, 0.2, 1);
    /* li:first-child {
        border-top: solid 1px $divider-white-12;
    }
    li:last-child {            
        border-bottom: solid 1px $divider-white-12;
    }*/
  }
  .pt-list-submenu .pt-lists-item {
    height: auto;
  }
  .pt-list-submenu .pt-lists-item .pt-lists-item__text {
    white-space: normal;
    padding: 12px 16px 12px 56px;
  }
  .pt-list-submenu.pt-list-submenu-show {
    margin-top: 0;
  }
  
  .pt-bullet-list_none {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .pt-bullet-list_none > li {
    padding-left: 16px;
  }
  
  .pt-bullet-list_simple {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .pt-bullet-list_simple > li {
    padding-left: 16px;
  }
  .pt-bullet-list_simple li::before {
    content: "-";
    margin-left: -12px;
    margin-right: 6px;
    color: rgba(233, 229, 246, 0.6);
  }
  
  .pt-lists.pt-lists-opt-light-theme > .pt-lists-item .pt-lists-item__primary-text {
    color: rgba(0, 0, 0, 0.87);
  }
  .pt-lists.pt-lists-opt-light-theme > .pt-lists-item .pt-lists-item__secondary-text {
    color: rgba(0, 0, 0, 0.54);
  }
  .pt-lists.pt-lists-opt-light-theme > .pt-lists-item .pt-lists-item__meta {
    color: rgba(0, 0, 0, 0.54);
  }
  
  .pt-lists.pt-noti-width {
    max-width: 344px;
    width: 100%;
  }
  
  .pt-image-lists {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .pt-image-lists .pt-image-item {
    display: block;
    position: relative;
    background-color: #3C3963;
    border-radius: 0.125rem;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    width: calc(20% - 16px);
    margin: 8px;
  }
  .pt-image-lists .pt-image-item a > .pt-image-item__img {
    display: block;
    border-radius: 2px 2px 0 0;
  }
  .pt-image-lists .pt-image-item a > .pt-image-item__img.img-thumbnail {
    background-position: 50% 20%;
  }
  .pt-image-lists .pt-image-item a > .pt-image-item__img:before {
    padding-top: 100%;
    /* 1:1 Aspect Ratio */
  }
  .pt-image-lists .pt-image-item a {
    text-decoration: none;
  }
  .pt-image-lists .pt-image-item .pt-image-item__title {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    height: 32px;
    border-radius: 0 0 2px 2px;
  }
  .pt-image-lists .pt-image-item .pt-image-item__title > h2 {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: break-word;
    text-overflow: ellipsis;
    margin: 0;
    padding: 0 12px;
    width: 100%;
  }
  .pt-image-lists .pt-image-item .pt-image-item__title > button:hover {
    background-color: transparent;
  }
  .pt-image-lists .pt-image-item .pt-image-item__title > button:active {
    color: rgba(233, 229, 246, 0.87);
  }
  .pt-image-lists .pt-image-item .pt-image-item__left-action {
    position: absolute;
    left: 4px;
    top: 4px;
  }
  .pt-image-lists .pt-image-item .pt-image-item__left-action::before {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    background-color: rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
  }
  .pt-image-lists .pt-image-item .pt-image-item__right-action {
    position: absolute;
    right: 4px;
    top: 4px;
  }
  .pt-image-lists .pt-image-item .pt-image-item__right-action::before {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    background-color: rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
  }
  .pt-image-lists .pt-image-toys-item {
    display: block;
    position: relative;
    width: calc(20% - 16px);
    margin: 8px;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
  }
  .pt-image-lists .pt-image-toys-item a > .pt-image-item__img {
    display: block;
    border-radius: 0;
  }
  .pt-image-lists .pt-image-toys-item a > .pt-image-item__img.img-thumbnail {
    background-position: 50% 20%;
  }
  .pt-image-lists .pt-image-toys-item a > .pt-image-item__img:before {
    padding-top: 100%;
    /* 1:1 Aspect Ratio */
  }
  .pt-image-lists .pt-image-toys-item a {
    text-decoration: none;
  }
  .pt-image-lists .pt-image__input-name {
    background-color: transparent;
    border: none;
    height: 30px;
    width: 100%;
    margin: auto;
    color: rgba(233, 229, 246, 0.87);
    text-indent: 0;
  }
  
  .pt-image-lists.pt-image-lists__10col .pt-image-item {
    width: calc(10% - 16px);
    max-width: calc(10% - 16px);
    min-width: calc(10% - 16px);
  }
  .pt-image-lists.pt-image-lists__8col .pt-image-item {
    width: calc(12.5% - 16px);
    max-width: calc(12.5% - 16px);
    min-width: calc(12.5% - 16px);
  }
  .pt-image-lists.pt-image-lists__6col .pt-image-item {
    width: calc(16.66% - 16px);
    max-width: calc(16.66% - 16px);
    min-width: calc(16.66% - 16px);
  }
  .pt-image-lists.pt-image-lists__5col .pt-image-item {
    width: calc(20% - 16px);
    max-width: calc(20% - 16px);
    min-width: calc(20% - 16px);
  }
  .pt-image-lists.pt-image-lists__4col .pt-image-item {
    width: calc(25% - 16px);
    max-width: calc(25% - 16px);
    min-width: calc(25% - 16px);
  }
  .pt-image-lists.pt-image-lists__3col .pt-image-item {
    width: calc(33.33% - 16px);
    max-width: calc(33.33% - 16px);
    min-width: calc(33.33% - 16px);
  }
  .pt-image-lists.pt-image-lists__toys .pt-image-toys-item {
    width: calc(25% - 16px);
    max-width: calc(20% - 16px);
    min-width: calc(20% - 16px);
  }
  
  @media (max-width: 992px) {
    .pt-image-lists.pt-image-lists__10col .pt-image-item {
      width: calc(12.5% - 16px);
      max-width: calc(12.5% - 16px);
      min-width: calc(12.5% - 16px);
    }
    .pt-image-lists.pt-image-lists__8col .pt-image-item {
      width: calc(16.66% - 16px);
      max-width: calc(16.66% - 16px);
      min-width: calc(16.66% - 16px);
    }
    .pt-image-lists.pt-image-lists__6col .pt-image-item {
      width: calc(20% - 16px);
      max-width: calc(20% - 16px);
      min-width: calc(20% - 16px);
    }
    .pt-image-lists.pt-image-lists__5col .pt-image-item {
      width: calc(25% - 16px);
      max-width: calc(25% - 16px);
      min-width: calc(25% - 16px);
    }
    .pt-image-lists.pt-image-lists__4col .pt-image-item {
      width: calc(33.33% - 16px);
      max-width: calc(33.33% - 16px);
      min-width: calc(33.33% - 16px);
    }
    .pt-image-lists.pt-image-lists__3col .pt-image-item {
      width: calc(33.33% - 16px);
      max-width: calc(33.33% - 16px);
      min-width: calc(33.33% - 16px);
    }
    .pt-image-lists.pt-image-lists__toys .pt-image-toys-item {
      width: calc(25% - 16px);
      max-width: calc(25% - 16px);
      min-width: calc(25% - 16px);
    }
  }
  @media (max-width: 768px) {
    .pt-image-lists.pt-image-lists__10col .pt-image-item {
      width: calc(16.66% - 16px);
      max-width: calc(16.66% - 16px);
      min-width: calc(16.66% - 16px);
    }
    .pt-image-lists.pt-image-lists__8col .pt-image-item {
      width: calc(20% - 16px);
      max-width: calc(20% - 16px);
      min-width: calc(20% - 16px);
    }
    .pt-image-lists.pt-image-lists__6col .pt-image-item {
      width: calc(25% - 16px);
      max-width: calc(25% - 16px);
      min-width: calc(25% - 16px);
    }
    .pt-image-lists.pt-image-lists__5col .pt-image-item {
      width: calc(33.33% - 16px);
      max-width: calc(33.33% - 16px);
      min-width: calc(33.33% - 16px);
    }
    .pt-image-lists.pt-image-lists__4col .pt-image-item {
      width: calc(33.33% - 16px);
      max-width: calc(33.33% - 16px);
      min-width: calc(33.33% - 16px);
    }
    .pt-image-lists.pt-image-lists__3col .pt-image-item {
      width: calc(50% - 16px);
      max-width: calc(50% - 16px);
      min-width: calc(50% - 16px);
    }
    .pt-image-lists.pt-image-lists__toys .pt-image-toys-item {
      width: calc(25% - 16px);
      max-width: calc(25% - 16px);
      min-width: calc(25% - 16px);
    }
  }
  @media (max-width: 576px) {
    .pt-image-lists.pt-image-lists__10col .pt-image-item {
      width: calc(20% - 16px);
      max-width: calc(20% - 16px);
      min-width: calc(20% - 16px);
    }
    .pt-image-lists.pt-image-lists__8col .pt-image-item {
      width: calc(25% - 16px);
      max-width: calc(25% - 16px);
      min-width: calc(25% - 16px);
    }
    .pt-image-lists.pt-image-lists__6col .pt-image-item {
      width: calc(50% - 16px);
      max-width: calc(50% - 16px);
      min-width: calc(50% - 16px);
    }
    .pt-image-lists.pt-image-lists__5col .pt-image-item {
      width: calc(50% - 16px);
      max-width: calc(50% - 16px);
      min-width: calc(50% - 16px);
    }
    .pt-image-lists.pt-image-lists__4col .pt-image-item {
      width: calc(50% - 16px);
      max-width: calc(50% - 16px);
      min-width: calc(50% - 16px);
    }
    .pt-image-lists.pt-image-lists__3col .pt-image-item {
      width: calc(50% - 16px);
      max-width: calc(50% - 16px);
      min-width: calc(50% - 16px);
    }
    .pt-image-lists.pt-image-lists__toys .pt-image-toys-item {
      width: calc(25% - 16px);
      max-width: calc(25% - 16px);
      min-width: calc(25% - 16px);
    }
  }
  @media (max-width: 375px) {
    .pt-image-lists.pt-image-lists__toys .pt-image-toys-item {
      width: calc(33.33% - 16px);
      max-width: calc(33.33% - 16px);
      min-width: calc(33.33% - 16px);
    }
  }
  .pt-msg-post__header {
    padding: 16px 16px 16px 24px;
  }
  @media (max-width: 576px) {
    .pt-msg-post__header {
      padding: 16px;
    }
  }
  
  .pt-msg-post {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .pt-msg-post .pt-msg-postitem {
    border-bottom: solid 1px rgba(233, 229, 246, 0.08);
    display: block;
    position: relative;
    padding: 12px 64px 0 80px;
  }
  .pt-msg-post .pt-msg-postitem .pt-msg-postitem__messager {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
    position: relative;
    white-space: nowrap;
    width: calc(100% - 64px);
  }
  .pt-msg-post .pt-msg-postitem .pt-msg-postitem__messager > a {
    display: block;
    position: absolute;
    left: -64px;
    top: 0;
    width: 48px;
    height: 48px;
    max-width: 48px;
    max-height: 48px;
    margin-right: 0;
    background-color: #44416F;
    border-radius: 50%;
  }
  .pt-msg-post .pt-msg-postitem .pt-msg-postitem__messager > h5 {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.5;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .pt-msg-post .pt-msg-postitem .pt-msg-postitem__messager > h5 > a {
    text-decoration: none;
    color: #9D9AC0;
  }
  .pt-msg-post .pt-msg-postitem .pt-msg-postitem__messager > h5 > a:visited {
    color: #9D9AC0;
    text-decoration: none;
  }
  .pt-msg-post .pt-msg-postitem .pt-msg-postitem__messager > h5 > a:hover {
    color: #9D9AC0;
    text-decoration: underline;
  }
  .pt-msg-post .pt-msg-postitem .pt-msg-postitem__messager > h5 > a:focus {
    color: #9D9AC0;
    text-decoration: underline;
  }
  .pt-msg-post .pt-msg-postitem .pt-msg-postitem__messager > h5 > a:active {
    color: #9D9AC0;
    text-decoration: none;
  }
  .pt-msg-post .pt-msg-postitem .pt-msg-postitem__messager > h5 > a {
    width: auto;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .pt-msg-post .pt-msg-postitem .pt-msg-postitem__messager > span {
    color: rgba(233, 229, 246, 0.3);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.5;
  }
  .pt-msg-post .pt-msg-postitem .pt-msg-postitem__messager > span:before {
    content: "\00B7";
    margin: 0 4px;
  }
  .pt-msg-post .pt-msg-postitem .pt-msg-postitem__content {
    padding: 8px 0 16px;
    line-height: 1.5;
    word-break: break-word;
    word-wrap: break-word;
  }
  .pt-msg-post .pt-msg-postitem .pt-msg-postitem__optmenu {
    position: absolute;
    padding: 8px;
    right: 16px;
    top: 0;
  }
  
  .img-in-post {
    max-width: 100%;
    margin: 12px 0;
  }
  
  @media (max-width: 576px) {
    .pt-msg-post .pt-msg-postitem {
      padding: 12px 16px 0 16px;
    }
    .pt-msg-post .pt-msg-postitem .pt-msg-postitem__messager {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: flex-start;
      -moz-align-items: flex-start;
      -ms-align-items: flex-start;
      align-items: flex-start;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding-left: 48px;
      width: calc(100% - 64px);
    }
    .pt-msg-post .pt-msg-postitem .pt-msg-postitem__messager > a {
      left: 0;
      top: 0;
      width: 36px;
      height: 36px;
      max-width: 36px;
      max-height: 36px;
    }
    .pt-msg-post .pt-msg-postitem .pt-msg-postitem__messager > span:before {
      display: none;
    }
  }
  .pt-lists-room {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .pt-lists-room a {
    position: relative;
    display: block;
    text-decoration: none;
    margin-bottom: 24px;
    -webkit-transition: filter 0.15s ease-in-out;
    transition: filter 0.15s ease-in-out;
    -o-transition: filter 0.15s ease-in-out;
    -moz-transition: filter 0.15s ease-in-out;
  }
  .pt-lists-room a:hover {
    -webkit-filter: brightness(88%);
    filter: brightness(88%);
  }
  .pt-lists-room a:active {
    -webkit-filter: brightness(65%);
    filter: brightness(65%);
  }
  .pt-lists-room a > .pt-lists-room__img-thumbnail {
    background-color: rgba(0, 0, 0, 0.38);
    width: 48px;
    height: 48px;
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #3C3963;
    box-shadow: inset 0px 0px 0px 1px rgba(233, 229, 246, 0.3);
  }
  .pt-lists-room a > .pt-lists-room__content {
    line-height: 1.5;
    margin-left: 48px;
  }
  .pt-lists-room a > .pt-lists-room__content h6 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    color: #FBC02D;
    padding-left: 8px;
    border-bottom: dotted 1px rgba(255, 255, 255, 0.24);
    margin-bottom: 4px;
    white-space: nowrap;
  }
  .pt-lists-room a > .pt-lists-room__content h6 span {
    display: block;
    font-size: 0.625rem;
    color: rgba(233, 229, 246, 0.3);
    margin-left: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .pt-lists-room a > .pt-lists-room__content span {
    display: block;
    font-size: 0.75rem;
    color: rgba(233, 229, 246, 0.87);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 8px;
  }
  .pt-lists-room a:hover {
    text-decoration: none;
  }
  .pt-lists-room a:hover h6 > span {
    color: rgba(233, 229, 246, 0.87);
  }
  
  .pt-lists_tag {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .pt-lists_tag .pt-lists_tag-item {
    width: 100%;
    display: block;
    padding: 16px;
    border-bottom: solid 1px rgba(255, 255, 255, 0.12);
  }
  .pt-lists_tag .pt-lists_tag-item .pt-lists_tag-title {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin-bottom: 4px;
  }
  .pt-lists_tag .pt-lists_tag-item .pt-lists_tag-title .pt-tag__button {
    display: block;
    max-width: calc(100% - 128px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .pt-lists_tag .pt-lists_tag-item .pt-lists_tag-title .pt-tag__button > a {
    display: inline;
  }
  .pt-lists_tag .pt-lists_tag-item .pt-lists_tag-title .pt-tag__button > a > span {
    max-width: none;
  }
  .pt-lists_tag .pt-lists_tag-item .pt-lists_tag-caption {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: end;
    -moz-align-items: end;
    -ms-align-items: end;
    align-items: end;
  }
  .pt-lists_tag .pt-lists_tag-item .pt-lists_tag-caption > span {
    font-size: 0.75rem;
    line-height: 1.5;
    color: rgba(233, 229, 246, 0.6);
  }
  .pt-lists_tag.pt-lists_tag--3col .pt-lists_tag-item {
    width: 33.33%;
    float: left;
    border-right: solid 1px rgba(255, 255, 255, 0.12);
  }
  .pt-lists_tag.pt-lists_tag--3col .pt-lists_tag-item:nth-child(3n+0) {
    border-right: none;
  }
  @media (max-width: 1200px) {
    .pt-lists_tag.pt-lists_tag--3col .pt-lists_tag-item {
      width: 50%;
      float: left;
      border-right: none;
    }
    .pt-lists_tag.pt-lists_tag--3col .pt-lists_tag-item:nth-child(2n+1) {
      border-right: solid 1px rgba(255, 255, 255, 0.12);
    }
  }
  @media (max-width: 768px) {
    .pt-lists_tag.pt-lists_tag--3col .pt-lists_tag-item {
      width: 100%;
      float: none;
      border-right: none;
    }
  }
  
  .pt-lists_pp_activity {
    padding: 8px 0;
  }
  .pt-lists_pp_activity .pt-lists_pp_activity-item {
    padding: 8px 32px;
  }
  .pt-lists_pp_activity .pt-lists_pp_activity-item > div:nth-child(1) {
    width: 16.66667%;
    color: rgba(233, 229, 246, 0.6);
    order: 1;
  }
  .pt-lists_pp_activity .pt-lists_pp_activity-item > div:nth-child(2) {
    width: 66.66667%;
    order: 2;
  }
  .pt-lists_pp_activity .pt-lists_pp_activity-item > div:nth-child(3) {
    width: 16.66667%;
    text-align: right;
    order: 3;
  }
  .pt-lists_pp_activity .pt-lists_pp_activity-item > div:nth-child(3) a {
    text-decoration: underline;
  }
  
  .pt-list__type-b .pt-list-item .pt-list-item__title > h2 > a.pt-list_pp_opt-title_overflow {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
  }
  .pt-list__type-b .pt-list-item .pt-list-item__title > h2 > a.pt-list_pp_opt-title_overflow span {
    display: inline-block;
    text-overflow: ellipsis;
    max-width: calc(100% - 24px);
    overflow: hidden;
    font-size: 1rem;
    line-height: 1.5;
    margin-right: 4px;
  }
  
  @media (max-width: 992px) {
    .pt-lists_pp_activity .pt-lists_pp_activity-item > div:nth-child(1) {
      width: 25%;
    }
    .pt-lists_pp_activity .pt-lists_pp_activity-item > div:nth-child(2) {
      width: 50%;
    }
    .pt-lists_pp_activity .pt-lists_pp_activity-item > div:nth-child(3) {
      width: 25%;
    }
  }
  @media (max-width: 576px) {
    .pt-lists_pp_activity .pt-lists_pp_activity-item {
      border-bottom: solid 1px rgba(255, 255, 255, 0.12);
      padding: 16px 32px;
    }
    .pt-lists_pp_activity .pt-lists_pp_activity-item > div:nth-child(1) {
      width: 50%;
      order: 2;
    }
    .pt-lists_pp_activity .pt-lists_pp_activity-item > div:nth-child(2) {
      width: 100%;
      order: 1;
      margin-bottom: 4px;
    }
    .pt-lists_pp_activity .pt-lists_pp_activity-item > div:nth-child(3) {
      width: 50%;
      order: 3;
    }
    .pt-lists_pp_activity .pt-lists_pp_activity-item:last-child {
      border-bottom: none;
    }
  }
  /* Devices */
  .pt-lists-devices .pt-lists-devices-item {
    list-style: none;
    border: 1px solid rgba(255, 255, 255, 0.12);
    margin-bottom: 6px;
    padding: 12px;
    align-items: flex-start;
  }
  .pt-lists-devices .img-thumbnail {
    width: 40px;
    height: 40px;
    background-size: cover;
  }
  .pt-lists-devices .col-information-login {
    padding-left: 12px;
  }
  .pt-lists-devices .pt-location-device {
    font-size: 1rem;
  }
  .pt-lists-devices .pt-location-device::before {
    content: " | ";
    padding: 0 6px;
  }
  .pt-lists-devices .ic-place {
    font-size: 14px;
  }
  .pt-lists-devices .btn-block {
    float: right;
  }
  .pt-lists-devices .pt-browser-lastest-login {
    font-size: 0.875rem;
    margin-top: 8px;
  }
  .pt-lists-devices .pt-location-device {
    display: inline-block;
  }
  .pt-lists-devices .pt-browser_name::after {
    content: " \2022 ";
  }
  .pt-lists-devices .pt-more-information-login {
    font-size: 0.875rem;
    text-decoration: underline;
  }
  .pt-lists-devices .pt-more-information-login > a {
    color: inherit;
  }
  .pt-lists-devices .pt-more-information-list {
    font-size: 0.875rem;
    padding-top: 8px;
  }
  .pt-lists-devices .pt-more-information-list > div {
    margin-top: 8px;
  }
  
  @media (max-width: 576px) {
    .pt-lists-devices .pt-lists-devices-item {
      padding: 8px;
    }
    .pt-lists-devices .ic-place {
      font-size: 12px;
    }
    .pt-lists-devices .pt-location-device::before {
      content: "";
      padding: 0;
    }
    .pt-lists-devices .pt-location-device {
      display: block;
      font-size: 0.875rem;
      margin-top: 10px;
    }
    .pt-lists-devices .pt-browser-lastest-login {
      font-size: 0.75rem;
      margin-top: 4px;
    }
    .pt-lists-devices .pt-more-information-login {
      font-size: 0.75rem;
    }
    .pt-lists-devices .pt-more-information-list {
      font-size: 0.75rem;
    }
    .pt-lists-devices .pt-more-information-list > div {
      margin-top: 4px;
    }
    .pt-lists-devices .btn-block {
      margin-top: 12px;
    }
  }
  .pt-lists-item-search {
    height: 56px;
  }
  @media (max-width: 576px) {
    .pt-lists-item-search {
      height: 48px;
    }
    .pt-lists-item-search.search-2-line {
      height: 56px;
    }
  }
  .pt-lists-item-search .pt-lists-item__text .pt-lists-item__primary-text::before {
    height: auto;
  }
  
  .pt-lists.pt-lists-count__search {
    max-height: calc((56px * 10) + 16px);
    overflow-y: auto;
  }
  @media (max-width: 576px) {
    .pt-lists.pt-lists-count__search {
      max-height: none;
    }
  }
  
  .pt-tag__button.tag__purple {
    background: #2D2A49;
    border-color: #7976A0;
  }
  
  .pt-tag__button.tag__purple:hover {
    background: #353156;
  }
  
  .pt-order__searchresult__by {
    width: 30%;
    order: 1;
  }
  
  .pt-view__searchresult {
    width: 40%;
    order: 2;
    text-align: right;
  }
  
  .pt-view__searchresult_icon .filter-inactive {
    color: rgba(233, 229, 246, 0.3);
  }
  
  @media (max-width: 576px) {
    .pt-order__searchresult__by {
      width: 60%;
    }
  
    .pt-view__searchresult {
      width: 30%;
      text-align: right;
    }
    .pt-view__searchresult .txt-secondary, .pt-view__searchresult .pt-list_detail_tracking .pt-list_detail_tracking_message, .pt-list_detail_tracking .pt-view__searchresult .pt-list_detail_tracking_message {
      display: none;
    }
  }
  .pt-list__sr, .pt-list__sr__type-a {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .pt-list__sr .pt-list-item, .pt-list__sr__type-a .pt-list-item {
    background-color: #353156;
    border: 1px solid #7976A0;
    border-radius: 0.125rem;
    display: block;
    overflow: hidden;
    position: relative;
    padding: 8px 10px 8px 0;
    margin: 0 0 16px 0;
    -webkit-transition: background-color 0.15s linear;
    -moz-transition: background-color 0.15s linear;
    -o-transition: background-color 0.15s linear;
    -ms-transition: background-color 0.15s linear;
    transition: background-color 0.15s linear;
  }
  .pt-list__sr .pt-list-item a > .pt-list-item__img, .pt-list__sr__type-a .pt-list-item a > .pt-list-item__img {
    display: block;
    position: absolute;
    left: 16px;
    top: 10px;
    width: 220px;
    border-radius: 0.125rem;
  }
  .pt-list__sr .pt-list-item a > .pt-list-item__img.img-thumbnail, .pt-list__sr__type-a .pt-list-item a > .pt-list-item__img.img-thumbnail {
    background-position: 50% 20%;
  }
  .pt-list__sr .pt-list-item a > .pt-list-item__img:before, .pt-list__sr__type-a .pt-list-item a > .pt-list-item__img:before {
    padding-top: 75%;
    /* 4:3 Aspect Ratio */
  }
  .pt-list__sr .pt-list-item a, .pt-list__sr__type-a .pt-list-item a {
    text-decoration: none;
  }
  .pt-list__sr .pt-list-item .pt-list-item__sr__info, .pt-list__sr__type-a .pt-list-item .pt-list-item__sr__info {
    padding: 0 0 0 250px;
  }
  .pt-list__sr .pt-list-item.pt-list-item__sr__no-img .pt-list-item__sr__info, .pt-list__sr__type-a .pt-list-item.pt-list-item__sr__no-img .pt-list-item__sr__info {
    padding: 0 0 0 16px;
  }
  .pt-list__sr .pt-list-item.pt-list-item__sr__no-img .pt-list-item__img, .pt-list__sr__type-a .pt-list-item.pt-list-item__sr__no-img .pt-list-item__img {
    display: none !important;
  }
  .pt-list__sr .pt-list-item .pt-list-item__sr__content, .pt-list__sr__type-a .pt-list-item .pt-list-item__sr__content {
    clear: both;
    padding: 10px 0 0 250px;
    margin: 0 0 12px 0;
  }
  .pt-list__sr .pt-list-item .pt-list-item__sr__content .pt-list-item__sr__content__inner, .pt-list__sr__type-a .pt-list-item .pt-list-item__sr__content .pt-list-item__sr__content__inner {
    min-height: 72px;
    max-height: 72px;
    overflow: hidden;
  }
  .pt-list__sr .pt-list-item.pt-list-item__sr__no-img .pt-list-item__sr__content, .pt-list__sr__type-a .pt-list-item.pt-list-item__sr__no-img .pt-list-item__sr__content {
    padding: 10px 0 0 16px;
    margin-bottom: 12px;
  }
  .pt-list__sr .pt-list-item.pt-list-item__sr__no-img .pt-list-item__sr__content .pt-list-item__sr__content__inner, .pt-list__sr__type-a .pt-list-item.pt-list-item__sr__no-img .pt-list-item__sr__content .pt-list-item__sr__content__inner {
    min-height: auto;
  }
  .pt-list__sr .pt-list-item .pt-list-item__sr__comment, .pt-list__sr__type-a .pt-list-item .pt-list-item__sr__comment {
    margin: 0 0 8px 16px;
    padding: 8px 16px;
    background: #44416F;
    border: 1px solid #565380;
  }
  .pt-list__sr .pt-list-item .pt-list-item__sr__comment .pt-list-item__sr__comment__inner, .pt-list__sr__type-a .pt-list-item .pt-list-item__sr__comment .pt-list-item__sr__comment__inner {
    max-height: 48px;
    overflow: hidden;
  }
  .pt-list__sr .pt-list-item .pt-list-item__sr__comment .pt-list-item__sr__comment__inner > i, .pt-list__sr__type-a .pt-list-item .pt-list-item__sr__comment .pt-list-item__sr__comment__inner > i {
    vertical-align: sub;
  }
  .pt-list__sr .pt-list-item .pt-list-item__title, .pt-list__sr__type-a .pt-list-item .pt-list-item__title {
    height: 48px;
    max-height: 48px;
    margin-bottom: 2px;
    width: 100%;
    overflow: hidden;
  }
  .pt-list__sr .pt-list-item .pt-list-item__title > h2, .pt-list__sr__type-a .pt-list-item .pt-list-item__title > h2 {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    overflow: hidden;
    word-wrap: break-word;
    max-height: calc((16px * 1) * 1.5);
    padding: 0;
    margin: 0;
  }
  .pt-list__sr .pt-list-item .pt-list-item__title > h2 > a, .pt-list__sr .pt-list-item .pt-list-item__title > h2 > strong > a, .pt-list__sr__type-a .pt-list-item .pt-list-item__title > h2 > a, .pt-list__sr__type-a .pt-list-item .pt-list-item__title > h2 > strong > a {
    color: rgba(233, 229, 246, 0.87);
  }
  .pt-list__sr .pt-list-item .pt-list-item__title > h2 > a > .pantip-icons, .pt-list__sr .pt-list-item .pt-breadcrumb .pt-list-item__title > h2 > a > a:first-child::before, .pt-breadcrumb .pt-list__sr .pt-list-item .pt-list-item__title > h2 > a > a:first-child::before, .pt-list__sr .pt-list-item .pt-list-item__title > h2 > strong > a > .pantip-icons, .pt-list__sr .pt-list-item .pt-breadcrumb .pt-list-item__title > h2 > strong > a > a:first-child::before, .pt-breadcrumb .pt-list__sr .pt-list-item .pt-list-item__title > h2 > strong > a > a:first-child::before, .pt-list__sr__type-a .pt-list-item .pt-list-item__title > h2 > a > .pantip-icons, .pt-list__sr__type-a .pt-list-item .pt-breadcrumb .pt-list-item__title > h2 > a > a:first-child::before, .pt-breadcrumb .pt-list__sr__type-a .pt-list-item .pt-list-item__title > h2 > a > a:first-child::before, .pt-list__sr__type-a .pt-list-item .pt-list-item__title > h2 > strong > a > .pantip-icons, .pt-list__sr__type-a .pt-list-item .pt-breadcrumb .pt-list-item__title > h2 > strong > a > a:first-child::before, .pt-breadcrumb .pt-list__sr__type-a .pt-list-item .pt-list-item__title > h2 > strong > a > a:first-child::before {
    margin-right: 4px;
    margin-left: -2px;
    vertical-align: -4px;
  }
  .pt-list__sr .pt-list-item .pt-list-item__title span > a, .pt-list__sr__type-a .pt-list-item .pt-list-item__title span > a {
    color: rgba(233, 229, 246, 0.6);
    word-wrap: break-word;
  }
  .pt-list__sr .pt-list-item .pt-list-item__title .pt-list-item__tag, .pt-list__sr__type-a .pt-list-item .pt-list-item__title .pt-list-item__tag {
    padding-top: 2px;
    clear: both;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    opacity: 0.6;
    white-space: pre-wrap;
    -webkit-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
    -o-transition: opacity 0.15s ease-in-out;
    -moz-transition: opacity 0.15s ease-in-out;
  }
  .pt-list__sr .pt-list-item .pt-list-item__title .pt-list-item__tag > a, .pt-list__sr__type-a .pt-list-item .pt-list-item__title .pt-list-item__tag > a {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -moz-inline-flexbox;
    display: -webkit-inline-box;
    display: inline-flex;
    margin-right: 8px;
    white-space: nowrap;
  }
  .pt-list__sr .pt-list-item .pt-list-item__title .pt-list-item__tag > a :last-child, .pt-list__sr__type-a .pt-list-item .pt-list-item__title .pt-list-item__tag > a :last-child {
    margin-right: 0;
  }
  .pt-list__sr .pt-list-item:hover .pt-list-item__tag, .pt-list__sr__type-a .pt-list-item:hover .pt-list-item__tag {
    opacity: 0.87;
  }
  .pt-list__sr .pt-list-item:hover h2 > a, .pt-list__sr__type-a .pt-list-item:hover h2 > a {
    text-decoration: underline;
  }
  .pt-list__sr .pt-list-item .pt-list-item__title > h2 > a:visited, .pt-list__sr .pt-list-item .pt-list-item__title > h2 > strong > a:visited, .pt-list__sr__type-a .pt-list-item .pt-list-item__title > h2 > a:visited, .pt-list__sr__type-a .pt-list-item .pt-list-item__title > h2 > strong > a:visited {
    color: #FFD180;
    opacity: 0.6;
    text-decoration: none;
  }
  .pt-list__sr .pt-list-item .pt-list-item__info, .pt-list__sr__type-a .pt-list-item .pt-list-item__info {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
    position: relative;
    width: 72%;
    float: left;
    white-space: nowrap;
    overflow: hidden;
  }
  .pt-list__sr .pt-list-item .pt-list-item__info > a, .pt-list__sr__type-a .pt-list-item .pt-list-item__info > a {
    width: 40px;
    height: 40px;
    max-width: 40px;
    max-height: 40px;
    margin-right: 8px;
    background-color: #44416F;
    border-radius: 50%;
    display: none;
  }
  .pt-list__sr .pt-list-item .pt-list-item__info > h5, .pt-list__sr__type-a .pt-list-item .pt-list-item__info > h5 {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.5;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .pt-list__sr .pt-list-item .pt-list-item__info > h5 > a, .pt-list__sr__type-a .pt-list-item .pt-list-item__info > h5 > a {
    text-decoration: none;
    color: #9D9AC0;
  }
  .pt-list__sr .pt-list-item .pt-list-item__info > h5 > a:visited, .pt-list__sr__type-a .pt-list-item .pt-list-item__info > h5 > a:visited {
    color: #9D9AC0;
    text-decoration: none;
  }
  .pt-list__sr .pt-list-item .pt-list-item__info > h5 > a:hover, .pt-list__sr__type-a .pt-list-item .pt-list-item__info > h5 > a:hover {
    color: #9D9AC0;
    text-decoration: underline;
  }
  .pt-list__sr .pt-list-item .pt-list-item__info > h5 > a:focus, .pt-list__sr__type-a .pt-list-item .pt-list-item__info > h5 > a:focus {
    color: #9D9AC0;
    text-decoration: underline;
  }
  .pt-list__sr .pt-list-item .pt-list-item__info > h5 > a:active, .pt-list__sr__type-a .pt-list-item .pt-list-item__info > h5 > a:active {
    color: #9D9AC0;
    text-decoration: none;
  }
  .pt-list__sr .pt-list-item .pt-list-item__info > h5 > a, .pt-list__sr__type-a .pt-list-item .pt-list-item__info > h5 > a {
    width: auto;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .pt-list__sr .pt-list-item .pt-list-item__info > span, .pt-list__sr__type-a .pt-list-item .pt-list-item__info > span {
    color: rgba(233, 229, 246, 0.3);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.5;
  }
  .pt-list__sr .pt-list-item .pt-list-item__info > span:before, .pt-list__sr__type-a .pt-list-item .pt-list-item__info > span:before {
    content: "\00B7";
    margin: 0 4px;
  }
  .pt-list__sr .pt-list-item .pt-list-item__info > .pt-li_ads::before, .pt-list__sr__type-a .pt-list-item .pt-list-item__info > .pt-li_ads::before {
    content: "Ad";
    background-color: #FBC02D;
    color: #2D2A49;
    font-size: 0.75rem;
    line-height: 1.5;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 6px;
    padding: 0 6px;
    display: block;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.12);
  }
  .pt-list__sr .pt-list-item .pt-list-item__info > .pt-li_ads::after, .pt-list__sr__type-a .pt-list-item .pt-list-item__info > .pt-li_ads::after {
    content: "Ad";
    background-color: #FBC02D;
    color: #2D2A49;
    font-size: 0.75rem;
    line-height: 1.5;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-left: 6px;
    padding: 0 6px;
    display: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.12);
  }
  .pt-list__sr .pt-list-item .pt-list-item__info > .pt-li_new::before, .pt-list__sr__type-a .pt-list-item .pt-list-item__info > .pt-li_new::before {
    content: "NEW!!";
    background-color: #FBC02D;
    color: #000000;
    font-size: 0.75rem;
    line-height: 1.5;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 6px;
    padding: 0 4px;
    display: block;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.12);
  }
  .pt-list__sr .pt-list-item .pt-list-item__info > .pt-li_new::after, .pt-list__sr__type-a .pt-list-item .pt-list-item__info > .pt-li_new::after {
    content: "NEW!!";
    background-color: #FBC02D;
    color: #000000;
    font-size: 0.75rem;
    line-height: 1.5;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-left: 6px;
    padding: 0 4px;
    display: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.12);
  }
  .pt-list__sr .pt-list-item .pt-list-item__stats, .pt-list__sr__type-a .pt-list-item .pt-list-item__stats {
    color: rgba(233, 229, 246, 0.3);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end;
    position: relative;
    white-space: nowrap;
    width: auto;
    float: right;
  }
  .pt-list__sr .pt-list-item .pt-list-item__stats > span, .pt-list__sr__type-a .pt-list-item .pt-list-item__stats > span {
    display: inline-block;
    margin-left: 8px;
  }
  .pt-list__sr .pt-list-item .pt-list-item__stats > span > i, .pt-list__sr__type-a .pt-list-item .pt-list-item__stats > span > i {
    margin-right: 4px;
    vertical-align: -4px;
  }
  .pt-list__sr .pt-list-item .pt-list-item__stats > span:first-child, .pt-list__sr__type-a .pt-list-item .pt-list-item__stats > span:first-child {
    margin-left: 0;
  }
  .pt-list__sr .pt-list-item .pt-list-item__stats .pt-li_stats-channel > i, .pt-list__sr__type-a .pt-list-item .pt-list-item__stats .pt-li_stats-channel > i {
    margin-right: 4px;
    vertical-align: -2px;
  }
  .pt-list__sr .pt-list-item .pt-list-item__stats .pt-li_stats-button > a, .pt-list__sr__type-a .pt-list-item .pt-list-item__stats .pt-li_stats-button > a {
    background-color: #44416F;
    border: solid 1px #565380;
    color: #FFFFFF;
    font-size: 0.625rem;
    line-height: 1.5;
    -moz-border-radius: 0.125rem;
    border-radius: 0.125rem;
    height: 18px;
    margin-left: 8px;
    padding: 2px 6px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.12);
  }
  .pt-list__sr .pt-list-item .pt-list-item__stats .pt-li_stats-button > a:hover, .pt-list__sr__type-a .pt-list-item .pt-list-item__stats .pt-li_stats-button > a:hover {
    background-color: #565380;
  }
  .pt-list__sr .pt-list-item:hover, .pt-list__sr__type-a .pt-list-item:hover {
    background-color: #2D2A49;
  }
  .pt-list__sr .pt-list-item::after, .pt-list__sr__type-a .pt-list-item::after {
    display: block;
    clear: both;
    content: "";
  }
  .pt-list__sr .pt-list-item ~ .pt-accordion, .pt-list__sr__type-a .pt-list-item ~ .pt-accordion {
    border-top: solid 1px rgba(255, 255, 255, 0.12);
    margin-top: -1px;
  }
  
  .pt-list__sr__type-b .pt-list-item .pt-list-item__sr__info {
    padding: 0 0 0 16px;
  }
  .pt-list__sr__type-b .pt-list-item .pt-list-item__title {
    height: auto;
  }
  .pt-list__sr__type-b .pt-list-item .pt-list-item__title h2 {
    max-height: 48px;
  }
  .pt-list__sr__type-b .pt-list-item .pt-list-item__img {
    display: none !important;
  }
  .pt-list__sr__type-b .pt-list-item .pt-list-item__tag {
    display: none !important;
  }
  .pt-list__sr__type-b .pt-list-item .pt-list-item__sr__content {
    padding: 10px 0 12px 16px;
    margin: 0;
  }
  .pt-list__sr__type-b .pt-list-item .pt-list-item__sr__content .pt-list-item__sr__content__inner {
    min-height: auto;
    max-height: 72px;
  }
  .pt-list__sr__type-b .pt-list-item .pt-list-item__sr__comment {
    display: none !important;
  }
  
  .pt-list-items-suggest {
    margin: 0 0 16px 0;
  }
  .pt-list-items-suggest > a {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    line-height: 1.5;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-decoration: none;
    color: rgba(233, 229, 246, 0.6);
  }
  .pt-list-items-suggest .pt-wrap-list-suggest {
    background: #353156;
    border: 1px solid #2D2A49;
    border-radius: 0.125rem;
    padding: 6px 12px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    transition: background 0.5s, border 0.5s;
  }
  .pt-list-items-suggest .pt-wrap-list-suggest:hover {
    background: #2D2A49;
    border: 1px solid rgba(255, 255, 255, 0.24);
  }
  .pt-list-items-suggest .pt-list-suggest__text {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .pt-list-items-suggest .pt-list-suggest__primary-text {
    display: block;
    color: rgba(233, 229, 246, 0.87);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .pt-list-items-suggest .pt-lists-suggest__meta {
    background: #44416F;
    color: rgba(233, 229, 246, 0.87);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-left: auto;
    margin-right: 0;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -moz-inline-flexbox;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    transition: background 0.5s;
  }
  .pt-list-items-suggest .pt-wrap-list-suggest:hover .pt-lists-suggest__meta {
    background: rgba(0, 0, 0, 0.38);
  }
  .pt-list-items-suggest .pt-list-suggest__secondary-text {
    color: rgba(233, 229, 246, 0.6);
    font-size: 0.875rem;
  }
  .pt-list-items-suggest .pt-list-suggest__secondary-text > span:first-child:after {
    content: " \2219 ";
    margin: 0 6px;
    font-weight: 700;
  }
  
  .pt-sm-toggle-date-show {
    display: none;
  }
  
  .pt-sm-toggle-date-hide {
    display: inline-block !important;
  }
  
  @media (max-width: 576px) {
    .pt-list__sr {
      padding: 0;
      margin: 0;
      list-style: none;
      overflow: inherit;
      border-radius: 0;
    }
  
    .pt-list__sr .pt-list-item a > .pt-list-item__img, .pt-list__sr__type-a .pt-list-item a > .pt-list-item__img {
      width: 90px;
      left: 10px;
    }
    .pt-list__sr .pt-list-item .pt-list-item__sr__info, .pt-list__sr__type-a .pt-list-item .pt-list-item__sr__info {
      padding: 0 0 0 115px;
    }
    .pt-list__sr .pt-list-item .pt-list-item__sr__content, .pt-list__sr__type-a .pt-list-item .pt-list-item__sr__content {
      padding: 10px 0 0 10px;
      min-height: inherit;
    }
    .pt-list__sr .pt-list-item.pt-list-item__sr__no-img .pt-list-item__sr__content, .pt-list__sr__type-a .pt-list-item.pt-list-item__sr__no-img .pt-list-item__sr__content {
      margin-bottom: 12px;
    }
    .pt-list__sr .pt-list-item .pt-list-item__sr__comment, .pt-list__sr__type-a .pt-list-item .pt-list-item__sr__comment {
      margin-left: 10px;
      padding: 8px;
    }
    .pt-list__sr .pt-list-item.pt-list-item__sr__no-img .pt-list-item__title, .pt-list__sr__type-a .pt-list-item.pt-list-item__sr__no-img .pt-list-item__title {
      height: auto;
    }
  
    .pt-list__sr__type-a .pt-list-item .pt-list-item__title > h2 {
      max-height: 48px;
    }
    .pt-list__sr__type-a .pt-list-item .pt-list-item__title .pt-list-item__tag {
      display: none;
    }
    .pt-list__sr__type-a .pt-list-item .pt-list-item__info > span {
      display: block;
    }
  
    .pt-list__sr__type-b .pt-list-item .pt-list-item__sr__info {
      padding: 0 0 0 16px;
    }
  
    .pt-content-list-suggest {
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-align-content: flex-start;
      -moz-align-content: flex-start;
      -ms-align-content: flex-start;
      align-content: flex-start;
      overflow: auto;
      height: 136px;
      margin-left: 0;
      margin-right: -30px;
    }
  
    .pt-list-items-suggest {
      margin: 0;
      padding: 0 8px 0 0;
    }
  
    .pt-content-list-suggest::after {
      content: "";
      width: 22px;
      height: 130px;
    }
  
    .pt-list__sr__type-a .pt-list-item .pt-list-item__sr__content .pt-list-item__sr__content__inner {
      min-height: auto;
    }
  
    .pt-sm-toggle-date-show {
      display: inline-block !important;
    }
  
    .pt-sm-toggle-date-hide {
      display: none !important;
    }
  }
  /* List Item */
  .pt-list, .pt-list__type-a {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .pt-list .pt-list-item, .pt-list__type-a .pt-list-item {
    background-color: #141317;
    border-bottom: solid 1px rgba(233, 229, 246, 0.08);
    display: block;
    overflow: hidden;
    position: relative;
    padding: 8px 16px 8px 116px;
    -webkit-transition: background-color 0.15s linear;
    -moz-transition: background-color 0.15s linear;
    -o-transition: background-color 0.15s linear;
    -ms-transition: background-color 0.15s linear;
    transition: background-color 0.15s linear;
  }
  .pt-list .pt-list-item a > .pt-list-item__img, .pt-list__type-a .pt-list-item a > .pt-list-item__img {
    display: block;
    position: absolute;
    left: 16px;
    top: 10px;
    width: 86px;
    border-radius: 0.125rem;
    height: 70px;
  }
  .pt-list .pt-list-item a > .pt-list-item__img.img-thumbnail, .pt-list__type-a .pt-list-item a > .pt-list-item__img.img-thumbnail {
    background-position: 50% 20%;
  }
  .pt-list .pt-list-item a > .pt-list-item__img:before, .pt-list__type-a .pt-list-item a > .pt-list-item__img:before {
    padding-top: 75%;
    /* 4:3 Aspect Ratio */
  }
  .pt-list .pt-list-item a, .pt-list__type-a .pt-list-item a {
    text-decoration: none;
  }
  .pt-list .pt-list-item .pt-list-item__title, .pt-list__type-a .pt-list-item .pt-list-item__title {
    height: 48px;
    max-height: 48px;
    margin-bottom: 2px;
    width: 100%;
    overflow: hidden;
  }
  .pt-list .pt-list-item .pt-list-item__title > h2, .pt-list__type-a .pt-list-item .pt-list-item__title > h2 {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    overflow: hidden;
    word-wrap: break-word;
    max-height: calc((16px * 1) * 1.5);
    padding: 0;
    margin: 0;
  }
  .pt-list .pt-list-item .pt-list-item__title > h2 > a, .pt-list .pt-list-item .pt-list-item__title > h2 > strong > a, .pt-list__type-a .pt-list-item .pt-list-item__title > h2 > a, .pt-list__type-a .pt-list-item .pt-list-item__title > h2 > strong > a {
    color: rgba(233, 229, 246, 0.87);
  }
  .pt-list .pt-list-item .pt-list-item__title > h2 > a > .pantip-icons, .pt-list .pt-list-item .pt-breadcrumb .pt-list-item__title > h2 > a > a:first-child::before, .pt-breadcrumb .pt-list .pt-list-item .pt-list-item__title > h2 > a > a:first-child::before, .pt-list .pt-list-item .pt-list-item__title > h2 > strong > a > .pantip-icons, .pt-list .pt-list-item .pt-breadcrumb .pt-list-item__title > h2 > strong > a > a:first-child::before, .pt-breadcrumb .pt-list .pt-list-item .pt-list-item__title > h2 > strong > a > a:first-child::before, .pt-list__type-a .pt-list-item .pt-list-item__title > h2 > a > .pantip-icons, .pt-list__type-a .pt-list-item .pt-breadcrumb .pt-list-item__title > h2 > a > a:first-child::before, .pt-breadcrumb .pt-list__type-a .pt-list-item .pt-list-item__title > h2 > a > a:first-child::before, .pt-list__type-a .pt-list-item .pt-list-item__title > h2 > strong > a > .pantip-icons, .pt-list__type-a .pt-list-item .pt-breadcrumb .pt-list-item__title > h2 > strong > a > a:first-child::before, .pt-breadcrumb .pt-list__type-a .pt-list-item .pt-list-item__title > h2 > strong > a > a:first-child::before {
    margin-right: 4px;
    margin-left: -2px;
    vertical-align: -4px;
  }
  .pt-list .pt-list-item .pt-list-item__title span, .pt-list__type-a .pt-list-item .pt-list-item__title span {
    display: none;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.75;
  }
  .pt-list .pt-list-item .pt-list-item__title span > a, .pt-list__type-a .pt-list-item .pt-list-item__title span > a {
    color: rgba(233, 229, 246, 0.6);
    word-wrap: break-word;
  }
  .pt-list .pt-list-item .pt-list-item__title .pt-list-item__tag, .pt-list__type-a .pt-list-item .pt-list-item__title .pt-list-item__tag {
    padding-top: 2px;
    clear: both;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    opacity: 0.6;
    white-space: pre-wrap;
    -webkit-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
    -o-transition: opacity 0.15s ease-in-out;
    -moz-transition: opacity 0.15s ease-in-out;
    /*&::before {
        content: '';
        @include inline-flexbox();
        width: 3px;
        height: 14px;
        background-color: $yellow-700;
        margin-right: 4px;
        vertical-align: -2px;
    }*/
  }
  .pt-list .pt-list-item .pt-list-item__title .pt-list-item__tag > a, .pt-list__type-a .pt-list-item .pt-list-item__title .pt-list-item__tag > a {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -moz-inline-flexbox;
    display: -webkit-inline-box;
    display: inline-flex;
    margin-right: 8px;
    white-space: nowrap;
  }
  .pt-list .pt-list-item .pt-list-item__title .pt-list-item__tag > a :last-child, .pt-list__type-a .pt-list-item .pt-list-item__title .pt-list-item__tag > a :last-child {
    margin-right: 0;
  }
  .pt-list .pt-list-item:hover .pt-list-item__tag, .pt-list__type-a .pt-list-item:hover .pt-list-item__tag {
    opacity: 0.87;
  }
  .pt-list .pt-list-item.pt-list-item__ad-card-view .pt-list-item__title .pt-list-item__tag, .pt-list__type-a .pt-list-item.pt-list-item__ad-card-view .pt-list-item__title .pt-list-item__tag {
    display: block;
  }
  .pt-list .pt-list-item .pt-list-item__title > h2 > a:visited, .pt-list .pt-list-item .pt-list-item__title > h2 > strong > a:visited, .pt-list__type-a .pt-list-item .pt-list-item__title > h2 > a:visited, .pt-list__type-a .pt-list-item .pt-list-item__title > h2 > strong > a:visited {
    color: #FFD180;
    opacity: 0.6;
    text-decoration: none;
  }
  .pt-list .pt-list-item .pt-list-item__info, .pt-list__type-a .pt-list-item .pt-list-item__info {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
    position: relative;
    width: 60%;
    float: left;
    white-space: nowrap;
    overflow: hidden;
  }
  .pt-list .pt-list-item .pt-list-item__info > a, .pt-list__type-a .pt-list-item .pt-list-item__info > a {
    width: 40px;
    height: 40px;
    max-width: 40px;
    max-height: 40px;
    margin-right: 8px;
    background-color: #44416F;
    border-radius: 50%;
    display: none;
  }
  .pt-list .pt-list-item .pt-list-item__info > h5, .pt-list__type-a .pt-list-item .pt-list-item__info > h5 {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.5;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .pt-list .pt-list-item .pt-list-item__info > h5 > a, .pt-list__type-a .pt-list-item .pt-list-item__info > h5 > a {
    text-decoration: none;
    color: #9D9AC0;
  }
  .pt-list .pt-list-item .pt-list-item__info > h5 > a:visited, .pt-list__type-a .pt-list-item .pt-list-item__info > h5 > a:visited {
    color: #9D9AC0;
    text-decoration: none;
  }
  .pt-list .pt-list-item .pt-list-item__info > h5 > a:hover, .pt-list__type-a .pt-list-item .pt-list-item__info > h5 > a:hover {
    color: #9D9AC0;
    text-decoration: underline;
  }
  .pt-list .pt-list-item .pt-list-item__info > h5 > a:focus, .pt-list__type-a .pt-list-item .pt-list-item__info > h5 > a:focus {
    color: #9D9AC0;
    text-decoration: underline;
  }
  .pt-list .pt-list-item .pt-list-item__info > h5 > a:active, .pt-list__type-a .pt-list-item .pt-list-item__info > h5 > a:active {
    color: #9D9AC0;
    text-decoration: none;
  }
  .pt-list .pt-list-item .pt-list-item__info > h5 > a, .pt-list__type-a .pt-list-item .pt-list-item__info > h5 > a {
    width: auto;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .pt-list .pt-list-item .pt-list-item__info > span, .pt-list__type-a .pt-list-item .pt-list-item__info > span {
    color: rgba(233, 229, 246, 0.3);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.5;
  }
  .pt-list .pt-list-item .pt-list-item__info > span:before, .pt-list__type-a .pt-list-item .pt-list-item__info > span:before {
    content: "\00B7";
    margin: 0 4px;
  }
  .pt-list .pt-list-item .pt-list-item__info > .pt-li_ads::before, .pt-list__type-a .pt-list-item .pt-list-item__info > .pt-li_ads::before {
    content: "Ad";
    background-color: #FBC02D;
    color: #2D2A49;
    font-size: 0.75rem;
    line-height: 1.5;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 6px;
    padding: 0 6px;
    display: block;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.12);
  }
  .pt-list .pt-list-item .pt-list-item__info > .pt-li_ads::after, .pt-list__type-a .pt-list-item .pt-list-item__info > .pt-li_ads::after {
    content: "Ad";
    background-color: #FBC02D;
    color: #2D2A49;
    font-size: 0.75rem;
    line-height: 1.5;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-left: 6px;
    padding: 0 6px;
    display: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.12);
  }
  .pt-list .pt-list-item .pt-list-item__info > .pt-li_new::before, .pt-list__type-a .pt-list-item .pt-list-item__info > .pt-li_new::before {
    content: "NEW!!";
    background-color: #FBC02D;
    color: #000000;
    font-size: 0.75rem;
    line-height: 1.5;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 6px;
    padding: 0 4px;
    display: block;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.12);
  }
  .pt-list .pt-list-item .pt-list-item__info > .pt-li_new::after, .pt-list__type-a .pt-list-item .pt-list-item__info > .pt-li_new::after {
    content: "NEW!!";
    background-color: #FBC02D;
    color: #000000;
    font-size: 0.75rem;
    line-height: 1.5;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-left: 6px;
    padding: 0 4px;
    display: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.12);
  }
  .pt-list .pt-list-item .pt-list-item__stats, .pt-list__type-a .pt-list-item .pt-list-item__stats {
    color: rgba(233, 229, 246, 0.3);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end;
    position: relative;
    white-space: nowrap;
    width: auto;
    float: right;
  }
  .pt-list .pt-list-item .pt-list-item__stats > span, .pt-list__type-a .pt-list-item .pt-list-item__stats > span {
    display: inline-block;
    margin-left: 8px;
  }
  .pt-list .pt-list-item .pt-list-item__stats > span > i, .pt-list__type-a .pt-list-item .pt-list-item__stats > span > i {
    margin-right: 4px;
    vertical-align: -4px;
  }
  .pt-list .pt-list-item .pt-list-item__stats > span:first-child, .pt-list__type-a .pt-list-item .pt-list-item__stats > span:first-child {
    margin-left: 0;
  }
  .pt-list .pt-list-item .pt-list-item__stats .pt-li_stats-channel > i, .pt-list__type-a .pt-list-item .pt-list-item__stats .pt-li_stats-channel > i {
    margin-right: 4px;
    vertical-align: -2px;
  }
  .pt-list .pt-list-item .pt-list-item__stats .pt-li_stats-button > a, .pt-list__type-a .pt-list-item .pt-list-item__stats .pt-li_stats-button > a {
    background-color: #44416F;
    border: solid 1px #565380;
    color: #FFFFFF;
    font-size: 0.625rem;
    line-height: 1.5;
    -moz-border-radius: 0.125rem;
    border-radius: 0.125rem;
    height: 18px;
    margin-left: 8px;
    padding: 2px 6px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.12);
  }
  .pt-list .pt-list-item .pt-list-item__stats .pt-li_stats-button > a:hover, .pt-list__type-a .pt-list-item .pt-list-item__stats .pt-li_stats-button > a:hover {
    background-color: #565380;
  }
  .pt-list .pt-list-item:last-child, .pt-list__type-a .pt-list-item:last-child {
    border-bottom: 0;
    border-radius: 0 0 4px 4px;
  }
  .pt-list .pt-list-item:hover, .pt-list__type-a .pt-list-item:hover {
    background-color: #2D2A49;
  }
  .pt-list .pt-list-item::after, .pt-list__type-a .pt-list-item::after {
    display: block;
    clear: both;
    content: "";
  }
  .pt-list .pt-list-item ~ .pt-accordion, .pt-list__type-a .pt-list-item ~ .pt-accordion {
    border-top: solid 1px rgba(255, 255, 255, 0.12);
    margin-top: -1px;
  }
  
  .pt-tag-header ~ div > .pt-list__type-a > .pt-list-item:first-child {
    border-radius: 4px 4px 0 0;
  }
  
  .pt-list__type-b {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 8px;
    margin: 0;
    list-style: none;
    overflow: hidden;
  }
  .pt-list__type-b .pt-list-item {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 0.25rem;
    background-color: #3C3963;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    width: calc((100% /3) - 16px);
    min-width: calc((100% /3) - 16px);
    max-width: 352px;
    padding: 16px 16px 8px 16px;
    margin: 8px;
  }
  .pt-list__type-b .pt-list-item > a {
    order: 1;
  }
  .pt-list__type-b .pt-list-item > a > .pt-list-item__img {
    width: calc(100% + 32px);
    border-radius: 2px 2px 0 0;
    margin-left: -16px;
    margin-top: -16px;
    margin-bottom: 8px;
    position: relative;
    left: 0;
    top: 0;
  }
  .pt-list__type-b .pt-list-item > a > .pt-list-item__img:before {
    padding-top: 75%;
    /* 4:3 Aspect Ratio */
  }
  .pt-list__type-b .pt-list-item .pt-list-item__title {
    order: 2;
    max-height: 24px;
    margin-bottom: 4px;
  }
  .pt-list__type-b .pt-list-item .pt-list-item__title > h2 {
    float: none;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    max-height: 24px;
  }
  .pt-list__type-b .pt-list-item .pt-list-item__title > h2 > a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .pt-list__type-b .pt-list-item .pt-list-item__title > h2 > a > i.pantip-icons {
    display: none;
    vertical-align: -2px;
  }
  .pt-list__type-b .pt-list-item .pt-list-item__title > span {
    display: block;
    line-height: 24px;
  }
  .pt-list__type-b .pt-list-item .pt-list-item__title .pt-list-item__tag {
    display: none;
  }
  .pt-list__type-b .pt-list-item .pt-list-item__info {
    order: 3;
    width: 60%;
  }
  .pt-list__type-b .pt-list-item .pt-list-item__info > h5 > a {
    width: 100%;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .pt-list__type-b .pt-list-item .pt-list-item__info > span {
    display: none;
  }
  .pt-list__type-b .pt-list-item .pt-list-item__stats {
    order: 4;
    position: absolute;
    right: 16px;
    bottom: 8px;
  }
  .pt-list__type-b .pt-list-item .pt-list-item__stats > span.pt-li_stats-comment, .pt-list__type-b .pt-list-item .pt-list-item__stats span.pt-li_stats-vote {
    display: inline-block;
  }
  .pt-list__type-b .pt-list-item .pt-list-item__stats > span.pt-li_stats-view {
    display: none;
  }
  .pt-list__type-b .pt-list-item .pt-list-item__stats > span.pt-li_stats-comment {
    margin-left: 0;
  }
  .pt-list__type-b .pt-list-item .pt-list-item__action {
    order: 5;
    margin-top: 12px;
    margin-bottom: 6px;
  }
  .pt-list__type-b .pt-list-item:nth-child(4n+0) {
    margin-left: 8px;
  }
  .pt-list__type-b .pt-list-item:last-child {
    border-bottom: solid 1px rgba(233, 229, 246, 0.08);
    border-radius: 0.25rem;
  }
  .pt-list__type-b .pt-list-item.pt-list-item__no-img .pt-list-item__img {
    display: none;
  }
  .pt-list__type-b .pt-list-item.pt-list-item__no-img .pt-list-item__title {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    height: 219px;
    max-height: 219px;
    margin-bottom: 48px;
    margin-top: 16px;
  }
  .pt-list__type-b .pt-list-item.pt-list-item__no-img .pt-list-item__title > h2 {
    font-size: 1.5rem;
    font-weight: 500;
    text-align: center;
    max-height: 216px;
  }
  .pt-list__type-b .pt-list-item.pt-list-item__no-img .pt-list-item__title > h2 > a {
    white-space: normal;
  }
  .pt-list__type-b .pt-list-item.pt-list-item__no-img .pt-list-item__title > span {
    display: none;
  }
  .pt-list__type-b.pt-list__title2line__pantippoint .pt-list-item__title {
    height: 48px;
    max-height: 48px;
    margin-bottom: 8px;
  }
  .pt-list__type-b.pt-list__title2line__pantippoint .pt-list-item__title > h2 {
    max-height: 48px;
  }
  .pt-list__type-b.pt-list__title2line__pantippoint .pt-list-item__title > h2 > a {
    white-space: normal;
  }
  .pt-list__type-b.pt-list__title2line > .pt-list-item .pt-list-item__title {
    height: 48px;
    max-height: 48px;
    margin-bottom: 0;
  }
  .pt-list__type-b.pt-list__title2line > .pt-list-item .pt-list-item__title > h2 {
    max-height: 48px;
  }
  .pt-list__type-b.pt-list__title2line > .pt-list-item .pt-list-item__title > h2 > a {
    white-space: normal;
  }
  .pt-list__type-b.pt-list__title2line > .pt-list-item .pt-list-item__info, .pt-list__type-b.pt-list__title2line > .pt-list-item .pt-list-item__stats {
    display: none;
  }
  .pt-list__type-b.pt-list__title1line > .pt-list-item {
    padding: 16px 16px 4px 16px;
  }
  .pt-list__type-b.pt-list__title1line > .pt-list-item .pt-list-item__title {
    height: 21px;
    max-height: 21px;
    margin-bottom: 0;
  }
  .pt-list__type-b.pt-list__title1line > .pt-list-item .pt-list-item__title > h2 {
    max-height: 21px;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
  }
  .pt-list__type-b.pt-list__title1line > .pt-list-item .pt-list-item__title > h2 > a {
    white-space: nowrap;
  }
  .pt-list__type-b.pt-list__title1line > .pt-list-item > a > .pt-list-item__img {
    margin-bottom: 4px;
  }
  .pt-list__type-b.pt-list__title1line > .pt-list-item .pt-list-item__info, .pt-list__type-b.pt-list__title1line > .pt-list-item .pt-list-item__stats {
    display: none;
  }
  .pt-list__type-b.pt-list__type-b-smalltitle > .pt-list-item .pt-list-item__title {
    height: 42px;
    max-height: 42px;
    margin-bottom: 0;
  }
  .pt-list__type-b.pt-list__type-b-smalltitle > .pt-list-item .pt-list-item__title > h2 {
    font-size: 0.875rem;
    font-weight: 400;
    max-height: 42px;
  }
  .pt-list__type-b.pt-list__type-b-smalltitle > .pt-list-item .pt-list-item__title > h2 > a {
    white-space: normal;
  }
  .pt-list__type-b.pt-list__type-b-smalltitle > .pt-list-item .pt-list-item__info, .pt-list__type-b.pt-list__type-b-smalltitle > .pt-list-item .pt-list-item__stats {
    display: none;
  }
  .pt-list__type-b .pt-list-item.pt-list-item__ad-card-view .pt-list-item__info {
    display: block;
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 8;
  }
  .pt-list__type-b .pt-list-item.pt-list-item__ad-card-view .pt-list-item__info a {
    display: none;
  }
  .pt-list__type-b.pt-list__type-b-smalltitle > .pt-list-item.pt-list-item__no-img {
    display: none;
  }
  
  .pt-list__type-b-opt2row {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .pt-list__type-b-opt2row .pt-list-item:nth-child(n+7) {
    display: none;
  }
  .pt-list__type-b-opt2row .pt-list-item:nth-child(3n+1) {
    margin-left: 8px;
  }
  
  .pt-list__type-b-opt4item_on_1row .pt-list-item {
    width: calc((100% /4) - 16px);
    min-width: calc((100% /4) - 16px);
  }
  .pt-list__type-b-opt4item_on_1row.pt-list__type-b-opt2row .pt-list-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .pt-list__type-b-opt4item_on_1row.pt-list__type-b-opt2row .pt-list-item:nth-child(n+9) {
    display: none;
  }
  
  .pt-list__type-b-opt5item_on_1row .pt-list-item {
    width: calc((100% /5) - 16px);
    min-width: calc((100% /5) - 16px);
  }
  .pt-list__type-b-opt5item_on_1row.pt-list__type-b-opt2row .pt-list-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .pt-list__type-b-opt5item_on_1row.pt-list__type-b-opt2row .pt-list-item:nth-child(n+11) {
    display: none;
  }
  
  .pt-list__type-b-opt6item_on_1row .pt-list-item {
    width: calc((100% /6) - 16px);
    min-width: calc((100% /6) - 16px);
  }
  .pt-list__type-b-opt6item_on_1row.pt-list__type-b-opt2row .pt-list-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .pt-list__type-b-opt6item_on_1row.pt-list__type-b-opt2row .pt-list-item:nth-child(n+13) {
    display: none;
  }
  
  .pt-list__type-b-optmultirow {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-height: auto;
    overflow-x: hidden;
  }
  .pt-list__type-b-optmultirow .pt-list-item {
    width: calc(33.33% - 16px);
    max-width: calc(33.33% - 16px);
    min-width: calc(33.33% - 16px);
  }
  .pt-list__type-b-optmultirow .pt-list-item:nth-child(3n+1) {
    margin-left: 7px;
  }
  .pt-list__type-b-optmultirow.pt-list__type-b-opt4item_on_1row .pt-list-item {
    width: calc((100% /4) - 16px);
    max-width: calc((100% /4) - 16px);
    min-width: calc((100% /4) - 16px);
  }
  .pt-list__type-b-optmultirow.pt-list__type-b-opt4item_on_1row .pt-list-item:nth-child(3n+1) {
    margin-left: 8px;
  }
  .pt-list__type-b-optmultirow.pt-list__type-b-opt5item_on_1row .pt-list-item {
    width: calc((100% /5) - 16px);
    max-width: calc((100% /5) - 16px);
    min-width: calc((100% /5) - 16px);
  }
  .pt-list__type-b-optmultirow.pt-list__type-b-opt5item_on_1row .pt-list-item:nth-child(3n+1) {
    margin-left: 8px;
  }
  .pt-list__type-b-optmultirow.pt-list__type-b-opt6item_on_1row .pt-list-item {
    width: calc((100% /6) - 16px);
    max-width: calc((100% /6) - 16px);
    min-width: calc((100% /6) - 16px);
  }
  .pt-list__type-b-optmultirow.pt-list__type-b-opt6item_on_1row .pt-list-item:nth-child(3n+1) {
    margin-left: 8px;
  }
  
  .pt-list__type-c {
    background-color: #2D2A49;
    overflow: hidden;
    border-radius: 0 0 4px 4px;
  }
  .pt-list__type-c .pt-list-item {
    padding: 10px 16px 10px 16px;
  }
  .pt-list__type-c .pt-list-item a > .pt-list-item__img {
    display: none;
  }
  .pt-list__type-c .pt-list-item .pt-list-item__title {
    height: auto;
    max-height: none;
    margin-bottom: 0;
    width: auto;
    display: inline;
  }
  .pt-list__type-c .pt-list-item .pt-list-item__title > h2 {
    max-height: none;
    display: inline;
    padding-right: 4px;
  }
  .pt-list__type-c .pt-list-item .pt-list-item__title span {
    display: none;
  }
  .pt-list__type-c .pt-list-item .pt-list-item__title .pt-list-item__tag {
    display: none;
  }
  .pt-list__type-c .pt-list-item .pt-list-item__info {
    width: auto;
    float: none;
    white-space: nowrap;
    overflow: visible;
    display: inline;
  }
  .pt-list__type-c .pt-list-item .pt-list-item__info h5 {
    display: inline;
  }
  .pt-list__type-c .pt-list-item .pt-list-item__info h5 a {
    display: inline;
    width: auto;
  }
  .pt-list__type-c .pt-list-item .pt-list-item__info h5::before {
    display: inline;
  }
  .pt-list__type-c .pt-list-item .pt-list-item__info h5.pt-li_ads::before {
    display: inline;
  }
  .pt-list__type-c .pt-list-item .pt-list-item__info h5.pt-li_new::before {
    display: inline;
  }
  .pt-list__type-c .pt-list-item .pt-list-item__stats {
    display: none;
  }
  .pt-list__type-c .pt-list-item.pt-list-item__ad-card-view {
    padding: 8px 16px 8px 116px;
  }
  .pt-list__type-c .pt-list-item.pt-list-item__ad-card-view a > .pt-list-item__img {
    display: block;
  }
  .pt-list__type-c .pt-list-item.pt-list-item__ad-card-view .pt-list-item__title {
    height: 48px;
    min-height: 48px;
    max-height: none;
    margin-bottom: 2px;
    width: 100%;
    display: block;
  }
  .pt-list__type-c .pt-list-item.pt-list-item__ad-card-view .pt-list-item__title > h2 {
    /*max-height: calc((16px * 1) * 1.5);*/
    max-height: none;
    display: block;
    padding-right: 0;
  }
  .pt-list__type-c .pt-list-item.pt-list-item__ad-card-view .pt-list-item__title span {
    display: none;
  }
  .pt-list__type-c .pt-list-item.pt-list-item__ad-card-view .pt-list-item__title .pt-list-item__tag {
    display: block;
  }
  .pt-list__type-c .pt-list-item.pt-list-item__ad-card-view .pt-list-item__info {
    width: 70%;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .pt-list__type-c .pt-list-item.pt-list-item__ad-card-view .pt-list-item__info h5 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .pt-list__type-c .pt-list-item.pt-list-item__ad-card-view .pt-list-item__info h5 a {
    display: block;
    width: auto;
  }
  .pt-list__type-c .pt-list-item.pt-list-item__ad-card-view .pt-list-item__info h5::before {
    display: block;
  }
  .pt-list__type-c .pt-list-item.pt-list-item__ad-card-view .pt-list-item__info h5.pt-li_ads::before {
    display: block;
  }
  .pt-list__type-c .pt-list-item.pt-list-item__ad-card-view .pt-list-item__info h5.pt-li_new::before {
    display: block;
  }
  .pt-list__type-c .pt-list-item.pt-list-item__ad-card-view .pt-list-item__info span {
    display: block;
  }
  .pt-list__type-c .pt-list-item.pt-list-item__ad-card-view .pt-list-item__stats {
    display: block;
  }
  
  .pt-list__type-d .pt-list-item {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 12px 64px 0 80px;
    width: 100%;
    border-top: solid 1px rgba(233, 229, 246, 0.08);
    border-bottom: solid 1px rgba(233, 229, 246, 0.08);
    -webkit-box-shadow: 0 10px 0px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 10px 0px 0 rgba(0, 0, 0, 0.3);
    margin-bottom: 10px;
  }
  .pt-list__type-d .pt-list-item > a {
    order: 3;
  }
  .pt-list__type-d .pt-list-item > a > .pt-list-item__img {
    display: block;
    position: relative;
    left: inherit;
    right: inherit;
    top: inherit;
    width: 100%;
    max-width: 960px;
    margin: 4px auto;
    border-radius: 0.25rem;
  }
  .pt-list__type-d .pt-list-item > a > .pt-list-item__img:before {
    padding-top: 75%;
  }
  .pt-list__type-d .pt-list-item .pt-list-item__title {
    order: 2;
    height: auto;
    max-height: none;
    min-height: auto;
    margin-bottom: 8px;
    width: auto;
  }
  .pt-list__type-d .pt-list-item .pt-list-item__title > h2 {
    max-height: 480px;
    float: none;
  }
  .pt-list__type-d .pt-list-item .pt-list-item__title > h2 {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
  }
  .pt-list__type-d .pt-list-item .pt-list-item__title > h2 > a {
    color: rgba(233, 229, 246, 0.87);
    display: block;
    word-wrap: break-word;
    padding: 0;
    margin: 0;
  }
  .pt-list__type-d .pt-list-item .pt-list-item__title > h2 > a i {
    display: inline-block;
    vertical-align: -4px;
  }
  .pt-list__type-d .pt-list-item .pt-list-item__title > span {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.75;
  }
  .pt-list__type-d .pt-list-item .pt-list-item__title > span > a {
    color: rgba(233, 229, 246, 0.6);
    word-wrap: break-word;
    display: none;
  }
  .pt-list__type-d .pt-list-item .pt-list-item__info {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    position: relative;
    width: auto;
    white-space: nowrap;
    overflow: visible;
    margin-bottom: 4px;
  }
  .pt-list__type-d .pt-list-item .pt-list-item__info > a {
    display: block;
    position: absolute;
    left: -64px;
    top: 0;
    width: 48px;
    height: 48px;
    max-width: 48px;
    max-height: 48px;
    margin-right: 0;
  }
  .pt-list__type-d .pt-list-item .pt-list-item__info span {
    display: inline;
  }
  .pt-list__type-d .pt-list-item .pt-list-item__stats {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 4;
    -webkit-order: 4;
    order: 4;
    white-space: nowrap;
    overflow: hidden;
    width: auto;
    padding: 8px 0;
    border-top: none;
    right: 0;
    bottom: 0;
  }
  .pt-list__type-d .pt-list-item .pt-list-item__stats > span {
    display: inline-block;
    margin-left: 8px;
  }
  .pt-list__type-d .pt-list-item .pt-list-item__stats > span:first-child {
    margin-left: 0;
  }
  .pt-list__type-d .pt-list-item .pt-list-item__stats > span.pt-li_stats-view, .pt-list__type-d .pt-list-item .pt-list-item__stats span.pt-li_stats-vote, .pt-list__type-d .pt-list-item .pt-list-item__stats span.pt-li_stats-comment {
    display: inline-block;
  }
  .pt-list__type-d .pt-list-item:first-child {
    margin-top: 0;
  }
  .pt-list__type-d .pt-list-item:last-child {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
  }
  .pt-list__type-d .pt-list-item.pt-list-item__no-img {
    padding: 12px 64px 0 80px;
  }
  .pt-list__type-d .pt-list-item.pt-list-item__no-img .pt-list-item__title {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    height: auto !important;
    max-height: none !important;
  }
  .pt-list__type-d .pt-list-item.pt-list-item__no-img .pt-list-item__title h2 {
    text-align: left;
    max-height: none;
  }
  .pt-list__type-d .pt-list-item.pt-list-item__no-img .pt-list-item__title h2 a {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
  }
  .pt-list__type-d .pt-list-item.pt-list-item__no-img .pt-list-item__info > a {
    display: block;
    position: absolute;
    left: -64px;
    top: 0;
    width: 48px;
    height: 48px;
    max-width: 48px;
    max-height: 48px;
    margin-right: 0;
  }
  .pt-list__type-d .pt-list-item.pt-list-item__no-img .pt-list-item__stats {
    margin-top: 8px;
    border-top: solid 1px rgba(233, 229, 246, 0.08);
  }
  
  .pt-list__type-simple {
    background-color: #3C3963;
    overflow: hidden;
    border-radius: 0 0 4px 4px;
  }
  .pt-list__type-simple .pt-list-item {
    padding: 9px 16px 10px 96px;
    background-color: #3C3963;
    border-bottom: solid 1px rgba(255, 255, 255, 0.12);
  }
  .pt-list__type-simple .pt-list-item a > .pt-list-item__img {
    display: block;
    position: absolute;
    left: 16px;
    top: 10px;
    width: 64px;
  }
  .pt-list__type-simple .pt-list-item a > .pt-list-item__img:before {
    padding-top: 100%;
    /* 1:1 Aspect Ratio */
  }
  .pt-list__type-simple .pt-list-item .pt-list-item__title {
    height: 48px;
    max-height: 48px;
    margin-bottom: 0;
  }
  .pt-list__type-simple .pt-list-item .pt-list-item__title h2 {
    max-height: 48px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
  }
  .pt-list__type-simple .pt-list-item .pt-list-item__title span {
    display: none;
  }
  .pt-list__type-simple .pt-list-item .pt-list-item__title .pt-list-item__tag {
    display: none;
  }
  .pt-list__type-simple .pt-list-item .pt-list-item__info {
    width: 100%;
  }
  .pt-list__type-simple .pt-list-item .pt-list-item__info > span {
    display: none;
  }
  .pt-list__type-simple .pt-list-item .pt-list-item__stats {
    display: none;
  }
  .pt-list__type-simple .pt-list-item:hover {
    background-color: #2D2A49;
  }
  .pt-list__type-simple .pt-list-item ~ .pt-accordion {
    border-top: solid 1px rgba(255, 255, 255, 0.12);
    margin-top: -1px;
  }
  
  .pt-list-sidebar {
    overflow: hidden;
    border-radius: 0 0 4px 4px;
  }
  .pt-list-sidebar .pt-list-item .pt-list-item__title .pt-list-item__tag {
    display: none;
  }
  .pt-list-sidebar .pt-list-item .pt-list-item__info {
    width: 70%;
  }
  .pt-list-sidebar .pt-list-item .pt-list-item__info > span {
    display: none;
  }
  .pt-list-sidebar .pt-list-item .pt-list-item__stats {
    width: auto;
  }
  .pt-list-sidebar .pt-list-item .pt-list-item__stats > span {
    margin-left: 4;
  }
  .pt-list-sidebar .pt-list-item .pt-list-item__stats > span.pt-li_stats-view, .pt-list-sidebar .pt-list-item .pt-list-item__stats span.pt-li_stats-vote {
    display: none;
  }
  
  .pt-list__type-a.pt-list-sidebar .pt-list-item .pt-list-item__title h2 {
    max-height: 48px;
  }
  .pt-list__type-a.pt-list-sidebar .pt-list-item .pt-list-item__info > span {
    display: none;
  }
  
  .pt-list__type-b.pt-list-sidebar {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .pt-list__type-b.pt-list-sidebar .pt-list-item {
    width: 100%;
    float: none;
  }
  .pt-list__type-b.pt-list-sidebar .pt-list-item:nth-child(1n+1) {
    border-left: none;
  }
  .pt-list__type-b.pt-list-sidebar .pt-list-item .pt-list-item__title h2 {
    max-height: 42px;
  }
  .pt-list__type-b.pt-list-sidebar .pt-list-item .pt-list-item__title .pt-list-item__tag {
    display: none;
  }
  .pt-list__type-b.pt-list-sidebar .pt-list-item .pt-list-item__info > span {
    display: none;
  }
  
  .pt-list__type-c.pt-list-sidebar .pt-list-item .pt-list-item__info > span {
    display: none;
  }
  
  .pt-list__type-c.pt-list-item__full-title > .pt-list-item.pt-list-item__ad-card-view .pt-list-item__title .pt-list-item__tag {
    display: block;
  }
  
  .pt-list__type-d.pt-list-sidebar .pt-list-item {
    padding: 12px 16px 0 16px;
  }
  .pt-list__type-d.pt-list-sidebar .pt-list-item .pt-list-item__info {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: auto;
    white-space: nowrap;
    overflow: visible;
    margin-bottom: 10px;
    padding-top: 2px;
    padding-left: 48px;
  }
  .pt-list__type-d.pt-list-sidebar .pt-list-item .pt-list-item__info > a {
    left: 0;
    width: 40px;
    height: 40px;
    max-width: 40px;
    max-height: 40px;
  }
  .pt-list__type-d.pt-list-sidebar .pt-list-item .pt-list-item__info span {
    display: inline;
  }
  .pt-list__type-d.pt-list-sidebar .pt-list-item .pt-list-item__info span::before {
    display: none;
  }
  .pt-list__type-d.pt-list-sidebar .pt-list-item .pt-list-item__stats > span {
    display: inline-block;
    margin-left: 8px;
  }
  .pt-list__type-d.pt-list-sidebar .pt-list-item .pt-list-item__stats > span:first-child {
    margin-left: 0;
  }
  .pt-list__type-d.pt-list-sidebar .pt-list-item .pt-list-item__stats > span.pt-li_stats-view, .pt-list__type-d.pt-list-sidebar .pt-list-item .pt-list-item__stats span.pt-li_stats-vote, .pt-list__type-d.pt-list-sidebar .pt-list-item .pt-list-item__stats span.pt-li_stats-comment {
    display: inline-block;
  }
  .pt-list__type-d.pt-list-sidebar .pt-list-item.pt-list-item__no-img {
    padding: 12px 16px 0 16px;
  }
  
  .pt-list__2col {
    overflow: hidden;
    border-radius: 0 0 4px 4px;
  }
  .pt-list__2col .pt-list-item .pt-list-item__info > span {
    display: block;
  }
  
  .pt-list__type-simple.pt-list__2col .pt-list-item {
    width: 50%;
    float: left;
    border-radius: 0;
  }
  .pt-list__type-simple.pt-list__2col .pt-list-item:nth-child(odd) {
    border-right: solid 1px rgba(255, 255, 255, 0.12);
  }
  .pt-list__type-simple.pt-list__2col .pt-list-item:nth-child(even) {
    border-right: 0px;
  }
  .pt-list__type-simple.pt-list__2col .pt-list-item:last-child {
    border-bottom: solid 1px rgba(255, 255, 255, 0.12);
  }
  
  .pt-list__type-a.pt-list__2col .pt-list-item {
    width: 50%;
    float: left;
    border-radius: 0;
  }
  .pt-list__type-a.pt-list__2col .pt-list-item:nth-child(odd) {
    border-right: solid 1px rgba(255, 255, 255, 0.12);
  }
  .pt-list__type-a.pt-list__2col .pt-list-item:nth-child(even) {
    border-right: 0px;
  }
  .pt-list__type-a.pt-list__2col .pt-list-item:last-child {
    border-bottom: solid 1px rgba(255, 255, 255, 0.12);
  }
  .pt-list__type-a.pt-list__2col .pt-list-item .pt-list-item__title h2 {
    max-height: calc((16px * 2) * 1.5);
  }
  .pt-list__type-a.pt-list__2col .pt-list-item .pt-list-item__title .pt-list-item__tag {
    display: none;
  }
  .pt-list__type-a.pt-list__2col .pt-list-item .pt-list-item__stats > span.pt-li_stats-vote {
    display: block;
  }
  
  .pt-list__3col {
    overflow: hidden;
    border-radius: 0 0 4px 4px;
  }
  
  .pt-list__type-simple.pt-list__3col .pt-list-item {
    width: 33.33%;
    float: left;
    border-radius: 0;
    border-right: solid 1px rgba(255, 255, 255, 0.12);
  }
  .pt-list__type-simple.pt-list__3col .pt-list-item:nth-child(3n+3) {
    border-right: none;
  }
  .pt-list__type-simple.pt-list__3col .pt-list-item:last-child {
    border-bottom: solid 1px rgba(255, 255, 255, 0.12);
  }
  
  .pt-list__type-a.pt-list__3col .pt-list-item {
    width: 33.33%;
    float: left;
    border-radius: 0;
    border-right: solid 1px rgba(233, 229, 246, 0.08);
  }
  .pt-list__type-a.pt-list__3col .pt-list-item .pt-list-item__title h2 {
    max-height: 48px;
  }
  .pt-list__type-a.pt-list__3col .pt-list-item .pt-list-item__tag {
    display: none;
  }
  .pt-list__type-a.pt-list__3col .pt-list-item:nth-child(3n+3) {
    border-right: none;
  }
  .pt-list__type-a.pt-list__3col .pt-list-item:last-child {
    border-bottom: solid 1px rgba(233, 229, 246, 0.08);
  }
  .pt-list__type-a.pt-list__3col .pt-list-item .pt-list-item__info {
    width: 75%;
  }
  .pt-list__type-a.pt-list__3col .pt-list-item .pt-list-item__info span {
    display: none;
  }
  .pt-list__type-a.pt-list__3col .pt-list-item .pt-list-item__stats {
    width: auto;
  }
  .pt-list__type-a.pt-list__3col .pt-list-item .pt-list-item__stats > span.pt-li_stats-view, .pt-list__type-a.pt-list__3col .pt-list-item .pt-list-item__stats span.pt-li_stats-vote {
    display: none;
  }
  
  @media (max-width: 1200px) {
    .pt-list .pt-list-item .pt-list-item__title > span, .pt-list__type-a .pt-list-item .pt-list-item__title > span {
      display: none;
    }
    .pt-list .pt-list-item .pt-list-item__title .pt-list-item__tag, .pt-list__type-a .pt-list-item .pt-list-item__title .pt-list-item__tag {
      display: block;
    }
    .pt-list .pt-list-item .pt-list-item__info, .pt-list__type-a .pt-list-item .pt-list-item__info {
      width: 70%;
    }
    .pt-list .pt-list-item .pt-list-item__info > span, .pt-list__type-a .pt-list-item .pt-list-item__info > span {
      display: inline-block;
    }
    .pt-list .pt-list-item .pt-list-item__stats, .pt-list__type-a .pt-list-item .pt-list-item__stats {
      width: auto;
    }
    .pt-list .pt-list-item .pt-list-item__stats > span, .pt-list__type-a .pt-list-item .pt-list-item__stats > span {
      margin-left: 4;
    }
    .pt-list .pt-list-item .pt-list-item__stats > span.pt-li_stats-view, .pt-list__type-a .pt-list-item .pt-list-item__stats > span.pt-li_stats-view {
      display: none;
    }
  
    .pt-list__type-b .pt-list-item {
      padding: 16px 16px 8px 16px;
      margin: 8px;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__title > h2 {
      float: none;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__title > h2 > a {
      max-height: 180px;
      display: block;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__title > span {
      display: none;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__title .pt-list-item__tag {
      display: none;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__info {
      width: 70%;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__info > h5 > a {
      width: 100%;
      overflow: hidden;
      display: block;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__info > span {
      display: none;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__stats > span.pt-li_stats-comment {
      display: inline-block;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__stats > span.pt-li_stats-view, .pt-list__type-b .pt-list-item .pt-list-item__stats span.pt-li_stats-vote {
      display: none;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__stats > span.pt-li_stats-comment {
      margin-left: 0;
    }
    .pt-list__type-b .pt-list-item__no-img .pt-list-item__title {
      margin-bottom: 42px !important;
      height: 180px !important;
      max-height: 180px !important;
    }
    .pt-list__type-b .pt-list-item__no-img .pt-list-item__title h2 {
      max-height: 180px;
    }
    .pt-list__type-b.pt-list__type-b-opt5item_on_1row .pt-list-item {
      width: calc((100% /4) - 16px);
      min-width: calc((100% /4) - 16px);
    }
    .pt-list__type-b.pt-list__type-b-opt5item_on_1row.pt-list__type-b-opt2row .pt-list-item {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
    }
    .pt-list__type-b.pt-list__type-b-opt5item_on_1row.pt-list__type-b-opt2row .pt-list-item:nth-child(n+9) {
      display: none;
    }
    .pt-list__type-b.pt-list__type-b-opt6item_on_1row .pt-list-item {
      width: calc((100% /5) - 16px);
      min-width: calc((100% /5) - 16px);
    }
    .pt-list__type-b.pt-list__type-b-opt6item_on_1row.pt-list__type-b-opt2row .pt-list-item {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
    }
    .pt-list__type-b.pt-list__type-b-opt6item_on_1row.pt-list__type-b-opt2row .pt-list-item:nth-child(n+11) {
      display: none;
    }
  
    .pt-list__type-c > .pt-list-item .pt-list-item__title .pt-list-item__tag {
      display: none;
    }
  
    .pt-list__type-d > .pt-list-item {
      padding: 12px 32px 0 80px;
    }
    .pt-list__type-d > .pt-list-item .pt-list-item__stats > span {
      margin-left: 4;
    }
    .pt-list__type-d > .pt-list-item .pt-list-item__stats > span.pt-li_stats-view {
      display: inline-block;
    }
  
    .pt-list__type-d.pt-list-sidebar > .pt-list-item .pt-list-item__title .pt-list-item__tag {
      display: none;
    }
  
    .pt-list__type-a.pt-list-sidebar .pt-list-item .pt-list-item__title h2 {
      max-height: 48px;
    }
    .pt-list__type-a.pt-list-sidebar .pt-list-item .pt-list-item__title .pt-list-item__tag {
      display: none;
    }
    .pt-list__type-a.pt-list-sidebar .pt-list-item .pt-list-item__info {
      width: 65%;
    }
    .pt-list__type-a.pt-list-sidebar .pt-list-item .pt-list-item__info span {
      display: none;
    }
  
    .pt-list__type-b-opt2row {
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
  
    .pt-list__type-a.pt-list__2col .pt-list-item .pt-list-item__info {
      width: 60%;
    }
    .pt-list__type-a.pt-list__2col .pt-list-item .pt-list-item__info > span {
      display: block;
    }
  
    .pt-list__type-simple.pt-list__3col .pt-list-item {
      width: 50%;
    }
    .pt-list__type-simple.pt-list__3col .pt-list-item:nth-child(odd) {
      border-right: solid 1px rgba(255, 255, 255, 0.12);
    }
    .pt-list__type-simple.pt-list__3col .pt-list-item:nth-child(even) {
      border-right: 0px;
    }
  
    .pt-list__type-a.pt-list__3col .pt-list-item {
      width: 50%;
    }
    .pt-list__type-a.pt-list__3col .pt-list-item .pt-list-item__title > h2 {
      max-height: 24px;
    }
    .pt-list__type-a.pt-list__3col .pt-list-item .pt-list-item__title .pt-list-item__tag {
      display: block;
    }
    .pt-list__type-a.pt-list__3col .pt-list-item:nth-child(odd) {
      border-right: solid 1px rgba(233, 229, 246, 0.08);
    }
    .pt-list__type-a.pt-list__3col .pt-list-item:nth-child(even) {
      border-right: 0px;
    }
    .pt-list__type-a.pt-list__3col .pt-list-item .pt-list-item__info {
      width: 60%;
    }
    .pt-list__type-a.pt-list__3col .pt-list-item .pt-list-item__info > span {
      display: block;
    }
    .pt-list__type-a.pt-list__3col .pt-list-item .pt-list-item__stats {
      width: auto;
    }
    .pt-list__type-a.pt-list__3col .pt-list-item .pt-list-item__stats > span.pt-li_stats-vote {
      display: block;
    }
  }
  @media (max-width: 992px) {
    .pt-list .pt-list-item .pt-list-item__title > h2, .pt-list__type-a .pt-list-item .pt-list-item__title > h2 {
      float: none;
    }
    .pt-list .pt-list-item .pt-list-item__title > h2 > a, .pt-list__type-a .pt-list-item .pt-list-item__title > h2 > a {
      display: block;
    }
    .pt-list .pt-list-item .pt-list-item__title > span, .pt-list__type-a .pt-list-item .pt-list-item__title > span {
      display: none;
    }
    .pt-list .pt-list-item .pt-list-item__info, .pt-list__type-a .pt-list-item .pt-list-item__info {
      width: 70%;
    }
    .pt-list .pt-list-item .pt-list-item__info > span, .pt-list__type-a .pt-list-item .pt-list-item__info > span {
      display: inline-block;
    }
    .pt-list .pt-list-item .pt-list-item__stats, .pt-list__type-a .pt-list-item .pt-list-item__stats {
      width: auto;
    }
    .pt-list .pt-list-item .pt-list-item__stats > span, .pt-list__type-a .pt-list-item .pt-list-item__stats > span {
      margin-left: 4;
    }
    .pt-list .pt-list-item .pt-list-item__stats > span.pt-li_stats-view, .pt-list__type-a .pt-list-item .pt-list-item__stats > span.pt-li_stats-view {
      display: none;
    }
  
    .pt-list__type-b {
      overflow-x: scroll;
    }
    .pt-list__type-b::after {
      display: block;
      content: "\00a0";
    }
    .pt-list__type-b .pt-list-item {
      width: 292px;
      min-width: 292px;
      max-width: 292px;
      margin: 8px;
      padding: 16px 16px 8px 16px;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__title {
      order: 2;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__title > h2 {
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__title > h2 > a {
      max-height: 180px;
      display: block;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__title > span {
      display: none;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__title .pt-list-item__tag {
      display: none;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__info {
      order: 3;
      width: 70%;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__info > h5 > a {
      width: 100%;
      overflow: hidden;
      display: block;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__info > span {
      display: none;
    }
    .pt-list__type-b.pt-list__type-b-opt5item_on_1row .pt-list-item {
      width: calc((100% /3.25) - 16px);
      min-width: calc((100% /3.25) - 16px);
    }
    .pt-list__type-b.pt-list__type-b-opt5item_on_1row.pt-list__type-b-opt2row .pt-list-item {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
    }
    .pt-list__type-b.pt-list__type-b-opt5item_on_1row.pt-list__type-b-opt2row .pt-list-item:nth-child(n+7) {
      display: none;
    }
    .pt-list__type-b.pt-list__type-b-opt6item_on_1row .pt-list-item {
      width: calc((100% /4) - 16px);
      min-width: calc((100% /4) - 16px);
    }
    .pt-list__type-b.pt-list__type-b-opt6item_on_1row.pt-list__type-b-opt2row .pt-list-item {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
    }
    .pt-list__type-b.pt-list__type-b-opt6item_on_1row.pt-list__type-b-opt2row .pt-list-item:nth-child(n+9) {
      display: none;
    }
  
    .pt-list__type-b-opt2row {
      -webkit-flex-wrap: nowrap;
      -moz-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
    }
    .pt-list__type-b-opt2row .pt-list-item {
      @includ flexbox();
    }
  
    .pt-list__type-b.pt-list__type-b-optmultirow {
      overflow-x: hidden;
    }
    .pt-list__type-b.pt-list__type-b-optmultirow .pt-list-item {
      width: calc(33.33% - 16px);
      max-width: calc(33.33% - 16px);
      min-width: calc(33.33% - 16px);
    }
    .pt-list__type-b.pt-list__type-b-optmultirow .pt-list-item:nth-child(4n+1) {
      margin-left: 8px;
    }
    .pt-list__type-b.pt-list__type-b-optmultirow::after {
      display: none;
    }
  
    .pt-list__type-b.pt-list-sidebar {
      overflow-x: hidden;
    }
    .pt-list__type-b.pt-list-sidebar .pt-list-item {
      width: calc(50% - 17px);
      max-width: calc(50% - 17px);
      min-width: calc(50% - 17px);
    }
    .pt-list__type-b.pt-list-sidebar::after {
      display: none;
    }
  
    .pt-list__type-c .pt-list-item .pt-list-item__title h2 {
      padding-right: 0;
    }
    .pt-list__type-c .pt-list-item .pt-list-item__info {
      display: inline-block;
      width: 100%;
    }
    .pt-list__type-c.pt-list-sidebar .pt-list-item .pt-list-item__info > span {
      display: inline-block;
    }
  
    .pt-list__type-d .pt-list-item {
      padding: 12px 16px 0 16px;
    }
    .pt-list__type-d .pt-list-item .pt-list-item__info {
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      position: relative;
      width: auto;
      white-space: nowrap;
      overflow: visible;
      margin-bottom: 10px;
      padding-top: 2px;
      padding-left: 48px;
    }
    .pt-list__type-d .pt-list-item .pt-list-item__info h5 {
      margin-bottom: 2px;
    }
    .pt-list__type-d .pt-list-item .pt-list-item__info > a {
      left: 0;
      width: 40px;
      height: 40px;
      max-width: 40px;
      max-height: 40px;
    }
    .pt-list__type-d .pt-list-item .pt-list-item__info span {
      display: inline;
    }
    .pt-list__type-d .pt-list-item .pt-list-item__info span::before {
      display: none;
    }
    .pt-list__type-d .pt-list-item .pt-list-item__stats > span {
      display: inline-block;
      margin-left: 8px;
    }
    .pt-list__type-d .pt-list-item .pt-list-item__stats > span:first-child {
      margin-left: 0;
    }
    .pt-list__type-d .pt-list-item .pt-list-item__stats > span.pt-li_stats-view, .pt-list__type-d .pt-list-item .pt-list-item__stats span.pt-li_stats-vote, .pt-list__type-d .pt-list-item .pt-list-item__stats span.pt-li_stats-comment {
      display: inline-block;
    }
    .pt-list__type-d .pt-list-item.pt-list-item__no-img {
      padding: 12px 16px 0 16px;
    }
    .pt-list__type-d .pt-list-item.pt-list-item__no-img .pt-list-item__info > a {
      left: 0;
      width: 40px;
      height: 40px;
      max-width: 40px;
      max-height: 40px;
    }
    .pt-list__type-d .pt-list-item.pt-list-item__ad-card-view .pt-list-item__title {
      order: 1;
    }
    .pt-list__type-d .pt-list-item.pt-list-item__ad-card-view .pt-list-item__title .pt-list-item__tag {
      display: block;
    }
    .pt-list__type-d .pt-list-item.pt-list-item__ad-card-view .pt-list-item__info {
      order: 2;
      padding-left: 0;
    }
    .pt-list__type-d .pt-list-item.pt-list-item__ad-card-view .pt-list-item__info > a {
      display: none;
    }
    .pt-list__type-d .pt-list-item.pt-list-item__ad-card-view .pt-list-item__info span {
      display: none;
    }
  
    .pt-list__type-a.pt-list-sidebar .pt-list-item
    .pt-list-item__title h2 {
      max-height: 24px;
    }
    .pt-list__type-a.pt-list-sidebar .pt-list-item
    .pt-list-item__title .pt-list-item__tag {
      display: block;
    }
    .pt-list__type-a.pt-list-sidebar .pt-list-item
    .pt-list-item__info {
      width: 70%;
    }
    .pt-list__type-a.pt-list-sidebar .pt-list-item
    .pt-list-item__info span {
      display: block;
    }
    .pt-list__type-a.pt-list-sidebar .pt-list-item
    .pt-list-item__stats .pt-li_stats-vote {
      display: block;
    }
  
    .pt-list.pt-list__2col .pt-list-item {
      width: 100%;
      float: none;
      border-radius: 0;
      border-left: 0;
    }
    .pt-list.pt-list__2col .pt-list-item:nth-child(1n+1) {
      border-left: none;
    }
    .pt-list.pt-list__2col .pt-list-item:nth-child(odd) {
      border-right: none;
    }
    .pt-list.pt-list__2col .pt-list-item:last-child {
      border-radius: 0 0 4px 4px;
    }
    .pt-list.pt-list__2col .pt-list-item .pt-list-item__info > span {
      display: block;
    }
  
    .pt-list.pt-list__3col .pt-list-item {
      width: 100%;
      float: none;
      border-radius: 0;
    }
    .pt-list.pt-list__3col .pt-list-item:nth-child(1n+1) {
      border-left: none;
    }
    .pt-list.pt-list__3col .pt-list-item:nth-child(2n+1) {
      border-right: none;
    }
    .pt-list.pt-list__3col .pt-list-item:last-child {
      border-radius: 0 0 4px 4px;
    }
    .pt-list.pt-list__3col .pt-list-item .pt-list-item__info > span {
      display: block;
    }
  }
  @media (max-width: 768px) {
    .pt-list, .pt-list__type-a {
      padding: 0;
      margin: 0;
      list-style: none;
    }
    .pt-list .pt-list-item .pt-list-item__title > h2, .pt-list__type-a .pt-list-item .pt-list-item__title > h2 {
      float: none;
    }
    .pt-list .pt-list-item .pt-list-item__title > h2 > a, .pt-list__type-a .pt-list-item .pt-list-item__title > h2 > a {
      display: block;
    }
    .pt-list .pt-list-item .pt-list-item__title > span, .pt-list__type-a .pt-list-item .pt-list-item__title > span {
      display: none;
    }
    .pt-list .pt-list-item .pt-list-item__info > span, .pt-list__type-a .pt-list-item .pt-list-item__info > span {
      display: inline-block;
    }
    .pt-list .pt-list-item .pt-list-item__stats, .pt-list__type-a .pt-list-item .pt-list-item__stats {
      width: auto;
    }
    .pt-list .pt-list-item .pt-list-item__stats > span, .pt-list__type-a .pt-list-item .pt-list-item__stats > span {
      margin-left: 0;
    }
    .pt-list .pt-list-item .pt-list-item__stats > span.pt-li_stats-view, .pt-list .pt-list-item .pt-list-item__stats span.pt-li_stats-vote, .pt-list__type-a .pt-list-item .pt-list-item__stats > span.pt-li_stats-view, .pt-list__type-a .pt-list-item .pt-list-item__stats span.pt-li_stats-vote {
      display: none;
    }
  
    .pt-list__type-b {
      margin: 0;
      padding: 8px;
      overflow-x: scroll;
      scroll-snap-type: x mandatory;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__title {
      order: 2;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__title h2 {
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__title h2 > a {
      max-height: 180px;
      display: block;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__title span {
      display: none;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__title .pt-list-item__tag {
      display: none;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__info {
      order: 3;
      width: 70%;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__info > span {
      display: none;
    }
    .pt-list__type-b .pt-list-item__no-img .pt-list-item__title {
      height: 175px !important;
      max-height: 175px !important;
      margin-bottom: 52px !important;
    }
    .pt-list__type-b.pt-list__type-b-opt5item_on_1row .pt-list-item {
      width: calc((100% /2.25) - 16px);
      min-width: calc((100% /2.25) - 16px);
    }
    .pt-list__type-b.pt-list__type-b-opt5item_on_1row.pt-list__type-b-opt2row .pt-list-item {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
    }
    .pt-list__type-b.pt-list__type-b-opt5item_on_1row.pt-list__type-b-opt2row .pt-list-item:nth-child(n) {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
    }
    .pt-list__type-b.pt-list__type-b-opt6item_on_1row .pt-list-item {
      width: 140px;
      min-width: 140px;
      max-width: 140px;
    }
    .pt-list__type-b.pt-list__type-b-opt6item_on_1row.pt-list__type-b-opt2row .pt-list-item {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
    }
    .pt-list__type-b.pt-list__type-b-opt6item_on_1row.pt-list__type-b-opt2row .pt-list-item:nth-child(n) {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
    }
  
    .pt-list__type-d .pt-list-item.pt-list-item__ad-card-view .pt-list-item__title {
      order: 1;
    }
    .pt-list__type-d .pt-list-item.pt-list-item__ad-card-view .pt-list-item__title .pt-list-item__tag {
      display: block;
    }
    .pt-list__type-d .pt-list-item.pt-list-item__ad-card-view .pt-list-item__info {
      order: 2;
      padding-left: 0;
    }
    .pt-list__type-d .pt-list-item.pt-list-item__ad-card-view .pt-list-item__info > a {
      display: none;
    }
    .pt-list__type-d .pt-list-item.pt-list-item__ad-card-view .pt-list-item__info span {
      display: none;
    }
    .pt-list__type-d .pt-list-item .pt-list-item__stats > span {
      display: inline-block;
      margin-left: 8px;
    }
    .pt-list__type-d .pt-list-item .pt-list-item__stats > span:first-child {
      margin-left: 0;
    }
    .pt-list__type-d .pt-list-item .pt-list-item__stats > span.pt-li_stats-view, .pt-list__type-d .pt-list-item .pt-list-item__stats span.pt-li_stats-vote, .pt-list__type-d .pt-list-item .pt-list-item__stats span.pt-li_stats-comment {
      display: inline-block;
    }
  
    .pt-list__type-b.pt-list__type-b-optmultirow {
      overflow-x: hidden;
    }
    .pt-list__type-b.pt-list__type-b-optmultirow .pt-list-item {
      width: calc(50% - 16px);
      max-width: calc(50% - 16px);
      min-width: calc(50% - 16px);
    }
    .pt-list__type-b.pt-list__type-b-optmultirow::after {
      display: none;
    }
  
    .pt-list__type-a.pt-list-sidebar .pt-list-item .pt-list-item__stats .pt-li_stats-vote {
      display: none;
    }
  
    .pt-list__type-b-opt2row {
      -webkit-flex-wrap: nowrap;
      -moz-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
    }
  
    .pt-list.pt-list__2col .pt-list-item {
      width: 100%;
      float: none;
      border-radius: 0;
    }
    .pt-list.pt-list__2col .pt-list-item:nth-child(1n+1) {
      border-left: none;
    }
    .pt-list.pt-list__2col .pt-list-item:last-child {
      border-radius: 0 0 4px 4px;
    }
    .pt-list.pt-list__2col .pt-list-item .pt-list-item__stats {
      width: auto;
    }
    .pt-list.pt-list__2col .pt-list-item .pt-list-item__stats > span {
      margin-left: 0;
    }
    .pt-list.pt-list__2col .pt-list-item .pt-list-item__stats > span.pt-li_stats-view, .pt-list.pt-list__2col .pt-list-item .pt-list-item__stats span.pt-li_stats-vote {
      display: none;
    }
  
    .pt-list.pt-list__3col .pt-list-item {
      width: 100%;
      float: none;
      border-radius: 0;
    }
    .pt-list.pt-list__3col .pt-list-item:nth-child(1n+1) {
      border-left: none;
    }
    .pt-list.pt-list__3col .pt-list-item:last-child {
      border-radius: 0 0 4px 4px;
    }
    .pt-list.pt-list__3col .pt-list-item .pt-list-item__stats {
      width: auto;
    }
    .pt-list.pt-list__3col .pt-list-item .pt-list-item__stats > span {
      margin-left: 0;
    }
    .pt-list.pt-list__3col .pt-list-item .pt-list-item__stats > span.pt-li_stats-view, .pt-list.pt-list__3col .pt-list-item .pt-list-item__stats span.pt-li_stats-vote {
      display: none;
    }
  }
  @media (max-width: 576px) {
    .pt-list {
      padding: 0;
      margin: 0;
      list-style: none;
      overflow: inherit;
      border-radius: 0;
    }
    .pt-list .pt-list-item.pt-list-item__ad-card-view {
      position: relative;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 12px 16px 4px 16px;
    }
    .pt-list .pt-list-item.pt-list-item__ad-card-view > a {
      order: 3;
    }
    .pt-list .pt-list-item.pt-list-item__ad-card-view > a > .pt-list-item__img {
      display: block;
      position: relative;
      left: inherit;
      right: inherit;
      top: inherit;
      width: calc(100% + 32px);
      max-width: 960px;
      margin: 4px 0 4px -16px;
      border-radius: 0;
    }
    .pt-list .pt-list-item.pt-list-item__ad-card-view .pt-list-item__title {
      order: 1;
      height: auto;
      max-height: none;
      min-height: auto;
      margin-bottom: 8px;
      width: auto;
    }
    .pt-list .pt-list-item.pt-list-item__ad-card-view .pt-list-item__title h2 {
      max-height: none;
    }
    .pt-list .pt-list-item.pt-list-item__ad-card-view .pt-list-item__title .pt-list-item__tag {
      display: none;
    }
    .pt-list .pt-list-item.pt-list-item__ad-card-view .pt-list-item__info {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: flex-start;
      -moz-align-items: flex-start;
      -ms-align-items: flex-start;
      align-items: flex-start;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      -webkit-box-ordinal-group: 2;
      -moz-box-ordinal-group: 2;
      -ms-flex-order: 2;
      -webkit-order: 2;
      order: 2;
      position: relative;
      width: auto;
      white-space: nowrap;
      overflow: visible;
      margin-bottom: 10px;
      padding-top: 2px;
      padding-left: 0;
      /*h5.pt-li_ads {
          @include flex-direction(column);
          &::before {
              order: 2;
              width: 28px;
              text-align: center;
          }
      }*/
    }
    .pt-list .pt-list-item.pt-list-item__ad-card-view .pt-list-item__info > a {
      display: none;
      position: absolute;
      left: 0;
      top: 0;
      width: 40px;
      height: 40px;
      max-width: 40px;
      max-height: 40px;
    }
    .pt-list .pt-list-item.pt-list-item__ad-card-view .pt-list-item__info span {
      display: none;
    }
    .pt-list .pt-list-item.pt-list-item__ad-card-view .pt-list-item__info span::before {
      display: none;
    }
    .pt-list .pt-list-item.pt-list-item__ad-card-view .pt-list-item__stats {
      position: relative;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-align-items: flex-start;
      -moz-align-items: flex-start;
      -ms-align-items: flex-start;
      align-items: flex-start;
      -webkit-justify-content: flex-start;
      -moz-justify-content: flex-start;
      -ms-justify-content: flex-start;
      justify-content: flex-start;
      -ms-flex-pack: flex-start;
      -webkit-box-ordinal-group: 4;
      -moz-box-ordinal-group: 4;
      -ms-flex-order: 4;
      -webkit-order: 4;
      order: 4;
      white-space: nowrap;
      overflow: hidden;
      width: auto;
      padding: 8px 0;
      border-top: none;
      right: 0;
      bottom: 0;
    }
    .pt-list .pt-list-item.pt-list-item__ad-card-view .pt-list-item__stats > span {
      display: inline-block;
      margin-left: 8px;
    }
    .pt-list .pt-list-item.pt-list-item__ad-card-view .pt-list-item__stats > span:first-child {
      margin-left: 0;
    }
    .pt-list .pt-list-item.pt-list-item__ad-card-view .pt-list-item__stats > span.pt-li_stats-view, .pt-list .pt-list-item.pt-list-item__ad-card-view .pt-list-item__stats span.pt-li_stats-vote, .pt-list .pt-list-item.pt-list-item__ad-card-view .pt-list-item__stats span.pt-li_stats-comment {
      display: inline-block;
    }
    .pt-list .pt-list-item.pt-list-item__ad-card-view:first-child {
      margin-top: 0;
    }
    .pt-list .pt-list-item.pt-list-item__ad-card-view:last-child {
      -webkit-box-shadow: none;
      box-shadow: none;
      margin-bottom: 0;
    }
    .pt-list .pt-list-item.pt-list-item__ad-card-view.pt-list-item__no-img {
      padding: 12px 64px 0 80px;
    }
    .pt-list .pt-list-item.pt-list-item__ad-card-view.pt-list-item__no-img .pt-list-item__title {
      margin-bottom: 0 !important;
      margin-top: 0 !important;
      height: auto !important;
      max-height: none !important;
    }
    .pt-list .pt-list-item.pt-list-item__ad-card-view.pt-list-item__no-img .pt-list-item__title h2 {
      text-align: left;
      max-height: none;
    }
    .pt-list .pt-list-item.pt-list-item__ad-card-view.pt-list-item__no-img .pt-list-item__title h2 a {
      font-size: 0.875rem;
      font-weight: 400;
      line-height: 1.5;
    }
    .pt-list .pt-list-item.pt-list-item__ad-card-view.pt-list-item__no-img .pt-list-item__info > a {
      display: block;
      position: absolute;
      left: -64px;
      top: 0;
      width: 48px;
      height: 48px;
      max-width: 48px;
      max-height: 48px;
      margin-right: 0;
    }
    .pt-list .pt-list-item.pt-list-item__ad-card-view.pt-list-item__no-img .pt-list-item__stats {
      margin-top: 8px;
      border-top: solid 1px rgba(233, 229, 246, 0.08);
    }
    .pt-list .pt-list-item.pt-list-item__ad-card-view.pt-list-item__no-img .pt-list-item__img {
      display: none;
    }
    .pt-list .pt-list-item.pt-list-item__ad-card-view.pt-list-item__no-img .pt-list-item__title {
      max-height: 144px;
    }
    .pt-list .pt-list-item.pt-list-item__ad-card-view.pt-list-item__no-img .pt-list-item__title > span {
      display: block;
    }
  
    .pt-list__type-a .pt-list-item {
      /*&.pt-list-item__no-img {
          .pt-list-item__title {
              min-height: auto;
              h2 {
                  min-height: auto;
              }
          }
      }*/
    }
    .pt-list__type-a .pt-list-item .pt-list-item__title > h2 {
      max-height: 48px;
    }
    .pt-list__type-a .pt-list-item .pt-list-item__title .pt-list-item__tag {
      display: none;
    }
    .pt-list__type-a .pt-list-item .pt-list-item__info > span {
      display: block;
    }
  
    .pt-list__type-b {
      margin: 0;
      padding: 8px;
      overflow: hidden;
      overflow-x: scroll;
      scroll-snap-type: x mandatory;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__title {
      -webkit-box-ordinal-group: 2;
      -moz-box-ordinal-group: 2;
      -ms-flex-order: 2;
      -webkit-order: 2;
      order: 2;
      margin-bottom: 4px;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__title > h2 {
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__title > h2 > a {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__title > span {
      display: none;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__title .pt-list-item__tag {
      display: none;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__info {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: flex-start;
      -moz-align-items: flex-start;
      -ms-align-items: flex-start;
      align-items: flex-start;
      -webkit-justify-content: flex-start;
      -moz-justify-content: flex-start;
      -ms-justify-content: flex-start;
      justify-content: flex-start;
      -ms-flex-pack: flex-start;
      position: relative;
      order: 3;
      width: 70%;
      height: auto;
      padding: 0;
      margin: 0;
      float: left;
      white-space: nowrap;
      overflow: hidden;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__info > a {
      display: none;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__info > h5 {
      margin: 0;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__info > span {
      display: none;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__info > .pt-li_ads::before, .pt-list__type-b .pt-list-item .pt-list-item__info .pt-li_new::before {
      display: block;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__info > .pt-li_ads::after, .pt-list__type-b .pt-list-item .pt-list-item__info .pt-li_new::after {
      display: none;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__stats {
      display: block;
      position: absolute;
      right: 16px;
      bottom: 8px;
      white-space: nowrap;
      overflow: hidden;
      width: auto;
      padding: 0;
      border-top: none;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__stats > span {
      display: inline-block;
      margin-left: 8px;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__stats > span:first-child {
      margin-left: 0;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__stats > span.pt-li_stats-comment {
      display: inline-block;
    }
    .pt-list__type-b .pt-list-item .pt-list-item__stats > span.pt-li_stats-view, .pt-list__type-b .pt-list-item .pt-list-item__stats span.pt-li_stats-vote {
      display: none;
    }
    .pt-list__type-b .pt-list-item:last-child {
      margin-bottom: 8px;
      border-radius: 0.25rem;
      -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
      border-bottom: 0;
    }
    .pt-list__type-b.pt-list__type-b-opt1col, .pt-list__type-b.pt-list__type-b-opt2row.pt-list__type-b-opt1col {
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      overflow: auto;
      max-height: none;
    }
    .pt-list__type-b.pt-list__type-b-opt1col .pt-list-item, .pt-list__type-b.pt-list__type-b-opt2row.pt-list__type-b-opt1col .pt-list-item {
      width: 100%;
      min-width: calc(100% - 16px);
      max-width: calc(100% - 16px);
    }
    .pt-list__type-b.pt-list__type-b-opt5item_on_1row .pt-list-item {
      width: 172px;
      min-width: 172px;
      max-width: 172px;
    }
    .pt-list__type-b.pt-list__type-b-opt5item_on_1row.pt-list__type-b-opt2row .pt-list-item {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
    }
    .pt-list__type-b.pt-list__type-b-opt5item_on_1row.pt-list__type-b-opt2row .pt-list-item:nth-child(n) {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
    }
    .pt-list__type-b.pt-list__type-b-opt5item_on_1row.pt-list__type-b-optmultirow .pt-list-item {
      width: calc(50% - 16px);
      max-width: calc(50% - 16px);
      min-width: calc(50% - 16px);
    }
    .pt-list__type-b.pt-list__type-b-opt6item_on_1row .pt-list-item {
      width: 140px;
      min-width: 140px;
      max-width: 140px;
    }
    .pt-list__type-b.pt-list__type-b-opt6item_on_1row.pt-list__type-b-opt2row .pt-list-item {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
    }
    .pt-list__type-b.pt-list__type-b-opt6item_on_1row.pt-list__type-b-opt2row .pt-list-item:nth-child(n) {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
    }
    .pt-list__type-b.pt-list__type-b-opt6item_on_1row.pt-list__type-b-optmultirow .pt-list-item {
      width: calc(50% - 16px);
      max-width: calc(50% - 16px);
      min-width: calc(50% - 16px);
    }
  
    .pt-list__type-b.pt-list__title2line.pt-list__type-b-smalltitle.pt-list__type-b-optmultirow .pt-list-item.pt-list-item__ad-card-view > a {
      -webkit-box-ordinal-group: 1;
      -moz-box-ordinal-group: 1;
      -ms-flex-order: 1;
      -webkit-order: 1;
      order: 1;
    }
    .pt-list__type-b.pt-list__title2line.pt-list__type-b-smalltitle.pt-list__type-b-optmultirow .pt-list-item.pt-list-item__ad-card-view > a .pt-list-item__img {
      margin-top: -12px;
      margin-bottom: 8px;
    }
    .pt-list__type-b.pt-list__title2line.pt-list__type-b-smalltitle.pt-list__type-b-optmultirow .pt-list-item.pt-list-item__ad-card-view .pt-list-item__title {
      -webkit-box-ordinal-group: 2;
      -moz-box-ordinal-group: 2;
      -ms-flex-order: 2;
      -webkit-order: 2;
      order: 2;
    }
    .pt-list__type-b.pt-list__title2line.pt-list__type-b-smalltitle.pt-list__type-b-optmultirow .pt-list-item.pt-list-item__ad-card-view .pt-list-item__title h2 {
      max-height: 42px;
    }
    .pt-list__type-b.pt-list__title2line.pt-list__type-b-smalltitle.pt-list__type-b-optmultirow .pt-list-item.pt-list-item__ad-card-view .pt-list-item__info {
      display: block;
      position: absolute;
      top: 8px;
      left: 8px;
      z-index: 8;
      padding-top: 0;
      padding-left: 0;
    }
    .pt-list__type-b.pt-list__title2line.pt-list__type-b-smalltitle.pt-list__type-b-optmultirow .pt-list-item.pt-list-item__ad-card-view .pt-list-item__info > a {
      display: none;
    }
    .pt-list__type-b.pt-list__title2line.pt-list__type-b-smalltitle.pt-list__type-b-optmultirow .pt-list-item.pt-list-item__ad-card-view .pt-list-item__info h5 > a {
      display: none;
    }
    .pt-list__type-b.pt-list__title2line.pt-list__type-b-smalltitle.pt-list__type-b-optmultirow .pt-list-item.pt-list-item__ad-card-view .pt-list-item__info span {
      display: none;
    }
    .pt-list__type-b.pt-list__title2line.pt-list__type-b-smalltitle.pt-list__type-b-optmultirow .pt-list-item.pt-list-item__ad-card-view .pt-list-item__stats {
      display: none;
    }
  
    .pt-list__type-d .pt-list-item {
      padding: 12px 16px 0 16px;
    }
    .pt-list__type-d .pt-list-item > a > .pt-list-item__img {
      width: calc(100% + 32px);
      margin-left: -16px;
      border-radius: 0;
    }
    .pt-list__type-d .pt-list-item > a > .pt-list-item__img:before {
      padding-top: 75%;
    }
    .pt-list__type-d .pt-list-item .pt-list-item__title .pt-list-item__tag {
      display: block !important;
    }
    .pt-list__type-d .pt-list-item.pt-list-item__ad-card-view a > .pt-list-item__img {
      left: 0;
    }
    .pt-list__type-d .pt-list-item.pt-list-item__ad-card-view .pt-list-item__info {
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      position: relative;
      width: auto;
      white-space: nowrap;
      overflow: visible;
      margin-bottom: 10px;
      padding-top: 2px;
      padding-left: 0;
      /*h5.pt-li_ads {
          @include flex-direction(column);
          &::before {
              order: 2;
              width: 28px;
              text-align: center;
          }
      }*/
    }
    .pt-list__type-d .pt-list-item.pt-list-item__ad-card-view .pt-list-item__info > a {
      display: none;
      left: 0;
      width: 40px;
      height: 40px;
      max-width: 40px;
      max-height: 40px;
    }
    .pt-list__type-d .pt-list-item.pt-list-item__ad-card-view .pt-list-item__info span {
      display: none;
    }
    .pt-list__type-d .pt-list-item.pt-list-item__ad-card-view .pt-list-item__info span::before {
      display: none;
    }
    .pt-list__type-d .pt-list-item.pt-list-item__ad-card-view .pt-list-item__title .pt-list-item__tag {
      display: none !important;
    }
    .pt-list__type-d .pt-list-item .pt-list-item__stats > span {
      display: inline-block;
      margin-left: 8px;
    }
    .pt-list__type-d .pt-list-item .pt-list-item__stats > span:first-child {
      margin-left: 0;
    }
    .pt-list__type-d .pt-list-item .pt-list-item__stats > span.pt-li_stats-view, .pt-list__type-d .pt-list-item .pt-list-item__stats span.pt-li_stats-vote, .pt-list__type-d .pt-list-item .pt-list-item__stats span.pt-li_stats-comment {
      display: inline-block;
    }
  
    .pt-list__type-b.pt-list-sidebar {
      overflow-x: hidden;
    }
    .pt-list__type-b.pt-list-sidebar .pt-list-item {
      width: calc(100% - 16px);
      max-width: calc(100% - 16px);
      min-width: calc(100% - 16px);
    }
    .pt-list__type-b.pt-list-sidebar::after {
      display: none;
    }
  
    /*.pt-list__type-c .pt-list-item,
    .pt-list__type-a.pt-list-sidebar .pt-list-item,
    .pt-list__type-c.pt-list-sidebar .pt-list-item {
        .pt-list-item__title {
            & > h2 {
                max-height: 42px;
            }
            .pt-list-item__tag {
                display: none;
            }
        }
        .pt-list-item__info > span {
            display: none;
        }
    } */
    .pt-list.pt-list__2col .pt-list-item {
      width: 100%;
      float: none;
      border-radius: 0;
    }
    .pt-list.pt-list__2col .pt-list-item:nth-child(1n+1) {
      border-left: none;
    }
    .pt-list.pt-list__2col .pt-list-item:last-child {
      border-radius: 0;
    }
    .pt-list.pt-list__2col .pt-list-item .pt-list-item__title h2 {
      max-height: 48px;
    }
    .pt-list.pt-list__2col .pt-list-item .pt-list-item__title .pt-list-item__tag {
      display: none;
    }
    .pt-list.pt-list__2col .pt-list-item .pt-list-item__info > span {
      display: block;
    }
  
    .pt-list.pt-list__3col .pt-list-item {
      width: 100%;
      float: none;
      border-radius: 0;
    }
    .pt-list.pt-list__3col .pt-list-item:nth-child(1n+1) {
      border-left: none;
    }
    .pt-list.pt-list__3col .pt-list-item:last-child {
      border-radius: 0;
    }
    .pt-list.pt-list__3col .pt-list-item .pt-list-item__title h2 {
      max-height: 48px;
    }
    .pt-list.pt-list__3col .pt-list-item .pt-list-item__title .pt-list-item__tag {
      display: none;
    }
    .pt-list.pt-list__3col .pt-list-item .pt-list-item__info > span {
      display: block;
    }
  
    .pt-list__type-c.pt-list-item__full-title > .pt-list-item.pt-list-item__ad-card-view .pt-list-item__title .pt-list-item__tag {
      display: none;
    }
  }
  .pt-list-item.pt-list-item__no-img {
    padding-left: 16px;
  }
  .pt-list-item.pt-list-item__no-img .pt-list-item__img {
    display: none !important;
  }
  
  .pt-list.pt-list__type-a .pt-list-item.pt-list-item__no-img {
    padding-left: 16px;
  }
  .pt-list.pt-list__type-a .pt-list-item.pt-list-item__no-img .pt-list-item__img {
    display: none !important;
  }
  
  .pt-list__type-a.pt-list-item__img-ratio--1by1 .pt-list-item {
    padding: 8px 16px 8px 96px;
  }
  .pt-list__type-a.pt-list-item__img-ratio--1by1 .pt-list-item a > .pt-list-item__img {
    display: block;
    position: absolute;
    left: 16px;
    top: 10px;
    width: 64px;
  }
  .pt-list__type-a.pt-list-item__img-ratio--1by1 .pt-list-item a > .pt-list-item__img:before {
    padding-top: 100%;
    /* 1:1 Aspect Ratio */
  }
  
  .pt-list__type-b.pt-list-item__img-ratio--16by9 .pt-list-item > a > .pt-list-item__img:before {
    padding-top: 56.25%;
    /* 16:9 Aspect Ratio */
  }
  
  .pt-list__type-b.pt-list-item__img-ratio--2by3 .pt-list-item > a > .pt-list-item__img:before {
    padding-top: 150%;
    /* 2:3 Aspect Ratio */
  }
  
  .pt-list__type-b.pt-list-item__img-ratio--1by1 .pt-list-item > a > .pt-list-item__img:before {
    padding-top: 100%;
    /* 1:1 Aspect Ratio */
  }
  
  .pt-list__type-b.pt-list-sidebar.pt-list__sidebar-opt-fullfill {
    padding: 0;
    margin-bottom: 16px;
  }
  .pt-list__type-b.pt-list-sidebar.pt-list__sidebar-opt-fullfill .pt-list-item {
    margin: 0;
    background-color: #2D2A49;
    max-width: 720px;
  }
  .pt-list__type-b.pt-list-sidebar.pt-list__sidebar-opt-fullfill .pt-list-item:hover {
    background-color: #1F1D33;
  }
  
  .pt-list-item__show-description .pt-list-item .pt-list-item__title span {
    display: block;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.75;
  }
  .pt-list-item__show-description .pt-list-item .pt-list-item__title span > a {
    color: rgba(233, 229, 246, 0.6);
    word-wrap: break-word;
  }
  .pt-list-item__show-description .pt-list-item .pt-list-item__tag {
    display: none;
  }
  
  .pt-list-item__full-title .pt-list-item .pt-list-item__title {
    height: auto;
    max-height: none;
    min-height: 48px;
  }
  .pt-list-item__full-title .pt-list-item .pt-list-item__title > h2 {
    max-height: none;
  }
  .pt-list-item__full-title .pt-list-item .pt-list-item__title span, .pt-list-item__full-title .pt-list-item .pt-list-item__title span > a {
    display: none;
  }
  .pt-list-item__full-title .pt-list-item .pt-list-item__title .pt-list-item__tag {
    display: block;
  }
  @media (max-width: 576px) {
    .pt-list-item__full-title .pt-list-item .pt-list-item__title .pt-list-item__tag {
      display: none;
    }
  }
  .pt-list-item__full-title .pt-list-item.pt-list-item__no-img .pt-list-item__title {
    height: auto;
    max-height: none;
    min-height: auto;
  }
  .pt-list-item__full-title .pt-list-item.pt-list-item__ad-card-view .pt-list-item__title {
    height: auto;
    max-height: none;
    min-height: 48px;
  }
  @media (max-width: 576px) {
    .pt-list-item__full-title .pt-list-item.pt-list-item__ad-card-view .pt-list-item__title {
      min-height: auto;
    }
  }
  .pt-list-item__full-title .pt-list-item.pt-list-item__ad-card-view .pt-list-item__stats {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    margin-left: -8px;
  }
  .pt-list-item__full-title.pt-list__type-b .pt-list-item .pt-list-item__title {
    height: auto;
    max-height: 42px;
    min-height: 42px;
  }
  .pt-list-item__full-title.pt-list__type-b .pt-list-item .pt-list-item__title > h2 {
    max-height: 42px;
  }
  .pt-list-item__full-title.pt-list__type-b .pt-list-item .pt-list-item__title .pt-list-item__tag {
    display: none;
  }
  .pt-list-item__full-title.pt-list__type-b .pt-list-item.pt-list-item.pt-list-item__ad-card-view .pt-list-item__title {
    height: auto;
    min-height: auto;
  }
  .pt-list-item__full-title.pt-list__type-b .pt-list-item.pt-list-item.pt-list-item__ad-card-view .pt-list-item__stats {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    margin-left: -8px;
  }
  .pt-list-item__full-title.pt-list__type-c .pt-list-item .pt-list-item__title .pt-list-item__tag {
    display: none;
  }
  .pt-list-item__full-title.pt-list__type-d .pt-list-item .pt-list-item__title {
    min-height: auto;
  }
  
  @media (max-width: 576px) {
    .pt-list.pt-list-item__full-title-mobile .pt-list-item .pt-list-item__title {
      height: auto;
      max-height: none;
      min-height: 48px;
    }
    .pt-list.pt-list-item__full-title-mobile .pt-list-item .pt-list-item__title > h2 {
      max-height: none;
    }
    .pt-list.pt-list-item__full-title-mobile .pt-list-item .pt-list-item__title span, .pt-list.pt-list-item__full-title-mobile .pt-list-item .pt-list-item__title span > a {
      display: none;
    }
    .pt-list.pt-list-item__full-title-mobile .pt-list-item .pt-list-item__title .pt-list-item__tag {
      display: none;
    }
    .pt-list.pt-list-item__full-title-mobile .pt-list-item.pt-list-item__no-img .pt-list-item__title {
      height: auto;
      max-height: none;
      min-height: auto;
    }
  }
  .pt-list-item__hide-stats .pt-list-item .pt-list-item__info {
    width: auto;
  }
  .pt-list-item__hide-stats .pt-list-item .pt-list-item__stats {
    display: none !important;
  }
  
  .pt-list-item__hide-stats-vote .pt-list-item .pt-list-item__stats .pt-li_stats-vote {
    display: none !important;
  }
  
  .pt-list-item__hide-stats-view .pt-list-item .pt-list-item__stats .pt-li_stats-view {
    display: none !important;
  }
  
  .pt-list-item__hide-stats-comment .pt-list-item .pt-list-item__stats .pt-li_stats-comment {
    display: none !important;
  }
  
  .pt-list-item__hide-tag .pt-list-item .pt-list-item__title .pt-list-item__tag {
    display: none;
  }
  
  .pt-list-item__hide-member .pt-list-item .pt-list-item__info h5 > a {
    opacity: 0;
    pointer-events: none;
  }
  .pt-list-item__hide-member .pt-list-item .pt-list-item__info span {
    display: none !important;
  }
  
  .pt-list__show-title-only {
    background-color: #2D2A49;
    overflow: hidden;
    border-radius: 0 0 4px 4px;
  }
  .pt-list__show-title-only .pt-list-item {
    padding: 12px 16px 16px 16px;
  }
  .pt-list__show-title-only .pt-list-item a > .pt-list-item__img {
    display: none;
  }
  .pt-list__show-title-only .pt-list-item .pt-list-item__title {
    height: auto;
    max-height: auto !important;
    margin-bottom: 0;
  }
  .pt-list__show-title-only .pt-list-item .pt-list-item__title > h2 {
    max-height: 72px;
  }
  .pt-list__show-title-only .pt-list-item .pt-list-item__title span {
    display: none;
  }
  .pt-list__show-title-only .pt-list-item .pt-list-item__title .pt-list-item__tag {
    display: none;
  }
  .pt-list__show-title-only .pt-list-item .pt-list-item__info,
  .pt-list__show-title-only .pt-list-item .pt-list-item__info > a,
  .pt-list__show-title-only .pt-list-item .pt-list-item__info > h5,
  .pt-list__show-title-only .pt-list-item .pt-list-item__info > h5 > a,
  .pt-list__show-title-only .pt-list-item .pt-list-item__info > span {
    display: none;
  }
  .pt-list__show-title-only .pt-list-item .pt-list-item__info > h5.pt-li_ads,
  .pt-list__show-title-only .pt-list-item .pt-list-item__info > h5.pt-li_new {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-top: 8px;
  }
  .pt-list__show-title-only .pt-list-item .pt-list-item__stats {
    display: none;
  }
  
  .pt-list__show-img-only .pt-list-item {
    padding: 0;
    background-color: transparent;
  }
  .pt-list__show-img-only .pt-list-item a > .pt-list-item__img {
    width: calc(100%);
    border-radius: 0.125rem;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    left: 0;
    top: 0;
  }
  .pt-list__show-img-only .pt-list-item .pt-list-item__title {
    display: none;
  }
  .pt-list__show-img-only .pt-list-item .pt-list-item__info,
  .pt-list__show-img-only .pt-list-item .pt-list-item__info > a,
  .pt-list__show-img-only .pt-list-item .pt-list-item__info > h5,
  .pt-list__show-img-only .pt-list-item .pt-list-item__info > h5 > a,
  .pt-list__show-img-only .pt-list-item .pt-list-item__info > span {
    display: none;
  }
  .pt-list__show-img-only .pt-list-item .pt-list-item__info > h5.pt-li_ads,
  .pt-list__show-img-only .pt-list-item .pt-list-item__info > h5.pt-li_new {
    display: none;
  }
  .pt-list__show-img-only .pt-list-item .pt-list-item__stats {
    display: none;
  }
  
  .pt-list-item_interesting {
    background-color: #44416F !important;
  }
  .pt-list-item_interesting::before {
    content: "";
    background-color: #FBC02D;
    width: 4px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 200%;
    z-index: 1;
  }
  
  .pt-list-item_ignored {
    display: none !important;
  }
  
  .pt-list-item_interst_and_ignore {
    background-color: #2D2A49 !important;
  }
  .pt-list-item_interst_and_ignore * {
    opacity: 0.6;
  }
  .pt-list-item_interst_and_ignore::before {
    content: "";
    background-color: #FFF9C4;
    width: 4px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 200%;
    z-index: 1;
  }
  
  .pt-list__type-simple-opt-movie {
    background-color: #212121;
  }
  .pt-list__type-simple-opt-movie .pt-list-item {
    background-color: #212121;
  }
  .pt-list__type-simple-opt-movie .pt-list-item .pt-list-item__title {
    margin-bottom: 0px;
  }
  .pt-list__type-simple-opt-movie .pt-list-item .pt-list-item__info {
    margin-bottom: -1px;
    width: 100%;
  }
  .pt-list__type-simple-opt-movie .pt-list-item:hover {
    background-color: rgba(0, 0, 0, 0.38);
  }
  
  .pt-list-item.pt-list-item__label {
    padding: 10px 16px 10px 60px;
  }
  
  .pt-list-item__label::before {
    display: flex;
    font-size: 10px;
    height: 26px;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 120px;
    transform: rotate(-45deg);
    left: -38px;
    top: 8px;
    text-align: center;
    line-height: 10px;
    white-space: pre-wrap;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    z-index: 1;
  }
  .pt-list-item__label .pt-list-item__title h2 > a b, .pt-list-item__label .pt-list-item__title h2 > a > strong {
    color: #FBC02D;
  }
  .pt-list-item__label .pt-list-item__title h2 b, .pt-list-item__label .pt-list-item__title h2 > strong {
    color: #FBC02D;
  }
  .pt-list-item__label .pt-list-item__title h2 b a, .pt-list-item__label .pt-list-item__title h2 b a:link, .pt-list-item__label .pt-list-item__title h2 > strong a, .pt-list-item__label .pt-list-item__title h2 > strong a:link {
    color: #FBC02D;
  }
  .pt-list-item__label.announce::before {
    content: "Announce";
    background-color: #388E3C;
    color: #FFFFFF;
  }
  .pt-list-item__label.activity::before {
    content: "Activity";
    background-color: #5C6BC0;
    color: #FFFFFF;
  }
  .pt-list-item__label.highlight::before {
    content: "Highlight";
    background-color: #FF9800;
    color: #FFFFFF;
  }
  .pt-list-item__label.newrelease::before {
    content: "New\ARelease";
    background-color: #E91E63;
    color: #FFFFFF;
  }
  .pt-list-item__label.urgent::before {
    content: "Urgent";
    background-color: #EF5350;
    color: #FFFFFF;
  }
  .pt-list-item__label.hiring::before {
    content: "Hiring";
    background-color: #2D2A49;
    color: #FFFFFF;
  }
  .pt-list-item__label.congrats::before {
    content: "Congrats";
    background-color: #FFC107;
    color: #FFFFFF;
  }
  .pt-list-item__label.soldout::before {
    content: "Sold Out";
    background-color: #EF5350;
    color: #FFFFFF;
  }
  .pt-list-item__label.luckydraw::before {
    content: "Lucky Draw";
    background-color: #7C4DFF;
    color: #FFFFFF;
  }
  .pt-list-item__label.donate::before {
    content: "Donate";
    background-color: #2E7D32;
    color: #FFFFFF;
  }
  .pt-list-item__label.ecoupon::before {
    content: "E-coupon";
    background-color: #2196F3;
    color: #FFFFFF;
  }
  .pt-list-item__label.hotprice::before {
    content: "Hot\00A0Price";
    background-color: #FF9800;
    color: #FFFFFF;
  }
  
  .pt-list-item.pt-list-item__label-no-set-padding.congrats, .pt-list-item.pt-list-item__label-no-set-padding.soldout, .pt-list-item.pt-list-item__label-no-set-padding.luckydraw, .pt-list-item.pt-list-item__label-no-set-padding.donate, .pt-list-item.pt-list-item__label-no-set-padding.ecoupon, .pt-list-item.pt-list-item__label-no-set-padding.hotprice {
    padding: 16px 16px 8px 16px;
  }
  
  .tab-typearea button {
    outline: none;
    background-color: #1F1D33;
    border: 1px solid #44416F;
    color: rgba(233, 229, 246, 0.87);
  }
  .tab-typearea button.active {
    background-color: #353156;
    color: #FBC02D;
    border: 1px solid #7976A0;
  }
  
  @keyframes animate {
    0% {
      background-position: -2000px 0;
    }
    100% {
      background-position: 2000px 0;
    }
  }
  .pt-loader {
    animation-name: animate;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    background: linear-gradient(to right, #44416F 8%, #565380 18%, #44416F 33%);
    -webkit-background-size: 2000px 104px;
    -moz-background-size: 2000px 104px;
    -o-background-size: 2000px 104px;
    background-size: 2000px 104px;
  }
  
  .pt-loader__lighttheme {
    animation-name: animate;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.38) 8%, rgba(0, 0, 0, 0.12) 18%, rgba(0, 0, 0, 0.38) 33%);
    -webkit-background-size: 2000px 104px;
    -moz-background-size: 2000px 104px;
    -o-background-size: 2000px 104px;
    background-size: 2000px 104px;
  }
  
  .pt-loader-list {
    padding: 8px 16px 8px 116px;
    background: #2D2A49;
    position: relative;
    overflow: hidden;
    border-bottom: solid 1px rgba(233, 229, 246, 0.08);
  }
  .pt-loader-list .pt-loader-image {
    position: absolute;
    width: 86px;
    left: 16px;
    top: 10px;
    border-radius: 0.125rem;
  }
  .pt-loader-list .pt-loader-image:before {
    padding-top: 75%;
    /* 4:3 Aspect Ratio */
  }
  .pt-loader-list .pt-loader-text:first-child {
    margin-top: 2px;
  }
  .pt-loader-list .last-text {
    margin-bottom: 8px;
  }
  
  .pt-loader-list_message {
    padding: 16px 16px 4px 72px;
  }
  .pt-loader-list_message .pt-loader-avatar {
    position: absolute;
    width: 40px;
    left: 16px;
    top: 16px;
    border-radius: 50%;
  }
  .pt-loader-list_message .pt-loader-avatar:before {
    padding-top: 100%;
    /* 1:1 Aspect Ratio */
  }
  .pt-loader-list_message .pt-loader-combox-text {
    width: 100%;
  }
  .pt-loader-list_message .pt-loader-combox-text .pt-loader-header {
    margin-bottom: 8px;
  }
  .pt-loader-list_message .pt-loader-combox-text .pt-loader-text {
    width: 25%;
  }
  
  .pt-loader-combox {
    background: #1F1D33;
    padding: 12px 16px;
    display: flex;
    align-content: space-between;
    align-items: center;
    border-bottom: solid 1px #7976A0;
  }
  .pt-loader-combox .pt-loader-combox-text {
    width: 100%;
  }
  .pt-loader-combox .pt-loader-combox-text .pt-loader-header {
    width: 30%;
  }
  .pt-loader-combox .pt-loader-combox-text .pt-loader-text {
    width: 25%;
    margin-bottom: 0;
  }
  
  .pt-loader-oneline {
    padding: 12px 16px;
    background: #2D2A49;
    border-bottom: solid 1px rgba(233, 229, 246, 0.08);
  }
  .pt-loader-oneline .pt-loader-text {
    margin-bottom: 0;
  }
  
  .pt-loader-promote {
    width: auto;
    background: #2D2A49;
    padding: 16px 48px;
    overflow: hidden;
  }
  @media (max-width: 768px) {
    .pt-loader-promote {
      padding: 16px;
    }
  }
  .pt-loader-promote .pt-loader-promote-container {
    display: flex;
    flex-direction: row;
    overflow: hidden;
  }
  .pt-loader-promote .pt-loader-promote-container .pt-loader-promote-box {
    max-width: 352px;
    width: calc((100% /4) - 16px);
    min-width: calc((100% /4) - 16px);
    padding: 16px 16px 16px 16px;
    background: #353156;
    border-radius: 0.125rem;
    margin: 8px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  }
  @media (max-width: 992px) {
    .pt-loader-promote .pt-loader-promote-container .pt-loader-promote-box {
      width: calc((100% /2) - 16px);
      min-width: calc((100% /2) - 16px);
    }
  }
  @media (max-width: 768px) {
    .pt-loader-promote .pt-loader-promote-container .pt-loader-promote-box {
      width: 292px;
      max-width: 292px;
      min-width: 292px;
    }
  }
  .pt-loader-promote .pt-loader-promote-container .pt-loader-promote-box .pt-loader-header {
    margin-bottom: 0;
  }
  .pt-loader-promote .pt-loader-promote-container .pt-loader-promote-box .pt-loader-image {
    margin-bottom: 8px;
  }
  .pt-loader-promote .pt-loader-promote-container .pt-loader-promote-box .pt-loader-image:before {
    padding-top: 75%;
  }
  
  .pt-loader-promote-box-1 {
    max-width: 352px;
    width: 100%;
    padding: 16px 16px 16px 16px;
    background: #353156;
    border-radius: 0.125rem;
    margin: 8px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  }
  .pt-loader-promote-box-1 .pt-loader-header {
    margin-bottom: 0;
  }
  .pt-loader-promote-box-1 .pt-loader-image {
    margin-bottom: 8px;
  }
  .pt-loader-promote-box-1 .pt-loader-image:before {
    padding-top: 75%;
  }
  
  .pt-loader-promote-tag {
    width: auto;
    background: #2D2A49;
    padding: 16px 48px;
    overflow: hidden;
  }
  @media (max-width: 768px) {
    .pt-loader-promote-tag {
      padding: 16px;
    }
  }
  .pt-loader-promote-tag .pt-loader-promote-tag-container {
    display: flex;
    flex-direction: row;
    overflow: hidden;
  }
  .pt-loader-promote-tag .pt-loader-promote-tag-container .pt-loader-promote-tag-list {
    max-width: 352px;
    width: calc((100% /6) - 16px);
    min-width: calc((100% /6) - 16px);
    padding: 16px 16px 16px 16px;
    background: #353156;
    border-radius: 0.125rem;
    margin: 8px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  }
  @media (max-width: 1200px) {
    .pt-loader-promote-tag .pt-loader-promote-tag-container .pt-loader-promote-tag-list {
      width: calc((100% /5) - 16px);
      min-width: calc((100% /5) - 16px);
    }
  }
  @media (max-width: 992px) {
    .pt-loader-promote-tag .pt-loader-promote-tag-container .pt-loader-promote-tag-list {
      width: calc((100% /4) - 16px);
      min-width: calc((100% /4) - 16px);
    }
  }
  @media (max-width: 768px) {
    .pt-loader-promote-tag .pt-loader-promote-tag-container .pt-loader-promote-tag-list {
      width: 140px;
      min-width: 140px;
      max-width: 140px;
    }
  }
  .pt-loader-promote-tag .pt-loader-promote-tag-container .pt-loader-promote-tag-list .pt-loader-image {
    margin-bottom: 8px;
  }
  .pt-loader-promote-tag .pt-loader-promote-tag-container .pt-loader-promote-tag-list .pt-loader-image:before {
    padding-top: 75%;
  }
  .pt-loader-promote-tag .pt-loader-promote-tag-container .pt-loader-promote-tag-list .pt-loader-text {
    margin-bottom: 0;
  }
  
  .pt-loader-category {
    width: auto;
    overflow: hidden;
    min-width: 500px;
  }
  .pt-loader-category .pt-loader-category-container {
    display: flex;
    overflow: hidden;
  }
  .pt-loader-category .pt-loader-category-list {
    width: calc(100% / 12);
    min-width: calc(100% / 12);
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid rgba(255, 255, 255, 0.12);
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  }
  @media (max-width: 1200px) {
    .pt-loader-category .pt-loader-category-list {
      width: calc(100% / 10);
      min-width: calc(100% / 10);
    }
  }
  @media (max-width: 992px) {
    .pt-loader-category .pt-loader-category-list {
      width: calc(100% / 6);
      min-width: calc(100% / 6);
    }
  }
  @media (max-width: 768px) {
    .pt-loader-category .pt-loader-category-list {
      width: calc(100% / 5);
      min-width: calc(100% / 5);
    }
  }
  .pt-loader-category .pt-loader-category-list .pt-loader-text {
    margin: 4px 0 4px;
  }
  
  .pt-loader-paragraph {
    padding: 16px;
    background: #2D2A49;
  }
  .pt-loader-paragraph .pt-loader-header {
    height: 24px;
  }
  .pt-loader-paragraph .last-text {
    margin-bottom: 0;
  }
  
  .pt-loader-poster {
    padding: 16px 48px;
    background: #2D2A49;
    overflow: hidden;
  }
  @media (max-width: 768px) {
    .pt-loader-poster {
      padding: 16px;
    }
  }
  .pt-loader-poster .pt-loader-poster-container {
    display: flex;
    overflow: hidden;
  }
  .pt-loader-poster .pt-loader-poster-container .pt-loader-poster-list {
    width: calc((100% /5) - 16px);
    min-width: calc((100% /5) - 16px);
    padding: 16px 16px 8px 16px;
    margin: 8px;
    background: #353156;
  }
  @media (max-width: 1200px) {
    .pt-loader-poster .pt-loader-poster-container .pt-loader-poster-list {
      width: calc((100% /4) - 16px);
      min-width: calc((100% /4) - 16px);
    }
  }
  @media (max-width: 992px) {
    .pt-loader-poster .pt-loader-poster-container .pt-loader-poster-list {
      width: calc((100% /3) - 16px);
      min-width: calc((100% /3) - 16px);
    }
  }
  @media (max-width: 768px) {
    .pt-loader-poster .pt-loader-poster-container .pt-loader-poster-list {
      width: calc((100% /2.25) - 16px);
      min-width: calc((100% /2.25) - 16px);
    }
  }
  @media (max-width: 576px) {
    .pt-loader-poster .pt-loader-poster-container .pt-loader-poster-list {
      width: 172px;
      min-width: 172px;
      max-width: 172px;
    }
  }
  .pt-loader-poster .pt-loader-poster-container .pt-loader-poster-list .pt-loader-image {
    margin-bottom: 8px;
  }
  .pt-loader-poster .pt-loader-poster-container .pt-loader-poster-list .pt-loader-image:before {
    padding-top: 150%;
  }
  .pt-loader-poster .pt-loader-poster-container .pt-loader-poster-list .pt-loader-header {
    margin-bottom: 8px;
  }
  
  .pt-loader-image {
    max-width: 720px;
    max-height: 720px;
    border-radius: 0.125rem;
  }
  .pt-loader-image:before {
    content: "";
    width: 100%;
    display: block;
    /*padding-top: 56.25%;  16:9 Aspect Ratio
      padding-top: 75%;  4:3 Aspect Ratio
      padding-top: 150%; 2:3 Aspect Ratio	
      padding-top: 100%; 1:1 Aspect Ratio */
  }
  
  .pt-loader-avatar {
    max-width: 720px;
    max-height: 720px;
    border-radius: 50%;
  }
  .pt-loader-avatar:before {
    content: "";
    width: 100%;
    display: block;
    /*padding-top: 56.25%;  16:9 Aspect Ratio
      padding-top: 75%;  4:3 Aspect Ratio
      padding-top: 150%; 2:3 Aspect Ratio	
      padding-top: 100%; 1:1 Aspect Ratio */
  }
  
  .pt-loader-header {
    width: 100%;
    height: 20px;
    min-width: 80px;
    margin-bottom: 12px;
    border-radius: 0.125rem;
  }
  
  .pt-loader-text {
    width: 100%;
    height: 12px;
    min-width: 40px;
    margin-bottom: 12px;
    border-radius: 0.125rem;
  }
  .pt-loader-text.last-text {
    width: 60%;
  }
  
  .pt-loader-button {
    width: 10%;
    min-width: 80px;
    height: 30px;
    border-radius: 0.125rem;
  }
  
  .pt-loader-icon {
    width: 40px;
    height: 40px;
    border-radius: 0.125rem;
  }
  
  .pt-xl-category-__warpper {
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
    border-top: 0px solid #1F1D33;
  }
  
  .pt-forum-list-wrapper {
    background-color: #353156;
    box-shadow: inset 0px -1px #2D2A49;
  }
  
  .pt-category__line {
    border-bottom: 1px solid rgba(0, 0, 0, 0.54);
  }
  
  .pt-forum-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: calc((56px * 7) + 16px);
    padding: 8px;
  }
  .pt-forum-container .pt-forum-list {
    width: 16.6%;
    height: 56px;
    position: relative;
    -webkit-transition: filter 0.15s ease-in-out;
    transition: filter 0.15s ease-in-out;
    -o-transition: filter 0.15s ease-in-out;
    -moz-transition: filter 0.15s ease-in-out;
  }
  .pt-forum-container .pt-forum-list:hover {
    -webkit-filter: brightness(88%);
    filter: brightness(88%);
  }
  .pt-forum-container .pt-forum-list:active {
    -webkit-filter: brightness(65%);
    filter: brightness(65%);
  }
  .pt-forum-container .pt-forum-list a {
    display: block;
    text-decoration: none;
  }
  .pt-forum-container .pt-forum-list a .pt-forum-list__icon {
    width: 40px;
    position: absolute;
    left: 8px;
    top: 8px;
    background-color: #2D2A49;
    box-shadow: inset 0px 0px 0px 1px rgba(233, 229, 246, 0.3);
  }
  .pt-forum-container .pt-forum-list a h2 {
    color: #FBC02D;
    display: block;
    white-space: nowrap;
    margin: 8px 8px -2px 56px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .pt-forum-container .pt-forum-list a span {
    white-space: nowrap;
    color: rgba(233, 229, 246, 0.3);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
    margin-left: 56px;
    margin-right: 8px;
  }
  .pt-forum-container .pt-forum-list.pt-forum-list__pin {
    background-color: rgba(233, 229, 246, 0.08);
  }
  .pt-forum-container .pt-forum-list.pt-forum-list__pin::after {
    display: block;
    content: '';
    background-image: url("../images/pantip_icon/ic-feed-pick-512px.png");
    background-size: cover;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 50%;
    top: 6px;
    margin-left: 24px;
  }
  @media (max-width: 992px) {
    .pt-forum-container {
      height: calc((56px * 10) + 16px);
    }
    .pt-forum-container .pt-forum-list {
      width: 25%;
    }
  }
  @media (max-width: 768px) {
    .pt-forum-container {
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      height: auto;
    }
    .pt-forum-container .pt-forum-list {
      width: 33.33%;
    }
  }
  @media (max-width: 576px) {
    .pt-forum-container {
      height: auto;
    }
    .pt-forum-container .pt-forum-list {
      width: 50%;
      height: 56px;
    }
  }
  .pt-forum-container.pt-forum-container-sidebar {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
    padding: 8px;
  }
  .pt-forum-container.pt-forum-container-sidebar .pt-forum-list {
    width: 50%;
  }
  .pt-forum-container.pt-forum-container-sidebar.pt-forum-container-fullfill .pt-forum-list {
    width: 100%;
  }
  
  /*@media (max-width: $breakpoint-lg)
  {
      
  }
  @media (max-width: $breakpoint-md)
  {
      .pt-interface-forum-container
      {
          background: none;
      }
      .pt-sm-category-__warpper
      {
          display: block;
          position: fixed;
          z-index: $zindex-front;
          height:calc(100vh - 48px);
          width: 100%;
      }
      .pt-xl-category-__warpper
      {
          display: none;
      }
  }
  
  @media (max-width: $breakpoint-sm)
  {
          .pt-category__line
          {
              height:100vh;
          }
  }*/
  .pt-accordion {
    position: relative;
    width: 100%;
    color: rgba(233, 229, 246, 0.87);
    border-bottom: solid 1px rgba(255, 255, 255, 0.12);
    overflow: hidden;
    /* :checked */
    /* Icon styles*/
  }
  .pt-accordion .pt-accordion__input {
    position: absolute;
    opacity: 0;
    z-index: -1;
  }
  .pt-accordion .pt-accordion__label {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    cursor: pointer;
    font-weight: 500;
    line-height: 1.5;
    font-size: 0.875rem;
    margin-bottom: 0;
  }
  .pt-accordion .pt-accordion__label > a {
    color: rgba(233, 229, 246, 0.87);
    text-decoration: none;
    max-width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 12px 16px;
  }
  .pt-accordion .pt-accordion__label > a:hover {
    color: #B39DDB;
    text-decoration: none;
  }
  .pt-accordion .pt-accordion__content {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .35s;
    -o-transition: max-height .35s;
    transition: max-height .35s;
  }
  .pt-accordion .pt-accordion__content .pt-accordion {
    border-top: solid 1px rgba(233, 229, 246, 0.08);
    border-bottom: none;
    margin: 0;
  }
  .pt-accordion .pt-accordion__content .pt-accordion > label {
    background-color: #353156;
    -webkit-transition: background-color 0.15s linear;
    -moz-transition: background-color 0.15s linear;
    -o-transition: background-color 0.15s linear;
    -ms-transition: background-color 0.15s linear;
    transition: background-color 0.15s linear;
  }
  .pt-accordion .pt-accordion__content .pt-accordion > label:hover {
    background-color: #2D2A49;
  }
  .pt-accordion .pt-accordion__content .pt-accordion > label > a {
    padding-left: 48px;
  }
  .pt-accordion .pt-accordion__content .pt-accordion > label > a:hover {
    color: #B39DDB;
    text-decoration: none;
  }
  .pt-accordion .pt-accordion__content .pt-accordion:first-child {
    border-top: solid 1px rgba(255, 255, 255, 0.12);
  }
  .pt-accordion .pt-accordion__input:checked ~ .pt-accordion__content {
    max-height: 90000px;
  }
  .pt-accordion .pt-accordion__label::after {
    position: absolute;
    right: 16px;
    top: 10px;
    display: block;
    width: 24px;
    height: 24px;
    text-align: center;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
  }
  .pt-accordion .pt-accordion__input + .pt-accordion__label > a {
    width: calc(100% - 56px);
  }
  .pt-accordion .pt-accordion__input[type=checkbox] + .pt-accordion__label::after {
    content: "\0E313";
    color: rgba(233, 229, 246, 0.6);
  }
  .pt-accordion .pt-accordion__input[type=checkbox]:checked + .pt-accordion__label::after {
    transform: rotate(180deg);
  }
  .pt-accordion label {
    -webkit-transition: background-color 0.15s linear;
    -moz-transition: background-color 0.15s linear;
    -o-transition: background-color 0.15s linear;
    -ms-transition: background-color 0.15s linear;
    transition: background-color 0.15s linear;
  }
  .pt-accordion label:hover {
    background-color: rgba(0, 0, 0, 0.24);
  }
  .pt-accordion .pt-accordion__more-trigger {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    text-align: center;
    padding: 12px 16px;
    border-radius: 0 0 4px 4px;
  }
  .pt-accordion .pt-accordion__more-trigger > a {
    color: #B39DDB;
  }
  .pt-accordion.active::before {
    content: "";
    background-color: #FBC02D;
    width: 4px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 200%;
    z-index: 1;
  }
  
  .pt-accordion__more-state {
    display: none;
  }
  
  .pt-accordion__more-target {
    opacity: 0;
    max-height: 0;
    height: 0;
    overflow: hidden;
    -moz-transition: 1s ease;
    -webkit-transition: 1s ease;
    -o-transition: 1s ease;
    transition: 1s ease;
  }
  
  .pt-accordion__more-state:checked ~ .pt-accordion__more-target {
    opacity: 1;
    height: auto;
    overflow: visible;
    max-height: 90000px;
  }
  
  .pt-accordion__more-state ~ div .pt-accordion__more-trigger:before {
    content: '\0E14\0E39\0E40\0E1E\0E34\0E48\0E21\0E40\0E15\0E34\0E21';
  }
  
  .pt-accordion__more-state:checked ~ div .pt-accordion__more-trigger:before {
    content: '\0E14\0E39\0E19\0E49\0E2D\0E22\0E25\0E07';
  }
  
  .pt-accordion__more-trigger-arrow {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 500;
    color: rgba(233, 229, 246, 0.87);
    padding: 14px;
    text-decoration: none;
    -webkit-transition: background-color 0.15s linear;
    -moz-transition: background-color 0.15s linear;
    -o-transition: background-color 0.15s linear;
    -ms-transition: background-color 0.15s linear;
    transition: background-color 0.15s linear;
  }
  .pt-accordion__more-trigger-arrow:hover, .pt-accordion__more-trigger-arrow:active, .pt-accordion__more-trigger-arrow:focus {
    text-decoration: none;
    color: rgba(233, 229, 246, 0.87);
    background-color: rgba(0, 0, 0, 0.12);
  }
  
  .pt-accordion__more-state ~ div .pt-accordion__more-trigger-arrow > span {
    padding: 0 8px;
  }
  
  .pt-accordion__more-state ~ div .pt-accordion__more-trigger-arrow > span:before {
    content: '\0E14\0E39\0E40\0E1E\0E34\0E48\0E21\0E40\0E15\0E34\0E21';
  }
  
  .pt-accordion__more-state:checked ~ div .pt-accordion__more-trigger-arrow > span:before {
    content: '\0E14\0E39\0E19\0E49\0E2D\0E22\0E25\0E07';
  }
  
  .pt-accordion__more-state ~ div .pt-accordion__more-trigger-arrow > i {
    line-height: 18px;
  }
  
  .pt-accordion__more-state ~ div .pt-accordion__more-trigger-arrow > i:before {
    content: 'expand_more';
  }
  
  .pt-accordion__more-state:checked ~ div .pt-accordion__more-trigger-arrow > i:before {
    content: 'expand_less';
  }
  
  @media (max-width: 576px) {
    .pt-accordion:last-child {
      border-radius: 0;
    }
  }
  .pt-accordion_type-policy {
    position: relative;
    width: 100%;
    color: rgba(233, 229, 246, 0.87);
    border-bottom: solid 1px rgba(255, 255, 255, 0.12);
    overflow: hidden;
    /* :checked */
    /* Icon styles*/
  }
  .pt-accordion_type-policy .pt-accordion__input {
    position: absolute;
    opacity: 0;
    z-index: -1;
  }
  .pt-accordion_type-policy .pt-accordion__input.policy-input {
    background: red;
  }
  .pt-accordion_type-policy .pt-accordion__label {
    position: relative;
    display: block;
    cursor: pointer;
    margin-bottom: 0;
    pointer-events: none;
  }
  .pt-accordion_type-policy .pt-accordion__label > h3 {
    color: rgba(233, 229, 246, 0.87);
    text-decoration: none;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 12px 16px;
    margin-bottom: 0;
  }
  @media (max-width: 768px) {
    .pt-accordion_type-policy .pt-accordion__label {
      pointer-events: auto;
    }
  }
  .pt-accordion_type-policy .pt-accordion__content {
    max-height: 90000px;
    overflow: hidden;
    -webkit-transition: max-height .35s;
    -o-transition: max-height .35s;
    transition: max-height .35s;
    border-top: solid 1px rgba(233, 229, 246, 0.08);
  }
  @media (max-width: 768px) {
    .pt-accordion_type-policy .pt-accordion__content {
      max-height: 0;
    }
  }
  .pt-accordion_type-policy .pt-accordion__input:checked ~ .pt-accordion__content {
    max-height: 90000px;
  }
  .pt-accordion_type-policy .pt-accordion__label::after {
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -12px;
    display: block;
    width: 24px;
    height: 24px;
    text-align: center;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
    opacity: 0;
  }
  @media (max-width: 768px) {
    .pt-accordion_type-policy .pt-accordion__label::after {
      opacity: 1;
    }
  }
  .pt-accordion_type-policy .pt-accordion__input + .pt-accordion__label > a {
    width: calc(100% - 56px);
  }
  .pt-accordion_type-policy .pt-accordion__input[type=radio] + .pt-accordion__label::after {
    content: "\0E313";
    color: rgba(233, 229, 246, 0.6);
  }
  .pt-accordion_type-policy .pt-accordion__input[type=radio]:checked + .pt-accordion__label::after {
    transform: rotate(180deg);
  }
  .pt-accordion_type-policy label {
    -webkit-transition: background-color 0.15s linear;
    -moz-transition: background-color 0.15s linear;
    -o-transition: background-color 0.15s linear;
    -ms-transition: background-color 0.15s linear;
    transition: background-color 0.15s linear;
  }
  .pt-accordion_type-policy label:hover {
    background-color: rgba(0, 0, 0, 0.24);
  }
  .pt-accordion_type-policy .pt-accordion__more-trigger {
    text-align: center;
    padding: 12px 16px;
    border-radius: 0 0 4px 4px;
  }
  .pt-accordion_type-policy .pt-accordion__more-trigger > a {
    color: #B39DDB;
  }
  
  .pt-accordion__clickable .pt-accordion .pt-accordion__input + .pt-accordion__label > a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
  }
  .pt-accordion__clickable .pt-accordion .pt-accordion__label > a {
    width: 100%;
    display: block;
    padding-right: 60px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .pt-accordion__clickable .pt-accordion .pt-accordion__label a + span {
    margin-left: auto;
    position: absolute;
    right: 0;
    pointer-events: none;
  }
  .pt-accordion__clickable .pt-accordion .pt-accordion__label.pt-accordion__label_with_official > a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .pt-accordion__clickable .pt-accordion .pt-accordion__label.pt-accordion__label_with_official > a > span:nth-child(1) {
    max-width: calc(100% - 60px);
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-right: 16px;
  }
  .pt-accordion__clickable .pt-accordion .pt-label-official {
    pointer-events: none;
  }
  
  .pt-carousel {
    position: relative;
  }
  .pt-carousel .pt-carousel-container {
    overflow: hidden;
    width: calc(100% - (48px * 2));
    margin: 0 48px;
    padding: 8px 0;
  }
  .pt-carousel .pt-carousel-container .pt-carousel-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    white-space: nowrap;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-transition: left 1s ease 0s;
    transition: left 1s ease 0s;
  }
  .pt-carousel .pt-carousel-container .pt-carousel-list .pt-carousel-item {
    background-color: #3C3963;
    position: relative;
    width: calc(20% - 16px);
    min-width: calc(20% - 16px);
    text-align: center;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    margin: 8px;
    overflow: hidden;
    border-radius: 0.25rem;
  }
  .pt-carousel .pt-carousel-container .pt-carousel-list .pt-carousel-item a {
    color: rgba(233, 229, 246, 0.87);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.75;
    text-decoration: none;
  }
  .pt-carousel .pt-carousel-container .pt-carousel-list .pt-carousel-item a .pt-carousel-item__img {
    -webkit-transition: filter 0.15s ease-in-out;
    transition: filter 0.15s ease-in-out;
    -o-transition: filter 0.15s ease-in-out;
    -moz-transition: filter 0.15s ease-in-out;
  }
  .pt-carousel .pt-carousel-container .pt-carousel-list .pt-carousel-item a .pt-carousel-item__img:hover {
    -webkit-filter: brightness(88%);
    filter: brightness(88%);
  }
  .pt-carousel .pt-carousel-container .pt-carousel-list .pt-carousel-item a .pt-carousel-item__img:active {
    -webkit-filter: brightness(65%);
    filter: brightness(65%);
  }
  .pt-carousel .pt-carousel-container .pt-carousel-list .pt-carousel-item a .pt-carousel-item__img:before {
    padding-top: 75%;
    /* 4:3 Aspect Ratio */
  }
  .pt-carousel .pt-carousel-container .pt-carousel-list .pt-carousel-item a span {
    display: block;
    padding: 4px 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .pt-carousel .pt-carousel-container .pt-carousel-list .pt-carousel-item:hover {
    top: -4px;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
  }
  .pt-carousel .pt-carousel-container .pt-carousel-list::after {
    display: block;
    content: "\00a0";
  }
  .pt-carousel .pt-carousel__btn {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 0;
    margin: 0;
    width: 48px;
    background: transparent;
    border: none;
    cursor: pointer;
    color: rgba(233, 229, 246, 0.87);
    outline: none;
  }
  .pt-carousel .pt-carousel__btn:hover {
    color: #E9E5F6;
  }
  .pt-carousel .pt-carousel__btn:focus {
    outline: none;
  }
  .pt-carousel .pt-carousel__btn:disabled, .pt-carousel .pt-carousel__btn :hover:disabled {
    color: rgba(233, 229, 246, 0.3);
    pointer-events: none;
  }
  .pt-carousel .pt-carousel__btn-prev {
    left: 0px;
  }
  .pt-carousel .pt-carousel__btn-next {
    right: 0px;
  }
  
  .pt-carousel.pt-carousel__simple .pt-carousel-container {
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .pt-carousel.pt-carousel__simple .pt-carousel__btn {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    position: absolute;
    top: calc(50% - 20px);
    bottom: inherit;
    margin: 2px;
    height: 36px;
    width: 36px;
    background-color: #E9E5F6;
    border: none;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.87);
    border-radius: 50%;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    outline: none;
  }
  .pt-carousel.pt-carousel__simple .pt-carousel__btn:hover {
    width: 40px;
    height: 40px;
    margin: 0;
    background-color: #E9E5F6;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
  }
  .pt-carousel.pt-carousel__simple .pt-carousel__btn:hover > i {
    font-size: 36px;
    width: 36px;
    height: 36px;
  }
  .pt-carousel.pt-carousel__simple .pt-carousel__btn:focus {
    outline: none;
  }
  .pt-carousel.pt-carousel__simple .pt-carousel__btn:disabled, .pt-carousel.pt-carousel__simple .pt-carousel__btn :hover:disabled {
    background-color: #7976A0;
    color: rgba(0, 0, 0, 0.38);
    pointer-events: none;
  }
  .pt-carousel.pt-carousel__simple .pt-carousel__btn-prev {
    left: -20px;
  }
  .pt-carousel.pt-carousel__simple .pt-carousel__btn-next {
    right: -20px;
  }
  
  .pt-carousel {
    position: relative;
  }
  .pt-carousel .pt-list.pt-list__type-b {
    margin: 0;
    left: 0;
    position: relative;
    overflow: visible;
    -webkit-transition: left 1s ease 0s;
    transition: left 1s ease 0s;
    padding: 8px 0;
  }
  .pt-carousel .pt-list.pt-list__type-b .pt-list-item:first-child {
    margin-left: 8px;
  }
  .pt-carousel .pt-list.pt-list__type-b.pt-list__type-b-opt2row {
    margin-left: 8px;
  }
  .pt-carousel .pt-list.pt-list__type-b.pt-list__type-b-optmultirow {
    margin-left: 8px;
  }
  
  .pt-cat-carousel {
    border-radius: 4px 4px 0 0;
    overflow: visible;
    position: relative;
    left: 0;
    -webkit-transition: left 1s ease 0s;
    transition: left 1s ease 0s;
  }
  .pt-cat-carousel > .pt-forum-container {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 200px;
    padding: 0;
  }
  .pt-cat-carousel > .pt-forum-container .pt-forum-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 8.35%;
    height: 100px;
    position: relative;
    justify-content: center;
    align-items: center;
    -webkit-transition: filter 0.15s ease-in-out;
    transition: filter 0.15s ease-in-out;
    -o-transition: filter 0.15s ease-in-out;
    -moz-transition: filter 0.15s ease-in-out;
    border-right: 1px solid rgba(255, 255, 255, 0.12);
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  }
  .pt-cat-carousel > .pt-forum-container .pt-forum-list:hover {
    -webkit-filter: brightness(88%);
    filter: brightness(88%);
  }
  .pt-cat-carousel > .pt-forum-container .pt-forum-list:active {
    -webkit-filter: brightness(65%);
    filter: brightness(65%);
  }
  .pt-cat-carousel > .pt-forum-container .pt-forum-list a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    text-decoration: none;
  }
  .pt-cat-carousel > .pt-forum-container .pt-forum-list a .pt-forum-list__icon {
    width: 40px;
    position: relative;
    left: 0px;
    top: 0px;
    background-color: #2D2A49;
    box-shadow: inset 0px 0px 0px 1px rgba(233, 229, 246, 0.3);
  }
  .pt-cat-carousel > .pt-forum-container .pt-forum-list a h2 {
    font-size: 12px;
    /*color: $yellow-700;*/
    color: rgba(233, 229, 246, 0.87);
    display: block;
    white-space: nowrap;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 8px;
  }
  .pt-cat-carousel > .pt-forum-container .pt-forum-list a span {
    white-space: nowrap;
    color: rgba(233, 229, 246, 0.3);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
    margin-left: 56px;
    margin-right: 8px;
  }
  .pt-cat-carousel > .pt-forum-container .pt-forum-list:nth-child(2n+2) {
    border-bottom: none;
  }
  @media (max-width: 1200px) {
    .pt-cat-carousel > .pt-forum-container .pt-forum-list {
      width: 10%;
    }
  }
  @media (max-width: 992px) {
    .pt-cat-carousel > .pt-forum-container .pt-forum-list {
      width: 16.66%;
      min-width: 100px;
    }
  }
  @media (max-width: 768px) {
    .pt-cat-carousel > .pt-forum-container {
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    .pt-cat-carousel > .pt-forum-container .pt-forum-list {
      width: 20%;
      min-width: 100px;
    }
  }
  
  .pt-carousel-korea__wrapper {
    height: 266px;
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 0.25rem;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  }
  
  .pt-carousel-korea__item {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    transition: all 0.5s ease-in-out;
    background: #1F1D33;
    z-index: 1;
    opacity: 1;
  }
  
  .pt-carousel-korea__temperature {
    background-color: rgba(0, 0, 0, 0.65);
    width: 234px;
    height: 234px;
    padding: 8px;
    position: absolute;
    right: 16px;
    top: 16px;
    border-radius: 0.5rem;
    text-align: center;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  }
  .pt-carousel-korea__temperature h2 {
    margin-bottom: 0;
    margin-top: -6px;
  }
  .pt-carousel-korea__temperature span {
    margin-bottom: 8px;
    margin-top: -8px;
    display: block;
    color: rgba(233, 229, 246, 0.6);
  }
  .pt-carousel-korea__temperature b {
    font-size: 4.5rem;
    font-weight: 500;
    display: block;
  }
  .pt-carousel-korea__temperature b sup {
    font-size: 2rem;
  }
  .pt-carousel-korea__temperature u {
    display: inline-block;
    text-decoration: none;
  }
  
  .pt-carousel-korea__currency {
    border-top: solid 2px rgba(233, 229, 246, 0.6);
    margin: 16px 8px 0;
    padding: 4px;
  }
  .pt-carousel-korea__currency sup {
    margin-right: 8px;
    color: rgba(233, 229, 246, 0.6);
  }
  
  .pt-carousel-korea__arrow {
    display: inline-block;
    cursor: pointer;
    padding: 8px 0;
  }
  .pt-carousel-korea__arrow i {
    color: rgba(233, 229, 246, 0.87);
  }
  
  .pt-carousel-korea__arrow-prev {
    right: 200px;
    position: absolute;
    top: 16px;
  }
  
  .pt-carousel-korea__arrow-next {
    right: 16px;
    position: absolute;
    top: 16px;
  }
  
  @media (max-width: 1200px) {
    .pt-carousel .pt-carousel-container .pt-carousel-list .pt-carousel-item {
      width: calc(25% - 16px);
      min-width: calc(25% - 16px);
    }
  }
  @media (max-width: 992px) {
    .pt-carousel .pt-carousel-container .pt-carousel-list .pt-carousel-item {
      width: calc(33.33% - 16px);
      min-width: calc(33.33% - 16px);
    }
  
    .pt-carousel {
      position: relative;
    }
    .pt-carousel .pt-list.pt-list__type-b .pt-list-item {
      width: calc((100% / 2) - 16px);
      min-width: calc((100% / 2) - 16px);
    }
    .pt-carousel .pt-list.pt-list__type-b.pt-list__type-b-opt5item_on_1row .pt-list-item {
      width: calc((100% / 3) - 16px);
      min-width: calc((100% / 3) - 16px);
    }
    .pt-carousel .pt-list.pt-list__type-b.pt-list__type-b-opt6item_on_1row .pt-list-item {
      width: calc((100% / 4) - 16px);
      min-width: calc((100% / 4) - 16px);
    }
    .pt-carousel .pt-list.pt-list__type-b.pt-list__type-b-opt6item_on_1row.pt-list__type-b-opt2row .pt-list-item {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
    }
    .pt-carousel .pt-list.pt-list__type-b.pt-list__type-b-opt6item_on_1row.pt-list__type-b-opt2row .pt-list-item:nth-child(n) {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
    }
  }
  @media (max-width: 768px) {
    .pt-carousel {
      position: relative;
    }
    .pt-carousel .pt-carousel-container {
      overflow: hidden;
      overflow-x: scroll;
      width: 100%;
      margin: 0;
      padding: 4px 16px;
    }
    .pt-carousel .pt-carousel-container .pt-carousel-list .pt-carousel-item {
      background-color: #3C3963;
      position: relative;
      width: 85px;
      text-align: center;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
      margin: 8px 4px;
      overflow: hidden;
      border-radius: 0.125rem;
    }
    .pt-carousel .pt-carousel-container .pt-carousel-list .pt-carousel-item a {
      color: rgba(233, 229, 246, 0.87);
      font-size: 0.75rem;
      font-weight: 400;
      line-height: 1.5;
      text-decoration: none;
    }
    .pt-carousel .pt-carousel-container .pt-carousel-list .pt-carousel-item a .pt-carousel-item__img {
      -webkit-transition: filter 0.15s ease-in-out;
      transition: filter 0.15s ease-in-out;
      -o-transition: filter 0.15s ease-in-out;
      -moz-transition: filter 0.15s ease-in-out;
    }
    .pt-carousel .pt-carousel-container .pt-carousel-list .pt-carousel-item a .pt-carousel-item__img:hover {
      -webkit-filter: brightness(88%);
      filter: brightness(88%);
    }
    .pt-carousel .pt-carousel-container .pt-carousel-list .pt-carousel-item a .pt-carousel-item__img:active {
      -webkit-filter: brightness(65%);
      filter: brightness(65%);
    }
    .pt-carousel .pt-carousel-container .pt-carousel-list .pt-carousel-item a .pt-carousel-item__img:before {
      padding-top: 75%;
      /* 4:3 Aspect Ratio */
    }
    .pt-carousel .pt-carousel-container .pt-carousel-list .pt-carousel-item:last-child {
      margin-right: 16px;
    }
    .pt-carousel .pt-carousel-container .pt-carousel-list .pt-carousel-item:hover {
      top: 0;
      box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
    }
    .pt-carousel .pt-carousel__btn {
      display: none;
    }
  
    .pt-carousel .pt-list.pt-list__type-b {
      overflow: visible;
      margin: 0;
      left: 0;
      position: relative;
      padding: 8px 0;
    }
    .pt-carousel .pt-list.pt-list__type-b .pt-list-item {
      width: 292px;
      min-width: 292px;
      max-width: 292px;
    }
    .pt-carousel .pt-list.pt-list__type-b .pt-list-item:last-child {
      margin-right: 16px;
    }
    .pt-carousel .pt-list.pt-list__type-b.pt-list__type-b-opt5item_on_1row .pt-list-item {
      width: calc((100% / 2.25) - 16px);
      min-width: calc((100% / 2.25) - 16px);
    }
    .pt-carousel .pt-list.pt-list__type-b.pt-list__type-b-opt6item_on_1row {
      overflow: visible;
      margin: 0;
      left: 0;
      position: relative;
      padding: 8px 0;
    }
    .pt-carousel .pt-list.pt-list__type-b.pt-list__type-b-opt6item_on_1row .pt-list-item {
      width: 140px;
      min-width: 140px;
      max-width: 140px;
    }
    .pt-carousel .pt-list.pt-list__type-b.pt-list__type-b-opt6item_on_1row .pt-list-item:last-child {
      margin-right: 16px;
    }
  
    .pt-carousel.pt-carousel__simple {
      overflow: hidden;
      overflow-x: scroll;
      width: 100%;
      margin: 0;
      padding: 0;
    }
    .pt-carousel.pt-carousel__simple .pt-carousel-container {
      overflow: visible;
    }
    .pt-carousel.pt-carousel__simple .pt-carousel__btn {
      display: none;
    }
  }
  @media (max-width: 576px) {
    .pt-carousel-korea__wrapper {
      height: 234px;
      border-radius: 0;
    }
  
    .pt-carousel-korea__item::before {
      -webkit-filter: blur(5px);
      /* Safari 6.0 - 9.0 */
      filter: blur(5px);
    }
  
    .pt-carousel-korea__temperature {
      background-color: rgba(0, 0, 0, 0.65);
      width: 100%;
      height: 234px;
      padding: 8px;
      position: relative;
      top: 0;
      left: 0;
      border-radius: 0;
      text-align: center;
      -webkit-box-shadow: none;
      box-shadow: none;
    }
  
    .pt-carousel-korea__arrow-prev {
      left: 24px;
      right: auto;
      top: 52px;
    }
  
    .pt-carousel-korea__arrow-next {
      right: 24px;
      top: 52px;
    }
  
    .pt-carousel .pt-list.pt-list__type-b {
      overflow: visible;
      margin: 0;
      left: 0;
      position: relative;
      padding: 8px 0;
    }
    .pt-carousel .pt-list.pt-list__type-b .pt-list-item {
      width: 292px;
      min-width: 292px;
      max-width: 292px;
    }
    .pt-carousel .pt-list.pt-list__type-b .pt-list-item:last-child {
      margin-right: 16px;
    }
    .pt-carousel .pt-list.pt-list__type-b.pt-list__type-b-opt5item_on_1row .pt-list-item {
      width: 172px;
      min-width: 172px;
      max-width: 172px;
    }
  }
  /* Mini Carousal */
  .pt-mini-carousel {
    display: flex;
    position: relative;
    align-items: center;
    min-height: 40px;
    max-height: 40px;
    height: 40px;
    padding: 0 0px;
    overflow: hidden;
  }
  .pt-mini-carousel.mini-carousel-default {
    background: #1F1D33;
  }
  .pt-mini-carousel.mini-carousel-default .mini-arrow-left {
    background: #1F1D33;
    border-right: 1px solid rgba(255, 255, 255, 0.12);
  }
  .pt-mini-carousel.mini-carousel-default .mini-arrow-right {
    background: #1F1D33;
    border-left: 1px solid rgba(255, 255, 255, 0.12);
  }
  .pt-mini-carousel.mini-carousel-light {
    background: #e9e5f6;
  }
  .pt-mini-carousel.mini-carousel-light .mini-arrow-left {
    background: #1F1D33;
    border-right: 1px solid rgba(0, 0, 0, 0.12);
  }
  .pt-mini-carousel.mini-carousel-light .mini-arrow-right {
    background: #1F1D33;
    border-left: 1px solid rgba(0, 0, 0, 0.12);
  }
  .pt-mini-carousel.mini-carousel-light .mini-arrow-left, .pt-mini-carousel.mini-carousel-light .mini-arrow-right {
    background: #e9e5f6;
  }
  .pt-mini-carousel.mini-carousel-light .mini-arrow-left i, .pt-mini-carousel.mini-carousel-light .mini-arrow-right i {
    color: rgba(0, 0, 0, 0.54);
  }
  
  .pt-mini-carousel-item {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    left: 0;
    position: relative;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
  }
  
  .pt-carousel-label {
    min-height: 24px;
    max-height: 24px;
    width: 24px;
    vertical-align: middle;
    margin: 0 6px;
  }
  .pt-carousel-label.label-inactive {
    filter: grayscale(100%) contrast(100%) opacity(75%);
  }
  
  .mini-arrow-left {
    cursor: pointer;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    width: 36px;
    height: 40px;
    display: none;
  }
  .mini-arrow-left i {
    align-self: center;
    user-select: none;
  }
  
  .mini-arrow-right {
    cursor: pointer;
    display: flex;
    justify-content: center;
    display: flex;
    justify-content: center;
    right: 0;
    position: absolute;
    width: 36px;
    height: 40px;
  }
  .mini-arrow-right i {
    align-self: center;
    user-select: none;
  }
  
  .pt-arrow_box {
    position: relative;
    border: 1px solid #7976A0;
  }
  .pt-arrow_box:after, .pt-arrow_box:before {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }
  
  /*----------------LEFT ZONE-------------------*/
  .arrow-lt:after {
    right: 100%;
    top: 36px;
    border-right-color: #353156;
    border-width: 10px;
    margin-top: -10px;
  }
  .arrow-lt:before {
    right: 100%;
    top: 36px;
    border-right-color: #7976A0;
    border-width: 12px;
    margin-top: -12px;
  }
  
  .arrow-tl:after {
    bottom: 100%;
    left: 36px;
    border-bottom-color: #353156;
    border-width: 10px;
    margin-left: -10px;
  }
  .arrow-tl:before {
    bottom: 100%;
    left: 36px;
    border-bottom-color: #7976A0;
    border-width: 12px;
    margin-left: -12px;
  }
  
  .arrow-lb:after {
    right: 100%;
    bottom: 36px;
    border-right-color: #353156;
    border-width: 10px;
    margin-bottom: -10px;
  }
  .arrow-lb:before {
    right: 100%;
    bottom: 36px;
    border-right-color: #7976A0;
    border-width: 12px;
    margin-bottom: -12px;
  }
  
  .arrow-bl:after {
    top: 100%;
    left: 36px;
    border-top-color: #353156;
    border-width: 10px;
    margin-left: -10px;
  }
  .arrow-bl:before {
    top: 100%;
    left: 36px;
    border-top-color: #7976A0;
    border-width: 12px;
    margin-left: -12px;
  }
  
  /*----------------RIGHT ZONE-------------------*/
  .arrow-rt:after {
    left: 100%;
    top: 36px;
    border-left-color: #353156;
    border-width: 10px;
    margin-top: -10px;
  }
  .arrow-rt:before {
    left: 100%;
    top: 36px;
    border-left-color: #7976A0;
    border-width: 12px;
    margin-top: -12px;
  }
  
  .arrow-tr:after {
    bottom: 100%;
    right: 36px;
    border-bottom-color: #353156;
    border-width: 10px;
    margin-right: -10px;
  }
  .arrow-tr:before {
    bottom: 100%;
    right: 36px;
    border-bottom-color: #7976A0;
    border-width: 12px;
    margin-right: -12px;
  }
  
  .arrow-rb:after {
    left: 100%;
    bottom: 36px;
    border-left-color: #353156;
    border-width: 10px;
    margin-bottom: -10px;
  }
  .arrow-rb:before {
    left: 100%;
    bottom: 36px;
    border-left-color: #7976A0;
    border-width: 12px;
    margin-bottom: -12px;
  }
  
  .arrow-br:after {
    top: 100%;
    right: 36px;
    border-top-color: #353156;
    border-width: 10px;
    margin-right: -10px;
  }
  .arrow-br:before {
    top: 100%;
    right: 36px;
    border-top-color: #7976A0;
    border-width: 12px;
    margin-right: -12px;
  }
  
  .pt-dialog__box {
    margin: auto;
    min-width: 280px;
    max-width: 560px;
    background-color: #353156;
    border-radius: 0.25rem;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
  }
  .pt-dialog__box .pt-dialog__heading {
    color: rgba(233, 229, 246, 0.87);
    padding: 20px 16px 20px 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .pt-dialog__box .pt-dialog__heading h5 {
    margin: 0;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .pt-dialog__box .pt-dialog__heading a {
    margin-left: auto;
    color: rgba(233, 229, 246, 0.6);
    white-space: nowrap;
  }
  .pt-dialog__box .pt-dialog__heading a i {
    vertical-align: -6px;
  }
  .pt-dialog__box .pt-dialog__heading a.pt-dialog__left-icon {
    margin-left: -8px;
    margin-right: 32px;
  }
  .pt-dialog__box .pt-dialog__heading.pt-dialog__heading-no_divider {
    padding: 20px 16px 8px 24px;
    border-bottom: none;
  }
  .pt-dialog__box .pt-dialog__subheading {
    padding: 12px 24px;
    height: 64px;
    background: rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  }
  .pt-dialog__box .pt-dialog__content {
    position: relative;
    color: rgba(233, 229, 246, 0.6);
    padding: 24px;
    max-height: calc(75vh - 116px);
    overflow-y: auto;
    min-height: 88px;
    line-height: 1.5;
  }
  .pt-dialog__box .pt-dialog__space_no_event:before {
    content: '';
    display: block;
    width: 100%;
    height: 14px;
    position: absolute;
    left: 0;
    right: 10px;
    top: -14px;
    pointer-events: visible;
  }
  .pt-dialog__box .pt-dialog__space_no_event:after {
    content: '';
    display: block;
    width: 100%;
    height: 14px;
    position: absolute;
    left: 0;
    right: 10px;
    bottom: -14px;
    pointer-events: visible;
  }
  .pt-dialog__box.pt-dialog__box-fullfill {
    max-width: 100%;
    width: 100%;
  }
  
  .pt-dialog__bottom {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 8px;
    padding-left: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
  }
  .pt-dialog__bottom span {
    font-size: 0.75rem;
    color: rgba(233, 229, 246, 0.3);
    margin-right: auto;
  }
  .pt-dialog__bottom button {
    margin-right: 8px;
  }
  
  .pt-editor__heading {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    color: rgba(233, 229, 246, 0.87);
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    padding: 16px;
    height: 55px;
    min-height: 55px;
    max-height: 55px;
  }
  .pt-editor__heading h5 {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 1.25rem;
    margin: 0;
  }
  .pt-editor__heading a {
    font-size: 1rem;
    margin-left: auto;
    color: rgba(233, 229, 246, 0.6);
    white-space: nowrap;
  }
  .pt-editor__heading a i {
    font-size: 1.5rem;
    vertical-align: -6px;
  }
  .pt-editor__heading a.pt-dialog__left-icon {
    margin-left: 0;
    margin-right: 32px;
  }
  
  .pt-dialog__box.pt-dialog__mini .pt-dialog__heading {
    padding: 12px;
  }
  .pt-dialog__box.pt-dialog__mini .pt-dialog__content {
    min-height: auto;
    padding: 12px;
    word-break: break-all;
  }
  .pt-dialog__box.pt-dialog__mini .pt-dialog__bottom {
    padding-left: 12px;
  }
  .pt-dialog__box.pt-dialog__mini .pt-dialog__bottom button {
    margin-right: 0;
  }
  
  .pt-dialog__box.pt-dialog__maxwidth {
    width: 100%;
    min-width: 280px;
    max-width: 720px;
  }
  
  .pt-dialog__box.pt-dialog__midwidth {
    width: 100%;
    min-width: 280px;
    max-width: 480px;
  }
  
  .pt-dialog__box.pt-dialog__minwidth {
    width: 100%;
    min-width: 280px;
    max-width: 360px;
  }
  
  .pt-dialog__box.pt-dialog__fix-mini {
    width: 280px;
    min-width: 280px;
    max-width: 280px;
  }
  
  .pt-dialog__form {
    position: relative;
    border: 1px solid #7976A0;
    width: 640px;
    max-width: 640px;
  }
  .pt-dialog__form.pt-dialog__gallery {
    width: 1020px;
    max-width: 1020px;
  }
  .pt-dialog__form.pt-dialog__gallery > .pt-dialog__content {
    min-height: 40vh;
    max-height: 40vh;
  }
  .pt-dialog__form.pt-dialog__gallery .pt-dialog__subheading ~ .pt-dialog__content {
    min-height: calc(40vh - 64px);
    max-height: calc(40vh - 64px);
  }
  
  .pt-dialog__box.pt-dialog__dropdown {
    max-width: 432px;
  }
  .pt-dialog__box.pt-dialog__dropdown .pt-dialog__content {
    max-height: calc(90vh - 288px);
  }
  
  .pt-dialog__content.pt-dialog__content--fixhi {
    min-height: calc(75vh - 116px);
  }
  
  @media (max-width: 768px) {
    .pt-dialog__box {
      max-width: calc(100vw - 32px);
      margin: auto;
    }
    .pt-dialog__box.pt-dialog__fulid {
      min-width: 100vw;
      min-height: 100vh;
      margin: 0;
    }
    .pt-dialog__box .pt-dialog__heading {
      padding: 16px;
      height: 55px;
      min-height: 55px;
      max-height: 55px;
    }
    .pt-dialog__box .pt-dialog__heading h5 {
      font-size: 1.25rem;
    }
    .pt-dialog__box .pt-dialog__heading a {
      font-size: 1rem;
    }
    .pt-dialog__box .pt-dialog__heading a i {
      font-size: 1.5rem;
    }
    .pt-dialog__box .pt-dialog__heading a.pt-dialog__left-icon {
      margin-left: 0;
      margin-right: 32px;
    }
  
    .pt-dialog__form.pt-dialog__gallery {
      max-width: calc(100vw - 32px);
      margin: auto;
    }
    .pt-dialog__form.pt-dialog__gallery .pt-dialog__content {
      padding: 16px;
    }
  
    .pt-dialog__box > .pt-dialog__tablet_fulid {
      width: 100vw;
      height: 100%;
      position: fixed;
      display: block;
      overflow-y: auto;
      top: 0;
      left: 0;
      z-index: 1020;
      border-radius: 0;
    }
    .pt-dialog__box > .pt-dialog__tablet_fulid .pt-dialog__content {
      max-height: none;
      height: calc(100vh - 55px);
    }
    .pt-dialog__box > .pt-dialog__tablet_fulid .pt-dialog__content.with_bottom {
      height: calc(100vh - (55px + 36px));
    }
    .pt-dialog__box > .pt-dialog__tablet_fulid .pt-dialog__content ~ .pt-dialog__bottom {
      position: fixed;
      width: 100%;
      padding-right: 24px;
      left: 0;
      bottom: 8px;
      border: none;
    }
    .pt-dialog__box > .pt-dialog__tablet_fulid .pt-dialog__content ~ .pt-dialog__bottom .btn, .pt-dialog__box > .pt-dialog__tablet_fulid .pt-dialog__content ~ .pt-dialog__bottom a {
      display: none;
    }
    .pt-dialog__box > .pt-dialog__tablet_fulid .pt-dialog__content ~ .pt-dialog__bottom span {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .pt-dialog__box > .pt-dialog__tablet_fulid .pt-dialog__content ~ .pt-dialog__bottom.pt-dialog__bottom-toggle-hide {
      display: none;
    }
  }
  @media (max-width: 576px) {
    .pt-dialog__box {
      max-width: calc(100vw - 32px);
      margin: auto;
    }
    .pt-dialog__box.pt-dialog__fulid {
      min-width: 100vw;
      min-height: 100vh;
      margin: 0;
    }
    .pt-dialog__box .pt-dialog__heading {
      padding: 16px;
      height: 55px;
      min-height: 55px;
      max-height: 55px;
    }
    .pt-dialog__box .pt-dialog__heading h5 {
      font-size: 1.25rem;
    }
    .pt-dialog__box .pt-dialog__heading a {
      font-size: 1rem;
    }
    .pt-dialog__box .pt-dialog__heading a i {
      font-size: 1.5rem;
    }
    .pt-dialog__box .pt-dialog__heading a.pt-dialog__left-icon {
      margin-left: 0;
      margin-right: 32px;
    }
  
    .pt-dialog__form.pt-dialog__gallery {
      max-width: calc(100vw - 32px);
      margin: auto;
    }
    .pt-dialog__form.pt-dialog__gallery .pt-dialog__content {
      padding: 8px;
    }
  
    .pt-dialog__box.pt-dialog__dropdown {
      position: relative;
      max-width: 100%;
    }
    .pt-dialog__box.pt-dialog__dropdown .pt-dialog__content {
      max-height: none;
    }
    .pt-dialog__box.pt-dialog__dropdown .pt-block-header {
      position: fixed;
      width: 100%;
      top: 49px;
      left: 0;
      z-index: 1000;
    }
    .pt-dialog__box.pt-dialog__dropdown .pt-block-header + .pt-dialog__content {
      margin-top: 49px;
    }
  
    .pt-dialog__box > .pt-dialog__mobile_fulid {
      width: 100vw;
      height: 100%;
      position: fixed;
      display: block;
      overflow-y: auto;
      top: 0;
      left: 0;
      z-index: 1020;
      border-radius: 0;
    }
    .pt-dialog__box > .pt-dialog__mobile_fulid .pt-dialog__content {
      max-height: none;
      height: calc(100vh - 55px);
    }
    .pt-dialog__box > .pt-dialog__mobile_fulid .pt-dialog__content.with_bottom {
      height: calc(100vh - (55px + 36px));
    }
    .pt-dialog__box > .pt-dialog__mobile_fulid .pt-dialog__content ~ .pt-dialog__bottom {
      position: fixed;
      width: 100%;
      padding-right: 24px;
      left: 0;
      bottom: 8px;
      border: none;
    }
    .pt-dialog__box > .pt-dialog__mobile_fulid .pt-dialog__content ~ .pt-dialog__bottom .btn, .pt-dialog__box > .pt-dialog__mobile_fulid .pt-dialog__content ~ .pt-dialog__bottom a {
      display: none;
    }
    .pt-dialog__box > .pt-dialog__mobile_fulid .pt-dialog__content ~ .pt-dialog__bottom span {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .pt-dialog__box > .pt-dialog__mobile_fulid .pt-dialog__content ~ .pt-dialog__bottom.pt-dialog__bottom-toggle-hide {
      display: none;
    }
  }
  .pt-dialog__box.pt-dialog__white {
    background-color: #E9E5F6;
    border-radius: 0.25rem;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
  }
  .pt-dialog__box.pt-dialog__white .pt-dialog__heading {
    color: rgba(233, 229, 246, 0.87);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .pt-dialog__box.pt-dialog__white .pt-dialog__heading h5 {
    color: rgba(0, 0, 0, 0.87);
  }
  .pt-dialog__box.pt-dialog__white .pt-dialog__heading a {
    color: rgba(0, 0, 0, 0.54);
  }
  .pt-dialog__box.pt-dialog__white .pt-dialog__content {
    color: rgba(0, 0, 0, 0.54);
  }
  .pt-dialog__box.pt-dialog__white .pt-dialog__bottom {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
  }
  .pt-dialog__box.pt-dialog__white .pt-dialog__bottom span {
    font-size: 0.75rem;
    color: rgba(0, 0, 0, 0.38);
  }
  
  .pt-lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
  }
  .pt-lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid #E9E5F6;
    border-radius: 50%;
    animation: pt-lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #E9E5F6 transparent transparent transparent;
  }
  .pt-lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
  }
  .pt-lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
  }
  .pt-lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
  }
  
  @keyframes pt-lds-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .lds-img-progress {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background-color: rgba(255, 255, 255, 0.24);
    border-radius: 0 0 2px 2px;
  }
  .lds-img-progress::before {
    content: "\0E01\0E33\0E25\0E31\0E07\0E2D\0E31\0E1B\0E42\0E2B\0E25\0E14";
    display: block;
    position: absolute;
    top: -18px;
    left: 0;
    width: 100%;
    text-align: center;
    color: #FFFFFF;
    font-size: 0.625rem;
    font-weight: 500;
  }
  .lds-img-progress .lds-img-progress-bar {
    height: 8px;
    width: 0px;
    background-color: #FFEB3B;
    border-radius: 0 0 0 2px;
    transition: width 0.4s;
  }
  
  .lds-img-ring {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -40px;
    margin-left: -40px;
  }
  
  .pt-lds-emoji {
    border-radius: 50%;
    position: relative;
    width: 72px;
    height: 72px;
    background-color: #FDD835;
  }
  
  .lds-emoji1:after, .lds-emoji1:before {
    position: absolute;
    content: "";
    height: 8px;
    width: 8px;
    background-color: #212121;
    border-radius: 50%;
    top: 32px;
    animation: lds-emoji1-face-move 5s ease-in-out infinite, lds-emoji1-eyes-blink 2s ease-in-out infinite;
    animation-direction: alternate;
  }
  .lds-emoji1:after {
    left: 16px;
  }
  .lds-emoji1:before {
    left: 56px;
  }
  .lds-emoji1 .mouth {
    position: absolute;
    height: 4px;
    width: 32px;
    background-color: #212121;
    border-radius: 8px;
    top: 48px;
    left: 24px;
    animation: lds-emoji1-face-move 5s ease-in-out infinite;
    animation-direction: alternate;
  }
  
  @keyframes lds-emoji1-eyes-blink {
    0% {
      height: 8px;
    }
    97% {
      height: 8px;
    }
    100% {
      height: 0px;
    }
  }
  @keyframes lds-emoji1-face-move {
    0% {
      transform: translateX(0);
    }
    30% {
      transform: translateX(0);
    }
    35% {
      transform: translateX(-10px);
    }
    65% {
      transform: translateX(-10px);
    }
    70% {
      transform: translateX(-5px);
    }
    85% {
      transform: translateX(-5px);
    }
    90% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(0);
    }
  }
  .lds-emoji2:after, .lds-emoji2:before {
    position: absolute;
    content: "";
    height: 8px;
    width: 8px;
    background-color: #212121;
    border-radius: 50%;
    top: 40px;
    animation: lds-emoji2-face-move 4s ease-in-out infinite, lds-emoji1-eyes-blink 2s ease-in-out infinite;
  }
  .lds-emoji2:after {
    left: 12px;
  }
  .lds-emoji2:before {
    left: 52px;
  }
  .lds-emoji2 .mouth {
    position: absolute;
    height: 18px;
    overflow: hidden;
    border-top: 4px solid #F5F5F5;
    width: 24px;
    background-color: #E57373;
    border-radius: 24px;
    top: 50px;
    left: 24px;
    animation: lds-emoji2-face-move 4s ease-in-out infinite, lds-emoji2-mouth-move 4s ease-in-out infinite;
  }
  
  @keyframes lds-emoji2-face-move {
    0% {
      transform: translateY(0);
    }
    55% {
      transform: translateY(0);
    }
    60% {
      transform: translateY(-8px);
    }
    95% {
      transform: translateY(-8px);
    }
    100% {
      transform: translateY(0);
    }
  }
  @keyframes lds-emoji2-mouth-move {
    0% {
      height: 18px;
      border-top: 4px solid #F5F5F5;
    }
    55% {
      height: 18px;
      width: 24px;
      left: 24px;
      border-top: 4px solid #F5F5F5;
    }
    60% {
      height: 10px;
      width: 15px;
      left: 28px;
      border-top: 4px solid #FDD835;
    }
    95% {
      height: 10px;
      width: 15px;
      left: 28px;
      border-top: 4px solid #FDD835;
    }
    100% {
      height: 18px;
      width: 24px;
      left: 24px;
      border-top: 4px solid #F5F5F5;
    }
  }
  .lds-emoji3:after, .lds-emoji3:before {
    position: absolute;
    content: "";
    height: 8px;
    width: 8px;
    background-color: #212121;
    border-radius: 50%;
    top: 36px;
    animation: lds-emoji3-face-move 0.25s ease-in-out infinite, lds-emoji1-eyes-blink 2s ease-in-out infinite;
    animation-direction: alternate;
  }
  .lds-emoji3:after {
    left: 12px;
  }
  .lds-emoji3:before {
    left: 52px;
  }
  .lds-emoji3 .mouth {
    position: absolute;
    height: 16px;
    top: 42px;
    left: 24px;
    animation: lds-emoji3-mouth-move 0.25s ease-in-out infinite;
    animation-direction: alternate;
  }
  .lds-emoji3 .mouth:before, .lds-emoji3 .mouth:after {
    content: '';
    border-radius: 100%;
    position: absolute;
    border: 3px solid transparent;
    border-top: 3px solid #212121;
    border-left: 3px solid #212121;
    transform-origin: center center;
  }
  .lds-emoji3 .mouth:before {
    height: 12px;
    width: 12px;
    transform: rotate(-45deg);
    top: 5px;
    left: 5px;
  }
  .lds-emoji3 .mouth:after {
    height: 9px;
    width: 9px;
    transform: rotate(-90deg);
    top: 14px;
    left: 8px;
  }
  
  @keyframes lds-emoji3-face-move {
    0% {
      transform: translatex(0);
    }
    100% {
      transform: translateX(-3px);
    }
  }
  @keyframes lds-emoji3-mouth-move {
    0% {
      transform: translatex(0);
    }
    100% {
      transform: translateX(-5px);
    }
  }
  /* Tabs Component */
  .nav-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 1rem;
    background-color: #1F1D33;
    border-bottom: solid 1px #565380;
    border-radius: 0 4px 0 0;
  }
  .nav-tabs > .nav-tabs-item > .nav-tabs-link {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 1.5;
    padding: 8px 16px;
    cursor: pointer;
    border-right: solid 1px #565380;
    color: #BDBDBD;
    text-decoration: none;
  }
  .nav-tabs > .nav-tabs-item > .nav-tabs-link::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    line-height: 1px;
    position: absolute;
    background-color: #565380;
    bottom: -1px;
    left: 0px;
  }
  .nav-tabs > .nav-tabs-item > .nav-tabs-link:link {
    color: #BDBDBD;
    text-decoration: none;
  }
  .nav-tabs > .nav-tabs-item > .nav-tabs-link:hover {
    color: #FFFFFF;
    background-color: #2D2A49;
    text-decoration: none;
  }
  .nav-tabs > .nav-tabs-item > .nav-tabs-link:visited {
    color: #BDBDBD;
    text-decoration: none;
  }
  .nav-tabs > .nav-tabs-item > .nav-tabs-link:active {
    color: #FBC02D;
    text-decoration: none;
  }
  .nav-tabs > .nav-tabs-item > .nav-tabs-link.active {
    color: #FBC02D;
    text-decoration: none;
    background-color: #2D2A49;
    -webkit-box-shadow: inset 0px 4px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0px 4px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0px 4px 2px rgba(0, 0, 0, 0.08);
  }
  .nav-tabs > .nav-tabs-item > .nav-tabs-link.active::before {
    content: '';
    display: block;
    width: calc(100% + 2px);
    height: 3px;
    line-height: 3px;
    position: absolute;
    background-color: #FBC02D;
    top: -1px;
    left: -1px;
  }
  .nav-tabs > .nav-tabs-item > .nav-tabs-link.active::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    line-height: 1px;
    position: absolute;
    background-color: #2D2A49;
    bottom: -1px;
    left: 0px;
  }
  .nav-tabs > .nav-tabs-item > .nav-tabs-link.disabled {
    color: #353156;
    text-decoration: none;
    background-color: transparent;
    cursor: auto;
  }
  
  .nav-tabs__color1 .active {
    background-color: #3C3963 !important;
  }
  .nav-tabs__color1 .active::after {
    background-color: #3C3963 !important;
  }
  
  @media (max-width: 768px) {
    .nav-tabs {
      border-radius: 0;
    }
  }
  .pt-tabs > input, .pt-tabs section > div {
    display: none;
  }
  
  #tab1:checked ~ section .tab1, #tab2:checked ~ section .tab2, #tab3:checked ~ section .tab3, #tab4:checked ~ section .tab4,
  #tab5:checked ~ section .tab5, #tab6:checked ~ section .tab6, #tab7:checked ~ section .tab7, #tab8:checked ~ section .tab8,
  #tab9:checked ~ section .tab9, #tab10:checked ~ section .tab10, #tab11:checked ~ section .tab11, #tab12:checked ~ section .tab12,
  #tab13:checked ~ section .tab13, #tab14:checked ~ section .tab14, #tab15:checked ~ section .tab15, #tab16:checked ~ section .tab16, #tab17:checked ~ section .tab17, #tab18:checked ~ section .tab18, #tab19:checked ~ section .tab19, #tab20:checked ~ section .tab20,
  #tab21:checked ~ section .tab21, #tab22:checked ~ section .tab22, #tab23:checked ~ section .tab23, #tab24:checked ~ section .tab24,
  #tab25:checked ~ section .tab25, #tab26:checked ~ section .tab26, #tab27:checked ~ section .tab27, #tab28:checked ~ section .tab28,
  #tab29:checked ~ section .tab29, #tab30:checked ~ section .tab30, #tab31:checked ~ section .tab31, #tab32:checked ~ section .tab32 {
    display: block;
  }
  
  /* Visual Styles */
  *, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  .pt-tabs #tab1:checked ~ nav .tab1, .pt-tabs #tab2:checked ~ nav .tab2, .pt-tabs #tab3:checked ~ nav .tab3, .pt-tabs #tab4:checked ~ nav .tab4,
  .pt-tabs #tab5:checked ~ nav .tab5, .pt-tabs #tab6:checked ~ nav .tab6, .pt-tabs #tab7:checked ~ nav .tab7, .pt-tabs #tab8:checked ~ nav .tab8,
  .pt-tabs #tab9:checked ~ nav .tab9, .pt-tabs #tab10:checked ~ nav .tab10, .pt-tabs #tab11:checked ~ nav .tab11, .pt-tabs #tab12:checked ~ nav .tab12,
  .pt-tabs #tab13:checked ~ nav .tab13, .pt-tabs #tab14:checked ~ nav .tab14, .pt-tabs #tab15:checked ~ nav .tab15, .pt-tabs #tab16:checked ~ nav .tab16,
  .pt-tabs #tab17:checked ~ nav .tab17, .pt-tabs #tab18:checked ~ nav .tab18, .pt-tabs #tab19:checked ~ nav .tab19, .pt-tabs #tab20:checked ~ nav .tab20,
  .pt-tabs #tab21:checked ~ nav .tab21, .pt-tabs #tab22:checked ~ nav .tab22, .pt-tabs #tab23:checked ~ nav .tab23, .pt-tabs #tab24:checked ~ nav .tab24,
  .pt-tabs #tab25:checked ~ nav .tab25, .pt-tabs #tab26:checked ~ nav .tab26, .pt-tabs #tab27:checked ~ nav .tab27, .pt-tabs #tab28:checked ~ nav .tab28,
  .pt-tabs #tab29:checked ~ nav .tab29, .pt-tabs #tab30:checked ~ nav .tab30, .pt-tabs #tab31:checked ~ nav .tab31, .pt-tabs #tab32:checked ~ nav .tab32 {
    color: #FBC02D;
    box-shadow: 0px -1px #FFEB3B, inset 0px 2px #FFEB3B;
    background: #353156;
  }
  .pt-tabs nav {
    overflow: hidden;
    overflow-x: auto;
  }
  .pt-tabs nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    background: #1F1D33;
    border-radius: 4px 4px 0 0;
  }
  .pt-tabs nav ul label {
    cursor: pointer;
    margin: 0;
    padding: 0;
    border-right: 1px solid #44416F;
    border-bottom: 0;
  }
  .pt-tabs nav ul label li {
    padding: 15px 16px;
    background: #1F1D33;
    color: rgba(233, 229, 246, 0.87);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .pt-tabs nav ul label li:hover {
    background: rgba(0, 0, 0, 0.12);
  }
  .pt-tabs nav ul label li:active {
    background: #1F1D33;
  }
  .pt-tabs nav ul label:not(:last-child) li {
    border-right-width: 0;
  }
  .pt-tabs nav ul label:first-child {
    border-radius: 4px 0 0 0;
  }
  .pt-tabs nav ul label:first-child li {
    border-radius: 4px 0 0 0;
  }
  .pt-tabs .pt-tab__content {
    position: relative;
  }
  
  #tab1:checked ~ nav .tab1 label, #tab2:checked ~ nav .tab2 label, #tab3:checked ~ nav .tab3 label, #tab4:checked ~ nav .tab4 label,
  #tab5:checked ~ nav .tab5 label, #tab6:checked ~ nav .tab6 label, #tab7:checked ~ nav .tab7 label, #tab8:checked ~ nav .tab8 label,
  #tab9:checked ~ nav .tab9 label, #tab10:checked ~ nav .tab10 label, #tab11:checked ~ nav .tab11 label, #tab12:checked ~ nav .tab12 label,
  #tab13:checked ~ nav .tab13 label, #tab14:checked ~ nav .tab14 label, #tab15:checked ~ nav .tab15 label, #tab16:checked ~ nav .tab16 label,
  #tab17:checked ~ nav .tab17 label, #tab18:checked ~ nav .tab18 label, #tab19:checked ~ nav .tab19 label, #tab20:checked ~ nav .tab20 label,
  #tab21:checked ~ nav .tab21 label, #tab22:checked ~ nav .tab22 label, #tab23:checked ~ nav .tab23 label, #tab4:checked ~ nav .tab24 label,
  #tab25:checked ~ nav .tab25 label, #tab26:checked ~ nav .tab26 label, #tab27:checked ~ nav .tab27 label, #tab8:checked ~ nav .tab28 label,
  #tab29:checked ~ nav .tab29 label, #tab30:checked ~ nav .tab30 label, #tab31:checked ~ nav .tab31 label, #tab32:checked ~ nav .tab32 label {
    background: white;
    color: #111;
    position: relative;
  }
  #tab1:checked ~ nav .tab1 label:after, #tab2:checked ~ nav .tab2 label:after, #tab3:checked ~ nav .tab3 label:after, #tab4:checked ~ nav .tab4 label:after,
  #tab5:checked ~ nav .tab5 label:after, #tab6:checked ~ nav .tab6 label:after, #tab7:checked ~ nav .tab7 label:after, #tab8:checked ~ nav .tab8 label:after,
  #tab9:checked ~ nav .tab9 label:after, #tab10:checked ~ nav .tab10 label:after, #tab11:checked ~ nav .tab11 label:after, #tab12:checked ~ nav .tab12 label:after,
  #tab13:checked ~ nav .tab13 label:after, #tab14:checked ~ nav .tab14 label:after, #tab15:checked ~ nav .tab15 label:after, #tab16:checked ~ nav .tab16 label:after,
  #tab17:checked ~ nav .tab17 label:after, #tab18:checked ~ nav .tab18 label:after, #tab19:checked ~ nav .tab19 label:after, #tab20:checked ~ nav .tab20 label:after,
  #tab21:checked ~ nav .tab21 label:after, #tab22:checked ~ nav .tab22 label:after, #tab23:checked ~ nav .tab23 label:after, #tab4:checked ~ nav .tab24 label:after,
  #tab25:checked ~ nav .tab25 label:after, #tab26:checked ~ nav .tab26 label:after, #tab27:checked ~ nav .tab27 label:after, #tab8:checked ~ nav .tab28 label:after,
  #tab29:checked ~ nav .tab29 label:after, #tab30:checked ~ nav .tab30 label:after, #tab31:checked ~ nav .tab31 label:after, #tab32:checked ~ nav .tab32 label:after {
    content: '';
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: -1px;
  }
  
  .pt-tab-fix {
    position: fixed;
    z-index: 1;
    width: 100%;
  }
  
  .pt-tab-fix ~ .pt-tab__content {
    padding-top: 46px;
  }
  
  .pt-full-tab {
    flex: 1;
    text-align: center;
  }
  
  @media (max-width: 768px) {
    .pt-wrapper-mobile_nav > .pt-tabs #tab1:checked ~ nav .tab1, .pt-wrapper-mobile_nav > .pt-tabs #tab2:checked ~ nav .tab2, .pt-wrapper-mobile_nav > .pt-tabs #tab3:checked ~ nav .tab3, .pt-wrapper-mobile_nav > .pt-tabs #tab4:checked ~ nav .tab4,
    .pt-wrapper-mobile_nav > .pt-tabs #tab5:checked ~ nav .tab5, .pt-wrapper-mobile_nav > .pt-tabs #tab6:checked ~ nav .tab6, .pt-wrapper-mobile_nav > .pt-tabs #tab7:checked ~ nav .tab7, .pt-wrapper-mobile_nav > .pt-tabs #tab8:checked ~ nav .tab8,
    .pt-wrapper-mobile_nav > .pt-tabs #tab9:checked ~ nav .tab9, .pt-wrapper-mobile_nav > .pt-tabs #tab10:checked ~ nav .tab10, .pt-wrapper-mobile_nav > .pt-tabs #tab11:checked ~ nav .tab11, .pt-wrapper-mobile_nav > .pt-tabs #tab12:checked ~ nav .tab12,
    .pt-wrapper-mobile_nav > .pt-tabs #tab13:checked ~ nav .tab13, .pt-wrapper-mobile_nav > .pt-tabs #tab14:checked ~ nav .tab14, .pt-wrapper-mobile_nav > .pt-tabs #tab15:checked ~ nav .tab15, .pt-wrapper-mobile_nav > .pt-tabs #tab16:checked ~ nav .tab16,
    .pt-wrapper-mobile_nav > .pt-tabs #tab17:checked ~ nav .tab17, .pt-wrapper-mobile_nav > .pt-tabs #tab18:checked ~ nav .tab18, .pt-wrapper-mobile_nav > .pt-tabs #tab19:checked ~ nav .tab19, .pt-wrapper-mobile_nav > .pt-tabs #tab20:checked ~ nav .tab20, .pt-wrapper-mobile_nav > .pt-tabs #tab21:checked ~ nav .tab21, .pt-wrapper-mobile_nav > .pt-tabs #tab22:checked ~ nav .tab22, .pt-wrapper-mobile_nav > .pt-tabs #tab23:checked ~ nav .tab23, .pt-wrapper-mobile_nav > .pt-tabs #tab24:checked ~ nav .tab24,
    .pt-wrapper-mobile_nav > .pt-tabs #tab25:checked ~ nav .tab25, .pt-wrapper-mobile_nav > .pt-tabs #tab26:checked ~ nav .tab26, .pt-wrapper-mobile_nav > .pt-tabs #tab27:checked ~ nav .tab27, .pt-wrapper-mobile_nav > .pt-tabs #tab28:checked ~ nav .tab28,
    .pt-wrapper-mobile_nav > .pt-tabs #tab29:checked ~ nav .tab29, .pt-wrapper-mobile_nav > .pt-tabs #tab30:checked ~ nav .tab30, .pt-wrapper-mobile_nav > .pt-tabs #tab31:checked ~ nav .tab31, .pt-wrapper-mobile_nav > .pt-tabs #tab32:checked ~ nav .tab32 {
      color: #FBC02D;
      /*background: $purple-pantip-900;*/
      box-shadow: inset 0px -3px #FFEB3B;
    }
    .pt-wrapper-mobile_nav > .pt-tabs nav {
      margin-top: -1px;
    }
    .pt-wrapper-mobile_nav > .pt-tabs nav ul {
      border-radius: 0;
    }
    .pt-wrapper-mobile_nav > .pt-tabs nav ul label {
      flex: 1;
      text-align: center;
      border: 0;
    }
    .pt-wrapper-mobile_nav > .pt-tabs nav ul label:first-child {
      border-radius: 0;
    }
    .pt-wrapper-mobile_nav > .pt-tabs nav ul label:first-child li {
      border-radius: 0;
    }
  }
  @media (max-width: 576px) {
    .pt-tabs #tab1:checked ~ nav .tab1, .pt-tabs #tab2:checked ~ nav .tab2, .pt-tabs #tab3:checked ~ nav .tab3, .pt-tabs #tab4:checked ~ nav .tab4,
    .pt-tabs #tab5:checked ~ nav .tab5, .pt-tabs #tab6:checked ~ nav .tab6, .pt-tabs #tab7:checked ~ nav .tab7, .pt-tabs #tab8:checked ~ nav .tab8,
    .pt-tabs #tab9:checked ~ nav .tab9, .pt-tabs #tab10:checked ~ nav .tab10, .pt-tabs #tab11:checked ~ nav .tab11, .pt-tabs #tab12:checked ~ nav .tab12,
    .pt-tabs #tab13:checked ~ nav .tab13, .pt-tabs #tab14:checked ~ nav .tab14, .pt-tabs #tab15:checked ~ nav .tab15, .pt-tabs #tab16:checked ~ nav .tab16,
    .pt-tabs #tab17:checked ~ nav .tab17, .pt-tabs #tab18:checked ~ nav .tab18, .pt-tabs #tab19:checked ~ nav .tab19, .pt-tabs #tab20:checked ~ nav .tab20, .pt-tabs #tab21:checked ~ nav .tab21, .pt-tabs #tab22:checked ~ nav .tab22, .pt-tabs #tab23:checked ~ nav .tab23, .pt-tabs #tab24:checked ~ nav .tab24,
    .pt-tabs #tab25:checked ~ nav .tab25, .pt-tabs #tab26:checked ~ nav .tab26, .pt-tabs #tab27:checked ~ nav .tab27, .pt-tabs #tab28:checked ~ nav .tab28,
    .pt-tabs #tab29:checked ~ nav .tab29, .pt-tabs #tab30:checked ~ nav .tab30, .pt-tabs #tab31:checked ~ nav .tab31, .pt-tabs #tab32:checked ~ nav .tab32 {
      color: #FBC02D;
      /*background: $purple-pantip-900;*/
      box-shadow: inset 0px -3px #FFEB3B;
    }
    .pt-tabs nav {
      margin-top: -1px;
    }
    .pt-tabs nav ul {
      border-radius: 0;
    }
    .pt-tabs nav ul label {
      flex: 1;
      text-align: center;
      border: 0;
    }
    .pt-tabs nav ul label:first-child {
      border-radius: 0;
    }
    .pt-tabs nav ul label:first-child li {
      border-radius: 0;
    }
  }
  .pt-tabs-a nav {
    overflow: hidden;
    overflow-x: auto;
  }
  .pt-tabs-a nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    background: #1F1D33;
    border-radius: 4px 4px 0 0;
  }
  .pt-tabs-a nav ul li {
    cursor: pointer;
    margin: 0;
    padding: 0;
    border-right: 1px solid #44416F;
    border-bottom: 0;
    padding: 15px 16px;
    background: #1F1D33;
    color: rgba(233, 229, 246, 0.87);
    white-space: nowrap;
  }
  .pt-tabs-a nav ul li:hover {
    background: rgba(0, 0, 0, 0.12);
  }
  .pt-tabs-a nav ul li:active {
    background: #1F1D33;
  }
  .pt-tabs-a nav ul li.tabs-active {
    color: #FBC02D;
    box-shadow: inset 0px 3px #FFEB3B;
    background: #353156;
  }
  .pt-tabs-a nav ul li:first-child {
    border-radius: 4px 0 0 0;
  }
  
  .pt-tabs-b nav {
    overflow: hidden;
    overflow-x: auto;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.08);
  }
  .pt-tabs-b nav ul {
    list-style: none;
    margin: 0 4px;
    padding: 0;
    display: flex;
    background-color: transparent;
    border-radius: 0;
  }
  .pt-tabs-b nav ul li {
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: normal;
    margin: 0 20px;
    border-right: none;
    border-bottom: 0;
    padding: 16px 4px;
    background-color: transparent;
    color: rgba(233, 229, 246, 0.87);
    white-space: nowrap;
  }
  .pt-tabs-b nav ul li:hover {
    background-color: transparent;
    box-shadow: inset 0px -2px #FFEB3B;
  }
  .pt-tabs-b nav ul li:active {
    background-color: transparent;
  }
  .pt-tabs-b nav ul li.tabs-active {
    box-shadow: inset 0px -2px #FFEB3B;
    background-color: transparent;
    font-weight: bold;
  }
  .pt-tabs-b nav ul li:first-child {
    border-radius: 4px 0 0 0;
  }
  
  .pt-tab__content {
    position: relative;
    background: #353156;
    border-radius: 0 0 4px 4px;
  }
  
  .tabs-active ul li {
    background: white;
    color: #111;
    position: relative;
  }
  .tabs-active ul li:after {
    content: '';
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: -1px;
  }
  
  .pt-tab-fix {
    position: fixed;
    z-index: 1;
    width: 100%;
  }
  
  .pt-tab-fix ~ .pt-tab__content {
    padding-top: 46px;
  }
  
  .pt-full-tab {
    flex: 1;
    text-align: center;
  }
  
  @media (max-width: 768px) {
    .pt-tabs-a nav ul {
      border-radius: 0;
    }
    .pt-tabs-a nav ul li {
      flex: 1;
      text-align: center;
    }
    .pt-tabs-a nav ul li:first-child {
      border-radius: 0;
    }
  }
  @media (max-width: 576px) {
    .pt-tabs-a nav {
      margin-top: -1px;
    }
    .pt-tabs-a nav ul {
      border-radius: 0;
    }
    .pt-tabs-a nav ul li {
      flex: 1;
      text-align: center;
      border: 0;
      border-radius: 0;
    }
    .pt-tabs-a nav ul li:first-child {
      border-radius: 0;
    }
    .pt-tabs-a nav ul li.tabs-active {
      color: #FBC02D;
      box-shadow: inset 0px -3px #FFEB3B;
    }
  }
  /* Scss Tag */
  .pt-label-official, .pt-label-discount, .pt-label-color {
    margin: 0;
    padding: 0;
    position: relative;
  }
  
  .pt-label-official, .pt-label-discount, .pt-label-color {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -moz-inline-flexbox;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-align-self: center;
    align-self: center;
    height: 18px;
    line-height: 18px;
    position: relative;
    font-size: 10px;
    font-weight: bold;
    padding: 0 6px 0 6px;
    background: #EF5350;
    color: #FFFFFF;
    text-decoration: none;
    border-radius: 0.125rem;
  }
  
  .pt-label-official {
    margin-left: -4px;
  }
  .pt-label-official:before {
    content: "";
    position: absolute;
    top: 6px;
    left: -4px;
    width: 0;
    height: 0;
    border-color: transparent #EF5350 transparent transparent;
    border-style: solid;
    border-width: 4px 4px 4px 0;
  }
  
  .pt-label-discount.pt-label-discount_listitem {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 1;
  }
  
  .pt-tag-caption, .pt-accordion__clickable .pt-accordion .pt-accordion__label a + span {
    font-size: 0.875rem;
    font-weight: 400;
    color: rgba(233, 229, 246, 0.3);
    line-height: 1.5;
    padding: 12px 16px;
  }
  
  .pt-tag-header {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
  }
  .pt-tag-header .img-thumbnail {
    width: 46px;
    height: 46px;
    margin-right: 8px;
  }
  .pt-tag-header .pt-recomend-header {
    width: calc(100% - 320px);
    margin-right: auto;
  }
  .pt-tag-header .pt-recomend-header div {
    display: inline-flex;
    width: calc(100% - 60px);
    vertical-align: 4px;
  }
  .pt-tag-header .pt-recomend-header div .h5 {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 0;
  }
  .pt-tag-header .pt-recomend-header span {
    display: block;
    margin-top: -2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .pt-tag-header .pt-recomend-header.pt-recomend-header_forum {
    width: calc(100% - 64px);
  }
  .pt-tag-header .pt-follow-block {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  @media (max-width: 768px) {
    .pt-tag-header .pt-recomend-header {
      width: calc(100% - 140px);
    }
    .pt-tag-header .pt-topic-follow-count {
      display: none;
    }
  }
  @media (max-width: 576px) {
    .pt-tag-header {
      padding: 8px 16px;
    }
    .pt-tag-header .pt-recomend-header div {
      width: 100%;
    }
  }
  
  .pt-tag__button {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    background: #172C5A;
    border: 1px solid #42649D;
    height: 24px;
    color: rgba(233, 229, 246, 0.6);
    font-size: 0.75rem;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: background-color 0.15s linear;
    -moz-transition: background-color 0.15s linear;
    -o-transition: background-color 0.15s linear;
    -ms-transition: background-color 0.15s linear;
    transition: background-color 0.15s linear;
    margin-right: 8px;
  }
  .pt-tag__button > a {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -moz-inline-flexbox;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 8px;
    text-decoration: none;
    color: rgba(233, 229, 246, 0.6);
    -webkit-transition: color 0.15s linear;
    -moz-transition: color 0.15s linear;
    -o-transition: color 0.15s linear;
    -ms-transition: color 0.15s linear;
    transition: color 0.15s linear;
  }
  .pt-tag__button span {
    overflow: hidden;
    max-width: 172px;
    text-overflow: ellipsis;
  }
  .pt-tag__button i {
    margin-left: 4px;
    margin-right: -4px;
  }
  .pt-tag__button:hover {
    background: #1C3973;
    color: #E9E5F6;
  }
  .pt-tag__button:hover a {
    color: #E9E5F6;
  }
  
  .pt-snackbar {
    z-index: 1090;
    margin: 8px;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    pointer-events: none;
    -webkit-tap-highlight-color: transparent;
  }
  .pt-snackbar .pt-snackbar__surface {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
    max-width: 672px;
    min-width: 344px;
    background-color: #212121;
    opacity: 0;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
    border-radius: 0.25rem;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  .pt-snackbar .pt-snackbar__surface.pt-snackbar__surface__white {
    background-color: #E9E5F6;
  }
  .pt-snackbar .pt-snackbar__surface.pt-snackbar__surface__white .pt-snackbar__label {
    color: rgba(0, 0, 0, 0.87);
  }
  .pt-snackbar .pt-snackbar__surface.pt-snackbar__surface__white .pt-snackbar__actions .btn-text-primary {
    color: #9575CD;
  }
  .pt-snackbar .pt-snackbar__surface.pt-snackbar__surface__white .pt-snackbar__actions .btn-text-light {
    color: rgba(0, 0, 0, 0.54);
  }
  .pt-snackbar.pt-snackbar-noti {
    bottom: 30px;
    left: auto;
    right: 30px;
    z-index: 1100;
  }
  @media (max-width: 576px) {
    .pt-snackbar.pt-snackbar-noti {
      bottom: auto;
      top: 0;
      left: 0;
      right: 0;
    }
  }
  
  .pt-snackbar-noti-head.pt-lists-item__primary-text {
    color: rgba(0, 0, 0, 0.87);
  }
  
  .pt-snackbar-noti-des.pt-lists-item__secondary-text {
    color: rgba(0, 0, 0, 0.54);
  }
  
  .pt-snackbar__label {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    margin: 0;
    padding: 14px 16px;
  }
  
  .pt-snackbar__actions {
    margin-left: 0;
    margin-right: 8px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
  }
  
  .pt-snackbar--open .pt-snackbar__surface {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms;
    transition: opacity 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms;
    -o-transition: opacity 0.15s 0ms cubic-bezier(0, 0, 0.2, 1), transform 0.15s 0ms cubic-bezier(0, 0, 0.2, 1);
    transition: opacity 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms;
    transition: opacity 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms;
  }
  
  .pt-snackbar--close .pt-snackbar__surface {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 0.15s cubic-bezier(0.4, 0, 1, 1) 0ms;
    -o-transition: opacity 0.15s 0ms cubic-bezier(0.4, 0, 1, 1);
    transition: opacity 0.15s cubic-bezier(0.4, 0, 1, 1) 0ms;
  }
  
  .pt-snackbar--stacked .pt-snackbar__surface {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
  }
  .pt-snackbar--stacked .pt-snackbar__actions {
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    -ms-align-self: flex-end;
    align-self: flex-end;
    margin-bottom: 8px;
  }
  .pt-snackbar--stacked .pt-snackbar__actions.pt-action-policy {
    width: 100%;
    padding-left: 16px;
    justify-content: space-between;
  }
  
  .pt-snackbar--leading {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
  }
  
  /* Pagination */
  .pagination {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
  }
  
  .page-link, .page-link:link {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 8px 12px;
    margin-left: -1px;
    line-height: 1.25;
    height: 38px;
    color: rgba(233, 229, 246, 0.87) !important;
    background-color: transparent;
    border: 1px solid #7976A0;
  }
  
  .page-link:hover {
    color: #FFFFFF !important;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.12);
    border-color: #7976A0;
    -webkit-box-shadow: inset -1px 0px 0px rgba(255, 255, 255, 0.12);
    -moz-box-shadow: inset -1px 0px 0px rgba(255, 255, 255, 0.12);
    box-shadow: inset -1px 0px 0px rgba(255, 255, 255, 0.12);
  }
  
  .page-link:focus {
    z-index: 2;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  
  .page-link:not(:disabled):not(.disabled) {
    cursor: pointer;
  }
  
  .page-item:first-child .page-link {
    margin-left: 0;
    padding: 4px 8px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
  }
  
  .page-item:last-child .page-link {
    padding: 4px 8px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
  }
  
  .page-item.active .page-link {
    z-index: 1;
    color: #FFFFFF !important;
    background-color: #7459C8;
    border-color: #9575CD;
    pointer-events: none;
  }
  
  .page-item.disabled .page-link {
    color: rgba(233, 229, 246, 0.3) !important;
    pointer-events: none;
    cursor: auto;
    background-color: rgba(115, 115, 153, 0.12);
    border-color: #7976A0;
  }
  
  .pagination-lg .page-link {
    padding: 12px 24px;
    font-size: 1.25rem;
    line-height: 1.25;
    height: 52px;
  }
  .pagination-lg .page-link i {
    font-size: 2.25rem;
  }
  
  .pagination-lg .page-item:first-child .page-link {
    padding: 6px 12px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  
  .pagination-lg .page-item:last-child .page-link {
    padding: 6px 12px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  
  .pagination-sm .page-link {
    padding: 0 8px;
    font-size: 0.875rem;
    line-height: 1;
    height: 24px;
  }
  
  .pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    height: 24px;
    padding: 0 4px;
  }
  
  .pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    height: 24px;
    padding: 0 4px;
  }
  
  .pagination.pagination__hide-border .page-item .page-link {
    border: none;
    border-radius: 0.125rem;
    margin: 0 2px;
  }
  .pagination.pagination__hide-border .page-item .page-link:hover {
    border-radius: 0.125rem;
    -webkit-box-shadow: inset -1px 0px 0px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: inset -1px 0px 0px rgba(0, 0, 0, 0.12);
    box-shadow: inset -1px 0px 0px rgba(0, 0, 0, 0.12);
  }
  .pagination.pagination__hide-border .page-item.disabled .page-link {
    background-color: transparent;
  }
  
  /* select Filter */
  .pt-block-filter {
    background: #2D2A49;
    padding: 8px 16px;
    min-height: 36px;
    border-bottom: 1px solid rgba(233, 229, 246, 0.08);
  }
  
  .pt-select-block {
    display: inline-block;
    width: auto;
  }
  
  .pt-select-list {
    display: none;
    font-size: 0.875rem;
    line-height: 1.5;
  }
  .pt-select-list.select-now {
    display: inline-block;
  }
  .pt-select-list.select-now a {
    color: #FBC02D;
    text-decoration: underline;
  }
  .pt-select-list.select-now a:after {
    content: '\e5c5';
    font-size: 18px;
    vertical-align: middle;
    color: #E9E5F6;
  }
  
  .pt-custom-tag-bt {
    font-size: 0.875rem;
    line-height: 1.5;
    float: right;
  }
  .pt-custom-tag-bt > a {
    text-decoration: none;
    color: #B39DDB;
  }
  
  .pt-list-sub-filter {
    display: flex;
  }
  .pt-list-sub-filter > div {
    font-size: 0.75rem;
    margin-right: 16px;
    white-space: nowrap;
    line-height: 1.5;
  }
  .pt-list-sub-filter > div a {
    color: #EEEEEE;
    text-decoration: none;
  }
  .pt-list-sub-filter > div.select-now a {
    color: #FBC02D;
  }
  
  .pt-overflow {
    overflow: auto;
  }
  
  .pt-block-filter-mobile-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.38);
  }
  
  .pt-block-filter-mobile-light {
    background: #E9E5F6;
    position: absolute;
    bottom: 0;
    width: 100%;
    max-height: 100vh;
    overflow: auto;
  }
  
  .pt-head-filter {
    text-align: center;
    color: rgba(0, 0, 0, 0.87);
    font-size: 0.875rem;
    line-height: 1.5;
    padding: 12px 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  }
  
  .pt-drag-icon-filter {
    color: rgba(0, 0, 0, 0.12);
    text-align: center;
    line-height: 0;
  }
  
  .pt-list-filter-mobile {
    color: rgba(0, 0, 0, 0.54);
  }
  .pt-list-filter-mobile > div {
    height: 56px;
    line-height: 56px;
  }
  .pt-list-filter-mobile > div a {
    text-decoration: none;
    color: rgba(0, 0, 0, 0.54);
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 0 16px 0 56px;
  }
  .pt-list-filter-mobile .selected a {
    color: rgba(0, 0, 0, 0.87);
  }
  .pt-list-filter-mobile .selected::before {
    content: "\e5ca";
    position: absolute;
    left: 16px;
    line-height: 56px;
    color: rgba(0, 0, 0, 0.87);
  }
  
  .pt-select-not-responsive {
    display: inline-block;
  }
  
  .pt-block-filter-fix {
    position: fixed;
    width: 738px;
    z-index: 8;
    top: 50px;
  }
  @media (max-width: 1200px) {
    .pt-block-filter-fix {
      width: 618px;
    }
  }
  @media (max-width: 992px) {
    .pt-block-filter-fix {
      width: 698px;
    }
  }
  @media (max-width: 768px) {
    .pt-block-filter-fix {
      width: 518px;
    }
  }
  @media (max-width: 576px) {
    .pt-block-filter-fix {
      width: 100%;
    }
  }
  
  @media screen and (min-width: 769px) {
    .pt-block-filter .pt-overflow {
      overflow: inherit;
    }
  
    .pt-select-block {
      display: flex;
    }
  
    .pt-select-list {
      display: inline-block;
      margin: 0 16px 0 0;
    }
    .pt-select-list a {
      text-decoration: none;
      color: #B39DDB;
    }
    .pt-select-list a:hover {
      text-decoration: underline;
    }
    .pt-select-list.select-now a:after {
      display: none;
    }
  
    .pt-select-not-responsive {
      position: relative;
    }
    .pt-select-not-responsive .pt-select-list {
      display: none;
    }
    .pt-select-not-responsive .pt-select-list.select-now {
      display: inline-block;
      margin: 0;
    }
    .pt-select-not-responsive .pt-select-list.select-now a:after {
      display: inline-block;
    }
  
    .pt-list-sub-filter > div a:hover {
      text-decoration: underline;
    }
  
    .pt-select-option-list {
      position: absolute;
      z-index: 1020;
      right: 0;
      background: #E9E5F6;
      min-width: 112px;
      max-width: 336px;
      border-radius: 0.25rem;
      box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
      display: flex;
      flex-direction: column;
      white-space: nowrap;
      padding: 8px 0;
    }
    .pt-select-option-list > div {
      font-size: 0.875rem;
      height: 32px;
      line-height: 32px;
      color: rgba(0, 0, 0, 0.87);
      background-color: #E9E5F6;
      -webkit-transition: background-color 0.15s linear;
      -moz-transition: background-color 0.15s linear;
      -o-transition: background-color 0.15s linear;
      -ms-transition: background-color 0.15s linear;
      transition: background-color 0.15s linear;
    }
    .pt-select-option-list > div a {
      color: rgba(0, 0, 0, 0.87);
      text-decoration: none;
      padding: 0 16px;
      width: 100%;
      height: 100%;
      display: inline-block;
    }
    .pt-select-option-list > div:hover {
      background-color: rgba(115, 115, 153, 0.12);
    }
    .pt-select-option-list > div.selected,
    .pt-select-option-list > div.selected a {
      color: #9575CD;
    }
  }
  .pt-explian-filter {
    background: linear-gradient(to right, rgba(45, 42, 73, 0) 0%, #2d2a49 40%);
    position: absolute;
    padding-top: 6px;
    margin-top: -8px;
    right: 11px;
    padding-bottom: 2px;
    padding-right: 8px;
    width: 180px;
    text-align: right;
  }
  .pt-explian-filter #pt-toggle-arrow {
    display: none;
  }
  .pt-explian-filter .filter-inactive {
    color: rgba(233, 229, 246, 0.3);
  }
  
  @media (max-width: 576px) {
    #pt-sub-filter div:last-child {
      padding-right: 67px;
    }
  
    .pt-explian-filter {
      background: linear-gradient(to right, rgba(45, 42, 73, 0) 0%, #2d2a49 40%);
      position: absolute;
      padding-top: 6px;
      margin-top: -8px;
      right: 10px;
      padding-bottom: 2px;
      padding-right: 8px;
      width: 90px;
    }
    .pt-explian-filter #pt-toggle-arrow {
      display: initial;
      position: relative;
      right: 28px;
    }
    .pt-explian-filter .filter-icon {
      opacity: 1;
      position: absolute;
      right: 10px;
    }
    .pt-explian-filter .filter-inactive {
      display: none;
    }
    .pt-explian-filter .filter-inactive.filter-next {
      z-index: 8;
      color: red;
      display: initial;
      opacity: 0;
    }
    .pt-explian-filter .filter-current {
      z-index: 1;
    }
  }
  .pt-explain-open {
    transform: rotate(180deg);
  }
  
  .m-filter-border {
    border-left: 1px solid #B39DDB;
    padding-left: 4px;
  }
  
  /* Scss Document */
  .filter-tag-modal {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.38);
    width: 100%;
    height: 100%;
  }
  
  .wrapper-filter-tag {
    width: 100%;
    background: #193366;
    border-radius: 0;
    overflow: hidden;
    position: relative;
  }
  
  .header-filter-tag-mobile .close-icon {
    font-size: 24px;
    color: rgba(233, 229, 246, 0.6);
    width: 24px;
    height: 24px;
    line-height: 64px;
    position: absolute;
    left: 8px;
  }
  .header-filter-tag-mobile .close-icon a {
    display: inline-block;
    color: rgba(233, 229, 246, 0.6);
    text-decoration: none;
    line-height: 0;
  }
  .header-filter-tag-mobile .header-fliter-tag {
    height: 56px;
    border-bottom: 1px solid #1F1D33;
    background: #353156;
  }
  .header-filter-tag-mobile.header-click-search .header-fliter-tag {
    height: 110px;
  }
  .header-filter-tag-mobile.header-click-search .search-tag {
    display: block;
    padding: 0 16px;
  }
  .header-filter-tag-mobile h5 {
    padding: 0 24px 0 64px;
    line-height: 56px;
    margin: 0;
  }
  .header-filter-tag-mobile .search-icon {
    font-size: 32px;
    color: rgba(233, 229, 246, 0.6);
    width: 32px;
    height: 32px;
    line-height: 56px;
    position: absolute;
    right: 8px;
    top: 0;
  }
  .header-filter-tag-mobile .search-icon a {
    display: inline-block;
    color: rgba(233, 229, 246, 0.6);
    text-decoration: none;
    line-height: 32px;
    width: 32px;
    height: 32px;
    text-align: center;
  }
  
  .header-filter-tag-large-screen {
    display: none;
  }
  .header-filter-tag-large-screen .close-icon {
    font-size: 24px;
    color: rgba(233, 229, 246, 0.6);
    width: 24px;
    height: 24px;
    line-height: 64px;
    position: absolute;
    right: 8px;
  }
  .header-filter-tag-large-screen .close-icon a {
    display: inline-block;
    color: rgba(233, 229, 246, 0.6);
    text-decoration: none;
    line-height: 0;
  }
  .header-filter-tag-large-screen .header-fliter-tag {
    padding: 0 24px;
    height: 64px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    background: #193366;
  }
  .header-filter-tag-large-screen h5 {
    line-height: 56px;
    margin: 0;
  }
  
  .content-fliter-tag {
    height: calc(100vh - 56px - 52px);
    overflow: auto;
    padding: 24px 8px 0;
  }
  .content-fliter-tag.open-search-have-button {
    height: calc(100vh - 110px - 52px);
  }
  .content-fliter-tag.open-search-no-button {
    height: calc(100vh - 110px);
  }
  
  .search-tag {
    display: none;
    position: relative;
  }
  .search-tag input {
    height: 36px;
    border: 2px solid rgba(233, 229, 246, 0.3);
    border-radius: 0.25rem;
    width: 100%;
    background: none;
    padding: 0 12px;
    color: #E9E5F6;
    font-size: 16px;
    -webkit-transition: border-color 0.15s linear;
    -moz-transition: border-color 0.15s linear;
    -o-transition: border-color 0.15s linear;
    -ms-transition: border-color 0.15s linear;
    transition: border-color 0.15s linear;
  }
  .search-tag input::placeholder {
    color: rgba(233, 229, 246, 0.6);
  }
  .search-tag input:focus {
    outline: none;
    border-color: #9575CD;
  }
  .search-tag.with-icon-search {
    display: block;
    padding: 12px 20px;
  }
  .search-tag.with-icon-search input {
    padding: 0 12px 0 40px;
  }
  .search-tag.with-icon-search::before {
    content: '\E8B6';
    color: rgba(233, 229, 246, 0.6);
    display: block;
    position: absolute;
    left: 28px;
    top: 18px;
    width: 24px;
    height: 24px;
  }
  
  .list-filter-tag {
    padding: 0 16px;
  }
  
  .row-list-tag {
    display: flex;
    justify-content: space-between;
    margin: 0 0 16px 0;
  }
  
  .filter-tag-item {
    max-width: 207px;
    background: #172C5A;
    border: 1px solid #42649D;
    height: 24px;
    color: rgba(233, 229, 246, 0.6);
    font-size: 0.75rem;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: background-color 0.15s linear;
    -moz-transition: background-color 0.15s linear;
    -o-transition: background-color 0.15s linear;
    -ms-transition: background-color 0.15s linear;
    transition: background-color 0.15s linear;
  }
  .filter-tag-item a {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: rgba(233, 229, 246, 0.6);
    padding: 0 12px;
    -webkit-transition: color 0.15s linear;
    -moz-transition: color 0.15s linear;
    -o-transition: color 0.15s linear;
    -ms-transition: color 0.15s linear;
    transition: color 0.15s linear;
  }
  .filter-tag-item:hover {
    background: #1C3973;
    color: #E9E5F6;
  }
  .filter-tag-item:hover a {
    color: #E9E5F6;
  }
  
  .filter-tag-status {
    font-size: 0.875rem;
    font-weight: 500;
    align-self: flex-end;
    padding: 0 0 4px 0;
  }
  
  .tag-normal {
    color: rgba(233, 229, 246, 0.6);
  }
  .tag-normal a {
    color: rgba(233, 229, 246, 0.6);
    text-decoration: none;
  }
  
  .tag-hide {
    color: rgba(233, 229, 246, 0.3);
  }
  .tag-hide a {
    color: rgba(233, 229, 246, 0.3);
    text-decoration: none;
  }
  
  .tag-hightlight {
    color: #E9E5F6;
  }
  .tag-hightlight a {
    color: #E9E5F6;
    text-decoration: none;
  }
  
  .button-fliter-tag {
    display: flex;
    justify-content: flex-end;
    background: #193366;
    padding: 8px 0 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
  }
  
  .btn-complete-search {
    position: absolute;
    right: 0;
    top: 10px;
  }
  .btn-complete-search a {
    color: #9575CD;
  }
  
  @media screen and (min-width: 768px) {
    .filter-tag-modal {
      display: flex;
      justify-content: center;
      align-items: center;
    }
  
    .wrapper-filter-tag {
      max-width: 350px;
      background: #193366;
      box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
      border-radius: 0.25rem;
    }
  
    .content-fliter-tag {
      height: 40vh;
      padding: 16px 8px 0;
    }
    .content-fliter-tag.open-search-have-button {
      height: 40vh;
    }
    .content-fliter-tag.open-search-no-button {
      height: 40vh;
    }
  
    .header-filter-tag-mobile {
      display: none;
    }
  
    .header-filter-tag-large-screen {
      display: block;
    }
  
    .search-tag {
      display: block;
      padding: 12px 20px;
    }
  }
  .pt-login-logo {
    display: block;
    margin: auto;
    width: 40%;
  }
  
  .pt-register-form.pt-dialog__content {
    max-width: 460px;
    max-height: none !important;
  }
  .pt-register-form .pt-register-header {
    position: relative;
  }
  .pt-register-form .pt-register-header i {
    position: absolute;
    right: -8px;
    top: -4px;
  }
  .pt-register-form > .pt-input-text {
    width: 100%;
    line-height: 20px;
  }
  
  .pt-dialog__box .pt-login-option {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
  }
  .pt-dialog__box .pt-login-option > a {
    text-decoration: none;
  }
  .pt-dialog__box .pt-login-option > a:hover {
    text-decoration: underline;
  }
  .pt-dialog__box .pt-register-option {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .pt-dialog__box .pt-dialog__content.pt-wrapper-mobile_nav {
    max-height: none;
  }
  
  .pt-text-dvider {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .pt-text-dvider span {
    margin: 0 12px;
  }
  .pt-text-dvider:before, .pt-text-dvider:after {
    content: "";
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    width: 100%;
    display: block;
    position: relative;
  }
  
  .btn-facebook > i.pantip-icons, .btn-google > i.pantip-icons, .btn-line > i.pantip-icons, .btn-apple > i.pantip-icons, .btn-email > i.pantip-icons, .btn-phone > i.pantip-icons {
    position: absolute;
    left: 0;
    top: 0;
    padding: 17px;
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px;
    background-repeat: no-repeat;
    background-position: center;
  }
  .btn-facebook > .pt-ic-facebook-f, .btn-google > .pt-ic-facebook-f, .btn-line > .pt-ic-facebook-f, .btn-apple > .pt-ic-facebook-f, .btn-email > .pt-ic-facebook-f, .btn-phone > .pt-ic-facebook-f {
    background-color: #334D8A;
  }
  
  .btn-facebook {
    background-color: #1877F2;
  }
  
  .btn-google {
    background-color: #FFFFFF;
  }
  
  .btn-apple {
    background-color: #FAFAFA;
  }
  
  .btn-line {
    background-color: #00B900;
  }
  
  .pt-block-form > form {
    background: #2D2A49;
  }
  @media (max-width: 768px) {
    .pt-block-form > form {
      background: none;
    }
  }
  
  .pt-login-logo {
    width: auto;
    height: 30px;
    opacity: 0;
  }
  
  .pt-login-beta {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto;
  }
  
  .pt-register-block {
    align-content: center;
    padding: 12px;
    max-width: 960px;
  }
  
  .pt-login-switcher {
    width: 100%;
    position: relative;
  }
  
  .pt-social-login-beta {
    justify-content: center;
    align-items: center;
    margin: auto;
  }
  
  .pt-text-dvider {
    margin: auto;
  }
  
  .pt-text-dvider-ver {
    align-items: center;
  }
  
  .pt-register-option {
    width: 100%;
  }
  
  .pt-login-option {
    text-align: right;
  }
  
  .pt-login-privacy {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
  }
  
  .pt-text-dvider-ver::before, .pt-text-dvider-ver::after {
    content: "";
    border-left: 1px solid rgba(255, 255, 255, 0.12);
    height: 100%;
    margin: 12px;
    display: block;
    position: relative;
  }
  
  .form-login {
    margin: 0;
  }
  
  .pantip-form .select.input.flexbox .pt-input-with-code {
    padding-left: 8px;
  }
  
  @media (max-width: 992px) {
    .pt-register-block {
      flex-direction: column;
      padding: 12px;
    }
  }
  @media (max-width: 768px) {
    .pt-login-logo {
      opacity: 1;
      height: auto;
      width: 30%;
    }
  }
  @media (max-width: 576px) {
    .pt-login-logo {
      width: 50%;
    }
  
    .pt-login-privacy {
      padding-left: 22px;
      padding-right: 22px;
    }
  
    .pt-register-new {
      text-align: center;
    }
  }
  .pt-toys {
    max-height: 40vh;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .pt-toys.with_right-icon {
    width: calc(100% - 36px);
  }
  
  .pt-toys-gallery {
    position: relative;
    width: 100%;
    background: #2D2A49;
    padding: 16px;
    overflow-y: auto;
    min-height: 20vh;
  }
  .pt-toys-gallery .pt-toys-item {
    max-width: 77px;
    width: 25%;
    margin: 6px;
  }
  
  img.img-emotion-item {
    max-width: 120px;
    margin: 0;
  }
  
  .pt-image-toys-item__img.img-thumbnail {
    transition: all 0s ease-in-out;
    -webkit-transition: filter 0.15s ease-in-out;
    transition: filter 0.15s ease-in-out;
    -o-transition: filter 0.15s ease-in-out;
    -moz-transition: filter 0.15s ease-in-out;
  }
  .pt-image-toys-item__img.img-thumbnail.img-ratio--4by3::before {
    padding-top: 78%;
  }
  .pt-image-toys-item__img.img-thumbnail:hover {
    -webkit-filter: brightness(88%);
    filter: brightness(88%);
  }
  .pt-image-toys-item__img.img-thumbnail:active {
    -webkit-filter: brightness(65%);
    filter: brightness(65%);
  }
  
  #pantipCategory, #pantipOther {
    display: none;
  }
  
  .container.pt-beta-container {
    max-width: 1140px;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    margin-right: auto;
    margin-left: auto;
  }
  @media (max-width: 1200px) {
    .container.pt-beta-container {
      max-width: 1140px;
    }
  }
  @media (max-width: 992px) {
    .container.pt-beta-container {
      max-width: 960px;
    }
  }
  @media (max-width: 768px) {
    .container.pt-beta-container {
      max-width: 720px;
    }
  }
  @media (max-width: 576px) {
    .container.pt-beta-container {
      max-width: 540px;
    }
  }
  
  .container-main {
    position: relative;
    margin-top: 50px;
  }
  .container-main .container {
    padding-left: 30px;
    padding-right: 30px;
  }
  @media (max-width: 768px) {
    .container-main .container {
      padding-left: 0;
      padding-right: 0;
    }
  }
  @media (max-width: 768px) {
    .container-main {
      margin-top: 106px;
    }
    .container-main.with-search_filter {
      margin-top: 166px;
    }
  }
  .container-main.with-sidenav {
    padding-left: 73px;
  }
  .container-main.with-sidenav.with-sidenav-show {
    padding-left: 240px;
  }
  
  .pt-doodle-normal {
    background-repeat: repeat-x;
    background-position: center center;
    height: 188px;
    max-height: 188px;
    display: block;
    border-top: solid 1px #2D2A49;
  }
  
  .pt-l-doodle img {
    width: 100%;
    height: auto;
  }
  
  .pt-beta-navigation {
    height: auto;
    padding-top: 0;
    top: 0;
    background: #2D2A49;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
    position: fixed;
    width: 100%;
    z-index: 1000;
    border-bottom: 1px solid #1F1D33;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  
  .pt-beta-nav-bar {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    padding: 0;
    list-style: none;
    border: 1px solid #1F1D33;
    border-right: none;
    border-bottom: none;
    font-size: 14px;
    background-color: #2D2A49;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    margin: auto;
    z-index: 1000;
  }
  .pt-beta-nav-bar > ul {
    padding: 0;
    margin: 0;
  }
  .pt-beta-nav-bar > ul a {
    position: relative;
    color: rgba(233, 229, 246, 0.87);
  }
  .pt-beta-nav-bar > ul i {
    pointer-events: none;
  }
  .pt-beta-nav-bar > ul li {
    padding: 0 16px 0 16px;
    list-style: none;
    line-height: 48px;
    height: 48px;
    color: rgba(233, 229, 246, 0.87);
    cursor: pointer;
  }
  .pt-beta-nav-bar > ul li img {
    width: 40px;
  }
  .pt-beta-nav-bar > ul li:nth-child(2), .pt-beta-nav-bar > ul li:nth-child(5) {
    cursor: pointer;
  }
  .pt-beta-nav-bar > ul li:hover {
    background-color: #44416F;
  }
  .pt-beta-nav-bar .pt-beta-search-nav {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    max-width: 640px;
  }
  @media (max-width: 992px) {
    .pt-beta-nav-bar .pt-beta-search-nav {
      margin: 0;
    }
  }
  @media (max-width: 576px) {
    .pt-beta-nav-bar .pt-beta-search-nav {
      display: none;
    }
  }
  .pt-beta-nav-bar .pt-beta-search-nav .search-box {
    background-color: #44416F;
    border: 1px solid #1F1D33;
    border-radius: 0.125rem;
    height: 30px;
    width: calc(100% - 24px);
    margin: auto;
    color: rgba(233, 229, 246, 0.87);
    text-indent: 12px;
    padding-right: 32px;
  }
  .pt-beta-nav-bar .pt-beta-search-nav .search-box::placeholder {
    color: rgba(233, 229, 246, 0.87);
    text-indent: 12px;
  }
  .pt-beta-nav-bar .pt-beta-search-nav i {
    position: absolute;
    right: 20px;
    top: 16px;
    cursor: pointer;
    color: rgba(233, 229, 246, 0.87);
  }
  .pt-beta-nav-bar .pt-beta-right-nav li {
    position: relative;
    cursor: pointer;
  }
  .pt-beta-nav-bar .pt-beta-right-nav .pt-user__avatar {
    padding: 0 12px;
    cursor: pointer;
  }
  .pt-beta-nav-bar .pt-beta-right-nav .pt-user__avatar img {
    max-width: 32px;
    border-radius: 50%;
    cursor: pointer;
    pointer-events: none;
  }
  @media (max-width: 372px) {
    .pt-beta-nav-bar .pt-beta-right-nav .pt-user__avatar img {
      display: inline-block;
    }
  }
  .pt-beta-nav-bar .pt-beta-right-nav a {
    text-decoration: none;
  }
  
  .pt-beta-left-nav {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  
  .pt-beta-right-nav {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  
  .pt-tab__badge {
    position: absolute;
    right: 6px;
    top: 6px;
    color: #FFFFFF;
    background-color: #F44336;
    font-style: normal;
    font-weight: normal;
    font-size: 0.625rem;
    display: block;
    width: 6px;
    height: 6px;
    min-width: 6px;
    min-height: 6px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    margin-left: auto;
    margin-top: 2px;
    border-radius: 50%;
  }
  
  .pt-search__contaner {
    width: calc(100% - 26px);
    min-width: 288px;
    max-width: auto;
    margin: 0 12px;
    position: absolute;
    top: 39px;
    left: 0;
    right: 0;
  }
  
  .pt-search_result {
    padding-top: 49px;
  }
  
  .pt-beta-sidenav {
    width: 100%;
    height: calc(100vh - 97px);
    overflow-y: auto;
    overflow-x: hidden;
  }
  .pt-beta-sidenav::after {
    content: '';
    display: block;
    height: 40px;
  }
  .pt-beta-sidenav .pt-lists.pt-lists-dense > .pt-lists-item {
    padding-left: 2px;
  }
  .pt-beta-sidenav.pt-side-search {
    height: 100vh;
  }
  
  .pt-sidenav-social {
    width: inherit;
    bottom: 0;
    right: 0;
    background-color: #2D2A49;
    border-top: solid 1px rgba(0, 0, 0, 0.12);
    padding: 8px 16px;
    transform: translateX(100%);
    transition: transform 0.33s cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.33s;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .pt-sidenav-social i {
    opacity: .7;
    -webkit-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
    -o-transition: opacity 0.15s ease-in-out;
    -moz-transition: opacity 0.15s ease-in-out;
  }
  .pt-sidenav-social i:hover {
    opacity: 1;
  }
  .pt-sidenav-social.pt-sidenav-social-fixed {
    position: fixed;
    transform: translateX(0);
  }
  
  .sidebar-footer .sidebar-bottom {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: baseline;
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    align-items: baseline;
  }
  .sidebar-footer .sidebar-bottom a {
    border-left: solid 1px rgba(255, 255, 255, 0.12);
    padding-left: 8px;
    margin-left: 8px;
  }
  .sidebar-footer .sidebar-bottom a:first-child {
    border-left: none;
    padding-left: 0;
    margin-left: 0;
  }
  .sidebar-footer .sidebar-follow {
    margin-bottom: 16px;
  }
  .sidebar-footer .sidebar-follow .twitter-follow-button {
    margin-bottom: -2px;
  }
  
  .pt-copyright {
    font-size: 0.75rem;
    color: rgba(233, 229, 246, 0.6);
    background-color: #353156;
    padding: 18px 16px;
    position: absolute;
    top: -49px;
    left: 0;
    width: 100%;
  }
  
  .pt-xxl-hide {
    display: none;
  }
  
  @media (max-width: 992px) {
    .pt-lg-nav {
      display: block;
    }
  
    .pt-lg-hide {
      display: none;
    }
  
    .pt-nav-bar .pt-beta-search-nav {
      margin: 0;
    }
  
    .pt-beta-left-nav {
      width: auto;
    }
  }
  @media (max-width: 768px) {
    .pt-md-nav {
      display: block;
    }
  
    .pt-md-hide {
      display: none;
    }
  
    .pt-beta-left-nav {
      width: auto;
    }
    .pt-beta-left-nav li:last-child {
      position: static;
    }
  }
  @media (max-width: 576px) {
    .pt-sm-nav {
      display: block;
    }
  
    .pt-sm-hide {
      display: none;
    }
  
    .pt-sidenav {
      width: 100%;
    }
  
    .pt-sidenav-social {
      width: inherit;
    }
  }
  .pt-wrapper-sidenav-beta {
    position: fixed;
    height: calc(100vh - 48px);
    top: 48px;
    left: 0;
    width: 240px;
    max-width: 240px;
    display: block;
    overflow-x: hidden;
    z-index: 990;
    background-color: #353156;
    border-right: solid 1px #2D2A49;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
    transform: translateX(0);
  }
  @media (max-width: 1200px) {
    .pt-wrapper-sidenav-beta {
      transform: translateX(-100%);
    }
  }
  .pt-wrapper-sidenav-beta.pt-wrapper-sidenav-show {
    transform: translateX(0);
  }
  .pt-wrapper-sidenav-beta.pt-wrapper-sidenav-close {
    transform: translateX(-100%);
  }
  .pt-wrapper-sidenav-beta.pt-wrapper-sidesearch {
    height: 100vh;
  }
  
  @media (max-width: 768px) {
    .pt-wrapper-sidenav-beta {
      height: calc(100vh - 49px);
      width: 280px;
      max-width: 280px;
      overflow-y: auto;
      top: 49px;
      right: 0;
    }
  }
  @media (max-width: 576px) {
    .pt-wrapper-sidenav-beta {
      height: calc(100vh - 49px);
      width: 280px;
      max-width: 280px;
      overflow-y: auto;
      top: 49px;
      right: 0;
    }
  }
  .pt-wrapper-sidenav-mini-beta {
    position: fixed;
    height: calc(100vh - 48px);
    top: 48px;
    left: 0;
    width: 73px;
    max-width: 73px;
    display: block;
    overflow-x: hidden;
    z-index: 980;
    background-color: #353156;
    border-right: solid 1px #1F1D33;
    border-top: solid 1px #1F1D33;
    transform: translateX(0);
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.35s;
  }
  .pt-wrapper-sidenav-mini-beta ul.pt-lists.pt-lists-gallery--icon-list.pt-lists-dense {
    padding-top: 0;
  }
  
  .pt-fixed-line {
    position: absolute;
    top: calc((100% - 100vh) + 80px);
    line-height: 1;
  }
  .pt-fixed-line.pt-fixed-line-top {
    top: 0;
  }
  
  .pt-col-fixed-sidebar {
    position: fixed;
    bottom: calc((100% - 100vh) + 80px);
    max-width: 360px;
    width: 360px;
    left: 50%;
    margin-left: 200px;
  }
  .pt-col-fixed-sidebar.pt-col-fixed-top {
    bottom: auto;
    top: 60px;
  }
  
  @media (max-width: 1200px) {
    .pt-col-fixed-sidebar {
      width: 300px;
      margin-left: 170px;
    }
  }
  .container-main.with-sidenav ~ .footer {
    padding-left: 73px;
  }
  
  .container-main.with-sidenav.with-sidenav-show ~ .footer {
    padding-left: 240px;
  }
  
  @media (max-width: 1200px) {
    .container-main {
      padding-left: 0;
      padding-right: 0;
      position: relative;
    }
  
    .footer {
      padding-left: 0;
      padding-right: 0;
    }
  }
  @media (max-width: 1200px) {
    .container-main.with-sidenav,
    .container-main.with-sidenav.with-sidenav,
    .container-main.with-sidenav ~ .footer,
    .container-main.with-sidenav.with-sidenav-show ~ .footer {
      padding-left: 73px;
    }
  }
  @media (max-width: 992px) {
    .container-main.with-sidenav,
    .container-main.with-sidenav.with-sidenav,
    .container-main.with-sidenav ~ .footer,
    .container-main.with-sidenav.with-sidenav-show ~ .footer {
      padding-left: 73px;
    }
  }
  @media (max-width: 768px) {
    .container-main.with-sidenav,
    .container-main.with-sidenav.with-sidenav,
    .container-main.with-sidenav ~ .footer,
    .container-main.with-sidenav.with-sidenav-show ~ .footer {
      padding-left: 0;
    }
  }
  @media (max-width: 576px) {
    .container-main.with-sidenav,
    .container-main.with-sidenav.with-sidenav,
    .container-main.with-sidenav ~ .footer,
    .container-main.with-sidenav.with-sidenav-show ~ .footer {
      padding-left: 0;
    }
  }
  @media (max-width: 476px) {
    .footer a.footer__textlink {
      border-left: none;
      padding-left: 0;
      margin: 0 8px;
      display: block;
      white-space: nowrap;
    }
    .footer a.footer__textlink:first-child {
      border-left: none;
      padding-left: 0;
      margin: 2px 8px;
    }
  }
  .pt-tab-navigation.pt-top-tab-navigation {
    position: fixed;
    top: 50px;
    left: 0;
    z-index: 990;
    width: 100%;
  }
  
  .pt-tab-nav-bar {
    background: #2D2A49;
    padding-right: 50px;
    min-height: 56px;
    height: 56px;
    border-bottom: 1px solid #1F1D33;
  }
  .pt-tab-nav-bar.full-feature {
    padding-right: 0;
  }
  .pt-tab-nav-bar.explained {
    height: auto;
    padding-right: 0;
  }
  
  .pt-tab-list-header {
    display: none;
  }
  .pt-tab-list-header.explained {
    color: rgba(233, 229, 246, 0.6);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 56px;
    align-items: center;
    padding: 0 20px;
    border-bottom: 1px solid rgba(233, 229, 246, 0.08);
    width: 100%;
  }
  
  .pt-tab-nav-search_result {
    background: #2D2A49;
  }
  
  .pt-tab-top-search {
    display: none;
    background: #2D2A49;
  }
  .pt-tab-top-search.explained {
    color: rgba(233, 229, 246, 0.6);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: auto;
    max-height: 60vh;
    border-bottom: 1px solid rgba(233, 229, 246, 0.08);
    width: 100%;
    overflow: hidden;
  }
  
  .pt-tab-nav-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    padding: 0 8px;
    scroll-snap-type: x mandatory;
  }
  .pt-tab-nav-item.pt-tab-nav-item-search.explained {
    width: 100%;
    padding: 0 8px;
    margin-right: 50px;
    flex-wrap: nowrap;
  }
  .pt-tab-nav-item.pt-tab-nav-item-search.explained a div {
    margin-left: 4px;
    margin-bottom: 0;
  }
  .pt-tab-nav-item.pt-tab-nav-item-search.explained a:first-child div {
    margin-left: 4px;
  }
  .pt-tab-nav-item.pt-tab-nav-item-search.explained a:last-child div {
    margin-right: 36px;
  }
  .pt-tab-nav-item.explained {
    width: 100%;
    padding: 16px 16px 8px;
    flex-wrap: wrap;
  }
  .pt-tab-nav-item.explained a div {
    margin-left: 0;
    margin-bottom: 8px;
  }
  .pt-tab-nav-item.explained a:first-child div {
    margin-left: 0;
  }
  .pt-tab-nav-item.explained a:last-child div {
    margin-right: 4px;
  }
  .pt-tab-nav-item a:first-child div {
    margin-left: 4px;
  }
  .pt-tab-nav-item a:last-child div {
    margin-right: 36px;
  }
  .pt-tab-nav-item a {
    scroll-snap-align: start;
    text-decoration: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .pt-tab-nav-item a div {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 0.875rem;
    color: rgba(233, 229, 246, 0.6);
    margin: 0 4px;
    white-space: nowrap;
    line-height: 1.5;
    background: #44416F;
    padding: 0 12px;
    height: 36px;
    border-radius: 18px;
    align-items: center;
  }
  .pt-tab-nav-item a div.pt-tab-nav-selected {
    box-shadow: inset 0px 0px 0px 3px #9575CD;
    color: rgba(233, 229, 246, 0.87);
  }
  .pt-tab-nav-item a div.pt-tab-nav-active {
    background: #9575CD;
    color: #FFFFFF;
  }
  .pt-tab-nav-item a div.pt-tab-nav-active i {
    transform: rotate(180deg);
  }
  .pt-tab-nav-item a div:hover {
    background: #9575CD;
    color: #FFFFFF;
  }
  .pt-tab-nav-item a div:active {
    background: #9575CD;
  }
  .pt-tab-nav-item a div:focus {
    background: #9575CD;
  }
  .pt-tab-nav-item a div:visited {
    background: #44416F;
  }
  .pt-tab-nav-item a div:link {
    background: #44416F;
  }
  
  .pt-explian-arrow {
    background: linear-gradient(to right, rgba(45, 42, 73, 0) 0%, #2d2a49 25%, #2d2a49 100%);
    position: absolute;
    right: 0;
    padding-right: 16px;
    padding-left: 32px;
    text-align: right;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
  }
  .pt-explian-arrow.explained {
    height: 55px;
  }
  .pt-explian-arrow.explained i {
    transform: rotate(180deg);
  }
  
  .pt-overflow {
    overflow: auto;
  }
  
  .pt-explain-open {
    transform: rotate(180deg);
  }
  
  .m-filter-border {
    border-left: 1px solid #B39DDB;
    padding-left: 4px;
  }
  
  .pt-category-beta {
    top: 49px;
    right: 16px;
    position: fixed;
    z-index: 1000;
    width: 90%;
    max-width: 1006px;
    box-shadow: 0px 8px 8px -2px rgba(0, 0, 0, 0.41);
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.24);
  }
  @media (max-width: 992px) {
    .pt-category-beta {
      width: 100%;
      max-width: 650px;
    }
  }
  @media (max-width: 768px) {
    .pt-category-beta {
      max-width: none;
      height: calc(60% - 37px);
    }
  }
  @media (max-width: 576px) {
    .pt-category-beta {
      top: 0;
      max-width: none;
      height: 100%;
    }
  }
  .pt-category-beta .pt-tabs-a .pt-tab-fix {
    display: none;
  }
  @media (max-width: 576px) {
    .pt-category-beta .pt-tabs-a .pt-tab-fix {
      display: block;
    }
  }
  .pt-category-beta .pt-tabs-a .pt-tab-fix .pt-beta-category-header {
    text-align: left;
    align-content: center;
    align-items: center;
    color: rgba(233, 229, 246, 0.87);
    box-shadow: inset 0px -1px #1F1D33;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .pt-category-beta .pt-tabs-a .pt-tab-fix .pt-beta-category-header i {
    padding: 0 8px;
  }
  .pt-category-beta .pt-tabs-a .pt-tab-fix .pt-beta-category-header span {
    padding: 0 16px;
    margin-left: 8px;
  }
  .pt-category-beta .pt-tabs-a .pt-tab__content {
    padding-top: 0;
  }
  @media (max-width: 576px) {
    .pt-category-beta .pt-tabs-a .pt-tab__content {
      padding-top: 46px;
    }
  }
  
  @media (max-width: 768px) {
    .pt-forum-container .pt-forum-list.beta-category {
      width: 25%;
    }
  }
  @media (max-width: 576px) {
    .pt-forum-container .pt-forum-list.beta-category {
      width: 50%;
    }
  }
  
  .pt-beta-navigation-bottom {
    position: fixed;
    bottom: 0;
    background: #2D2A49;
    width: 100%;
    min-width: 320px;
    height: 57px;
    z-index: 980;
    border-top: 1px solid #1F1D33;
  }
  .pt-beta-navigation-bottom ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    list-style: none;
    padding: 0;
    height: 57px;
  }
  .pt-beta-navigation-bottom ul li {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 20%;
    align-items: center;
    align-content: center;
    justify-content: center;
  }
  .pt-beta-navigation-bottom ul li .pt-nav__badge {
    right: 12px;
    top: 6px;
  }
  
  /* Toggle */
  .read-more-state {
    display: none;
  }
  
  .read-more-target {
    opacity: 0;
    max-height: 0;
    height: 0;
    overflow: hidden;
    -moz-transition: 1s ease;
    -webkit-transition: 1s ease;
    -o-transition: 1s ease;
    transition: 1s ease;
  }
  
  .read-more-state:checked ~ .read-more-target {
    opacity: 1;
    height: auto;
    overflow: auto;
    max-height: 999em;
  }
  
  .read-more-state ~ div .read-more-trigger:before {
    content: '\0E14\0E39\0E40\0E1E\0E34\0E48\0E21\0E40\0E15\0E34\0E21';
  }
  
  .read-more-state:checked ~ div .read-more-trigger:before {
    content: '\0E14\0E39\0E19\0E49\0E2D\0E22\0E25\0E07';
  }
  
  .read-more-trigger {
    cursor: pointer;
    display: inline-block;
    color: rgba(233, 229, 246, 0.3);
    line-height: 2;
  }
  
  .pt-xs-ads-show, .pt-sm-ads-show, .pt-md-ads-show, .pt-lg-ads-show, .pt-xl-ads-show, .pt-xxl-ads-show {
    display: none;
  }
  
  @media (min-width: 1391px) {
    .pt-xxl-ads-show {
      display: block;
    }
  
    .pt-xl-ads-show, .pt-xs-ads-show, .pt-sm-ads-show, .pt-md-ads-show, .pt-lg-ads-show {
      display: none;
    }
  }
  @media (min-width: 1201px) {
    .pt-xxl-ads-show {
      display: block;
    }
  
    .pt-xs-ads-show, .pt-sm-ads-show, .pt-md-ads-show, .pt-lg-ads-show, .pt-xl-ads-show {
      display: none;
    }
  }
  @media (max-width: 1200px) {
    .pt-xl-ads-show {
      display: block;
    }
  
    .pt-xs-ads-show, .pt-sm-ads-show, .pt-md-ads-show, .pt-lg-ads-show, .pt-xxl-ads-show {
      display: none;
    }
  }
  @media (max-width: 992px) {
    .pt-lg-ads-show {
      display: block;
    }
  
    .pt-xs-ads-show, .pt-sm-ads-show, .pt-md-ads-show, .pt-xl-ads-show, .pt-xxl-ads-show {
      display: none;
    }
  }
  @media (max-width: 768px) {
    .pt-md-ads-show {
      display: block;
    }
  
    .pt-xs-ads-show, .pt-sm-ads-show, .pt-lg-ads-show, .pt-xl-ads-show, .pt-xxl-ads-show {
      display: none;
    }
  }
  @media (max-width: 576px) {
    .pt-sm-ads-show {
      display: block;
    }
  
    .pt-xs-ads-show, .pt-md-ads-show, .pt-lg-ads-show, .pt-xl-ads-show, .pt-xxl-ads-show {
      display: none;
    }
  }
  @media (max-width: 372px) {
    .pt-xs-ads-show {
      display: block;
    }
  
    .pt-sm-ads-show, .pt-md-ads-show, .pt-lg-ads-show, .pt-xl-ads-show {
      display: none;
    }
  }
  .pt-xs-toggle-hide, .pt-sm-toggle-hide, .pt-md-toggle-hide, .pt-lg-toggle-hide, .pt-xl-toggle-hide, .pt-xxl-toggle-hide {
    display: none !important;
  }
  .pt-xs-toggle-hide.ads_with_iframe, .pt-sm-toggle-hide.ads_with_iframe, .pt-md-toggle-hide.ads_with_iframe, .pt-lg-toggle-hide.ads_with_iframe, .pt-xl-toggle-hide.ads_with_iframe, .pt-xxl-toggle-hide.ads_with_iframe {
    display: flex;
  }
  
  @media (max-width: 372px) {
    .pt-xs-toggle-hide {
      display: block !important;
    }
    .pt-xs-toggle-hide.ads_with_iframe {
      display: flex !important;
    }
  }
  @media (max-width: 576px) {
    .pt-sm-toggle-hide {
      display: block !important;
    }
    .pt-sm-toggle-hide.ads_with_iframe {
      display: flex !important;
    }
  }
  @media (max-width: 768px) {
    .pt-md-toggle-hide {
      display: block !important;
    }
    .pt-md-toggle-hide.ads_with_iframe {
      display: flex !important;
    }
  }
  @media (max-width: 992px) {
    .pt-lg-toggle-hide {
      display: block !important;
    }
    .pt-lg-toggle-hide.ads_with_iframe {
      display: flex !important;
    }
  }
  @media (max-width: 1200px) {
    .pt-xl-toggle-hide {
      display: block !important;
    }
    .pt-xl-toggle-hide.ads_with_iframe {
      display: flex !important;
    }
  }
  @media (max-width: 1390px) {
    .pt-xxl-toggle-hide {
      display: block !important;
    }
    .pt-xxl-toggle-hide.ads_with_iframe {
      display: flex;
    }
  }
  .pt-xs-toggle-show, .pt-sm-toggle-show, .pt-md-toggle-show, .pt-lg-toggle-show, .pt-xl-toggle-show, .pt-xxl-toggle-show {
    display: block;
  }
  .pt-xs-toggle-show.ads_with_iframe, .pt-sm-toggle-show.ads_with_iframe, .pt-md-toggle-show.ads_with_iframe, .pt-lg-toggle-show.ads_with_iframe, .pt-xl-toggle-show.ads_with_iframe, .pt-xxl-toggle-show.ads_with_iframe {
    display: flex;
  }
  
  @media (max-width: 372px) {
    .pt-xs-toggle-show {
      display: none;
    }
    .pt-xs-toggle-show.ads_with_iframe {
      display: none;
    }
  }
  @media (max-width: 576px) {
    .pt-sm-toggle-show {
      display: none;
    }
    .pt-sm-toggle-show.ads_with_iframe {
      display: none;
    }
  }
  @media (max-width: 768px) {
    .pt-md-toggle-show {
      display: none;
    }
    .pt-md-toggle-show.ads_with_iframe {
      display: none;
    }
  }
  @media (max-width: 992px) {
    .pt-lg-toggle-show {
      display: none;
    }
    .pt-lg-toggle-show.ads_with_iframe {
      display: none;
    }
  }
  @media (max-width: 1200px) {
    .pt-xl-toggle-show {
      display: none;
    }
    .pt-xl-toggle-show.ads_with_iframe {
      display: none;
    }
  }
  @media (max-width: 1390px) {
    .pt-xxl-toggle-show {
      display: none;
    }
    .pt-xxl-toggle-show.ads_with_iframe {
      display: none;
    }
  }
  /* Scss Document */
  .pt-bg-get_point {
    background: #193366;
  }
  
  .pt-content_daily_map {
    position: relative;
  }
  
  .pt-get-point-complete {
    position: absolute;
    width: 35%;
    height: 20%;
    left: 3%;
    bottom: 15%;
  }
  .pt-get-point-complete .get-point-complete {
    position: absolute;
    top: 0;
    left: 0;
  }
  .pt-get-point-complete .back-to-pantippoint {
    position: absolute;
    top: 50px;
    left: 18px;
  }
  .pt-get-point-complete .back-to-pantippoint a {
    font-size: 0.75rem;
  }
  
  .pt-daily_day1,
  .pt-daily_day2,
  .pt-daily_day3,
  .pt-daily_day4,
  .pt-daily_day5,
  .pt-daily_day6,
  .pt-daily_day7 {
    display: none;
    width: 25%;
    position: absolute;
  }
  .pt-daily_day1.pienActive,
  .pt-daily_day2.pienActive,
  .pt-daily_day3.pienActive,
  .pt-daily_day4.pienActive,
  .pt-daily_day5.pienActive,
  .pt-daily_day6.pienActive,
  .pt-daily_day7.pienActive {
    display: block;
  }
  .pt-daily_day1 .nongpien,
  .pt-daily_day2 .nongpien,
  .pt-daily_day3 .nongpien,
  .pt-daily_day4 .nongpien,
  .pt-daily_day5 .nongpien,
  .pt-daily_day6 .nongpien,
  .pt-daily_day7 .nongpien {
    position: absolute;
    z-index: 100;
    width: 95%;
  }
  .pt-daily_day1 .pp_cloud,
  .pt-daily_day2 .pp_cloud,
  .pt-daily_day3 .pp_cloud,
  .pt-daily_day4 .pp_cloud,
  .pt-daily_day5 .pp_cloud,
  .pt-daily_day6 .pp_cloud,
  .pt-daily_day7 .pp_cloud {
    position: absolute;
    z-index: 99;
    width: 95%;
    bottom: 30%;
    right: 12%;
  }
  
  .pt-daily_day1 {
    top: 48%;
    left: 80%;
  }
  
  .pt-daily_day2 {
    top: 70%;
    left: 54%;
  }
  
  .pt-daily_day3 {
    top: 54%;
    left: 32%;
  }
  
  .pt-daily_day4 {
    top: 33%;
    left: 64%;
  }
  
  .pt-daily_day5 {
    top: 4%;
    left: 68%;
  }
  
  .pt-daily_day6 {
    top: 16%;
    left: 33%;
  }
  
  .pt-daily_day7 {
    top: -3%;
    left: 10%;
  }
  
  .pt-space_day1,
  .pt-space_day2,
  .pt-space_day3,
  .pt-space_day4,
  .pt-space_day5,
  .pt-space_day6,
  .pt-space_day7 {
    display: none;
    width: 25%;
    position: absolute;
  }
  .pt-space_day1.pienActive,
  .pt-space_day2.pienActive,
  .pt-space_day3.pienActive,
  .pt-space_day4.pienActive,
  .pt-space_day5.pienActive,
  .pt-space_day6.pienActive,
  .pt-space_day7.pienActive {
    display: block;
  }
  .pt-space_day1 .nongpien,
  .pt-space_day2 .nongpien,
  .pt-space_day3 .nongpien,
  .pt-space_day4 .nongpien,
  .pt-space_day5 .nongpien,
  .pt-space_day6 .nongpien,
  .pt-space_day7 .nongpien {
    position: absolute;
    z-index: 100;
    width: 95%;
  }
  .pt-space_day1 .pp_cloud,
  .pt-space_day2 .pp_cloud,
  .pt-space_day3 .pp_cloud,
  .pt-space_day4 .pp_cloud,
  .pt-space_day5 .pp_cloud,
  .pt-space_day6 .pp_cloud,
  .pt-space_day7 .pp_cloud {
    position: absolute;
    z-index: 99;
    width: 95%;
    bottom: 30%;
    right: 12%;
  }
  
  .pt-space_day1 {
    top: 44%;
    left: 79%;
  }
  
  .pt-space_day2 {
    top: 68%;
    left: 56%;
  }
  
  .pt-space_day3 {
    top: 48%;
    left: 32%;
  }
  
  .pt-space_day4 {
    top: 30%;
    left: 65%;
  }
  
  .pt-space_day5 {
    top: -2%;
    left: 69%;
  }
  
  .pt-space_day6 {
    top: 10%;
    left: 35%;
  }
  
  .pt-space_day7 {
    top: -13%;
    left: 12%;
  }
  
  .pt-animate_trophy {
    position: absolute;
    width: 20%;
    top: 0%;
    left: 13%;
  }
  .pt-animate_trophy .animate_trophy {
    width: 100%;
  }
  
  .pt-animate_star {
    position: absolute;
    width: 20%;
    top: 5%;
    left: 31%;
  }
  .pt-animate_star .animate_star {
    width: 100%;
  }
  
  .pt-animate_rocket {
    position: absolute;
    width: 20%;
    top: 16%;
    left: 51%;
  }
  .pt-animate_rocket .animate_rocket {
    position: absolute;
    width: 100%;
  }
  
  .pt-animate_ufo {
    position: absolute;
    width: 20%;
    top: 2%;
    left: 59%;
  }
  .pt-animate_ufo .animate_ufo {
    width: 100%;
  }
  
  .pt-animate_noodle {
    position: absolute;
    width: 20%;
    top: 31%;
    left: 67%;
  }
  .pt-animate_noodle .animate_noodle {
    width: 100%;
  }
  
  .pt-animate_kettle {
    position: absolute;
    width: 20%;
    top: 41%;
    left: 49%;
  }
  .pt-animate_kettle .animate_kettle {
    width: 100%;
  }
  
  .pt-animate_taro {
    position: absolute;
    width: 20%;
    top: 60%;
    left: 46%;
  }
  .pt-animate_taro .animate_taro {
    width: 100%;
  }
  
  .pt-animate_arrow {
    position: absolute;
    width: 20%;
    top: 58%;
    left: 69%;
  }
  .pt-animate_arrow .animate_arrow {
    width: 100%;
  }
  
  .pt-getPoint-button {
    position: fixed;
    z-index: 100;
    right: 0;
    bottom: 0;
    width: 180px;
    height: 180px;
  }
  .pt-getPoint-button .bt-getPoint {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 30px;
    right: 20px;
  }
  .pt-getPoint-button .close-getPoint-button {
    position: absolute;
    background: #fff;
    border-radius: 50%;
    right: 20px;
    bottom: 125px;
    color: #EF5350;
    opacity: 0.5;
    transition: opacity 0.8s;
  }
  .pt-getPoint-button .close-getPoint-button:hover {
    opacity: 1;
  }
  
  @media (max-width: 576px) {
    .pt-content_daily_map {
      padding-bottom: 24px;
    }
  
    .pt-get-point-complete {
      bottom: 32px;
      left: 50%;
      margin-left: -17%;
    }
    .pt-get-point-complete .get-point-complete {
      bottom: 0;
      top: auto;
    }
    .pt-get-point-complete .back-to-pantippoint {
      bottom: -20px;
      top: auto;
    }
  
    .pt-daily_day1 {
      top: 73%;
      left: 54%;
    }
  
    .pt-daily_day2 {
      top: 57%;
      left: 39%;
    }
  
    .pt-daily_day3 {
      top: 43%;
      left: 6%;
    }
  
    .pt-daily_day4 {
      top: 40%;
      left: 48%;
    }
  
    .pt-daily_day5 {
      top: 41%;
      left: 78%;
    }
  
    .pt-daily_day6 {
      top: 25%;
      left: 60%;
    }
  
    .pt-daily_day7 {
      top: 9%;
      left: 46%;
    }
  
    .pt-space_day1 {
      top: 73%;
      left: 57%;
    }
  
    .pt-space_day2 {
      top: 55%;
      left: 41%;
    }
  
    .pt-space_day3 {
      top: 40%;
      left: 8%;
    }
  
    .pt-space_day4 {
      top: 38%;
      left: 46%;
    }
  
    .pt-space_day5 {
      top: 40%;
      left: 80%;
    }
  
    .pt-space_day6 {
      top: 23%;
      left: 64%;
    }
  
    .pt-space_day7 {
      top: 6%;
      left: 46%;
    }
  
    .pt-animate_trophy {
      width: 30%;
      top: 3%;
      left: 25%;
    }
  
    .pt-animate_star {
      width: 30%;
      top: 16%;
      left: 41%;
    }
  
    .pt-animate_rocket {
      width: 30%;
      top: 34%;
      left: 55%;
    }
  
    .pt-animate_ufo {
      width: 30%;
      top: 32%;
      left: 71%;
    }
  
    .pt-animate_noodle {
      width: 30%;
      top: 50%;
      left: 59%;
    }
  
    .pt-animate_kettle {
      width: 30%;
      top: 39%;
      left: 28%;
    }
  
    .pt-animate_taro {
      width: 30%;
      top: 48%;
      left: 11%;
    }
  
    .pt-animate_arrow {
      width: 30%;
      top: 63%;
      left: 36%;
    }
  
    .pt-getPoint-button {
      width: 140px;
      height: 140px;
    }
    .pt-getPoint-button .close-getPoint-button {
      right: 8px;
      bottom: 104px;
    }
  }
  
  /*# sourceMappingURL=main.css.map */