/* Main SCSS */
html {
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

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

@-moz-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@-webkit-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
html {
  font-size: 16px;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: "Roboto", RobotoDraft, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1;
  color: rgba(233, 229, 246, 0.87);
  background-color: #3C3963;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #9E9E9E;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 500;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

a {
  color: #B39DDB;
  text-decoration: none;
}
a:visited {
  color: #B39DDB;
  text-decoration: underline;
}
a:hover {
  color: #D1C4E9;
  text-decoration: underline;
}
a:focus {
  color: #D1C4E9;
  text-decoration: underline;
}
a:active {
  color: #9575CD;
}
a.disabled {
  pointer-events: none;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
}

[role="button"] {
  cursor: pointer;
}

a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
  touch-action: manipulation;
}

table {
  background-color: none;
}

caption {
  color: #9E9E9E;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: left;
}

label {
  display: inline-block;
  margin-bottom: .5rem;
}

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

input,
button,
select,
textarea {
  margin: 0;
  line-height: inherit;
  border-radius: 0;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
}

input[type="search"] {
  box-sizing: inherit;
  -webkit-appearance: none;
}

output {
  display: inline-block;
}

[hidden] {
  display: none !important;
}

/* Color */
.txt-primary {
  color: rgba(233, 229, 246, 0.87) !important;
}

.txt-secondary, .pt-list_detail_tracking .pt-list_detail_tracking_message {
  color: rgba(233, 229, 246, 0.6) !important;
}

.txt-disabled {
  color: rgba(233, 229, 246, 0.3) !important;
}

.txt-light-primary {
  color: rgba(0, 0, 0, 0.87) !important;
}

.txt-light-secondary {
  color: rgba(0, 0, 0, 0.54) !important;
}

.txt-light-disabled {
  color: rgba(0, 0, 0, 0.38) !important;
}

.txt-alpha-0 {
  opacity: 0 !important;
}

.txt-black {
  color: #000000 !important;
}

.txt-white {
  color: #FFFFFF !important;
}

.txt-grey-50 {
  color: #FAFAFA !important;
}

.txt-grey-100 {
  color: #F5F5F5 !important;
}

.txt-grey-200 {
  color: #EEEEEE !important;
}

.txt-grey-300 {
  color: #E0E0E0 !important;
}

.txt-grey-400 {
  color: #BDBDBD !important;
}

.txt-grey-500 {
  color: #9E9E9E !important;
}

.txt-grey-600 {
  color: #757575 !important;
}

.txt-grey-700 {
  color: #616161 !important;
}

.txt-grey-800 {
  color: #424242 !important;
}

.txt-grey-900 {
  color: #212121 !important;
}

.txt-red-400 {
  color: #EF5350 !important;
}

.txt-pink-400 {
  color: #EC407A !important;
}

.txt-purple-400 {
  color: #AB47BC !important;
}

.txt-deeppurple-400 {
  color: #7459C8 !important;
}

.txt-indigo-400 {
  color: #5C6BC0 !important;
}

.txt-blue-400 {
  color: #42A5F5 !important;
}

.txt-lightblue-400 {
  color: #29B6F6 !important;
}

.txt-cyan-400 {
  color: #26C6DA !important;
}

.txt-teal-400 {
  color: #26A69A !important;
}

.txt-green-400 {
  color: #66BB6A !important;
}

.txt-lightgreen-400 {
  color: #9CCC65 !important;
}

.txt-lime-400 {
  color: #D4E157 !important;
}

.txt-yellow-400 {
  color: #FFEE58 !important;
}

.txt-amber-400 {
  color: #FFCA28 !important;
}

.txt-orange-400 {
  color: #FFA726 !important;
}

.txt-deeporange-400 {
  color: #FF7043 !important;
}

.txt-brown-400 {
  color: #8D6E63 !important;
}

.txt-bluegrey-400 {
  color: #78909C !important;
}

.txt-red-500 {
  color: #F44336 !important;
}

.txt-pink-500 {
  color: #E91E63 !important;
}

.txt-purple-500 {
  color: #9C27B0 !important;
}

.txt-deeppurple-500 {
  color: #5A3BC0 !important;
}

.txt-indigo-500 {
  color: #3F51B5 !important;
}

.txt-blue-500 {
  color: #2196F3 !important;
}

.txt-lightblue-500 {
  color: #03A9F4 !important;
}

.txt-cyan-500 {
  color: #00BCD4 !important;
}

.txt-teal-500 {
  color: #009688 !important;
}

.txt-green-500 {
  color: #4CAF50 !important;
}

.txt-lightgreen-500 {
  color: #8BC34A !important;
}

.txt-lime-500 {
  color: #CDDC39 !important;
}

.txt-yellow-500 {
  color: #FFEB3B !important;
}

.txt-amber-500 {
  color: #FFC107 !important;
}

.txt-orange-500 {
  color: #FF9800 !important;
}

.txt-deeporange-500 {
  color: #FF5722 !important;
}

.txt-brown-500 {
  color: #795548 !important;
}

.txt-bluegrey-500 {
  color: #607D8B !important;
}

.txt-purple-pantip-50 {
  color: #E9E5F6 !important;
}

.txt-purple-pantip-100 {
  color: #BFBCDA !important;
}

.txt-purple-pantip-200 {
  color: #9D9AC0 !important;
}

.txt-purple-pantip-300 {
  color: #7976A0 !important;
}

.txt-purple-pantip-400 {
  color: #565380 !important;
}

.txt-purple-pantip-500 {
  color: #44416F !important;
}

.txt-purple-pantip-600 {
  color: #3C3963 !important;
}

.txt-purple-pantip-700 {
  color: #353156 !important;
}

.txt-purple-pantip-800 {
  color: #2D2A49 !important;
}

.txt-purple-pantip-900 {
  color: #1F1D33 !important;
}

.txt-purple-pantip-a100 {
  color: #8E8BA7 !important;
}

.txt-purple-pantip-a800 {
  color: #382040 !important;
}

.txt-blue-pantip-50 {
  color: #E8EAF6 !important;
}

.txt-blue-pantip-100 {
  color: #90A8D1 !important;
}

.txt-blue-pantip-200 {
  color: #7793C2 !important;
}

.txt-blue-pantip-300 {
  color: #42649D !important;
}

.txt-blue-pantip-400 {
  color: #2C4E8A !important;
}

.txt-blue-pantip-500 {
  color: #1C3973 !important;
}

.txt-blue-pantip-600 {
  color: #193366 !important;
}

.txt-blue-pantip-700 {
  color: #172C5A !important;
}

.txt-blue-pantip-800 {
  color: #222244 !important;
}

.txt-blue-pantip-900 {
  color: #191933 !important;
}

.txt-blue-pantip-a100 {
  color: #737399 !important;
}

.txt-blue-pantip-a200 {
  color: #205E7F !important;
}

.txt-deeppurple-50 {
  color: #EDE7F6 !important;
}

.txt-deeppurple-100 {
  color: #D1C4E9 !important;
}

.txt-deeppurple-200 {
  color: #B39DDB !important;
}

.txt-deeppurple-300 {
  color: #9575CD !important;
}

.txt-deeppurple-400 {
  color: #7459C8 !important;
}

.txt-deeppurple-500 {
  color: #5A3BC0 !important;
}

.txt-deeppurple-600 {
  color: #5E35B1 !important;
}

.txt-deeppurple-700 {
  color: #512DA8 !important;
}

.txt-deeppurple-800 {
  color: #4527A0 !important;
}

.txt-deeppurple-900 {
  color: #311B92 !important;
}

.txt-deeppurple-a100 {
  color: #B388FF !important;
}

.txt-deeppurple-a200 {
  color: #7C4DFF !important;
}

.txt-red-300 {
  color: #E57373 !important;
}

.txt-green-700 {
  color: #388E3C !important;
}

.txt-green-800 {
  color: #2E7D32 !important;
}

.txt-yellow-50 {
  color: #FFF9C4 !important;
}

.txt-yellow-600 {
  color: #FDD835 !important;
}

.txt-yellow-700, .pt-lists-devices .login-now {
  color: #FBC02D !important;
}

.txt-amber-a100 {
  color: #FFE57F !important;
}

.txt-orange-a100 {
  color: #FFD180 !important;
}

.txt-bluegrey-700 {
  color: #455A64 !important;
}

.txt-bluegrey-900 {
  color: #263238 !important;
}

.txt-bluegrey-a900 {
  color: #2D2D3F !important;
}

.bg-alpha-black8 {
  background-color: rgba(0, 0, 0, 0.08) !important;
}

.bg-alpha-black12 {
  background-color: rgba(0, 0, 0, 0.12) !important;
}

.bg-alpha-black24 {
  background-color: rgba(0, 0, 0, 0.24) !important;
}

.bg-alpha-black38 {
  background-color: rgba(0, 0, 0, 0.38) !important;
}

.bg-alpha-white8 {
  background-color: rgba(255, 255, 255, 0.08) !important;
}

.bg-alpha-white12 {
  background-color: rgba(255, 255, 255, 0.12) !important;
}

.bg-alpha-white24 {
  background-color: rgba(255, 255, 255, 0.24) !important;
}

.bg-alpha-white38 {
  background-color: rgba(255, 255, 255, 0.38) !important;
}

.bg-black {
  background-color: #000000 !important;
}

.bg-white {
  background-color: #FFFFFF !important;
}

.bg-grey-50 {
  background-color: #FAFAFA !important;
}

.bg-grey-100 {
  background-color: #F5F5F5 !important;
}

.bg-grey-200 {
  background-color: #EEEEEE !important;
}

.bg-grey-300 {
  background-color: #E0E0E0 !important;
}

.bg-grey-400 {
  background-color: #BDBDBD !important;
}

.bg-grey-500 {
  background-color: #9E9E9E !important;
}

.bg-grey-600 {
  background-color: #757575 !important;
}

.bg-grey-700 {
  background-color: #616161 !important;
}

.bg-grey-800 {
  background-color: #424242 !important;
}

.bg-grey-900 {
  background-color: #212121 !important;
}

.bg-red-400 {
  background-color: #EF5350 !important;
}

.bg-pink-400 {
  background-color: #EC407A !important;
}

.bg-purple-400 {
  background-color: #AB47BC !important;
}

.bg-deeppurple-400 {
  background-color: #7459C8 !important;
}

.bg-indigo-400 {
  background-color: #5C6BC0 !important;
}

.bg-blue-400 {
  background-color: #42A5F5 !important;
}

.bg-lightblue-400 {
  background-color: #29B6F6 !important;
}

.bg-cyan-400 {
  background-color: #26C6DA !important;
}

.bg-teal-400 {
  background-color: #26A69A !important;
}

.bg-green-400 {
  background-color: #66BB6A !important;
}

.bg-lightgreen-400 {
  background-color: #9CCC65 !important;
}

.bg-lime-400 {
  background-color: #D4E157 !important;
}

.bg-yellow-400 {
  background-color: #FFEE58 !important;
}

.bg-amber-400 {
  background-color: #FFCA28 !important;
}

.bg-orange-400 {
  background-color: #FFA726 !important;
}

.bg-deeporange-400 {
  background-color: #FF7043 !important;
}

.bg-brown-400 {
  background-color: #8D6E63 !important;
}

.bg-bluegrey-400 {
  background-color: #78909C !important;
}

.bg-red-500 {
  background-color: #F44336 !important;
}

.bg-pink-500 {
  background-color: #E91E63 !important;
}

.bg-purple-500 {
  background-color: #9C27B0 !important;
}

.bg-deeppurple-500 {
  background-color: #5A3BC0 !important;
}

.bg-indigo-500 {
  background-color: #3F51B5 !important;
}

.bg-blue-500 {
  background-color: #2196F3 !important;
}

.bg-lightblue-500 {
  background-color: #03A9F4 !important;
}

.bg-cyan-500 {
  background-color: #00BCD4 !important;
}

.bg-teal-500 {
  background-color: #009688 !important;
}

.bg-green-500 {
  background-color: #4CAF50 !important;
}

.bg-lightgreen-500 {
  background-color: #8BC34A !important;
}

.bg-lime-500 {
  background-color: #CDDC39 !important;
}

.bg-yellow-500 {
  background-color: #FFEB3B !important;
}

.bg-amber-500 {
  background-color: #FFC107 !important;
}

.bg-orange-500 {
  background-color: #FF9800 !important;
}

.bg-deeporange-500 {
  background-color: #FF5722 !important;
}

.bg-brown-500 {
  background-color: #795548 !important;
}

.bg-bluegrey-500 {
  background-color: #607D8B !important;
}

.bg-purple-pantip-50 {
  background-color: #E9E5F6 !important;
}

.bg-purple-pantip-100 {
  background-color: #BFBCDA !important;
}

.bg-purple-pantip-200 {
  background-color: #9D9AC0 !important;
}

.bg-purple-pantip-300 {
  background-color: #7976A0 !important;
}

.bg-purple-pantip-400 {
  background-color: #565380 !important;
}

.bg-purple-pantip-500 {
  background-color: #44416F !important;
}

.bg-purple-pantip-600 {
  background-color: #3C3963 !important;
}

.bg-purple-pantip-700 {
  background-color: #353156 !important;
}

.bg-purple-pantip-800 {
  background-color: #2D2A49 !important;
}

.bg-purple-pantip-900 {
  background-color: #1F1D33 !important;
}

.bg-purple-pantip-a100 {
  background-color: #8E8BA7 !important;
}

.bg-purple-pantip-a800 {
  background-color: #382040 !important;
}

.bg-blue-pantip-50 {
  background-color: #E8EAF6 !important;
}

.bg-blue-pantip-100 {
  background-color: #90A8D1 !important;
}

.bg-blue-pantip-200 {
  background-color: #7793C2 !important;
}

.bg-blue-pantip-300 {
  background-color: #42649D !important;
}

.bg-blue-pantip-400 {
  background-color: #2C4E8A !important;
}

.bg-blue-pantip-500 {
  background-color: #1C3973 !important;
}

.bg-blue-pantip-600 {
  background-color: #193366 !important;
}

.bg-blue-pantip-700 {
  background-color: #172C5A !important;
}

.bg-blue-pantip-800 {
  background-color: #222244 !important;
}

.bg-blue-pantip-900 {
  background-color: #191933 !important;
}

.bg-blue-pantip-a100 {
  background-color: #737399 !important;
}

.bg-blue-pantip-a200 {
  background-color: #205E7F !important;
}

.bg-deeppurple-50 {
  background-color: #EDE7F6 !important;
}

.bg-deeppurple-100 {
  background-color: #D1C4E9 !important;
}

.bg-deeppurple-200 {
  background-color: #B39DDB !important;
}

.bg-deeppurple-300 {
  background-color: #9575CD !important;
}

.bg-deeppurple-400 {
  background-color: #7459C8 !important;
}

.bg-deeppurple-500 {
  background-color: #5A3BC0 !important;
}

.bg-deeppurple-600 {
  background-color: #5E35B1 !important;
}

.bg-deeppurple-700 {
  background-color: #512DA8 !important;
}

.bg-deeppurple-800 {
  background-color: #4527A0 !important;
}

.bg-deeppurple-900 {
  background-color: #311B92 !important;
}

.bg-deeppurple-a100 {
  background-color: #B388FF !important;
}

.bg-deeppurple-a200 {
  background-color: #7C4DFF !important;
}

.bg-red-300 {
  background-color: #E57373 !important;
}

.bg-green-700 {
  background-color: #388E3C !important;
}

.bg-green-800 {
  background-color: #2E7D32 !important;
}

.bg-yellow-50 {
  background-color: #FFF9C4 !important;
}

.bg-yellow-600 {
  background-color: #FDD835 !important;
}

.bg-yellow-700 {
  background-color: #FBC02D !important;
}

.bg-amber-a100 {
  background-color: #FFE57F !important;
}

.bg-orange-a100 {
  background-color: #FFD180 !important;
}

.bg-bluegrey-700 {
  background-color: #455A64 !important;
}

.bg-bluegrey-900 {
  background-color: #263238 !important;
}

.bg-bluegrey-a900 {
  background-color: #2D2D3F !important;
}

/* Typography */
.text-justify {
  text-align: justify !important;
}

.text-center {
  text-align: center !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-prewrap {
  white-space: pre-wrap !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-normal {
  font-weight: normal;
}

.font-weight-meduim {
  font-weight: 500;
}

.font-weight-bold {
  font-weight: bold;
}

.font-italic {
  font-style: italic;
}

.text-icon-left {
  display: inline-flex;
  align-items: center;
}
.text-icon-left > i {
  margin-right: 4px;
}

.text-icon-right {
  display: inline-flex;
  align-items: center;
}
.text-icon-right > i {
  margin-left: 4px;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.5;
  color: inherit;
}

h1 {
  font-size: 2.5rem;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.75rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

.h1 {
  font-size: 2.5rem;
}

.h2 {
  font-size: 2rem;
}

.h3 {
  font-size: 1.75rem;
}

.h4 {
  font-size: 1.5rem;
}

.h5 {
  font-size: 1.25rem;
}

.h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.75;
}

.display-1 {
  font-size: 6rem;
  font-weight: 400;
  line-height: 1.5;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 400;
  line-height: 1.5;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 1.5;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 1.5;
}

.title {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.subtitle-1, .pt-block-subheader, .pt-block-subheader-1, .pt-tagging span, .pt-tagging__txt-block span, .pt-movie-tagging__detail .pt-movie-tagging__info, .pt-movie-tagging__detail .pt-movie-tagging__rating span, .pt-lists_pp_activity, .pt-lists-devices .pt-location-device, .pt-forum-container .pt-forum-list a h2 {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

.subtitle-2, .pt-tagging__txt-block b, .pt-carousel-korea__temperature u, .read-more-trigger {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
}

.body-1, .pt-movie-tagging__detail .pt-movie-tagging__description {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.body-2 {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
}

.caption, .pt-forum-container .pt-forum-list a span, .pt-cat-carousel > .pt-forum-container .pt-forum-list a span, .pt-carousel-korea__temperature span, .pt-carousel-korea__currency {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5;
}

.overline {
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.5;
}

.small-1 {
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 1.5;
}

.txt-underline {
  text-decoration: underline;
}

.txt-no_underline {
  text-decoration: none;
}

a.txt-underline:hover, a.txt-underline:link, a.txt-underline:active, a.txt-underline:visited {
  text-decoration: underline;
}

a.txt-no_underline:hover, a.txt-no_underline:link, a.txt-no_underline:active, a.txt-no_underline:visited {
  text-decoration: none;
}

a.link-lth {
  cursor: pointer;
  color: #9575CD;
  text-decoration: none;
}
a.link-lth:visited {
  color: #B39DDB;
  text-decoration: underline;
}
a.link-lth:hover {
  color: #B388FF;
  text-decoration: underline;
}
a.link-lth:focus {
  color: #B388FF;
  text-decoration: underline;
}
a.link-lth:active {
  color: #5A3BC0;
}

.txt-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
}

/* Alignment */
.flexbox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.inline-flexbox {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: -moz-inline-flexbox;
  display: -webkit-inline-box;
  display: inline-flex;
}

.flexgrow {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-grow: 0;
  flex-grow: 0;
}

.flexgrow-1 {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
}

.flexshrink {
  @flex-shrink flex-shrink(0);
}

.flexshrink-1 {
  @flex-shrink flex-shrink(1);
}

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
  -moz-box-orient: horizontal !important;
  -moz-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
  -moz-box-orient: vertical !important;
  -moz-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-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;
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -webkit-flex-direction: column-reverse !important;
  -moz-box-orient: vertical !important;
  -moz-box-direction: reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -webkit-flex-wrap: wrap !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -webkit-flex-wrap: nowrap !important;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -webkit-flex-wrap: wrap-reverse !important;
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
  -moz-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -moz-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -moz-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
  -moz-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -webkit-justify-content: space-around !important;
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
  -moz-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -webkit-box-align: end !important;
  -webkit-align-items: flex-end !important;
  -moz-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -moz-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -webkit-box-align: baseline !important;
  -webkit-align-items: baseline !important;
  -moz-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -webkit-box-align: stretch !important;
  -webkit-align-items: stretch !important;
  -moz-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -webkit-align-content: flex-start !important;
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -webkit-align-content: flex-end !important;
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -webkit-align-content: center !important;
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -webkit-align-content: space-between !important;
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -webkit-align-content: space-around !important;
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -webkit-align-content: stretch !important;
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -webkit-align-self: auto !important;
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -webkit-align-self: flex-start !important;
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -webkit-align-self: flex-end !important;
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -webkit-align-self: center !important;
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -webkit-align-self: baseline !important;
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -webkit-align-self: stretch !important;
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

/* Icon Pantip */
/* Icons Pantip Design*/
.pantip-icons, .pt-breadcrumb a:first-child::before {
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  display: inline-flex;
  background-size: contain;
  background-position: top left;
  vertical-align: middle;
}

.md-18, .pt-lists-item__multiline {
  font-size: 18px;
}

.md-24 {
  font-size: 24px;
}

.md-36 {
  font-size: 36px;
}

.md-48 {
  font-size: 48px;
}

.md-64 {
  font-size: 64px;
}

.md-72 {
  font-size: 72px;
}

/* Rules for sizing the icon. */
.pantip-icons.md-18, .pantip-icons.pt-lists-item__multiline, .pt-breadcrumb a.pt-lists-item__multiline:first-child::before, .pt-breadcrumb a.md-18:first-child::before {
  width: 18px;
  height: 18px;
  line-height: 18px;
}

.pantip-icons.md-24, .pt-breadcrumb a.md-24:first-child::before {
  width: 24px;
  height: 24px;
  line-height: 24px;
}

.pantip-icons.md-36, .pt-breadcrumb a.md-36:first-child::before {
  width: 36px;
  height: 36px;
  line-height: 36px;
}

.pantip-icons.md-48, .pt-breadcrumb a.md-48:first-child::before {
  width: 48px;
  height: 48px;
  line-height: 48px;
}

.pantip-icons.md-64, .pt-breadcrumb a.md-64:first-child::before {
  width: 64px;
  height: 64px;
  line-height: 64px;
}

.pantip-icons.md-72, .pt-breadcrumb a.md-72:first-child::before {
  width: 72px;
  height: 72px;
  line-height: 72px;
}

/* Rules for colorize the icon. */
.pantip-icons.icolor-primary, .pt-breadcrumb a.icolor-primary:first-child::before, .pt-carousel-korea__temperature i.pantip-icons {
  opacity: 0.87 !important;
}

.pantip-icons.icolor-secondary, .pt-breadcrumb a.icolor-secondary:first-child::before {
  opacity: 0.6 !important;
}

.pantip-icons.icolor-disabled, .pt-breadcrumb a.icolor-disabled:first-child::before {
  opacity: 0.3 !important;
}

.pantip-icons.icolor-primary-img, .pt-breadcrumb a.icolor-primary-img:first-child::before {
  -webkit-filter: invert(51%) sepia(19%) saturate(1195%) hue-rotate(220deg) brightness(97%) contrast(89%);
  filter: invert(51%) sepia(19%) saturate(1195%) hue-rotate(220deg) brightness(97%) contrast(89%);
}

.pantip-icons.icolor-secondary-img, .pt-breadcrumb a.icolor-secondary-img:first-child::before {
  -webkit-filter: invert(68%) sepia(55%) saturate(370%) hue-rotate(205deg) brightness(91%) contrast(88%);
  filter: invert(68%) sepia(55%) saturate(370%) hue-rotate(205deg) brightness(91%) contrast(88%);
}

.pantip-icons.icolor-success, .pt-breadcrumb a.icolor-success:first-child::before {
  -webkit-filter: invert(52%) sepia(63%) saturate(482%) hue-rotate(73deg) brightness(96%) contrast(87%);
  filter: invert(52%) sepia(63%) saturate(482%) hue-rotate(73deg) brightness(96%) contrast(87%);
}

.pantip-icons.icolor-info, .pt-breadcrumb a.icolor-info:first-child::before {
  -webkit-filter: invert(62%) sepia(90%) saturate(3724%) hue-rotate(189deg) brightness(110%) contrast(92%);
  filter: invert(62%) sepia(90%) saturate(3724%) hue-rotate(189deg) brightness(110%) contrast(92%);
}

.pantip-icons.icolor-warning, .pt-breadcrumb a.icolor-warning:first-child::before {
  -webkit-filter: invert(2%) sepia(58%) saturate(3697%) hue-rotate(326deg) brightness(102%) contrast(99%);
  filter: invert(2%) sepia(58%) saturate(3697%) hue-rotate(326deg) brightness(102%) contrast(99%);
}

.pantip-icons.icolor-danger, .pt-breadcrumb a.icolor-danger:first-child::before {
  -webkit-filter: invert(66%) sepia(30%) saturate(4556%) hue-rotate(317deg) brightness(101%) contrast(79%);
  filter: invert(66%) sepia(30%) saturate(4556%) hue-rotate(317deg) brightness(101%) contrast(79%);
}

.pantip-icons.icolor-light, .pt-breadcrumb a.icolor-light:first-child::before {
  -webkit-filter: opacity(0.87) brightness(100%);
  filter: opacity(0.87) brightness(100%);
}

.pantip-icons.icolor-dark, .pt-breadcrumb a.icolor-dark:first-child::before {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.pantip-icons.icolor-white, .pt-breadcrumb a.icolor-white:first-child::before {
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
}

.pantip-icons.icolor-black, .pt-breadcrumb a.icolor-black:first-child::before {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.pt-ic-topic_type_talking {
  background-image: url(../images/pantip_icon/icon_topic_talking-512px.png);
}

.pt-ic-topic_type_news {
  background-image: url(../images/pantip_icon/icon_topic_news-512px.png);
}

.pt-ic-topic_type_poll {
  background-image: url(../images/pantip_icon/icon_topic_poll-512px.png);
}

.pt-ic-topic_type_question {
  background-image: url(../images/pantip_icon/icon_topic_question-512px.png);
}

.pt-ic-topic_type_review {
  background-image: url(../images/pantip_icon/icon_topic_review-512px.png);
}

.pt-ic-topic_type_sell {
  background-image: url(../images/pantip_icon/icon_topic_sell-512px.png);
}

.pt-ic-add_post {
  background-image: url(../images/pantip_icon/icon-add_post.png);
}

.pt-ic-add_post-fill {
  background-image: url("../images/pantip_icon/ic-pt_add_post_fill-512px.png");
}

.pt-ic-comment {
  background-image: url("../images/pantip_icon/icon-comment.png");
}

.pt-ic-comment-outline {
  background-image: url("../images/pantip_icon/icon-comment-outline.png");
}

.pt-ic-breadcrumb, .pt-breadcrumb a:first-child::before {
  background-image: url(../images/pantip_icon/icon-breadcrumb.png);
}

.pt-ic-tag_local {
  background-image: url(../images/pantip_icon/ic-tag_local.png);
}

.pt-ic-club {
  background-image: url("../images/pantip_icon/ic-club-512px.png");
}

.pt-ic-defamation {
  background-image: url("../images/pantip_icon/ic-defamation-512px.png");
}

.pt-ic-event {
  background-image: url("../images/pantip_icon/ic-event-512px.png");
}

.pt-ic-forum-outline {
  background-image: url("../images/pantip_icon/ic-forum_outline-512px.png");
}

.pt-ic-logout {
  background-image: url("../images/pantip_icon/ic-logout-512px.png");
}

.pt-ic-profile {
  background-image: url("../images/pantip_icon/ic-profile-512px.png");
}

.pt-ic-profile_setting {
  background-image: url("../images/pantip_icon/ic-profile_setting-512px.png");
}

.pt-ic-setting-block {
  background-image: url("../images/pantip_icon/ic-setting_applications-512px.png");
}

.pt-ic-terms {
  background-image: url("../images/pantip_icon/ic-terms-512px.png");
}

.pt-ic-mail {
  background-image: url("../images/pantip_icon/ic-mail_baseline-512px.png");
}

.pt-ic-mail-outline {
  background-image: url("../images/pantip_icon/ic-mail_outline-512px.png");
}

.pt-ic-lock-outline {
  background-image: url("../images/pantip_icon/ic-lock_outline-512px.png");
}

.pt-ic-notification {
  background-image: url("../images/pantip_icon/ic-notification_baseline-512px.png");
}

.pt-ic-notification-outline {
  background-image: url("../images/pantip_icon/ic-notification_outline-512px.png");
}

.pt-ic-setting {
  background-image: url("../images/pantip_icon/ic-setting-512px.png");
}

.pt-ic-gavel {
  background-image: url("../images/pantip_icon/ic-gavel-512px.png");
}

.pt-ic-headset_mic {
  background-image: url("../images/pantip_icon/ic-headset_mic-512px.png");
}

.pt-ic-live_help {
  background-image: url("../images/pantip_icon/ic-live_help-512px.png");
}

.pt-ic-call_center {
  background-image: url("../images/pantip_icon/ic-call_center-512px.png");
}

.pt-ic-suggestion_post {
  background-image: url("../images/pantip_icon/ic-suggestion_post-512px.png");
}

.pt-ic-rules {
  background-image: url("../images/pantip_icon/ic-rules-512px.png");
}

.pt-ic-contact_support {
  background-image: url("../images/pantip_icon/ic-contact_support-512px.png");
}

.pt-ic-home {
  background-image: url("../images/pantip_icon/ic-home_baseline-512px.png");
}

.pt-ic-home-outline {
  background-image: url("../images/pantip_icon/ic-home_outline-512px.png");
}

.pt-ic-stars-black {
  background-image: url("../images/pantip_icon/ic-stars-black-512px.png");
}

.pt-ic-stars-black-outline {
  background-image: url("../images/pantip_icon/ic-stars-black-outline_512px.png");
}

.pt-ic-my_feedback {
  background-image: url("../images/pantip_icon/ic-my_feedback-512px.png");
}

.pt-ic-pantip_pick {
  background-image: url("../images/pantip_icon/ic-pantip_pick-512px.png");
}

.pt-ic-pantip_community {
  background-image: url("../images/pantip_icon/ic-pantip_community-512px.png");
}

.pt-ic-pantip_hitz {
  background-image: url("../images/pantip_icon/ic-pantip_hitz-512px.png");
}

.pt-ic-copy {
  background-image: url("../images/pantip_icon/ic_copy_512px.png");
}

.pt-ic-cut {
  background-image: url("../images/pantip_icon/ic_cut_512px.png");
}

.pt-ic-paste {
  background-image: url("../images/pantip_icon/ic_paste_512px.png");
}

.pt-ic-undo {
  background-image: url("../images/pantip_icon/ic-undo-512px.png");
}

.pt-ic-redo {
  background-image: url("../images/pantip_icon/ic-redo-512px.png");
}

.pt-ic-save {
  background-image: url("../images/pantip_icon/ic-save-512px.png");
}

.pt-ic-pin {
  background-image: url("../images/pantip_icon/ic-pin-512px.png");
}

.pt-ic-pin-outline {
  background-image: url("../images/pantip_icon/ic-pin_outline-512px.png");
}

.pt-ic-tag_shortcut {
  background-image: url("../images/pantip_icon/ic-tag_shortcut-512px.png");
}

.pt-ic-tag_shortcut_pin {
  background-image: url("../images/pantip_icon/ic-tag_shortcut_pin-512px.png");
}

.pt-ic-forum_shortcut {
  background-image: url("../images/pantip_icon/ic-forum_shortcut-512px.png");
}

.pt-ic-forum_shortcut_pin {
  background-image: url("../images/pantip_icon/ic-forum_shortcut_pin-512px.png");
}

.pt-ic-sunny {
  background-image: url("../images/pantip_icon/icon-weather_sunny.png");
}

.pt-ic-sunny-cloudy {
  background-image: url("../images/pantip_icon/ic-weather_sunny_cloudy.png");
}

.pt-ic-night {
  background-image: url("../images/pantip_icon/ic-weather_night.png");
}

.pt-ic-cloudy-night {
  background-image: url("../images/pantip_icon/ic-weather_night_cloudy.png");
}

.pt-ic-storm-hard {
  background-image: url("../images/pantip_icon/ic-weather_storm_hard.png");
}

.pt-ic-umbrella {
  background-image: url("../images/pantip_icon/ic-weather_umbrella.png");
}

.pt-ic-snowflake {
  background-image: url("../images/pantip_icon/ic-weather_snowflake.png");
}

.pt-ic-cloudy {
  background-image: url("../images/pantip_icon/ic-weather_cloudy.png");
}

.pt-ic-facebook {
  background-image: url("../images/pantip_icon/ic-social_fb-512px.png");
}

.pt-ic-twitter {
  background-image: url("../images/pantip_icon/ic-social_tw-512px.png");
}

.pt-ic-logo_facebook {
  background-image: url("../images/pantip_icon/ic-social_logo_fb-512px.png");
}

.pt-ic-logo_twitter {
  background-image: url("../images/pantip_icon/ic-social_logo_tw-512px.png");
}

.pt-ic-facebook-f {
  background-image: url("../images/pantip_icon/icon_facebook-512px.png");
}

.pt-ic-google {
  background-image: url("../images/pantip_icon/icon_google-512px.png");
}

.pt-ic-social_logo_facebook {
  background-image: url("../images/pantip_icon/ic-social_logo_facebook2-512px.png");
}

.pt-ic-social_logo_google {
  background-image: url("../images/pantip_icon/ic-social_logo_google2-512px.png");
}

.pt-ic-social_logo_line {
  background-image: url("../images/pantip_icon/ic-social_logo_line2-512px.png");
}

.pt-ic-social_logo_apple {
  background-image: url("../images/pantip_icon/ic-social_logo_apple2-512px.png");
}

.pt-ic-social_logo_email {
  background-image: url("../images/pantip_icon/ic-social_logo_email2-512px.png");
}

.pt-ic-social_logo_phone {
  background-image: url("../images/pantip_icon/ic-social_logo_phone2-512px.png");
}

.pt-ic-format_align_center {
  background-image: url("../images/pantip_icon/ic-format_align_center-512px.png");
}

.pt-ic-format_align_left {
  background-image: url("../images/pantip_icon/ic-format_align_left-512px.png");
}

.pt-ic-format_align_right {
  background-image: url("../images/pantip_icon/ic-format_align_right-512px.png");
}

.pt-ic-insert_highlight {
  background-image: url("../images/pantip_icon/ic-insert_highlight-512px.png");
}

.pt-ic-insert_horizontal_rule {
  background-image: url("../images/pantip_icon/ic-insert_horizontal_rule-512px.png");
}

.pt-ic-insert_image {
  background-image: url("../images/pantip_icon/ic-insert_image-512px.png");
}

.pt-ic-insert_link {
  background-image: url("../images/pantip_icon/ic-insert_link-512px.png");
}

.pt-ic-insert_map {
  background-image: url("../images/pantip_icon/ic-insert_map-512px.png");
}

.pt-ic-insert_spoil {
  background-image: url("../images/pantip_icon/ic-insert_spoil-512px.png");
}

.pt-ic-insert_code {
  background-image: url("../images/pantip_icon/ic-insert_code-512px.png");
}

.pt-ic-insert_subscript {
  background-image: url("../images/pantip_icon/ic-insert_subscript-512px.png");
}

.pt-ic-insert_superscript {
  background-image: url("../images/pantip_icon/ic-insert_superscript-512px.png");
}

.pt-ic-insert_toys {
  background-image: url("../images/pantip_icon/ic-insert_toys-512px.png");
}

.pt-ic-insert_video {
  background-image: url("../images/pantip_icon/ic-insert_video-512px.png");
}

.pt-ic-stikethrough {
  background-image: url("../images/pantip_icon/ic-strikethrough_s-512px.png");
}

.pt-ic-text_bold {
  background-image: url("../images/pantip_icon/ic-text_bold-512px.png");
}

.pt-ic-text_format {
  background-image: url("../images/pantip_icon/ic-text_format-512px.png");
}

.pt-ic-text_italic {
  background-image: url("../images/pantip_icon/ic-text_italic-512px.png");
}

.pt-ic-text_underlined {
  background-image: url("../images/pantip_icon/ic-text_underlined-512px.png");
}

.pt-ic-textarea_resize {
  background-image: url("../images/pantip_icon/ic-resize_textarea-512px.png");
}

.pt-ic-calendar {
  background-image: url("../images/pantip_icon/ic-calendar_image-512px.png");
}

.pt-ic-calendar_purple_200 {
  background-image: url("../images/pantip_icon/ic-calendar_purple_pantip_200_image-512px.png");
}

.icon-va32 {
  vertical-align: 32px;
}

.icon-va30 {
  vertical-align: 30px;
}

.icon-va28 {
  vertical-align: 28px;
}

.icon-va26 {
  vertical-align: 26px;
}

.icon-va24 {
  vertical-align: 24px;
}

.icon-va22 {
  vertical-align: 22px;
}

.icon-va20 {
  vertical-align: 20px;
}

.icon-va18 {
  vertical-align: 18px;
}

.icon-va16 {
  vertical-align: 16px;
}

.icon-va14 {
  vertical-align: 14px;
}

.icon-va12 {
  vertical-align: 12px;
}

.icon-va10 {
  vertical-align: 10px;
}

.icon-va8 {
  vertical-align: 8px;
}

.icon-va6 {
  vertical-align: 6px;
}

.icon-va4 {
  vertical-align: 4px;
}

.icon-va2 {
  vertical-align: 2px;
}

.icon-va0 {
  vertical-align: 0px;
}

.icon-va-2 {
  vertical-align: -2px;
}

.icon-va-4 {
  vertical-align: -4px;
}

.icon-va-6 {
  vertical-align: -6px;
}

.icon-va-8 {
  vertical-align: -8px;
}

.icon-va-10 {
  vertical-align: -10px;
}

.icon-va-12 {
  vertical-align: -12px;
}

.icon-va-14 {
  vertical-align: -14px;
}

.icon-va-16 {
  vertical-align: -16px;
}

.icon-va-18 {
  vertical-align: -18px;
}

.icon-va-20 {
  vertical-align: -20px;
}

.icon-va-22 {
  vertical-align: -22px;
}

.icon-va-24 {
  vertical-align: -24px;
}

.icon-va-26 {
  vertical-align: -26px;
}

.icon-va-28 {
  vertical-align: -28px;
}

.icon-va-30 {
  vertical-align: -30px;
}

.icon-va-32 {
  vertical-align: -32px;
}

/* Icon Fonts */
/* Material Icons Google Design*/
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/material-design-icons/MaterialIcons-Regular.eot);
  /* For IE6-8 */
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(../fonts/material-design-icons/MaterialIcons-Regular.woff2) format("woff2"), url(../fonts/material-design-icons/MaterialIcons-Regular.woff) format("woff"), url(../fonts/material-design-icons/MaterialIcons-Regular.ttf) format("truetype");
}
.material-icons, .pantip-form .checkbox input + i::after, .rating-star-half > label::before, .pt-breadcrumb a::before, .pt-movie-tagging__rate > label::before, .pt-accordion .pt-accordion__input[type=checkbox] + .pt-accordion__label::after, .pt-accordion__more-state ~ div .pt-accordion__more-trigger-arrow > i, .pt-accordion_type-policy .pt-accordion__input[type=radio] + .pt-accordion__label::after, .pt-select-list.select-now a:after, .pt-list-filter-mobile .selected::before, .search-tag.with-icon-search::before {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}

/* Rules for sizing the icon. */
.material-icons.md-18, .pantip-form .checkbox input + i.md-18::after, .pantip-form .checkbox input + i.pt-lists-item__multiline::after, .rating-star-half > label.md-18::before, .rating-star-half > label.pt-lists-item__multiline::before, .material-icons.pt-lists-item__multiline, .pt-breadcrumb a.pt-lists-item__multiline::before, .pt-movie-tagging__rate > label.pt-lists-item__multiline::before, .pt-accordion .pt-accordion__input[type=checkbox] + .pt-lists-item__multiline.pt-accordion__label::after, .pt-accordion_type-policy .pt-accordion__input[type=radio] + .pt-lists-item__multiline.pt-accordion__label::after, .pt-select-list.select-now a.pt-lists-item__multiline:after, .pt-list-filter-mobile .pt-lists-item__multiline.selected::before, .pt-lists-item__multiline.search-tag.with-icon-search::before, .pt-breadcrumb a.md-18::before, .pt-movie-tagging__rate > label.md-18::before, .pt-accordion .pt-accordion__input[type=checkbox] + .md-18.pt-accordion__label::after, .pt-accordion__more-state ~ div .pt-accordion__more-trigger-arrow > i, .pt-accordion_type-policy .pt-accordion__input[type=radio] + .md-18.pt-accordion__label::after, .pt-select-list.select-now a.md-18:after, .pt-list-filter-mobile .md-18.selected::before, .md-18.search-tag.with-icon-search::before {
  font-size: 18px;
}

.material-icons.md-24, .pantip-form .checkbox input + i.md-24::after, .rating-star-half > label.md-24::before, .pt-breadcrumb a.md-24::before, .pt-movie-tagging__rate > label.md-24::before, .pt-accordion .pt-accordion__input[type=checkbox] + .md-24.pt-accordion__label::after, .pt-accordion__more-state ~ div .pt-accordion__more-trigger-arrow > i.md-24, .pt-accordion_type-policy .pt-accordion__input[type=radio] + .md-24.pt-accordion__label::after, .pt-select-list.select-now a.md-24:after, .pt-list-filter-mobile .md-24.selected::before, .md-24.search-tag.with-icon-search::before {
  font-size: 24px;
}

.material-icons.md-36, .pantip-form .checkbox input + i.md-36::after, .rating-star-half > label.md-36::before, .pt-breadcrumb a.md-36::before, .pt-movie-tagging__rate > label.md-36::before, .pt-accordion .pt-accordion__input[type=checkbox] + .md-36.pt-accordion__label::after, .pt-accordion__more-state ~ div .pt-accordion__more-trigger-arrow > i.md-36, .pt-accordion_type-policy .pt-accordion__input[type=radio] + .md-36.pt-accordion__label::after, .pt-select-list.select-now a.md-36:after, .pt-list-filter-mobile .md-36.selected::before, .md-36.search-tag.with-icon-search::before {
  font-size: 36px;
}

.material-icons.md-48, .pantip-form .checkbox input + i.md-48::after, .rating-star-half > label.md-48::before, .pt-breadcrumb a.md-48::before, .pt-movie-tagging__rate > label.md-48::before, .pt-accordion .pt-accordion__input[type=checkbox] + .md-48.pt-accordion__label::after, .pt-accordion__more-state ~ div .pt-accordion__more-trigger-arrow > i.md-48, .pt-accordion_type-policy .pt-accordion__input[type=radio] + .md-48.pt-accordion__label::after, .pt-select-list.select-now a.md-48:after, .pt-list-filter-mobile .md-48.selected::before, .md-48.search-tag.with-icon-search::before {
  font-size: 48px;
}

.material-icons.md-64, .pantip-form .checkbox input + i.md-64::after, .rating-star-half > label.md-64::before, .pt-breadcrumb a.md-64::before, .pt-movie-tagging__rate > label.md-64::before, .pt-accordion .pt-accordion__input[type=checkbox] + .md-64.pt-accordion__label::after, .pt-accordion__more-state ~ div .pt-accordion__more-trigger-arrow > i.md-64, .pt-accordion_type-policy .pt-accordion__input[type=radio] + .md-64.pt-accordion__label::after, .pt-select-list.select-now a.md-64:after, .pt-list-filter-mobile .md-64.selected::before, .md-64.search-tag.with-icon-search::before {
  font-size: 64px;
}

.material-icons.md-72, .pantip-form .checkbox input + i.md-72::after, .rating-star-half > label.md-72::before, .pt-breadcrumb a.md-72::before, .pt-movie-tagging__rate > label.md-72::before, .pt-accordion .pt-accordion__input[type=checkbox] + .md-72.pt-accordion__label::after, .pt-accordion__more-state ~ div .pt-accordion__more-trigger-arrow > i.md-72, .pt-accordion_type-policy .pt-accordion__input[type=radio] + .md-72.pt-accordion__label::after, .pt-select-list.select-now a.md-72:after, .pt-list-filter-mobile .md-72.selected::before, .md-72.search-tag.with-icon-search::before {
  font-size: 72px;
}

/* Rules for using icons color */
.img-fluid {
  display: block;
  max-width: 100%;
  height: auto;
}

/* Default Image 1:1 Aspect Ratio */
.img-thumbnail {
  display: block;
  overflow: hidden;
  position: relative;
  transition: all .2s ease-in-out;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0;
  padding: 0;
  max-height: 720px;
  max-width: 720px;
}
.img-thumbnail::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  /* 1:1 Aspect Ratio */
}

.img-filter-black {
  filter: grayscale(50%) brightness(69%) contrast(100%);
  -webkit-filter: grayscale(50%) brightness(69%) contrast(100%);
  -moz-filter: grayscale(50%) brightness(69%) contrast(100%);
  -ms-filter: grayscale(50%) brightness(69%) contrast(100%);
  -o-filter: grayscale(50%) brightness(69%) contrast(100%);
}

.pt-img-size-24 {
  width: 24px;
}

.pt-img-size-48 {
  width: 48px;
}

.pt-img-size-64 {
  width: 64px;
}

.pt-img-size-96 {
  width: 96px;
}

.pt-img-size-128 {
  width: 128px;
}

.pt-img-size-256 {
  width: 256px;
}

.videoWrapper {
  position: relative;
  padding-top: 56.25%;
  /* 16:9 */
  padding-bottom: 25px;
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.googlemapWrapper {
  position: relative;
  padding-top: 33.33%;
  /* 3:1 */
  padding-bottom: 25px;
  height: 0;
}

.googlemapWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pt-avatar__size24 {
  width: 24px;
  height: 24px;
  max-width: 24px;
  max-height: 24px;
}

.pt-avatar__size36 {
  width: 36px;
  height: 36px;
  max-width: 36px;
  max-height: 36px;
}

.pt-avatar__size48 {
  width: 48px;
  height: 48px;
  max-width: 48px;
  max-height: 48px;
}

.pt-avatar__size64 {
  width: 64px;
  height: 64px;
  max-width: 64px;
  max-height: 64px;
}

.img-ratio--16by9:before {
  padding-top: 56.25%;
  /* 16:9 Aspect Ratio */
}

.img-ratio--3by2:before {
  padding-top: 66.66%;
  /* 3:2 Aspect Ratio */
}

.img-ratio--4by3:before {
  padding-top: 75%;
  /* 4:3 Aspect Ratio */
}

.img-ratio--3by4:before {
  padding-top: 133.33%;
  /* 3:4 Aspect Ratio */
}

.img-ratio--2by3:before {
  padding-top: 150%;
  /* 2:3 Aspect Ratio */
}

.img-ratio--1by1:before {
  padding-top: 100%;
  /* 1:1 Aspect Ratio */
}

.img-circle {
  border-radius: 50%;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #9E9E9E;
}

.container {
  width: 100%;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

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

@media (max-width: 576px) {
  .container {
    max-width: 576px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .container-inside {
    max-width: 576px;
    padding-right: 0;
    padding-left: 0;
  }
}
.container-fluid {
  width: 100%;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  margin-right: auto;
  margin-left: auto;
}

.row, .pt-lists_pp_activity .pt-lists_pp_activity-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl,
.col-xxl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}

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

.col-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.col-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

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

.col-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.col-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.col-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.66667%;
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 12;
  order: 12;
}

.offset-1 {
  margin-left: 8.33333%;
}

.offset-2 {
  margin-left: 16.66667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333%;
}

.offset-5 {
  margin-left: 41.66667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333%;
}

.offset-8 {
  margin-left: 66.66667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333%;
}

.offset-11 {
  margin-left: 91.66667%;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-sm-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

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

  .col-sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .col-sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .col-sm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .col-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-sm-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-sm-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }

  .order-sm-0 {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: 0;
    order: 0;
  }

  .order-sm-1 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .order-sm-2 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  .order-sm-3 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  .order-sm-4 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 4;
    order: 4;
  }

  .order-sm-5 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 5;
    order: 5;
  }

  .order-sm-6 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 6;
    order: 6;
  }

  .order-sm-7 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 7;
    order: 7;
  }

  .order-sm-8 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 8;
    order: 8;
  }

  .order-sm-9 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 9;
    order: 9;
  }

  .order-sm-10 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 10;
    order: 10;
  }

  .order-sm-11 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 11;
    order: 11;
  }

  .order-sm-12 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 12;
    order: 12;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333%;
  }

  .offset-sm-2 {
    margin-left: 16.66667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.33333%;
  }

  .offset-sm-5 {
    margin-left: 41.66667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.33333%;
  }

  .offset-sm-8 {
    margin-left: 66.66667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.33333%;
  }

  .offset-sm-11 {
    margin-left: 91.66667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-md-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

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

  .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .col-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-md-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-md-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }

  .order-md-0 {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: 0;
    order: 0;
  }

  .order-md-1 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .order-md-2 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  .order-md-3 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  .order-md-4 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 4;
    order: 4;
  }

  .order-md-5 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 5;
    order: 5;
  }

  .order-md-6 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 6;
    order: 6;
  }

  .order-md-7 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 7;
    order: 7;
  }

  .order-md-8 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 8;
    order: 8;
  }

  .order-md-9 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 9;
    order: 9;
  }

  .order-md-10 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 10;
    order: 10;
  }

  .order-md-11 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 11;
    order: 11;
  }

  .order-md-12 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 12;
    order: 12;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333%;
  }

  .offset-md-2 {
    margin-left: 16.66667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.33333%;
  }

  .offset-md-5 {
    margin-left: 41.66667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.33333%;
  }

  .offset-md-8 {
    margin-left: 66.66667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.33333%;
  }

  .offset-md-11 {
    margin-left: 91.66667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-lg-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

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

  .col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .col-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .col-lg-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .col-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-lg-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-lg-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }

  .order-lg-0 {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: 0;
    order: 0;
  }

  .order-lg-1 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .order-lg-2 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  .order-lg-3 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  .order-lg-4 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 4;
    order: 4;
  }

  .order-lg-5 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 5;
    order: 5;
  }

  .order-lg-6 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 6;
    order: 6;
  }

  .order-lg-7 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 7;
    order: 7;
  }

  .order-lg-8 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 8;
    order: 8;
  }

  .order-lg-9 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 9;
    order: 9;
  }

  .order-lg-10 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 10;
    order: 10;
  }

  .order-lg-11 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 11;
    order: 11;
  }

  .order-lg-12 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 12;
    order: 12;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333%;
  }

  .offset-lg-2 {
    margin-left: 16.66667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.33333%;
  }

  .offset-lg-5 {
    margin-left: 41.66667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.33333%;
  }

  .offset-lg-8 {
    margin-left: 66.66667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.33333%;
  }

  .offset-lg-11 {
    margin-left: 91.66667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-xl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-xl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-xl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-xl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

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

  .col-xl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .col-xl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .col-xl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .col-xl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .col-xl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xl-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-xl-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }

  .order-xl-0 {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: 0;
    order: 0;
  }

  .order-xl-1 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .order-xl-2 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  .order-xl-3 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  .order-xl-4 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 4;
    order: 4;
  }

  .order-xl-5 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 5;
    order: 5;
  }

  .order-xl-6 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 6;
    order: 6;
  }

  .order-xl-7 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 7;
    order: 7;
  }

  .order-xl-8 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 8;
    order: 8;
  }

  .order-xl-9 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 9;
    order: 9;
  }

  .order-xl-10 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 10;
    order: 10;
  }

  .order-xl-11 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 11;
    order: 11;
  }

  .order-xl-12 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 12;
    order: 12;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333%;
  }

  .offset-xl-2 {
    margin-left: 16.66667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.33333%;
  }

  .offset-xl-5 {
    margin-left: 41.66667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.33333%;
  }

  .offset-xl-8 {
    margin-left: 66.66667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.33333%;
  }

  .offset-xl-11 {
    margin-left: 91.66667%;
  }
}
@media (min-width: 1200px) {
  .col-xxl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-xxl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-xxl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-xxl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-xxl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xxl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-xxl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

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

  .col-xxl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .col-xxl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .col-xxl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xxl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .col-xxl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .col-xxl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xxl-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-xxl-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }

  .order-xxl-0 {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: 0;
    order: 0;
  }

  .order-xxl-1 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .order-xxl-2 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  .order-xxl-3 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  .order-xxl-4 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 4;
    order: 4;
  }

  .order-xxl-5 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 5;
    order: 5;
  }

  .order-xxl-6 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 6;
    order: 6;
  }

  .order-xxl-7 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 7;
    order: 7;
  }

  .order-xxl-8 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 8;
    order: 8;
  }

  .order-xxl-9 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 9;
    order: 9;
  }

  .order-xxl-10 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 10;
    order: 10;
  }

  .order-xxl-11 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 11;
    order: 11;
  }

  .order-xxl-12 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 12;
    order: 12;
  }

  .offset-xxl-0 {
    margin-left: 0;
  }

  .offset-xxl-1 {
    margin-left: 8.33333%;
  }

  .offset-xxl-2 {
    margin-left: 16.66667%;
  }

  .offset-xxl-3 {
    margin-left: 25%;
  }

  .offset-xxl-4 {
    margin-left: 33.33333%;
  }

  .offset-xxl-5 {
    margin-left: 41.66667%;
  }

  .offset-xxl-6 {
    margin-left: 50%;
  }

  .offset-xxl-7 {
    margin-left: 58.33333%;
  }

  .offset-xxl-8 {
    margin-left: 66.66667%;
  }

  .offset-xxl-9 {
    margin-left: 75%;
  }

  .offset-xxl-10 {
    margin-left: 83.33333%;
  }

  .offset-xxl-11 {
    margin-left: 91.66667%;
  }
}
/* Layout template with Navigation for Responsive */
.pt-body {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
}
.pt-body::after {
  content: '';
  display: block;
  height: 48px;
}

.pt-body.with-nav {
  padding: 0;
  margin: 0;
  position: relative;
}

@media (max-width: 768px) {
  .pt-body.with-nav::before {
    content: '';
    display: block;
    height: 49px;
  }
}
.pt-body.with-min-header::before {
  content: '';
  display: block;
  height: 64px;
}

.pt-min-header {
  height: 48px;
  padding: 8px 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);
}

/* Layout template with footer */
.pt-body.with-footer {
  padding: 0;
  margin: 0;
  position: relative;
}

.pt-body.with-footer::after {
  content: '';
  display: block;
  height: 100px;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 84px;
  border-top: solid 1px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px rgba(233, 229, 246, 0.08) inset;
  box-shadow: 0px 1px rgba(233, 229, 246, 0.08) inset;
  padding-top: 16px;
  margin-top: 16px;
}
.footer a.footer__textlink {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  border-left: solid 1px rgba(255, 255, 255, 0.12);
  padding-left: 8px;
  margin-left: 8px;
}
.footer a.footer__textlink:first-child {
  border-left: none;
  padding-left: 0;
  margin-left: 0;
}

@media (max-width: 476px) {
  .pt-body.with-footer::after {
    content: '';
    display: block;
    height: 132px;
  }

  .footer {
    height: 116px;
    margin-top: 16px;
  }
  .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-min-hegiht {
  min-height: 50vh;
}

/* Space */
.p-all-32 {
  padding: 32px !important;
}

.p-t-32 {
  padding-top: 32px !important;
}

.p-b-32 {
  padding-bottom: 32px !important;
}

.p-l-32 {
  padding-left: 32px !important;
}

.p-r-32 {
  padding-right: 32px !important;
}

.p-lnr-32 {
  padding: 0 32px !important;
}

.p-tnb-32 {
  padding: 32px 0 !important;
}

.m-all-32 {
  margin: 32px !important;
}

.m-t-32 {
  margin-top: 32px !important;
}

.m-b-32 {
  margin-bottom: 32px !important;
}

.m-l-32 {
  margin-left: 32px !important;
}

.m-r-32 {
  margin-right: 32px !important;
}

.m-lnr-32 {
  margin: 0 32px !important;
}

.m-tnb-32 {
  margin: 32px 0 !important;
}

.p-all-30 {
  padding: 30px !important;
}

.p-t-30 {
  padding-top: 30px !important;
}

.p-b-30 {
  padding-bottom: 30px !important;
}

.p-l-30 {
  padding-left: 30px !important;
}

.p-r-30 {
  padding-right: 30px !important;
}

.p-lnr-30 {
  padding: 0 30px !important;
}

.p-tnb-30 {
  padding: 30px 0 !important;
}

.m-all-30 {
  margin: 30px !important;
}

.m-t-30 {
  margin-top: 30px !important;
}

.m-b-30 {
  margin-bottom: 30px !important;
}

.m-l-30 {
  margin-left: 30px !important;
}

.m-r-30 {
  margin-right: 30px !important;
}

.m-lnr-30 {
  margin: 0 30px !important;
}

.m-tnb-30 {
  margin: 30px 0 !important;
}

.p-all-28 {
  padding: 28px !important;
}

.p-t-28 {
  padding-top: 28px !important;
}

.p-b-28 {
  padding-bottom: 28px !important;
}

.p-l-28 {
  padding-left: 28px !important;
}

.p-r-28 {
  padding-right: 28px !important;
}

.p-lnr-28 {
  padding: 0 28px !important;
}

.p-tnb-28 {
  padding: 28px 0 !important;
}

.m-all-28 {
  margin: 28px !important;
}

.m-t-28 {
  margin-top: 28px !important;
}

.m-b-28 {
  margin-bottom: 28px !important;
}

.m-l-28 {
  margin-left: 28px !important;
}

.m-r-28 {
  margin-right: 28px !important;
}

.m-lnr-28 {
  margin: 0 28px !important;
}

.m-tnb-28 {
  margin: 28px 0 !important;
}

.p-all-26 {
  padding: 26px !important;
}

.p-t-26 {
  padding-top: 26px !important;
}

.p-b-26 {
  padding-bottom: 26px !important;
}

.p-l-26 {
  padding-left: 26px !important;
}

.p-r-26 {
  padding-right: 26px !important;
}

.p-lnr-26 {
  padding: 0 26px !important;
}

.p-tnb-26 {
  padding: 26px 0 !important;
}

.m-all-26 {
  margin: 26px !important;
}

.m-t-26 {
  margin-top: 26px !important;
}

.m-b-26 {
  margin-bottom: 26px !important;
}

.m-l-26 {
  margin-left: 26px !important;
}

.m-r-26 {
  margin-right: 26px !important;
}

.m-lnr-26 {
  margin: 0 26px !important;
}

.m-tnb-26 {
  margin: 26px 0 !important;
}

.p-all-24 {
  padding: 24px !important;
}

.p-t-24 {
  padding-top: 24px !important;
}

.p-b-24 {
  padding-bottom: 24px !important;
}

.p-l-24 {
  padding-left: 24px !important;
}

.p-r-24 {
  padding-right: 24px !important;
}

.p-lnr-24 {
  padding: 0 24px !important;
}

.p-tnb-24 {
  padding: 24px 0 !important;
}

.m-all-24 {
  margin: 24px !important;
}

.m-t-24 {
  margin-top: 24px !important;
}

.m-b-24 {
  margin-bottom: 24px !important;
}

.m-l-24 {
  margin-left: 24px !important;
}

.m-r-24 {
  margin-right: 24px !important;
}

.m-lnr-24 {
  margin: 0 24px !important;
}

.m-tnb-24 {
  margin: 24px 0 !important;
}

.p-all-22 {
  padding: 22px !important;
}

.p-t-22 {
  padding-top: 22px !important;
}

.p-b-22 {
  padding-bottom: 22px !important;
}

.p-l-22 {
  padding-left: 22px !important;
}

.p-r-22 {
  padding-right: 22px !important;
}

.p-lnr-22 {
  padding: 0 22px !important;
}

.p-tnb-22 {
  padding: 22px 0 !important;
}

.m-all-22 {
  margin: 22px !important;
}

.m-t-22 {
  margin-top: 22px !important;
}

.m-b-22 {
  margin-bottom: 22px !important;
}

.m-l-22 {
  margin-left: 22px !important;
}

.m-r-22 {
  margin-right: 22px !important;
}

.m-lnr-22 {
  margin: 0 22px !important;
}

.m-tnb-22 {
  margin: 22px 0 !important;
}

.p-all-20 {
  padding: 20px !important;
}

.p-t-20 {
  padding-top: 20px !important;
}

.p-b-20 {
  padding-bottom: 20px !important;
}

.p-l-20 {
  padding-left: 20px !important;
}

.p-r-20 {
  padding-right: 20px !important;
}

.p-lnr-20 {
  padding: 0 20px !important;
}

.p-tnb-20 {
  padding: 20px 0 !important;
}

.m-all-20 {
  margin: 20px !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.m-l-20 {
  margin-left: 20px !important;
}

.m-r-20 {
  margin-right: 20px !important;
}

.m-lnr-20 {
  margin: 0 20px !important;
}

.m-tnb-20 {
  margin: 20px 0 !important;
}

.p-all-18 {
  padding: 18px !important;
}

.p-t-18 {
  padding-top: 18px !important;
}

.p-b-18 {
  padding-bottom: 18px !important;
}

.p-l-18 {
  padding-left: 18px !important;
}

.p-r-18 {
  padding-right: 18px !important;
}

.p-lnr-18 {
  padding: 0 18px !important;
}

.p-tnb-18 {
  padding: 18px 0 !important;
}

.m-all-18 {
  margin: 18px !important;
}

.m-t-18 {
  margin-top: 18px !important;
}

.m-b-18 {
  margin-bottom: 18px !important;
}

.m-l-18 {
  margin-left: 18px !important;
}

.m-r-18 {
  margin-right: 18px !important;
}

.m-lnr-18 {
  margin: 0 18px !important;
}

.m-tnb-18 {
  margin: 18px 0 !important;
}

.p-all-16 {
  padding: 16px !important;
}

.p-t-16 {
  padding-top: 16px !important;
}

.p-b-16 {
  padding-bottom: 16px !important;
}

.p-l-16 {
  padding-left: 16px !important;
}

.p-r-16 {
  padding-right: 16px !important;
}

.p-lnr-16 {
  padding: 0 16px !important;
}

.p-tnb-16 {
  padding: 16px 0 !important;
}

.m-all-16 {
  margin: 16px !important;
}

.m-t-16 {
  margin-top: 16px !important;
}

.m-b-16 {
  margin-bottom: 16px !important;
}

.m-l-16 {
  margin-left: 16px !important;
}

.m-r-16 {
  margin-right: 16px !important;
}

.m-lnr-16 {
  margin: 0 16px !important;
}

.m-tnb-16 {
  margin: 16px 0 !important;
}

.p-all-14 {
  padding: 14px !important;
}

.p-t-14 {
  padding-top: 14px !important;
}

.p-b-14 {
  padding-bottom: 14px !important;
}

.p-l-14 {
  padding-left: 14px !important;
}

.p-r-14 {
  padding-right: 14px !important;
}

.p-lnr-14 {
  padding: 0 14px !important;
}

.p-tnb-14 {
  padding: 14px 0 !important;
}

.m-all-14 {
  margin: 14px !important;
}

.m-t-14 {
  margin-top: 14px !important;
}

.m-b-14 {
  margin-bottom: 14px !important;
}

.m-l-14 {
  margin-left: 14px !important;
}

.m-r-14 {
  margin-right: 14px !important;
}

.m-lnr-14 {
  margin: 0 14px !important;
}

.m-tnb-14 {
  margin: 14px 0 !important;
}

.p-all-12 {
  padding: 12px !important;
}

.p-t-12 {
  padding-top: 12px !important;
}

.p-b-12 {
  padding-bottom: 12px !important;
}

.p-l-12 {
  padding-left: 12px !important;
}

.p-r-12 {
  padding-right: 12px !important;
}

.p-lnr-12 {
  padding: 0 12px !important;
}

.p-tnb-12 {
  padding: 12px 0 !important;
}

.m-all-12 {
  margin: 12px !important;
}

.m-t-12 {
  margin-top: 12px !important;
}

.m-b-12 {
  margin-bottom: 12px !important;
}

.m-l-12 {
  margin-left: 12px !important;
}

.m-r-12 {
  margin-right: 12px !important;
}

.m-lnr-12 {
  margin: 0 12px !important;
}

.m-tnb-12 {
  margin: 12px 0 !important;
}

.p-all-10 {
  padding: 10px !important;
}

.p-t-10 {
  padding-top: 10px !important;
}

.p-b-10 {
  padding-bottom: 10px !important;
}

.p-l-10 {
  padding-left: 10px !important;
}

.p-r-10 {
  padding-right: 10px !important;
}

.p-lnr-10 {
  padding: 0 10px !important;
}

.p-tnb-10 {
  padding: 10px 0 !important;
}

.m-all-10 {
  margin: 10px !important;
}

.m-t-10 {
  margin-top: 10px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.m-l-10 {
  margin-left: 10px !important;
}

.m-r-10 {
  margin-right: 10px !important;
}

.m-lnr-10 {
  margin: 0 10px !important;
}

.m-tnb-10 {
  margin: 10px 0 !important;
}

.p-all-8 {
  padding: 8px !important;
}

.p-t-8 {
  padding-top: 8px !important;
}

.p-b-8 {
  padding-bottom: 8px !important;
}

.p-l-8 {
  padding-left: 8px !important;
}

.p-r-8 {
  padding-right: 8px !important;
}

.p-lnr-8 {
  padding: 0 8px !important;
}

.p-tnb-8 {
  padding: 8px 0 !important;
}

.m-all-8 {
  margin: 8px !important;
}

.m-t-8 {
  margin-top: 8px !important;
}

.m-b-8 {
  margin-bottom: 8px !important;
}

.m-l-8 {
  margin-left: 8px !important;
}

.m-r-8 {
  margin-right: 8px !important;
}

.m-lnr-8 {
  margin: 0 8px !important;
}

.m-tnb-8 {
  margin: 8px 0 !important;
}

.p-all-6 {
  padding: 6px !important;
}

.p-t-6 {
  padding-top: 6px !important;
}

.p-b-6 {
  padding-bottom: 6px !important;
}

.p-l-6 {
  padding-left: 6px !important;
}

.p-r-6 {
  padding-right: 6px !important;
}

.p-lnr-6 {
  padding: 0 6px !important;
}

.p-tnb-6 {
  padding: 6px 0 !important;
}

.m-all-6 {
  margin: 6px !important;
}

.m-t-6 {
  margin-top: 6px !important;
}

.m-b-6 {
  margin-bottom: 6px !important;
}

.m-l-6 {
  margin-left: 6px !important;
}

.m-r-6 {
  margin-right: 6px !important;
}

.m-lnr-6 {
  margin: 0 6px !important;
}

.m-tnb-6 {
  margin: 6px 0 !important;
}

.p-all-4 {
  padding: 4px !important;
}

.p-t-4 {
  padding-top: 4px !important;
}

.p-b-4 {
  padding-bottom: 4px !important;
}

.p-l-4 {
  padding-left: 4px !important;
}

.p-r-4 {
  padding-right: 4px !important;
}

.p-lnr-4 {
  padding: 0 4px !important;
}

.p-tnb-4 {
  padding: 4px 0 !important;
}

.m-all-4 {
  margin: 4px !important;
}

.m-t-4 {
  margin-top: 4px !important;
}

.m-b-4 {
  margin-bottom: 4px !important;
}

.m-l-4 {
  margin-left: 4px !important;
}

.m-r-4 {
  margin-right: 4px !important;
}

.m-lnr-4 {
  margin: 0 4px !important;
}

.m-tnb-4 {
  margin: 4px 0 !important;
}

.p-all-2 {
  padding: 2px !important;
}

.p-t-2 {
  padding-top: 2px !important;
}

.p-b-2 {
  padding-bottom: 2px !important;
}

.p-l-2 {
  padding-left: 2px !important;
}

.p-r-2 {
  padding-right: 2px !important;
}

.p-lnr-2 {
  padding: 0 2px !important;
}

.p-tnb-2 {
  padding: 2px 0 !important;
}

.m-all-2 {
  margin: 2px !important;
}

.m-t-2 {
  margin-top: 2px !important;
}

.m-b-2 {
  margin-bottom: 2px !important;
}

.m-l-2 {
  margin-left: 2px !important;
}

.m-r-2 {
  margin-right: 2px !important;
}

.m-lnr-2 {
  margin: 0 2px !important;
}

.m-tnb-2 {
  margin: 2px 0 !important;
}

.p-all-0 {
  padding: 0px !important;
}

.p-t-0 {
  padding-top: 0px !important;
}

.p-b-0 {
  padding-bottom: 0px !important;
}

.p-l-0 {
  padding-left: 0px !important;
}

.p-r-0 {
  padding-right: 0px !important;
}

.p-lnr-0 {
  padding: 0 0px !important;
}

.p-tnb-0 {
  padding: 0px 0 !important;
}

.m-all-0 {
  margin: 0px !important;
}

.m-t-0 {
  margin-top: 0px !important;
}

.m-b-0 {
  margin-bottom: 0px !important;
}

.m-l-0 {
  margin-left: 0px !important;
}

.m-r-0 {
  margin-right: 0px !important;
}

.m-lnr-0 {
  margin: 0 0px !important;
}

.m-tnb-0 {
  margin: 0px 0 !important;
}

.m-t-de32 {
  margin-top: -32px !important;
}

.m-b-de32 {
  margin-bottom: -32px !important;
}

.m-l-de32 {
  margin-left: -32px !important;
}

.m-r-de32 {
  margin-right: -32px !important;
}

.m-t-de30 {
  margin-top: -30px !important;
}

.m-b-de30 {
  margin-bottom: -30px !important;
}

.m-l-de30 {
  margin-left: -30px !important;
}

.m-r-de30 {
  margin-right: -30px !important;
}

.m-t-de28 {
  margin-top: -28px !important;
}

.m-b-de28 {
  margin-bottom: -28px !important;
}

.m-l-de28 {
  margin-left: -28px !important;
}

.m-r-de28 {
  margin-right: -28px !important;
}

.m-t-de26 {
  margin-top: -26px !important;
}

.m-b-de26 {
  margin-bottom: -26px !important;
}

.m-l-de26 {
  margin-left: -26px !important;
}

.m-r-de26 {
  margin-right: -26px !important;
}

.m-t-de24 {
  margin-top: -24px !important;
}

.m-b-de24 {
  margin-bottom: -24px !important;
}

.m-l-de24 {
  margin-left: -24px !important;
}

.m-r-de24 {
  margin-right: -24px !important;
}

.m-t-de22 {
  margin-top: -22px !important;
}

.m-b-de22 {
  margin-bottom: -22px !important;
}

.m-l-de22 {
  margin-left: -22px !important;
}

.m-r-de22 {
  margin-right: -22px !important;
}

.m-t-de20 {
  margin-top: -20px !important;
}

.m-b-de20 {
  margin-bottom: -20px !important;
}

.m-l-de20 {
  margin-left: -20px !important;
}

.m-r-de20 {
  margin-right: -20px !important;
}

.m-t-de18 {
  margin-top: -18px !important;
}

.m-b-de18 {
  margin-bottom: -18px !important;
}

.m-l-de18 {
  margin-left: -18px !important;
}

.m-r-de18 {
  margin-right: -18px !important;
}

.m-t-de16 {
  margin-top: -16px !important;
}

.m-b-de16 {
  margin-bottom: -16px !important;
}

.m-l-de16 {
  margin-left: -16px !important;
}

.m-r-de16 {
  margin-right: -16px !important;
}

.m-t-de14 {
  margin-top: -14px !important;
}

.m-b-de14 {
  margin-bottom: -14px !important;
}

.m-l-de14 {
  margin-left: -14px !important;
}

.m-r-de14 {
  margin-right: -14px !important;
}

.m-t-de12 {
  margin-top: -12px !important;
}

.m-b-de12 {
  margin-bottom: -12px !important;
}

.m-l-de12 {
  margin-left: -12px !important;
}

.m-r-de12 {
  margin-right: -12px !important;
}

.m-t-de10 {
  margin-top: -10px !important;
}

.m-b-de10 {
  margin-bottom: -10px !important;
}

.m-l-de10 {
  margin-left: -10px !important;
}

.m-r-de10 {
  margin-right: -10px !important;
}

.m-t-de8 {
  margin-top: -8px !important;
}

.m-b-de8 {
  margin-bottom: -8px !important;
}

.m-l-de8 {
  margin-left: -8px !important;
}

.m-r-de8 {
  margin-right: -8px !important;
}

.m-t-de6 {
  margin-top: -6px !important;
}

.m-b-de6 {
  margin-bottom: -6px !important;
}

.m-l-de6 {
  margin-left: -6px !important;
}

.m-r-de6 {
  margin-right: -6px !important;
}

.m-t-de4 {
  margin-top: -4px !important;
}

.m-b-de4 {
  margin-bottom: -4px !important;
}

.m-l-de4 {
  margin-left: -4px !important;
}

.m-r-de4 {
  margin-right: -4px !important;
}

.m-t-de2 {
  margin-top: -2px !important;
}

.m-b-de2 {
  margin-bottom: -2px !important;
}

.m-l-de2 {
  margin-left: -2px !important;
}

.m-r-de2 {
  margin-right: -2px !important;
}

.m-t-1 {
  margin-top: 1px !important;
}

.m-b-1 {
  margin-bottom: 1px !important;
}

.m-l-1 {
  margin-left: 1px !important;
}

.m-r-1 {
  margin-right: 1px !important;
}

.m-t-de1 {
  margin-top: -1px !important;
}

.m-b-de1 {
  margin-bottom: -1px !important;
}

.m-l-de1 {
  margin-left: -1px !important;
}

.m-r-de1 {
  margin-right: -1px !important;
}

.p-all-auto {
  padding: auto;
}

.p-t-auto {
  padding-top: auto;
}

.p-b-auto {
  padding-bottom: auto;
}

.p-l-auto {
  padding-left: auto;
}

.p-r-auto {
  padding-right: auto;
}

.p-lnr-auto {
  padding-left: auto;
  padding-right: auto;
}

.p-tnb-auto {
  padding-top: auto;
  padding-bottom: auto;
}

.m-all-auto {
  margin: auto;
}

.m-t-auto {
  margin-top: auto;
}

.m-b-auto {
  margin-bottom: auto;
}

.m-l-auto {
  margin-left: auto;
}

.m-r-auto {
  margin-right: auto;
}

.m-lnr-auto {
  margin-left: auto;
  margin-right: auto;
}

.m-tnb-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.zindex-navbar {
  z-index: 1000;
}

.zindex-dropdown {
  z-index: 1020;
}

.zindex_popover {
  z-index: 1060;
}

.zindex-tooltip {
  z-index: 1070;
}

.zindex-navbar-fixed {
  z-index: 1030;
}

.zindex-navbar-sticky {
  z-index: 1030;
}

.zindex-modal-bg {
  z-index: 1040;
}

.zindex-modal {
  z-index: 1050;
}

.tmp_demobox1 {
  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;
  text-align: center;
  border-radius: 0.25rem;
}
.tmp_demobox1 img {
  width: 100%;
  height: auto;
  max-width: 970px;
}

.ads_box_type1 {
  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;
  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);
  text-align: center;
  border-radius: 0.25rem;
  padding: 16px;
}
.ads_box_type1 img {
  width: 100%;
  height: auto;
  max-width: 970px;
}
.ads_box_type1.ads_with_iframe {
  /*padding: 0;*/
}

.ads_box_iframe {
  min-width: 970px;
  max-width: 970px;
  width: 100%;
}

.ads_box_300 {
  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;
  text-align: center;
  border-radius: 0.25rem;
}
.ads_box_300 img {
  width: 100%;
  height: auto;
  max-width: 300px;
}

@media (max-width: 768px) {
  /*.ads_box_type1 {
      border-color: transparent;
      background-color: transparent;
      -webkit-box-shadow: none;
      box-shadow: none;
      text-align: center;
      border-radius: 0;    
      margin: 0 16px;
      padding: 0;
      img {
          max-width: 300px;
      }
  }*/
  .ads_box_300 {
    margin: 0 16px;
  }
  .ads_box_300 img {
    max-width: 300px;
  }
}
@media (max-width: 576px) {
  /*.ads_box_type1 {   
      margin: 0 16px;
      padding: 0;
      img {
          max-width: 560px;
      }
  }*/
  .tmp_demobox1 {
    margin: 0 16px;
  }

  .ads_box_300 {
    margin: 0 16px;
  }
  .ads_box_300 img {
    max-width: 560px;
  }
}
html {
  scroll-behavior: smooth;
}

.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-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-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: #1F1D33;
  border-bottom: solid 1px #7976A0;
}

.pt-block-header-purple-2 {
  background-color: #353156;
  border-bottom: solid 1px #7976A0;
}

.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-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);
}
.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-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-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;
    }
  }
}
/* Button */
.btn {
  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;
  font-weight: 600;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.25rem 1rem;
  font-size: 0.875rem;
  line-height: 26px;
  border-radius: 0.125rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn:hover, .btn:focus {
  text-decoration: none;
}

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

.btn.disabled, .btn:disabled {
  opacity: 1;
  pointer-events: none;
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
  background-image: none;
}

a.btn.disabled, fieldset:disabled a.btn {
  pointer-events: none;
}

.btn > i {
  display: block;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
  width: 24px;
  height: 24px;
  font-size: 24px;
  margin-right: 8px;
}

.btn-sm > i {
  display: block;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
  width: 18px;
  height: 18px;
  font-size: 18px;
  margin-right: 4px;
}

.btn-lg > i {
  display: block;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
  width: 36px;
  height: 36px;
  font-size: 36px;
  margin-right: 12px;
}

.btn-primary {
  color: #FFFFFF;
  background: #7459C8;
  border-color: #9575CD;
  background-position: center;
  transition: background 0.8s;
}
.btn-primary:visited {
  color: #FFFFFF;
}
.btn-primary:hover {
  color: #FFFFFF;
  background: #9575CD radial-gradient(circle, rgba(0, 0, 0, 0) 1%, #9575cd 1%) center/15000%;
  border-color: #9575CD;
}
.btn-primary:active {
  background-size: 100%;
  transition: background 0s;
}
.btn-primary:disabled, .btn-primary.disabled {
  color: rgba(233, 229, 246, 0.3);
  background-color: #382040;
  border-color: #382040;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #FFFFFF;
  background-color: #7459C8;
  border-color: #7459C8;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
  box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
}

.btn-secondary {
  color: #FFFFFF;
  background: #44416F;
  border-color: #565380;
  background-position: center;
  transition: background 0.8s;
}
.btn-secondary:visited {
  color: #FFFFFF;
}
.btn-secondary:hover {
  color: #FFFFFF;
  background: #565380 radial-gradient(circle, rgba(0, 0, 0, 0) 1%, #565380 1%) center/15000%;
  border-color: #565380;
}
.btn-secondary:active {
  background-size: 100%;
  transition: background 0s;
}
.btn-secondary:disabled, .btn-secondary.disabled {
  color: rgba(233, 229, 246, 0.3);
  background-color: #382040;
  border-color: #382040;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
  color: #FFFFFF;
  background-color: #44416F;
  border-color: #44416F;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
  box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
}

.btn-success {
  color: #FFFFFF;
  background: #2E7D32;
  border-color: #388E3C;
  background-position: center;
  transition: background 0.8s;
}
.btn-success:visited {
  color: #FFFFFF;
}
.btn-success:hover {
  color: #FFFFFF;
  background: #388E3C radial-gradient(circle, rgba(0, 0, 0, 0) 1%, #388e3c 1%) center/15000%;
  border-color: #388E3C;
}
.btn-success:active {
  background-size: 100%;
  transition: background 0s;
}
.btn-success:disabled, .btn-success.disabled {
  color: rgba(233, 229, 246, 0.3);
  background-color: #382040;
  border-color: #382040;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
  color: #FFFFFF;
  background-color: #2E7D32;
  border-color: #2E7D32;
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
  box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
}

.btn-info {
  color: #FFFFFF;
  background: #2196F3;
  border-color: #42A5F5;
  background-position: center;
  transition: background 0.8s;
}
.btn-info:visited {
  color: #FFFFFF;
}
.btn-info:hover {
  color: #FFFFFF;
  background: #42A5F5 radial-gradient(circle, rgba(0, 0, 0, 0) 1%, #42a5f5 1%) center/15000%;
  border-color: #42A5F5;
}
.btn-info:active {
  background-size: 100%;
  transition: background 0s;
}
.btn-info:disabled, .btn-info.disabled {
  color: rgba(233, 229, 246, 0.3);
  background-color: #382040;
  border-color: #382040;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
  color: #FFFFFF;
  background-color: #2196F3;
  border-color: #2196F3;
}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
  box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
}

.btn-warning {
  color: #FFFFFF;
  background: #FBC02D;
  border-color: #FDD835;
  background-position: center;
  transition: background 0.8s;
}
.btn-warning:visited {
  color: #FFFFFF;
}
.btn-warning:hover {
  color: #FFFFFF;
  background: #FDD835 radial-gradient(circle, rgba(0, 0, 0, 0) 1%, #fdd835 1%) center/15000%;
  border-color: #FDD835;
}
.btn-warning:active {
  background-size: 100%;
  transition: background 0s;
}
.btn-warning:disabled, .btn-warning.disabled {
  color: rgba(233, 229, 246, 0.3);
  background-color: #382040;
  border-color: #382040;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
  color: #FFFFFF;
  background-color: #FBC02D;
  border-color: #FBC02D;
}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
  box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
}

.btn-danger {
  color: #FFFFFF;
  background: #EF5350;
  border-color: #E57373;
  background-position: center;
  transition: background 0.8s;
}
.btn-danger:visited {
  color: #FFFFFF;
}
.btn-danger:hover {
  color: #FFFFFF;
  background: #E57373 radial-gradient(circle, rgba(0, 0, 0, 0) 1%, #e57373 1%) center/15000%;
  border-color: #E57373;
}
.btn-danger:active {
  background-size: 100%;
  transition: background 0s;
}
.btn-danger:disabled, .btn-danger.disabled {
  color: rgba(233, 229, 246, 0.3);
  background-color: #382040;
  border-color: #382040;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
  color: #FFFFFF;
  background-color: #EF5350;
  border-color: #EF5350;
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
  box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
}

.btn-light {
  color: #000000;
  background: #E9E5F6;
  border-color: rgba(233, 229, 246, 0.87);
  background-position: center;
  transition: background 0.8s;
}
.btn-light:visited {
  color: #000000;
}
.btn-light:hover {
  color: #000000;
  background: rgba(233, 229, 246, 0.87) radial-gradient(circle, rgba(0, 0, 0, 0) 1%, rgba(233, 229, 246, 0.87) 1%) center/15000%;
  border-color: rgba(233, 229, 246, 0.87);
}
.btn-light:active {
  background-size: 100%;
  transition: background 0s;
}
.btn-light:disabled, .btn-light.disabled {
  color: rgba(233, 229, 246, 0.3);
  background-color: #382040;
  border-color: #382040;
}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
  color: #000000;
  background-color: #E9E5F6;
  border-color: #E9E5F6;
}
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
  box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
}

.btn-dark {
  color: #FFFFFF;
  background: #191933;
  border-color: #000000;
  background-position: center;
  transition: background 0.8s;
}
.btn-dark:visited {
  color: #FFFFFF;
}
.btn-dark:hover {
  color: #FFFFFF;
  background: #000000 radial-gradient(circle, rgba(0, 0, 0, 0) 1%, #000000 1%) center/15000%;
  border-color: #000000;
}
.btn-dark:active {
  background-size: 100%;
  transition: background 0s;
}
.btn-dark:disabled, .btn-dark.disabled {
  color: rgba(233, 229, 246, 0.3);
  background-color: #382040;
  border-color: #382040;
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
  color: #FFFFFF;
  background-color: #191933;
  border-color: #191933;
}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
  box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
}

.btn-icons {
  color: #000000;
  background: rgba(233, 229, 246, 0.6);
  border-color: rgba(233, 229, 246, 0.6);
  background-position: center;
  transition: background 0.8s;
}
.btn-icons:visited {
  color: #000000;
}
.btn-icons:hover {
  color: #000000;
  background: rgba(233, 229, 246, 0.6) radial-gradient(circle, rgba(0, 0, 0, 0) 1%, rgba(233, 229, 246, 0.6) 1%) center/15000%;
  border-color: rgba(233, 229, 246, 0.6);
}
.btn-icons:active {
  background-size: 100%;
  transition: background 0s;
}
.btn-icons:disabled, .btn-icons.disabled {
  color: rgba(233, 229, 246, 0.3);
  background-color: #382040;
  border-color: #382040;
}
.btn-icons:not(:disabled):not(.disabled):active, .btn-icons:not(:disabled):not(.disabled).active, .show > .btn-icons.dropdown-toggle {
  color: #000000;
  background-color: rgba(233, 229, 246, 0.6);
  border-color: rgba(233, 229, 246, 0.6);
}
.btn-icons:not(:disabled):not(.disabled):active:focus, .btn-icons:not(:disabled):not(.disabled).active:focus, .show > .btn-icons.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
  box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
}

.btn-outline-primary {
  color: #9575CD;
  background: transparent;
  background-image: none;
  border-color: #9575CD;
  background-position: center;
  transition: background 0.4s;
}
.btn-outline-primary:visited {
  color: #9575CD;
}
.btn-outline-primary:hover {
  color: #FFFFFF;
  background: #9575CD radial-gradient(circle, rgba(0, 0, 0, 0) 1%, #9575cd 1%) center/15000%;
  border-color: #9575CD;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  color: #FFFFFF;
  background: #7459C8;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
  box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
}
.btn-outline-primary:active {
  color: #FFFFFF;
  background: #7459C8;
  background-size: 100%;
  transition: background 0s;
}
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
  color: rgba(233, 229, 246, 0.3);
  background: #382040;
  border-color: #382040;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
  color: #FFFFFF;
  background: #7459C8;
  border-color: #7459C8;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
  box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
}

.btn-outline-secondary {
  color: #565380;
  background: transparent;
  background-image: none;
  border-color: #565380;
  background-position: center;
  transition: background 0.4s;
}
.btn-outline-secondary:visited {
  color: #565380;
}
.btn-outline-secondary:hover {
  color: #FFFFFF;
  background: #565380 radial-gradient(circle, rgba(0, 0, 0, 0) 1%, #565380 1%) center/15000%;
  border-color: #565380;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  color: #FFFFFF;
  background: #44416F;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
  box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
}
.btn-outline-secondary:active {
  color: #FFFFFF;
  background: #44416F;
  background-size: 100%;
  transition: background 0s;
}
.btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
  color: rgba(233, 229, 246, 0.3);
  background: #382040;
  border-color: #382040;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
  color: #FFFFFF;
  background: #44416F;
  border-color: #44416F;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
  box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
}

.btn-outline-success {
  color: #388E3C;
  background: transparent;
  background-image: none;
  border-color: #388E3C;
  background-position: center;
  transition: background 0.4s;
}
.btn-outline-success:visited {
  color: #388E3C;
}
.btn-outline-success:hover {
  color: #FFFFFF;
  background: #388E3C radial-gradient(circle, rgba(0, 0, 0, 0) 1%, #388e3c 1%) center/15000%;
  border-color: #388E3C;
}
.btn-outline-success:focus, .btn-outline-success.focus {
  color: #FFFFFF;
  background: #2E7D32;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
  box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
}
.btn-outline-success:active {
  color: #FFFFFF;
  background: #2E7D32;
  background-size: 100%;
  transition: background 0s;
}
.btn-outline-success:disabled, .btn-outline-success.disabled {
  color: rgba(233, 229, 246, 0.3);
  background: #382040;
  border-color: #382040;
}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
  color: #FFFFFF;
  background: #2E7D32;
  border-color: #2E7D32;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
  box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
}

.btn-outline-info {
  color: #42A5F5;
  background: transparent;
  background-image: none;
  border-color: #42A5F5;
  background-position: center;
  transition: background 0.4s;
}
.btn-outline-info:visited {
  color: #42A5F5;
}
.btn-outline-info:hover {
  color: #FFFFFF;
  background: #42A5F5 radial-gradient(circle, rgba(0, 0, 0, 0) 1%, #42a5f5 1%) center/15000%;
  border-color: #42A5F5;
}
.btn-outline-info:focus, .btn-outline-info.focus {
  color: #FFFFFF;
  background: #2196F3;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
  box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
}
.btn-outline-info:active {
  color: #FFFFFF;
  background: #2196F3;
  background-size: 100%;
  transition: background 0s;
}
.btn-outline-info:disabled, .btn-outline-info.disabled {
  color: rgba(233, 229, 246, 0.3);
  background: #382040;
  border-color: #382040;
}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
  color: #FFFFFF;
  background: #2196F3;
  border-color: #2196F3;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
  box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
}

.btn-outline-warning {
  color: #FDD835;
  background: transparent;
  background-image: none;
  border-color: #FDD835;
  background-position: center;
  transition: background 0.4s;
}
.btn-outline-warning:visited {
  color: #FDD835;
}
.btn-outline-warning:hover {
  color: #FFFFFF;
  background: #FDD835 radial-gradient(circle, rgba(0, 0, 0, 0) 1%, #fdd835 1%) center/15000%;
  border-color: #FDD835;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
  color: #FFFFFF;
  background: #FBC02D;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
  box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
}
.btn-outline-warning:active {
  color: #FFFFFF;
  background: #FBC02D;
  background-size: 100%;
  transition: background 0s;
}
.btn-outline-warning:disabled, .btn-outline-warning.disabled {
  color: rgba(233, 229, 246, 0.3);
  background: #382040;
  border-color: #382040;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
  color: #FFFFFF;
  background: #FBC02D;
  border-color: #FBC02D;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
  box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
}

.btn-outline-danger {
  color: #E57373;
  background: transparent;
  background-image: none;
  border-color: #E57373;
  background-position: center;
  transition: background 0.4s;
}
.btn-outline-danger:visited {
  color: #E57373;
}
.btn-outline-danger:hover {
  color: #FFFFFF;
  background: #E57373 radial-gradient(circle, rgba(0, 0, 0, 0) 1%, #e57373 1%) center/15000%;
  border-color: #E57373;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
  color: #FFFFFF;
  background: #EF5350;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
  box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
}
.btn-outline-danger:active {
  color: #FFFFFF;
  background: #EF5350;
  background-size: 100%;
  transition: background 0s;
}
.btn-outline-danger:disabled, .btn-outline-danger.disabled {
  color: rgba(233, 229, 246, 0.3);
  background: #382040;
  border-color: #382040;
}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
  color: #FFFFFF;
  background: #EF5350;
  border-color: #EF5350;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
  box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
}

.btn-outline-light {
  color: rgba(233, 229, 246, 0.87);
  background: transparent;
  background-image: none;
  border-color: rgba(233, 229, 246, 0.87);
  background-position: center;
  transition: background 0.4s;
}
.btn-outline-light:visited {
  color: rgba(233, 229, 246, 0.87);
}
.btn-outline-light:hover {
  color: #000000;
  background: rgba(233, 229, 246, 0.87) radial-gradient(circle, rgba(0, 0, 0, 0) 1%, rgba(233, 229, 246, 0.87) 1%) center/15000%;
  border-color: rgba(233, 229, 246, 0.87);
}
.btn-outline-light:focus, .btn-outline-light.focus {
  color: #000000;
  background: #E9E5F6;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
  box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
}
.btn-outline-light:active {
  color: #000000;
  background: #E9E5F6;
  background-size: 100%;
  transition: background 0s;
}
.btn-outline-light:disabled, .btn-outline-light.disabled {
  color: rgba(233, 229, 246, 0.3);
  background: #382040;
  border-color: #382040;
}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
  color: #000000;
  background: #E9E5F6;
  border-color: #E9E5F6;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
  box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
}

.btn-outline-dark {
  color: #000000;
  background: transparent;
  background-image: none;
  border-color: #000000;
  background-position: center;
  transition: background 0.4s;
}
.btn-outline-dark:visited {
  color: #000000;
}
.btn-outline-dark:hover {
  color: #FFFFFF;
  background: #000000 radial-gradient(circle, rgba(0, 0, 0, 0) 1%, #000000 1%) center/15000%;
  border-color: #000000;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
  color: #FFFFFF;
  background: #191933;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
  box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
}
.btn-outline-dark:active {
  color: #FFFFFF;
  background: #191933;
  background-size: 100%;
  transition: background 0s;
}
.btn-outline-dark:disabled, .btn-outline-dark.disabled {
  color: rgba(233, 229, 246, 0.3);
  background: #382040;
  border-color: #382040;
}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
  color: #FFFFFF;
  background: #191933;
  border-color: #191933;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
  box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
}

.btn-outline-icons {
  color: rgba(233, 229, 246, 0.6);
  background: transparent;
  background-image: none;
  border-color: rgba(233, 229, 246, 0.6);
  background-position: center;
  transition: background 0.4s;
}
.btn-outline-icons:visited {
  color: rgba(233, 229, 246, 0.6);
}
.btn-outline-icons:hover {
  color: #000000;
  background: rgba(233, 229, 246, 0.6) radial-gradient(circle, rgba(0, 0, 0, 0) 1%, rgba(233, 229, 246, 0.6) 1%) center/15000%;
  border-color: rgba(233, 229, 246, 0.6);
}
.btn-outline-icons:focus, .btn-outline-icons.focus {
  color: #000000;
  background: rgba(233, 229, 246, 0.6);
  -webkit-box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
  box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
}
.btn-outline-icons:active {
  color: #000000;
  background: rgba(233, 229, 246, 0.6);
  background-size: 100%;
  transition: background 0s;
}
.btn-outline-icons:disabled, .btn-outline-icons.disabled {
  color: rgba(233, 229, 246, 0.3);
  background: #382040;
  border-color: #382040;
}
.btn-outline-icons:not(:disabled):not(.disabled):active, .btn-outline-icons:not(:disabled):not(.disabled).active, .show > .btn-outline-icons.dropdown-toggle {
  color: #000000;
  background: rgba(233, 229, 246, 0.6);
  border-color: rgba(233, 229, 246, 0.6);
}
.btn-outline-icons:not(:disabled):not(.disabled):active:focus, .btn-outline-icons:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-icons.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
  box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
}

.btn-text-primary {
  color: #9575CD;
  background: transparent;
  background-image: none;
  border: none;
  transition: background 0.8s;
}
.btn-text-primary:visited {
  color: #9575CD;
}
.btn-text-primary:hover {
  color: #9575CD;
  background: rgba(115, 115, 153, 0.12);
}
.btn-text-primary:focus, .btn-text-primary.focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-text-primary:disabled, .btn-text-primary.disabled {
  color: rgba(233, 229, 246, 0.3);
  background: transparent;
}
.btn-text-primary:not(:disabled):not(.disabled):active, .btn-text-primary:not(:disabled):not(.disabled).active, .show > .btn-text-primary.dropdown-toggle {
  color: #FFFFFF;
  background: rgba(115, 115, 153, 0.24);
}
.btn-text-primary:not(:disabled):not(.disabled):active:focus, .btn-text-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-text-primary.dropdown-toggle:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-text-secondary {
  color: #565380;
  background: transparent;
  background-image: none;
  border: none;
  transition: background 0.8s;
}
.btn-text-secondary:visited {
  color: #565380;
}
.btn-text-secondary:hover {
  color: #565380;
  background: rgba(115, 115, 153, 0.12);
}
.btn-text-secondary:focus, .btn-text-secondary.focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-text-secondary:disabled, .btn-text-secondary.disabled {
  color: rgba(233, 229, 246, 0.3);
  background: transparent;
}
.btn-text-secondary:not(:disabled):not(.disabled):active, .btn-text-secondary:not(:disabled):not(.disabled).active, .show > .btn-text-secondary.dropdown-toggle {
  color: #FFFFFF;
  background: rgba(115, 115, 153, 0.24);
}
.btn-text-secondary:not(:disabled):not(.disabled):active:focus, .btn-text-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-text-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-text-success {
  color: #388E3C;
  background: transparent;
  background-image: none;
  border: none;
  transition: background 0.8s;
}
.btn-text-success:visited {
  color: #388E3C;
}
.btn-text-success:hover {
  color: #388E3C;
  background: rgba(115, 115, 153, 0.12);
}
.btn-text-success:focus, .btn-text-success.focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-text-success:disabled, .btn-text-success.disabled {
  color: rgba(233, 229, 246, 0.3);
  background: transparent;
}
.btn-text-success:not(:disabled):not(.disabled):active, .btn-text-success:not(:disabled):not(.disabled).active, .show > .btn-text-success.dropdown-toggle {
  color: #FFFFFF;
  background: rgba(115, 115, 153, 0.24);
}
.btn-text-success:not(:disabled):not(.disabled):active:focus, .btn-text-success:not(:disabled):not(.disabled).active:focus, .show > .btn-text-success.dropdown-toggle:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-text-info {
  color: #42A5F5;
  background: transparent;
  background-image: none;
  border: none;
  transition: background 0.8s;
}
.btn-text-info:visited {
  color: #42A5F5;
}
.btn-text-info:hover {
  color: #42A5F5;
  background: rgba(115, 115, 153, 0.12);
}
.btn-text-info:focus, .btn-text-info.focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-text-info:disabled, .btn-text-info.disabled {
  color: rgba(233, 229, 246, 0.3);
  background: transparent;
}
.btn-text-info:not(:disabled):not(.disabled):active, .btn-text-info:not(:disabled):not(.disabled).active, .show > .btn-text-info.dropdown-toggle {
  color: #FFFFFF;
  background: rgba(115, 115, 153, 0.24);
}
.btn-text-info:not(:disabled):not(.disabled):active:focus, .btn-text-info:not(:disabled):not(.disabled).active:focus, .show > .btn-text-info.dropdown-toggle:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-text-warning {
  color: #FDD835;
  background: transparent;
  background-image: none;
  border: none;
  transition: background 0.8s;
}
.btn-text-warning:visited {
  color: #FDD835;
}
.btn-text-warning:hover {
  color: #FDD835;
  background: rgba(115, 115, 153, 0.12);
}
.btn-text-warning:focus, .btn-text-warning.focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-text-warning:disabled, .btn-text-warning.disabled {
  color: rgba(233, 229, 246, 0.3);
  background: transparent;
}
.btn-text-warning:not(:disabled):not(.disabled):active, .btn-text-warning:not(:disabled):not(.disabled).active, .show > .btn-text-warning.dropdown-toggle {
  color: #FFFFFF;
  background: rgba(115, 115, 153, 0.24);
}
.btn-text-warning:not(:disabled):not(.disabled):active:focus, .btn-text-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-text-warning.dropdown-toggle:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-text-danger {
  color: #E57373;
  background: transparent;
  background-image: none;
  border: none;
  transition: background 0.8s;
}
.btn-text-danger:visited {
  color: #E57373;
}
.btn-text-danger:hover {
  color: #E57373;
  background: rgba(115, 115, 153, 0.12);
}
.btn-text-danger:focus, .btn-text-danger.focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-text-danger:disabled, .btn-text-danger.disabled {
  color: rgba(233, 229, 246, 0.3);
  background: transparent;
}
.btn-text-danger:not(:disabled):not(.disabled):active, .btn-text-danger:not(:disabled):not(.disabled).active, .show > .btn-text-danger.dropdown-toggle {
  color: #FFFFFF;
  background: rgba(115, 115, 153, 0.24);
}
.btn-text-danger:not(:disabled):not(.disabled):active:focus, .btn-text-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-text-danger.dropdown-toggle:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-text-light {
  color: rgba(233, 229, 246, 0.87);
  background: transparent;
  background-image: none;
  border: none;
  transition: background 0.8s;
}
.btn-text-light:visited {
  color: rgba(233, 229, 246, 0.87);
}
.btn-text-light:hover {
  color: rgba(233, 229, 246, 0.87);
  background: rgba(115, 115, 153, 0.12);
}
.btn-text-light:focus, .btn-text-light.focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-text-light:disabled, .btn-text-light.disabled {
  color: rgba(233, 229, 246, 0.3);
  background: transparent;
}
.btn-text-light:not(:disabled):not(.disabled):active, .btn-text-light:not(:disabled):not(.disabled).active, .show > .btn-text-light.dropdown-toggle {
  color: #000000;
  background: rgba(115, 115, 153, 0.24);
}
.btn-text-light:not(:disabled):not(.disabled):active:focus, .btn-text-light:not(:disabled):not(.disabled).active:focus, .show > .btn-text-light.dropdown-toggle:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-text-dark {
  color: #000000;
  background: transparent;
  background-image: none;
  border: none;
  transition: background 0.8s;
}
.btn-text-dark:visited {
  color: #000000;
}
.btn-text-dark:hover {
  color: #000000;
  background: rgba(115, 115, 153, 0.12);
}
.btn-text-dark:focus, .btn-text-dark.focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-text-dark:disabled, .btn-text-dark.disabled {
  color: rgba(233, 229, 246, 0.3);
  background: transparent;
}
.btn-text-dark:not(:disabled):not(.disabled):active, .btn-text-dark:not(:disabled):not(.disabled).active, .show > .btn-text-dark.dropdown-toggle {
  color: #FFFFFF;
  background: rgba(115, 115, 153, 0.24);
}
.btn-text-dark:not(:disabled):not(.disabled):active:focus, .btn-text-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-text-dark.dropdown-toggle:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-text-icons {
  color: rgba(233, 229, 246, 0.6);
  background: transparent;
  background-image: none;
  border: none;
  transition: background 0.8s;
}
.btn-text-icons:visited {
  color: rgba(233, 229, 246, 0.6);
}
.btn-text-icons:hover {
  color: rgba(233, 229, 246, 0.6);
  background: rgba(115, 115, 153, 0.12);
}
.btn-text-icons:focus, .btn-text-icons.focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-text-icons:disabled, .btn-text-icons.disabled {
  color: rgba(233, 229, 246, 0.3);
  background: transparent;
}
.btn-text-icons:not(:disabled):not(.disabled):active, .btn-text-icons:not(:disabled):not(.disabled).active, .show > .btn-text-icons.dropdown-toggle {
  color: #000000;
  background: rgba(115, 115, 153, 0.24);
}
.btn-text-icons:not(:disabled):not(.disabled):active:focus, .btn-text-icons:not(:disabled):not(.disabled).active:focus, .show > .btn-text-icons.dropdown-toggle:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-facebook {
  color: #FFFFFF;
  background: #39589b;
  border-color: #334d8a;
  background-position: center;
  transition: background 0.8s;
}
.btn-facebook:visited {
  color: #FFFFFF;
}
.btn-facebook:hover {
  color: #FFFFFF;
  background: #334d8a radial-gradient(circle, rgba(0, 0, 0, 0) 1%, #334d8a 1%) center/15000%;
  border-color: #334d8a;
}
.btn-facebook:active {
  background-size: 100%;
  transition: background 0s;
}
.btn-facebook:disabled, .btn-facebook.disabled {
  color: rgba(233, 229, 246, 0.3);
  background-color: #382040;
  border-color: #382040;
}
.btn-facebook:not(:disabled):not(.disabled):active, .btn-facebook:not(:disabled):not(.disabled).active, .show > .btn-facebook.dropdown-toggle {
  color: #FFFFFF;
  background-color: #39589b;
  border-color: #39589b;
}
.btn-facebook:not(:disabled):not(.disabled):active:focus, .btn-facebook:not(:disabled):not(.disabled).active:focus, .show > .btn-facebook.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
  box-shadow: 0 0 0 0.2rem rgba(116, 89, 200, 0.3);
}

.btn-link {
  font-weight: 400;
  color: #B39DDB;
  background-color: transparent;
}

.btn-link:hover {
  color: #D1C4E9;
  text-decoration: none;
  background-color: transparent;
  border-color: transparent;
}

.btn-link:focus, .btn-link.focus {
  text-decoration: none;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-link:disabled, .btn-link.disabled {
  color: rgba(233, 229, 246, 0.3);
}

.btn-group, .btn-group-vertical {
  position: relative;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: -moz-inline-flexbox;
  display: -webkit-inline-box;
  display: inline-flex;
  vertical-align: middle;
}

.btn-group > .btn {
  border-radius: 0rem;
}
.btn-group > .btn:first-child {
  border-radius: 0.125rem 0 0 0.125rem;
}
.btn-group > .btn:last-child {
  border-radius: 0 0.125rem 0.125rem 0;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1.25rem;
  font-size: 1.25rem;
  border-radius: 0.25rem;
  line-height: 38px;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.125rem 0.5rem;
  font-size: 0.75rem;
  border-radius: 0.125rem;
  line-height: 1.5;
}

.btn-block {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  text-align: center;
}

.btn-block + .btn-block {
  margin-top: 0.5rem;
}

.btn-min-width {
  min-width: 8.5rem;
}

.btn-square {
  border-radius: 0rem;
}

.btn-round {
  border-radius: 1.125rem;
}

.btn-circle {
  border-radius: 50%;
}

/*a.btn {
    color: $white;
	text-decoration: $link-decoration;
    &:visited {
      color: $white;
      text-decoration: $link-decoration;
    }
    &:hover {
      color: $white;
      text-decoration: $link-decoration;
    }
	&:focus {
      color: $white;
      text-decoration: $link-decoration;
    }
    &:active {
      color: $white;
    }
  }*/
.btn-icon {
  padding: 5px;
}
.btn-icon > i {
  margin: 0;
}
.btn-icon:focus {
  color: #FFFFFF;
  text-decoration: none;
}
.btn-icon:focus > i.pantip-icons {
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
  opacity: 1;
}
.btn-icon:active {
  color: #FFFFFF;
  text-decoration: none;
}
.btn-icon:active > i.pantip-icons {
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
  opacity: 1;
}
.btn-icon:active > i.pantip-icons.icolor-light, .btn-icon:active > i.pantip-icons .icolor-white, .btn-icon:active > i.pantip-icons .icolor-secondary {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}
.btn-icon.active > i.pantip-icons {
  color: #FFFFFF;
  opacity: 1;
}
.btn-icon:disabled > i.pantip-icons {
  opacity: 0.3;
}

.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-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;
  text-indent: 12px;
}
.pt-mobile__search .pt-search-nav > .search-box::placeholder {
  text-indent: 10px;
  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);
}

.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;
  }
}
/* 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-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-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-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.38;
  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;
}

.pt-lists-item__primary-text {
  color: rgba(233, 229, 246, 0.87);
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  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;
  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-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__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-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-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-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-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-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-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-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-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.38;
  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-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-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-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-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-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 */
  /* Box */
  /* Checkmark */
  /* Circle */
  /* Check */
  /* 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 > 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-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-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;
  }
}
/* 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: #353156;
  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;
}
.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: 18px;
    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.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 {
  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 {
  margin: 0;
  padding: 0;
  position: relative;
}

.pt-label-official {
  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: 19px;
  line-height: 19px;
  position: relative;
  font-size: 10px;
  font-weight: bold;
  margin-left: -4px;
  padding: 0 6px 0 6px;
  background: #EF5350;
  color: #FFFFFF;
  text-decoration: none;
  border-radius: 0.125rem;
}

.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-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: 576px) {
  .container-main .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  .container-main {
    margin-top: 106px;
  }
}
.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-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%);
}

@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.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-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.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-active {
  background: #9575CD;
  color: #FFFFFF;
}
.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 */