:root {
  --r-accent: #07938b;
  --r-accent-alt: #07a39b;
  --r-color-yellow: #FFA800;
  --r-text: #222;
  --r-bg: #f5f5f7;
  --r-border: #d5d5d7;
  --r-space: 16px;
  --r-box: 14px;
  --r-muted: #828897;
  --r-muted-bg: #bebfc0;
  --r-heading: "Noto Sans", "Noto Sans Thai", sans-serif;
  --r-heading-weight: 600;
  --r-heading-line-height: 1.3;
  --r-body: "Noto Sans", "Noto Sans Thai", sans-serif;
  --r-title: 1.125em;
  --r-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
}

@media (min-width: 768px) {
  :root {
    --r-space: 20px;
    --r-box: 16px;
    --r-title: 1.25em
  }
}

@media (min-width: 992px) {
  :root {
    --r-space: 24px;
    --r-box: 24px
  }
}

@font-face {
  font-family: "Noto Sans";
  src: url("../fonts/notosans-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "Noto Sans";
  src: url("../fonts/notosans-semibold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "Noto Sans Thai";
  src: url("../fonts/notosansthai-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "Noto Sans Thai";
  src: url("../fonts/notosansthai-semibold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

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

* {
  margin: 0
}

html,
body {
  height: 100%;
  overflow-x: hidden
}

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  font-family: var(--r-body);
  color: var(--r-text)
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%
}

img,
video {
  height: auto
}

iframe {
  border: none
}

input,
button,
textarea,
select {
  font: inherit
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--r-heading);
  font-weight: var(--r-heading-weight);
  line-height: var(--r-heading-line-height);
  margin-bottom: 1rem
}

nav,
button,
blockquote,
label,
legend {
  font-family: var(--r-heading);
  font-weight: var(--r-heading-weight)
}

hr {
  margin: var(--r-space) 0;
  border: none;
  border-top: 1px solid var(--r-border)
}

a {
  text-decoration: none;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  cursor: pointer
}

a:active {
  opacity: 0.6
}

table {
  border-collapse: collapse
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden
}

.screen-reader-text:focus {
  clip: auto !important;
  display: block;
  height: auto;
  left: 5px;
  top: 5px;
  width: auto;
  z-index: 100000
}

i[class^="i-"],
i[class*=" i-"] {
  background-repeat: no-repeat;
  background-size: contain;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px
}

i[class^="flag-"] {
  background-repeat: no-repeat;
  background-size: contain;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 30px;
  height: 30px
}

.i-view {
  background-image: url("../img/i-view.svg")
}

.i-share {
  background-image: url("../img/i-share.svg")
}

.i-love {
  background-image: url("../img/i-love.svg")
}

i.i-more {
  background-image: url("../img/i-more.svg");
  width: 30px;
  height: 30px
}

i.i-down {
  background-image: url("../img/i-down.svg");
  width: 24px;
  height: 24px
}

.i-search {
  background-image: url("../img/i-search.svg")
}

i.i-writer {
  background-image: url("../img/i-writer.svg");
  width: 30px;
  height: 30px
}

.i-create {
  background-image: url("../img/i-create.svg")
}

.i-user {
  background-image: url("../img/i-user.svg")
}

.i-login {
  background-image: url("../img/i-login.svg")
}

.i-chat {
  background-image: url("../img/i-chat.svg")
}

.flag-jp {
  background-image: url("../img/flag-jp.svg")
}

.flag-kr {
  background-image: url("../img/flag-kr.svg")
}

.flag-vn {
  background-image: url("../img/flag-vn.svg")
}

.flag-cn {
  background-image: url("../img/flag-cn.svg")
}

.flag-tw {
  background-image: url("../img/flag-tw.svg")
}

.post-content p {
  min-height: 1.5em;
  padding: 0;
  margin: 0;
  margin-bottom: 1em;
}

button,
select,
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="checkbox"],
input[type="range"],
input[type="radio"] {
  cursor: pointer
}

input,
select {
  display: block
}

[type="checkbox"],
[type="radio"] {
  display: initial
}

input,
button,
textarea,
select {
  color: var(--r-text);
  background-color: var(--r-bg);
  font-family: inherit;
  font-size: inherit;
  padding: 8px;
  border: none;
  border-radius: 5px;
  outline: none
}

button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  background-color: #888;
  padding-right: 30px;
  padding-left: 30px
}

button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  background-color: var(--r-accent)
}

input[type="color"] {
  min-height: 2rem;
  padding: 8px;
  cursor: pointer
}

input[type="checkbox"],
input[type="radio"] {
  height: 1em;
  width: 1em
}

input[type="radio"] {
  border-radius: 100%
}

input {
  vertical-align: top;
  -webkit-transition: 0.3s;
  transition: 0.3s
}

label {
  vertical-align: middle;
  margin-bottom: 4px;
  display: inline-block
}

input:not([type="checkbox"]):not([type="radio"]),
input[type="range"],
select,
button,
textarea {
  -webkit-appearance: none
}

textarea {
  display: block;
  margin-right: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  resize: vertical
}

textarea:not([cols]) {
  width: 100%
}

textarea:not([rows]) {
  min-height: 40px;
  height: 140px
}

select {
  background: var(--r-bg) var(--r-text) calc(100% - 12px) 50%/12px no-repeat;
  padding-right: 35px
}

select::-ms-expand {
  display: none
}

select[multiple] {
  padding-right: 10px;
  background-image: none;
  overflow-y: auto
}

input:focus,
select:focus,
button:focus,
textarea:focus {
  -webkit-box-shadow: 0 0 0 2px var(--r-accent);
  box-shadow: 0 0 0 2px var(--r-accent)
}

input[type="checkbox"]:active,
input[type="radio"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
input[type="range"]:active,
button:active {
  -webkit-transform: translateY(2px);
  transform: translateY(2px)
}

input:disabled,
select:disabled,
button:disabled,
textarea:disabled {
  cursor: not-allowed;
  opacity: 0.5
}

::-webkit-input-placeholder {
  color: #666
}

:-ms-input-placeholder {
  color: #666
}

::-ms-input-placeholder {
  color: #666
}

::placeholder {
  color: #666
}

legend {
  font-size: 0.9em;
  font-weight: 600
}

.r-input {
  position: relative
}

.r-input input {
  width: 100%
}

.btn-main {
  background-image: -webkit-gradient(linear, left top, right top, from(#058c84), color-stop(#1fc4b0), color-stop(#17c2cc), to(#2fa1bc));
  background-image: linear-gradient(to right, #058c84, #1fc4b0, #17c2cc, #2fa1bc);
  background-size: 300% 100%;
  padding: 8px 24px;
  color: #fff;
  border-radius: 40px;
  font-weight: bold;
  -webkit-transition: 0.4s;
  transition: 0.4s
}

.btn-main:hover {
  background-position: 100% 0;
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.btn-main.is-follow::before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M9.99996 1.95288C5.40496 1.95288 1.66663 5.69121 1.66663 10.2862C1.66663 14.8812 5.40496 18.6195 9.99996 18.6195C14.595 18.6195 18.3333 14.8812 18.3333 10.2862C18.3333 5.69121 14.595 1.95288 9.99996 1.95288ZM13.567 8.8533L9.40038 13.02C9.27829 13.142 9.11829 13.2029 8.95829 13.2029C8.79829 13.2029 8.63829 13.142 8.51621 13.02L6.43288 10.9366C6.18871 10.6925 6.18871 10.297 6.43288 10.0529C6.67704 9.80871 7.07246 9.80871 7.31663 10.0529L8.95788 11.6941L12.6825 7.96955C12.9266 7.72538 13.322 7.72538 13.5662 7.96955C13.8104 8.21371 13.8108 8.60913 13.567 8.8533Z' fill='white' /%3E%3C/svg%3E");
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-left: 20px;
  margin-right: 6px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem;
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}

.btn-alt {
  background-image: -webkit-gradient(linear, left top, right top, from(#f5f5f7), color-stop(#f8f8fa), color-stop(#f8f8fa), to(#eee));
  background-image: linear-gradient(to right, #f5f5f7, #f8f8fa, #f8f8fa, #eee);
  background-size: 300% 100%;
  padding: 8px 24px;
  color: var(--r-accent);
  border-radius: 40px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  gap: 8px;
  -webkit-transition: 0.4s;
  transition: 0.4s
}

.btn-alt span {
  color: var(--r-accent)
}

.btn-alt .icon-left {
  margin-left: -14px
}

.btn-alt:hover {
  background-position: 100% 0;
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.btn-alt.-gift {
  margin: var(--r-space) 0;
  padding: 6px 24px;
  background-color: white;
  font-size: 1.1rem;
  color: var(--r-text);
  border-radius: 10px;
  border: 1px solid var(--r-accent);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15), 0px 0px 16px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15), 0px 0px 16px rgba(0, 0, 0, 0.1)
}

.btn-ghost {
  padding: 4px 16px;
  border: 1px solid var(--r-accent);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px
}

@media (max-width: 390px) {
  .btn-alt span {
    font-size: 15px;
  }
}

._h {
  font-family: var(--r-heading);
  font-weight: var(--r-heading-weight);
  line-height: var(--r-heading-line-height)
}

._space {
  min-height: 1px;
  margin-bottom: var(--r-space) !important
}

._space_0 {
  margin-bottom: 0 !important
}

._padding_0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

@media (max-width: 991px) {
  ._desktop {
    display: none !important
  }
}

@media (min-width: 992px) {
  ._mobile {
    display: none !important
  }
}

._large {
  font-size: 1.2em
}

._accent {
  color: var(--r-accent)
}

@media (max-width:640px) {
  ._accent.weekly{
    font-size: 15px;
  }
}

._invisible {
  visibility: hidden
}

.text-left {
  text-align: left
}

.text-center {
  text-align: center
}

.text-center img {
  margin-left: auto;
  margin-right: auto
}

@media (min-width: 992px) {
  .text-center.-toleft {
    text-align: left
  }
}

.text-right {
  text-align: right
}

.text-nowrap {
  white-space: nowrap
}

.text-primary {
  color: var(--r-accent)
}

.text-yellow {
  color: var(--r-color-yellow)
}

.text-underline {
  text-decoration: underline
}

.r-sec {
  padding-top: calc(2 * var(--r-space));
  padding-bottom: calc(2 * var(--r-space))
}

.r-sec.-light {
  background-color: var(--r-bg)
}

.r-sec.-dark {
  background-color: #333;
  color: #fff
}

.r-sec.-dark a {
  color: #fff
}

.r-sec-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: calc(1.5 * var(--r-space)) auto
}

.r-sec-more:hover {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.r-sec-more-desktop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: calc(1.5 * var(--r-space)) auto
}

.r-sec-more-desktop:hover {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

span.howto {
  font-size: 2em;
  font-weight: bold;
}

@media (min-width: 992px) {
  .r-sec-more {
    position: absolute;
    right: var(--r-space);
    top: -1px;
    margin: 0
  }

  .r-sec-more.-h2 {
    top: 50px
  }
}

.r-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: calc(1.5 * var(--r-space)) auto
}

@media (min-width: 992px) {
  .r-more {
    margin: calc(1.5 * var(--r-space)) 0
  }
}

.r-container {
  padding: 0 var(--r-space);
  max-width: 1258px;
  margin: 0 auto;
  position: relative
}

.r-caption {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  background-color: #000;
  margin-bottom: 10px;
  width: 100%
}

.r-caption img {
  top: 0;
  width: 100%;
  height: 220px;
  opacity: 0.8;
  z-index: 1;
  border-radius: 10px
}

.r-caption figcaption {
  position: absolute;
  z-index: 2;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.2)
}

.r-caption h2 {
  margin: 0;
  font-size: 2em;
  white-space: nowrap
}

@media (min-width: 992px) {
  .r-caption img {
    -webkit-transition: 0.8s;
    transition: 0.8s
  }

  a:hover .r-caption img {
    -webkit-transform: scale(1.12);
    transform: scale(1.12)
  }
}

ul.r-bullet {
  padding-left: 1em;
  list-style-type: disc
}

ul.r-bullet a:hover {
  opacity: 0.8
}

ul.no-bullet {
  padding-left: 0;
  list-style: none
}

ul.no-bullet a:hover {
  opacity: 0.8
}

.r-full {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw)
}

.r-grid {
  display: -ms-grid;
  display: grid;
  gap: 16px;
  margin-bottom: 16px;
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr)
}

.r-grid.-m2 {
  -ms-grid-columns: (minmax(0, 1fr))[2];
  grid-template-columns: repeat(2, minmax(0, 1fr))
}

.r-grid.-m3 {
  -ms-grid-columns: (minmax(0, 1fr))[3];
  grid-template-columns: repeat(3, minmax(0, 1fr))
}

.r-grid.-g0 {
  gap: 0
}

.r-grid::before,
.r-grid::after {
  display: none
}

.r-grid .col {
  height: auto
}

@media (min-width: 992px) {
  .r-grid {
    gap: 20px;
    margin-bottom: 20px;
    -ms-grid-columns: (minmax(0, 1fr))[3];
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .r-grid.-d1 {
    -ms-grid-columns: (minmax(0, 1fr))[1];
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .r-grid.-d2 {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .r-grid.-d4 {
    -ms-grid-columns: (minmax(0, 1fr))[4];
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }

  .r-grid.-d5 {
    -ms-grid-columns: (minmax(0, 1fr))[5];
    grid-template-columns: repeat(5, minmax(0, 1fr))
  }

  .r-grid.-d6 {
    -ms-grid-columns: (minmax(0, 1fr))[6];
    grid-template-columns: repeat(6, minmax(0, 1fr))
  }
}

.r-card {
  border-radius: 10px;
  overflow: hidden;
  height: 100%;
  background-color: #fff;
  -webkit-box-shadow: var(--r-shadow);
  box-shadow: var(--r-shadow);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-transition: 0.3s;
  transition: 0.3s
}

.r-card:hover {
  -webkit-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.16)
}

.r-card:hover .pic img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.r-card .pic {
  height: 0;
  padding-top: 56.25%;
  position: relative;
  overflow: hidden
}

.r-card .pic img {
  position: absolute;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.r-card .meta {
  color: #fff;
  position: absolute;
  top: -28px;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  padding-left: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5)
}

.r-card .meta i {
  margin-left: 6px;
  height: 14px
}

.r-card .info {
  position: relative;
  padding: 12px;
  /* min-height: 118px; */
  min-height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.r-card h2 {
  font-size: 1em;
  margin-bottom: 0;
  font-weight: normal
}

.r-card h3 {
  font-size: 0.9rem;
  margin-bottom: 4px;
  font-weight: normal
}

.r-card h3 a {
  color: var(--r-accent)
}

.r-card .avatar {
  width: 50px;
  height: 50px;
  border-radius: 25px
}

.r-card.-prizes {
  -webkit-box-shadow: none;
  box-shadow: none
}

.r-card.-prizes .meta {
  padding: 5px 20px 5px 10px;
  top: -32px;
  left: 0px;
  font-size: 14px;
  gap: 8px;
  font-weight: bold;
  background: linear-gradient(135deg, #058c84 0%, #1fc4b0 100%);
  border-radius: 0px 10px 0px 0px
}

.r-card-profile {
  overflow: hidden;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  text-align: center
}

.r-card-profile.-light .info {
  background-color: var(--r-bg)
}

.r-card-profile .pic {
  min-height: 126px;
  height: 126px;
  position: relative;
  overflow: hidden
}

.r-card-profile .pic img {
  position: absolute;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.r-card-profile .info {
  padding: var(--r-space);
  padding-top: 100px;
  border: 1px solid var(--r-border);
  -webkit-box-shadow: var(--r-shadow);
  box-shadow: var(--r-shadow);
  border-radius: 10px;
  background-color: #fff;
  position: relative
}

.r-card-profile .avatar {
  height: 168px;
  width: 168px;
  margin: auto;
  border-radius: 50%;
  border: 5px solid #fff;
  position: absolute;
  top: -80px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.r-card-profile .social-following {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  padding-top: calc(var(--r-space) / 2);
  padding-bottom: calc(var(--r-space) / 2);
  height: 66px;
}

.r-card-profile .social-following svg {
  margin: auto
}

.r-card-profile .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6px;
  font-size: 0.75rem
}

.r-card-profile .follow span {
  color: var(--r-accent);
  font-size: 1.125rem;
  padding-right: 16px
}

.r-card-profile .btn-main {
  padding: 6px 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px
}

.r-card-profile .favorite {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 6px;
  font-size: 0.75rem;
  position: absolute;
  top: var(--r-space);
  right: var(--r-space)
}

.r-card-profile .wraper {
  border: 1px solid var(--r-border);
  -webkit-box-shadow: var(--r-shadow);
  box-shadow: var(--r-shadow);
  border-radius: 10px;
  overflow: hidden;
  margin-top: 20px
}

.r-card-profile .wraper .info {
  border: none;
  border-radius: 0
}

.r-card-profile .popular,
.r-card-profile .popular-first {
  color: #fff;
  font-size: 1.25rem;
  font-weight: bold;
  padding: 8px;
  min-width: 56px;
  height: 56px;
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40.3251 21.5961C39.7781 20.6031 39.7781 19.3981 40.3251 18.4051L40.5871 17.9291C41.4421 16.3741 40.9201 14.4201 39.4001 13.5011L38.9351 13.2191C37.9651 12.6311 37.3631 11.5891 37.3391 10.4561L37.3271 9.91206C37.2911 8.13706 35.8611 6.70706 34.0861 6.67106L33.5421 6.65906C32.4081 6.63606 31.3651 6.03306 30.7791 5.06306L30.4971 4.59806C29.5781 3.07906 27.6241 2.55606 26.0691 3.41106L25.5931 3.67306C24.6001 4.22006 23.3951 4.22006 22.4021 3.67306L21.9271 3.41206C20.3721 2.55706 18.4191 3.08006 17.5001 4.59906L17.2181 5.06406C16.6301 6.03406 15.5881 6.63606 14.4551 6.66006L13.9111 6.67206C12.1361 6.70806 10.7061 8.13806 10.6701 9.91306L10.6581 10.4571C10.6351 11.5911 10.0321 12.6341 9.06212 13.2201L8.59712 13.5021C7.07912 14.4211 6.55512 16.3751 7.41012 17.9301L7.67212 18.4061C8.21912 19.3991 8.21912 20.6041 7.67212 21.5971L7.41111 22.0721C6.55611 23.6271 7.07811 25.5811 8.59811 26.5001L9.06311 26.7821C10.0331 27.3701 10.6351 28.4121 10.6591 29.5451L10.6711 30.0891C10.7071 31.8641 12.1371 33.2941 13.9121 33.3301L14.4561 33.3421C15.5901 33.3651 16.6331 33.9681 17.2191 34.9381L17.5011 35.4031C18.4201 36.9211 20.3741 37.4451 21.9291 36.5901L22.4051 36.3281C23.3981 35.7811 24.6031 35.7811 25.5961 36.3281L26.0721 36.5901C27.6271 37.4451 29.5811 36.9231 30.5001 35.4031L30.7821 34.9381C31.3701 33.9681 32.4121 33.3661 33.5451 33.3421L34.0891 33.3301C35.8641 33.2941 37.2941 31.8641 37.3301 30.0891L37.3421 29.5451C37.3651 28.4111 37.9681 27.3681 38.9381 26.7821L39.4031 26.5001C40.9211 25.5811 41.4451 23.6271 40.5901 22.0721L40.3251 21.5961Z' fill='%23FFA000'/%3E%3Cpath d='M23.9991 8.9231C21.0613 8.9231 18.2438 10.0901 16.1665 12.1675C14.0892 14.2448 12.9221 17.0623 12.9221 20.0001C12.9221 22.9379 14.0892 25.7554 16.1665 27.8327C18.2438 29.9101 21.0613 31.0771 23.9991 31.0771C26.9369 31.0771 29.7544 29.9101 31.8317 27.8327C33.9091 25.7554 35.0761 22.9379 35.0761 20.0001C35.0761 17.0623 33.9091 14.2448 31.8317 12.1675C29.7544 10.0901 26.9369 8.9231 23.9991 8.9231V8.9231Z' fill='%23FFB300'/%3E%3Cpath d='M24 32.001C17.383 32.001 12 26.618 12 20.001C12 13.384 17.382 8 24 8C30.618 8 36 13.383 36 20C36 26.617 30.617 32.001 24 32.001ZM24 10C18.486 10 14 14.486 14 20C14 25.514 18.486 30 24 30C29.514 30 34 25.514 34 20C34 14.486 29.514 10 24 10Z' fill='%23FFCA28'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2
}

.r-card-profile .popular-first {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34 27H14V45L24 42L34 45V27Z' fill='%23FF3D00'/%3E%3Cpath d='M34 31.332L33.503 31.343C31.675 31.381 30.019 32.338 29.07 33.904L28.789 34.369C28.424 34.972 27.655 35.179 27.039 34.84L26.561 34.576C25.759 34.135 24.88 33.914 24.001 33.914C23.121 33.914 22.241 34.135 21.438 34.577L20.965 34.838C20.348 35.177 19.577 34.971 19.212 34.368L18.931 33.903C17.984 32.338 16.327 31.381 14.499 31.343L14 31.332V35.333L14.415 35.342C14.866 35.351 15.275 35.587 15.509 35.974L15.791 36.439C17.27 38.882 20.387 39.719 22.896 38.341L23.371 38.079C23.767 37.862 24.239 37.862 24.631 38.078L25.11 38.342C25.925 38.79 26.805 39.004 27.673 39.004C29.471 39.004 31.215 38.087 32.213 36.437L32.493 35.973C32.727 35.586 33.137 35.35 33.589 35.341L34 35.332V31.332Z' fill='%23DD2C00'/%3E%3Cpath d='M40.3251 21.5961C39.7781 20.6031 39.7781 19.3981 40.3251 18.4051L40.5871 17.9291C41.4421 16.3741 40.9201 14.4201 39.4001 13.5011L38.9351 13.2191C37.9651 12.6311 37.3631 11.5891 37.3391 10.4561L37.3271 9.91206C37.2911 8.13706 35.8611 6.70706 34.0861 6.67106L33.5421 6.65906C32.4081 6.63606 31.3651 6.03306 30.7791 5.06306L30.4971 4.59806C29.5781 3.07906 27.6241 2.55606 26.0691 3.41106L25.5931 3.67306C24.6001 4.22006 23.3951 4.22006 22.4021 3.67306L21.9271 3.41206C20.3721 2.55706 18.4191 3.08006 17.5001 4.59906L17.2181 5.06406C16.6301 6.03406 15.5881 6.63606 14.4551 6.66006L13.9111 6.67206C12.1361 6.70806 10.7061 8.13806 10.6701 9.91306L10.6581 10.4571C10.6351 11.5911 10.0321 12.6341 9.06212 13.2201L8.59712 13.5021C7.07912 14.4211 6.55512 16.3751 7.41012 17.9301L7.67212 18.4061C8.21912 19.3991 8.21912 20.6041 7.67212 21.5971L7.41111 22.0721C6.55611 23.6271 7.07811 25.5811 8.59811 26.5001L9.06311 26.7821C10.0331 27.3701 10.6351 28.4121 10.6591 29.5451L10.6711 30.0891C10.7071 31.8641 12.1371 33.2941 13.9121 33.3301L14.4561 33.3421C15.5901 33.3651 16.6331 33.9681 17.2191 34.9381L17.5011 35.4031C18.4201 36.9211 20.3741 37.4451 21.9291 36.5901L22.4051 36.3281C23.3981 35.7811 24.6031 35.7811 25.5961 36.3281L26.0721 36.5901C27.6271 37.4451 29.5811 36.9231 30.5001 35.4031L30.7821 34.9381C31.3701 33.9681 32.4121 33.3661 33.5451 33.3421L34.0891 33.3301C35.8641 33.2941 37.2941 31.8641 37.3301 30.0891L37.3421 29.5451C37.3651 28.4111 37.9681 27.3681 38.9381 26.7821L39.4031 26.5001C40.9211 25.5811 41.4451 23.6271 40.5901 22.0721L40.3251 21.5961Z' fill='%23FFA000'/%3E%3Cpath d='M23.9991 8.9231C21.0613 8.9231 18.2438 10.0901 16.1665 12.1675C14.0892 14.2448 12.9221 17.0623 12.9221 20.0001C12.9221 22.9379 14.0892 25.7554 16.1665 27.8327C18.2438 29.9101 21.0613 31.0771 23.9991 31.0771C26.9369 31.0771 29.7544 29.9101 31.8317 27.8327C33.9091 25.7554 35.0761 22.9379 35.0761 20.0001C35.0761 17.0623 33.9091 14.2448 31.8317 12.1675C29.7544 10.0901 26.9369 8.9231 23.9991 8.9231V8.9231Z' fill='%23FFB300'/%3E%3Cpath d='M24 32.001C17.383 32.001 12 26.618 12 20.001C12 13.384 17.382 8 24 8C30.618 8 36 13.383 36 20C36 26.617 30.617 32.001 24 32.001ZM24 10C18.486 10 14 14.486 14 20C14 25.514 18.486 30 24 30C29.514 30 34 25.514 34 20C34 14.486 29.514 10 24 10Z' fill='%23FFCA28'/%3E%3C/svg%3E%0A")
}

.r-card-announce {
  border-radius: 10px;
  overflow: hidden;
  height: 100%;
  background-color: #fff;
  -webkit-box-shadow: var(--r-shadow);
  box-shadow: var(--r-shadow);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative
}

.r-card-announce:hover {
  -webkit-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.16)
}

.r-card-announce:hover .pic img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.r-card-announce .pic {
  height: 0;
  padding-top: 56.25%;
  position: relative;
  overflow: hidden
}

.r-card-announce .pic img {
  position: absolute;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.r-card-announce .info {
  padding: 16px
}

.r-card-announce .info h2 {
  font-size: 1rem;
  margin-bottom: 8px
}

.r-card-announce .info p {
  color: #c4c4c4;
  margin-bottom: 8px
}

.r-card-announce .info a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.r-card-announce .meta {
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #f5f5f7;
  margin-left: -16px;
  margin-right: -16px;
  padding-top: 8px;
  padding-left: var(--r-space);
  padding-right: var(--r-space)
}

.r-card-announce .meta i {
  margin-left: 6px;
  height: 14px
}

.r-card-announce .time {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  padding: 16px
}

.r-card-announce .tag {
  position: absolute;
  color: #fff;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, #058c84 0%, #1fc4b0 100%);
  border-radius: 0px 10px 0px 0px;
  padding: 4px 16px
}

.r-card-promotion {
  border-radius: 10px;
  overflow: hidden;
  height: 100%;
  background-color: #fff;
  -webkit-box-shadow: var(--r-shadow);
  box-shadow: var(--r-shadow);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative
}

.r-card-promotion:hover {
  -webkit-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.16)
}

.r-card-promotion:hover .pic img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.r-card-promotion .pic {
  height: 0;
  padding-top: 56.25%;
  position: relative;
  overflow: hidden
}

.r-card-promotion .pic img {
  position: absolute;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.r-card-promotion .pic .tag {
  position: absolute;
  color: #fff;
  top: 0;
  left: 0;
  background: #fff;
  border-radius: 10px 0px;
  padding: 8px
}

.r-card-promotion .pic .sale {
  position: absolute;
  color: #fff;
  bottom: 0;
  left: 0;
  background: #FFB300;
  border-radius: 0px 10px 0px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2px 16px;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.r-card-promotion .info {
  padding: 16px 16px 4px
}

.r-card-promotion .info h2 {
  font-size: 1rem;
  margin-bottom: 8px
}

.r-card-promotion .info p {
  font-size: 0.875rem;
  color: #C4C4C4;
  padding-bottom: 8px
}

.r-card-promotion .meta {
  font-size: 0.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 8px
}

.r-card-promotion .meta i {
  margin-left: 6px;
  height: 14px
}

.r-card-promotion .meta .price {
  font-size: 1.5rem;
  font-weight: bold;
  color: #17C2CC;
  margin-left: auto
}

.r-card-promotion .meta .price-old {
  color: #C4C4C4;
  text-decoration: line-through;
  margin-left: auto
}

.r-card-promotion hr {
  margin: 0;
  border-top: 1px solid #F5F5F7;
  margin-left: -16px;
  margin-right: -16px
}

.r-card-promotion .sale.-discount {
  background-color: #DD2C00
}

.r-card-blogger {
  --color: #2fa1bc
}

.r-card-blogger.-company {
  --color: #17C2CC
}

.r-card-blogger .info {
  color: #fff;
  background: var(--color);
  min-height: 200px;
  padding: 32px;
  margin: 32px 0;
  border-radius: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  position: relative
}

.r-card-blogger .title {
  color: var(--r-text);
  background-color: #fff;
  border: 2px solid var(--color);
  border-radius: 40px;
  padding: 8px 22px;
  text-align: center;
  position: absolute;
  top: -24px
}

.r-card-blogger .btn-ghost {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.125rem;
  padding: 6px;
  border-radius: 10px;
  min-width: 260px;
  background-color: #fff;
  position: absolute;
  bottom: -20px
}

.r-list {
  border-radius: 10px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.16);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  min-height: 118px;
}

.r-list:hover {
  -webkit-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.16)
}

.r-list:hover .pic img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

.r-list .pic {
  min-width: 150px;
  min-height: 100px;
  width: 150px;
  position: relative;
  overflow: hidden
}

.r-list .pic img {
  position: absolute;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.r-list .info {
  position: relative;
  padding: 12px 16px;
  min-height: 74px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.r-list h2 {
  font-size: 1em;
  margin-bottom: 0;
  font-weight: normal
}

.r-list h3 {
  font-size: 0.8rem;
  margin-bottom: 4px;
  font-weight: normal;
  color: var(--r-muted)
}

.r-list h3 a {
  color: var(--r-accent);
  font-size: 0.9rem
}

.r-list .avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  position: absolute;
  left: -16px;
  border: 2px solid #fff
}

.r-list .posted-on {
  font-size: 0.75rem;
  color: #6f6f6f
}

.r-list i[class^="flag-"] {
  position: absolute;
  left: -28px;
  top: -6px
}

.r-list.-minimal {
  -webkit-box-shadow: none;
  box-shadow: none
}

.r-list.-minimal:hover a {
  color: var(--r-accent)
}

.r-list.-minimal .info {
  display: block
}

.r-list.-minimal .avatar {
  position: unset;
  width: 40px;
  height: 40px;
  border: none
}

.r-list.-minimal h3 {
  margin-bottom: 10px
}

.r-list.-minimal h3 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.r-list.-minimal.-light:hover {
  -webkit-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.16)
}

.r-list.-minimal.-light .pic {
  border-radius: 10px 0 0 10px
}

.r-list.-sq .pic {
  min-width: 100px;
  width: 100px
}

.r-list.-sq .info {
  padding: 12px 12px 12px 24px
}

.r-list.-light {
  background-color: var(--r-bg)
}

.r-list.-light:hover {
  background-color: #fff
}

.r-list.-flag {
  height: unset;
  margin-bottom: 20px
}

.r-list.-flag .pic {
  min-width: 100px;
  width: 100px
}

.r-list.-flag .info {
  padding: 12px 16px
}

.r-list.-checked .pic a {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #33333390
}

.r-list.-checked .pic img {
  opacity: 0.8
}

.r-list.-checked .pic svg {
  display: inline;
  position: absolute;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
  text-align: center
}

.r-list.-checked .meta {
  position: absolute;
  padding: 5px 20px 5px 10px;
  top: 0px;
  left: 0px;
  font-size: 14px;
  gap: 8px;
  font-weight: bold;
  color: white;
  background: linear-gradient(135deg, #058c84 0%, #1fc4b0 100%);
  border-radius: 0px 0px 10px 0px;
  opacity: 0.8
}

.r-list.-checked .meta svg {
  display: inline-block;
  vertical-align: -6px;
  margin-right: 6px
}

.r-list.-checked .title {
  margin-top: 30px
}

.r-list.-checked .info {
  background-color: #33333390;
  opacity: 0.8
}

/* .pagination {
  margin: 30px 0;
  font-family: var(--r-heading);
  font-size: 1.5rem;
  text-align: center;
  display: block;
}

.pagination span {
  display: inline-block;
  width: 40px;
  height: 40px;
  padding: 4px;
  margin: 10px
} */

.pagination span.current {
  color: white;
  border-radius: 100px;
  background-color: #000
}

.r-expand-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: calc(1.5 * var(--r-space)) auto 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  gap: 6px
}

.r-expand-toggle i {
  -webkit-transition: 0.3s;
  transition: 0.3s
}

.r-expand-toggle.active i {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1)
}

.r-expand-content {
  height: 0;
  padding: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: 0.4s;
  transition: 0.4s
}

.r-expand-content.active {
  height: auto;
  opacity: 1;
  padding: calc(1.5 * var(--r-space)) 0 0
}

.r-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 16px
}

.r-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px
}

.r-flex .col-auto {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
}

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

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

.r-table-responsive {
  overflow-x: auto;
  padding: 2px 2px 16px
}

table {
  font-size: 14px;
  border-collapse: collapse;
  border-radius: 10px !important;
  border-style: hidden;
  -webkit-box-shadow: 0 0 0 1px #D5D5D7;
  box-shadow: 0 0 0 1px #D5D5D7;
  width: 100%;
  max-width: 100%;
  table-layout: auto
}

table th,
table td {
  padding: 1em;
  border-bottom: 2px solid white
}

table th {
  background: #F5F5F7;
  border-bottom: 1px solid #D5D5D7 !important
}

table td {
  border-bottom: 1px solid #D5D5D7 !important
}

table tr:first-child th:first-child {
  border-top-left-radius: 10px
}

table tr:first-child th:last-child,
table tr:last-child td:first-child {
  border-top-right-radius: 10px
}

table tr:last-child td:last-child {
  border-bottom-right-radius: 10px
}

table tr:last-child {
  border-bottom-left-radius: 10px
}

.card {
  margin-bottom: var(--r-space);
  border: 1px solid var(--r-border);
  border-radius: 10px;
  overflow: hidden
}

.card__header {
  padding: 16px;
  background: #F5F5F7
}

.card__body {
  padding: 16px
}

.nav-menu {
  padding: 0;
  margin: 0;
  list-style: none
}

.nav-menu li {
  padding-bottom: 6px
}

.nav-menu li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.r-form {
  width: 100%
}

.r-form label {
  padding-right: 16px;
  width: 100%
}

.r-form .form-input {
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid var(--r-border);
  width: 100%
}

.r-form .r-form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px
}

.r-form .col {
  width: 100%
}

@media (min-width: 992px) {
  .r-form .col-d-30 {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 30px;
    flex: 1 0 30px
  }

  .r-form .col-d-70 {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 70%;
    flex: 1 0 70%
  }
}

@-webkit-keyframes splide_loading {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes splide_loading {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

.splide__container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative
}

.splide__list {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.splide.is-initialized {
  visibility: visible
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block
}

.splide__pagination {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
  bottom: -16px;
  left: 0;
  padding: 0 1em;
  position: absolute;
  right: 0;
  z-index: 1
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto
}

.splide__progress__bar {
  width: 0;
  background: #ccc;
  height: 3px
}

.splide {
  outline: none;
  position: relative;
  visibility: hidden
}

.splide.is-rendered {
  visibility: visible
}

.splide img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

@media (max-width: 991px) {
  .splide a {
    -webkit-transform: unset;
    transform: unset
  }

  .splide img {
    -webkit-transition: unset;
    transition: unset;
    -webkit-transform: unset;
    transform: unset
  }
}

.splide__slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  outline: none;
  position: relative
}

.splide__slide img {
  vertical-align: bottom
}

.splide__slider {
  position: relative
}

.splide__spinner {
  -webkit-animation: splide_loading 1s linear infinite;
  animation: splide_loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0
}

.splide--draggable>.splide__slider>.splide__track {
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.splide--draggable>.splide__track {
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.splide--fade>.splide__slider>.splide__track>.splide__list {
  display: block
}

.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 0
}

.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active {
  opacity: 1;
  position: relative;
  z-index: 1
}

.splide--fade>.splide__track>.splide__list {
  display: block
}

.splide--fade>.splide__track>.splide__list>.splide__slide {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 0
}

.splide--fade>.splide__track>.splide__list>.splide__slide.is-active {
  opacity: 1;
  position: relative;
  z-index: 1
}

.splide--rtl {
  direction: rtl
}

.splide--rtl>.splide__arrows .splide__arrow--prev {
  left: auto;
  right: 1em
}

.splide--rtl>.splide__arrows .splide__arrow--prev svg {
  -webkit-transform: scaleX(1);
  transform: scaleX(1)
}

.splide--rtl>.splide__arrows .splide__arrow--next {
  left: 1em;
  right: auto
}

.splide--rtl>.splide__arrows .splide__arrow--next svg {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev {
  left: auto;
  right: 1em
}

.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev svg {
  -webkit-transform: scaleX(1);
  transform: scaleX(1)
}

.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next {
  left: 1em;
  right: auto
}

.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next svg {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev {
  left: auto;
  right: 1em
}

.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg {
  -webkit-transform: scaleX(1);
  transform: scaleX(1)
}

.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next {
  left: 1em;
  right: auto
}

.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

.splide--ttb.is-active>.splide__slider>.splide__track>.splide__list {
  display: block
}

.splide--ttb.is-active>.splide__track>.splide__list {
  display: block
}

.splide__arrow {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1.5em;
  height: 1.5em;
  z-index: 1;
  -webkit-filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.15)) drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.15)) drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.1))
}

.splide__arrow svg {
  fill: var(--r-accent);
  height: 1em;
  width: 1em
}

.splide__arrow:hover {
  opacity: 0.9;
  background: #fff
}

.splide__arrow:focus {
  outline: none;
  background: #fff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-box-shadow: none;
  box-shadow: none
}

.splide__arrow--prev {
  left: -3em
}

.splide__arrow--prev svg {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

.splide__arrow--next {
  right: -3em
}

.splide__pagination__page {
  background: var(--r-muted-bg);
  border: 0;
  border-radius: 8px;
  display: inline-block;
  height: 8px;
  margin: 3px;
  padding: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  width: 8px
}

.splide__pagination__page:hover {
  cursor: pointer;
  opacity: 0.9
}

.splide__pagination__page:focus {
  outline: none
}

.splide__pagination__page.is-active {
  background: var(--r-accent-alt);
  width: 32px
}

.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide {
  border: 3px solid transparent;
  cursor: pointer
}

.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide:focus {
  outline: none
}

.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active {
  border: 3px solid #000
}

.splide--nav>.splide__track>.splide__list>.splide__slide {
  border: 3px solid transparent;
  cursor: pointer
}

.splide--nav>.splide__track>.splide__list>.splide__slide:focus {
  outline: none
}

.splide--nav>.splide__track>.splide__list>.splide__slide.is-active {
  border: 3px solid #000
}

.splide--ttb>.splide__arrows .splide__arrow {
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%)
}

.splide--ttb>.splide__arrows .splide__arrow--prev {
  top: 1em
}

.splide--ttb>.splide__arrows .splide__arrow--prev svg {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.splide--ttb>.splide__arrows .splide__arrow--next {
  bottom: 1em;
  top: auto
}

.splide--ttb>.splide__arrows .splide__arrow--next svg {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow {
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%)
}

.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev {
  top: 1em
}

.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev svg {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next {
  bottom: 1em;
  top: auto
}

.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next svg {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.splide--ttb>.splide__slider>.splide__pagination {
  bottom: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  left: auto;
  padding: 1em 0;
  right: 0.5em;
  top: 0
}

.splide--ttb>.splide__track>.splide__arrows .splide__arrow {
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%)
}

.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev {
  top: 1em
}

.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next {
  bottom: 1em;
  top: auto
}

.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.splide--ttb>.splide__pagination {
  bottom: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  left: auto;
  padding: 1em 0;
  right: 0.5em;
  top: 0
}

.r-slide-main {
  padding-bottom: 30px
}

.r-slide-main li {
  position: relative;
  padding-bottom: 18px
}

.r-slide-main li a {
  position: absolute;
  bottom: 18px;
  left: 0;
  right: 0;
  padding: 16px 16px 24px;
  color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  z-index: 2;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  opacity: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s
}

.r-slide-main img {
  width: 100%;
  height: 100%;
  background-color: #333;
  z-index: 1;
  position: relative
}

.r-slide-main h2 {
  font-size: var(--r-title);
  margin-bottom: 4px
}

.r-slide-main h3 {
  font-size: 1rem
}

.r-slide-main .title {
  padding-left: 60px;
  display: block
}

.r-slide-main .avatar {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  border: 2px solid #fff;
  position: absolute;
  left: 16px
}

.r-slide-main .btn-main {
  position: absolute;
  height: 36px;
  padding: 6px 24px;
  bottom: -6px;
  left: calc(50% - 77px);
  opacity: 0;
  -webkit-transition: 0.9s;
  transition: 0.9s;
  -webkit-transition-delay: 250ms;
  transition-delay: 250ms;
  width: 154px;
  text-align: center
}

.r-slide-main .is-active a {
  opacity: 1;
  padding-bottom: 36px
}

.r-slide-main .is-active .btn-main {
  opacity: 1;
  bottom: -16px
}

@media (min-width: 992px) {
  .r-slide-main .is-active .btn-main {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms
  }
}

.r-slide-togrid .content {
  padding: 10px
}

@media (min-width: 992px) {
  .r-slide-togrid.splide.is-initialized .splide__track .splide__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    gap: 20px
  }
}

.r-slide-topic {
  margin: 30px -16px 0
}

.r-slide-topic a {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.r-slide-topic figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%
}

.r-slide-topic figcaption {
  position: absolute;
  z-index: 2;
  bottom: 0;
  text-align: center;
  left: 0;
  right: 0;
  padding: 40px 8px 12px;
  font-size: 1.2em;
  font-weight: bold;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%)
}

.r-slide-topic img {
  width: 100%;
  height: 100%;
  background-color: #333;
  z-index: 1;
  position: relative
}

.r-slide-topic .splide__arrow--prev {
  left: 10px
}

.r-slide-topic .splide__arrow--next {
  right: 10px
}

body {
  background-color: #fff
}

body.nav-active {
  overflow: hidden
}

.detail-new .btn {
  color: #fff;
  background-color: #00cabe;
  background: linear-gradient(to bottom, #2bdbd0 0, #28c1b8 100%) #00cabe;
  color: #fff;
  border: 0;
  transition: background .3s ease;
  opacity: 1;
  -webkit-appearance: none;
  margin-bottom: 15px !important;
  margin-top: 15px;
}

.single-post-new a {
  color: var(--r-accent)
}

a {
  color: var(--r-text)
}

a:hover {
  color: var(--r-accent)
}

.user-menu {
  position: absolute;
  width: 280px;
  background-color: #fff;
  top: 80px;
  right: 16px;
  z-index: 999;
  border-radius: 10px;
  display: none;
  -webkit-transition: all;
  transition: all
}

@media (min-width: 992px) {
  .user-menu {
    top: 110px
  }
}

.user-menu .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
  margin: 0;
  list-style: none;
  overflow-y: hidden;
  border-radius: 10px
}

.user-menu .menu li {
  padding: 16px;
  border-bottom: 1px solid #f5f5f7
}

.user-menu .menu:after {
  content: "";
  height: 5px;
  width: 100%;
  background: linear-gradient(135deg, #07938b 0%, #07a39b 100%);
  display: block
}

.user-menu::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  position: absolute;
  top: -8px;
  right: 20px
}

.user-menu.active {
  display: block
}

.user-menu .logout a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px
}

.r-header {
  background-color: #fff;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  padding: 0 16px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.r-header i {
  width: 30px;
  height: 30px
}

.r-toggle {
  border: 2px solid var(--r-text);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
  margin-right: 10px;
  position: relative
}

.r-toggle:hover {
  color: var(--r-accent)
}

.r-toggle b {
  width: 14px;
  position: absolute;
  height: 2px;
  border-radius: 2px;
  background-color: var(--r-text);
  top: 12px;
  left: 6px;
  pointer-events: none;
  -webkit-transition: top 0.3s 0.15s, left 0.1s, background-color 0.3s 0.2s, -webkit-transform 0.2s;
  transition: top 0.3s 0.15s, left 0.1s, background-color 0.3s 0.2s, -webkit-transform 0.2s;
  transition: top 0.3s 0.15s, left 0.1s, background-color 0.3s 0.2s, transform 0.2s;
  transition: top 0.3s 0.15s, left 0.1s, background-color 0.3s 0.2s, transform 0.2s, -webkit-transform 0.2s
}

.r-toggle b:before,
.r-toggle b:after {
  content: "";
  position: absolute;
  height: 2px;
  border-radius: 2px;
  width: 14px;
  background-color: var(--r-text);
  pointer-events: none;
  -webkit-transition: top 0.3s 0.15s, left 0.1s, background-color 0.3s 0.2s, -webkit-transform 0.2s;
  transition: top 0.3s 0.15s, left 0.1s, background-color 0.3s 0.2s, -webkit-transform 0.2s;
  transition: top 0.3s 0.15s, left 0.1s, background-color 0.3s 0.2s, transform 0.2s;
  transition: top 0.3s 0.15s, left 0.1s, background-color 0.3s 0.2s, transform 0.2s, -webkit-transform 0.2s
}

.r-toggle b:before {
  top: -4px
}

.r-toggle b:after {
  bottom: -4px
}

.r-toggle.active {
  border-color: var(--r-accent)
}

.r-toggle.active b {
  background-color: transparent
}

.r-toggle.active b,
.r-toggle.active b:before,
.r-toggle.active b:after {
  -webkit-transition: top 0.2s, left 0.2s, background-color 0.2s, -webkit-transform 0.2s 0.15s;
  transition: top 0.2s, left 0.2s, background-color 0.2s, -webkit-transform 0.2s 0.15s;
  transition: top 0.2s, left 0.2s, background-color 0.2s, transform 0.2s 0.15s;
  transition: top 0.2s, left 0.2s, background-color 0.2s, transform 0.2s 0.15s, -webkit-transform 0.2s 0.15s
}

.r-toggle.active b:before,
.r-toggle.active b:after {
  left: 0;
  top: 0;
  right: 0;
  background-color: var(--r-accent)
}

.r-toggle.active b:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.r-toggle.active b:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.r-nav {
  position: fixed;
  height: 0;
  overflow: hidden;
  top: 134px;
  left: 0;
  right: 0;
  z-index: 9000;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  background: linear-gradient(144deg, #058c84 0%, #1fc4b0 100%);
  text-align: center
}

.r-nav.active {
  height: calc(100vh - 134px);
  overflow-y: scroll;
  -webkit-transition: 0.4s;
  transition: 0.4s
}

.r-nav a {
  color: #fff
}

.r-nav ul {
  padding: 16px
}

.r-nav li {
  list-style: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}

.r-nav li a {
  display: block;
  padding: 16px 0
}

.r-nav li.search {
  display: none
}

.r-nav .social {
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px
}

@media (max-width: 640px){
  .r-header .navbar-nav {
    width: 17%;
  }
}


.r-lang span {
  display: none
}

.r-logo {
  margin: 8px auto 0;
  text-align: center
}

.r-logo img {
  margin: 0 auto
}

.r-logo small {
  font-size: 11px
}

.r-create {
  line-height: 0;
  color: var(--r-accent)
}

.r-user {
  line-height: 0;
  margin-left: 10px
}

.r-search {
  width: 100%;
  padding: 12px 16px;
  background: linear-gradient(135deg, var(--r-accent) 0%, var(--r-accent-alt) 100%)
}

.r-search input {
  border: none;
  border-radius: 50px;
  padding-left: 44px
}

.r-search .i-search {
  position: absolute;
  left: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px;
  height: 20px
}

.r-title {
  font-weight: normal;
  gap: 10px
}

.r-title.-large {
  font-weight: bold;
  font-size: 2em
}

.r-title.-center {
  text-align: center
}

.r-title._accent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px
}

.r-title._accent span {
  color: var(--r-text)
}

.r-title>a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px
}

.r-sub {
  font-weight: normal;
  font-size: 1em;
  margin-top: -0.4rem;
  margin-bottom: calc(1.5 * var(--r-space))
}

.r-sub.-center {
  text-align: center
}

.r-search-center {
  margin: 0 auto calc(2 * var(--r-space));
  max-width: 560px
}

.r-search-center .i-search {
  position: absolute;
  left: 11px;
  top: calc(50% - 10px);
  width: 20px;
  height: 20px
}

.r-search-center input {
  height: 56px;
  background: var(--r-bg);
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 8px 110px 8px 60px
}

.r-search-center input:focus {
  -webkit-box-shadow: 0 0 0 2px var(--r-accent);
  box-shadow: 0 0 0 2px var(--r-accent)
}

.r-search-center svg {
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.r-search-center button {
  position: absolute;
  right: 11px;
  top: 11px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  font-size: 14px;
  line-height: 1.3
}

.sec-places {
  width: calc(100% + 16px);
  overflow-x: scroll;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
  margin: 0 auto calc(2 * var(--r-space));
  max-width: calc(6 * 160px + 32px)
}

.sec-places ul {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(6 * 160px + 16px)
}

.sec-places li {
  min-width: 160px;
  scroll-snap-align: start;
  text-align: center;
  list-style: none
}

.sec-places li.more {
  min-width: 40px
}

.sec-places h3 {
  font-size: 1rem;
  font-weight: normal;
  margin-top: 0.5rem
}

.sec-places img {
  width: 144px;
  height: 180px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 5px
}

.view-more {
  position: relative;
  width: 32px;
  height: 160px;
  display: block
}

.view-more span {
  position: absolute;
  white-space: nowrap;
  font-size: 0.9em;
  top: 64px;
  left: -22px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.view-more:hover {
  -webkit-transform: scale(1.06) translateY(3px);
  transform: scale(1.06) translateY(3px)
}

.sec-sponsor {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  margin: 0 auto;
}

.sec-sponsor img {
  border-radius: 5px;
  margin: 0 auto
}

.sec-travel {
  padding: 40px 10px;
  position: relative;
}

.sec-travel .r-container {
  z-index: 2;
  position: relative
}

.sec-travel::after {
  content: "";
  background-color: #000;
  opacity: 0.2;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 1
}

.sec-tags {
  max-width: 560px;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 20px
}

.sec-flag {
  max-width: 990px;
  margin: 0 auto
}

.sec-flag .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px
}

.sec-topic {
  padding-bottom: 0
}

.topic-heading {
  text-align: center
}

.sec-world {
  background-image: url("../img/world-bg.webp");
  background-size: cover;
  padding-bottom: 1px;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.04);
  position: relative
}

.sec-world .r-title {
  font-size: 2em;
  margin-bottom: 0.8em
}

.r-flags .btn-ghost {
  margin: 0 12px 12px 0;
  background-color: #fff
}

.r-slide-logo {
  max-width: 960px;
  margin: 0 auto
}

.sec-writers {
  padding-bottom: 1px
}

.r-writer {
  width: 100%;
  padding-top: 100%;
  position: relative;
  color: #fff;
  background-color: #000;
  overflow: hidden
}

.r-writer.-more {
  background-color: #333
}

.r-writer a {
  color: #fff
}

.r-writer a:hover {
  opacity: 0.8
}

.r-writer a:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

.r-writer img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0.8;
  -webkit-transition: 0.8s;
  transition: 0.8s
}

.r-writer .love {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.84em;
  gap: 4px;
  font-weight: bold
}

.r-writer h3 {
  position: absolute;
  z-index: 2;
  bottom: 12px;
  margin: 0;
  text-align: center;
  left: 10px;
  right: 10px
}

.r-writer h4 {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center
}

.r-writer h4 b {
  font-size: 1.4em
}

.r-writer .i-writer {
  display: block;
  margin: 0 auto 12px
}

.writer-counter .r-title {
  color: var(--r-accent);
  font-size: 3rem
}

.writer-counter .r-sub {
  color: var(--r-accent);
  font-size: 1.5rem
}

.sec-popular-vote {
  background-image: url(/assets/img/popular-vote-bg.webp);
  background-position: 0 158px;
  background-size: cover;
  background-repeat: no-repeat
}

.sec-activity {
  color: #fff
}

.sec-activity .active-info {
  padding: var(--r-space);
  background: linear-gradient(135deg, #058c84 0%, #1fc4b0 100%);
  opacity: 0.9;
  min-height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.sec-activity .r-title {
  font-size: 2.5rem
}

.-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.-filter .filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1rem;
  gap: 16px
}

.-filter .filter input {
  background-color: #fff
}

.sec-profile {
  padding-bottom: 30px
}

.sec-profile .pic img {
  border-radius: 10px
}

.sec-profile .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
  min-height: 275px;
  margin: auto;
  max-width: 1000px;
  margin-top: -80px
}

.sec-profile .info .avatar {
  max-height: 170px;
  max-width: 170px;
  border-radius: 50%;
  border: 5px solid #fff
}

.sec-profile .info .summary {
  max-width: 460px
}

.sec-profile .info .title {
  text-align: center
}

.sec-profile .social-following {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.sec-profile .social-following .item {
  display: -ms-grid;
  display: grid;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-items: center;
  gap: 8px;
  padding: 12px
}

.sec-profile .meta {
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  padding-left: 8px
}

.sec-profile .meta i {
  margin-left: 6px;
  height: 14px
}

.r-slide-main.-prizes a {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 104px 1fr;
  grid-template-columns: 104px 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.r-slide-main.-prizes .title {
  display: inline-block;
  padding-left: 20px
}

.r-slide-main.-prizes .title svg {
  display: inline-block;
  vertical-align: -6px
}

.r-slide-main.-prizes .title h2 {
  font-size: 20px
}

.r-slide-main.-prizes .title h3 {
  margin-bottom: 0;
  font-size: 14px;
  color: var(--r-accent)
}

.r-slide-main.-prizes .splide__pagination {
  display: none
}

.point {
  display: inline-block;
  padding: 15px;
  width: 104px;
  height: 104px;
  border-radius: 200px;
  font-size: 0.9rem;
  color: white;
  text-align: center;
  background: linear-gradient(135deg, #058c84 0%, #1fc4b0 100%);
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15), 0px 0px 16px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15), 0px 0px 16px rgba(0, 0, 0, 0.1)
}

.point svg {
  display: inline-block
}

.point h2 {
  margin-bottom: 0;
  font-size: var(--r-title)
}

.point h3 {
  font-size: 0.9rem;
  margin-bottom: 0
}

.sec-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: calc(var(--r-space) * 3)
}

.sec-description .card-company {
  min-width: 245px;
  padding: 16px;
  border: 1px solid #d5d5d7;
  border-radius: 10px
}

.sec-description .card-company .logo {
  width: 80px
}

.sec-description .card-company .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px
}

.sec-description .view-posts {
  border-top: 1px solid #d5d5d7;
  padding-top: 8px;
  padding-left: 16px;
  padding-right: 16px;
  margin-left: -16px;
  margin-right: -16px;
  margin-top: 8px
}

.sec-description .view-posts a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.sec-description .view-posts svg {
  margin-left: auto
}

.list-check {
  padding: 0;
  margin: 0;
  margin-bottom: 1rem;
  list-style: none
}

.list-check li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px
}

.list-check li::before {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.9995 2.5C8.10701 2.5 2.49951 8.1075 2.49951 15C2.49951 21.8925 8.10701 27.5 14.9995 27.5C21.892 27.5 27.4995 21.8925 27.4995 15C27.4995 8.1075 21.892 2.5 14.9995 2.5ZM20.3501 12.8506L14.1001 19.1006C13.917 19.2838 13.677 19.375 13.437 19.375C13.197 19.375 12.957 19.2838 12.7739 19.1006L9.64889 15.9756C9.28264 15.6094 9.28264 15.0163 9.64889 14.65C10.0151 14.2838 10.6083 14.2838 10.9745 14.65L13.4364 17.1119L19.0233 11.525C19.3895 11.1588 19.9826 11.1588 20.3489 11.525C20.7151 11.8913 20.7158 12.4844 20.3501 12.8506Z' fill='%2334BE39'/%3E%3C/svg%3E%0A")
}

.gallery {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.gallery .item-gallery:first-child {
  height: 260px;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / span 2
}

.gallery .item-gallery {
  -webkit-filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.15)) drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.15)) drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.1));
  border-radius: 20px;
  height: 100px;
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s
}

.gallery .item-gallery:hover {
  -webkit-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.16)
}

.gallery .item-gallery:hover img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.gallery img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.gallery .overlap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15), 0px 0px 16px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15), 0px 0px 16px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.gallery .overlap a {
  color: #fff
}

.gallery .number {
  font-size: 2rem
}

.r-heading .banner {
  position: relative
}

.r-heading .banner img {
  border-radius: 30px
}

.r-heading .meta {
  position: absolute;
  top: 30px;
  right: 50px;
  -ms-grid-columns: 30px 1fr;
  grid-template-columns: 30px 1fr;
  gap: 12px
}

.r-heading .meta .read {
  padding: 8px;
  width: 40px;
  height: 40px;
  font-size: 0.5rem;
  font-weight: bold;
  color: var(--r-accent);
  text-align: center;
  line-height: 1.1;
  border-radius: 200px;
  background-color: white
}

.r-heading .meta .read b {
  font-size: 0.9rem
}

.r-heading .meta .like {
  -ms-grid-columns: 40px 1fr;
  grid-template-columns: 40px 1fr;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.r-heading .meta .like .icon {
  display: inline-block;
  padding: 10px;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 200px;
  background-color: white;
  cursor: pointer;
  /* margin-bottom: 8px; */
}

.r-heading .meta .like .num {
  font-size: 0.9rem;
  font-weight: bold;
  line-height: 1.1;
  text-align: center;
  color: var(--r-accent);
  width: 40px;
  height: 40px;
  border-radius: 200px;
  background: white;
  display: inline-block;
  padding: 8px;
  margin-bottom: 8px;
}

.r-heading .meta .like .num span {
  display: block;
  font-size: 0.5rem
}

/* #vote .vote_count_total:active, #vote .vote_count_total:focus {
  font-size: 0.9rem;
  font-weight: bold;
  color: var(--r-accent);
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  top: 50px;
}

#vote .vote_count:active, #vote .vote_count:focus {
  font-size: 0.9rem;
  font-weight: bold;
  color: var(--r-accent);
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  top: 50px;
} */

#vote .vote_count_total {
  font-size: 0.9rem;
  font-weight: bold;
  color: var(--r-accent);
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  top: 50px;
}

#vote .vote_count {
  font-size: 0.9rem;
  font-weight: bold;
  color: var(--r-accent);
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  top: 50px;
}

#vote .lovelove {
  padding-top: 10px
}

.youtube {
  width: 480px;
  display: block;
  position: relative;
}

.play_btn {
  content: url(/img/play.png);
  position: absolute;
  display: block;
  margin: 0 auto;
  z-index: 2;
  opacity: 1;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100px;
  padding-top: 25%;
}

.play_btn:hover {
  opacity: 0.7;
}

.play_btn:after {
  content: url(/img/play.png);
  position: absolute;
  display: block;
  margin: 0 auto;
  z-index: 2;
  opacity: 1;
}

@media (max-width: 640px) {
  .r-heading .meta {
    top: 8px;
    right: 24px;
  }

  .r-heading .meta .read {
    padding: 8px;
    width: 40px;
    height: 40px;
    font-size: 0.5rem;
    font-weight: bold;
    color: var(--r-accent);
    text-align: center;
    line-height: 1.1;
    border-radius: 200px;
    background-color: white
  }

  .r-heading .meta .read b {
    font-size: 0.8rem
  }

  .r-heading .meta .like {
    -ms-grid-columns: 40px 1fr;
    grid-template-columns: 40px 1fr;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .r-heading .meta .like .icon {
    display: inline-block;
    padding: 10px;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 200px;
    background-color: white;
  }

  .r-heading .meta .like .num {
    font-size: 0.8rem;
  }

  .r-heading .meta .like .num span {
    display: block;
    font-size: 0.5rem
  }
}

.r-content .r-title {
  padding: 20px 0 10px;
  font-size: 1.2rem;
  font-weight: normal;
  text-align: center;
  border-radius: 10px;
  background-color: white
}

.r-content .r-social {
  --r-accent: #54565a;
  --r-text: #333;
  --r-border: #17c2cc;
  position: relative;
  margin-bottom: var(--r-space);
  text-align: left;
  color: var(--r-text)
}

.r-content .r-social p {
  margin-bottom: 1rem;
  font-size: 0.9rem
}

.r-content .r-social .share {
  display: inline-block;
  margin-bottom: 0.8rem;
  margin-right: var(--r-space);
  font-size: 0.8rem
}

.r-content .r-social .share img {
  margin: 0 auto 2px
}

.r-content .r-social .coin {
  position: absolute;
  top: -10px;
  right: 0;
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg);
  min-width: 110px;
  padding: 10px 0;
  color: var(--r-accent);
  line-height: 1;
  text-align: center;
  border-radius: 40px;
  border: 1px solid var(--r-border)
}

.r-content .r-social .coin h3 {
  margin-bottom: 5px;
  font-size: 0.7rem;
  color: var(--r-text)
}

.r-content .r-social .coin img {
  display: inline-block;
  vertical-align: -2px
}

.r-content .r-social .coin p {
  margin-bottom: 0
}

.r-content .r-social .coin span {
  color: #ffb300;
  font-weight: bold;
  font-size: 0.8rem
}

.r-content .r-social .coin .arrow {
  position: absolute;
  top: 20px;
  left: -42px
}

.caption {
  text-align: center
}

.caption h3 {
  padding: 20px;
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.5;
  font-weight: normal
}

.r-booking {
  border: 1px solid #07938b;
  border-radius: 10px
}

.r-booking h2 {
  padding: 10px var(--r-space);
  margin: 0;
  font-size: 1.1rem;
  font-weight: normal;
  color: white;
  border-radius: 10px 10px 0 0;
  background: linear-gradient(135deg, #058c84 0%, #1fc4b0 100%)
}

.r-booking .info {
  padding: var(--r-space);
  font-size: 1rem
}

.r-booking .book {
  padding: 0 var(--r-space) 10px;
  gap: 10px
}

.r-booking .book .button {
  display: block;
  padding: 5px 0;
  font-size: 1rem;
  text-align: center;
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
  border-radius: 5px
}

.r-booking .book .button img {
  display: inline-block;
  vertical-align: -10px;
  margin-right: 5px
}

.r-booking .book .button.-booking {
  color: white;
  border-color: #1b3a78;
  background-color: #1b3a78
}

.r-booking .book .button.-trip {
  color: white;
  border-color: #297efb;
  background-color: #297efb
}

.r-booking .book .button:hover {
  opacity: 0.8
}

.r-gallery {
  text-align: center
}

.r-gallery .r-grid {
  gap: 0
}

.r-gallery .col:first-child img {
  border-radius: 10px 0 0 0
}

.r-gallery .col:last-child img {
  border-radius: 0 0 10px 0
}

.r-gallery .col img {
  width:100%;
  height:100%;
  object-fit: cover;
  -o-object-fit: cover;
}

.r-gallery .button svg {
  display: inline-block;
  vertical-align: -4px;
  margin-right: 8px
}

.r-gallery .button span {
  color: #058c84
}

.r-gallery .button:hover {
  opacity: 0.8
}

.tags span {
  padding: 2px 20px;
  margin-right: 10px;
  font-size: 0.9rem;
  color: var(--r-accent);
  border-radius: 40px;
  border: 1px solid var(--r-accent);
  margin-bottom: 10px;
  display: inline-block;
}

.r-avatar {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 108px 1fr;
  grid-template-columns: 108px 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.r-avatar .pic img {
  max-width: 78px
}

.r-avatar .name {
  margin-bottom: 0;
  font-size: 1.1rem
}

.r-avatar .position {
  font-size: 0.9rem
}

.ticket-sec {
  --r-text: #333;
  --r-border: #5b5b5b
}

.ticket-sec .r-grid {
  gap: 10px
}

.ticket-sec .col {
  display: -ms-grid;
  display: grid;
  padding: 15px 5px;
  max-width: 225px;
  margin: 0 auto;
  -ms-grid-columns: 78px 1fr;
  grid-template-columns: 78px 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  border: 1px solid var(--r-border);
  border-left: 6px solid var(--r-border)
}

.ticket-sec .col .pic img {
  max-width: 58px
}

.ticket-sec .col .info {
  color: var(--r-text);
  font-size: 0.9rem;
  line-height: 1.3
}

.ticket-sec .col .info span {
  color: var(--r-border);
  font-size: 1.0rem;
  font-weight: bold
}

.ticket-sec .col .info span.discount {
  color: var(--r-border);
  font-size: 0.8rem;
  padding-right: 30px;
}

.ticket-sec .col.-booking {
  --r-border: #1b3a78
}

.ticket-sec .col.-trip {
  --r-border: #297efb
}

.ticket-sec .col.-klook {
  --r-border: #ed6b40
}

.ticket-sec .col.-lazada {
  --r-border: #32389e
}

.ticket-sec .col.-shopee {
  --r-border: #dc593b
}

@media (max-width: 786px) {
  .ticket-sec .r-grid {
    grid-template-columns: 50% 50%;
  }
}

/* @media (max-width: 390px) {
  .ticket-sec .r-grid {
    grid-template-columns: minmax(0, 1fr);
  }
} */

.latest-sec {
  padding-top: 60px;
  padding-bottom: 60px
}

.latest-sec .r-title {
  margin-bottom: 1.5rem;
  font-weight: bold
}

.latest-sec .r-grid {
  margin-bottom: 0
}

.prizes-content .content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 152px 1fr;
  grid-template-columns: 152px 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: var(--r-space)
}

.prizes-content .point {
  padding: 20px;
  width: 152px;
  height: 152px
}

.prizes-content .point h2 {
  margin-top: 8px;
  font-size: 24px
}

.prizes-content .point h3 {
  font-size: 18px
}

.prizes-content .item {
  font-family: var(--r-heading)
}

.prizes-content .item h2.title {
  font-size: 22px
}

.prizes-content .item .info {
  display: inline-block;
  margin-left: 20px
}

.prizes-content .cost {
  margin-bottom: 12px;
  font-size: 1rem
}

.prizes-content .cost span {
  font-weight: bold;
  font-size: 24px
}

.prizes-content .cost svg {
  display: inline-block;
  vertical-align: -11px;
  margin-right: 8px
}

.prizes-content .num {
  font-size: 1rem
}

.prizes-content .num span {
  font-weight: bold;
  font-size: 24px
}

.prizes-content .num svg {
  display: inline-block;
  vertical-align: -5px;
  margin-right: 8px
}

.affiliate-banner .title-affiliate-banner {
  text-align: center
}

.affiliate-banner .title-affiliate-banner h2 {
  font-size: 2.25rem;
  margin: 0
}

.affiliate-banner .title-affiliate-banner h3 {
  margin: 0
}

.affiliate-banner .info {
  color: #fff;
  text-align: center;
  margin-top: 200px;
  background-image: url(/assets/img/affiliate-map-bg.jpg);
  background-size: cover;
  position: relative
}

.affiliate-banner .info strong {
  color: #54565a;
  text-transform: uppercase
}

.affiliate-banner .info p {
  padding: 60px 30px;
  max-width: 800px;
  margin: auto
}

.affiliate-banner .info img {
  position: absolute;
  bottom: 100%;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  left: 0;
  right: 0
}

.come-join-us .title {
  padding: var(--r-space)
}

.come-join-us .col {
  display: -ms-grid;
  display: grid;
  justify-items: center;
  gap: var(--r-space)
}

.come-join-us .col .pic {
  padding: var(--r-space)
}

.come-join-us .col .btn-alt {
  color: #fff;
  background: #17c2cc;
  border: 4px solid #ffffff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 40px;
  min-width: 216px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.r-card-agreement,
.r-card-faq {
  color: #17c2cc;
  height: 100%;
  padding-bottom: 20px
}

.r-card-agreement .icon,
.r-card-faq .icon {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.r-card-agreement .icon svg,
.r-card-faq .icon svg {
  width: 100px;
  height: 100px
}

.r-card-agreement .info,
.r-card-faq .info {
  background: rgba(23, 194, 204, 0.1);
  border: 4px dashed #17c2cc;
  border-radius: 30px;
  text-align: center;
  padding: 60px var(--r-space) 30px;
  height: 100%;
  position: relative
}

.r-card-agreement a.btn-alt,
.r-card-faq a.btn-alt {
  margin: auto;
  color: #fff;
  background-color: #17c2cc;
  background-image: none;
  min-width: 140px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.r-card-agreement h2,
.r-card-faq h2 {
  margin: 0
}

.r-card-agreement {
  color: #54565a
}

.r-card-agreement .info {
  border: 4px dashed #ffca28
}

.r-card-agreement a.btn-alt {
  background-color: #ffca28
}

.sec-partners .r-title {
  color: #54565a;
  text-transform: uppercase;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 36px
}

.sec-partners .r-title::after,
.sec-partners .r-title::before {
  content: "";
  height: 2px;
  width: 50%;
  background-color: #e5e5e5;
  display: block
}

.content-partners {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px
}

.content-partners .partner-logo {
  max-width: 100px
}

.sec-marketplace .r-title {
  color: var(--r-accent);
  text-align: center
}

.sec-marketplace .r-sub-title {
  text-align: center
}

.sec-marketplace .content {
  background-image: url(/img/content/marketplace-bg.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 1000px;
  position: relative
}

.sec-marketplace .content .pic img {
  margin: auto
}

.sec-marketplace .content .info {
  color: #fff;
  text-align: center;
  padding: 40px 20px
}

.open-marketplace {
  padding: 16px 0
}

.open-marketplace .r-grid {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.open-marketplace img {
  max-width: 300px
}

.open-marketplace p {
  padding-bottom: 16px
}

.open-marketplace .btn-alt {
  color: var(--r-text);
  background: #fff;
  border: 1px solid #17c2cc;
  border-radius: 10px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15), 0px 0px 16px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15), 0px 0px 16px rgba(0, 0, 0, 0.1);
  margin: auto
}

.writer-header {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: var(--r-space)
}

.writer-header .writer-pic {
  text-align: center
}

.writer-header .writer-pic img {
  border-radius: 50%;
  border: 1px solid #fff
}

.writer-header .writer-info .writer-name {
  font-size: 1.5rem;
  font-weight: bold
}

@media (max-width: 768px) {
  .writer-header .writer-info {
    text-align: center
  }
}

.writer-header .btn-ghost {
  border-color: var(--r-border)
}

.writer-status {
  font-size: 30px;
  border: 1px solid var(--r-border);
  border-radius: 10px;
  gap: 0
}

.writer-status .__follower {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px;
  border-right: 1px solid var(--r-border)
}

.writer-status small {
  font-size: 0.6em
}

.writer-status .__stat {
  padding: 20px
}

.writer-status .__stat strong {
  font-size: 1.5rem
}

.writer-menu {
  border: 1px solid var(--r-border);
  border-radius: 10px;
  position: relative
}

.writer-menu .__menu {
  padding: 16px;
  border-bottom: 1px solid #d5d5d7
}

.writer-menu .__menu ul {
  list-style-type: none;
  padding: 0;
  margin: 0
}

.writer-menu .__menu ul li {
  padding: 0;
  margin: 0;
  margin-bottom: 8px
}

.writer-menu .__menu ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.writer-menu .__terms-conditions {
  padding: 16px
}

.writer-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  padding-bottom: var(--r-space)
}

.writer-filter input {
  width: 100%;
  padding-right: 35px;
  border: 1px solid var(--r-border);
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.25 0C3.25778 0 0 3.25778 0 7.25C0 11.2422 3.25778 14.5 7.25 14.5C8.88658 14.5 10.3945 13.9465 11.6104 13.0254L16.293 17.707C16.3851 17.803 16.4955 17.8796 16.6176 17.9324C16.7397 17.9852 16.8712 18.0131 17.0042 18.0144C17.1373 18.0158 17.2692 17.9906 17.3924 17.9403C17.5156 17.89 17.6275 17.8157 17.7216 17.7216C17.8157 17.6275 17.89 17.5156 17.9403 17.3924C17.9906 17.2692 18.0158 17.1373 18.0144 17.0042C18.0131 16.8712 17.9852 16.7397 17.9324 16.6176C17.8796 16.4955 17.803 16.3851 17.707 16.293L13.0254 11.6104C13.9465 10.3945 14.5 8.88658 14.5 7.25C14.5 3.25778 11.2422 0 7.25 0ZM7.25 2C10.1613 2 12.5 4.33866 12.5 7.25C12.5 8.64786 11.957 9.9103 11.0742 10.8486C10.9883 10.9108 10.9128 10.9863 10.8506 11.0723C9.91205 11.9562 8.64886 12.5 7.25 12.5C4.33866 12.5 2 10.1613 2 7.25C2 4.33866 4.33866 2 7.25 2Z' fill='%236F6F6F'/%3E%3C/svg%3E")
}

.writer-filter .col {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
}

.writer-filter .r-select {
  width: 100%;
  border: 1px solid var(--r-border);
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px
}

.writer-terms-conditions p {
  padding-bottom: var(--r-space)
}

.writer-terms-conditions ul {
  color: #54565a;
  padding-left: var(--r-space);
  padding-bottom: var(--r-space)
}

.register-response .__contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px
}

.register-response .__contact svg {
  color: #e5e5e5
}

.register-response .__contact a svg {
  color: var(--r-accent)
}

.__status-wait {
  color: var(--r-color-yellow);
  padding-left: 24px;
  background-position: left;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99984 1.66663C5.40484 1.66663 1.6665 5.40496 1.6665 9.99996C1.6665 14.595 5.40484 18.3333 9.99984 18.3333C14.5948 18.3333 18.3332 14.595 18.3332 9.99996C18.3332 5.40496 14.5948 1.66663 9.99984 1.66663ZM11.9003 12.7337C11.7782 12.8558 11.6182 12.9166 11.4582 12.9166C11.2982 12.9166 11.1382 12.8558 11.0161 12.7337L8.93275 10.6504C8.81567 10.5329 8.74984 10.3741 8.74984 10.2083V5.62496C8.74984 5.27954 9.02942 4.99996 9.37484 4.99996C9.72025 4.99996 9.99984 5.27954 9.99984 5.62496V9.94954L11.9003 11.85C12.144 12.0937 12.144 12.4895 11.9003 12.7337Z' fill='%23FFB300' /%3E%3C/svg%3E")
}

.__status-success {
  color: var(--r-accent);
  padding-left: 24px;
  background-position: left;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99984 1.66663C5.40484 1.66663 1.6665 5.40496 1.6665 9.99996C1.6665 14.595 5.40484 18.3333 9.99984 18.3333C14.5948 18.3333 18.3332 14.595 18.3332 9.99996C18.3332 5.40496 14.5948 1.66663 9.99984 1.66663ZM13.5669 8.56704L9.40025 12.7337C9.27817 12.8558 9.11817 12.9166 8.95817 12.9166C8.79817 12.9166 8.63817 12.8558 8.51609 12.7337L6.43275 10.6504C6.18859 10.4062 6.18859 10.0108 6.43275 9.76663C6.67692 9.52246 7.07234 9.52246 7.3165 9.76663L8.95775 11.4079L12.6823 7.68329C12.9265 7.43913 13.3219 7.43913 13.5661 7.68329C13.8103 7.92746 13.8107 8.32288 13.5669 8.56704Z' fill='%2334BE39'/%3E%3C/svg%3E")
}

.company {
  display: -ms-grid;
  display: grid;
  margin-bottom: 16px;
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr)
}

.company-profile {
  margin-bottom: var(--r-space)
}

.company-create-post {
  margin-top: 16px;
  margin-bottom: 16px
}

.company-create-post .btn-main {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px
}

@media (max-width: 921px) {
  .company-create-post .btn-main {
    width: 100%
  }
}

.profile-avatar {
  width: 160px;
  height: 160px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  border: 5px solid #ffffff;
  margin-bottom: 8px
}

.company-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  margin-bottom: 8px
}

.company-menu,
.company-info {
  padding: 0
}

.company-menu .col-first,
.company-info .col-first {
  padding: 16px;
  border-bottom: 1px solid var(--r-border)
}

.company-menu .col-second,
.company-info .col-second {
  padding: 16px
}

.company-posts-table__quota {
  padding-left: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99984 1.33337C6.16481 1.33337 4.6665 2.83168 4.6665 4.66671C4.6665 6.50173 6.16481 8.00004 7.99984 8.00004C9.83487 8.00004 11.3332 6.50173 11.3332 4.66671C11.3332 2.83168 9.83487 1.33337 7.99984 1.33337ZM4.1665 9.33337C3.344 9.33337 2.6665 10.0109 2.6665 10.8334V11.2331C2.6665 12.2134 3.28808 13.0927 4.23617 13.6973C5.18426 14.3019 6.48145 14.6667 7.99984 14.6667C9.51822 14.6667 10.8154 14.3019 11.7635 13.6973C12.7116 13.0927 13.3332 12.2134 13.3332 11.2331V10.8334C13.3332 10.0109 12.6557 9.33337 11.8332 9.33337H4.1665Z' fill='%2307A39B' /%3E%3C/svg%3E");
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center left
}

.company-posts-table__register {
  color: var(--r-accent);
  padding-left: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.1665 1.33337C3.3395 1.33337 2.6665 2.00637 2.6665 2.83337V13.1667C2.6665 13.9937 3.3395 14.6667 4.1665 14.6667H11.8332C12.6602 14.6667 13.3332 13.9937 13.3332 13.1667V6.66671H9.49984C8.67284 6.66671 7.99984 5.99371 7.99984 5.16671V1.33337H4.1665ZM8.99984 1.62634V5.16671C8.99984 5.44237 9.22417 5.66671 9.49984 5.66671H13.0402L8.99984 1.62634ZM5.83317 8.33337H10.1665C10.4425 8.33337 10.6665 8.55737 10.6665 8.83337C10.6665 9.10937 10.4425 9.33337 10.1665 9.33337H5.83317C5.55717 9.33337 5.33317 9.10937 5.33317 8.83337C5.33317 8.55737 5.55717 8.33337 5.83317 8.33337ZM5.82992 10.6667H8.82861C9.10461 10.6667 9.32861 10.8904 9.32861 11.1667C9.32895 11.4197 9.14097 11.6292 8.89697 11.6622L8.82926 11.6667H5.83057C5.55457 11.6667 5.33057 11.4427 5.33057 11.1667C5.33057 10.9137 5.51821 10.7043 5.76221 10.6713L5.82992 10.6667Z' fill='%2307A39B' /%3E%3C/svg%3E");
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center left
}

.applicant-header h2 {
  font-size: 20px;
  margin-bottom: 8px
}

.applicant-header .card__body {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px
}

.applicant-items .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--r-space);
  border-top: 1px solid var(--r-border);
  padding: var(--r-space)
}

.applicant-items .item .avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%
}

.applicant-items .item .col {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px
}

.applicant-items .item p {
  font-size: 14px
}

.applicant-items .item .__answer {
  color: #07a39b;
  border-color: #07a39b;
  background-color: #fff
}

.applicant-items .item .__reject {
  color: #d50000;
  border-color: #d50000;
  background-color: #fff
}

.r-tab-panel .profile-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.r-tab-panel .writer-avatar {
  width: 160px;
  height: 160px;
  border-radius: 50%
}

.r-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--r-space);
  background: #ffffff;
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.02);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.02);
  border-radius: 10px
}

.r-tabs .r-tab-menu a {
  display: block
}

@media (max-width: 921px) {
  .r-tabs .r-tab-menu {
    position: relative;
    border: 1px solid var(--r-border);
    border-radius: 10px;
    padding: 0 8px;
    margin: 16px;
    list-style: none;
    padding: 0
  }

  .r-tabs .r-tab-menu::after {
    position: absolute;
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    top: 16px;
    right: 16px;
    margin-top: -3px;
    border-bottom: 1px solid var(--r-accent);
    border-right: 1px solid var(--r-accent);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }

  .r-tabs .r-tab-menu li {
    padding: 8px 16px
  }

  .r-tabs .r-tab-menu:not(.active) li:not(.active) {
    display: none
  }
}

.r-tabs .r-tab-content {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  padding: var(--r-space)
}

.r-tabs .r-tab-content .r-tab-panel:not(.active) {
  display: none
}

.sec-footer {
  padding: 40px 10px;
  position: relative;
  background-image: url(../img/footer-bg.webp);
  background-size: cover
}

.sec-footer::after {
  content: "";
  background-color: #000;
  opacity: 0.4;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 1
}

.sec-footer .r-container {
  z-index: 2;
  position: relative
}

.sec-footer .btn-alt {
  margin: 0 auto var(--r-space)
}

.sec-footer .r-logo img {
  margin-left: 0
}

.sec-footer .sub {
  font-size: 0.9em;
  margin: var(--r-space) 0
}

.sec-footer .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  margin: 30px 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.sec-footer .no-bullet {
  font-size: 0.9em
}

.sec-footer .no-bullet li {
  margin-bottom: 4px
}

.fb-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 30px 0 40px
}.r-user ul {
	padding: 0;
  margin: 0;
	list-style: none;
	position: relative;
}
.r-user ul ul{
  display: none;
  list-style: none;
  position: absolute;
  top: 30px;
  left: -200px;
  z-index: 999;
  /* the height of the main nav */
}
.r-user ul li:hover > ul {
	display:inherit;
}
.r-user ul ul li {
  min-width: 250px;
  line-height: 30px;
  background: #FFFFFF;
  padding-left: 8px;
  float: none;
  display: list-item;
  position: relative;
}

.r-create ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}

.r-create ul ul {
  display: none;
  list-style: none;
  position: absolute;
  top: 30px;
  left: -125px;
  z-index: 999;
  /* the height of the main nav */
}

.r-create ul li:hover>ul {
  display: inherit;
}

.r-create ul ul li {
  min-width: 250px;
  line-height: 30px;
  background: #FFFFFF;
  padding-left: 8px;
  float: none;
  display: list-item;
  position: relative;
}

ul.dropdown-menu {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
  box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
  background-clip: padding-box;
  background: #FFFFFF;
}

ul.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.r-lang:hover, .r-create:hover, .r-user:hover {
  cursor: pointer;
}

.-winter {
  background-image: url("../img/travel-bg.webp");
  background-size: cover;
}

.-summer {
  background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("../img/beach1.png");
  background-size: cover;
}

.-rain {
  background: url("../img/travel-bg.webp");
  background-size: cover;
}

/* .-summer .r-title,
.-summer .r-sub,
.-summer .r-bullet,
.-summer .content,
.-summer .r-bullet li>a {
  color: #222222 !important;
} */

.r-card-profile .info p{
  height: 100px;
}

.r-card-profile .follow {
  height: 36px;
}

.r-slide-main li a.img-anchor {
  position: relative;
  opacity: 1;
  border-radius: 20px;
  text-shadow: none;
  bottom: 0;
  padding: 0px;
}

.r-slide-main.-prizes li a.img-anchor {
  display: contents;
}

.readme-banner-leaderboard figure{
  margin: 0px 0px !important;
}
body.single-post-new figure {
  margin: 1em 0em;
}
body.single-post-new figcaption {
  display: block;
  opacity: 0.6;
  font-size: 12px;
  font-style: italic;
  text-align: left;
}
body.single-post-new .content_ad {
  padding-top: 35px;
  padding-bottom: 35px;
  max-width: 300px;
  min-width: 250px;
  text-align: -webkit-center;
  margin: 0 auto;
}

body.single-post-new .content_ad .ad_title {
  font-size: 11px;
  font-weight: normal;
  color: #bbb;
  position: absolute;
  margin-top: -20px;
}

body.single-post-new .content_ad .aff_square {
  width: 100%;
}

body.single-post-new .content_ad img {
  border: 1px solid #bbb;
}

body.single-post-new .content_ad2 {
  max-width: 300px;
  margin: 0 auto;
  padding-top: 20px;
}

body.single-post-new .content_ad2 .ad_title {
  font-size: 11px;
  font-weight: normal;
  color: #bbb;
  position: absolute;
  margin-top: -17px;
}

body.single-post-new .content_ad2 img {
  border: 1px solid #bbb;
}

body.single-post-new .content_ad_beside {
  width: 300px;
  margin-top: 70px;
  text-align: center;
}

body.single-post-new .content_ad_beside .ads {
  width: 100%;
}

body.single-post-new .content_ad_beside .ad_title {
  font-size: 11px;
  font-weight: normal;
  color: #bbb;
  float: left;
  margin-top: -17px;
}

body.single-post-new .content_ad_beside img {
  border: 1px solid #bbb;
}

body.single-post-new .content_ad_beside_sky {
  width: 300px;
}

body.single-post-new .content_ad_beside_sky .ad_title {
  font-size: 18px;
  font-weight: normal;
  display: block;
  height: 50px;
}

body.single-post-new .content_ad_beside_sky .skyscanner-widget {
  border: 1px solid #07938b;
  border-radius: 10px;
  padding: 10px;
}

body.single-post-new .content_adsense {
  margin-top: 35px;
  margin-bottom: 35px;
  text-align: -webkit-center;
}

body.single-post-new .content_adsense .ad_title {
  font-size: 11px;
  font-weight: normal;
  color: #bbb;
  float: left;
  margin-top: -20px;
}

body.single-post-new .content_ad_sky .ad_title {
  font-size: 30px;
  font-weight: normal;
  display: block;
}

body.single-post-new .content_adsense_top {
  margin-top: 35px;
  margin-bottom: 35px;
  text-align: center;
  width: 250px;
}

body.single-post-new .content_adsense_top .ad_title {
  font-size: 11px;
  font-weight: normal;
  color: #bbb;
  float: left;
  margin-top: -17px;
}

body.single-post-new .leaderboard-post {
  margin-top: 25px;
  text-align: center;
  margin-bottom: 25px;
}

body.single-post-new .leaderboard-post .aff_leaderboard {
  width: 100%;
}

body.single-post-new .readme_widget {
  text-align: center;
  max-width: 720px;
  padding: 0 !important;
  border: solid 2px #07938b;
  margin: 15px 0px;
}

body.single-post-new .readme_widget .ad_title {
  padding: 30px 40px 0px 40px;
  font-weight: bold;
  font-size: 26px;
  color: #fff;
}

body.single-post-new .readme_widget .ad_title .sub_adtitle {
  font-size: 1.9rem;
}

body.single-post-new .readme_widget .destination {
  text-transform: capitalize;
  line-height: 0px;
  padding: 0px 40px 25px 40px;
  font-weight: bolder;
  font-size: 33px;
  color: #fff;
  letter-spacing: 0.2rem;
  text-decoration: underline;
}

body.single-post-new .readme_widget .destination img {
  width: 40px;
  position: relative;
  /* bottom: 6px; */
  display: inline-block;
}

body.single-post-new .readme_widget .banner-btn {
  margin: 0px auto;
  padding: 5px 0px 0px 15px;
  height: 80px;
  width: 300px;
  background-color: #fab901;
  border-radius: 5px;
  box-shadow: 3px 6px 5px 0px #1e7771;
}

body.single-post-new .readme_widget .banner-btn .left {
  float: left;
  display: block;
}

body.single-post-new .readme_widget .banner-btn .left .discount-tag {
  display: inline-block;
  width: 70px;
}

body.single-post-new .readme_widget .banner-btn .right {
  float: left;
  display: block;
}

body.single-post-new .readme_widget .banner-btn .right .btn-title {
  font-size: 23px;
  letter-spacing: 0.2rem;
  color: #000;
  margin: 0 0 10px;
}

body.single-post-new .readme_widget .banner-btn .right .btn-title-en {
  font-size: 23px;
  color: #000;
  padding-top: 17px;
  font-weight: bolder;
  margin: 0 0 10px;
}

body.single-post-new .readme_widget .banner-btn .right .btn-title-h {
  font-size: 23px;
  letter-spacing: 0.2rem;
  color: #000;
  margin: 0 0 10px;
}

body.single-post-new .readme_widget .banner-btn .right .btn-more {
  color: #fff;
  font-size: 20px;
  letter-spacing: 0.2rem;
  line-height: 0px;
  margin: 0 0 10px;
}

body.single-post-new .readme_widget .detail {
  font-weight: bolder;
  font-size: 2.2rem;
}

body.single-post-new .readme_widget .easycancel {
  color: #fff;
  text-align: center;
  font-size: 18px;
}

body.single-post-new .readme_widget .left.green {
  background-color: #07938b;
  min-height: 280px;
}

body.single-post-new .readme_widget .logo img {
  display: block;
  height: 64px;
  padding: 0px 15px;
  margin: 90px auto 0px auto;
}

body.single-post-new .readme_widget blockquote {
  color: #000;
  font-size: 22px;
  font-weight: bold;
}

body.single-post-new .readme_widget blockquote img.deal-logo {
  width: 20%;
  display: block;
  margin: auto;
}

body.single-post-new .readme_widget blockquote img.textright {
  float: right;
  margin: 10px;
  max-width: 200px;
}

body.single-post-new .readme_widget blockquote .destination,
body.single-post-new .readme_widget blockquote u {
  color: #07938b;
}

body.single-post-new .readme_widget blockquote .btn {
  font-size: 22px !important;
}

body.single-post-new .readme_widget a:hover,
body.single-post-new .readme_widget a:visited,
body.single-post-new .readme_widget a:link,
body.single-post-new .readme_widget a:active {
  text-decoration: none;
}

body.single-post-new .readme_widget2 {
  color: #555;
  padding: 30px 10px 10px 10px;
  border: solid 2px #07938b;
  margin: 15px 0px;
  text-align: center;
}

body.single-post-new .readme_widget2 .ad_title {
  font-weight: bold;
  font-size: 28px;
  color: #000;
}

body.single-post-new .readme_widget2 .ad_title .destination {
  text-transform: capitalize;
  color: #07938b;
}

body.single-post-new .readme_widget2 .ad_title .sub_adtitle {
  font-size: 20px;
}

body.single-post-new .readme_widget2 .detail {
  font-weight: bolder;
  font-size: 20px;
}

body.single-post-new .readme_widget2 .detail .discount {
  color: #c62d36;
}

body.single-post-new .readme_widget2 .easycancel {
  text-align: center;
}

body.single-post-new .readme_widget2 .logo {
  width: 10%;
}

body.single-post-new .readme_widget2 .logo2 {
  width: 15%;
  padding: 0px 5px;
  display: inline-block;
}

body.single-post-new .readme_widget2 .ad_btn {
  padding-top: 20px;
  font-size: 20px;
  color: #000;
}

body.single-post-new .readme_widget2 .ad_btn .ad_link {
  color: #07938b;
  font-weight: bolder;
  letter-spacing: 0.5rem;
}

body.single-post-new .readme_widget2 a:hover,
body.single-post-new .readme_widget2 a:visited,
body.single-post-new .readme_widget2 a:link,
body.single-post-new .readme_widget2 a:active {
  text-decoration: none;
}

body.single-post-new .readme_widget2_5_header {
  padding: 8px 31px 7px 31px;
  border: solid 1px #058c84;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom: none;
  margin: 15px 0px 0px 0px;
  text-align: left;
  color: #fff;
  font-size: 18px;
  line-height: 28.8px;
  background: linear-gradient(135deg, #058c84 0%, #1fc4b0 100%);
}

body.single-post-new .readme_widget2_5_body {
  color: #555;
  padding: 27px 31px;
  margin: 0px 0px 31px 0px;
  text-align: left;
  border: solid 1px #058c84;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top: none;
  font-size: 15px;
  line-height: 25.6px;
  font-weight: bold;
}

body.single-post-new .readme_widget2_5_body .destination {
  text-transform: capitalize;
  color: #07938b;
}

body.single-post-new .readme_widget2_5_body .agoda-btn {
  background: #fff;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  color: #333;
  padding: 9px 22px 9px 0px;
  font-size: 14px;
  line-height: 25.6px;
  font-weight: normal;
  margin-right: 10px;
  margin-top: 10px;
}

body.single-post-new .readme_widget2_5_body .agoda-btn img {
  padding: 0px 11px 0px 11px;
}

body.single-post-new .readme_widget2_5_body .bdotcom-btn {
  background: #1b3a78;
  border: 1px solid #1b3a78;
  box-sizing: border-box;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  color: #fff;
  padding: 9px 22px 9px 0px;
  font-size: 14px;
  line-height: 25.6px;
  font-weight: normal;
  margin-right: 0px;
  margin-top: 10px;
}

body.single-post-new .readme_widget2_5_body .bdotcom-btn img {
  padding: 0px 11px 0px 11px;
}

body.single-post-new .readme_widget2_5_body .trip-btn {
  background: #297efb;
  border: 1px solid #297efb;
  box-sizing: border-box;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  color: #fff;
  padding: 9px 22px 9px 0px;
  font-size: 14px;
  line-height: 25.6px;
  font-weight: normal;
  margin-right: 10px;
  margin-top: 10px;
}

body.single-post-new .readme_widget2_5_body .trip-btn img {
  padding: 0px 11px 0px 11px;
}

body.single-post-new .readme_widget2022 {
  position: relative;
  width: 100%;
}

body.single-post-new .readme_widget2022 .header {
  padding: 31px;
  border: solid 3px #41918b;
  margin: 15px 0px 0px 0px;
  text-align: left;
  color: #07938b;
  font-size: 22px;
  font-weight: bold;
  font-style: italic;
  height: 350px;
  position: relative;
}

body.single-post-new .readme_widget2022 .header a {
  color: #07938b;
}

body.single-post-new .readme_widget2022 .header img {
  height: 45px;
  float: left;
}

body.single-post-new .readme_widget2022 .body {
  position: relative;
  color: #fff;
  text-align: left;
  background: linear-gradient(180deg, #03716b 0%, #06978f 100%);
  margin-top: -250px;
  margin-left: 29px;
  margin-bottom: 31px;
  width: 90%;
  height: 300px;
  padding: 31px;
  font-size: 23px;
  font-weight: bold;
}

body.single-post-new .readme_widget2022 .body .title {
  margin: 0px auto;
  width: 100%;
  min-height: 90px;
}

body.single-post-new .readme_widget2022 .body .title .left {
  float: left;
  display: block;
  text-align: center;
  width: 20%;
}

body.single-post-new .readme_widget2022 .body .title .left .h1 {
  font-weight: bolder;
}

body.single-post-new .readme_widget2022 .body .title .middle {
  float: left;
  display: block;
  width: 36%;
}

body.single-post-new .readme_widget2022 .body .title .middle .discount {
  font-size: 72px;
  color: #f5ff00;
  font-weight: bold;
  line-height: 70px;
  padding-left: 10px;
}

body.single-post-new .readme_widget2022 .body .title .right {
  float: right;
  display: block;
  font-size: 23px;
  width: 44%;
}

body.single-post-new .readme_widget2022 .body .destination {
  text-transform: capitalize;
  color: #07938b;
}

body.single-post-new .readme_widget2022 .body .ota-btn-top {
  position: relative;
  background: #fff;
  box-sizing: border-box;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
  color: #333;
  font-size: 14px;
  line-height: 25.6px;
  font-weight: normal;
  margin-right: 15px;
  margin-top: 15px;
  height: 64px;
  width: 48%;
  float: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  vertical-align: middle;
}

body.single-post-new .readme_widget2022 .body .ota-btn-top .arrow {
  position: absolute;
  top: 0px;
  right: 0px;
}

body.single-post-new .readme_widget2022 .body .ota-btn-top img.agoda {
  height: 40px;
}

body.single-post-new .readme_widget2022 .body .ota-btn-top img.trip {
  height: 27px;
}

body.single-post-new .readme_widget2022 .body .ota-btn-top img.traveloka {
  height: 27px;
}

body.single-post-new .readme_widget2022 .body .ota-btn-top img.booking {
  height: 40px;
}

body.single-post-new .readme_widget2022 .body .ota-btn-top:hover {
  border: 1px solid #07938b;
  box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
  text-decoration: none;
  transition: all 250ms linear;
}

body.single-post-new .readme_widget2022 .body .ota-btn {
  position: relative;
  background: #fff;
  box-sizing: border-box;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
  color: #333;
  font-size: 14px;
  line-height: 25.6px;
  font-weight: normal;
  margin-right: 15px;
  margin-top: 15px;
  height: 64px;
  width: 48%;
  float: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  vertical-align: middle;
}

body.single-post-new .readme_widget2022 .body .ota-btn .arrow {
  position: absolute;
  top: 0px;
  right: 0px;
}

body.single-post-new .readme_widget2022 .body .ota-btn img.agoda {
  height: 40px;
}

body.single-post-new .readme_widget2022 .body .ota-btn img.trip {
  height: 27px;
}

body.single-post-new .readme_widget2022 .body .ota-btn img.traveloka {
  height: 27px;
}

body.single-post-new .readme_widget2022 .body .ota-btn img.booking {
  height: 40px;
}

body.single-post-new .readme_widget2022 .body .ota-btn:hover {
  border: 1px solid #07938b;
  box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
  text-decoration: none;
  transition: all 250ms linear;
}

body.single-post-new .readme_widget2022 .body .ota-btn-right {
  position: relative;
  background: #fff;
  box-sizing: border-box;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
  color: #333;
  font-size: 14px;
  line-height: 25.6px;
  font-weight: normal;
  margin-top: 15px;
  height: 64px;
  width: 48%;
  float: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  vertical-align: middle;
}

body.single-post-new .readme_widget2022 .body .ota-btn-right .arrow {
  position: absolute;
  top: 0px;
  right: 0px;
}

body.single-post-new .readme_widget2022 .body .ota-btn-right img.agoda {
  height: 40px;
}

body.single-post-new .readme_widget2022 .body .ota-btn-right img.trip {
  height: 27px;
}

body.single-post-new .readme_widget2022 .body .ota-btn-right img.traveloka {
  height: 27px;
}

body.single-post-new .readme_widget2022 .body .ota-btn-right img.booking {
  height: 40px;
}

body.single-post-new .readme_widget2022 .body .ota-btn-right:hover {
  border: 1px solid #07938b;
  box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
  text-decoration: none;
  transition: all 250ms linear;
}

body.single-post-new .readme_widget2022 .body .agoda-btn {
  background: #fff;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  color: #333;
  padding: 9px 22px 9px 0px;
  font-size: 14px;
  line-height: 25.6px;
  font-weight: normal;
  margin-right: 10px;
  margin-top: 10px;
}

body.single-post-new .readme_widget2022 .body .agoda-btn img {
  padding: 0px 11px 0px 11px;
}

body.single-post-new .readme_widget2022 .body .bdotcom-btn {
  background: #1b3a78;
  border: 1px solid #1b3a78;
  box-sizing: border-box;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  color: #fff;
  padding: 9px 22px 9px 0px;
  font-size: 14px;
  line-height: 25.6px;
  font-weight: normal;
  margin-right: 0px;
  margin-top: 10px;
}

body.single-post-new .readme_widget2022 .body .bdotcom-btn img {
  padding: 0px 11px 0px 11px;
}

body.single-post-new .readme_widget2022 .body .trip-btn {
  background: #297efb;
  border: 1px solid #297efb;
  box-sizing: border-box;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  color: #fff;
  padding: 9px 22px 9px 0px;
  font-size: 14px;
  line-height: 25.6px;
  font-weight: normal;
  margin-right: 10px;
  margin-top: 10px;
}

body.single-post-new .readme_widget2022 .body .trip-btn img {
  padding: 0px 11px 0px 11px;
}

@media (max-width: 690px) {
  body.single-post-new .readme_widget2022 .header {
    font-size: 18px;
    height: 345px;
  }

  body.single-post-new .readme_widget2022 .header img {
    height: 44px;
  }

  body.single-post-new .readme_widget2022 .body {
    margin-left: 22px;
    margin-top: -250px;
    height: 278px;
  }

  body.single-post-new .readme_widget2022 .body .h1 {
    font-size: 38px;
  }

  body.single-post-new .readme_widget2022 .body .title {
    font-size: 14px;
    min-height: 75px;
  }

  body.single-post-new .readme_widget2022 .body .title .middle .discount {
    font-size: 49px;
  }

  body.single-post-new .readme_widget2022 .body .title .right {
    font-size: 14px;
    padding: 9px 0px 0px 10px;
  }

  body.single-post-new .readme_widget2022 .body .ota-btn-right,
  body.single-post-new .readme_widget2022 .body .ota-btn,
  body.single-post-new .readme_widget2022 .body .ota-btn-top {
    width: 46%;
    height: 55px;
  }

  body.single-post-new .readme_widget2022 .body .ota-btn-right img.agoda,
  body.single-post-new .readme_widget2022 .body .ota-btn img.agoda,
  body.single-post-new .readme_widget2022 .body .ota-btn-top img.agoda {
    height: 33px;
  }

  body.single-post-new .readme_widget2022 .body .ota-btn-right img.trip,
  body.single-post-new .readme_widget2022 .body .ota-btn img.trip,
  body.single-post-new .readme_widget2022 .body .ota-btn-top img.trip {
    height: 20px;
  }

  body.single-post-new .readme_widget2022 .body .ota-btn-right img.traveloka,
  body.single-post-new .readme_widget2022 .body .ota-btn img.traveloka,
  body.single-post-new .readme_widget2022 .body .ota-btn-top img.traveloka {
    height: 23px;
  }

  body.single-post-new .readme_widget2022 .body .ota-btn-right img.booking,
  body.single-post-new .readme_widget2022 .body .ota-btn img.booking,
  body.single-post-new .readme_widget2022 .body .ota-btn-top img.booking {
    height: 33px;
  }

  body.single-post-new .readme_widget2022 .body .ota-btn-right .arrow,
  body.single-post-new .readme_widget2022 .body .ota-btn .arrow,
  body.single-post-new .readme_widget2022 .body .ota-btn-top .arrow {
    width: 16px;
    height: 16px;
    top: -6px;
  }
}

@media (max-width: 420px) {
  body.single-post-new .readme_widget2022 .header {
    font-size: 14px;
    height: 333px;
    padding-left: 18px;
    padding-top: 20px;
  }

  body.single-post-new .readme_widget2022 .header img {
    height: 38px;
  }

  body.single-post-new .readme_widget2022 .body {
    margin-left: 18px;
    margin-top: -250px;
    height: 264px;
    padding: 18px;
  }

  body.single-post-new .readme_widget2022 .body .h1 {
    font-size: 32px;
  }

  body.single-post-new .readme_widget2022 .body .title {
    font-size: 12px;
    min-height: 75px;
  }

  body.single-post-new .readme_widget2022 .body .title .middle .discount {
    font-size: 40px;
    padding-left: 5px;
    line-height: 56px;
  }

  body.single-post-new .readme_widget2022 .body .title .right {
    font-size: 12px;
    padding: 7px 0px 0px 8px;
  }

  body.single-post-new .readme_widget2022 .body .ota-btn-right,
  body.single-post-new .readme_widget2022 .body .ota-btn,
  body.single-post-new .readme_widget2022 .body .ota-btn-top {
    width: 46%;
    height: 55px;
  }

  body.single-post-new .readme_widget2022 .body .ota-btn-right img.agoda,
  body.single-post-new .readme_widget2022 .body .ota-btn img.agoda,
  body.single-post-new .readme_widget2022 .body .ota-btn-top img.agoda {
    height: 30px;
  }

  body.single-post-new .readme_widget2022 .body .ota-btn-right img.trip,
  body.single-post-new .readme_widget2022 .body .ota-btn img.trip,
  body.single-post-new .readme_widget2022 .body .ota-btn-top img.trip {
    height: 17px;
  }

  body.single-post-new .readme_widget2022 .body .ota-btn-right img.traveloka,
  body.single-post-new .readme_widget2022 .body .ota-btn img.traveloka,
  body.single-post-new .readme_widget2022 .body .ota-btn-top img.traveloka {
    height: 20px;
  }

  body.single-post-new .readme_widget2022 .body .ota-btn-right img.booking,
  body.single-post-new .readme_widget2022 .body .ota-btn img.booking,
  body.single-post-new .readme_widget2022 .body .ota-btn-top img.booking {
    height: 30px;
  }

  body.single-post-new .readme_widget2022 .body .ota-btn-right .arrow,
  body.single-post-new .readme_widget2022 .body .ota-btn .arrow,
  body.single-post-new .readme_widget2022 .body .ota-btn-top .arrow {
    width: 16px;
    height: 16px;
    top: -6px;
  }
}

body.single-post-new .readme_widget2022B {
  position: relative;
  width: 100%;
}

body.single-post-new .readme_widget2022B .header {
  padding: 31px;
  border: solid 3px #41918b;
  border-bottom: none;
  margin: 15px 0px 0px 0px;
  text-align: left;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  font-style: italic;
  position: relative;
  background: #41918b;
  line-height: 31px;
}

body.single-post-new .readme_widget2022B .header a {
  color: #fff;
}

body.single-post-new .readme_widget2022B .header a u {
  color: #f5ff00;
}

body.single-post-new .readme_widget2022B .header a .discount {
  color: #f5ff00;
  font-size: 20px;
}

body.single-post-new .readme_widget2022B .header a .clickme {
  text-decoration: underline;
  font-size: 20px;
}

body.single-post-new .readme_widget2022B .header img {
  height: 45px;
  float: left;
}

body.single-post-new .readme_widget2022B .header .pin {
  float: left;
}

body.single-post-new .readme_widget2022B .body {
  position: relative;
  color: #fff;
  border: solid 3px #41918b;
  border-top: none;
  text-align: left;
  margin-bottom: 31px;
  height: 240px;
  padding: 31px;
  font-size: 23px;
  font-weight: bold;
}

body.single-post-new .readme_widget2022B .body .title {
  margin: 0px auto;
  width: 100%;
  min-height: 90px;
}

body.single-post-new .readme_widget2022B .body .title .left {
  float: left;
  display: block;
  text-align: center;
  width: 20%;
}

body.single-post-new .readme_widget2022B .body .title .left .h1 {
  font-weight: bolder;
}

body.single-post-new .readme_widget2022B .body .title .middle {
  float: left;
  display: block;
  width: 36%;
}

body.single-post-new .readme_widget2022B .body .title .middle .discount {
  font-size: 72px;
  color: #f5ff00;
  font-weight: bold;
  line-height: 70px;
  padding-left: 10px;
}

body.single-post-new .readme_widget2022B .body .title .right {
  float: right;
  display: block;
  font-size: 23px;
  width: 44%;
}

body.single-post-new .readme_widget2022B .body .destination {
  text-transform: capitalize;
  color: #07938b;
}

body.single-post-new .readme_widget2022B .body .ota-btn-top {
  position: relative;
  background: #fff;
  box-sizing: border-box;
  box-shadow: 0px 7px 14px #9e9e9e;
  border: solid 1px #41918b;
  font-size: 15px;
  color: #07938b;
  font-weight: bold;
  line-height: 25.6px;
  margin-right: 15px;
  margin-top: 15px;
  height: 64px;
  width: 48%;
  float: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  vertical-align: middle;
}

body.single-post-new .readme_widget2022B .body .ota-btn-top span {
  padding-right: 8px;
}

body.single-post-new .readme_widget2022B .body .ota-btn-top .arrow {
  position: absolute;
  top: 25%;
  right: 0px;
}

body.single-post-new .readme_widget2022B .body .ota-btn-top img.agoda {
  height: 36px;
}

body.single-post-new .readme_widget2022B .body .ota-btn-top img.trip {
  height: 23px;
}

body.single-post-new .readme_widget2022B .body .ota-btn-top img.traveloka {
  height: 23px;
  margin-bottom: 10px;
}

body.single-post-new .readme_widget2022B .body .ota-btn-top img.booking {
  height: 36px;
}

body.single-post-new .readme_widget2022B .body .ota-btn-top:hover {
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
  text-decoration: none;
  transition: all 250ms linear;
}

body.single-post-new .readme_widget2022B .body .ota-btn {
  position: relative;
  background: #fff;
  box-sizing: border-box;
  box-shadow: 0px 7px 14px #9e9e9e;
  border: solid 1px #41918b;
  font-size: 15px;
  color: #07938b;
  font-weight: bold;
  line-height: 25.6px;
  margin-right: 15px;
  margin-top: 15px;
  height: 64px;
  width: 48%;
  float: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  vertical-align: middle;
}

body.single-post-new .readme_widget2022B .body .ota-btn span {
  padding-right: 8px;
}

body.single-post-new .readme_widget2022B .body .ota-btn .arrow {
  position: absolute;
  top: 25%;
  right: 0px;
}

body.single-post-new .readme_widget2022B .body .ota-btn img.agoda {
  height: 36px;
}

body.single-post-new .readme_widget2022B .body .ota-btn img.trip {
  height: 23px;
}

body.single-post-new .readme_widget2022B .body .ota-btn img.traveloka {
  height: 23px;
  margin-bottom: 10px;
}

body.single-post-new .readme_widget2022B .body .ota-btn img.booking {
  height: 36px;
}

body.single-post-new .readme_widget2022B .body .ota-btn:hover {
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
  text-decoration: none;
  transition: all 250ms linear;
}

body.single-post-new .readme_widget2022B .body .ota-btn-right {
  position: relative;
  background: #fff;
  box-sizing: border-box;
  box-shadow: 0px 7px 14px #9e9e9e;
  border: solid 1px #41918b;
  color: #07938b;
  font-size: 15px;
  font-weight: bold;
  line-height: 25.6px;
  margin-top: 15px;
  height: 64px;
  width: 48%;
  float: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  vertical-align: middle;
}

body.single-post-new .readme_widget2022B .body .ota-btn-right span {
  padding-right: 8px;
}

body.single-post-new .readme_widget2022B .body .ota-btn-right .arrow {
  position: absolute;
  top: 25%;
  right: 0px;
}

body.single-post-new .readme_widget2022B .body .ota-btn-right img.agoda {
  height: 36px;
}

body.single-post-new .readme_widget2022B .body .ota-btn-right img.trip {
  height: 23px;
}

body.single-post-new .readme_widget2022B .body .ota-btn-right img.traveloka {
  height: 23px;
  margin-bottom: 10px;
}

body.single-post-new .readme_widget2022B .body .ota-btn-right img.booking {
  height: 36px;
}

body.single-post-new .readme_widget2022B .body .ota-btn-right:hover {
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
  text-decoration: none;
  transition: all 250ms linear;
}

body.single-post-new .readme_widget2022B .body .agoda-btn {
  background: #fff;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  color: #333;
  padding: 9px 22px 9px 0px;
  font-size: 14px;
  line-height: 25.6px;
  font-weight: normal;
  margin-right: 10px;
  margin-top: 10px;
}

body.single-post-new .readme_widget2022B .body .agoda-btn img {
  padding: 0px 11px 0px 11px;
}

body.single-post-new .readme_widget2022B .body .bdotcom-btn {
  background: #1b3a78;
  border: 1px solid #1b3a78;
  box-sizing: border-box;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  color: #fff;
  padding: 9px 22px 9px 0px;
  font-size: 14px;
  line-height: 25.6px;
  font-weight: normal;
  margin-right: 0px;
  margin-top: 10px;
}

body.single-post-new .readme_widget2022B .body .bdotcom-btn img {
  padding: 0px 11px 0px 11px;
}

body.single-post-new .readme_widget2022B .body .trip-btn {
  background: #297efb;
  border: 1px solid #297efb;
  box-sizing: border-box;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  color: #fff;
  padding: 9px 22px 9px 0px;
  font-size: 14px;
  line-height: 25.6px;
  font-weight: normal;
  margin-right: 10px;
  margin-top: 10px;
}

body.single-post-new .readme_widget2022B .body .trip-btn img {
  padding: 0px 11px 0px 11px;
}

@media (max-width: 690px) {
  body.single-post-new .readme_widget2022B .header {
    font-size: 18px;
  }

  body.single-post-new .readme_widget2022B .header img {
    height: 44px;
  }

  body.single-post-new .readme_widget2022B .header .pin {
    min-height: 66px;
  }

  body.single-post-new .readme_widget2022B .body {
    height: 350px;
  }

  body.single-post-new .readme_widget2022B .body .h1 {
    font-size: 38px;
  }

  body.single-post-new .readme_widget2022B .body .title {
    font-size: 14px;
    min-height: 75px;
  }

  body.single-post-new .readme_widget2022B .body .title .middle .discount {
    font-size: 49px;
  }

  body.single-post-new .readme_widget2022B .body .title .right {
    font-size: 14px;
    padding: 9px 0px 0px 10px;
  }

  body.single-post-new .readme_widget2022B .body .ota-btn-right,
  body.single-post-new .readme_widget2022B .body .ota-btn,
  body.single-post-new .readme_widget2022B .body .ota-btn-top {
    width: 100%;
    height: 55px;
  }

  body.single-post-new .readme_widget2022B .body .ota-btn-right img.agoda,
  body.single-post-new .readme_widget2022B .body .ota-btn img.agoda,
  body.single-post-new .readme_widget2022B .body .ota-btn-top img.agoda {
    height: 33px;
  }

  body.single-post-new .readme_widget2022B .body .ota-btn-right img.trip,
  body.single-post-new .readme_widget2022B .body .ota-btn img.trip,
  body.single-post-new .readme_widget2022B .body .ota-btn-top img.trip {
    height: 20px;
  }

  body.single-post-new .readme_widget2022B .body .ota-btn-right img.traveloka,
  body.single-post-new .readme_widget2022B .body .ota-btn img.traveloka,
  body.single-post-new .readme_widget2022B .body .ota-btn-top img.traveloka {
    height: 23px;
  }

  body.single-post-new .readme_widget2022B .body .ota-btn-right img.booking,
  body.single-post-new .readme_widget2022B .body .ota-btn img.booking,
  body.single-post-new .readme_widget2022B .body .ota-btn-top img.booking {
    height: 33px;
  }
}

@media (max-width:540px) {
  .readme-banner-btn {
    width: 300px !important;
  }

  .readme-banner-btn .logo2 {
    width: 18% !important;
  }

  .readme-banner-btn .left {
    float: left;
    display: block;
  }

  .readme-banner-btn .left .discount-tag {
    display: none !important;
  }

  .readme-banner-btn .btn-title {
    padding-left: 0px !important;
    line-height: 22px;
    font-size: 14px !important;
    text-align: center;
  }

  .readme-banner-btn .btn-title .discount {
    font-size: 14px !important;
  }

  .readme-banner-btn .more-detail {
    width: 280px !important;
    margin-top: 0px !important;
  }

  .readme-banner-btn .more-detail .btn-more {
    font-size: 14px !important;
  }

  .readme-banner-btn .more-detail .readme-text {
    font-size: 14px !important;
  }

  .readme-banner-btn4 {
    width: 300px !important;
  }

  .readme-banner-btn4 .left {
    float: left;
    display: block;
  }

  .readme-banner-btn4 .left .discount-tag {
    display: none !important;
  }

  .readme-banner-btn4 .btn-title {
    padding-left: 0px !important;
    line-height: 22px;
    font-size: 16px !important;
    text-align: center;
  }

  .readme-banner-btn4 .btn-title .discount {
    font-size: 20px !important;
  }

  .readme-banner-btn4 .more-detail {
    width: 280px !important;
  }

  .readme-banner-btn4 .more-detail .btn-more {
    font-size: 14px !important;
  }

  .readme-banner-btn4 .more-detail .readme-text {
    font-size: 14px !important;
  }

  .readme-banner-leaderboard {
    width: 300px !important;
  }

  .readme-banner-leaderboard .logo2 {
    width: 18% !important;
  }

  .readme-banner-leaderboard .left {
    float: left;
    display: block;
  }

  .readme-banner-leaderboard .left .discount-tag {
    display: none !important;
  }

  .readme-banner-leaderboard .btn-title {
    padding-left: 0px !important;
    line-height: 22px;
    font-size: 14px !important;
    text-align: center;
  }

  .readme-banner-leaderboard .btn-title .discount {
    font-size: 14px !important;
  }

  .readme-banner-leaderboard .more-detail {
    width: 280px !important;
    margin-top: 0px !important;
  }

  .readme-banner-leaderboard .more-detail .btn-more {
    font-size: 12px !important;
  }

  .readme-banner-leaderboard .more-detail .readme-text {
    font-size: 14px !important;
  }

  .readme-banner-leaderboard-en {
    width: 300px !important;
  }

  .readme-banner-leaderboard-en .logo2 {
    width: 18% !important;
  }

  .readme-banner-leaderboard-en .left {
    float: left;
    display: block;
  }

  .readme-banner-leaderboard-en .left .discount-tag {
    display: none !important;
  }

  .readme-banner-leaderboard-en .btn-title {
    padding-left: 0px !important;
    line-height: 22px;
    font-size: 13px !important;
    text-align: center;
  }

  .readme-banner-leaderboard-en .btn-title .discount {
    font-size: 13px !important;
  }

  .readme-banner-leaderboard-en .more-detail {
    width: 280px !important;
    margin-top: 0px !important;
  }

  .readme-banner-leaderboard-en .more-detail .btn-more {
    font-size: 13px !important;
  }

  .readme-banner-leaderboard-en .more-detail .readme-text {
    font-size: 13px !important;
  }
}

@media (max-width: 420px) {
  body.single-post-new .readme_widget2022B .header {
    font-size: 14px;
    padding-left: 18px;
    padding-top: 20px;
  }

  body.single-post-new .readme_widget2022B .header img {
    height: 28px;
  }

  body.single-post-new .readme_widget2022B .header .pin {
    min-height: 100px;
  }

  body.single-post-new .readme_widget2022B .body {
    height: 323px;
    padding: 18px;
  }

  body.single-post-new .readme_widget2022B .body .h1 {
    font-size: 32px;
  }

  body.single-post-new .readme_widget2022B .body .title {
    font-size: 12px;
    min-height: 75px;
  }

  body.single-post-new .readme_widget2022B .body .title .middle .discount {
    font-size: 40px;
    padding-left: 5px;
    line-height: 56px;
  }

  body.single-post-new .readme_widget2022B .body .title .right {
    font-size: 12px;
    padding: 7px 0px 0px 8px;
  }

  body.single-post-new .readme_widget2022B .body .ota-btn-right,
  body.single-post-new .readme_widget2022B .body .ota-btn,
  body.single-post-new .readme_widget2022B .body .ota-btn-top {
    width: 100%;
    height: 55px;
  }

  body.single-post-new .readme_widget2022B .body .ota-btn-right img.agoda,
  body.single-post-new .readme_widget2022B .body .ota-btn img.agoda,
  body.single-post-new .readme_widget2022B .body .ota-btn-top img.agoda {
    height: 30px;
  }

  body.single-post-new .readme_widget2022B .body .ota-btn-right img.trip,
  body.single-post-new .readme_widget2022B .body .ota-btn img.trip,
  body.single-post-new .readme_widget2022B .body .ota-btn-top img.trip {
    height: 17px;
  }

  body.single-post-new .readme_widget2022B .body .ota-btn-right img.traveloka,
  body.single-post-new .readme_widget2022B .body .ota-btn img.traveloka,
  body.single-post-new .readme_widget2022B .body .ota-btn-top img.traveloka {
    height: 20px;
  }

  body.single-post-new .readme_widget2022B .body .ota-btn-right img.booking,
  body.single-post-new .readme_widget2022B .body .ota-btn img.booking,
  body.single-post-new .readme_widget2022B .body .ota-btn-top img.booking {
    height: 30px;
  }
}

body.single-post-new .readme_widget3 {
  color: #555;
  text-align: center;
  padding: 0 !important;
  border: solid 2px #07938b;
  margin: 15px 0px;
}

body.single-post-new .readme_widget3 .col-sm-7.left {
  border-right: 3px solid #ccc;
  margin: 30px 0px;
}

body.single-post-new .readme_widget3 .ad_title {
  padding: 0px 40px 0px 40px;
  font-weight: bold;
  font-size: 2.3rem;
}

body.single-post-new .readme_widget3 .ad_title .sub_adtitle {
  font-size: 1.9rem;
}

body.single-post-new .readme_widget3 .destination {
  text-transform: capitalize;
  line-height: 0px;
  padding: 0px 40px 15px 40px;
  font-weight: bolder;
  font-size: 3.2rem;
  color: #07938b;
  letter-spacing: 0.2rem;
  text-decoration: underline;
}

body.single-post-new .readme_widget3 .destination img {
  width: 40px;
  position: relative;
  bottom: 6px;
}

body.single-post-new .readme_widget3 .banner-btn {
  margin: 0px auto;
  padding: 5px 0px 0px 15px;
  height: 80px;
  width: 300px;
  background-color: #fab901;
  border-radius: 5px;
  box-shadow: 3px 6px 5px 0px #dcdcdc;
}

body.single-post-new .readme_widget3 .banner-btn .left {
  float: left;
  display: block;
}

body.single-post-new .readme_widget3 .banner-btn .left .discount-tag {
  display: inline-block;
  width: 70px;
}

body.single-post-new .readme_widget3 .banner-btn .right {
  float: left;
  display: block;
}

body.single-post-new .readme_widget3 .banner-btn .right .btn-title {
  font-size: 2.2rem;
  letter-spacing: 0.2rem;
  color: #000;
}

body.single-post-new .readme_widget3 .banner-btn .right .btn-title-en {
  font-size: 2rem;
  color: #000;
  padding-top: 17px;
  font-weight: bolder;
}

body.single-post-new .readme_widget3 .banner-btn .right .btn-title-h {
  font-size: 22px;
  letter-spacing: 0.2rem;
  color: #000;
}

body.single-post-new .readme_widget3 .banner-btn .right .btn-more {
  color: #fff;
  font-size: 1.8rem;
  letter-spacing: 0.2rem;
  line-height: 0px;
}

body.single-post-new .readme_widget3 .detail {
  font-weight: bolder;
  font-size: 2.2rem;
}

body.single-post-new .readme_widget3 .logo img {
  display: block;
  height: 64px;
  padding: 0px 15px;
  margin: 90px auto 0px auto;
}

body.single-post-new .readme_widget3 blockquote {
  color: #000;
  font-size: 22px;
  font-weight: bold;
}

body.single-post-new .readme_widget3 blockquote img.deal-logo {
  width: 20%;
  display: block;
  margin: auto;
}

body.single-post-new .readme_widget3 blockquote img.textright {
  float: right;
  margin: 10px;
  max-width: 200px;
}

body.single-post-new .readme_widget3 blockquote .destination,
body.single-post-new .readme_widget3 blockquote u {
  color: #07938b;
}

body.single-post-new .readme_widget3 blockquote .btn {
  font-size: 22px !important;
}

body.single-post-new .readme_widget3 a:hover,
body.single-post-new .readme_widget3 a:visited,
body.single-post-new .readme_widget3 a:link,
body.single-post-new .readme_widget3 a:active {
  text-decoration: none;
}

body.single-post-new .readme_widget4 {
  color: #555;
  min-height: 200px;
  padding: 30px 0px;
  border: solid 2px #07938b;
  margin: 15px 0px;
}

body.single-post-new .readme_widget4 .ad_title {
  text-align: center;
  font-weight: bold;
  font-size: 3.2rem;
}

body.single-post-new .readme_widget4 .ad_title .sub_adtitle {
  font-size: 1.9rem;
}

body.single-post-new .readme_widget4 .destination {
  text-transform: capitalize;
  line-height: 0px;
  padding: 16px 9px 9px 18px;
  font-weight: bolder;
  font-size: 3.1rem;
  color: #fff;
  background: #07938b;
  letter-spacing: 0.2rem;
  text-decoration: underline;
  border-radius: 50px;
  margin-right: 18px;
}

body.single-post-new .readme_widget4 .destination img {
  width: 40px;
  position: relative;
  bottom: 6px;
}

body.single-post-new .readme_widget4 .destination-en {
  text-transform: capitalize;
  line-height: 0px;
  padding: 16px 9px 9px 18px;
  font-weight: bolder;
  font-size: 1.8rem;
  color: #fff;
  background: #07938b;
  letter-spacing: 0.2rem;
  text-decoration: underline;
  border-radius: 50px;
  margin-right: 18px;
}

body.single-post-new .readme_widget4 .destination-en img {
  width: 40px;
  position: relative;
  bottom: 6px;
}

body.single-post-new .readme_widget4 .banner-btn {
  margin: 0px auto;
  padding: 8px 40px 0px 40px;
  height: 80px;
  width: 367px;
  background-color: #fab901;
  border-radius: 5px;
  box-shadow: 3px 6px 5px 0px #dcdcdc;
}

body.single-post-new .readme_widget4 .banner-btn .left {
  float: left;
  display: block;
}

body.single-post-new .readme_widget4 .banner-btn .left .discount-tag {
  display: inline-block;
  width: 70px;
}

body.single-post-new .readme_widget4 .banner-btn .right {
  float: left;
  display: block;
}

body.single-post-new .readme_widget4 .banner-btn .right .btn-title {
  font-size: 2.2rem;
  letter-spacing: 0.2rem;
  color: #000;
}

body.single-post-new .readme_widget4 .banner-btn .right .btn-title-en {
  font-size: 2rem;
  color: #000;
  padding-top: 17px;
  font-weight: bolder;
}

body.single-post-new .readme_widget4 .banner-btn .right .btn-title-h {
  font-size: 22px;
  letter-spacing: 0.2rem;
  color: #000;
}

body.single-post-new .readme_widget4 .banner-btn .right .btn-more {
  color: #fff;
  font-size: 1.8rem;
  letter-spacing: 0.2rem;
  line-height: 0px;
}

body.single-post-new .readme_widget4 .detail {
  font-weight: bolder;
  font-size: 2.2rem;
}

body.single-post-new .readme_widget4 .easycancel {
  text-align: center;
}

body.single-post-new .readme_widget4 .logo img {
  display: block;
  height: 52px;
  padding: 0px 15px;
  margin: 52px auto 0px auto;
}

body.single-post-new .readme_widget4 a:hover,
body.single-post-new .readme_widget4 a:visited,
body.single-post-new .readme_widget4 a:link,
body.single-post-new .readme_widget4 a:active {
  text-decoration: none;
}

body.single-post-new .readme_widget5 {
  color: #555;
  text-align: center;
  padding: 0 !important;
  border: solid 2px #d8552b;
  margin: 15px 0px;
}

body.single-post-new .readme_widget5 .col-sm-7.left {
  border-right: 3px solid #ccc;
  margin: 30px 0px;
}

body.single-post-new .readme_widget5 .ad_title {
  padding: 0px 40px 0px 40px;
  font-weight: bold;
  font-size: 28px;
}

body.single-post-new .readme_widget5 .ad_title .sub_adtitle {
  font-size: 1.9rem;
}

body.single-post-new .readme_widget5 .destination {
  text-transform: capitalize;
  line-height: 0px;
  padding: 0px 40px 15px 40px;
  font-weight: bolder;
  font-size: 3.2rem;
  color: #d8552b;
  letter-spacing: 0.2rem;
  text-decoration: underline;
}

body.single-post-new .readme_widget5 .destination img {
  width: 40px;
  position: relative;
  /* bottom: 6px; */
  display: inline-block;
}

body.single-post-new .readme_widget5 .banner-btn {
  margin: 0px auto;
  padding: 5px 0px 0px 15px;
  height: 80px;
  width: 240px;
  background-color: #fab901;
  border-radius: 5px;
  box-shadow: 3px 6px 5px 0px #dcdcdc;
}

body.single-post-new .readme_widget5 .banner-btn .left {
  float: left;
  display: block;
}

body.single-post-new .readme_widget5 .banner-btn .left .discount-tag {
  display: inline-block;
  width: 70px;
}

body.single-post-new .readme_widget5 .banner-btn .right {
  /* float: left; */
  display: block;
}

body.single-post-new .readme_widget5 .banner-btn .right .btn-title {
  font-size: 26px;
  letter-spacing: 0.2rem;
  color: #000;
}

body.single-post-new .readme_widget5 .banner-btn .right .btn-title-en {
  font-size: 26px;
  color: #000;
  padding-top: 17px;
  font-weight: bolder;
}

body.single-post-new .readme_widget5 .banner-btn .right .btn-title-h {
  font-size: 22px;
  letter-spacing: 0.2rem;
  color: #000;
}

body.single-post-new .readme_widget5 .banner-btn .right .btn-more {
  color: #fff;
  font-size: 18px;
  letter-spacing: 0.2rem;
  line-height: 28px;
}

body.single-post-new .readme_widget5 .detail {
  font-weight: bolder;
  font-size: 2.2rem;
}

body.single-post-new .readme_widget5 .easycancel {
  font-weight: bold;
  font-size: 22px;
}

body.single-post-new .readme_widget5 .logo img {
  display: block;
  height: 54px;
  padding: 0px 15px;
  margin: 120px auto 0px auto;
}

body.single-post-new .readme_widget5 blockquote {
  color: #000;
  font-size: 22px;
  font-weight: bold;
}

body.single-post-new .readme_widget5 blockquote img.deal-logo {
  width: 20%;
  display: block;
  margin: auto;
}

body.single-post-new .readme_widget5 blockquote img.textright {
  float: right;
  margin: 10px;
  max-width: 200px;
}

body.single-post-new .readme_widget5 blockquote .destination,
body.single-post-new .readme_widget5 blockquote u {
  color: #07938b;
}

body.single-post-new .readme_widget5 blockquote .btn {
  font-size: 22px !important;
}

body.single-post-new .readme_widget5 a:hover,
body.single-post-new .readme_widget5 a:visited,
body.single-post-new .readme_widget5 a:link,
body.single-post-new .readme_widget5 a:active {
  text-decoration: none;
}

body.single-post-new .readme_widget_beside {
  color: #555;
  height: 250px;
  width: 300px;
  padding: 30px 0px;
  border: solid 2px #07938b;
  margin: 15px 0px;
}

body.single-post-new .readme_widget_beside .ad_title {
  text-align: center;
  font-weight: bold;
  font-size: 1.6rem;
}

body.single-post-new .readme_widget_beside .ad_title .sub_adtitle {
  font-size: 0.8rem;
}

body.single-post-new .readme_widget_beside .destination {
  text-transform: capitalize;
  line-height: 0px;
  padding: 8px 0px;
  font-weight: bolder;
  font-size: 15px;
  color: #fff;
  background: #07938b;
  letter-spacing: 0.2rem;
  text-decoration: underline;
  border-radius: 50px;
  width: 180px;
}

body.single-post-new .readme_widget_beside .destination img {
  width: 40px;
  position: relative;
  bottom: 6px;
}

body.single-post-new .readme_widget_beside .destination-en {
  text-transform: capitalize;
  line-height: 0px;
  padding: 16px 9px 9px 18px;
  font-weight: bolder;
  font-size: 1.8rem;
  color: #fff;
  background: #07938b;
  letter-spacing: 0.2rem;
  text-decoration: underline;
  border-radius: 50px;
  margin-right: 18px;
}

body.single-post-new .readme_widget_beside .destination-en img {
  width: 40px;
  position: relative;
  bottom: 6px;
}

body.single-post-new .readme_widget_beside .banner-btn {
  margin: 0px auto;
  padding: 8px 10px 0px 10px;
  height: 50px;
  width: 220px;
  background-color: #fab901;
  border-radius: 5px;
  box-shadow: 3px 6px 5px 0px #dcdcdc;
}

body.single-post-new .readme_widget_beside .banner-btn .left {
  float: left;
  display: block;
}

body.single-post-new .readme_widget_beside .banner-btn .left .discount-tag {
  display: inline-block;
  width: 40px;
}

body.single-post-new .readme_widget_beside .banner-btn .btn-title {
  padding-top: 12px;
  line-height: 0px;
  font-size: 12px;
  letter-spacing: 0.2rem;
  color: #000;
}

body.single-post-new .readme_widget_beside .banner-btn .btn-title-en {
  line-height: 0px;
  font-size: 12px;
  color: #000;
  padding-top: 17px;
  font-weight: bolder;
}

body.single-post-new .readme_widget_beside .banner-btn .btn-more {
  color: #fff;
  font-size: 12px;
  letter-spacing: 0.2rem;
  font-weight: bolder;
}

body.single-post-new .readme_widget_beside .detail {
  font-weight: bolder;
  font-size: 2.2rem;
}

body.single-post-new .readme_widget_beside .easycancel {
  padding-top: 5px;
  text-align: center;
}

body.single-post-new .readme_widget_beside .logo img {
  display: block;
  height: 50px;
  width: 100%;
  padding: 12px 10px;
  margin: 0px auto 0px auto;
}

body.single-post-new .readme_widget_beside a:hover,
body.single-post-new .readme_widget_beside a:visited,
body.single-post-new .readme_widget_beside a:link,
body.single-post-new .readme_widget_beside a:active {
  text-decoration: none;
}

body.single-post-new .readme_widget_beside_h {
  color: #555;
  height: 250px;
  width: 300px;
  padding: 30px 0px;
  border: solid 2px #07938b;
  margin: 15px 0px;
}

body.single-post-new .readme_widget_beside_h .ad_title {
  text-align: center;
  font-weight: bold;
  font-size: 1.6rem;
}

body.single-post-new .readme_widget_beside_h .ad_title .sub_adtitle {
  font-size: 0.8rem;
}

body.single-post-new .readme_widget_beside_h .destination {
  text-transform: capitalize;
  line-height: 0px;
  padding: 8px 0px;
  font-weight: bolder;
  font-size: 12px;
  color: #fff;
  background: #07938b;
  letter-spacing: 0.2rem;
  text-decoration: underline;
  border-radius: 50px;
  width: 180px;
}

body.single-post-new .readme_widget_beside_h .destination img {
  width: 27px;
  position: relative;
}

body.single-post-new .readme_widget_beside_h .destination-en {
  text-transform: capitalize;
  line-height: 0px;
  font-weight: bolder;
  font-size: 12px;
  color: #fff;
  background: #07938b;
  letter-spacing: 0.2rem;
  text-decoration: underline;
  border-radius: 50px;
  margin-right: 18px;
}

body.single-post-new .readme_widget_beside_h .destination-en img {
  width: 27px;
  position: relative;
}

body.single-post-new .readme_widget_beside_h .banner-btn {
  margin: 0px auto;
  padding: 0px 20px;
  height: 50px;
  width: 220px;
  background-color: #fab901;
  border-radius: 5px;
  box-shadow: 3px 6px 5px 0px #dcdcdc;
}

body.single-post-new .readme_widget_beside_h .banner-btn .left {
  float: left;
  display: block;
}

body.single-post-new .readme_widget_beside_h .banner-btn .left .discount-tag {
  display: inline-block;
  width: 52px;
}

body.single-post-new .readme_widget_beside_h .banner-btn .btn-title {
  padding-top: 18px;
  line-height: 0px;
  font-size: 20px;
  letter-spacing: 0.2rem;
  color: #000;
}

body.single-post-new .readme_widget_beside_h .banner-btn .btn-title-en {
  line-height: 0px;
  font-size: 12px;
  color: #000;
  padding-top: 17px;
  font-weight: bolder;
}

body.single-post-new .readme_widget_beside_h .banner-btn .btn-more {
  color: #fff;
  font-size: 12px;
  letter-spacing: 0.2rem;
  font-weight: bolder;
}

body.single-post-new .readme_widget_beside_h .detail {
  font-weight: bolder;
  font-size: 2.2rem;
}

body.single-post-new .readme_widget_beside_h .easycancel {
  padding-top: 5px;
  text-align: center;
}

body.single-post-new .readme_widget_beside_h .logo img {
  display: block;
  height: 50px;
  width: 100%;
  padding: 12px 10px;
  margin: 0px auto 0px auto;
}

body.single-post-new .readme_widget_beside_h a:hover,
body.single-post-new .readme_widget_beside_h a:visited,
body.single-post-new .readme_widget_beside_h a:link,
body.single-post-new .readme_widget_beside_h a:active {
  text-decoration: none;
}

body.single-post-new .readme-banner-btn {
  margin: 45px auto;
  padding: 15px 10px 0px 10px;
  height: 90px;
  width: 550px;
  background-color: #fab901;
  border-radius: 5px;
  box-shadow: 3px 6px 5px 0px #dcdcdc;
}

body.single-post-new .readme-banner-btn .logo2 {
  width: 15%;
  padding: 5px 10px;
  background-color: #fff;
  display: inline-block;
}

body.single-post-new .readme-banner-btn .left {
  float: left;
  display: block;
}

body.single-post-new .readme-banner-btn .left .discount-tag {
  display: inline-block;
  width: 75px;
  margin-top: -7px;
}

body.single-post-new .readme-banner-btn .btn-title {
  line-height: 22px;
  font-size: 20px;
  color: #000;
}

body.single-post-new .readme-banner-btn .btn-title .discount {
  font-size: 22px;
  font-weight: bolder;
  color: #3360ef;
}

body.single-post-new .readme-banner-btn .btn-title-en {
  line-height: 0px;
  font-size: 1.8rem;
  color: #000;
  padding-top: 17px;
  font-weight: bolder;
}

body.single-post-new .readme-banner-btn .btn-more {
  margin: 0 auto;
  color: #fff;
  font-size: 1.8rem;
  letter-spacing: 0.1rem;
  font-weight: bolder;
  line-height: 26px;
}

body.single-post-new .readme-banner-btn .btn-more .discount {
  font-size: 22px;
  text-decoration: underline;
  color: #3360ef;
}

body.single-post-new .readme-banner-btn .btn-more .readme-text {
  font-size: 23px;
  font-weight: bolder;
}

body.single-post-new .readme-banner-btn .more-detail {
  margin-top: -5px;
  width: 470px;
  text-align: center;
}

body.single-post-new .readme-banner-btn .more-left {
  border-right: 4px solid #fff;
  width: 149px;
  float: left;
}

body.single-post-new .readme-banner-btn .more-right {
  color: #fff;
  font-size: 1.8rem;
  letter-spacing: 0.1rem;
  font-weight: bolder;
  line-height: 26px;
  padding-left: 18px;
  float: left;
  width: 145px;
}

body.single-post-new .readme-banner-btn .more-right .readme-text {
  font-size: 34px;
  font-weight: bolder;
}

body.single-post-new .readme-banner-btn a:hover,
body.single-post-new .readme-banner-btn a:visited,
body.single-post-new .readme-banner-btn a:link,
body.single-post-new .readme-banner-btn a:active {
  text-decoration: none;
}

body.single-post-new .readme-banner-btn4 {
  margin: 45px auto;
  padding: 15px 10px 0px 10px;
  height: 90px;
  width: 485px;
  background-color: #fab901;
  border-radius: 5px;
  box-shadow: 3px 6px 5px 0px #dcdcdc;
}

body.single-post-new .readme-banner-btn4 .logo2 {
  width: 15%;
  padding: 5px 10px;
  background-color: #fff;
}

body.single-post-new .readme-banner-btn4 .left {
  float: left;
  display: block;
}

body.single-post-new .readme-banner-btn4 .left .discount-tag {
  display: inline-block;
  width: 75px;
  margin-top: -7px;
}

body.single-post-new .readme-banner-btn4 .btn-title {
  padding-left: 120px;
  line-height: 22px;
  font-size: 20px;
  color: #000;
}

body.single-post-new .readme-banner-btn4 .btn-title .discount {
  font-size: 22px;
  font-weight: bolder;
  color: #3360ef;
}

body.single-post-new .readme-banner-btn4 .btn-title-en {
  line-height: 0px;
  font-size: 1.8rem;
  color: #000;
  padding-top: 17px;
  font-weight: bolder;
}

body.single-post-new .readme-banner-btn4 .btn-more {
  margin: 0 auto;
  color: #fff;
  font-size: 1.8rem;
  letter-spacing: 0.1rem;
  font-weight: bolder;
  line-height: 26px;
}

body.single-post-new .readme-banner-btn4 .btn-more .discount {
  font-size: 22px;
  text-decoration: underline;
  color: #3360ef;
}

body.single-post-new .readme-banner-btn4 .btn-more .readme-text {
  font-size: 23px;
  font-weight: bolder;
}

body.single-post-new .readme-banner-btn4 .more-detail {
  margin-top: -5px;
  width: 470px;
  text-align: center;
}

body.single-post-new .readme-banner-btn4 .more-left {
  border-right: 4px solid #fff;
  width: 149px;
  float: left;
}

body.single-post-new .readme-banner-btn4 .more-right {
  color: #fff;
  font-size: 1.8rem;
  letter-spacing: 0.1rem;
  font-weight: bolder;
  line-height: 26px;
  padding-left: 18px;
  float: left;
  width: 145px;
}

body.single-post-new .readme-banner-btn4 .more-right .readme-text {
  font-size: 34px;
  font-weight: bolder;
}

body.single-post-new .readme-banner-btn4 a:hover,
body.single-post-new .readme-banner-btn4 a:visited,
body.single-post-new .readme-banner-btn4 a:link,
body.single-post-new .readme-banner-btn4 a:active {
  text-decoration: none;
}

body.single-post-new .readme-banner-leaderboard {
  margin: 0px auto;
  padding: 15px 10px 0px 10px;
  height: 90px;
  width: 485px;
  background-color: #fab901;
  border-radius: 5px;
  box-shadow: 3px 6px 5px 0px #dcdcdc;
}

body.single-post-new .readme-banner-leaderboard .logo2 {
  width: 15%;
  padding: 5px 10px;
  background-color: #fff;
  display: inline-block;
}

body.single-post-new .readme-banner-leaderboard .left {
  float: left;
  display: block;
}

body.single-post-new .readme-banner-leaderboard .left .discount-tag {
  display: inline-block;
  width: 75px;
  margin-top: -7px;
}

body.single-post-new .readme-banner-leaderboard .btn-title {
  padding-left: 84px;
  line-height: 22px;
  font-size: 20px;
  color: #000;
}

body.single-post-new .readme-banner-leaderboard .btn-title .discount {
  font-size: 22px;
  font-weight: bolder;
  color: #3360ef;
}

body.single-post-new .readme-banner-leaderboard .btn-title-en {
  line-height: 0px;
  font-size: 1.8rem;
  color: #000;
  padding-top: 17px;
  font-weight: bolder;
}

body.single-post-new .readme-banner-leaderboard .btn-more {
  margin: 0 auto;
  color: #fff;
  font-size: 18px;
  letter-spacing: 0.1rem;
  font-weight: bolder;
  line-height: 26px;
}

body.single-post-new .readme-banner-leaderboard .btn-more .discount {
  font-size: 22px;
  text-decoration: underline;
  color: #3360ef;
}

body.single-post-new .readme-banner-leaderboard .btn-more .readme-text {
  font-size: 23px;
  font-weight: bolder;
}

body.single-post-new .readme-banner-leaderboard .more-detail {
  margin-top: -5px;
  width: 470px;
  text-align: center;
}

body.single-post-new .readme-banner-leaderboard .more-left {
  border-right: 4px solid #fff;
  width: 149px;
  float: left;
}

body.single-post-new .readme-banner-leaderboard .more-right {
  color: #fff;
  font-size: 1.8rem;
  letter-spacing: 0.1rem;
  font-weight: bolder;
  line-height: 26px;
  padding-left: 18px;
  float: left;
  width: 145px;
}

body.single-post-new .readme-banner-leaderboard .more-right .readme-text {
  font-size: 34px;
  font-weight: bolder;
}

body.single-post-new .readme-banner-leaderboard a:hover,
body.single-post-new .readme-banner-leaderboard a:visited,
body.single-post-new .readme-banner-leaderboard a:link,
body.single-post-new .readme-banner-leaderboard a:active {
  text-decoration: none;
}

body.single-post-new .readme-banner-leaderboard-en {
  margin: 0px auto;
  padding: 15px 10px 0px 10px;
  height: 90px;
  width: 485px;
  background-color: #fab901;
  border-radius: 5px;
  box-shadow: 3px 6px 5px 0px #dcdcdc;
}

body.single-post-new .readme-banner-leaderboard-en .logo2 {
  width: 15%;
  padding: 5px 10px;
  background-color: #fff;
}

body.single-post-new .readme-banner-leaderboard-en .left {
  float: left;
  display: block;
}

body.single-post-new .readme-banner-leaderboard-en .left .discount-tag {
  display: inline-block;
  width: 75px;
  margin-top: -7px;
}

body.single-post-new .readme-banner-leaderboard-en .btn-title {
  padding-left: 80px;
  line-height: 22px;
  font-size: 18px;
  color: #000;
}

body.single-post-new .readme-banner-leaderboard-en .btn-title .discount {
  font-size: 22px;
  font-weight: bolder;
  color: #3360ef;
}

body.single-post-new .readme-banner-leaderboard-en .btn-title-en {
  line-height: 0px;
  font-size: 1.8rem;
  color: #000;
  padding-top: 17px;
  font-weight: bolder;
}

body.single-post-new .readme-banner-leaderboard-en .btn-more {
  margin: 0 auto;
  color: #fff;
  font-size: 1.8rem;
  letter-spacing: 0.1rem;
  font-weight: bolder;
  line-height: 26px;
}

body.single-post-new .readme-banner-leaderboard-en .btn-more .discount {
  font-size: 22px;
  text-decoration: underline;
  color: #3360ef;
}

body.single-post-new .readme-banner-leaderboard-en .btn-more .readme-text {
  font-size: 23px;
  font-weight: bolder;
}

body.single-post-new .readme-banner-leaderboard-en .more-detail {
  margin-top: -5px;
  width: 417px;
  text-align: center;
}

body.single-post-new .readme-banner-leaderboard-en .more-left {
  border-right: 4px solid #fff;
  width: 149px;
  float: left;
}

body.single-post-new .readme-banner-leaderboard-en .more-right {
  color: #fff;
  font-size: 1.8rem;
  letter-spacing: 0.1rem;
  font-weight: bolder;
  line-height: 26px;
  padding-left: 18px;
  float: left;
  width: 145px;
}

body.single-post-new .readme-banner-leaderboard-en .more-right .readme-text {
  font-size: 34px;
  font-weight: bolder;
}

body.single-post-new .readme-banner-leaderboard-en a:hover,
body.single-post-new .readme-banner-leaderboard-en a:visited,
body.single-post-new .readme-banner-leaderboard-en a:link,
body.single-post-new .readme-banner-leaderboard-en a:active {
  text-decoration: none;
}

body.single-post-new .readme_widget_h {
  text-align: center;
  max-width: 720px;
  padding: 0 !important;
  border: solid 2px #07938b;
  margin: 15px 0px;
}

body.single-post-new .readme_widget_h .ad_title {
  padding: 30px 40px 0px 40px;
  font-weight: bold;
  font-size: 2.3rem;
  color: #fff;
}

body.single-post-new .readme_widget_h .ad_title .sub_adtitle {
  font-size: 1.9rem;
}

body.single-post-new .readme_widget_h .destination {
  text-transform: capitalize;
  line-height: 0px;
  padding: 10px 0px 0px 0px;
  font-weight: bolder;
  font-size: 2rem;
  color: #fff;
  letter-spacing: 0.2rem;
  text-decoration: underline;
}

body.single-post-new .readme_widget_h .destination img {
  width: 40px;
  position: relative;
  bottom: 6px;
}

body.single-post-new .readme_widget_h .banner-btn {
  margin: 0px auto;
  padding: 5px 0px 0px 15px;
  height: 65px;
  width: 300px;
  background-color: #fab901;
  border-radius: 5px;
  box-shadow: 3px 6px 5px 0px #1e7771;
}

body.single-post-new .readme_widget_h .banner-btn .left {
  float: left;
  display: block;
}

body.single-post-new .readme_widget_h .banner-btn .left .discount-tag {
  display: inline-block;
  width: 70px;
  margin-top: -10px;
}

body.single-post-new .readme_widget_h .banner-btn .right {
  float: left;
  display: block;
}

body.single-post-new .readme_widget_h .banner-btn .right .btn-title {
  font-size: 1.8rem;
  letter-spacing: 0.2rem;
  color: #000;
}

body.single-post-new .readme_widget_h .banner-btn .right .btn-title-en {
  font-size: 2rem;
  color: #000;
  padding-top: 17px;
  font-weight: bolder;
}

body.single-post-new .readme_widget_h .banner-btn .right .btn-title-h {
  font-size: 22px;
  letter-spacing: 0.2rem;
  color: #000;
}

body.single-post-new .readme_widget_h .banner-btn .right .btn-more {
  color: #fff;
  font-size: 1.8rem;
  letter-spacing: 0.2rem;
  line-height: 0px;
}

body.single-post-new .readme_widget_h .detail {
  font-weight: bolder;
  font-size: 2.2rem;
}

body.single-post-new .readme_widget_h .easycancel {
  color: #fff;
  text-align: center;
}

body.single-post-new .readme_widget_h .left.green {
  background-color: #07938b;
  min-height: 280px;
}

body.single-post-new .readme_widget_h .logo img {
  display: block;
  height: 64px;
  padding: 0px 15px;
  margin: 90px auto 0px auto;
}

body.single-post-new .readme_widget_h blockquote {
  color: #000;
  font-size: 22px;
  font-weight: bold;
}

body.single-post-new .readme_widget_h blockquote img.deal-logo {
  width: 20%;
  display: block;
  margin: auto;
}

body.single-post-new .readme_widget_h blockquote img.textright {
  float: right;
  margin: 10px;
  max-width: 200px;
}

body.single-post-new .readme_widget_h blockquote .destination,
body.single-post-new .readme_widget_h blockquote u {
  color: #07938b;
}

body.single-post-new .readme_widget_h blockquote .btn {
  font-size: 22px !important;
}

body.single-post-new .readme_widget_h a:hover,
body.single-post-new .readme_widget_h a:visited,
body.single-post-new .readme_widget_h a:link,
body.single-post-new .readme_widget_h a:active {
  text-decoration: none;
}

body.single-post-new .mkp-ads {
  margin-top: 30px;
}

body.single-post-new .mkp-ads .mkp-ads-title {
  font-size: 11px;
  font-weight: normal;
  color: #bbb;
  padding-top: 10px;
}

body.single-post-new .one2go-search {
  min-height: 20px;
  margin-top: 35px;
  margin-bottom: 35px;
}
body.single-post-new .one2go-search .skyscanner-widget {
  border: 1px solid #07938b;
  padding: 10px;
  border-radius: 10px;
}
body.single-post-new .one2go-search .ad_title {
  font-size: 11px;
  font-weight: normal;
  color: #bbb;
  float: left;
  margin-top: -17px;
}

#login .signup, #signup .already {
  text-align: center;
}
.login-header img {
  margin: 0 auto;
  padding-bottom: 6px;
}
.btn-login.fb img {
  height: 15px;
  width: 15px;
  display: inline-block;
  margin-right: 6px;
}
#login i {
  height: 0px;
}

.list-check .list-offer_other {
  display: -webkit-box;
}
.offer_other li {
  list-style: circle;
  display: list-item;
}
.offer_other li:before {
  display: none;
}
li > .offer_other {
  width: 90%;
  position: relative;
  display: block;
  margin-left: -83px;
  margin-top: 30px;
}

.r-sec-more-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: calc(1.5 * var(--r-space)) auto;
}

#signinModal .modal-header,
#signupModal .modal-header,
#loginEmailModal .modal-header,
#forgetModal .modal-header,
#forget-setting-modal .modal-header,
#confirmReminder .modal-header,
#finishReminder .modal-header,
#sentModal .modal-header,
#termSupplierModal .modal-header,
#bookbankUpload .modal-header,
#tagsTour .modal-header,
#tagsTourDetail .modal-header,
.tax-modal .modal-header,
.send-tax-status-modal .modal-header,
#applyModalSpecial .modal-header,
#applyCompleteModal .modal-header,
#usedModal .modal-header,
#paypalVerify .modal-header,
#AffConfirm .modal-header,
#affRegisModal .modal-header,
#who_love .modal-header,
#BloggerPolicy .modal-header,
#registerComplete .modal-header,
#AffDecline .modal-header,
#emailModal2 .modal-header,
#composeSurvey .modal-header,
#composeComplete .modal-header,
#maintainenceModal .modal-header,
#contact-ex-modal .modal-header,
#preview-modal .modal-header,
#covidModal .modal-header,
#agodaModal .modal-header,
#modalChannelDelete .modal-header,
#modal-survey .modal-header,
#affPopup .modal-header,
#soldOutModal .modal-header,
#markAvaliableModal .modal-header,
#modal-pr-marketplace .modal-header,
#modal-technical-alert .modal-header,
#modal-decline-all .modal-header,
#modal-need-reply .modal-header,
#modal-waiting-all .modal-header,
#declineModal .modal-header,
#returnModal .modal-header,
#contactModalCancel .modal-header,
#modal-import-helper .modal-header,
#RequestSocialModal .modal-header,
#otherChannel .modal-header,
#websiteChannel .modal-header,
#tiktokChannel .modal-header,
#youtubeChannel .modal-header,
#twitterChannel .modal-header,
#igChannel .modal-header,
#fbChannel .modal-header {
  border-bottom: 0px;
}

#signinModal .modal-header .bankaccount,
#signupModal .modal-header .bankaccount,
#loginEmailModal .modal-header .bankaccount,
#forgetModal .modal-header .bankaccount,
#forget-setting-modal .modal-header .bankaccount,
#confirmReminder .modal-header .bankaccount,
#finishReminder .modal-header .bankaccount,
#sentModal .modal-header .bankaccount,
#termSupplierModal .modal-header .bankaccount,
#bookbankUpload .modal-header .bankaccount,
#tagsTour .modal-header .bankaccount,
#tagsTourDetail .modal-header .bankaccount,
.tax-modal .modal-header .bankaccount,
.send-tax-status-modal .modal-header .bankaccount,
#applyModalSpecial .modal-header .bankaccount,
#applyCompleteModal .modal-header .bankaccount,
#usedModal .modal-header .bankaccount,
#paypalVerify .modal-header .bankaccount,
#AffConfirm .modal-header .bankaccount,
#affRegisModal .modal-header .bankaccount,
#who_love .modal-header .bankaccount,
#BloggerPolicy .modal-header .bankaccount,
#registerComplete .modal-header .bankaccount,
#AffDecline .modal-header .bankaccount,
#emailModal2 .modal-header .bankaccount,
#composeSurvey .modal-header .bankaccount,
#composeComplete .modal-header .bankaccount,
#maintainenceModal .modal-header .bankaccount,
#contact-ex-modal .modal-header .bankaccount,
#preview-modal .modal-header .bankaccount,
#covidModal .modal-header .bankaccount,
#agodaModal .modal-header .bankaccount,
#modalChannelDelete .modal-header .bankaccount,
#modal-survey .modal-header .bankaccount,
#affPopup .modal-header .bankaccount,
#soldOutModal .modal-header .bankaccount,
#markAvaliableModal .modal-header .bankaccount,
#modal-pr-marketplace .modal-header .bankaccount,
#modal-technical-alert .modal-header .bankaccount,
#modal-decline-all .modal-header .bankaccount,
#modal-need-reply .modal-header .bankaccount,
#modal-waiting-all .modal-header .bankaccount,
#declineModal .modal-header .bankaccount,
#returnModal .modal-header .bankaccount,
#contactModalCancel .modal-header .bankaccount,
#modal-import-helper .modal-header .bankaccount,
#RequestSocialModal .modal-header .bankaccount,
#otherChannel .modal-header .bankaccount,
#websiteChannel .modal-header .bankaccount,
#tiktokChannel .modal-header .bankaccount,
#youtubeChannel .modal-header .bankaccount,
#twitterChannel .modal-header .bankaccount,
#igChannel .modal-header .bankaccount,
#fbChannel .modal-header .bankaccount {
  padding-left: 10px;
}

#signinModal .modal-header .lines,
#signupModal .modal-header .lines,
#loginEmailModal .modal-header .lines,
#forgetModal .modal-header .lines,
#forget-setting-modal .modal-header .lines,
#confirmReminder .modal-header .lines,
#finishReminder .modal-header .lines,
#sentModal .modal-header .lines,
#termSupplierModal .modal-header .lines,
#bookbankUpload .modal-header .lines,
#tagsTour .modal-header .lines,
#tagsTourDetail .modal-header .lines,
.tax-modal .modal-header .lines,
.send-tax-status-modal .modal-header .lines,
#applyModalSpecial .modal-header .lines,
#applyCompleteModal .modal-header .lines,
#usedModal .modal-header .lines,
#paypalVerify .modal-header .lines,
#AffConfirm .modal-header .lines,
#affRegisModal .modal-header .lines,
#who_love .modal-header .lines,
#BloggerPolicy .modal-header .lines,
#registerComplete .modal-header .lines,
#AffDecline .modal-header .lines,
#emailModal2 .modal-header .lines,
#composeSurvey .modal-header .lines,
#composeComplete .modal-header .lines,
#maintainenceModal .modal-header .lines,
#contact-ex-modal .modal-header .lines,
#preview-modal .modal-header .lines,
#covidModal .modal-header .lines,
#agodaModal .modal-header .lines,
#modalChannelDelete .modal-header .lines,
#modal-survey .modal-header .lines,
#affPopup .modal-header .lines,
#soldOutModal .modal-header .lines,
#markAvaliableModal .modal-header .lines,
#modal-pr-marketplace .modal-header .lines,
#modal-technical-alert .modal-header .lines,
#modal-decline-all .modal-header .lines,
#modal-need-reply .modal-header .lines,
#modal-waiting-all .modal-header .lines,
#declineModal .modal-header .lines,
#returnModal .modal-header .lines,
#contactModalCancel .modal-header .lines,
#modal-import-helper .modal-header .lines,
#RequestSocialModal .modal-header .lines,
#otherChannel .modal-header .lines,
#websiteChannel .modal-header .lines,
#tiktokChannel .modal-header .lines,
#youtubeChannel .modal-header .lines,
#twitterChannel .modal-header .lines,
#igChannel .modal-header .lines,
#fbChannel .modal-header .lines {
  text-decoration: underline;
}

#signinModal .modal-header .survey,
#signupModal .modal-header .survey,
#loginEmailModal .modal-header .survey,
#forgetModal .modal-header .survey,
#forget-setting-modal .modal-header .survey,
#confirmReminder .modal-header .survey,
#finishReminder .modal-header .survey,
#sentModal .modal-header .survey,
#termSupplierModal .modal-header .survey,
#bookbankUpload .modal-header .survey,
#tagsTour .modal-header .survey,
#tagsTourDetail .modal-header .survey,
.tax-modal .modal-header .survey,
.send-tax-status-modal .modal-header .survey,
#applyModalSpecial .modal-header .survey,
#applyCompleteModal .modal-header .survey,
#usedModal .modal-header .survey,
#paypalVerify .modal-header .survey,
#AffConfirm .modal-header .survey,
#affRegisModal .modal-header .survey,
#who_love .modal-header .survey,
#BloggerPolicy .modal-header .survey,
#registerComplete .modal-header .survey,
#AffDecline .modal-header .survey,
#emailModal2 .modal-header .survey,
#composeSurvey .modal-header .survey,
#composeComplete .modal-header .survey,
#maintainenceModal .modal-header .survey,
#contact-ex-modal .modal-header .survey,
#preview-modal .modal-header .survey,
#covidModal .modal-header .survey,
#agodaModal .modal-header .survey,
#modalChannelDelete .modal-header .survey,
#modal-survey .modal-header .survey,
#affPopup .modal-header .survey,
#soldOutModal .modal-header .survey,
#markAvaliableModal .modal-header .survey,
#modal-pr-marketplace .modal-header .survey,
#modal-technical-alert .modal-header .survey,
#modal-decline-all .modal-header .survey,
#modal-need-reply .modal-header .survey,
#modal-waiting-all .modal-header .survey,
#declineModal .modal-header .survey,
#returnModal .modal-header .survey,
#contactModalCancel .modal-header .survey,
#modal-import-helper .modal-header .survey,
#RequestSocialModal .modal-header .survey,
#otherChannel .modal-header .survey,
#websiteChannel .modal-header .survey,
#tiktokChannel .modal-header .survey,
#youtubeChannel .modal-header .survey,
#twitterChannel .modal-header .survey,
#igChannel .modal-header .survey,
#fbChannel .modal-header .survey {
  text-align: center;
  margin-top: -50px;
}

#signinModal .modal-header .survey img,
#signupModal .modal-header .survey img,
#loginEmailModal .modal-header .survey img,
#forgetModal .modal-header .survey img,
#forget-setting-modal .modal-header .survey img,
#confirmReminder .modal-header .survey img,
#finishReminder .modal-header .survey img,
#sentModal .modal-header .survey img,
#termSupplierModal .modal-header .survey img,
#bookbankUpload .modal-header .survey img,
#tagsTour .modal-header .survey img,
#tagsTourDetail .modal-header .survey img,
.tax-modal .modal-header .survey img,
.send-tax-status-modal .modal-header .survey img,
#applyModalSpecial .modal-header .survey img,
#applyCompleteModal .modal-header .survey img,
#usedModal .modal-header .survey img,
#paypalVerify .modal-header .survey img,
#AffConfirm .modal-header .survey img,
#affRegisModal .modal-header .survey img,
#who_love .modal-header .survey img,
#BloggerPolicy .modal-header .survey img,
#registerComplete .modal-header .survey img,
#AffDecline .modal-header .survey img,
#emailModal2 .modal-header .survey img,
#composeSurvey .modal-header .survey img,
#composeComplete .modal-header .survey img,
#maintainenceModal .modal-header .survey img,
#contact-ex-modal .modal-header .survey img,
#preview-modal .modal-header .survey img,
#covidModal .modal-header .survey img,
#agodaModal .modal-header .survey img,
#modalChannelDelete .modal-header .survey img,
#modal-survey .modal-header .survey img,
#affPopup .modal-header .survey img,
#soldOutModal .modal-header .survey img,
#markAvaliableModal .modal-header .survey img,
#modal-pr-marketplace .modal-header .survey img,
#modal-technical-alert .modal-header .survey img,
#modal-decline-all .modal-header .survey img,
#modal-need-reply .modal-header .survey img,
#modal-waiting-all .modal-header .survey img,
#declineModal .modal-header .survey img,
#returnModal .modal-header .survey img,
#contactModalCancel .modal-header .survey img,
#modal-import-helper .modal-header .survey img,
#RequestSocialModal .modal-header .survey img,
#otherChannel .modal-header .survey img,
#websiteChannel .modal-header .survey img,
#tiktokChannel .modal-header .survey img,
#youtubeChannel .modal-header .survey img,
#twitterChannel .modal-header .survey img,
#igChannel .modal-header .survey img,
#fbChannel .modal-header .survey img {
  border: #fff 15px solid;
  border-radius: 50px;
}

#signinModal .modal-body .login-block,
#signupModal .modal-body .login-block,
#loginEmailModal .modal-body .login-block,
#forgetModal .modal-body .login-block,
#forget-setting-modal .modal-body .login-block,
#confirmReminder .modal-body .login-block,
#finishReminder .modal-body .login-block,
#sentModal .modal-body .login-block,
#termSupplierModal .modal-body .login-block,
#bookbankUpload .modal-body .login-block,
#tagsTour .modal-body .login-block,
#tagsTourDetail .modal-body .login-block,
.tax-modal .modal-body .login-block,
.send-tax-status-modal .modal-body .login-block,
#applyModalSpecial .modal-body .login-block,
#applyCompleteModal .modal-body .login-block,
#usedModal .modal-body .login-block,
#paypalVerify .modal-body .login-block,
#AffConfirm .modal-body .login-block,
#affRegisModal .modal-body .login-block,
#who_love .modal-body .login-block,
#BloggerPolicy .modal-body .login-block,
#registerComplete .modal-body .login-block,
#AffDecline .modal-body .login-block,
#emailModal2 .modal-body .login-block,
#composeSurvey .modal-body .login-block,
#composeComplete .modal-body .login-block,
#maintainenceModal .modal-body .login-block,
#contact-ex-modal .modal-body .login-block,
#preview-modal .modal-body .login-block,
#covidModal .modal-body .login-block,
#agodaModal .modal-body .login-block,
#modalChannelDelete .modal-body .login-block,
#modal-survey .modal-body .login-block,
#affPopup .modal-body .login-block,
#soldOutModal .modal-body .login-block,
#markAvaliableModal .modal-body .login-block,
#modal-pr-marketplace .modal-body .login-block,
#modal-technical-alert .modal-body .login-block,
#modal-decline-all .modal-body .login-block,
#modal-need-reply .modal-body .login-block,
#modal-waiting-all .modal-body .login-block,
#declineModal .modal-body .login-block,
#returnModal .modal-body .login-block,
#contactModalCancel .modal-body .login-block,
#modal-import-helper .modal-body .login-block,
#RequestSocialModal .modal-body .login-block,
#otherChannel .modal-body .login-block,
#websiteChannel .modal-body .login-block,
#tiktokChannel .modal-body .login-block,
#youtubeChannel .modal-body .login-block,
#twitterChannel .modal-body .login-block,
#igChannel .modal-body .login-block,
#fbChannel .modal-body .login-block {
  margin: 0;
  width: 100%;
  border: 0;
  box-shadow: none;
}

#signinModal .modal-body .login-block .login-header,
#signupModal .modal-body .login-block .login-header,
#loginEmailModal .modal-body .login-block .login-header,
#forgetModal .modal-body .login-block .login-header,
#forget-setting-modal .modal-body .login-block .login-header,
#confirmReminder .modal-body .login-block .login-header,
#finishReminder .modal-body .login-block .login-header,
#sentModal .modal-body .login-block .login-header,
#termSupplierModal .modal-body .login-block .login-header,
#bookbankUpload .modal-body .login-block .login-header,
#tagsTour .modal-body .login-block .login-header,
#tagsTourDetail .modal-body .login-block .login-header,
.tax-modal .modal-body .login-block .login-header,
.send-tax-status-modal .modal-body .login-block .login-header,
#applyModalSpecial .modal-body .login-block .login-header,
#applyCompleteModal .modal-body .login-block .login-header,
#usedModal .modal-body .login-block .login-header,
#paypalVerify .modal-body .login-block .login-header,
#AffConfirm .modal-body .login-block .login-header,
#affRegisModal .modal-body .login-block .login-header,
#who_love .modal-body .login-block .login-header,
#BloggerPolicy .modal-body .login-block .login-header,
#registerComplete .modal-body .login-block .login-header,
#AffDecline .modal-body .login-block .login-header,
#emailModal2 .modal-body .login-block .login-header,
#composeSurvey .modal-body .login-block .login-header,
#composeComplete .modal-body .login-block .login-header,
#maintainenceModal .modal-body .login-block .login-header,
#contact-ex-modal .modal-body .login-block .login-header,
#preview-modal .modal-body .login-block .login-header,
#covidModal .modal-body .login-block .login-header,
#agodaModal .modal-body .login-block .login-header,
#modalChannelDelete .modal-body .login-block .login-header,
#modal-survey .modal-body .login-block .login-header,
#affPopup .modal-body .login-block .login-header,
#soldOutModal .modal-body .login-block .login-header,
#markAvaliableModal .modal-body .login-block .login-header,
#modal-pr-marketplace .modal-body .login-block .login-header,
#modal-technical-alert .modal-body .login-block .login-header,
#modal-decline-all .modal-body .login-block .login-header,
#modal-need-reply .modal-body .login-block .login-header,
#modal-waiting-all .modal-body .login-block .login-header,
#declineModal .modal-body .login-block .login-header,
#returnModal .modal-body .login-block .login-header,
#contactModalCancel .modal-body .login-block .login-header,
#modal-import-helper .modal-body .login-block .login-header,
#RequestSocialModal .modal-body .login-block .login-header,
#otherChannel .modal-body .login-block .login-header,
#websiteChannel .modal-body .login-block .login-header,
#tiktokChannel .modal-body .login-block .login-header,
#youtubeChannel .modal-body .login-block .login-header,
#twitterChannel .modal-body .login-block .login-header,
#igChannel .modal-body .login-block .login-header,
#fbChannel .modal-body .login-block .login-header {
  text-align: center;
  margin-bottom: 20px;
}

#signinModal .modal-body .login-block .login-header .h2,
#signupModal .modal-body .login-block .login-header .h2,
#loginEmailModal .modal-body .login-block .login-header .h2,
#forgetModal .modal-body .login-block .login-header .h2,
#forget-setting-modal .modal-body .login-block .login-header .h2,
#confirmReminder .modal-body .login-block .login-header .h2,
#finishReminder .modal-body .login-block .login-header .h2,
#sentModal .modal-body .login-block .login-header .h2,
#termSupplierModal .modal-body .login-block .login-header .h2,
#bookbankUpload .modal-body .login-block .login-header .h2,
#tagsTour .modal-body .login-block .login-header .h2,
#tagsTourDetail .modal-body .login-block .login-header .h2,
.tax-modal .modal-body .login-block .login-header .h2,
.send-tax-status-modal .modal-body .login-block .login-header .h2,
#applyModalSpecial .modal-body .login-block .login-header .h2,
#applyCompleteModal .modal-body .login-block .login-header .h2,
#usedModal .modal-body .login-block .login-header .h2,
#paypalVerify .modal-body .login-block .login-header .h2,
#AffConfirm .modal-body .login-block .login-header .h2,
#affRegisModal .modal-body .login-block .login-header .h2,
#who_love .modal-body .login-block .login-header .h2,
#BloggerPolicy .modal-body .login-block .login-header .h2,
#registerComplete .modal-body .login-block .login-header .h2,
#AffDecline .modal-body .login-block .login-header .h2,
#emailModal2 .modal-body .login-block .login-header .h2,
#composeSurvey .modal-body .login-block .login-header .h2,
#composeComplete .modal-body .login-block .login-header .h2,
#maintainenceModal .modal-body .login-block .login-header .h2,
#contact-ex-modal .modal-body .login-block .login-header .h2,
#preview-modal .modal-body .login-block .login-header .h2,
#covidModal .modal-body .login-block .login-header .h2,
#agodaModal .modal-body .login-block .login-header .h2,
#modalChannelDelete .modal-body .login-block .login-header .h2,
#modal-survey .modal-body .login-block .login-header .h2,
#affPopup .modal-body .login-block .login-header .h2,
#soldOutModal .modal-body .login-block .login-header .h2,
#markAvaliableModal .modal-body .login-block .login-header .h2,
#modal-pr-marketplace .modal-body .login-block .login-header .h2,
#modal-technical-alert .modal-body .login-block .login-header .h2,
#modal-decline-all .modal-body .login-block .login-header .h2,
#modal-need-reply .modal-body .login-block .login-header .h2,
#modal-waiting-all .modal-body .login-block .login-header .h2,
#declineModal .modal-body .login-block .login-header .h2,
#returnModal .modal-body .login-block .login-header .h2,
#contactModalCancel .modal-body .login-block .login-header .h2,
#modal-import-helper .modal-body .login-block .login-header .h2,
#RequestSocialModal .modal-body .login-block .login-header .h2,
#otherChannel .modal-body .login-block .login-header .h2,
#websiteChannel .modal-body .login-block .login-header .h2,
#tiktokChannel .modal-body .login-block .login-header .h2,
#youtubeChannel .modal-body .login-block .login-header .h2,
#twitterChannel .modal-body .login-block .login-header .h2,
#igChannel .modal-body .login-block .login-header .h2,
#fbChannel .modal-body .login-block .login-header .h2 {
  font-size: 29px;
  float: none;
  color: #07938b;
}

#signinModal .modal-body .login-block .login-header .h3,
#signupModal .modal-body .login-block .login-header .h3,
#loginEmailModal .modal-body .login-block .login-header .h3,
#forgetModal .modal-body .login-block .login-header .h3,
#forget-setting-modal .modal-body .login-block .login-header .h3,
#confirmReminder .modal-body .login-block .login-header .h3,
#finishReminder .modal-body .login-block .login-header .h3,
#sentModal .modal-body .login-block .login-header .h3,
#termSupplierModal .modal-body .login-block .login-header .h3,
#bookbankUpload .modal-body .login-block .login-header .h3,
#tagsTour .modal-body .login-block .login-header .h3,
#tagsTourDetail .modal-body .login-block .login-header .h3,
.tax-modal .modal-body .login-block .login-header .h3,
.send-tax-status-modal .modal-body .login-block .login-header .h3,
#applyModalSpecial .modal-body .login-block .login-header .h3,
#applyCompleteModal .modal-body .login-block .login-header .h3,
#usedModal .modal-body .login-block .login-header .h3,
#paypalVerify .modal-body .login-block .login-header .h3,
#AffConfirm .modal-body .login-block .login-header .h3,
#affRegisModal .modal-body .login-block .login-header .h3,
#who_love .modal-body .login-block .login-header .h3,
#BloggerPolicy .modal-body .login-block .login-header .h3,
#registerComplete .modal-body .login-block .login-header .h3,
#AffDecline .modal-body .login-block .login-header .h3,
#emailModal2 .modal-body .login-block .login-header .h3,
#composeSurvey .modal-body .login-block .login-header .h3,
#composeComplete .modal-body .login-block .login-header .h3,
#maintainenceModal .modal-body .login-block .login-header .h3,
#contact-ex-modal .modal-body .login-block .login-header .h3,
#preview-modal .modal-body .login-block .login-header .h3,
#covidModal .modal-body .login-block .login-header .h3,
#agodaModal .modal-body .login-block .login-header .h3,
#modalChannelDelete .modal-body .login-block .login-header .h3,
#modal-survey .modal-body .login-block .login-header .h3,
#affPopup .modal-body .login-block .login-header .h3,
#soldOutModal .modal-body .login-block .login-header .h3,
#markAvaliableModal .modal-body .login-block .login-header .h3,
#modal-pr-marketplace .modal-body .login-block .login-header .h3,
#modal-technical-alert .modal-body .login-block .login-header .h3,
#modal-decline-all .modal-body .login-block .login-header .h3,
#modal-need-reply .modal-body .login-block .login-header .h3,
#modal-waiting-all .modal-body .login-block .login-header .h3,
#declineModal .modal-body .login-block .login-header .h3,
#returnModal .modal-body .login-block .login-header .h3,
#contactModalCancel .modal-body .login-block .login-header .h3,
#modal-import-helper .modal-body .login-block .login-header .h3,
#RequestSocialModal .modal-body .login-block .login-header .h3,
#otherChannel .modal-body .login-block .login-header .h3,
#websiteChannel .modal-body .login-block .login-header .h3,
#tiktokChannel .modal-body .login-block .login-header .h3,
#youtubeChannel .modal-body .login-block .login-header .h3,
#twitterChannel .modal-body .login-block .login-header .h3,
#igChannel .modal-body .login-block .login-header .h3,
#fbChannel .modal-body .login-block .login-header .h3 {
  font-size: 20px;
}

#signinModal .modal-body .login-block .login-body,
#signupModal .modal-body .login-block .login-body,
#loginEmailModal .modal-body .login-block .login-body,
#forgetModal .modal-body .login-block .login-body,
#forget-setting-modal .modal-body .login-block .login-body,
#confirmReminder .modal-body .login-block .login-body,
#finishReminder .modal-body .login-block .login-body,
#sentModal .modal-body .login-block .login-body,
#termSupplierModal .modal-body .login-block .login-body,
#bookbankUpload .modal-body .login-block .login-body,
#tagsTour .modal-body .login-block .login-body,
#tagsTourDetail .modal-body .login-block .login-body,
.tax-modal .modal-body .login-block .login-body,
.send-tax-status-modal .modal-body .login-block .login-body,
#applyModalSpecial .modal-body .login-block .login-body,
#applyCompleteModal .modal-body .login-block .login-body,
#usedModal .modal-body .login-block .login-body,
#paypalVerify .modal-body .login-block .login-body,
#AffConfirm .modal-body .login-block .login-body,
#affRegisModal .modal-body .login-block .login-body,
#who_love .modal-body .login-block .login-body,
#BloggerPolicy .modal-body .login-block .login-body,
#registerComplete .modal-body .login-block .login-body,
#AffDecline .modal-body .login-block .login-body,
#emailModal2 .modal-body .login-block .login-body,
#composeSurvey .modal-body .login-block .login-body,
#composeComplete .modal-body .login-block .login-body,
#maintainenceModal .modal-body .login-block .login-body,
#contact-ex-modal .modal-body .login-block .login-body,
#preview-modal .modal-body .login-block .login-body,
#covidModal .modal-body .login-block .login-body,
#agodaModal .modal-body .login-block .login-body,
#modalChannelDelete .modal-body .login-block .login-body,
#modal-survey .modal-body .login-block .login-body,
#affPopup .modal-body .login-block .login-body,
#soldOutModal .modal-body .login-block .login-body,
#markAvaliableModal .modal-body .login-block .login-body,
#modal-pr-marketplace .modal-body .login-block .login-body,
#modal-technical-alert .modal-body .login-block .login-body,
#modal-decline-all .modal-body .login-block .login-body,
#modal-need-reply .modal-body .login-block .login-body,
#modal-waiting-all .modal-body .login-block .login-body,
#declineModal .modal-body .login-block .login-body,
#returnModal .modal-body .login-block .login-body,
#contactModalCancel .modal-body .login-block .login-body,
#modal-import-helper .modal-body .login-block .login-body,
#RequestSocialModal .modal-body .login-block .login-body,
#otherChannel .modal-body .login-block .login-body,
#websiteChannel .modal-body .login-block .login-body,
#tiktokChannel .modal-body .login-block .login-body,
#youtubeChannel .modal-body .login-block .login-body,
#twitterChannel .modal-body .login-block .login-body,
#igChannel .modal-body .login-block .login-body,
#fbChannel .modal-body .login-block .login-body {
  margin-top: 20px;
}

#signinModal .modal-body .login-block .login-body #email-login,
#signupModal .modal-body .login-block .login-body #email-login,
#loginEmailModal .modal-body .login-block .login-body #email-login,
#forgetModal .modal-body .login-block .login-body #email-login,
#forget-setting-modal .modal-body .login-block .login-body #email-login,
#confirmReminder .modal-body .login-block .login-body #email-login,
#finishReminder .modal-body .login-block .login-body #email-login,
#sentModal .modal-body .login-block .login-body #email-login,
#termSupplierModal .modal-body .login-block .login-body #email-login,
#bookbankUpload .modal-body .login-block .login-body #email-login,
#tagsTour .modal-body .login-block .login-body #email-login,
#tagsTourDetail .modal-body .login-block .login-body #email-login,
.tax-modal .modal-body .login-block .login-body #email-login,
.send-tax-status-modal .modal-body .login-block .login-body #email-login,
#applyModalSpecial .modal-body .login-block .login-body #email-login,
#applyCompleteModal .modal-body .login-block .login-body #email-login,
#usedModal .modal-body .login-block .login-body #email-login,
#paypalVerify .modal-body .login-block .login-body #email-login,
#AffConfirm .modal-body .login-block .login-body #email-login,
#affRegisModal .modal-body .login-block .login-body #email-login,
#who_love .modal-body .login-block .login-body #email-login,
#BloggerPolicy .modal-body .login-block .login-body #email-login,
#registerComplete .modal-body .login-block .login-body #email-login,
#AffDecline .modal-body .login-block .login-body #email-login,
#emailModal2 .modal-body .login-block .login-body #email-login,
#composeSurvey .modal-body .login-block .login-body #email-login,
#composeComplete .modal-body .login-block .login-body #email-login,
#maintainenceModal .modal-body .login-block .login-body #email-login,
#contact-ex-modal .modal-body .login-block .login-body #email-login,
#preview-modal .modal-body .login-block .login-body #email-login,
#covidModal .modal-body .login-block .login-body #email-login,
#agodaModal .modal-body .login-block .login-body #email-login,
#modalChannelDelete .modal-body .login-block .login-body #email-login,
#modal-survey .modal-body .login-block .login-body #email-login,
#affPopup .modal-body .login-block .login-body #email-login,
#soldOutModal .modal-body .login-block .login-body #email-login,
#markAvaliableModal .modal-body .login-block .login-body #email-login,
#modal-pr-marketplace .modal-body .login-block .login-body #email-login,
#modal-technical-alert .modal-body .login-block .login-body #email-login,
#modal-decline-all .modal-body .login-block .login-body #email-login,
#modal-need-reply .modal-body .login-block .login-body #email-login,
#modal-waiting-all .modal-body .login-block .login-body #email-login,
#declineModal .modal-body .login-block .login-body #email-login,
#returnModal .modal-body .login-block .login-body #email-login,
#contactModalCancel .modal-body .login-block .login-body #email-login,
#modal-import-helper .modal-body .login-block .login-body #email-login,
#RequestSocialModal .modal-body .login-block .login-body #email-login,
#otherChannel .modal-body .login-block .login-body #email-login,
#websiteChannel .modal-body .login-block .login-body #email-login,
#tiktokChannel .modal-body .login-block .login-body #email-login,
#youtubeChannel .modal-body .login-block .login-body #email-login,
#twitterChannel .modal-body .login-block .login-body #email-login,
#igChannel .modal-body .login-block .login-body #email-login,
#fbChannel .modal-body .login-block .login-body #email-login,
#signinModal .modal-body .login-block .login-body #forget-email,
#signupModal .modal-body .login-block .login-body #forget-email,
#loginEmailModal .modal-body .login-block .login-body #forget-email,
#forgetModal .modal-body .login-block .login-body #forget-email,
#forget-setting-modal .modal-body .login-block .login-body #forget-email,
#confirmReminder .modal-body .login-block .login-body #forget-email,
#finishReminder .modal-body .login-block .login-body #forget-email,
#sentModal .modal-body .login-block .login-body #forget-email,
#termSupplierModal .modal-body .login-block .login-body #forget-email,
#bookbankUpload .modal-body .login-block .login-body #forget-email,
#tagsTour .modal-body .login-block .login-body #forget-email,
#tagsTourDetail .modal-body .login-block .login-body #forget-email,
.tax-modal .modal-body .login-block .login-body #forget-email,
.send-tax-status-modal .modal-body .login-block .login-body #forget-email,
#applyModalSpecial .modal-body .login-block .login-body #forget-email,
#applyCompleteModal .modal-body .login-block .login-body #forget-email,
#usedModal .modal-body .login-block .login-body #forget-email,
#paypalVerify .modal-body .login-block .login-body #forget-email,
#AffConfirm .modal-body .login-block .login-body #forget-email,
#affRegisModal .modal-body .login-block .login-body #forget-email,
#who_love .modal-body .login-block .login-body #forget-email,
#BloggerPolicy .modal-body .login-block .login-body #forget-email,
#registerComplete .modal-body .login-block .login-body #forget-email,
#AffDecline .modal-body .login-block .login-body #forget-email,
#emailModal2 .modal-body .login-block .login-body #forget-email,
#composeSurvey .modal-body .login-block .login-body #forget-email,
#composeComplete .modal-body .login-block .login-body #forget-email,
#maintainenceModal .modal-body .login-block .login-body #forget-email,
#contact-ex-modal .modal-body .login-block .login-body #forget-email,
#preview-modal .modal-body .login-block .login-body #forget-email,
#covidModal .modal-body .login-block .login-body #forget-email,
#agodaModal .modal-body .login-block .login-body #forget-email,
#modalChannelDelete .modal-body .login-block .login-body #forget-email,
#modal-survey .modal-body .login-block .login-body #forget-email,
#affPopup .modal-body .login-block .login-body #forget-email,
#soldOutModal .modal-body .login-block .login-body #forget-email,
#markAvaliableModal .modal-body .login-block .login-body #forget-email,
#modal-pr-marketplace .modal-body .login-block .login-body #forget-email,
#modal-technical-alert .modal-body .login-block .login-body #forget-email,
#modal-decline-all .modal-body .login-block .login-body #forget-email,
#modal-need-reply .modal-body .login-block .login-body #forget-email,
#modal-waiting-all .modal-body .login-block .login-body #forget-email,
#declineModal .modal-body .login-block .login-body #forget-email,
#returnModal .modal-body .login-block .login-body #forget-email,
#contactModalCancel .modal-body .login-block .login-body #forget-email,
#modal-import-helper .modal-body .login-block .login-body #forget-email,
#RequestSocialModal .modal-body .login-block .login-body #forget-email,
#otherChannel .modal-body .login-block .login-body #forget-email,
#websiteChannel .modal-body .login-block .login-body #forget-email,
#tiktokChannel .modal-body .login-block .login-body #forget-email,
#youtubeChannel .modal-body .login-block .login-body #forget-email,
#twitterChannel .modal-body .login-block .login-body #forget-email,
#igChannel .modal-body .login-block .login-body #forget-email,
#fbChannel .modal-body .login-block .login-body #forget-email {
  text-transform: lowercase;
}

#signinModal .modal-body .login-block .login-body .tab-group,
#signupModal .modal-body .login-block .login-body .tab-group,
#loginEmailModal .modal-body .login-block .login-body .tab-group,
#forgetModal .modal-body .login-block .login-body .tab-group,
#forget-setting-modal .modal-body .login-block .login-body .tab-group,
#confirmReminder .modal-body .login-block .login-body .tab-group,
#finishReminder .modal-body .login-block .login-body .tab-group,
#sentModal .modal-body .login-block .login-body .tab-group,
#termSupplierModal .modal-body .login-block .login-body .tab-group,
#bookbankUpload .modal-body .login-block .login-body .tab-group,
#tagsTour .modal-body .login-block .login-body .tab-group,
#tagsTourDetail .modal-body .login-block .login-body .tab-group,
.tax-modal .modal-body .login-block .login-body .tab-group,
.send-tax-status-modal .modal-body .login-block .login-body .tab-group,
#applyModalSpecial .modal-body .login-block .login-body .tab-group,
#applyCompleteModal .modal-body .login-block .login-body .tab-group,
#usedModal .modal-body .login-block .login-body .tab-group,
#paypalVerify .modal-body .login-block .login-body .tab-group,
#AffConfirm .modal-body .login-block .login-body .tab-group,
#affRegisModal .modal-body .login-block .login-body .tab-group,
#who_love .modal-body .login-block .login-body .tab-group,
#BloggerPolicy .modal-body .login-block .login-body .tab-group,
#registerComplete .modal-body .login-block .login-body .tab-group,
#AffDecline .modal-body .login-block .login-body .tab-group,
#emailModal2 .modal-body .login-block .login-body .tab-group,
#composeSurvey .modal-body .login-block .login-body .tab-group,
#composeComplete .modal-body .login-block .login-body .tab-group,
#maintainenceModal .modal-body .login-block .login-body .tab-group,
#contact-ex-modal .modal-body .login-block .login-body .tab-group,
#preview-modal .modal-body .login-block .login-body .tab-group,
#covidModal .modal-body .login-block .login-body .tab-group,
#agodaModal .modal-body .login-block .login-body .tab-group,
#modalChannelDelete .modal-body .login-block .login-body .tab-group,
#modal-survey .modal-body .login-block .login-body .tab-group,
#affPopup .modal-body .login-block .login-body .tab-group,
#soldOutModal .modal-body .login-block .login-body .tab-group,
#markAvaliableModal .modal-body .login-block .login-body .tab-group,
#modal-pr-marketplace .modal-body .login-block .login-body .tab-group,
#modal-technical-alert .modal-body .login-block .login-body .tab-group,
#modal-decline-all .modal-body .login-block .login-body .tab-group,
#modal-need-reply .modal-body .login-block .login-body .tab-group,
#modal-waiting-all .modal-body .login-block .login-body .tab-group,
#declineModal .modal-body .login-block .login-body .tab-group,
#returnModal .modal-body .login-block .login-body .tab-group,
#contactModalCancel .modal-body .login-block .login-body .tab-group,
#modal-import-helper .modal-body .login-block .login-body .tab-group,
#RequestSocialModal .modal-body .login-block .login-body .tab-group,
#otherChannel .modal-body .login-block .login-body .tab-group,
#websiteChannel .modal-body .login-block .login-body .tab-group,
#tiktokChannel .modal-body .login-block .login-body .tab-group,
#youtubeChannel .modal-body .login-block .login-body .tab-group,
#twitterChannel .modal-body .login-block .login-body .tab-group,
#igChannel .modal-body .login-block .login-body .tab-group,
#fbChannel .modal-body .login-block .login-body .tab-group {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
}

#signinModal .modal-body .login-block .login-body .tab-group:after,
#signupModal .modal-body .login-block .login-body .tab-group:after,
#loginEmailModal .modal-body .login-block .login-body .tab-group:after,
#forgetModal .modal-body .login-block .login-body .tab-group:after,
#forget-setting-modal .modal-body .login-block .login-body .tab-group:after,
#confirmReminder .modal-body .login-block .login-body .tab-group:after,
#finishReminder .modal-body .login-block .login-body .tab-group:after,
#sentModal .modal-body .login-block .login-body .tab-group:after,
#termSupplierModal .modal-body .login-block .login-body .tab-group:after,
#bookbankUpload .modal-body .login-block .login-body .tab-group:after,
#tagsTour .modal-body .login-block .login-body .tab-group:after,
#tagsTourDetail .modal-body .login-block .login-body .tab-group:after,
.tax-modal .modal-body .login-block .login-body .tab-group:after,
.send-tax-status-modal .modal-body .login-block .login-body .tab-group:after,
#applyModalSpecial .modal-body .login-block .login-body .tab-group:after,
#applyCompleteModal .modal-body .login-block .login-body .tab-group:after,
#usedModal .modal-body .login-block .login-body .tab-group:after,
#paypalVerify .modal-body .login-block .login-body .tab-group:after,
#AffConfirm .modal-body .login-block .login-body .tab-group:after,
#affRegisModal .modal-body .login-block .login-body .tab-group:after,
#who_love .modal-body .login-block .login-body .tab-group:after,
#BloggerPolicy .modal-body .login-block .login-body .tab-group:after,
#registerComplete .modal-body .login-block .login-body .tab-group:after,
#AffDecline .modal-body .login-block .login-body .tab-group:after,
#emailModal2 .modal-body .login-block .login-body .tab-group:after,
#composeSurvey .modal-body .login-block .login-body .tab-group:after,
#composeComplete .modal-body .login-block .login-body .tab-group:after,
#maintainenceModal .modal-body .login-block .login-body .tab-group:after,
#contact-ex-modal .modal-body .login-block .login-body .tab-group:after,
#preview-modal .modal-body .login-block .login-body .tab-group:after,
#covidModal .modal-body .login-block .login-body .tab-group:after,
#agodaModal .modal-body .login-block .login-body .tab-group:after,
#modalChannelDelete .modal-body .login-block .login-body .tab-group:after,
#modal-survey .modal-body .login-block .login-body .tab-group:after,
#affPopup .modal-body .login-block .login-body .tab-group:after,
#soldOutModal .modal-body .login-block .login-body .tab-group:after,
#markAvaliableModal .modal-body .login-block .login-body .tab-group:after,
#modal-pr-marketplace .modal-body .login-block .login-body .tab-group:after,
#modal-technical-alert .modal-body .login-block .login-body .tab-group:after,
#modal-decline-all .modal-body .login-block .login-body .tab-group:after,
#modal-need-reply .modal-body .login-block .login-body .tab-group:after,
#modal-waiting-all .modal-body .login-block .login-body .tab-group:after,
#declineModal .modal-body .login-block .login-body .tab-group:after,
#returnModal .modal-body .login-block .login-body .tab-group:after,
#contactModalCancel .modal-body .login-block .login-body .tab-group:after,
#modal-import-helper .modal-body .login-block .login-body .tab-group:after,
#RequestSocialModal .modal-body .login-block .login-body .tab-group:after,
#otherChannel .modal-body .login-block .login-body .tab-group:after,
#websiteChannel .modal-body .login-block .login-body .tab-group:after,
#tiktokChannel .modal-body .login-block .login-body .tab-group:after,
#youtubeChannel .modal-body .login-block .login-body .tab-group:after,
#twitterChannel .modal-body .login-block .login-body .tab-group:after,
#igChannel .modal-body .login-block .login-body .tab-group:after,
#fbChannel .modal-body .login-block .login-body .tab-group:after {
  content: "";
  display: table;
  clear: both;
}

#signinModal .modal-body .login-block .login-body .tab-group li a,
#signupModal .modal-body .login-block .login-body .tab-group li a,
#loginEmailModal .modal-body .login-block .login-body .tab-group li a,
#forgetModal .modal-body .login-block .login-body .tab-group li a,
#forget-setting-modal .modal-body .login-block .login-body .tab-group li a,
#confirmReminder .modal-body .login-block .login-body .tab-group li a,
#finishReminder .modal-body .login-block .login-body .tab-group li a,
#sentModal .modal-body .login-block .login-body .tab-group li a,
#termSupplierModal .modal-body .login-block .login-body .tab-group li a,
#bookbankUpload .modal-body .login-block .login-body .tab-group li a,
#tagsTour .modal-body .login-block .login-body .tab-group li a,
#tagsTourDetail .modal-body .login-block .login-body .tab-group li a,
.tax-modal .modal-body .login-block .login-body .tab-group li a,
.send-tax-status-modal .modal-body .login-block .login-body .tab-group li a,
#applyModalSpecial .modal-body .login-block .login-body .tab-group li a,
#applyCompleteModal .modal-body .login-block .login-body .tab-group li a,
#usedModal .modal-body .login-block .login-body .tab-group li a,
#paypalVerify .modal-body .login-block .login-body .tab-group li a,
#AffConfirm .modal-body .login-block .login-body .tab-group li a,
#affRegisModal .modal-body .login-block .login-body .tab-group li a,
#who_love .modal-body .login-block .login-body .tab-group li a,
#BloggerPolicy .modal-body .login-block .login-body .tab-group li a,
#registerComplete .modal-body .login-block .login-body .tab-group li a,
#AffDecline .modal-body .login-block .login-body .tab-group li a,
#emailModal2 .modal-body .login-block .login-body .tab-group li a,
#composeSurvey .modal-body .login-block .login-body .tab-group li a,
#composeComplete .modal-body .login-block .login-body .tab-group li a,
#maintainenceModal .modal-body .login-block .login-body .tab-group li a,
#contact-ex-modal .modal-body .login-block .login-body .tab-group li a,
#preview-modal .modal-body .login-block .login-body .tab-group li a,
#covidModal .modal-body .login-block .login-body .tab-group li a,
#agodaModal .modal-body .login-block .login-body .tab-group li a,
#modalChannelDelete .modal-body .login-block .login-body .tab-group li a,
#modal-survey .modal-body .login-block .login-body .tab-group li a,
#affPopup .modal-body .login-block .login-body .tab-group li a,
#soldOutModal .modal-body .login-block .login-body .tab-group li a,
#markAvaliableModal .modal-body .login-block .login-body .tab-group li a,
#modal-pr-marketplace .modal-body .login-block .login-body .tab-group li a,
#modal-technical-alert .modal-body .login-block .login-body .tab-group li a,
#modal-decline-all .modal-body .login-block .login-body .tab-group li a,
#modal-need-reply .modal-body .login-block .login-body .tab-group li a,
#modal-waiting-all .modal-body .login-block .login-body .tab-group li a,
#declineModal .modal-body .login-block .login-body .tab-group li a,
#returnModal .modal-body .login-block .login-body .tab-group li a,
#contactModalCancel .modal-body .login-block .login-body .tab-group li a,
#modal-import-helper .modal-body .login-block .login-body .tab-group li a,
#RequestSocialModal .modal-body .login-block .login-body .tab-group li a,
#otherChannel .modal-body .login-block .login-body .tab-group li a,
#websiteChannel .modal-body .login-block .login-body .tab-group li a,
#tiktokChannel .modal-body .login-block .login-body .tab-group li a,
#youtubeChannel .modal-body .login-block .login-body .tab-group li a,
#twitterChannel .modal-body .login-block .login-body .tab-group li a,
#igChannel .modal-body .login-block .login-body .tab-group li a,
#fbChannel .modal-body .login-block .login-body .tab-group li a {
  display: block;
  text-decoration: none;
  padding: 15px;
  background: rgba(160, 179, 176, 0.25);
  color: #07938b;
  font-size: 15px;
  float: left;
  width: 50%;
  text-align: center;
  cursor: pointer;
  transition: 0.5s ease;
}

#signinModal .modal-body .login-block .login-body .tab-group li a:hover,
#signupModal .modal-body .login-block .login-body .tab-group li a:hover,
#loginEmailModal .modal-body .login-block .login-body .tab-group li a:hover,
#forgetModal .modal-body .login-block .login-body .tab-group li a:hover,
#forget-setting-modal .modal-body .login-block .login-body .tab-group li a:hover,
#confirmReminder .modal-body .login-block .login-body .tab-group li a:hover,
#finishReminder .modal-body .login-block .login-body .tab-group li a:hover,
#sentModal .modal-body .login-block .login-body .tab-group li a:hover,
#termSupplierModal .modal-body .login-block .login-body .tab-group li a:hover,
#bookbankUpload .modal-body .login-block .login-body .tab-group li a:hover,
#tagsTour .modal-body .login-block .login-body .tab-group li a:hover,
#tagsTourDetail .modal-body .login-block .login-body .tab-group li a:hover,
.tax-modal .modal-body .login-block .login-body .tab-group li a:hover,
.send-tax-status-modal .modal-body .login-block .login-body .tab-group li a:hover,
#applyModalSpecial .modal-body .login-block .login-body .tab-group li a:hover,
#applyCompleteModal .modal-body .login-block .login-body .tab-group li a:hover,
#usedModal .modal-body .login-block .login-body .tab-group li a:hover,
#paypalVerify .modal-body .login-block .login-body .tab-group li a:hover,
#AffConfirm .modal-body .login-block .login-body .tab-group li a:hover,
#affRegisModal .modal-body .login-block .login-body .tab-group li a:hover,
#who_love .modal-body .login-block .login-body .tab-group li a:hover,
#BloggerPolicy .modal-body .login-block .login-body .tab-group li a:hover,
#registerComplete .modal-body .login-block .login-body .tab-group li a:hover,
#AffDecline .modal-body .login-block .login-body .tab-group li a:hover,
#emailModal2 .modal-body .login-block .login-body .tab-group li a:hover,
#composeSurvey .modal-body .login-block .login-body .tab-group li a:hover,
#composeComplete .modal-body .login-block .login-body .tab-group li a:hover,
#maintainenceModal .modal-body .login-block .login-body .tab-group li a:hover,
#contact-ex-modal .modal-body .login-block .login-body .tab-group li a:hover,
#preview-modal .modal-body .login-block .login-body .tab-group li a:hover,
#covidModal .modal-body .login-block .login-body .tab-group li a:hover,
#agodaModal .modal-body .login-block .login-body .tab-group li a:hover,
#modalChannelDelete .modal-body .login-block .login-body .tab-group li a:hover,
#modal-survey .modal-body .login-block .login-body .tab-group li a:hover,
#affPopup .modal-body .login-block .login-body .tab-group li a:hover,
#soldOutModal .modal-body .login-block .login-body .tab-group li a:hover,
#markAvaliableModal .modal-body .login-block .login-body .tab-group li a:hover,
#modal-pr-marketplace .modal-body .login-block .login-body .tab-group li a:hover,
#modal-technical-alert .modal-body .login-block .login-body .tab-group li a:hover,
#modal-decline-all .modal-body .login-block .login-body .tab-group li a:hover,
#modal-need-reply .modal-body .login-block .login-body .tab-group li a:hover,
#modal-waiting-all .modal-body .login-block .login-body .tab-group li a:hover,
#declineModal .modal-body .login-block .login-body .tab-group li a:hover,
#returnModal .modal-body .login-block .login-body .tab-group li a:hover,
#contactModalCancel .modal-body .login-block .login-body .tab-group li a:hover,
#modal-import-helper .modal-body .login-block .login-body .tab-group li a:hover,
#RequestSocialModal .modal-body .login-block .login-body .tab-group li a:hover,
#otherChannel .modal-body .login-block .login-body .tab-group li a:hover,
#websiteChannel .modal-body .login-block .login-body .tab-group li a:hover,
#tiktokChannel .modal-body .login-block .login-body .tab-group li a:hover,
#youtubeChannel .modal-body .login-block .login-body .tab-group li a:hover,
#twitterChannel .modal-body .login-block .login-body .tab-group li a:hover,
#igChannel .modal-body .login-block .login-body .tab-group li a:hover,
#fbChannel .modal-body .login-block .login-body .tab-group li a:hover {
  background: #08a49b;
  color: #fff;
}

#signinModal .modal-body .login-block .login-body .tab-group .active a,
#signupModal .modal-body .login-block .login-body .tab-group .active a,
#loginEmailModal .modal-body .login-block .login-body .tab-group .active a,
#forgetModal .modal-body .login-block .login-body .tab-group .active a,
#forget-setting-modal .modal-body .login-block .login-body .tab-group .active a,
#confirmReminder .modal-body .login-block .login-body .tab-group .active a,
#finishReminder .modal-body .login-block .login-body .tab-group .active a,
#sentModal .modal-body .login-block .login-body .tab-group .active a,
#termSupplierModal .modal-body .login-block .login-body .tab-group .active a,
#bookbankUpload .modal-body .login-block .login-body .tab-group .active a,
#tagsTour .modal-body .login-block .login-body .tab-group .active a,
#tagsTourDetail .modal-body .login-block .login-body .tab-group .active a,
.tax-modal .modal-body .login-block .login-body .tab-group .active a,
.send-tax-status-modal .modal-body .login-block .login-body .tab-group .active a,
#applyModalSpecial .modal-body .login-block .login-body .tab-group .active a,
#applyCompleteModal .modal-body .login-block .login-body .tab-group .active a,
#usedModal .modal-body .login-block .login-body .tab-group .active a,
#paypalVerify .modal-body .login-block .login-body .tab-group .active a,
#AffConfirm .modal-body .login-block .login-body .tab-group .active a,
#affRegisModal .modal-body .login-block .login-body .tab-group .active a,
#who_love .modal-body .login-block .login-body .tab-group .active a,
#BloggerPolicy .modal-body .login-block .login-body .tab-group .active a,
#registerComplete .modal-body .login-block .login-body .tab-group .active a,
#AffDecline .modal-body .login-block .login-body .tab-group .active a,
#emailModal2 .modal-body .login-block .login-body .tab-group .active a,
#composeSurvey .modal-body .login-block .login-body .tab-group .active a,
#composeComplete .modal-body .login-block .login-body .tab-group .active a,
#maintainenceModal .modal-body .login-block .login-body .tab-group .active a,
#contact-ex-modal .modal-body .login-block .login-body .tab-group .active a,
#preview-modal .modal-body .login-block .login-body .tab-group .active a,
#covidModal .modal-body .login-block .login-body .tab-group .active a,
#agodaModal .modal-body .login-block .login-body .tab-group .active a,
#modalChannelDelete .modal-body .login-block .login-body .tab-group .active a,
#modal-survey .modal-body .login-block .login-body .tab-group .active a,
#affPopup .modal-body .login-block .login-body .tab-group .active a,
#soldOutModal .modal-body .login-block .login-body .tab-group .active a,
#markAvaliableModal .modal-body .login-block .login-body .tab-group .active a,
#modal-pr-marketplace .modal-body .login-block .login-body .tab-group .active a,
#modal-technical-alert .modal-body .login-block .login-body .tab-group .active a,
#modal-decline-all .modal-body .login-block .login-body .tab-group .active a,
#modal-need-reply .modal-body .login-block .login-body .tab-group .active a,
#modal-waiting-all .modal-body .login-block .login-body .tab-group .active a,
#declineModal .modal-body .login-block .login-body .tab-group .active a,
#returnModal .modal-body .login-block .login-body .tab-group .active a,
#contactModalCancel .modal-body .login-block .login-body .tab-group .active a,
#modal-import-helper .modal-body .login-block .login-body .tab-group .active a,
#RequestSocialModal .modal-body .login-block .login-body .tab-group .active a,
#otherChannel .modal-body .login-block .login-body .tab-group .active a,
#websiteChannel .modal-body .login-block .login-body .tab-group .active a,
#tiktokChannel .modal-body .login-block .login-body .tab-group .active a,
#youtubeChannel .modal-body .login-block .login-body .tab-group .active a,
#twitterChannel .modal-body .login-block .login-body .tab-group .active a,
#igChannel .modal-body .login-block .login-body .tab-group .active a,
#fbChannel .modal-body .login-block .login-body .tab-group .active a {
  background: #078c84;
  color: #fff;
}

#signinModal .modal-body .login-block .login-body .tab-content>div:last-child,
#signupModal .modal-body .login-block .login-body .tab-content>div:last-child,
#loginEmailModal .modal-body .login-block .login-body .tab-content>div:last-child,
#forgetModal .modal-body .login-block .login-body .tab-content>div:last-child,
#forget-setting-modal .modal-body .login-block .login-body .tab-content>div:last-child,
#confirmReminder .modal-body .login-block .login-body .tab-content>div:last-child,
#finishReminder .modal-body .login-block .login-body .tab-content>div:last-child,
#sentModal .modal-body .login-block .login-body .tab-content>div:last-child,
#termSupplierModal .modal-body .login-block .login-body .tab-content>div:last-child,
#bookbankUpload .modal-body .login-block .login-body .tab-content>div:last-child,
#tagsTour .modal-body .login-block .login-body .tab-content>div:last-child,
#tagsTourDetail .modal-body .login-block .login-body .tab-content>div:last-child,
.tax-modal .modal-body .login-block .login-body .tab-content>div:last-child,
.send-tax-status-modal .modal-body .login-block .login-body .tab-content>div:last-child,
#applyModalSpecial .modal-body .login-block .login-body .tab-content>div:last-child,
#applyCompleteModal .modal-body .login-block .login-body .tab-content>div:last-child,
#usedModal .modal-body .login-block .login-body .tab-content>div:last-child,
#paypalVerify .modal-body .login-block .login-body .tab-content>div:last-child,
#AffConfirm .modal-body .login-block .login-body .tab-content>div:last-child,
#affRegisModal .modal-body .login-block .login-body .tab-content>div:last-child,
#who_love .modal-body .login-block .login-body .tab-content>div:last-child,
#BloggerPolicy .modal-body .login-block .login-body .tab-content>div:last-child,
#registerComplete .modal-body .login-block .login-body .tab-content>div:last-child,
#AffDecline .modal-body .login-block .login-body .tab-content>div:last-child,
#emailModal2 .modal-body .login-block .login-body .tab-content>div:last-child,
#composeSurvey .modal-body .login-block .login-body .tab-content>div:last-child,
#composeComplete .modal-body .login-block .login-body .tab-content>div:last-child,
#maintainenceModal .modal-body .login-block .login-body .tab-content>div:last-child,
#contact-ex-modal .modal-body .login-block .login-body .tab-content>div:last-child,
#preview-modal .modal-body .login-block .login-body .tab-content>div:last-child,
#covidModal .modal-body .login-block .login-body .tab-content>div:last-child,
#agodaModal .modal-body .login-block .login-body .tab-content>div:last-child,
#modalChannelDelete .modal-body .login-block .login-body .tab-content>div:last-child,
#modal-survey .modal-body .login-block .login-body .tab-content>div:last-child,
#affPopup .modal-body .login-block .login-body .tab-content>div:last-child,
#soldOutModal .modal-body .login-block .login-body .tab-content>div:last-child,
#markAvaliableModal .modal-body .login-block .login-body .tab-content>div:last-child,
#modal-pr-marketplace .modal-body .login-block .login-body .tab-content>div:last-child,
#modal-technical-alert .modal-body .login-block .login-body .tab-content>div:last-child,
#modal-decline-all .modal-body .login-block .login-body .tab-content>div:last-child,
#modal-need-reply .modal-body .login-block .login-body .tab-content>div:last-child,
#modal-waiting-all .modal-body .login-block .login-body .tab-content>div:last-child,
#declineModal .modal-body .login-block .login-body .tab-content>div:last-child,
#returnModal .modal-body .login-block .login-body .tab-content>div:last-child,
#contactModalCancel .modal-body .login-block .login-body .tab-content>div:last-child,
#modal-import-helper .modal-body .login-block .login-body .tab-content>div:last-child,
#RequestSocialModal .modal-body .login-block .login-body .tab-content>div:last-child,
#otherChannel .modal-body .login-block .login-body .tab-content>div:last-child,
#websiteChannel .modal-body .login-block .login-body .tab-content>div:last-child,
#tiktokChannel .modal-body .login-block .login-body .tab-content>div:last-child,
#youtubeChannel .modal-body .login-block .login-body .tab-content>div:last-child,
#twitterChannel .modal-body .login-block .login-body .tab-content>div:last-child,
#igChannel .modal-body .login-block .login-body .tab-content>div:last-child,
#fbChannel .modal-body .login-block .login-body .tab-content>div:last-child {
  display: none;
}

#signinModal .modal-body .login-block .login-body .btn-login,
#signupModal .modal-body .login-block .login-body .btn-login,
#loginEmailModal .modal-body .login-block .login-body .btn-login,
#forgetModal .modal-body .login-block .login-body .btn-login,
#forget-setting-modal .modal-body .login-block .login-body .btn-login,
#confirmReminder .modal-body .login-block .login-body .btn-login,
#finishReminder .modal-body .login-block .login-body .btn-login,
#sentModal .modal-body .login-block .login-body .btn-login,
#termSupplierModal .modal-body .login-block .login-body .btn-login,
#bookbankUpload .modal-body .login-block .login-body .btn-login,
#tagsTour .modal-body .login-block .login-body .btn-login,
#tagsTourDetail .modal-body .login-block .login-body .btn-login,
.tax-modal .modal-body .login-block .login-body .btn-login,
.send-tax-status-modal .modal-body .login-block .login-body .btn-login,
#applyModalSpecial .modal-body .login-block .login-body .btn-login,
#applyCompleteModal .modal-body .login-block .login-body .btn-login,
#usedModal .modal-body .login-block .login-body .btn-login,
#paypalVerify .modal-body .login-block .login-body .btn-login,
#AffConfirm .modal-body .login-block .login-body .btn-login,
#affRegisModal .modal-body .login-block .login-body .btn-login,
#who_love .modal-body .login-block .login-body .btn-login,
#BloggerPolicy .modal-body .login-block .login-body .btn-login,
#registerComplete .modal-body .login-block .login-body .btn-login,
#AffDecline .modal-body .login-block .login-body .btn-login,
#emailModal2 .modal-body .login-block .login-body .btn-login,
#composeSurvey .modal-body .login-block .login-body .btn-login,
#composeComplete .modal-body .login-block .login-body .btn-login,
#maintainenceModal .modal-body .login-block .login-body .btn-login,
#contact-ex-modal .modal-body .login-block .login-body .btn-login,
#preview-modal .modal-body .login-block .login-body .btn-login,
#covidModal .modal-body .login-block .login-body .btn-login,
#agodaModal .modal-body .login-block .login-body .btn-login,
#modalChannelDelete .modal-body .login-block .login-body .btn-login,
#modal-survey .modal-body .login-block .login-body .btn-login,
#affPopup .modal-body .login-block .login-body .btn-login,
#soldOutModal .modal-body .login-block .login-body .btn-login,
#markAvaliableModal .modal-body .login-block .login-body .btn-login,
#modal-pr-marketplace .modal-body .login-block .login-body .btn-login,
#modal-technical-alert .modal-body .login-block .login-body .btn-login,
#modal-decline-all .modal-body .login-block .login-body .btn-login,
#modal-need-reply .modal-body .login-block .login-body .btn-login,
#modal-waiting-all .modal-body .login-block .login-body .btn-login,
#declineModal .modal-body .login-block .login-body .btn-login,
#returnModal .modal-body .login-block .login-body .btn-login,
#contactModalCancel .modal-body .login-block .login-body .btn-login,
#modal-import-helper .modal-body .login-block .login-body .btn-login,
#RequestSocialModal .modal-body .login-block .login-body .btn-login,
#otherChannel .modal-body .login-block .login-body .btn-login,
#websiteChannel .modal-body .login-block .login-body .btn-login,
#tiktokChannel .modal-body .login-block .login-body .btn-login,
#youtubeChannel .modal-body .login-block .login-body .btn-login,
#twitterChannel .modal-body .login-block .login-body .btn-login,
#igChannel .modal-body .login-block .login-body .btn-login,
#fbChannel .modal-body .login-block .login-body .btn-login {
  width: 100%;
  border: 0;
  text-align: center;
  border-radius: 3px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #4475be;
  cursor: pointer;
  margin: 10 !important;
}

#signinModal .modal-body .login-block .login-body .btn-login:hover,
#signupModal .modal-body .login-block .login-body .btn-login:hover,
#loginEmailModal .modal-body .login-block .login-body .btn-login:hover,
#forgetModal .modal-body .login-block .login-body .btn-login:hover,
#forget-setting-modal .modal-body .login-block .login-body .btn-login:hover,
#confirmReminder .modal-body .login-block .login-body .btn-login:hover,
#finishReminder .modal-body .login-block .login-body .btn-login:hover,
#sentModal .modal-body .login-block .login-body .btn-login:hover,
#termSupplierModal .modal-body .login-block .login-body .btn-login:hover,
#bookbankUpload .modal-body .login-block .login-body .btn-login:hover,
#tagsTour .modal-body .login-block .login-body .btn-login:hover,
#tagsTourDetail .modal-body .login-block .login-body .btn-login:hover,
.tax-modal .modal-body .login-block .login-body .btn-login:hover,
.send-tax-status-modal .modal-body .login-block .login-body .btn-login:hover,
#applyModalSpecial .modal-body .login-block .login-body .btn-login:hover,
#applyCompleteModal .modal-body .login-block .login-body .btn-login:hover,
#usedModal .modal-body .login-block .login-body .btn-login:hover,
#paypalVerify .modal-body .login-block .login-body .btn-login:hover,
#AffConfirm .modal-body .login-block .login-body .btn-login:hover,
#affRegisModal .modal-body .login-block .login-body .btn-login:hover,
#who_love .modal-body .login-block .login-body .btn-login:hover,
#BloggerPolicy .modal-body .login-block .login-body .btn-login:hover,
#registerComplete .modal-body .login-block .login-body .btn-login:hover,
#AffDecline .modal-body .login-block .login-body .btn-login:hover,
#emailModal2 .modal-body .login-block .login-body .btn-login:hover,
#composeSurvey .modal-body .login-block .login-body .btn-login:hover,
#composeComplete .modal-body .login-block .login-body .btn-login:hover,
#maintainenceModal .modal-body .login-block .login-body .btn-login:hover,
#contact-ex-modal .modal-body .login-block .login-body .btn-login:hover,
#preview-modal .modal-body .login-block .login-body .btn-login:hover,
#covidModal .modal-body .login-block .login-body .btn-login:hover,
#agodaModal .modal-body .login-block .login-body .btn-login:hover,
#modalChannelDelete .modal-body .login-block .login-body .btn-login:hover,
#modal-survey .modal-body .login-block .login-body .btn-login:hover,
#affPopup .modal-body .login-block .login-body .btn-login:hover,
#soldOutModal .modal-body .login-block .login-body .btn-login:hover,
#markAvaliableModal .modal-body .login-block .login-body .btn-login:hover,
#modal-pr-marketplace .modal-body .login-block .login-body .btn-login:hover,
#modal-technical-alert .modal-body .login-block .login-body .btn-login:hover,
#modal-decline-all .modal-body .login-block .login-body .btn-login:hover,
#modal-need-reply .modal-body .login-block .login-body .btn-login:hover,
#modal-waiting-all .modal-body .login-block .login-body .btn-login:hover,
#declineModal .modal-body .login-block .login-body .btn-login:hover,
#returnModal .modal-body .login-block .login-body .btn-login:hover,
#contactModalCancel .modal-body .login-block .login-body .btn-login:hover,
#modal-import-helper .modal-body .login-block .login-body .btn-login:hover,
#RequestSocialModal .modal-body .login-block .login-body .btn-login:hover,
#otherChannel .modal-body .login-block .login-body .btn-login:hover,
#websiteChannel .modal-body .login-block .login-body .btn-login:hover,
#tiktokChannel .modal-body .login-block .login-body .btn-login:hover,
#youtubeChannel .modal-body .login-block .login-body .btn-login:hover,
#twitterChannel .modal-body .login-block .login-body .btn-login:hover,
#igChannel .modal-body .login-block .login-body .btn-login:hover,
#fbChannel .modal-body .login-block .login-body .btn-login:hover {
  opacity: 0.7;
}

#signinModal .modal-body .login-block .login-body .btn-signup,
#signupModal .modal-body .login-block .login-body .btn-signup,
#loginEmailModal .modal-body .login-block .login-body .btn-signup,
#forgetModal .modal-body .login-block .login-body .btn-signup,
#forget-setting-modal .modal-body .login-block .login-body .btn-signup,
#confirmReminder .modal-body .login-block .login-body .btn-signup,
#finishReminder .modal-body .login-block .login-body .btn-signup,
#sentModal .modal-body .login-block .login-body .btn-signup,
#termSupplierModal .modal-body .login-block .login-body .btn-signup,
#bookbankUpload .modal-body .login-block .login-body .btn-signup,
#tagsTour .modal-body .login-block .login-body .btn-signup,
#tagsTourDetail .modal-body .login-block .login-body .btn-signup,
.tax-modal .modal-body .login-block .login-body .btn-signup,
.send-tax-status-modal .modal-body .login-block .login-body .btn-signup,
#applyModalSpecial .modal-body .login-block .login-body .btn-signup,
#applyCompleteModal .modal-body .login-block .login-body .btn-signup,
#usedModal .modal-body .login-block .login-body .btn-signup,
#paypalVerify .modal-body .login-block .login-body .btn-signup,
#AffConfirm .modal-body .login-block .login-body .btn-signup,
#affRegisModal .modal-body .login-block .login-body .btn-signup,
#who_love .modal-body .login-block .login-body .btn-signup,
#BloggerPolicy .modal-body .login-block .login-body .btn-signup,
#registerComplete .modal-body .login-block .login-body .btn-signup,
#AffDecline .modal-body .login-block .login-body .btn-signup,
#emailModal2 .modal-body .login-block .login-body .btn-signup,
#composeSurvey .modal-body .login-block .login-body .btn-signup,
#composeComplete .modal-body .login-block .login-body .btn-signup,
#maintainenceModal .modal-body .login-block .login-body .btn-signup,
#contact-ex-modal .modal-body .login-block .login-body .btn-signup,
#preview-modal .modal-body .login-block .login-body .btn-signup,
#covidModal .modal-body .login-block .login-body .btn-signup,
#agodaModal .modal-body .login-block .login-body .btn-signup,
#modalChannelDelete .modal-body .login-block .login-body .btn-signup,
#modal-survey .modal-body .login-block .login-body .btn-signup,
#affPopup .modal-body .login-block .login-body .btn-signup,
#soldOutModal .modal-body .login-block .login-body .btn-signup,
#markAvaliableModal .modal-body .login-block .login-body .btn-signup,
#modal-pr-marketplace .modal-body .login-block .login-body .btn-signup,
#modal-technical-alert .modal-body .login-block .login-body .btn-signup,
#modal-decline-all .modal-body .login-block .login-body .btn-signup,
#modal-need-reply .modal-body .login-block .login-body .btn-signup,
#modal-waiting-all .modal-body .login-block .login-body .btn-signup,
#declineModal .modal-body .login-block .login-body .btn-signup,
#returnModal .modal-body .login-block .login-body .btn-signup,
#contactModalCancel .modal-body .login-block .login-body .btn-signup,
#modal-import-helper .modal-body .login-block .login-body .btn-signup,
#RequestSocialModal .modal-body .login-block .login-body .btn-signup,
#otherChannel .modal-body .login-block .login-body .btn-signup,
#websiteChannel .modal-body .login-block .login-body .btn-signup,
#tiktokChannel .modal-body .login-block .login-body .btn-signup,
#youtubeChannel .modal-body .login-block .login-body .btn-signup,
#twitterChannel .modal-body .login-block .login-body .btn-signup,
#igChannel .modal-body .login-block .login-body .btn-signup,
#fbChannel .modal-body .login-block .login-body .btn-signup {
  width: 100%;
  border: 0;
  text-align: center;
  border-radius: 3px;
  padding-top: 10px;
  padding-bottom: 10px;
  background: #078c84;
  cursor: pointer;
  margin: 10 !important;
}

#signinModal .modal-body .login-block .login-body .btn-signup:hover,
#signupModal .modal-body .login-block .login-body .btn-signup:hover,
#loginEmailModal .modal-body .login-block .login-body .btn-signup:hover,
#forgetModal .modal-body .login-block .login-body .btn-signup:hover,
#forget-setting-modal .modal-body .login-block .login-body .btn-signup:hover,
#confirmReminder .modal-body .login-block .login-body .btn-signup:hover,
#finishReminder .modal-body .login-block .login-body .btn-signup:hover,
#sentModal .modal-body .login-block .login-body .btn-signup:hover,
#termSupplierModal .modal-body .login-block .login-body .btn-signup:hover,
#bookbankUpload .modal-body .login-block .login-body .btn-signup:hover,
#tagsTour .modal-body .login-block .login-body .btn-signup:hover,
#tagsTourDetail .modal-body .login-block .login-body .btn-signup:hover,
.tax-modal .modal-body .login-block .login-body .btn-signup:hover,
.send-tax-status-modal .modal-body .login-block .login-body .btn-signup:hover,
#applyModalSpecial .modal-body .login-block .login-body .btn-signup:hover,
#applyCompleteModal .modal-body .login-block .login-body .btn-signup:hover,
#usedModal .modal-body .login-block .login-body .btn-signup:hover,
#paypalVerify .modal-body .login-block .login-body .btn-signup:hover,
#AffConfirm .modal-body .login-block .login-body .btn-signup:hover,
#affRegisModal .modal-body .login-block .login-body .btn-signup:hover,
#who_love .modal-body .login-block .login-body .btn-signup:hover,
#BloggerPolicy .modal-body .login-block .login-body .btn-signup:hover,
#registerComplete .modal-body .login-block .login-body .btn-signup:hover,
#AffDecline .modal-body .login-block .login-body .btn-signup:hover,
#emailModal2 .modal-body .login-block .login-body .btn-signup:hover,
#composeSurvey .modal-body .login-block .login-body .btn-signup:hover,
#composeComplete .modal-body .login-block .login-body .btn-signup:hover,
#maintainenceModal .modal-body .login-block .login-body .btn-signup:hover,
#contact-ex-modal .modal-body .login-block .login-body .btn-signup:hover,
#preview-modal .modal-body .login-block .login-body .btn-signup:hover,
#covidModal .modal-body .login-block .login-body .btn-signup:hover,
#agodaModal .modal-body .login-block .login-body .btn-signup:hover,
#modalChannelDelete .modal-body .login-block .login-body .btn-signup:hover,
#modal-survey .modal-body .login-block .login-body .btn-signup:hover,
#affPopup .modal-body .login-block .login-body .btn-signup:hover,
#soldOutModal .modal-body .login-block .login-body .btn-signup:hover,
#markAvaliableModal .modal-body .login-block .login-body .btn-signup:hover,
#modal-pr-marketplace .modal-body .login-block .login-body .btn-signup:hover,
#modal-technical-alert .modal-body .login-block .login-body .btn-signup:hover,
#modal-decline-all .modal-body .login-block .login-body .btn-signup:hover,
#modal-need-reply .modal-body .login-block .login-body .btn-signup:hover,
#modal-waiting-all .modal-body .login-block .login-body .btn-signup:hover,
#declineModal .modal-body .login-block .login-body .btn-signup:hover,
#returnModal .modal-body .login-block .login-body .btn-signup:hover,
#contactModalCancel .modal-body .login-block .login-body .btn-signup:hover,
#modal-import-helper .modal-body .login-block .login-body .btn-signup:hover,
#RequestSocialModal .modal-body .login-block .login-body .btn-signup:hover,
#otherChannel .modal-body .login-block .login-body .btn-signup:hover,
#websiteChannel .modal-body .login-block .login-body .btn-signup:hover,
#tiktokChannel .modal-body .login-block .login-body .btn-signup:hover,
#youtubeChannel .modal-body .login-block .login-body .btn-signup:hover,
#twitterChannel .modal-body .login-block .login-body .btn-signup:hover,
#igChannel .modal-body .login-block .login-body .btn-signup:hover,
#fbChannel .modal-body .login-block .login-body .btn-signup:hover {
  background: #067e77;
}

#signinModal .modal-body .login-block .login-body .btn-signup-guest,
#signupModal .modal-body .login-block .login-body .btn-signup-guest,
#loginEmailModal .modal-body .login-block .login-body .btn-signup-guest,
#forgetModal .modal-body .login-block .login-body .btn-signup-guest,
#forget-setting-modal .modal-body .login-block .login-body .btn-signup-guest,
#confirmReminder .modal-body .login-block .login-body .btn-signup-guest,
#finishReminder .modal-body .login-block .login-body .btn-signup-guest,
#sentModal .modal-body .login-block .login-body .btn-signup-guest,
#termSupplierModal .modal-body .login-block .login-body .btn-signup-guest,
#bookbankUpload .modal-body .login-block .login-body .btn-signup-guest,
#tagsTour .modal-body .login-block .login-body .btn-signup-guest,
#tagsTourDetail .modal-body .login-block .login-body .btn-signup-guest,
.tax-modal .modal-body .login-block .login-body .btn-signup-guest,
.send-tax-status-modal .modal-body .login-block .login-body .btn-signup-guest,
#applyModalSpecial .modal-body .login-block .login-body .btn-signup-guest,
#applyCompleteModal .modal-body .login-block .login-body .btn-signup-guest,
#usedModal .modal-body .login-block .login-body .btn-signup-guest,
#paypalVerify .modal-body .login-block .login-body .btn-signup-guest,
#AffConfirm .modal-body .login-block .login-body .btn-signup-guest,
#affRegisModal .modal-body .login-block .login-body .btn-signup-guest,
#who_love .modal-body .login-block .login-body .btn-signup-guest,
#BloggerPolicy .modal-body .login-block .login-body .btn-signup-guest,
#registerComplete .modal-body .login-block .login-body .btn-signup-guest,
#AffDecline .modal-body .login-block .login-body .btn-signup-guest,
#emailModal2 .modal-body .login-block .login-body .btn-signup-guest,
#composeSurvey .modal-body .login-block .login-body .btn-signup-guest,
#composeComplete .modal-body .login-block .login-body .btn-signup-guest,
#maintainenceModal .modal-body .login-block .login-body .btn-signup-guest,
#contact-ex-modal .modal-body .login-block .login-body .btn-signup-guest,
#preview-modal .modal-body .login-block .login-body .btn-signup-guest,
#covidModal .modal-body .login-block .login-body .btn-signup-guest,
#agodaModal .modal-body .login-block .login-body .btn-signup-guest,
#modalChannelDelete .modal-body .login-block .login-body .btn-signup-guest,
#modal-survey .modal-body .login-block .login-body .btn-signup-guest,
#affPopup .modal-body .login-block .login-body .btn-signup-guest,
#soldOutModal .modal-body .login-block .login-body .btn-signup-guest,
#markAvaliableModal .modal-body .login-block .login-body .btn-signup-guest,
#modal-pr-marketplace .modal-body .login-block .login-body .btn-signup-guest,
#modal-technical-alert .modal-body .login-block .login-body .btn-signup-guest,
#modal-decline-all .modal-body .login-block .login-body .btn-signup-guest,
#modal-need-reply .modal-body .login-block .login-body .btn-signup-guest,
#modal-waiting-all .modal-body .login-block .login-body .btn-signup-guest,
#declineModal .modal-body .login-block .login-body .btn-signup-guest,
#returnModal .modal-body .login-block .login-body .btn-signup-guest,
#contactModalCancel .modal-body .login-block .login-body .btn-signup-guest,
#modal-import-helper .modal-body .login-block .login-body .btn-signup-guest,
#RequestSocialModal .modal-body .login-block .login-body .btn-signup-guest,
#otherChannel .modal-body .login-block .login-body .btn-signup-guest,
#websiteChannel .modal-body .login-block .login-body .btn-signup-guest,
#tiktokChannel .modal-body .login-block .login-body .btn-signup-guest,
#youtubeChannel .modal-body .login-block .login-body .btn-signup-guest,
#twitterChannel .modal-body .login-block .login-body .btn-signup-guest,
#igChannel .modal-body .login-block .login-body .btn-signup-guest,
#fbChannel .modal-body .login-block .login-body .btn-signup-guest {
  width: 100%;
  border: 0;
  text-align: center;
  border-radius: 3px;
  padding-top: 10px;
  padding-bottom: 10px;
  background: #6b6969;
  cursor: pointer;
  margin: 10 !important;
}

#signinModal .modal-body .login-block .login-body .btn-signup-guest:hover,
#signupModal .modal-body .login-block .login-body .btn-signup-guest:hover,
#loginEmailModal .modal-body .login-block .login-body .btn-signup-guest:hover,
#forgetModal .modal-body .login-block .login-body .btn-signup-guest:hover,
#forget-setting-modal .modal-body .login-block .login-body .btn-signup-guest:hover,
#confirmReminder .modal-body .login-block .login-body .btn-signup-guest:hover,
#finishReminder .modal-body .login-block .login-body .btn-signup-guest:hover,
#sentModal .modal-body .login-block .login-body .btn-signup-guest:hover,
#termSupplierModal .modal-body .login-block .login-body .btn-signup-guest:hover,
#bookbankUpload .modal-body .login-block .login-body .btn-signup-guest:hover,
#tagsTour .modal-body .login-block .login-body .btn-signup-guest:hover,
#tagsTourDetail .modal-body .login-block .login-body .btn-signup-guest:hover,
.tax-modal .modal-body .login-block .login-body .btn-signup-guest:hover,
.send-tax-status-modal .modal-body .login-block .login-body .btn-signup-guest:hover,
#applyModalSpecial .modal-body .login-block .login-body .btn-signup-guest:hover,
#applyCompleteModal .modal-body .login-block .login-body .btn-signup-guest:hover,
#usedModal .modal-body .login-block .login-body .btn-signup-guest:hover,
#paypalVerify .modal-body .login-block .login-body .btn-signup-guest:hover,
#AffConfirm .modal-body .login-block .login-body .btn-signup-guest:hover,
#affRegisModal .modal-body .login-block .login-body .btn-signup-guest:hover,
#who_love .modal-body .login-block .login-body .btn-signup-guest:hover,
#BloggerPolicy .modal-body .login-block .login-body .btn-signup-guest:hover,
#registerComplete .modal-body .login-block .login-body .btn-signup-guest:hover,
#AffDecline .modal-body .login-block .login-body .btn-signup-guest:hover,
#emailModal2 .modal-body .login-block .login-body .btn-signup-guest:hover,
#composeSurvey .modal-body .login-block .login-body .btn-signup-guest:hover,
#composeComplete .modal-body .login-block .login-body .btn-signup-guest:hover,
#maintainenceModal .modal-body .login-block .login-body .btn-signup-guest:hover,
#contact-ex-modal .modal-body .login-block .login-body .btn-signup-guest:hover,
#preview-modal .modal-body .login-block .login-body .btn-signup-guest:hover,
#covidModal .modal-body .login-block .login-body .btn-signup-guest:hover,
#agodaModal .modal-body .login-block .login-body .btn-signup-guest:hover,
#modalChannelDelete .modal-body .login-block .login-body .btn-signup-guest:hover,
#modal-survey .modal-body .login-block .login-body .btn-signup-guest:hover,
#affPopup .modal-body .login-block .login-body .btn-signup-guest:hover,
#soldOutModal .modal-body .login-block .login-body .btn-signup-guest:hover,
#markAvaliableModal .modal-body .login-block .login-body .btn-signup-guest:hover,
#modal-pr-marketplace .modal-body .login-block .login-body .btn-signup-guest:hover,
#modal-technical-alert .modal-body .login-block .login-body .btn-signup-guest:hover,
#modal-decline-all .modal-body .login-block .login-body .btn-signup-guest:hover,
#modal-need-reply .modal-body .login-block .login-body .btn-signup-guest:hover,
#modal-waiting-all .modal-body .login-block .login-body .btn-signup-guest:hover,
#declineModal .modal-body .login-block .login-body .btn-signup-guest:hover,
#returnModal .modal-body .login-block .login-body .btn-signup-guest:hover,
#contactModalCancel .modal-body .login-block .login-body .btn-signup-guest:hover,
#modal-import-helper .modal-body .login-block .login-body .btn-signup-guest:hover,
#RequestSocialModal .modal-body .login-block .login-body .btn-signup-guest:hover,
#otherChannel .modal-body .login-block .login-body .btn-signup-guest:hover,
#websiteChannel .modal-body .login-block .login-body .btn-signup-guest:hover,
#tiktokChannel .modal-body .login-block .login-body .btn-signup-guest:hover,
#youtubeChannel .modal-body .login-block .login-body .btn-signup-guest:hover,
#twitterChannel .modal-body .login-block .login-body .btn-signup-guest:hover,
#igChannel .modal-body .login-block .login-body .btn-signup-guest:hover,
#fbChannel .modal-body .login-block .login-body .btn-signup-guest:hover {
  background: #605e5e;
}

#signinModal .modal-body .login-block .login-body .email,
#signupModal .modal-body .login-block .login-body .email,
#loginEmailModal .modal-body .login-block .login-body .email,
#forgetModal .modal-body .login-block .login-body .email,
#forget-setting-modal .modal-body .login-block .login-body .email,
#confirmReminder .modal-body .login-block .login-body .email,
#finishReminder .modal-body .login-block .login-body .email,
#sentModal .modal-body .login-block .login-body .email,
#termSupplierModal .modal-body .login-block .login-body .email,
#bookbankUpload .modal-body .login-block .login-body .email,
#tagsTour .modal-body .login-block .login-body .email,
#tagsTourDetail .modal-body .login-block .login-body .email,
.tax-modal .modal-body .login-block .login-body .email,
.send-tax-status-modal .modal-body .login-block .login-body .email,
#applyModalSpecial .modal-body .login-block .login-body .email,
#applyCompleteModal .modal-body .login-block .login-body .email,
#usedModal .modal-body .login-block .login-body .email,
#paypalVerify .modal-body .login-block .login-body .email,
#AffConfirm .modal-body .login-block .login-body .email,
#affRegisModal .modal-body .login-block .login-body .email,
#who_love .modal-body .login-block .login-body .email,
#BloggerPolicy .modal-body .login-block .login-body .email,
#registerComplete .modal-body .login-block .login-body .email,
#AffDecline .modal-body .login-block .login-body .email,
#emailModal2 .modal-body .login-block .login-body .email,
#composeSurvey .modal-body .login-block .login-body .email,
#composeComplete .modal-body .login-block .login-body .email,
#maintainenceModal .modal-body .login-block .login-body .email,
#contact-ex-modal .modal-body .login-block .login-body .email,
#preview-modal .modal-body .login-block .login-body .email,
#covidModal .modal-body .login-block .login-body .email,
#agodaModal .modal-body .login-block .login-body .email,
#modalChannelDelete .modal-body .login-block .login-body .email,
#modal-survey .modal-body .login-block .login-body .email,
#affPopup .modal-body .login-block .login-body .email,
#soldOutModal .modal-body .login-block .login-body .email,
#markAvaliableModal .modal-body .login-block .login-body .email,
#modal-pr-marketplace .modal-body .login-block .login-body .email,
#modal-technical-alert .modal-body .login-block .login-body .email,
#modal-decline-all .modal-body .login-block .login-body .email,
#modal-need-reply .modal-body .login-block .login-body .email,
#modal-waiting-all .modal-body .login-block .login-body .email,
#declineModal .modal-body .login-block .login-body .email,
#returnModal .modal-body .login-block .login-body .email,
#contactModalCancel .modal-body .login-block .login-body .email,
#modal-import-helper .modal-body .login-block .login-body .email,
#RequestSocialModal .modal-body .login-block .login-body .email,
#otherChannel .modal-body .login-block .login-body .email,
#websiteChannel .modal-body .login-block .login-body .email,
#tiktokChannel .modal-body .login-block .login-body .email,
#youtubeChannel .modal-body .login-block .login-body .email,
#twitterChannel .modal-body .login-block .login-body .email,
#igChannel .modal-body .login-block .login-body .email,
#fbChannel .modal-body .login-block .login-body .email {
  background-color: #e56a10;
}

#signinModal .modal-body .login-block .login-body .email i,
#signupModal .modal-body .login-block .login-body .email i,
#loginEmailModal .modal-body .login-block .login-body .email i,
#forgetModal .modal-body .login-block .login-body .email i,
#forget-setting-modal .modal-body .login-block .login-body .email i,
#confirmReminder .modal-body .login-block .login-body .email i,
#finishReminder .modal-body .login-block .login-body .email i,
#sentModal .modal-body .login-block .login-body .email i,
#termSupplierModal .modal-body .login-block .login-body .email i,
#bookbankUpload .modal-body .login-block .login-body .email i,
#tagsTour .modal-body .login-block .login-body .email i,
#tagsTourDetail .modal-body .login-block .login-body .email i,
.tax-modal .modal-body .login-block .login-body .email i,
.send-tax-status-modal .modal-body .login-block .login-body .email i,
#applyModalSpecial .modal-body .login-block .login-body .email i,
#applyCompleteModal .modal-body .login-block .login-body .email i,
#usedModal .modal-body .login-block .login-body .email i,
#paypalVerify .modal-body .login-block .login-body .email i,
#AffConfirm .modal-body .login-block .login-body .email i,
#affRegisModal .modal-body .login-block .login-body .email i,
#who_love .modal-body .login-block .login-body .email i,
#BloggerPolicy .modal-body .login-block .login-body .email i,
#registerComplete .modal-body .login-block .login-body .email i,
#AffDecline .modal-body .login-block .login-body .email i,
#emailModal2 .modal-body .login-block .login-body .email i,
#composeSurvey .modal-body .login-block .login-body .email i,
#composeComplete .modal-body .login-block .login-body .email i,
#maintainenceModal .modal-body .login-block .login-body .email i,
#contact-ex-modal .modal-body .login-block .login-body .email i,
#preview-modal .modal-body .login-block .login-body .email i,
#covidModal .modal-body .login-block .login-body .email i,
#agodaModal .modal-body .login-block .login-body .email i,
#modalChannelDelete .modal-body .login-block .login-body .email i,
#modal-survey .modal-body .login-block .login-body .email i,
#affPopup .modal-body .login-block .login-body .email i,
#soldOutModal .modal-body .login-block .login-body .email i,
#markAvaliableModal .modal-body .login-block .login-body .email i,
#modal-pr-marketplace .modal-body .login-block .login-body .email i,
#modal-technical-alert .modal-body .login-block .login-body .email i,
#modal-decline-all .modal-body .login-block .login-body .email i,
#modal-need-reply .modal-body .login-block .login-body .email i,
#modal-waiting-all .modal-body .login-block .login-body .email i,
#declineModal .modal-body .login-block .login-body .email i,
#returnModal .modal-body .login-block .login-body .email i,
#contactModalCancel .modal-body .login-block .login-body .email i,
#modal-import-helper .modal-body .login-block .login-body .email i,
#RequestSocialModal .modal-body .login-block .login-body .email i,
#otherChannel .modal-body .login-block .login-body .email i,
#websiteChannel .modal-body .login-block .login-body .email i,
#tiktokChannel .modal-body .login-block .login-body .email i,
#youtubeChannel .modal-body .login-block .login-body .email i,
#twitterChannel .modal-body .login-block .login-body .email i,
#igChannel .modal-body .login-block .login-body .email i,
#fbChannel .modal-body .login-block .login-body .email i {
  padding-right: 5px;
}

#signinModal .modal-body .login-block .login-body .g,
#signupModal .modal-body .login-block .login-body .g,
#loginEmailModal .modal-body .login-block .login-body .g,
#forgetModal .modal-body .login-block .login-body .g,
#forget-setting-modal .modal-body .login-block .login-body .g,
#confirmReminder .modal-body .login-block .login-body .g,
#finishReminder .modal-body .login-block .login-body .g,
#sentModal .modal-body .login-block .login-body .g,
#termSupplierModal .modal-body .login-block .login-body .g,
#bookbankUpload .modal-body .login-block .login-body .g,
#tagsTour .modal-body .login-block .login-body .g,
#tagsTourDetail .modal-body .login-block .login-body .g,
.tax-modal .modal-body .login-block .login-body .g,
.send-tax-status-modal .modal-body .login-block .login-body .g,
#applyModalSpecial .modal-body .login-block .login-body .g,
#applyCompleteModal .modal-body .login-block .login-body .g,
#usedModal .modal-body .login-block .login-body .g,
#paypalVerify .modal-body .login-block .login-body .g,
#AffConfirm .modal-body .login-block .login-body .g,
#affRegisModal .modal-body .login-block .login-body .g,
#who_love .modal-body .login-block .login-body .g,
#BloggerPolicy .modal-body .login-block .login-body .g,
#registerComplete .modal-body .login-block .login-body .g,
#AffDecline .modal-body .login-block .login-body .g,
#emailModal2 .modal-body .login-block .login-body .g,
#composeSurvey .modal-body .login-block .login-body .g,
#composeComplete .modal-body .login-block .login-body .g,
#maintainenceModal .modal-body .login-block .login-body .g,
#contact-ex-modal .modal-body .login-block .login-body .g,
#preview-modal .modal-body .login-block .login-body .g,
#covidModal .modal-body .login-block .login-body .g,
#agodaModal .modal-body .login-block .login-body .g,
#modalChannelDelete .modal-body .login-block .login-body .g,
#modal-survey .modal-body .login-block .login-body .g,
#affPopup .modal-body .login-block .login-body .g,
#soldOutModal .modal-body .login-block .login-body .g,
#markAvaliableModal .modal-body .login-block .login-body .g,
#modal-pr-marketplace .modal-body .login-block .login-body .g,
#modal-technical-alert .modal-body .login-block .login-body .g,
#modal-decline-all .modal-body .login-block .login-body .g,
#modal-need-reply .modal-body .login-block .login-body .g,
#modal-waiting-all .modal-body .login-block .login-body .g,
#declineModal .modal-body .login-block .login-body .g,
#returnModal .modal-body .login-block .login-body .g,
#contactModalCancel .modal-body .login-block .login-body .g,
#modal-import-helper .modal-body .login-block .login-body .g,
#RequestSocialModal .modal-body .login-block .login-body .g,
#otherChannel .modal-body .login-block .login-body .g,
#websiteChannel .modal-body .login-block .login-body .g,
#tiktokChannel .modal-body .login-block .login-body .g,
#youtubeChannel .modal-body .login-block .login-body .g,
#twitterChannel .modal-body .login-block .login-body .g,
#igChannel .modal-body .login-block .login-body .g,
#fbChannel .modal-body .login-block .login-body .g {
  background-color: #d34836;
}

#signinModal .modal-body .login-block .login-body .g i,
#signupModal .modal-body .login-block .login-body .g i,
#loginEmailModal .modal-body .login-block .login-body .g i,
#forgetModal .modal-body .login-block .login-body .g i,
#forget-setting-modal .modal-body .login-block .login-body .g i,
#confirmReminder .modal-body .login-block .login-body .g i,
#finishReminder .modal-body .login-block .login-body .g i,
#sentModal .modal-body .login-block .login-body .g i,
#termSupplierModal .modal-body .login-block .login-body .g i,
#bookbankUpload .modal-body .login-block .login-body .g i,
#tagsTour .modal-body .login-block .login-body .g i,
#tagsTourDetail .modal-body .login-block .login-body .g i,
.tax-modal .modal-body .login-block .login-body .g i,
.send-tax-status-modal .modal-body .login-block .login-body .g i,
#applyModalSpecial .modal-body .login-block .login-body .g i,
#applyCompleteModal .modal-body .login-block .login-body .g i,
#usedModal .modal-body .login-block .login-body .g i,
#paypalVerify .modal-body .login-block .login-body .g i,
#AffConfirm .modal-body .login-block .login-body .g i,
#affRegisModal .modal-body .login-block .login-body .g i,
#who_love .modal-body .login-block .login-body .g i,
#BloggerPolicy .modal-body .login-block .login-body .g i,
#registerComplete .modal-body .login-block .login-body .g i,
#AffDecline .modal-body .login-block .login-body .g i,
#emailModal2 .modal-body .login-block .login-body .g i,
#composeSurvey .modal-body .login-block .login-body .g i,
#composeComplete .modal-body .login-block .login-body .g i,
#maintainenceModal .modal-body .login-block .login-body .g i,
#contact-ex-modal .modal-body .login-block .login-body .g i,
#preview-modal .modal-body .login-block .login-body .g i,
#covidModal .modal-body .login-block .login-body .g i,
#agodaModal .modal-body .login-block .login-body .g i,
#modalChannelDelete .modal-body .login-block .login-body .g i,
#modal-survey .modal-body .login-block .login-body .g i,
#affPopup .modal-body .login-block .login-body .g i,
#soldOutModal .modal-body .login-block .login-body .g i,
#markAvaliableModal .modal-body .login-block .login-body .g i,
#modal-pr-marketplace .modal-body .login-block .login-body .g i,
#modal-technical-alert .modal-body .login-block .login-body .g i,
#modal-decline-all .modal-body .login-block .login-body .g i,
#modal-need-reply .modal-body .login-block .login-body .g i,
#modal-waiting-all .modal-body .login-block .login-body .g i,
#declineModal .modal-body .login-block .login-body .g i,
#returnModal .modal-body .login-block .login-body .g i,
#contactModalCancel .modal-body .login-block .login-body .g i,
#modal-import-helper .modal-body .login-block .login-body .g i,
#RequestSocialModal .modal-body .login-block .login-body .g i,
#otherChannel .modal-body .login-block .login-body .g i,
#websiteChannel .modal-body .login-block .login-body .g i,
#tiktokChannel .modal-body .login-block .login-body .g i,
#youtubeChannel .modal-body .login-block .login-body .g i,
#twitterChannel .modal-body .login-block .login-body .g i,
#igChannel .modal-body .login-block .login-body .g i,
#fbChannel .modal-body .login-block .login-body .g i {
  padding-right: 5px;
}

#signinModal .modal-body .login-block .login-body a,
#signupModal .modal-body .login-block .login-body a,
#loginEmailModal .modal-body .login-block .login-body a,
#forgetModal .modal-body .login-block .login-body a,
#forget-setting-modal .modal-body .login-block .login-body a,
#confirmReminder .modal-body .login-block .login-body a,
#finishReminder .modal-body .login-block .login-body a,
#sentModal .modal-body .login-block .login-body a,
#termSupplierModal .modal-body .login-block .login-body a,
#bookbankUpload .modal-body .login-block .login-body a,
#tagsTour .modal-body .login-block .login-body a,
#tagsTourDetail .modal-body .login-block .login-body a,
.tax-modal .modal-body .login-block .login-body a,
.send-tax-status-modal .modal-body .login-block .login-body a,
#applyModalSpecial .modal-body .login-block .login-body a,
#applyCompleteModal .modal-body .login-block .login-body a,
#usedModal .modal-body .login-block .login-body a,
#paypalVerify .modal-body .login-block .login-body a,
#AffConfirm .modal-body .login-block .login-body a,
#affRegisModal .modal-body .login-block .login-body a,
#who_love .modal-body .login-block .login-body a,
#BloggerPolicy .modal-body .login-block .login-body a,
#registerComplete .modal-body .login-block .login-body a,
#AffDecline .modal-body .login-block .login-body a,
#emailModal2 .modal-body .login-block .login-body a,
#composeSurvey .modal-body .login-block .login-body a,
#composeComplete .modal-body .login-block .login-body a,
#maintainenceModal .modal-body .login-block .login-body a,
#contact-ex-modal .modal-body .login-block .login-body a,
#preview-modal .modal-body .login-block .login-body a,
#covidModal .modal-body .login-block .login-body a,
#agodaModal .modal-body .login-block .login-body a,
#modalChannelDelete .modal-body .login-block .login-body a,
#modal-survey .modal-body .login-block .login-body a,
#affPopup .modal-body .login-block .login-body a,
#soldOutModal .modal-body .login-block .login-body a,
#markAvaliableModal .modal-body .login-block .login-body a,
#modal-pr-marketplace .modal-body .login-block .login-body a,
#modal-technical-alert .modal-body .login-block .login-body a,
#modal-decline-all .modal-body .login-block .login-body a,
#modal-need-reply .modal-body .login-block .login-body a,
#modal-waiting-all .modal-body .login-block .login-body a,
#declineModal .modal-body .login-block .login-body a,
#returnModal .modal-body .login-block .login-body a,
#contactModalCancel .modal-body .login-block .login-body a,
#modal-import-helper .modal-body .login-block .login-body a,
#RequestSocialModal .modal-body .login-block .login-body a,
#otherChannel .modal-body .login-block .login-body a,
#websiteChannel .modal-body .login-block .login-body a,
#tiktokChannel .modal-body .login-block .login-body a,
#youtubeChannel .modal-body .login-block .login-body a,
#twitterChannel .modal-body .login-block .login-body a,
#igChannel .modal-body .login-block .login-body a,
#fbChannel .modal-body .login-block .login-body a {
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
}

#signinModal .modal-body .login-block .login-body .signup,
#signupModal .modal-body .login-block .login-body .signup,
#loginEmailModal .modal-body .login-block .login-body .signup,
#forgetModal .modal-body .login-block .login-body .signup,
#forget-setting-modal .modal-body .login-block .login-body .signup,
#confirmReminder .modal-body .login-block .login-body .signup,
#finishReminder .modal-body .login-block .login-body .signup,
#sentModal .modal-body .login-block .login-body .signup,
#termSupplierModal .modal-body .login-block .login-body .signup,
#bookbankUpload .modal-body .login-block .login-body .signup,
#tagsTour .modal-body .login-block .login-body .signup,
#tagsTourDetail .modal-body .login-block .login-body .signup,
.tax-modal .modal-body .login-block .login-body .signup,
.send-tax-status-modal .modal-body .login-block .login-body .signup,
#applyModalSpecial .modal-body .login-block .login-body .signup,
#applyCompleteModal .modal-body .login-block .login-body .signup,
#usedModal .modal-body .login-block .login-body .signup,
#paypalVerify .modal-body .login-block .login-body .signup,
#AffConfirm .modal-body .login-block .login-body .signup,
#affRegisModal .modal-body .login-block .login-body .signup,
#who_love .modal-body .login-block .login-body .signup,
#BloggerPolicy .modal-body .login-block .login-body .signup,
#registerComplete .modal-body .login-block .login-body .signup,
#AffDecline .modal-body .login-block .login-body .signup,
#emailModal2 .modal-body .login-block .login-body .signup,
#composeSurvey .modal-body .login-block .login-body .signup,
#composeComplete .modal-body .login-block .login-body .signup,
#maintainenceModal .modal-body .login-block .login-body .signup,
#contact-ex-modal .modal-body .login-block .login-body .signup,
#preview-modal .modal-body .login-block .login-body .signup,
#covidModal .modal-body .login-block .login-body .signup,
#agodaModal .modal-body .login-block .login-body .signup,
#modalChannelDelete .modal-body .login-block .login-body .signup,
#modal-survey .modal-body .login-block .login-body .signup,
#affPopup .modal-body .login-block .login-body .signup,
#soldOutModal .modal-body .login-block .login-body .signup,
#markAvaliableModal .modal-body .login-block .login-body .signup,
#modal-pr-marketplace .modal-body .login-block .login-body .signup,
#modal-technical-alert .modal-body .login-block .login-body .signup,
#modal-decline-all .modal-body .login-block .login-body .signup,
#modal-need-reply .modal-body .login-block .login-body .signup,
#modal-waiting-all .modal-body .login-block .login-body .signup,
#declineModal .modal-body .login-block .login-body .signup,
#returnModal .modal-body .login-block .login-body .signup,
#contactModalCancel .modal-body .login-block .login-body .signup,
#modal-import-helper .modal-body .login-block .login-body .signup,
#RequestSocialModal .modal-body .login-block .login-body .signup,
#otherChannel .modal-body .login-block .login-body .signup,
#websiteChannel .modal-body .login-block .login-body .signup,
#tiktokChannel .modal-body .login-block .login-body .signup,
#youtubeChannel .modal-body .login-block .login-body .signup,
#twitterChannel .modal-body .login-block .login-body .signup,
#igChannel .modal-body .login-block .login-body .signup,
#fbChannel .modal-body .login-block .login-body .signup {
  color: #515151;
  font-size: 12px;
  font-weight: 300;
}

#signinModal .modal-body .login-block .login-body .signup a,
#signupModal .modal-body .login-block .login-body .signup a,
#loginEmailModal .modal-body .login-block .login-body .signup a,
#forgetModal .modal-body .login-block .login-body .signup a,
#forget-setting-modal .modal-body .login-block .login-body .signup a,
#confirmReminder .modal-body .login-block .login-body .signup a,
#finishReminder .modal-body .login-block .login-body .signup a,
#sentModal .modal-body .login-block .login-body .signup a,
#termSupplierModal .modal-body .login-block .login-body .signup a,
#bookbankUpload .modal-body .login-block .login-body .signup a,
#tagsTour .modal-body .login-block .login-body .signup a,
#tagsTourDetail .modal-body .login-block .login-body .signup a,
.tax-modal .modal-body .login-block .login-body .signup a,
.send-tax-status-modal .modal-body .login-block .login-body .signup a,
#applyModalSpecial .modal-body .login-block .login-body .signup a,
#applyCompleteModal .modal-body .login-block .login-body .signup a,
#usedModal .modal-body .login-block .login-body .signup a,
#paypalVerify .modal-body .login-block .login-body .signup a,
#AffConfirm .modal-body .login-block .login-body .signup a,
#affRegisModal .modal-body .login-block .login-body .signup a,
#who_love .modal-body .login-block .login-body .signup a,
#BloggerPolicy .modal-body .login-block .login-body .signup a,
#registerComplete .modal-body .login-block .login-body .signup a,
#AffDecline .modal-body .login-block .login-body .signup a,
#emailModal2 .modal-body .login-block .login-body .signup a,
#composeSurvey .modal-body .login-block .login-body .signup a,
#composeComplete .modal-body .login-block .login-body .signup a,
#maintainenceModal .modal-body .login-block .login-body .signup a,
#contact-ex-modal .modal-body .login-block .login-body .signup a,
#preview-modal .modal-body .login-block .login-body .signup a,
#covidModal .modal-body .login-block .login-body .signup a,
#agodaModal .modal-body .login-block .login-body .signup a,
#modalChannelDelete .modal-body .login-block .login-body .signup a,
#modal-survey .modal-body .login-block .login-body .signup a,
#affPopup .modal-body .login-block .login-body .signup a,
#soldOutModal .modal-body .login-block .login-body .signup a,
#markAvaliableModal .modal-body .login-block .login-body .signup a,
#modal-pr-marketplace .modal-body .login-block .login-body .signup a,
#modal-technical-alert .modal-body .login-block .login-body .signup a,
#modal-decline-all .modal-body .login-block .login-body .signup a,
#modal-need-reply .modal-body .login-block .login-body .signup a,
#modal-waiting-all .modal-body .login-block .login-body .signup a,
#declineModal .modal-body .login-block .login-body .signup a,
#returnModal .modal-body .login-block .login-body .signup a,
#contactModalCancel .modal-body .login-block .login-body .signup a,
#modal-import-helper .modal-body .login-block .login-body .signup a,
#RequestSocialModal .modal-body .login-block .login-body .signup a,
#otherChannel .modal-body .login-block .login-body .signup a,
#websiteChannel .modal-body .login-block .login-body .signup a,
#tiktokChannel .modal-body .login-block .login-body .signup a,
#youtubeChannel .modal-body .login-block .login-body .signup a,
#twitterChannel .modal-body .login-block .login-body .signup a,
#igChannel .modal-body .login-block .login-body .signup a,
#fbChannel .modal-body .login-block .login-body .signup a {
  text-decoration: none;
  font-weight: 800;
  color: #4475be;
}

#signinModal .modal-body .login-block .login-body .sign-email,
#signupModal .modal-body .login-block .login-body .sign-email,
#loginEmailModal .modal-body .login-block .login-body .sign-email,
#forgetModal .modal-body .login-block .login-body .sign-email,
#forget-setting-modal .modal-body .login-block .login-body .sign-email,
#confirmReminder .modal-body .login-block .login-body .sign-email,
#finishReminder .modal-body .login-block .login-body .sign-email,
#sentModal .modal-body .login-block .login-body .sign-email,
#termSupplierModal .modal-body .login-block .login-body .sign-email,
#bookbankUpload .modal-body .login-block .login-body .sign-email,
#tagsTour .modal-body .login-block .login-body .sign-email,
#tagsTourDetail .modal-body .login-block .login-body .sign-email,
.tax-modal .modal-body .login-block .login-body .sign-email,
.send-tax-status-modal .modal-body .login-block .login-body .sign-email,
#applyModalSpecial .modal-body .login-block .login-body .sign-email,
#applyCompleteModal .modal-body .login-block .login-body .sign-email,
#usedModal .modal-body .login-block .login-body .sign-email,
#paypalVerify .modal-body .login-block .login-body .sign-email,
#AffConfirm .modal-body .login-block .login-body .sign-email,
#affRegisModal .modal-body .login-block .login-body .sign-email,
#who_love .modal-body .login-block .login-body .sign-email,
#BloggerPolicy .modal-body .login-block .login-body .sign-email,
#registerComplete .modal-body .login-block .login-body .sign-email,
#AffDecline .modal-body .login-block .login-body .sign-email,
#emailModal2 .modal-body .login-block .login-body .sign-email,
#composeSurvey .modal-body .login-block .login-body .sign-email,
#composeComplete .modal-body .login-block .login-body .sign-email,
#maintainenceModal .modal-body .login-block .login-body .sign-email,
#contact-ex-modal .modal-body .login-block .login-body .sign-email,
#preview-modal .modal-body .login-block .login-body .sign-email,
#covidModal .modal-body .login-block .login-body .sign-email,
#agodaModal .modal-body .login-block .login-body .sign-email,
#modalChannelDelete .modal-body .login-block .login-body .sign-email,
#modal-survey .modal-body .login-block .login-body .sign-email,
#affPopup .modal-body .login-block .login-body .sign-email,
#soldOutModal .modal-body .login-block .login-body .sign-email,
#markAvaliableModal .modal-body .login-block .login-body .sign-email,
#modal-pr-marketplace .modal-body .login-block .login-body .sign-email,
#modal-technical-alert .modal-body .login-block .login-body .sign-email,
#modal-decline-all .modal-body .login-block .login-body .sign-email,
#modal-need-reply .modal-body .login-block .login-body .sign-email,
#modal-waiting-all .modal-body .login-block .login-body .sign-email,
#declineModal .modal-body .login-block .login-body .sign-email,
#returnModal .modal-body .login-block .login-body .sign-email,
#contactModalCancel .modal-body .login-block .login-body .sign-email,
#modal-import-helper .modal-body .login-block .login-body .sign-email,
#RequestSocialModal .modal-body .login-block .login-body .sign-email,
#otherChannel .modal-body .login-block .login-body .sign-email,
#websiteChannel .modal-body .login-block .login-body .sign-email,
#tiktokChannel .modal-body .login-block .login-body .sign-email,
#youtubeChannel .modal-body .login-block .login-body .sign-email,
#twitterChannel .modal-body .login-block .login-body .sign-email,
#igChannel .modal-body .login-block .login-body .sign-email,
#fbChannel .modal-body .login-block .login-body .sign-email {
  text-transform: lowercase;
}

#signinModal .modal-body .login-block .login-body .normal,
#signupModal .modal-body .login-block .login-body .normal,
#loginEmailModal .modal-body .login-block .login-body .normal,
#forgetModal .modal-body .login-block .login-body .normal,
#forget-setting-modal .modal-body .login-block .login-body .normal,
#confirmReminder .modal-body .login-block .login-body .normal,
#finishReminder .modal-body .login-block .login-body .normal,
#sentModal .modal-body .login-block .login-body .normal,
#termSupplierModal .modal-body .login-block .login-body .normal,
#bookbankUpload .modal-body .login-block .login-body .normal,
#tagsTour .modal-body .login-block .login-body .normal,
#tagsTourDetail .modal-body .login-block .login-body .normal,
.tax-modal .modal-body .login-block .login-body .normal,
.send-tax-status-modal .modal-body .login-block .login-body .normal,
#applyModalSpecial .modal-body .login-block .login-body .normal,
#applyCompleteModal .modal-body .login-block .login-body .normal,
#usedModal .modal-body .login-block .login-body .normal,
#paypalVerify .modal-body .login-block .login-body .normal,
#AffConfirm .modal-body .login-block .login-body .normal,
#affRegisModal .modal-body .login-block .login-body .normal,
#who_love .modal-body .login-block .login-body .normal,
#BloggerPolicy .modal-body .login-block .login-body .normal,
#registerComplete .modal-body .login-block .login-body .normal,
#AffDecline .modal-body .login-block .login-body .normal,
#emailModal2 .modal-body .login-block .login-body .normal,
#composeSurvey .modal-body .login-block .login-body .normal,
#composeComplete .modal-body .login-block .login-body .normal,
#maintainenceModal .modal-body .login-block .login-body .normal,
#contact-ex-modal .modal-body .login-block .login-body .normal,
#preview-modal .modal-body .login-block .login-body .normal,
#covidModal .modal-body .login-block .login-body .normal,
#agodaModal .modal-body .login-block .login-body .normal,
#modalChannelDelete .modal-body .login-block .login-body .normal,
#modal-survey .modal-body .login-block .login-body .normal,
#affPopup .modal-body .login-block .login-body .normal,
#soldOutModal .modal-body .login-block .login-body .normal,
#markAvaliableModal .modal-body .login-block .login-body .normal,
#modal-pr-marketplace .modal-body .login-block .login-body .normal,
#modal-technical-alert .modal-body .login-block .login-body .normal,
#modal-decline-all .modal-body .login-block .login-body .normal,
#modal-need-reply .modal-body .login-block .login-body .normal,
#modal-waiting-all .modal-body .login-block .login-body .normal,
#declineModal .modal-body .login-block .login-body .normal,
#returnModal .modal-body .login-block .login-body .normal,
#contactModalCancel .modal-body .login-block .login-body .normal,
#modal-import-helper .modal-body .login-block .login-body .normal,
#RequestSocialModal .modal-body .login-block .login-body .normal,
#otherChannel .modal-body .login-block .login-body .normal,
#websiteChannel .modal-body .login-block .login-body .normal,
#tiktokChannel .modal-body .login-block .login-body .normal,
#youtubeChannel .modal-body .login-block .login-body .normal,
#twitterChannel .modal-body .login-block .login-body .normal,
#igChannel .modal-body .login-block .login-body .normal,
#fbChannel .modal-body .login-block .login-body .normal {
  display: -ms-flexbox;
  display: flex;
}

#signinModal .modal-body .login-block .login-body .normal .hr,
#signupModal .modal-body .login-block .login-body .normal .hr,
#loginEmailModal .modal-body .login-block .login-body .normal .hr,
#forgetModal .modal-body .login-block .login-body .normal .hr,
#forget-setting-modal .modal-body .login-block .login-body .normal .hr,
#confirmReminder .modal-body .login-block .login-body .normal .hr,
#finishReminder .modal-body .login-block .login-body .normal .hr,
#sentModal .modal-body .login-block .login-body .normal .hr,
#termSupplierModal .modal-body .login-block .login-body .normal .hr,
#bookbankUpload .modal-body .login-block .login-body .normal .hr,
#tagsTour .modal-body .login-block .login-body .normal .hr,
#tagsTourDetail .modal-body .login-block .login-body .normal .hr,
.tax-modal .modal-body .login-block .login-body .normal .hr,
.send-tax-status-modal .modal-body .login-block .login-body .normal .hr,
#applyModalSpecial .modal-body .login-block .login-body .normal .hr,
#applyCompleteModal .modal-body .login-block .login-body .normal .hr,
#usedModal .modal-body .login-block .login-body .normal .hr,
#paypalVerify .modal-body .login-block .login-body .normal .hr,
#AffConfirm .modal-body .login-block .login-body .normal .hr,
#affRegisModal .modal-body .login-block .login-body .normal .hr,
#who_love .modal-body .login-block .login-body .normal .hr,
#BloggerPolicy .modal-body .login-block .login-body .normal .hr,
#registerComplete .modal-body .login-block .login-body .normal .hr,
#AffDecline .modal-body .login-block .login-body .normal .hr,
#emailModal2 .modal-body .login-block .login-body .normal .hr,
#composeSurvey .modal-body .login-block .login-body .normal .hr,
#composeComplete .modal-body .login-block .login-body .normal .hr,
#maintainenceModal .modal-body .login-block .login-body .normal .hr,
#contact-ex-modal .modal-body .login-block .login-body .normal .hr,
#preview-modal .modal-body .login-block .login-body .normal .hr,
#covidModal .modal-body .login-block .login-body .normal .hr,
#agodaModal .modal-body .login-block .login-body .normal .hr,
#modalChannelDelete .modal-body .login-block .login-body .normal .hr,
#modal-survey .modal-body .login-block .login-body .normal .hr,
#affPopup .modal-body .login-block .login-body .normal .hr,
#soldOutModal .modal-body .login-block .login-body .normal .hr,
#markAvaliableModal .modal-body .login-block .login-body .normal .hr,
#modal-pr-marketplace .modal-body .login-block .login-body .normal .hr,
#modal-technical-alert .modal-body .login-block .login-body .normal .hr,
#modal-decline-all .modal-body .login-block .login-body .normal .hr,
#modal-need-reply .modal-body .login-block .login-body .normal .hr,
#modal-waiting-all .modal-body .login-block .login-body .normal .hr,
#declineModal .modal-body .login-block .login-body .normal .hr,
#returnModal .modal-body .login-block .login-body .normal .hr,
#contactModalCancel .modal-body .login-block .login-body .normal .hr,
#modal-import-helper .modal-body .login-block .login-body .normal .hr,
#RequestSocialModal .modal-body .login-block .login-body .normal .hr,
#otherChannel .modal-body .login-block .login-body .normal .hr,
#websiteChannel .modal-body .login-block .login-body .normal .hr,
#tiktokChannel .modal-body .login-block .login-body .normal .hr,
#youtubeChannel .modal-body .login-block .login-body .normal .hr,
#twitterChannel .modal-body .login-block .login-body .normal .hr,
#igChannel .modal-body .login-block .login-body .normal .hr,
#fbChannel .modal-body .login-block .login-body .normal .hr {
  width: 30%;
  height: 1px;
  background: #d7dbdc;
  margin: auto;
}

#signinModal .modal-body .login-block .login-body .normal .or,
#signupModal .modal-body .login-block .login-body .normal .or,
#loginEmailModal .modal-body .login-block .login-body .normal .or,
#forgetModal .modal-body .login-block .login-body .normal .or,
#forget-setting-modal .modal-body .login-block .login-body .normal .or,
#confirmReminder .modal-body .login-block .login-body .normal .or,
#finishReminder .modal-body .login-block .login-body .normal .or,
#sentModal .modal-body .login-block .login-body .normal .or,
#termSupplierModal .modal-body .login-block .login-body .normal .or,
#bookbankUpload .modal-body .login-block .login-body .normal .or,
#tagsTour .modal-body .login-block .login-body .normal .or,
#tagsTourDetail .modal-body .login-block .login-body .normal .or,
.tax-modal .modal-body .login-block .login-body .normal .or,
.send-tax-status-modal .modal-body .login-block .login-body .normal .or,
#applyModalSpecial .modal-body .login-block .login-body .normal .or,
#applyCompleteModal .modal-body .login-block .login-body .normal .or,
#usedModal .modal-body .login-block .login-body .normal .or,
#paypalVerify .modal-body .login-block .login-body .normal .or,
#AffConfirm .modal-body .login-block .login-body .normal .or,
#affRegisModal .modal-body .login-block .login-body .normal .or,
#who_love .modal-body .login-block .login-body .normal .or,
#BloggerPolicy .modal-body .login-block .login-body .normal .or,
#registerComplete .modal-body .login-block .login-body .normal .or,
#AffDecline .modal-body .login-block .login-body .normal .or,
#emailModal2 .modal-body .login-block .login-body .normal .or,
#composeSurvey .modal-body .login-block .login-body .normal .or,
#composeComplete .modal-body .login-block .login-body .normal .or,
#maintainenceModal .modal-body .login-block .login-body .normal .or,
#contact-ex-modal .modal-body .login-block .login-body .normal .or,
#preview-modal .modal-body .login-block .login-body .normal .or,
#covidModal .modal-body .login-block .login-body .normal .or,
#agodaModal .modal-body .login-block .login-body .normal .or,
#modalChannelDelete .modal-body .login-block .login-body .normal .or,
#modal-survey .modal-body .login-block .login-body .normal .or,
#affPopup .modal-body .login-block .login-body .normal .or,
#soldOutModal .modal-body .login-block .login-body .normal .or,
#markAvaliableModal .modal-body .login-block .login-body .normal .or,
#modal-pr-marketplace .modal-body .login-block .login-body .normal .or,
#modal-technical-alert .modal-body .login-block .login-body .normal .or,
#modal-decline-all .modal-body .login-block .login-body .normal .or,
#modal-need-reply .modal-body .login-block .login-body .normal .or,
#modal-waiting-all .modal-body .login-block .login-body .normal .or,
#declineModal .modal-body .login-block .login-body .normal .or,
#returnModal .modal-body .login-block .login-body .normal .or,
#contactModalCancel .modal-body .login-block .login-body .normal .or,
#modal-import-helper .modal-body .login-block .login-body .normal .or,
#RequestSocialModal .modal-body .login-block .login-body .normal .or,
#otherChannel .modal-body .login-block .login-body .normal .or,
#websiteChannel .modal-body .login-block .login-body .normal .or,
#tiktokChannel .modal-body .login-block .login-body .normal .or,
#youtubeChannel .modal-body .login-block .login-body .normal .or,
#twitterChannel .modal-body .login-block .login-body .normal .or,
#igChannel .modal-body .login-block .login-body .normal .or,
#fbChannel .modal-body .login-block .login-body .normal .or {
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  color: #79848f;
  letter-spacing: 0.1px;
  text-align: center;
  font-size: 15px;
  line-height: 1.4;
  padding: 8px;
}

#signinModal .modal-body .aff-process,
#signupModal .modal-body .aff-process,
#loginEmailModal .modal-body .aff-process,
#forgetModal .modal-body .aff-process,
#forget-setting-modal .modal-body .aff-process,
#confirmReminder .modal-body .aff-process,
#finishReminder .modal-body .aff-process,
#sentModal .modal-body .aff-process,
#termSupplierModal .modal-body .aff-process,
#bookbankUpload .modal-body .aff-process,
#tagsTour .modal-body .aff-process,
#tagsTourDetail .modal-body .aff-process,
.tax-modal .modal-body .aff-process,
.send-tax-status-modal .modal-body .aff-process,
#applyModalSpecial .modal-body .aff-process,
#applyCompleteModal .modal-body .aff-process,
#usedModal .modal-body .aff-process,
#paypalVerify .modal-body .aff-process,
#AffConfirm .modal-body .aff-process,
#affRegisModal .modal-body .aff-process,
#who_love .modal-body .aff-process,
#BloggerPolicy .modal-body .aff-process,
#registerComplete .modal-body .aff-process,
#AffDecline .modal-body .aff-process,
#emailModal2 .modal-body .aff-process,
#composeSurvey .modal-body .aff-process,
#composeComplete .modal-body .aff-process,
#maintainenceModal .modal-body .aff-process,
#contact-ex-modal .modal-body .aff-process,
#preview-modal .modal-body .aff-process,
#covidModal .modal-body .aff-process,
#agodaModal .modal-body .aff-process,
#modalChannelDelete .modal-body .aff-process,
#modal-survey .modal-body .aff-process,
#affPopup .modal-body .aff-process,
#soldOutModal .modal-body .aff-process,
#markAvaliableModal .modal-body .aff-process,
#modal-pr-marketplace .modal-body .aff-process,
#modal-technical-alert .modal-body .aff-process,
#modal-decline-all .modal-body .aff-process,
#modal-need-reply .modal-body .aff-process,
#modal-waiting-all .modal-body .aff-process,
#declineModal .modal-body .aff-process,
#returnModal .modal-body .aff-process,
#contactModalCancel .modal-body .aff-process,
#modal-import-helper .modal-body .aff-process,
#RequestSocialModal .modal-body .aff-process,
#otherChannel .modal-body .aff-process,
#websiteChannel .modal-body .aff-process,
#tiktokChannel .modal-body .aff-process,
#youtubeChannel .modal-body .aff-process,
#twitterChannel .modal-body .aff-process,
#igChannel .modal-body .aff-process,
#fbChannel .modal-body .aff-process {
  margin: 50px 0px;
  width: 100%;
}

#signinModal .modal-body .benefit,
#signupModal .modal-body .benefit,
#loginEmailModal .modal-body .benefit,
#forgetModal .modal-body .benefit,
#forget-setting-modal .modal-body .benefit,
#confirmReminder .modal-body .benefit,
#finishReminder .modal-body .benefit,
#sentModal .modal-body .benefit,
#termSupplierModal .modal-body .benefit,
#bookbankUpload .modal-body .benefit,
#tagsTour .modal-body .benefit,
#tagsTourDetail .modal-body .benefit,
.tax-modal .modal-body .benefit,
.send-tax-status-modal .modal-body .benefit,
#applyModalSpecial .modal-body .benefit,
#applyCompleteModal .modal-body .benefit,
#usedModal .modal-body .benefit,
#paypalVerify .modal-body .benefit,
#AffConfirm .modal-body .benefit,
#affRegisModal .modal-body .benefit,
#who_love .modal-body .benefit,
#BloggerPolicy .modal-body .benefit,
#registerComplete .modal-body .benefit,
#AffDecline .modal-body .benefit,
#emailModal2 .modal-body .benefit,
#composeSurvey .modal-body .benefit,
#composeComplete .modal-body .benefit,
#maintainenceModal .modal-body .benefit,
#contact-ex-modal .modal-body .benefit,
#preview-modal .modal-body .benefit,
#covidModal .modal-body .benefit,
#agodaModal .modal-body .benefit,
#modalChannelDelete .modal-body .benefit,
#modal-survey .modal-body .benefit,
#affPopup .modal-body .benefit,
#soldOutModal .modal-body .benefit,
#markAvaliableModal .modal-body .benefit,
#modal-pr-marketplace .modal-body .benefit,
#modal-technical-alert .modal-body .benefit,
#modal-decline-all .modal-body .benefit,
#modal-need-reply .modal-body .benefit,
#modal-waiting-all .modal-body .benefit,
#declineModal .modal-body .benefit,
#returnModal .modal-body .benefit,
#contactModalCancel .modal-body .benefit,
#modal-import-helper .modal-body .benefit,
#RequestSocialModal .modal-body .benefit,
#otherChannel .modal-body .benefit,
#websiteChannel .modal-body .benefit,
#tiktokChannel .modal-body .benefit,
#youtubeChannel .modal-body .benefit,
#twitterChannel .modal-body .benefit,
#igChannel .modal-body .benefit,
#fbChannel .modal-body .benefit {
  padding: 0px 15px;
  line-height: 30px;
}

#signinModal .modal-body .success-ex,
#signupModal .modal-body .success-ex,
#loginEmailModal .modal-body .success-ex,
#forgetModal .modal-body .success-ex,
#forget-setting-modal .modal-body .success-ex,
#confirmReminder .modal-body .success-ex,
#finishReminder .modal-body .success-ex,
#sentModal .modal-body .success-ex,
#termSupplierModal .modal-body .success-ex,
#bookbankUpload .modal-body .success-ex,
#tagsTour .modal-body .success-ex,
#tagsTourDetail .modal-body .success-ex,
.tax-modal .modal-body .success-ex,
.send-tax-status-modal .modal-body .success-ex,
#applyModalSpecial .modal-body .success-ex,
#applyCompleteModal .modal-body .success-ex,
#usedModal .modal-body .success-ex,
#paypalVerify .modal-body .success-ex,
#AffConfirm .modal-body .success-ex,
#affRegisModal .modal-body .success-ex,
#who_love .modal-body .success-ex,
#BloggerPolicy .modal-body .success-ex,
#registerComplete .modal-body .success-ex,
#AffDecline .modal-body .success-ex,
#emailModal2 .modal-body .success-ex,
#composeSurvey .modal-body .success-ex,
#composeComplete .modal-body .success-ex,
#maintainenceModal .modal-body .success-ex,
#contact-ex-modal .modal-body .success-ex,
#preview-modal .modal-body .success-ex,
#covidModal .modal-body .success-ex,
#agodaModal .modal-body .success-ex,
#modalChannelDelete .modal-body .success-ex,
#modal-survey .modal-body .success-ex,
#affPopup .modal-body .success-ex,
#soldOutModal .modal-body .success-ex,
#markAvaliableModal .modal-body .success-ex,
#modal-pr-marketplace .modal-body .success-ex,
#modal-technical-alert .modal-body .success-ex,
#modal-decline-all .modal-body .success-ex,
#modal-need-reply .modal-body .success-ex,
#modal-waiting-all .modal-body .success-ex,
#declineModal .modal-body .success-ex,
#returnModal .modal-body .success-ex,
#contactModalCancel .modal-body .success-ex,
#modal-import-helper .modal-body .success-ex,
#RequestSocialModal .modal-body .success-ex,
#otherChannel .modal-body .success-ex,
#websiteChannel .modal-body .success-ex,
#tiktokChannel .modal-body .success-ex,
#youtubeChannel .modal-body .success-ex,
#twitterChannel .modal-body .success-ex,
#igChannel .modal-body .success-ex,
#fbChannel .modal-body .success-ex {
  font-size: 20px;
  margin: 0px 0px 20px;
}

#signinModal .modal-body .h4-1,
#signupModal .modal-body .h4-1,
#loginEmailModal .modal-body .h4-1,
#forgetModal .modal-body .h4-1,
#forget-setting-modal .modal-body .h4-1,
#confirmReminder .modal-body .h4-1,
#finishReminder .modal-body .h4-1,
#sentModal .modal-body .h4-1,
#termSupplierModal .modal-body .h4-1,
#bookbankUpload .modal-body .h4-1,
#tagsTour .modal-body .h4-1,
#tagsTourDetail .modal-body .h4-1,
.tax-modal .modal-body .h4-1,
.send-tax-status-modal .modal-body .h4-1,
#applyModalSpecial .modal-body .h4-1,
#applyCompleteModal .modal-body .h4-1,
#usedModal .modal-body .h4-1,
#paypalVerify .modal-body .h4-1,
#AffConfirm .modal-body .h4-1,
#affRegisModal .modal-body .h4-1,
#who_love .modal-body .h4-1,
#BloggerPolicy .modal-body .h4-1,
#registerComplete .modal-body .h4-1,
#AffDecline .modal-body .h4-1,
#emailModal2 .modal-body .h4-1,
#composeSurvey .modal-body .h4-1,
#composeComplete .modal-body .h4-1,
#maintainenceModal .modal-body .h4-1,
#contact-ex-modal .modal-body .h4-1,
#preview-modal .modal-body .h4-1,
#covidModal .modal-body .h4-1,
#agodaModal .modal-body .h4-1,
#modalChannelDelete .modal-body .h4-1,
#modal-survey .modal-body .h4-1,
#affPopup .modal-body .h4-1,
#soldOutModal .modal-body .h4-1,
#markAvaliableModal .modal-body .h4-1,
#modal-pr-marketplace .modal-body .h4-1,
#modal-technical-alert .modal-body .h4-1,
#modal-decline-all .modal-body .h4-1,
#modal-need-reply .modal-body .h4-1,
#modal-waiting-all .modal-body .h4-1,
#declineModal .modal-body .h4-1,
#returnModal .modal-body .h4-1,
#contactModalCancel .modal-body .h4-1,
#modal-import-helper .modal-body .h4-1,
#RequestSocialModal .modal-body .h4-1,
#otherChannel .modal-body .h4-1,
#websiteChannel .modal-body .h4-1,
#tiktokChannel .modal-body .h4-1,
#youtubeChannel .modal-body .h4-1,
#twitterChannel .modal-body .h4-1,
#igChannel .modal-body .h4-1,
#fbChannel .modal-body .h4-1 {
  font-size: 18px;
  line-height: 30px;
}

#signinModal .modal-body .modal-product-title,
#signupModal .modal-body .modal-product-title,
#loginEmailModal .modal-body .modal-product-title,
#forgetModal .modal-body .modal-product-title,
#forget-setting-modal .modal-body .modal-product-title,
#confirmReminder .modal-body .modal-product-title,
#finishReminder .modal-body .modal-product-title,
#sentModal .modal-body .modal-product-title,
#termSupplierModal .modal-body .modal-product-title,
#bookbankUpload .modal-body .modal-product-title,
#tagsTour .modal-body .modal-product-title,
#tagsTourDetail .modal-body .modal-product-title,
.tax-modal .modal-body .modal-product-title,
.send-tax-status-modal .modal-body .modal-product-title,
#applyModalSpecial .modal-body .modal-product-title,
#applyCompleteModal .modal-body .modal-product-title,
#usedModal .modal-body .modal-product-title,
#paypalVerify .modal-body .modal-product-title,
#AffConfirm .modal-body .modal-product-title,
#affRegisModal .modal-body .modal-product-title,
#who_love .modal-body .modal-product-title,
#BloggerPolicy .modal-body .modal-product-title,
#registerComplete .modal-body .modal-product-title,
#AffDecline .modal-body .modal-product-title,
#emailModal2 .modal-body .modal-product-title,
#composeSurvey .modal-body .modal-product-title,
#composeComplete .modal-body .modal-product-title,
#maintainenceModal .modal-body .modal-product-title,
#contact-ex-modal .modal-body .modal-product-title,
#preview-modal .modal-body .modal-product-title,
#covidModal .modal-body .modal-product-title,
#agodaModal .modal-body .modal-product-title,
#modalChannelDelete .modal-body .modal-product-title,
#modal-survey .modal-body .modal-product-title,
#affPopup .modal-body .modal-product-title,
#soldOutModal .modal-body .modal-product-title,
#markAvaliableModal .modal-body .modal-product-title,
#modal-pr-marketplace .modal-body .modal-product-title,
#modal-technical-alert .modal-body .modal-product-title,
#modal-decline-all .modal-body .modal-product-title,
#modal-need-reply .modal-body .modal-product-title,
#modal-waiting-all .modal-body .modal-product-title,
#declineModal .modal-body .modal-product-title,
#returnModal .modal-body .modal-product-title,
#contactModalCancel .modal-body .modal-product-title,
#modal-import-helper .modal-body .modal-product-title,
#RequestSocialModal .modal-body .modal-product-title,
#otherChannel .modal-body .modal-product-title,
#websiteChannel .modal-body .modal-product-title,
#tiktokChannel .modal-body .modal-product-title,
#youtubeChannel .modal-body .modal-product-title,
#twitterChannel .modal-body .modal-product-title,
#igChannel .modal-body .modal-product-title,
#fbChannel .modal-body .modal-product-title {
  font-size: 18px;
}

#signinModal .modal-footer,
#signupModal .modal-footer,
#loginEmailModal .modal-footer,
#forgetModal .modal-footer,
#forget-setting-modal .modal-footer,
#confirmReminder .modal-footer,
#finishReminder .modal-footer,
#sentModal .modal-footer,
#termSupplierModal .modal-footer,
#bookbankUpload .modal-footer,
#tagsTour .modal-footer,
#tagsTourDetail .modal-footer,
.tax-modal .modal-footer,
.send-tax-status-modal .modal-footer,
#applyModalSpecial .modal-footer,
#applyCompleteModal .modal-footer,
#usedModal .modal-footer,
#paypalVerify .modal-footer,
#AffConfirm .modal-footer,
#affRegisModal .modal-footer,
#who_love .modal-footer,
#BloggerPolicy .modal-footer,
#registerComplete .modal-footer,
#AffDecline .modal-footer,
#emailModal2 .modal-footer,
#composeSurvey .modal-footer,
#composeComplete .modal-footer,
#maintainenceModal .modal-footer,
#contact-ex-modal .modal-footer,
#preview-modal .modal-footer,
#covidModal .modal-footer,
#agodaModal .modal-footer,
#modalChannelDelete .modal-footer,
#modal-survey .modal-footer,
#affPopup .modal-footer,
#soldOutModal .modal-footer,
#markAvaliableModal .modal-footer,
#modal-pr-marketplace .modal-footer,
#modal-technical-alert .modal-footer,
#modal-decline-all .modal-footer,
#modal-need-reply .modal-footer,
#modal-waiting-all .modal-footer,
#declineModal .modal-footer,
#returnModal .modal-footer,
#contactModalCancel .modal-footer,
#modal-import-helper .modal-footer,
#RequestSocialModal .modal-footer,
#otherChannel .modal-footer,
#websiteChannel .modal-footer,
#tiktokChannel .modal-footer,
#youtubeChannel .modal-footer,
#twitterChannel .modal-footer,
#igChannel .modal-footer,
#fbChannel .modal-footer {
  border-top: 0px;
}

#signinModal .modal-footer .decline,
#signupModal .modal-footer .decline,
#loginEmailModal .modal-footer .decline,
#forgetModal .modal-footer .decline,
#forget-setting-modal .modal-footer .decline,
#confirmReminder .modal-footer .decline,
#finishReminder .modal-footer .decline,
#sentModal .modal-footer .decline,
#termSupplierModal .modal-footer .decline,
#bookbankUpload .modal-footer .decline,
#tagsTour .modal-footer .decline,
#tagsTourDetail .modal-footer .decline,
.tax-modal .modal-footer .decline,
.send-tax-status-modal .modal-footer .decline,
#applyModalSpecial .modal-footer .decline,
#applyCompleteModal .modal-footer .decline,
#usedModal .modal-footer .decline,
#paypalVerify .modal-footer .decline,
#AffConfirm .modal-footer .decline,
#affRegisModal .modal-footer .decline,
#who_love .modal-footer .decline,
#BloggerPolicy .modal-footer .decline,
#registerComplete .modal-footer .decline,
#AffDecline .modal-footer .decline,
#emailModal2 .modal-footer .decline,
#composeSurvey .modal-footer .decline,
#composeComplete .modal-footer .decline,
#maintainenceModal .modal-footer .decline,
#contact-ex-modal .modal-footer .decline,
#preview-modal .modal-footer .decline,
#covidModal .modal-footer .decline,
#agodaModal .modal-footer .decline,
#modalChannelDelete .modal-footer .decline,
#modal-survey .modal-footer .decline,
#affPopup .modal-footer .decline,
#soldOutModal .modal-footer .decline,
#markAvaliableModal .modal-footer .decline,
#modal-pr-marketplace .modal-footer .decline,
#modal-technical-alert .modal-footer .decline,
#modal-decline-all .modal-footer .decline,
#modal-need-reply .modal-footer .decline,
#modal-waiting-all .modal-footer .decline,
#declineModal .modal-footer .decline,
#returnModal .modal-footer .decline,
#contactModalCancel .modal-footer .decline,
#modal-import-helper .modal-footer .decline,
#RequestSocialModal .modal-footer .decline,
#otherChannel .modal-footer .decline,
#websiteChannel .modal-footer .decline,
#tiktokChannel .modal-footer .decline,
#youtubeChannel .modal-footer .decline,
#twitterChannel .modal-footer .decline,
#igChannel .modal-footer .decline,
#fbChannel .modal-footer .decline {
  background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
  background-repeat: repeat-x;
  border-color: #b92c28;
}

#affRegisModal .modal-body ul,
#affRegisModal .modal-body ol {
  font-size: 18px;
}

#AffConfirm .register-complete {
  margin-top: 24px;
  font-size: 18px;
}

#AffConfirm .close,
#affRegisModal .close {
  font-size: 28px;
}

#emailModal .modal-body,
#emailModal3 .modal-body {
  max-height: calc(100vh - 200px);
  overflow-y: auto;
}

#emailModal .modal-body #email,
#emailModal3 .modal-body #email,
#emailModal .modal-body #email3,
#emailModal3 .modal-body #email3 {
  text-transform: lowercase;
}

#who_love .modal-dialog {
  overflow-y: initial !important;
}

#who_love .modal-body {
  max-height: calc(100vh - 200px);
  overflow-y: auto;
}

#who_love .modal-body .who-love-list {
  padding-bottom: 15px;
}

#who_love .modal-body .who-love-list .heart {
  padding-left: 10px;
}

#who_love .modal-body .who-love-list .fa-heart {
  color: #d93b4c;
}

#modal-hny .modal-content,
#modal-nation .modal-content,
#modal-xmas .modal-content,
#covidModal .modal-content,
#agodaModal .modal-content,
#affPopup .modal-content,
#modal-pr-marketplace .modal-content {
  background-color: transparent;
  border: none;
  box-shadow: none;
}

#modal-hny .modal-body,
#modal-nation .modal-body,
#modal-xmas .modal-body,
#covidModal .modal-body,
#agodaModal .modal-body,
#affPopup .modal-body,
#modal-pr-marketplace .modal-body {
  padding: 0px;
}

#modal-hny .modal-body .img-responsive,
#modal-nation .modal-body .img-responsive,
#modal-xmas .modal-body .img-responsive,
#covidModal .modal-body .img-responsive,
#agodaModal .modal-body .img-responsive,
#affPopup .modal-body .img-responsive,
#modal-pr-marketplace .modal-body .img-responsive {
  margin: 0 auto;
}

#modal-hny button.close,
#modal-nation button.close,
#modal-xmas button.close,
#covidModal button.close,
#agodaModal button.close,
#affPopup button.close,
#modal-pr-marketplace button.close {
  background: #fff;
  padding: 5px;
  width: 40px;
  position: absolute;
  border-radius: 50px;
  right: -12px;
  top: -12px;
  font-size: 30px;
  opacity: 0.6;
}

#modal-hny button.close:active,
#modal-nation button.close:active,
#modal-xmas button.close:active,
#covidModal button.close:active,
#agodaModal button.close:active,
#affPopup button.close:active,
#modal-pr-marketplace button.close:active,
#modal-hny button.close:focus,
#modal-nation button.close:focus,
#modal-xmas button.close:focus,
#covidModal button.close:focus,
#agodaModal button.close:focus,
#affPopup button.close:focus,
#modal-pr-marketplace button.close:focus {
  outline: none;
}

#modal-hny button.close:hover,
#modal-nation button.close:hover,
#modal-xmas button.close:hover,
#covidModal button.close:hover,
#agodaModal button.close:hover,
#affPopup button.close:hover,
#modal-pr-marketplace button.close:hover {
  opacity: 0.9;
}

#modal-hny .modal-dialog,
#modal-nation .modal-dialog,
#modal-xmas .modal-dialog,
#covidModal .modal-dialog,
#agodaModal .modal-dialog,
#affPopup .modal-dialog,
#modal-pr-marketplace .modal-dialog {
  transform: translate(0, 50vh) translate(0, -50%);
}

#modal-setting-social .modal-body .detail {
  font-size: 16px;
}

#modal-setting-social .modal-body .detail .greeting,
#modal-setting-social .modal-body .detail .des,
#modal-setting-social .modal-body .detail .update,
#modal-setting-social .modal-body .detail .end {
  color: #07938b;
  font-size: 18px;
  font-weight: bold;
}

#modal-setting-social .modal-body .detail .greeting {
  padding: 15px 0px;
}

#modal-setting-social .modal-body .detail .normal,
#modal-setting-social .modal-body .detail .signa {
  padding: 0px 0px 15px;
}

#modal-setting-social .modal-body .detail .normal2 {
  padding: 0px 0px 30px;
}

#modal-setting-social .modal-dialog {
  min-height: 600px;
}

#termSellerModal .modal-body {
  max-height: 626px;
  overflow-y: auto;
}

#BloggerPolicy .modal-body {
  max-height: 626px;
  overflow-y: auto;
}

#BloggerPolicy .modal-footer .decline-blogger {
  background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
  background-repeat: repeat-x;
  border-color: #b92c28;
  color: #FFFFFF;
}

#AffDecline .modal-body .decline-success {
  padding: 15px;
  text-align: center;
}

#affRegisModal .regisBtn {
  color: #fff;
  font-size: 18px;
  letter-spacing: 1px;
  text-decoration: none;
  background-color: #ff0073;
  padding: 10px 15px;
  border-radius: 5px;
  line-height: 90px;
}

#affRegisModal .laterBtn {
  color: #fff;
  font-size: 18px;
  letter-spacing: 1px;
  text-decoration: none;
  background-color: #515151;
  margin-left: 20px;
  padding: 10px 15px;
  border-radius: 5px;
  line-height: 90px;
}

#affRegisModal .step {
  width: 90%;
  margin: 15px 0px 15px 0px;
}

#composeSurvey .modal-header .close,
#composeComplete .modal-header .close {
  font-size: 70px;
  position: absolute;
  right: 3px;
  top: -14px;
}

#composeSurvey .modal-dialog,
#composeComplete .modal-dialog {
  position: absolute;
  top: 50% !important;
  transform: translate(0, -50%) !important;
  -ms-transform: translate(0, -50%) !important;
  -webkit-transform: translate(0, -50%) !important;
  margin: auto 38%;
  width: 20%;
  height: 40%;
}

#composeSurvey .modal-body,
#composeComplete .modal-body {
  margin-top: -50px;
}

#composeSurvey .modal-body .content-title,
#composeComplete .modal-body .content-title {
  margin-bottom: 50px;
}

#composeSurvey .modal-body .thanks,
#composeComplete .modal-body .thanks {
  margin-top: 50px;
}

#composeSurvey .modal-body .starrr,
#composeComplete .modal-body .starrr {
  display: inline-block;
}

#composeSurvey .modal-body .starrr a,
#composeComplete .modal-body .starrr a {
  font-size: 34px;
  padding: 0 5px;
  cursor: pointer;
  color: #fed25b;
  text-decoration: none;
}

#modal-survey .h4 {
  line-height: 26px;
}

#modal-survey .modal-body {
  height: 950px;
}

#modal-survey .modal-body .reason {
  color: #cc2724;
}

#modal-survey .modal-body .poll {
  height: 700px;
}

#modal-survey .modal-body .poll iframe {
  overflow: scroll;
  width: 420px;
  height: 100%;
}

#share2earnModal .modal-header, #share2earnModal .modal-footer {
  border: none;
}

.cookies-bar {
  background: #FFF;
  width: 100%;
  color: #000;
  border-top: 1px solid #c8c8c8;
  padding: 15px;
  z-index: 3310;
}

a.cookies-bar-link {
  color: #07938b !important;
}

.mkp-bottom .ad_title {
  font-size: 11px;
  font-weight: normal;
  color: #bbb;
  float: left;
  margin-top: -17px;
}

.mkp-ads .ad_title {
  font-size: 11px;
  font-weight: 900;
  color: var(--r-accent);
  float: left;
  margin-top: -17px;
}

@media (min-width: 992px){
  /* .r-lang {width: 77px;} */
  .r-lang ul {
    display: none;
    padding: 0;
    margin: 0;
    white-space: nowrap;
  }

  .r-lang li {
    width: 100%;
    list-style-type: none;
    display: flex;
  }

  .r-lang ul.active {
    /* height: unset; */
    display: block;
    position: absolute;
    top: 64px;
    z-index: 300;
  }

  .r-lang ul img {
    height: 11px;
    /* padding-right: 5px; */
    margin-top: 4px;
  }

    .r-sec-more-footer {
      position: relative;
      margin: 0 auto;
    }
}
@media (max-width: 991px){
  .r-lang ul {
    display: none;
    padding: 0;
    margin: 0;
    white-space: nowrap;
  }
  
  .r-lang li {
    width: 100%;
    list-style-type: none;
    display: flex;
  }
  
  .r-lang ul.active {
    /* height: unset; */
    display: block;
    position: absolute;
    top: 44px;
    z-index: 300;
  }
  
  .r-lang ul img {
    height: 11px;
    /* padding-right: 5px; */
    margin-top: 4px;
  }

  .r-gallery .col:nth-child(3) img {
    border-radius: 0 10px 0 0
  }

  .r-gallery .col:nth-child(4) img {
    border-radius: 0 0 0 10px
  }

}

@media (max-width: 767px) {
  .readme_widget {
    text-align: center !important;
    padding: 0 !important;
    border: solid 2px #07938b;
    margin: 10px 0px;
  }
  .readme_widget .ad_title {
    padding: 30px 12px 0px 12px !important;
    /* font-size: 2.3rem !important; */
  }
  .readme_widget .destination {
    padding: 12px 12px 25px 12px !important;
    /* font-size: 3.2rem !important; */
  }
  .readme_widget .banner-btn {
    margin: 0px auto !important;
    width: 270px !important;
  }
  .readme_widget .banner-btn .right .btn-title {
    font-size: 18px !important;
    padding: 6px;
  }
  .readme_widget .banner-btn .right .btn-more {
    font-size: 16px !important;
    font-weight: bolder !important;
  }
  .readme_widget .logo img {
    height: 69px !important;
    width: 100% !important;
    padding: 20px 15px !important;
    margin: 0px auto 0px auto !important;
  }
  .readme_widget_h {
    text-align: center !important;
    padding: 0 !important;
    border: solid 2px #07938b;
    margin: 10px 0px;
  }
  .readme_widget_h .ad_title {
    padding: 30px 0px 0px 0px !important;
    font-size: 2.3rem !important;
  }
  .readme_widget_h .destination {
    padding: 12px 0px 0px 0px !important;
    font-size: 2.3rem !important;
  }
  .readme_widget_h .banner-btn {
    margin: 0px auto !important;
    width: 270px !important;
  }
  .readme_widget_h .banner-btn .left .discount-tag {
    margin-top: 0px !important;
  }
  .readme_widget_h .banner-btn .right .btn-title {
    font-size: 1.5rem !important;
    padding-top: 8px;
  }
  .readme_widget_h .banner-btn .right .btn-more {
    font-size: 1.7rem !important;
    font-weight: bolder !important;
  }
  .readme_widget_h .logo img {
    height: 69px !important;
    width: 100% !important;
    padding: 20px 15px !important;
    margin: 0px auto 0px auto !important;
  }
  .readme_widget3 {
    text-align: center !important;
    padding: 0 !important;
    border: solid 2px #07938b;
    margin: 10px 0px;
  }
  .readme_widget3 .col-sm-7.left {
    border-right: none !important;
  }
  .readme_widget3 .ad_title {
    padding: 30px 12px 0px 12px !important;
    font-size: 2.3rem !important;
  }
  .readme_widget3 .destination {
    padding: 12px 12px 0px 12px !important;
    font-size: 3.2rem !important;
  }
  .readme_widget3 .banner-btn {
    margin: 0px auto !important;
    width: 270px !important;
  }
  .readme_widget3 .banner-btn .right .btn-title {
    font-size: 2rem !important;
  }
  .readme_widget3 .banner-btn .right .btn-more {
    font-size: 1.7rem !important;
    font-weight: bolder !important;
  }
  .readme_widget3 .logo img {
    height: 69px !important;
    width: 100% !important;
    padding: 20px 15px !important;
    margin: 0px auto 0px auto !important;
  }
  .readme_widget4 {
    text-align: center !important;
    padding: 0 !important;
    border: solid 2px #07938b;
    margin: 10px 0px;
  }
  .readme_widget4 .col-sm-7.left {
    border-right: none !important;
  }
  .readme_widget4 .ad_title {
    padding: 30px 12px 0px 12px !important;
    font-size: 2.3rem !important;
  }
  .readme_widget4 .destination {
    font-size: 2rem !important;
    width: 250px !important;
    margin: 0 auto !important;
  }
  .readme_widget4 .destination-en {
    margin-right: 0px !important;
  }
  .readme_widget4 .easycancel {
    margin: 10px 0px;
  }
  .readme_widget4 .banner-btn {
    margin: 0px auto !important;
    width: 304px !important;
    padding: 8px 20px 0px 20px !important;
  }
  .readme_widget4 .logo img {
    height: 69px !important;
    width: 100% !important;
    padding: 20px 15px !important;
    margin: 0px auto 0px auto !important;
  }
  .readme_widget5 {
    text-align: center !important;
    padding: 0 !important;
    border: solid 2px #d8552b;
    margin: 10px 0px;
  }
  .readme_widget5 .col-sm-7.left {
    border-right: none !important;
  }
  .readme_widget5 .ad_title {
    padding: 30px 12px 0px 12px !important;
    font-size: 30px !important;
  }
  .readme_widget5 .destination {
    padding: 12px 12px 0px 12px !important;
    font-size: 3.2rem !important;
  }
  .readme_widget5 .banner-btn {
    margin: 0px auto !important;
    width: 270px !important;
  }
  .readme_widget5 .banner-btn .right .btn-title {
    font-size: 2rem !important;
  }
  .readme_widget5 .banner-btn .right .btn-more {
    font-size: 1.7rem !important;
    font-weight: bolder !important;
  }
  .readme_widget5 .logo img {
    padding: 20px 0px !important;
    margin: 0px auto 0px auto !important;
  }  
}