@charset "UTF-8";
.slick-dots li button::before {
  background-color: #3C3C3C;
  border-radius: 50%;
  content: " ";
  width: 10px;
  height: 10px;
  opacity: 0.8;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.slick-dots li.slick-active button::before {
  background-color: white;
  opacity: 0.8;
}

.slick-dotted.slick-slider {
  margin-bottom: 20px;
}

.slick-dots li{
  margin:0 2px;
}

/*!
 * Bootstrap v4.6.1 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #facc15;
  --green: #28a745;
  --teal: #2dd4bf;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #F03246;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #facc15;
  --danger: #dc3545;
  --teal: #2dd4bf;
  --light: #F5F5F5;
  --gray: #A0A0A0;
  --dark: #3C3C3C;
  --white: #fff;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

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

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

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Noto Sans TC", "Noto Sans SC", Roboto, Arial, "Microsoft YaHei", "Microsoft JhengHei", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

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

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

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none;
}

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

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

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

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #F03246;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  text-decoration: none;
}

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

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

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

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

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

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

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

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

textarea {
  overflow: auto;
  resize: vertical;
}

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

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

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

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

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

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

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

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
  font-size: 80%;
  font-weight: 400;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

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

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

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

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

.figure-caption {
  font-size: 90%;
  color: #6c757d;
}

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

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

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

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

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}

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

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

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

.col-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}

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

.col-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}

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

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

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

.col-11 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}

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

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
}
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}
.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}
.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #dee2e6;
}
.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #fbc6cb;
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #f7949f;
}

.table-hover .table-primary:hover {
  background-color: #f9aeb5;
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #f9aeb5;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d6d8db;
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #b3b7bb;
}

.table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #c8cbcf;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c3e6cb;
}
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #8fd19e;
}

.table-hover .table-success:hover {
  background-color: #b1dfbb;
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb;
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #86cfda;
}

.table-hover .table-info:hover {
  background-color: #abdde5;
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abdde5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #fef1bd;
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #fce485;
}

.table-hover .table-warning:hover {
  background-color: #feeca4;
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #feeca4;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb;
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #ed969e;
}

.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}

.table-teal,
.table-teal > th,
.table-teal > td {
  background-color: #c4f3ed;
}
.table-teal th,
.table-teal td,
.table-teal thead th,
.table-teal tbody + tbody {
  border-color: #92e9de;
}

.table-hover .table-teal:hover {
  background-color: #afefe7;
}
.table-hover .table-teal:hover > td,
.table-hover .table-teal:hover > th {
  background-color: #afefe7;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fcfcfc;
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #fafafa;
}

.table-hover .table-light:hover {
  background-color: #efefef;
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #efefef;
}

.table-gray,
.table-gray > th,
.table-gray > td {
  background-color: #e4e4e4;
}
.table-gray th,
.table-gray td,
.table-gray thead th,
.table-gray tbody + tbody {
  border-color: #cecece;
}

.table-hover .table-gray:hover {
  background-color: #d7d7d7;
}
.table-hover .table-gray:hover > td,
.table-hover .table-gray:hover > th {
  background-color: #d7d7d7;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c8c8c8;
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #9a9a9a;
}

.table-hover .table-dark:hover {
  background-color: #bbbbbb;
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #bbbbbb;
}

.table-white,
.table-white > th,
.table-white > td {
  background-color: white;
}
.table-white th,
.table-white td,
.table-white thead th,
.table-white tbody + tbody {
  border-color: white;
}

.table-hover .table-white:hover {
  background-color: #f2f2f2;
}
.table-hover .table-white:hover > td,
.table-hover .table-white:hover > th {
  background-color: #f2f2f2;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
}
.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #343a40;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #454d55;
}
.table-dark.table-bordered {
  border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
  border: 0;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #f9a9b1;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(240, 50, 70, 0.25);
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
  appearance: none;
}

select.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}
select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

select.form-control[size], select.form-control[multiple] {
  height: auto;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.form-row > .col,
.form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #28a745;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: 0.25rem;
}
.form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip {
  left: 5px;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated select.form-control:valid, select.form-control.is-valid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center;
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #28a745;
  padding-right: calc(0.75em + 2.3125rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #28a745;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #34ce57;
  background-color: #34ce57;
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}
.form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip {
  left: 5px;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated select.form-control:invalid, select.form-control.is-invalid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center;
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #dc3545;
  padding-right: calc(0.75em + 2.3125rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #dc3545;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d;
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group,
.form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #212529;
  text-decoration: none;
}
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(240, 50, 70, 0.25);
}
.btn.disabled, .btn:disabled {
  opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #F03246;
  border-color: #F03246;
}
.btn-primary:hover {
  color: #fff;
  background-color: #eb1128;
  border-color: #df1026;
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #eb1128;
  border-color: #df1026;
  box-shadow: 0 0 0 0.2rem rgba(242, 81, 98, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #F03246;
  border-color: #F03246;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #df1026;
  border-color: #d30f24;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(242, 81, 98, 0.5);
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}
.btn-secondary:focus, .btn-secondary.focus {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}
.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-warning {
  color: #212529;
  background-color: #facc15;
  border-color: #facc15;
}
.btn-warning:hover {
  color: #212529;
  background-color: #e4b705;
  border-color: #d7ad05;
}
.btn-warning:focus, .btn-warning.focus {
  color: #212529;
  background-color: #e4b705;
  border-color: #d7ad05;
  box-shadow: 0 0 0 0.2rem rgba(217, 179, 24, 0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
  color: #212529;
  background-color: #facc15;
  border-color: #facc15;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #d7ad05;
  border-color: #cba304;
}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(217, 179, 24, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-teal {
  color: #fff;
  background-color: #2dd4bf;
  border-color: #2dd4bf;
}
.btn-teal:hover {
  color: #fff;
  background-color: #25b6a3;
  border-color: #23ab9a;
}
.btn-teal:focus, .btn-teal.focus {
  color: #fff;
  background-color: #25b6a3;
  border-color: #23ab9a;
  box-shadow: 0 0 0 0.2rem rgba(77, 218, 201, 0.5);
}
.btn-teal.disabled, .btn-teal:disabled {
  color: #fff;
  background-color: #2dd4bf;
  border-color: #2dd4bf;
}
.btn-teal:not(:disabled):not(.disabled):active, .btn-teal:not(:disabled):not(.disabled).active, .show > .btn-teal.dropdown-toggle {
  color: #fff;
  background-color: #23ab9a;
  border-color: #21a090;
}
.btn-teal:not(:disabled):not(.disabled):active:focus, .btn-teal:not(:disabled):not(.disabled).active:focus, .show > .btn-teal.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(77, 218, 201, 0.5);
}

.btn-light {
  color: #212529;
  background-color: #F5F5F5;
  border-color: #F5F5F5;
}
.btn-light:hover {
  color: #212529;
  background-color: #e2e2e2;
  border-color: gainsboro;
}
.btn-light:focus, .btn-light.focus {
  color: #212529;
  background-color: #e2e2e2;
  border-color: gainsboro;
  box-shadow: 0 0 0 0.2rem rgba(213, 214, 214, 0.5);
}
.btn-light.disabled, .btn-light:disabled {
  color: #212529;
  background-color: #F5F5F5;
  border-color: #F5F5F5;
}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: gainsboro;
  border-color: #d5d5d5;
}
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(213, 214, 214, 0.5);
}

.btn-gray {
  color: #fff;
  background-color: #A0A0A0;
  border-color: #A0A0A0;
}
.btn-gray:hover {
  color: #fff;
  background-color: #8d8d8d;
  border-color: #878787;
}
.btn-gray:focus, .btn-gray.focus {
  color: #fff;
  background-color: #8d8d8d;
  border-color: #878787;
  box-shadow: 0 0 0 0.2rem rgba(174, 174, 174, 0.5);
}
.btn-gray.disabled, .btn-gray:disabled {
  color: #fff;
  background-color: #A0A0A0;
  border-color: #A0A0A0;
}
.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle {
  color: #fff;
  background-color: #878787;
  border-color: gray;
}
.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(174, 174, 174, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: #3C3C3C;
  border-color: #3C3C3C;
}
.btn-dark:hover {
  color: #fff;
  background-color: #292929;
  border-color: #232323;
}
.btn-dark:focus, .btn-dark.focus {
  color: #fff;
  background-color: #292929;
  border-color: #232323;
  box-shadow: 0 0 0 0.2rem rgba(89, 89, 89, 0.5);
}
.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  background-color: #3C3C3C;
  border-color: #3C3C3C;
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #232323;
  border-color: #1c1c1c;
}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(89, 89, 89, 0.5);
}

.btn-white {
  color: #212529;
  background-color: #fff;
  border-color: #fff;
}
.btn-white:hover {
  color: #212529;
  background-color: #ececec;
  border-color: #e6e6e6;
}
.btn-white:focus, .btn-white.focus {
  color: #212529;
  background-color: #ececec;
  border-color: #e6e6e6;
  box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
}
.btn-white.disabled, .btn-white:disabled {
  color: #212529;
  background-color: #fff;
  border-color: #fff;
}
.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle {
  color: #212529;
  background-color: #e6e6e6;
  border-color: #dfdfdf;
}
.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
}
.btn-default {
  color: #333;
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}
.btn-default:hover {
  color: #333;
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}

.btn-outline-primary {
  color: #F03246;
  border-color: #F03246;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #F03246;
  border-color: #F03246;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(240, 50, 70, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #F03246;
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #F03246;
  border-color: #F03246;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(240, 50, 70, 0.5);
}

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-success {
  color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
  color: #facc15;
  border-color: #facc15;
}
.btn-outline-warning:hover {
  color: #212529;
  background-color: #facc15;
  border-color: #facc15;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(250, 204, 21, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #facc15;
  background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #facc15;
  border-color: #facc15;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(250, 204, 21, 0.5);
}

.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-teal {
  color: #2dd4bf;
  border-color: #2dd4bf;
}
.btn-outline-teal:hover {
  color: #fff;
  background-color: #2dd4bf;
  border-color: #2dd4bf;
}
.btn-outline-teal:focus, .btn-outline-teal.focus {
  box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.5);
}
.btn-outline-teal.disabled, .btn-outline-teal:disabled {
  color: #2dd4bf;
  background-color: transparent;
}
.btn-outline-teal:not(:disabled):not(.disabled):active, .btn-outline-teal:not(:disabled):not(.disabled).active, .show > .btn-outline-teal.dropdown-toggle {
  color: #fff;
  background-color: #2dd4bf;
  border-color: #2dd4bf;
}
.btn-outline-teal:not(:disabled):not(.disabled):active:focus, .btn-outline-teal:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-teal.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.5);
}

.btn-outline-light {
  color: #F5F5F5;
  border-color: #F5F5F5;
}
.btn-outline-light:hover {
  color: #212529;
  background-color: #F5F5F5;
  border-color: #F5F5F5;
}
.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(245, 245, 245, 0.5);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #F5F5F5;
  background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #F5F5F5;
  border-color: #F5F5F5;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(245, 245, 245, 0.5);
}

.btn-outline-gray {
  color: #A0A0A0;
  border-color: #A0A0A0;
}
.btn-outline-gray:hover {
  color: #fff;
  background-color: #A0A0A0;
  border-color: #A0A0A0;
}
.btn-outline-gray:focus, .btn-outline-gray.focus {
  box-shadow: 0 0 0 0.2rem rgba(160, 160, 160, 0.5);
}
.btn-outline-gray.disabled, .btn-outline-gray:disabled {
  color: #A0A0A0;
  background-color: transparent;
}
.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show > .btn-outline-gray.dropdown-toggle {
  color: #fff;
  background-color: #A0A0A0;
  border-color: #A0A0A0;
}
.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gray.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(160, 160, 160, 0.5);
}

.btn-outline-dark {
  color: #3C3C3C;
  border-color: #3C3C3C;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #3C3C3C;
  border-color: #3C3C3C;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(60, 60, 60, 0.5);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #3C3C3C;
  background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #3C3C3C;
  border-color: #3C3C3C;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(60, 60, 60, 0.5);
}

.btn-outline-white {
  color: #fff;
  border-color: #fff;
}
.btn-outline-white:hover {
  color: #212529;
  background-color: #fff;
  border-color: #fff;
}
.btn-outline-white:focus, .btn-outline-white.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-outline-white.disabled, .btn-outline-white:disabled {
  color: #fff;
  background-color: transparent;
}
.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle {
  color: #212529;
  background-color: #fff;
  border-color: #fff;
}
.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #F03246;
  text-decoration: none;
}
.btn-link:hover {
  color: #c70f22;
  text-decoration: underline;
}
.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
}
.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropleft .dropdown-toggle::after {
  display: none;
}
.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  background-color: #F5F5F5;
  color: #16181b;
  text-decoration: none;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #F03246;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}
.btn-group-toggle > .btn input[type=radio],
.btn-group-toggle > .btn input[type=checkbox],
.btn-group-toggle > .btn-group > .btn input[type=radio],
.btn-group-toggle > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-file {
  display: flex;
  align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group:not(.has-validation) > .form-control:not(:last-child),
.input-group:not(.has-validation) > .custom-select:not(:last-child),
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > .form-control:nth-last-child(n+3),
.input-group.has-validation > .custom-select:nth-last-child(n+3),
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: flex;
}
.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}
.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
  margin-top: 0;
}

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px);
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.custom-control {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1.5rem;
  color-adjust: exact;
}

.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem;
}

.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #F03246;
  background-color: #F03246;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(240, 50, 70, 0.25);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #f9a9b1;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: #fcd8dc;
  border-color: #fcd8dc;
}
.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}
.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}
.custom-checkbox .custom-control-input{display:none}
.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}
.check .custom-control{padding-left: 1.5rem;}
.check .custom-control-label::before {
  position: absolute;
  top: 0.5rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #adb5bd solid 1px;
}
.check .custom-control-label::after {
  position: absolute;
  top: 0.5rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: 50%/50% 50% no-repeat;
}
.check .custom-checkbox .custom-control-input{display:inline}
.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #F03246;
  background-color: #F03246;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(240, 50, 70, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(240, 50, 70, 0.5);
}

.custom-radio .custom-control-label::before {
  border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(240, 50, 70, 0.5);
}

.custom-switch {
  padding-left: 2.25rem;
}
.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}
.custom-switch .custom-control-label::after {
  top: calc(0.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: 0.5rem;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  transform: translateX(0.75rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(240, 50, 70, 0.5);
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  appearance: none;
}
.custom-select:focus {
  border-color: #f9a9b1;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(240, 50, 70, 0.25);
}
.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}
.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}
.custom-select::-ms-expand {
  display: none;
}
.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}

.custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}

.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  overflow: hidden;
  opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: #f9a9b1;
  box-shadow: 0 0 0 0.2rem rgba(240, 50, 70, 0.25);
}
.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  overflow: hidden;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}

.custom-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  background-color: transparent;
  appearance: none;
}
.custom-range:focus {
  outline: 0;
}
.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(240, 50, 70, 0.25);
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(240, 50, 70, 0.25);
}
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(240, 50, 70, 0.25);
}
.custom-range::-moz-focus-outer {
  border: 0;
}
.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #F03246;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    transition: none;
  }
}
.custom-range::-webkit-slider-thumb:active {
  background-color: #fcd8dc;
}
.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #F03246;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    transition: none;
  }
}
.custom-range::-moz-range-thumb:active {
  background-color: #fcd8dc;
}
.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  background-color: #F03246;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    transition: none;
  }
}
.custom-range::-ms-thumb:active {
  background-color: #fcd8dc;
}
.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}
.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-moz-range-track {
  cursor: default;
}
.custom-range:disabled::-ms-thumb {
  background-color: #adb5bd;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: none;
  }
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}
.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-link {
  margin-bottom: -1px;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #F03246;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.navbar .container,
.navbar .container-fluid,
.navbar .container-sm,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: 50%/100% 100% no-repeat;
}

.navbar-nav-scroll {
  max-height: 75vh;
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid,
.navbar-expand-sm > .container-sm,
.navbar-expand-sm > .container-md,
.navbar-expand-sm > .container-lg,
.navbar-expand-sm > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid,
.navbar-expand-sm > .container-sm,
.navbar-expand-sm > .container-md,
.navbar-expand-sm > .container-lg,
.navbar-expand-sm > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
.navbar-expand-md > .container-fluid,
.navbar-expand-md > .container-sm,
.navbar-expand-md > .container-md,
.navbar-expand-md > .container-lg,
.navbar-expand-md > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
.navbar-expand-md > .container-fluid,
.navbar-expand-md > .container-sm,
.navbar-expand-md > .container-md,
.navbar-expand-md > .container-lg,
.navbar-expand-md > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid,
.navbar-expand-lg > .container-sm,
.navbar-expand-lg > .container-md,
.navbar-expand-lg > .container-lg,
.navbar-expand-lg > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid,
.navbar-expand-lg > .container-sm,
.navbar-expand-lg > .container-md,
.navbar-expand-lg > .container-lg,
.navbar-expand-lg > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid,
.navbar-expand-xl > .container-sm,
.navbar-expand-xl > .container-md,
.navbar-expand-xl > .container-lg,
.navbar-expand-xl > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid,
.navbar-expand-xl > .container-sm,
.navbar-expand-xl > .container-md,
.navbar-expand-xl > .container-lg,
.navbar-expand-xl > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}
.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  padding-right: 0;
  padding-left: 0;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  flex-wrap: nowrap;
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
  color: #fff;
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  border-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-top,
.card-img-bottom {
  flex-shrink: 0;
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group > .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .card-columns {
    column-count: 3;
    -webkit-column-gap: 1.25rem;
  	-moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion {
  overflow-anchor: none;
}
.accordion > .card {
  overflow: hidden;
}
.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #6c757d;
  content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}
.breadcrumb-item.active {
  color: #6c757d;
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #F03246;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
.page-link:hover {
  z-index: 2;
  color: #c70f22;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(240, 50, 70, 0.25);
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #F03246;
  border-color: #F03246;
}
.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}
a.badge:hover, a.badge:focus {
  text-decoration: none;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #fff;
  background-color: #F03246;
}
a.badge-primary:hover, a.badge-primary:focus {
  color: #fff;
  background-color: #df1026;
}
a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(240, 50, 70, 0.5);
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}
a.badge-secondary:hover, a.badge-secondary:focus {
  color: #fff;
  background-color: #545b62;
}
a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}
a.badge-success:hover, a.badge-success:focus {
  color: #fff;
  background-color: #1e7e34;
}
a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}
a.badge-info:hover, a.badge-info:focus {
  color: #fff;
  background-color: #117a8b;
}
a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
  color: #212529;
  background-color: #facc15;
}
a.badge-warning:hover, a.badge-warning:focus {
  color: #212529;
  background-color: #d7ad05;
}
a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(250, 204, 21, 0.5);
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}
a.badge-danger:hover, a.badge-danger:focus {
  color: #fff;
  background-color: #bd2130;
}
a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-teal {
  color: #fff;
  background-color: #2dd4bf;
}
a.badge-teal:hover, a.badge-teal:focus {
  color: #fff;
  background-color: #23ab9a;
}
a.badge-teal:focus, a.badge-teal.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.5);
}

.badge-light {
  color: #212529;
  background-color: #F5F5F5;
}
a.badge-light:hover, a.badge-light:focus {
  color: #212529;
  background-color: gainsboro;
}
a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(245, 245, 245, 0.5);
}

.badge-gray {
  color: #fff;
  background-color: #A0A0A0;
}
a.badge-gray:hover, a.badge-gray:focus {
  color: #fff;
  background-color: #878787;
}
a.badge-gray:focus, a.badge-gray.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(160, 160, 160, 0.5);
}

.badge-dark {
  color: #fff;
  background-color: #3C3C3C;
}
a.badge-dark:hover, a.badge-dark:focus {
  color: #fff;
  background-color: #232323;
}
a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(60, 60, 60, 0.5);
}

.badge-white {
  color: #212529;
  background-color: #fff;
}
a.badge-white:hover, a.badge-white:focus {
  color: #212529;
  background-color: #e6e6e6;
}
a.badge-white:focus, a.badge-white.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}
@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 4rem;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: #7d1a24;
  background-color: #fcd6da;
  border-color: #fbc6cb;
}
.alert-primary hr {
  border-top-color: #f9aeb5;
}
.alert-primary .alert-link {
  color: #531118;
}

.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}
.alert-secondary hr {
  border-top-color: #c8cbcf;
}
.alert-secondary .alert-link {
  color: #202326;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.alert-success hr {
  border-top-color: #b1dfbb;
}
.alert-success .alert-link {
  color: #0b2e13;
}

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}
.alert-info hr {
  border-top-color: #abdde5;
}
.alert-info .alert-link {
  color: #062c33;
}

.alert-warning {
  color: #826a0b;
  background-color: #fef5d0;
  border-color: #fef1bd;
}
.alert-warning hr {
  border-top-color: #feeca4;
}
.alert-warning .alert-link {
  color: #534407;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.alert-danger hr {
  border-top-color: #f1b0b7;
}
.alert-danger .alert-link {
  color: #491217;
}

.alert-teal {
  color: #176e63;
  background-color: #d5f6f2;
  border-color: #c4f3ed;
}
.alert-teal hr {
  border-top-color: #afefe7;
}
.alert-teal .alert-link {
  color: #0e443d;
}

.alert-light {
  color: #7f7f7f;
  background-color: #fdfdfd;
  border-color: #fcfcfc;
}
.alert-light hr {
  border-top-color: #efefef;
}
.alert-light .alert-link {
  color: #666666;
}

.alert-gray {
  color: #535353;
  background-color: #ececec;
  border-color: #e4e4e4;
}
.alert-gray hr {
  border-top-color: #d7d7d7;
}
.alert-gray .alert-link {
  color: #3a3a3a;
}

.alert-dark {
  color: #1f1f1f;
  background-color: #d8d8d8;
  border-color: #c8c8c8;
}
.alert-dark hr {
  border-top-color: #bbbbbb;
}
.alert-dark .alert-link {
  color: #060606;
}

.alert-white {
  color: #858585;
  background-color: white;
  border-color: white;
}
.alert-white hr {
  border-top-color: #f2f2f2;
}
.alert-white .alert-link {
  color: #6c6c6c;
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #F03246;
  transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.media {
  display: flex;
  align-items: flex-start;
}

.media-body {
  flex: 1;
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.25rem;
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}
.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #F03246;
  border-color: #F03246;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  color: #7d1a24;
  background-color: #fbc6cb;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #7d1a24;
  background-color: #f9aeb5;
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #7d1a24;
  border-color: #7d1a24;
}

.list-group-item-secondary {
  color: #383d41;
  background-color: #d6d8db;
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #383d41;
  background-color: #c8cbcf;
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #383d41;
  border-color: #383d41;
}

.list-group-item-success {
  color: #155724;
  background-color: #c3e6cb;
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #155724;
  background-color: #b1dfbb;
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #155724;
  border-color: #155724;
}

.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb;
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #0c5460;
  background-color: #abdde5;
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #0c5460;
  border-color: #0c5460;
}

.list-group-item-warning {
  color: #826a0b;
  background-color: #fef1bd;
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #826a0b;
  background-color: #feeca4;
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #826a0b;
  border-color: #826a0b;
}

.list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb;
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #721c24;
  background-color: #f1b0b7;
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #721c24;
  border-color: #721c24;
}

.list-group-item-teal {
  color: #176e63;
  background-color: #c4f3ed;
}
.list-group-item-teal.list-group-item-action:hover, .list-group-item-teal.list-group-item-action:focus {
  color: #176e63;
  background-color: #afefe7;
}
.list-group-item-teal.list-group-item-action.active {
  color: #fff;
  background-color: #176e63;
  border-color: #176e63;
}

.list-group-item-light {
  color: #7f7f7f;
  background-color: #fcfcfc;
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #7f7f7f;
  background-color: #efefef;
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #7f7f7f;
  border-color: #7f7f7f;
}

.list-group-item-gray {
  color: #535353;
  background-color: #e4e4e4;
}
.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus {
  color: #535353;
  background-color: #d7d7d7;
}
.list-group-item-gray.list-group-item-action.active {
  color: #fff;
  background-color: #535353;
  border-color: #535353;
}

.list-group-item-dark {
  color: #1f1f1f;
  background-color: #c8c8c8;
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #1f1f1f;
  background-color: #bbbbbb;
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #1f1f1f;
  border-color: #1f1f1f;
}

.list-group-item-white {
  color: #858585;
  background-color: white;
}
.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus {
  color: #858585;
  background-color: #f2f2f2;
}
.list-group-item-white.list-group-item-action.active {
  color: #fff;
  background-color: #858585;
  border-color: #858585;
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
  cursor: pointer;
}
.close:hover {
  color: #000;
  text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: 0.75;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
}

a.close.disabled {
  pointer-events: none;
}

.toast {
  flex-basis: 350px;
  max-width: 350px;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  opacity: 0;
  border-radius: 0.25rem;
}
.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}
.toast.showing {
  opacity: 1;
}
.toast.show {
  display: block;
  opacity: 1;
}
.toast.hide {
  display: none;
}

.toast-header {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.toast-body {
  padding: 0.75rem;
}

.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: min-content;
  content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > * {
  margin: 0.25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: min-content;
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
.modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
  bottom: 0;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
  top: 0;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}
.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top, .bs-popover-auto[x-placement^=top] {
  margin-bottom: 0.5rem;
}
.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow {
  bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

.bs-popover-right, .bs-popover-auto[x-placement^=right] {
  margin-left: 0.5rem;
}
.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {
  margin-top: 0.5rem;
}
.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow {
  top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}

.bs-popover-left, .bs-popover-auto[x-placement^=left] {
  margin-right: 0.5rem;
}
.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
.carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: 50%/100% 100% no-repeat;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: 0.75s linear infinite spinner-border;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  animation: 0.75s linear infinite spinner-grow;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
.spinner-grow {
    animation-duration: 1.5s;
  }
}
.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: #F03246 !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #df1026 !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #545b62 !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important;
}

.bg-warning {
  background-color: #facc15 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d7ad05 !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important;
}

.bg-teal {
  background-color: #2dd4bf !important;
}

a.bg-teal:hover, a.bg-teal:focus,
button.bg-teal:hover,
button.bg-teal:focus {
  background-color: #23ab9a !important;
}

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

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: gainsboro !important;
}

.bg-gray {
  background-color: #A0A0A0 !important;
}

a.bg-gray:hover, a.bg-gray:focus,
button.bg-gray:hover,
button.bg-gray:focus {
  background-color: #878787 !important;
}

.bg-dark {
  background-color: #3C3C3C !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #232323 !important;
}

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

a.bg-white:hover, a.bg-white:focus,
button.bg-white:hover,
button.bg-white:focus {
  background-color: #e6e6e6 !important;
}

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

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #F03246 !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #facc15 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-teal {
  border-color: #2dd4bf !important;
}

.border-light {
  border-color: #F5F5F5 !important;
}

.border-gray {
  border-color: #A0A0A0 !important;
}

.border-dark {
  border-color: #3C3C3C !important;
}

.border-white {
  border-color: #fff !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded-sm {
  border-radius: 0.2rem !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.85714286%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

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

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

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

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

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

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

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

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

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

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

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

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}
.user-select-all {
  user-select: all !important;
}

.user-select-auto {
  user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}


.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.py-25{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}


.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
.my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
.mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
.my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
.mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
.my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
.mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
.my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
.mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
.my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
.mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
.my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
.mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
.my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
.mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
.my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
.mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
.my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
.mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
.my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
.mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
.my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
.mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
.my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
.mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
.py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
.px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
.py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
.px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
.py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
.px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
.py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
.px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
.py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
.px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
.py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
.px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
.py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
.px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
.py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
.px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
.py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
.px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
.py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
.px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
.py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
.px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
.py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
.px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
.my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
.mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
.my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
.mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
.my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
.mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
.my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
.mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
.my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
.mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
.my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
.mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
.my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
.mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
.my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
.mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
.my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
.mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
.my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
.mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
.my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
.mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
.my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
.mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
.my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
.mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
.my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
.mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
.my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
.mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
.my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
.mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
.my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
.mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
.my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
.mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
.my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
.mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
.my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
.mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
.my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
.mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
.my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
.mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
.my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
.mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
.my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
.mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
.py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
.px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
.py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
.px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
.py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
.px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
.py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
.px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
.py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
.px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
.py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
.px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
.py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
.px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
.py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
.px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
.py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
.px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
.py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
.px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
.py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
.px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
.py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
.px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
.my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
.mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
.my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
.mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
.my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
.mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
.my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
.mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
.my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
.mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
.my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
.mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
.my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
.mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
.my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
.mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
.my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
.mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
.my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
.mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
.my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
.mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
.my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
.mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
.my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
.mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
.my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
.mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
.my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
.mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
.my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
.mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
.my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
.mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
.my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
.mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
.my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
.mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
.my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
.mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
.my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
.mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
.my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
.mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
.my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
.mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
.my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
.mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
.py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
.px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
.py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
.px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
.py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
.px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
.py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
.px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
.py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
.px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
.py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
.px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
.py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
.px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
.py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
.px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
.py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
.px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
.py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
.px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
.py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
.px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
.py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
.px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
.my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
.mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
.my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
.mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
.my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
.mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
.my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
.mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
.my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
.mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
.my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
.mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
.my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
.mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
.my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
.mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
.my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
.mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
.my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
.mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
.my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
.mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
.my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
.mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
.my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
.mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
.my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
.mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
.my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
.mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
.my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
.mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
.my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
.mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
.my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
.mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
.my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
.mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
.my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
.mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
.my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
.mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
.my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
.mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
.my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
.mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
.my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
.mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
.py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
.px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
.py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
.px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
.py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
.px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
.py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
.px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
.py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
.px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
.py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
.px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
.py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
.px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
.py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
.px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
.py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
.px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
.py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
.px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
.py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
.px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
.py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
.px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
.my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
.mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
.my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
.mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
.my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
.mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
.my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
.mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
.my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
.mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
.my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
.mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
.my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
.mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
.my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
.mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
.my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
.mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
.my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
.mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
.my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
.mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
.my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
.mx-xl-auto {
    margin-left: auto !important;
  }
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

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

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

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

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

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

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

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

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

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

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

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

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #F03246 !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #c70f22 !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #494f54 !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
  color: #19692c !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: #0f6674 !important;
}

.text-warning {
  color: #facc15 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #be9904 !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #a71d2a !important;
}

.text-teal {
  color: #2dd4bf !important;
}

a.text-teal:hover, a.text-teal:focus {
  color: #1f9687 !important;
}

.text-light {
  color: #F5F5F5 !important;
}

a.text-light:hover, a.text-light:focus {
  color: #cfcfcf !important;
}

.text-gray {
  color: #A0A0A0 !important;
}

a.text-gray:hover, a.text-gray:focus {
  color: #7a7a7a !important;
}

.text-dark {
  color: #3C3C3C !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: #161616 !important;
}

.text-white {
  color: #fff !important;
}

a.text-white:hover, a.text-white:focus {
  color: #d9d9d9 !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media print {
  *,
*::before,
*::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  tr,
img {
    page-break-inside: avoid;
  }
  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
.table th {
    background-color: #fff !important;
  }
  .table-bordered th,
.table-bordered td {
    border: 1px solid #dee2e6 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
    border-color: #dee2e6;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}
.lb-rows {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
}

.lb-content {
  width: 100%;
  max-width: 75rem;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}
@media (max-width: 1199px) {
  .lb-content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.lb-paper {
  background-color: #fff;
  box-shadow: inset 0px -1px 0px #F5F5F5;
  padding: 1rem 1.5rem;
}
@media (max-width: 1199px) {
  .lb-paper {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
.lb-paper > .lb-paper-title {
  box-shadow: 0px 1px 0px #F5F5F5;
  margin-bottom: 2rem;
}
@media (max-width: 1199px) {
  .lb-paper > .lb-paper-title {
    margin-bottom: 1rem;
  }
}
.lb-paper > h2, .lb-paper > h4 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.lb-paper > p {
  margin-bottom: 0.25rem;
}
.lb-paper:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
@media (max-width: 1199px) {
  .lb-paper:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
.lb-paper:last-child {
  box-shadow: 0px 10px 15px -3px #E9E9E9;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
@media (max-width: 1199px) {
  .lb-paper:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.lb-paper.lb-paper-full {
  max-height: calc(100vh - 17.25rem);
}
@media (max-width: 1199px) {
  .lb-paper.lb-paper-full {
    max-height: calc(100vh - 140px - 6rem);
  }
}

.livebuy-logo {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  margin: 0;
}
.livebuy-logo a {
  background-image: url("../favicon/logo-B@2x.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  overflow: hidden;
  text-indent: 150%;
  white-space: nowrap;
  width: 211px;
  height: 48px;
}
@media (max-width: 1199px) {
  .livebuy-logo a {
    background-image: url("../favicon/fav@64.png");
    width: 48px;
  }
}
.livebuy-logo a.white-logo {
  background-image: url("../favicon/logo-W.png");
  width: 124px;
  height: 28px;
}

.lb-btn.btn-lg, .btn-group-lg > .lb-btn.btn {
  border-radius: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 1rem 2rem;
}
@media (max-width: 1199px) {
  .lb-btn.btn-lg, .btn-group-lg > .lb-btn.btn {
    font-size: 1rem;
    line-height: 1.25rem;
    padding: 1rem 1.5rem;
  }
}
.lb-btn.lb-error-btn {
  background-color: #F5F5F5;
  border-color: #F5F5F5;
  color: #a0a0a0;
  cursor: not-allowed;
}

.lb-button {
  background-color: transparent;
  border: none;
  color: #3C3C3C;
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
  opacity: 1;
  position: relative;
}
.lb-button::after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.lb-button:hover, .lb-button:focus {
  opacity: 0.5;
}
.lb-button i.fa-2x {
  font-size: 1.5em;
}

.lb-outline-button {
  background-color: transparent;
  border: 1px solid #A0A0A0;
  border-radius: 0.25rem;
  color: #3C3C3C;
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
  padding: 0.375rem 0.75rem;
  position: relative;
}
.lb-outline-button.dis{
	color: #A0A0A0;
	border-color: #CCCCCC;
}
.lb-outline-button.dis:hover, .lb-outline-button.dis:focus{
	color: #A0A0A0;
	border-color: #CCCCCC;
}
@media (max-width: 1199px) {
  .lb-outline-button {
    padding: 0.25rem 0.625rem;
  }
}
.lb-outline-button::after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.lb-outline-button:hover, .lb-outline-button:focus {
  background-color: #F5F5F5;
  border-color: #F03246;
  color: #F03246;
}
.lb-outline-button i.fa-2x {
  font-size: 1.5em;
}

.line-login-button {
  background-color: #00C300;
  border: none;
  border-radius: 50rem;
  color: #fff;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 1rem;
  width: 100%;
  position: relative;
}
.line-login-button::after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.line-login-button img{width:20px;}

.telegram-login-button {
  background-color: #27A6E5;
  border: none;
  border-radius: 50rem;
  color: #fff;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 1rem;
  width: 100%;
  position: relative;
}
.telegram-login-button img{width:20px;}
.telegram-login-button::after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.facebook-login-button {
  background-color: #1877F2;
  border: none;
  border-radius: 50rem;
  color: #fff;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 1rem;
  width: 100%;
  position: relative;
}
.facebook-login-button::after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.facebook-login-button img{width:20px;}
.phone-login-button {
  background-color: #F03246;
  border: none;
  border-radius: 50rem;
  color: #fff;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 1rem;
  width: 100%;
  position: relative;
}

.brand-mask {
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: flex-end;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
}

.brand-mask .lb-content{
	max-width:unset;
}

.brand {
  background-color: #fff;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 40vh;
  max-height: 70vh;
  position: relative;
}
.brand-mask .brand > .brand-header,.brand-mask .brand > .brand-header.hide + .brand-body{
	margin-top: 28px;
}
.brand-mask .brand::before{
	content: " ";
  position: absolute;
  top: 12px;
  left: 50%;
  margin-left: -20px;
	width: 40px;
  height: 4px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  cursor: pointer;
}
.brand > .brand-header {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  display: flex;
  font-size: 1.125rem;
  line-height: 1.5rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media (max-width: 1199px) {
  .brand > .brand-header {
    font-size: 1rem;
    line-height: 1.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.brand > .brand-header .brand-title {
  color: #3C3C3C;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}
.brand > .brand-header + .brand-header {
  border-radius: 0;
  margin-top: 0;
}
.brand > .brand-body {
  flex-grow: 1;
  font-size: 1rem;
  line-height: 1.25rem;
  overflow-y: auto;
}
.brand > .brand-body + .brand-body {
  box-shadow: inset 0px -1px 0px #F5F5F5;
}
.brand > .brand-footer {
  box-shadow: 0px 0.5px 7px #d6d6d6;
  font-size: 1.125rem;
  line-height: 1.5rem;
  padding: 1rem;
  position: relative;
  z-index: 105;
}
.carts .brand > .brand-footer {
	position: absolute;
	bottom:0;
  left:0;
  right:0;
  background-color: #fff;
}
.carts .shopping-cart-empty{
	margin-bottom: 5rem;
	padding-top: 1rem;
	min-height: unset;
}
.carts .shopping-cart-empty img{
	width:200px;
}
.carts .shopping-cart-empty p{
	margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 1rem;
  font-weight: 500;
}
.brand-mask.carts .brand .shopping-cart-label .text-primary{font-size: 1rem;}
.brand-mask.carts .lb-box.tabitem{display: flex;flex-direction: column;min-height: calc(40vh - 7rem);}
.brand-mask.carts .lb-box.tabitem .shopping-cart-body{margin-bottom:6rem;}
.brand-mask.carts .bylist{padding:1rem 0;margin:1rem 0;box-shadow: inset 0 -1px 0 #F5F5F5, inset 0 1px 0 #F5F5F5;}
.brand-mask.carts .bylist:first-child{padding-top:0;margin-top:0;box-shadow: inset 0 -1px 0 #F5F5F5;}
@media (max-width: 1199px) {
  .brand > .brand-footer {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
.brand > .brand-footer .btn {
  border-radius: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.5rem;
  padding: 0.75rem;
  word-break: keep-all;
  white-space: nowrap;
}
@media (max-width: 1199px) {
  .brand > .brand-footer .btn {
    font-size: 1rem;
    line-height: 1.25rem;
    padding: 0.75rem;
  }
}

.brand-node {
  display: flex;
  align-items: stretch;
  font-weight: normal;
  margin: 0;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .brand-node {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.brand-node:first-child {
  padding-top: 1rem;
}
.brand-node:last-child {
  padding-bottom: 1rem;
}
.brand-node:not(:first-child) {
  margin-top: 1rem;
}
.brand-node .brand-node-subtitle {
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
@media (max-width: 1199px) {
  .brand-node .brand-node-subtitle {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.brand-node .brand-interval {
  margin-bottom: 0.5rem;
}
.brand-node .brand-node-image {
  align-self: center;
  position: relative;
}
.brand-node .brand-node-image img {
  border: 1px solid #D2D2D2;
  border-radius: 0.25rem;
  max-width: 160px;
}
@media (max-width: 1199px) {
  .brand-node .brand-node-image img {
    max-width: 120px;
  }
}
.brand-node .brand-node-image::after {
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url("../image/icon/search.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 55%;
  border-radius: 50%;
  content: " ";
  cursor: pointer;
  width: 32px;
  height: 32px;
  position: absolute;
  bottom: 0.25rem;
  right: 0.25rem;
}
.brand-node .noimg.brand-node-image::after {
	display:none
}
@media (max-width: 1199px) {
  .brand-node .brand-node-image::after {
    width: 30px;
    height: 30px;
  }
}
.brand-node .brand-node-thumbnail {
  position: relative;
  max-width:100px;
  width: 100%;
}
.brand-node .brand-node-thumbnail .gimg{
	position: relative;
	width: 100%;
}
.brand-node .brand-node-thumbnail img {
  border: 1px solid #D2D2D2;
  border-radius: 0.25rem;
  max-width: 100px;
}
.brand-node .brand-node-thumbnail[data-play-video]::after {
  background-image: url("../image/icon/playing_s.gif");
  background-repeat: no-repeat;
  background-size: contain;
  content: " ";
  cursor: pointer;
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 1199px) {
  .brand-node .brand-node-thumbnail[data-play-video]::after {
    width: 30px;
    height: 30px;
  }
}
.brand-node .brand-node-thumbnail + .brand-node-content {
  margin-left: 0.5rem;
  margin-right:-0.5rem;
}
@media (max-width: 1199px) {
  .brand-node .brand-node-thumbnail + .brand-node-content {
    margin-left: 0.25rem;
  }
}
.brand-node .brand-node-content {
  display: flex;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  align-items: center;
  padding: 0.5rem 1rem;
  justify-content: space-between;
  width: calc(100% - 4.375rem);
}
.brand-node .brand-node-detail {
  font-size: 1rem;
  width:100%;
}
.brand-node .brand-node-detail *{
	cursor: pointer;
}
@media (max-width: 1199px) {
  .brand-node .brand-node-detail {
    font-size: 0.875rem;
  }
}
.brand-node .brand-node-detail h4 {
  color: #3C3C3C;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
  margin-bottom: 0.5rem;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .brand-node .brand-node-detail h4 {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
.brand-node .brand-node-detail h6 {
  color: #F03246;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
  margin-bottom: 0;
}

.brand-node .brand-node-detail span {
  color: #F03246;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
  margin-bottom: 0;
}

.brand-node .brand-node-detail span.goods-name-text {
	color: #3C3C3C;
}

.brand-node .brand-node-detail .btns .btn{
	  border-radius: 50%;
    width: 2rem;
    height: 2rem;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.brand-node .btns .brand-node-action i{
		font-size:inherit;
}

@media (max-width: 1199px) {
  .brand-node .brand-node-detail h6 {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
  }

  .brand-node .brand-node-detail span {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
  }
}
.brand-node .brand-node-action {
  color: #A0A0A0;
  font-size: 0.875rem;
  letter-spacing: 0.0625rem;
  word-break: keep-all;
}
.brand-node .brand-node-action button {
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  position: relative;
}
.brand-node .brand-node-action button::after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.brand-node .brand-node-action i {
  font-size: 1.5rem;
  line-height: 1.625rem;
  margin-top: 1px;
}
@media (max-width: 1199px) {
  .brand-node .brand-node-action i {
    font-size: 1.5rem;
    line-height: 1.625rem;
  }
}
.brand-node.sold-out .brand-node-content {
  border-radius: 0.25rem;
}
.brand-node.sold-out h4, .brand-node.sold-out h6 {
  color: #3c3c3c;
}

.lb-navbar {
  background-color: #fff;
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: sticky;
  top: 0;
  z-index: 200;
}
@media (max-width: 1199px) {
  .lb-navbar {
    padding: 0.75rem 0;
  }
  .lb-navbar.full {
  	z-index: 2147483645;
  }
}
.lb-navbar.btborder{
	box-shadow: inset 0px -1px 0px #e6e6e6;
}
.lb-navbar .nav-button {
  background-color: #fff;
  color: #A0A0A0;
  font-size: 1.875rem;
  line-height: 1;
  padding: 0.25rem 0.5rem;
}
.lb-navbar .nav-button:hover {
  color: #F03246;
  opacity: 1;
}
.lb-navbar .nav-button.cart[data-num]::before {
  background-color: #F03246;
  border: 1px solid #ffffff;
  border-radius: 50%;
  content: attr(data-num);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.375rem;
  height: 1.375rem;
  position: absolute;
  top: -0.5rem;
  right: 0;
  font-size: 0.875rem;
}
.lb-navbar .dropdown-menu {
  border: none;
  box-shadow: 0px 10px 15px -3px rgb(0 0 0 / 25%);
  margin-top: 2.5rem;
  top: 40px;
}
@media (max-width: 576px) {
  .lb-navbar .dropdown-menu {
    top: 30px;
  }
}
.lb-navbar .dropdown-item {
  align-items: center;
  display: flex;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.lb-navbar .dropdown-item:active h4,.lb-navbar .dropdown-item:active span{
	color:#fff !important;
}
.lb-navbar .dropdown-item:active i.icon-logout{
	background-image: url(../image/icon/logout_white.svg);
}
.lb-navbar .dropdown-item:active i.icon-user-history{
	background-image: url(../image/icon/access_time_white.svg);
}
.lb-navbar .dropdown-item:active i.icon-user-order{
	background-image: url(../image/icon/list_alt_white.svg);
}
.lb-navbar .dropdown-item:active i.icon-user-subscription{
	background-image: url(../image/icon/subscriptions_white.svg);
}
.lb-navbar .dropdown-divider {
  border-color: #f5f5f5;
}

.user-info {
  display: flex;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  cursor: pointer;
  font-size: 0.875rem;
  width: 17rem;
  position: relative;
}
@media (max-width: 1199px) {
  .user-info {
    margin: 1px 0 2px;
  }
}
.user-info::after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.user-info img.user-photo {
  width: 3.75rem;
  border-radius: 50%;
}
.user-info .user-name {
  font-size: 1rem;
  line-height: 1.5rem;
}

.lb-footer {
  background-color: #111827;
  color: #fff;
  display: flex;
  font-size: 0.875rem;
  font-weight: 400;
  flex-direction: row;
  justify-content: center;
  height: 100px;
  position: relative;
  z-index: 10;
}
@media (max-width: 1199px) {
  .lb-footer {
    height: auto;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
.lb-footer > .lb-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1199px) {
  .lb-footer > .lb-content {
    flex-direction: column-reverse;
    text-align: center;
  }
}
.lb-footer .copyright {
  color: #F03246;
  cursor: default;
  display: inline-block;
  margin-right: 5rem;
  text-align: center;
}
@media (max-width: 1199px) {
  .lb-footer .copyright {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    margin-right: 0;
    display: block;
  }
}
.lb-footer .no-border-list {
  color: #fff;
  display: inline-block;
}
@media (max-width: 1199px) {
  .lb-footer .no-border-list {
    display: block;
  }
}
.lb-footer .no-border-list .list-item {
  cursor: pointer;
  color: #fff;
}
.lb-footer .no-border-list .list-item:hover, .lb-footer .no-border-list .list-item:focus {
  color: #F03246;
}
.lb-footer .no-border-list .spacer {
  border-color: #A0A0A0;
  border-style: solid;
  border-width: 0 1px;
  display: inline-block;
  margin: 0 0.5rem;
  width: 1px;
  height: 12px;
}
.lb-footer .footer-selector {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23ffffff' d='M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z'/%3E%3C/svg%3E");
  background-position: right;
  background-size: 0.75rem;
  background-repeat: no-repeat;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-left: 1rem;
  padding: 0.5rem 1.5rem 0.5rem 1rem;
}
.lb-footer .links{display: inline-block;}
@media (max-width: 1199px) {
  .lb-footer .footer-selector {
    margin-left: 0;
  }
  .lb-footer .links{margin-bottom:0.5rem;}
}
.lb-footer .footer-selector:focus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23ffffff' d='M168.5 164.2l148 146.8c4.7 4.7 4.7 12.3 0 17l-19.8 19.8c-4.7 4.7-12.3 4.7-17 0L160 229.3 40.3 347.8c-4.7 4.7-12.3 4.7-17 0L3.5 328c-4.7-4.7-4.7-12.3 0-17l148-146.8c4.7-4.7 12.3-4.7 17 0z'/%3E%3C/svg%3E");
}
.lb-footer .footer-selector > option {
  color: #F03246;
}
.lb-footer .line-button {
  background-color: #00C300;
  border: none;
  border-radius: 0.25rem;
  color: #fff;
  padding: 0.5rem;
}

.lb-footer .facebook-button{
	width:37px;
	margin-right:1rem;
	vertical-align: top;
}

.popup-mask {
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100000000;
}
.popup-mask .popup {
  background-color: #fff;
  border: 1px solid #F5F5F5;
  border-radius: 0.5rem;
  box-shadow: 0px 10px 5px -3px rgba(81, 81, 81, 0.5);
  color: #3C3C3C;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 25rem;
  margin: 0 1.5rem;
  max-height: 100%;
  overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
@media (max-width: 767px),(max-height: 430px) {
	.mobile .login-phone .popup,.mobile .login-other .popup,.mobile .register-phone .popup,.mobile .forget .popup{
		max-width:unset;
    max-height: 85%;
	}
}
.popup-mask.mini .popup{
	width: 320px;
}
.popup-mask.mini .btn-lg, .btn-group-lg > .btn{
	font-size: 1rem;
}
.popup-mask.mini .row .col-6{
	padding: 0 10px;
	margin-top: 0.5rem !important;
}
.popup-mask .popup-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2rem 1.5rem 0.75rem;
}
.popup-mask .popup-header.no-title {
  justify-content: end;
}
.popup-mask .popup-header:first-child {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.popup-mask .popup-body {
  padding: 0.5rem 1.5rem 1.5rem;
  line-height: 1.5rem;
}
.popup-mask .popup-body:last-child {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.popup-mask .popup-footer {
  padding: 1.5rem;
  line-height: 1.5rem;
  box-shadow: inset 0px 1px 0px #F5F5F5;
}
.popup-mask .popup-logo {
  width: 15rem;
  max-width: 100%;
}
.popup-mask .popup-title {
  font-size: 1.5rem;
  line-height: 2.125rem;
  margin-bottom: 0;
}
.popup-mask .popup-body-subtitle {
  text-align: center;
  margin: 1rem 0;
}
.popup-mask .popup-share-group {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  margin-bottom: 1.25rem;
  border-bottom: 1px solid #e9ecef;
  padding-bottom: 0.75rem;
  -webkit-overflow-scrolling:touch;
  overflow-x: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  column-gap: .75rem;
}
.popup-mask .popup-share-group::-webkit-scrollbar {
  display: none;
}
.popup-mask .popup-share-group .popup-share-node {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 19%;
}
.popup-mask .popup-share-group .popup-share-node:hover, .popup-mask .popup-share-group .popup-share-node:focus {
  text-decoration: none;
}
.popup-mask .popup-share-group .social-icon {
  width: 100%;
  max-width: 3rem;
  min-width: 3rem;
}
.popup-mask .popup-share-group .embed{
	display: flex !important;
  align-items: center;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  color:#fff;
  background-color:#3C3C3C;
  border-radius: 50%;
  font-size: 1.5rem;
}

.popup-mask .popup-share-group .share-tip {
  color: #3C3C3C;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.5rem;
  text-align: center;
  margin-top: 0.25rem;
  margin-bottom: 0;
}
.popup-mask .popup-share-link,.popup-mask .popup-share-code {
  background: #F5F5F5;
  border: 1px solid #D2D2D2;
  border-radius: 0.25rem;
  color: #3C3C3C;
  display: block;
  line-height: 1.5rem;
  padding: 0.75rem 1rem;
  width: 100%;
  position: relative;
  overflow: hidden;
  font-size: .875rem;
  padding-right: 3.5rem;
  white-space: nowrap;
}
.popup-mask .popup-share-link::before {
  content: attr(data-text);
  color: #F03246;
  cursor: pointer;
  position: absolute;
  top: 50%;
  padding: 0 0.75rem;
  right: 0;
  transform: translateY(-50%);
  background-color: #F5F5F5;
  line-height: 2.5;
  font-size: 1rem;
}
.popup-mask .popup-share-link span{
	display: block;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.popup-mask .popup-share-link span::-webkit-scrollbar{
	display: none;
}
.popup-mask .popup-share-code{
	background: #fff;
	padding: 0.75rem 1rem;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  white-space: normal;
  user-select: text;
  max-height: 20vh;
  overflow-y: auto;
}

.popup-mask .embed-code .tabbox .input{
	border: 1px solid #D2D2D2;
	width:50px;
	border-radius: 0.25rem;
	padding: 0.3rem 0.6rem;
}
.popup-mask .popup-horizontal {
  border-color: #D2D2D2;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  position: relative;
}
.popup-mask .popup-horizontal::after {
  background-color: #fff;
  content: attr(data-text);
  color: #D2D2D2;
  font-size: 1rem;
  padding: 0 0.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.popup-mask .popup-text {
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: 0.02em;
  text-align: left;
  margin-bottom: 0;
}
.popup-mask .popup-policy {
  color: #A0A0A0;
  font-size: 0.875rem;
  line-height: 1.5rem;
  text-align: center;
  margin-top: 2rem;
}
.popup-mask .popup-policy a {
  color: #A0A0A0;
  text-decoration: none;
}
.popup-mask .popup-policy a:hover {
  color: #F03246;
}
.popup-mask .popup-confirm-group {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.popup-mask .popup-confirm-group .confirm-input {
  border: 1px solid #A0A0A0;
  border-radius: 0.25rem;
  color: #3C3C3C;
  display: inline-block;
  font-size: 1.5rem;
  line-height: 2.125rem;
  outline: none;
  text-align: center;
  padding: 0.5rem 1rem;
  width: 3.125rem;
}
.popup-mask .popup-confirm-group .confirm-input::-webkit-outer-spin-button, .popup-mask .popup-confirm-group .confirm-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.popup-mask .popup-confirm-group .confirm-input[type=number] {
  -moz-appearance: textfield;
}
.popup-mask .popup-confirm-group .confirm-input:focus,.popup-mask .popup-confirm-group .confirm-input.err {
  border-color: #F03246;
}
.popup-mask .popup-confirm-group.error .confirm-input {
  border-color: #E86C6C;
  color: #E86C6C;
}
.popup-mask .popup-confirm-error {
  color: #E86C6C;
  font-size: 0.875rem;
  text-align: center;
}
.popup-mask strong {
  font-weight: 500;
}
.popup-mask small {
  font-size: 0.875rem;
}

@media (max-width: 1199px) {
  .popup-mask .popup-header {
    padding: 1.5rem 1.5rem 0.75rem;
  }
  .popup-mask .popup-body {
    padding: .5rem 1rem 1rem;
    line-height: 1.5rem;
  }
  .popup-mask .popup-footer {
    padding: 1rem;
    line-height: 1.5rem;
  }
  .popup-mask .popup-policy{
  	margin-top: 1.5rem;
  }
  .popup-mask .popup-share-group {
    row-gap: 1rem;
  }
  .popup-mask .popup-share-group .social-icon {
    max-width: 3rem;
    min-width: 3rem;
  }
  .popup-mask .popup-horizontal {
  	margin:1rem 0;
  }
  .popup-mask .popup-share-group .embed {
  	font-size: 1.25rem;
  }
}
@media (max-width: 767px) {
	.popup-mask .popup-header { padding: 1.25rem 1.25rem 0.5rem; }
	.popup-mask .popup-logo { width: 12rem; }
	.popup-mask .popup-body-subtitle { font-size: 1.25rem; }
	.popup-mask .text-center { font-size: 0.9375rem; }

	.popup-mask .popup-horizontal::after { font-size: 0.875rem; }
	.popup-mask .btn-lg, .popup-mask .btn-group-lg > .btn { font-size: 1rem; }
	.popup-mask .popup-text { font-size: 0.75rem;}
	.popup-mask .popup-policy { margin-top: 1rem; font-size: 0.75rem; }
	.popup-body .lb-input-tip.default { font-size: 0.875rem; }
	.popup-body .line-login-button img{width:16px;}
	.popup-mask .telegram-login-button,.popup-body .facebook-login-button { font-size: 1rem; padding: 0.75rem; }
	.popup-body .telegram-login-button img{width:16px;}
	.popup-body .facebook-login-button img{width:16px;}
}

.product-banner {
  align-items: stretch;
  background-color: rgba(34, 34, 34, 0.64);
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
  display: flex;
  overflow: hidden;
}
.product-banner:hover {
  text-decoration: none;
}
.product-banner .product-thumbnail {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0.25rem 0 0 0.25rem;
  width: 4.375rem;
  min-width: 4.375rem;
  position: relative;
}
.product-banner .product-thumbnail::after {
  background: linear-gradient(0deg, #323232 0%, rgba(50, 50, 50, 0) 100%);
  border-bottom-left-radius: 0.25rem;
  content: attr(data-text);
  color: #fff;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-size: 0.875rem;
  line-height: 1.125rem;
  height: 2.5rem;
  padding-bottom: 0.5rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.video-grid .product-banner .product-thumbnail::after {font-size: 0.8125rem;}
.product-banner .product-thumbnail.out::after {
	background: transparent;
}
.product-banner .product-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.5rem 0.625rem;
  flex-grow: 1;
  position: relative;
  line-height: 1;
}
.product-banner .product-title {
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 0.875rem;
  line-height: 1.5;
  margin-bottom: 0;
  overflow: hidden;
  height: 2.64rem;
  word-break: break-all;
}
.product-banner .product-price {
  color: #F03246;
  font-size: 0.875rem;
  line-height: 1.05;
  margin-bottom: 0;
  font-weight: 700;
}

.lb-counts::before {
  content: "(";
}
.lb-counts::after {
  content: ")";
}

i.icon {
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 1.125rem;
  height: 1.125rem;
}
i.icon[data-size="2"] {
  width: 1.5rem;
  height: 1.5rem;
}
i.icon[data-size="3"] {
  width: 1.75rem;
  height: 1.75rem;
}
i.icon[data-size="4"] {
  width: 2rem;
  height: 2rem;
}
i.icon[data-size="5"] {
  width: 2.25rem;
  height: 2.25rem;
}
i.icon[data-size="6"] {
  width: 2.5rem;
  height: 2.5rem;
}
i.icon[data-size="7"] {
  width: 2.75rem;
  height: 2.75rem;
}
i.icon[data-size="8"] {
  width: 3rem;
  height: 3rem;
}

.icon-account-box{
  background-image: url("../image/icon/account_box.svg");
}

.icon-account-box-active {
  background-image: url("../image/icon/account_box_active.svg");
}

.icon-user-order {
  background-image: url("../image/icon/list_alt.svg");
}

.icon-user-order-active {
  background-image: url("../image/icon/list_alt_active.svg");
}

.icon-user-history {
  background-image: url("../image/icon/access_time.svg");
}

.icon-user-history-active {
  background-image: url("../image/icon/access_time_active.svg");
}

.icon-user-subscription {
  background-image: url("../image/icon/subscriptions.svg");
}

.icon-user-subscription-active {
  background-image: url("../image/icon/subscriptions_active.svg");
}

.icon-logout {
  background-image: url("../image/icon/logout.svg");
}

.icon-trash {
  background-image: url("../image/icon/trash.svg");
}

.icon-play-circle {
  background-image: url("../image/icon/play_circle_outline.svg");
  vertical-align: middle;
}

.icon-store {
  background-image: url("../image/icon/store.svg");
  vertical-align: middle;
}
.shopping-store-name .fa-chevron-right{
	vertical-align: middle;
}
.icon-service-chat {
  background-image: url("../image/icon/service_chat.svg");
}

.icon-service-chat-w {
  background-image: url("../image/icon/service_chat_w.svg");
}

.icon-user-alt {
  background-image: url("../image/icon/account_box.svg");
}

.icon-cart-bag {
  background-image: url("../image/icon/local_mall.svg");
}

.icon-volume-mute {
  background-image: url("../image/icon/volume_mute.svg");
}

.icon-volume-off {
  background-image: url("../image/icon/volume_off.svg");
}

.icon-volume-up {
  background-image: url("../image/icon/volume_up.svg");
}

.icon-share {
  background-image: url("../image/icon/share.svg");
}

.icon-share-r {
  background-image: url("../image/icon/share_r.svg");
}
.btn-outline-primary:hover .icon-share-r{
	background-image: url("../image/icon/share.svg");
}

.icon-share-b {
  background-image: url("../image/icon/share_b.png");
}

.icon-cc {
  background-image: url("../image/icon/cc.svg");
}

.icon-cc-dis {
  background-image: url("../image/icon/cc_dis.svg");
}

.icon-cc-close {
  background-image: url("../image/icon/cc_close.svg");
}

.icon-more {
  background-image: url("../image/icon/more.svg");
}

.icon-refresh {
  background-image: url("../image/icon/refresh.svg");
}

.icon-video {
  background-image: url("../image/icon/video.svg");
}

.icon-hot {
  background-image: url("../image/icon/hot.svg");
}

.icon-heart {
  background-image: url("../image/icon/heart.svg");
}

.icon-heart-active {
  background-image: url("../image/icon/heart_active.svg");
}

.lb-input-group {
  align-items: stretch;
  background-color: #fff;
  display: flex;
  border: 1px solid #A0A0A0;
  border-radius: 0.5rem;
  flex-direction: row;
  margin-bottom: 1rem;
}
.lb-input-group.focus {
	border-color:#3C3C3C
}
.lb-input-group.err {
	border-color:#E86C6C
}
.lb-input-group > .lb-input-icon {
  align-items: center;
  background-color: transparent;
  border: none;
  display: inline-flex;
  justify-content: center;
  line-height: 1.5rem;
  outline: none;
  padding: 0.75rem 0;
  width: 3rem;
  color:#3C3C3C;
}
@media (max-width: 1199px) {
  .lb-input-group > .lb-input-icon {
    width: 2.5rem;
  }
}
.lb-input-group .lb-input {
  background-color: transparent;
  border: none;
  color: #3C3C3C;
  flex: 1;
  line-height: 3rem;
  outline: none;
  padding: 0;
  width: 1%;
  vertical-align: middle;
  border-radius: 0.5rem;
}
.lb-input-group .lb-input:only-child {
  padding: 0.75rem 1rem;
}
.lb-input-group .lb-input-tip {
  border-right: 1px solid #A0A0A0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.5rem;
  margin: 0.5rem 0.5rem 0.5rem 0;
  padding: 0 0.5rem;
}
.lb-input-group .lb-input-tip:last-child {
  border-right: none;
  border-left: 1px solid #A0A0A0;
  margin-right: 0;
}
.lb-input-group + .lb-input-tip {
  color: #A0A0A0;
}
.popup-body .lb-input-tip.err {
	color:#E86C6C;
	font-size: 0.875rem;
	margin-top: -0.75rem;
	margin-bottom: 0.75rem;
}
.popup-body .lb-input-tip.default{
	margin-top: -0.75rem;
}
.amount-input-group {
  display: flex;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  align-items: center;
  min-width: 6rem;
}
@media (max-width: 1199px) {
  .amount-input-group {
    -webkit-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
    font-size: 0.875rem;
  }
}
.amount-input-group .amount-group-number {
  color: #F03246;
  font-size: 1.125rem;
}

.lb-loading {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.9);
  background-image: url("../image/background/livebuy-loading.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 80px;
  display: flex;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100vw;
  height: 100%;
}
.loading .lb-loading{
	background-color: transparent;
}

.lb-radio-list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 0.5rem;
  -webkit-column-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}
.lb-radio-list .lb-radio-node {
  margin: 0;
}
.lb-radio-list .lb-radio-node.dis .lb-radio-label{
  color: #A0A0A0;
}
.lb-radio-list .lb-radio-label {
  background: #F5F5F5;
  border: 1px solid #F5F5F5;
  border-radius: 0.5rem;
  color: #3C3C3C;
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  margin-bottom: 0;
  padding: 0.75rem 1rem;
}
@media (max-width: 1199px) {
  .lb-radio-list .lb-radio-label {
    font-size: 0.825rem;
    padding: 0.5rem 0.75em;
  }
}
.lb-radio-list input[type=radio] {
  display: none;
  position: relative;
}
.lb-radio-list input[type=radio]:checked + .lb-radio-label,.lb-radio-list .lb-radio-node.active .lb-radio-label{
  border-color: #F03246;
  color: #F03246;
}

.lb-language-list {
  display: flex;
  flex-direction: column;
}
.lb-language-list > .lb-list-node {
  box-shadow: 0px 1px 0px #D5D5D5;
  cursor: pointer;
  display: block;
  margin-bottom: 0;
}
.lb-language-list > .lb-list-node:hover {
  background-color: #f5f5f5;

}



.lb-language-list > .lb-list-node input[type=radio] {
  display: none;
}
.lb-language-list > .lb-list-node input[type=radio]:checked + .lb-radio-label {
  color: #F03246;
}
.lb-language-list > .lb-list-node input[type=radio]:checked + .lb-radio-label::before {
  background-color: #F03246;
  border-radius: 50%;
  content: " ";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 0.625rem;
  transform: translateY(-50%);
}
.lb-language-list > .lb-list-node input[type=radio]:checked + .lb-radio-label::after {
  border-color: #fff;
  border-style: solid;
  border-width: 0 0 2px 2px;
  content: "";
  position: absolute;
  top: 40%;
  right: 13.5px;
  transform: rotate(-45deg);
  width: 13px;
  height: 7px;
}
.lb-language-list .lb-radio-label {
  display: block;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.5rem;
  position: relative;
}

.scrollbar {
  overflow-y: auto;
  scrollbar-color: #F03246 #ced4da;
  scrollbar-width: none;
}
.scrollbar::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #ced4da;
  border-radius: 0.3rem;
  display: none;
}
.scrollbar::-webkit-scrollbar-thumb {
  background-color: #F03246;
  border-radius: 0.3rem;
  display: none;
}

.lb-tabs {
  display: flex;
  -webkit-column-gap: 2rem;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.lb-tabs .tab {
  border-color: transparent;
  border-style: solid;
  border-width: 0 0 3px 0;
  color: #A0A0A0;
  cursor: pointer;
  padding-bottom: 0.75rem;
}
.lb-tabs .tab a{color: #A0A0A0;}
.lb-tabs .tab.active {
  border-color: #F03246;
  color: #F03246;
  font-weight: 500;
}
.lb-tabs .tab:hover {
  color: #3C3C3C;
}
.lb-tabs .tab.active:hover {
	color: #F03246;
	font-weight: 500;
}

body {
  background-color: #F5F5F5;
  color: #3C3C3C;
  display: flex;

  font-style: normal;
  font-weight: 400;
  flex-direction: column;
  justify-content: space-between;
}

h1, h2, h3, h4, h5, h6 {
  color: #3C3C3C;
  cursor: default;
  font-weight: 500;
}
.notfound h2{
	text-align: justify;
}

div, p {
  cursor: default;
}

p {
  margin-bottom: 0.5rem;
}

main {
  flex-grow: 1;
}

select {
  outline: none;
}

ul:not([class]) {
  list-style: none;
  padding-left: 1.5rem;
}
ul:not([class]) > li:not([class]) {
  position: relative;
}
ul:not([class]) > li:not([class])::before {
  background-color: black;
  border-radius: 50%;
  content: " ";
  width: 3.5px;
  height: 3.5px;
  position: absolute;
  left: -0.75rem;
  top: 0.75rem;
  transform: translateX(-50%);
}

a[disabled] {
  color: #A0A0A0;
  cursor: not-allowed;
  text-decoration: none;
}

[data-icon] {
  position: relative;
}
[data-icon]::after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

[data-action] {
  cursor: pointer;
}

.error-page {
  height: 100vh;
}
.error-page main {
  text-align: center;
  padding: 3rem;
}
@media (max-width: 1199px) {
  .error-page main {
    padding: 1.5rem;
  }
}
.error-page main img {
  max-width: 100%;
}
@media (orientation: landscape) {
  .error-page main img {
    max-width: 50%;
  }
}
.error-page main > h2 {
  text-align: center;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.social-media-group {
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}
.social-media-group[data-group="1"] {
  display: flex;
}
@media (max-width: 1199px) {
  .social-media-group[data-group="1"] {
    display: none;
  }
}
.social-media-group[data-group="2"] {
  display: none;
}
@media (max-width: 1199px) {
  .social-media-group[data-group="2"] {
    display: flex;
  }
}
.social-media-group .social-media-button {
  border-radius: 50%;
  display: inline-block;
}
.social-media-group .social-media-button:hover {
  transform: scale(1.05);
}
.social-media-group .social-media-button img {
  width: 40px;
  height: 40px;
}
.social-media-group .social-media-button.card {
  width: 40px;
  height: 40px;
  background-color: #A0A0A0;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
}

.channel-banner {
  background-color: #E6E6E6;
  justify-content: end;
  height: 22.5rem;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1;
}
.channel-banner .swiper{
	width:100%;
	height:100%;
}
@media (max-width: 1199px) {
  .channel-banner {
    height: 12rem;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .channel-banner {
    height: 8rem;
  }
}
.channel-banner::after {
  content: " ";
  height: 7.125rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5;
}
.channel-banner .channel-banner-filter {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  opacity: 1;
}
.channel-banner .channel-banner-filter::after {
  background-color: rgba(0, 0, 0, 0.5);
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
}
.channel-banner .channel-banner-image {
  background-image: url("../image/background/channel_banner_default.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 4;
}
.channel-banner .channel-banner-image[data-image-src] {
  background-size: auto 100%;
}
.channel-banner .lb-content {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  position: absolute;
  bottom:1rem;
  z-index: 10;
}
@media (max-width: 1199px) {
  .channel-banner .lb-content {
    justify-content: center;
    display:none
  }
  .channel-banner::after{
  	height:0;
  }
}

.channel-user-image {
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 3px solid #fff;
  border-radius: 50%;
  width: 165px;
  height: 165px;
  transform: translateY(-30%);
  position: absolute;
  z-index: 5;
}
@media (max-width: 1199px) {
  .channel-user-image {
    margin-bottom: -30px;
    position: relative;
    left: 50%;
    transform: translate(-50%, -30%);
    width: 120px;
    height: 120px;
  }
}

.channel-detail {
  background-color: #fff;
}
.channel-detail .channel-info {
  margin-left: 165px;
  padding-top: 1.75rem;
  padding-bottom: 2rem;
  padding-left: 2rem;
}
@media (max-width: 1199px) {
  .channel-detail .channel-info {
    align-items: center;
    row-gap: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    padding: 0 0 2rem;
  }

}

.channel-detail .channel-title {
  font-size: 1.5rem;
  line-height: 2.125rem;
  margin-bottom: 54.3279px;
}
@media (max-width: 1199px) {
  .channel-detail .channel-title {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.channel-detail .channel-subtitle {
  color: #F03246;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
@media (max-width: 1199px) {
  .channel-detail .channel-subtitle {
    align-self: flex-start;
    margin-top: 1rem;
    margin-bottom: -0.5rem;
  }
}
.channel-detail .channel-introduce {
  font-size: 1rem;
  line-height: 1.5rem;
  align-self: flex-start;
}
.channel-detail .intro{
	align-self: flex-start;
  width: 100%;
}
.channel-detail .intro .more a{
	color: #A0A0A0;
}
.channel-detail .channel-btn-group {
  display: flex;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  padding-top: 1rem;
  position: absolute;
  top: 0;
  right: 15px;
}
@media (max-width: 1199px) {
  .channel-detail .channel-btn-group {
    justify-content: center;
    padding-top: 0;
    position: relative;
    top: 0;
    right: 0;
    column-gap: 0.5rem;
  }
}
.channel-detail .channel-btn-group .share-button {
  background-color: #fff;
  border-color: #F03246;
  border-radius: 50%;
  color: #F03246;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
}
.channel-detail .channel-button {
  border-width: 1px;
  border-style: solid;
  border-radius: 50rem;
  display: inline-block;
  text-align: center;
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
  position: relative;
}
.channel-detail .channel-button::after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.channel-detail .channel-button i {
  font-size: 1.25rem;
}
.channel-detail .channel-button.subscribe {
  background-color: #fff;
  border-color: #F03246;
  color: #F03246;
}
.channel-detail .channel-button.subscribe:hover, .channel-detail .channel-button.subscribe:focus {
  background-color: #F03246;
  color: #fff;
}
.channel-detail .channel-button.unsubscribe {
  background-color: #F5F5F5;
  border-color: #F5F5F5;
  color: #A0A0A0;
}
.channel-detail .channel-button.unsubscribe:hover, .channel-detail .channel-button.unsubscribe:focus {
  background-color: #A0A0A0;
  color: #fff;
  border-color: #A0A0A0;
}
.channel-detail .channel-button.services {
  background-color: transparent;
  border: 1px solid #A0A0A0;
  color: #3C3C3C;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  padding:0;
  width: 40px;
  height: 40px;
}
.channel-detail .channel-button.services:hover {
	background-color: #f5f5f5;
}

.lb-main {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (max-width: 1199px) {
  .lb-main {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.lb-main > .control-bar {
  display: flex;
  justify-content: space-between;
  padding-bottom: 1rem;
}
@media (max-width: 1199px) {
  .lb-main > .control-bar {
    padding-top: 1rem;
  }
}
.lb-main .grid-switch {
  color: #A0A0A0;
}
.lb-main .grid-switch input[type=radio] {
  display: none;
}
.lb-main .grid-switch label.checked {
  color: #3C3C3C;
  font-weight: 500;
  opacity: 1 !important;
}
.lb-main .grid-switch label {
  cursor: pointer;
  line-height: 1.5rem;
  margin: 0;
  opacity: 1;
}
.lb-main .grid-switch label:hover {
  opacity: 0.5;
}
.lb-main .grid-switch .spacer {
  border-color: #A0A0A0;
  border-style: solid;
  border-width: 0 1px;
  display: inline-block;
  margin: 0 0.5rem;
  width: 1px;
  height: 12px;
}

.video-grid {
  display: flex;
  flex-wrap: wrap;
  row-gap: 1rem;
  margin: 0 -15px 2rem;
}
.video-grid .empty{
	padding-left:15px;
}
.video-node {
  border-radius: 0.5rem;
  cursor: pointer;
  position: relative;
}
.video-node::after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
}
.video-node:hover, .video-node:focus {
  text-decoration: none;
}
.video-node .video-thumbnail {
  background-color: #F5F5F5;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0.5rem;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.25);
  padding-bottom: 173.3333%;
  position: relative;
}
.video-node .video-play {
  background-image: url("../image/icon/playing_s.gif");
  background-size: contain;
  background-repeat: no-repeat;
  display: none;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  z-index:10;
}
.video-node.off-stream .video-play {
  display: inline-block;
}
.video-node .video-pin {
	position: absolute;
  top: 11.5px;
  left: 1rem;
  z-index:10;
  font-size: 1.125rem;
  filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.25));
  color: #fff;
}
.video-node.on-stream .video-pin {
  display: none;
}
.video-node .video-live {
  background-color: #F03246;
  border-radius: 0.25rem;
  color: #fff;
  cursor: default;
  display: none;
  font-size: 0.75rem;
  line-height: 1.25rem;
  padding: 0.25rem 0.5rem;
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index:10;
}
@media (max-width: 1199px) {
  .video-node .video-live {
    font-size: 0.75rem;
    font-weight: normal;
    line-height: 1rem;
  }
}
.video-node .video-watching {
  background-color: rgba(0, 0, 0, 0.3);
  border: none;
  border-radius: 50rem;
  color: #fff;
  cursor: default;
  display: none;
  font-size: 0.75rem;
  line-height: 1.25rem;
  padding: 0.25rem 0.5rem;
  position: absolute;
  top: 1.125rem;
  right: 1rem;
  z-index:10;
}
.goods-grid .video-node .video-live{
	font-size: 0.75rem;
  font-weight: normal;
  line-height: 1rem;
}
@media (max-width: 1199px) {
  .video-node .video-watching {
    font-size: 0.75rem;
    font-weight: normal;
    line-height: 1rem;
  }
}
@media (max-width: 767px) {
  .video-node .video-live {
    top: 0.5rem;
    left: 0.5rem;
  }
  .goods-grid .video-node .video-live {
    top: 1rem;
  }
  .video-node .video-watching {
  	top: 0.6rem;
  	right: 0.5rem;
  }
}
.video-node.on-stream .video-live {
  display: block;
}
.video-node.on-stream .video-watching {
  display: block;
  filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.25));
}
.video-node .video-introduce {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #3C3C3C;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.75rem;
  text-align: left;
  margin-top: 1rem;
  overflow: hidden;
  word-break: break-all;
}
@media (max-width: 1199px) {
  .video-node .video-introduce {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
@media (max-width: 767px) {
  .video-node .product-thumbnail {
    width: 2.5rem;
    min-width: 2.5rem;
  }
  .video-node .product-thumbnail::after {
    display: none;
  }
}
.video-node .product-banner {
  position: absolute;
  bottom: .5rem;
  left: .5rem;
  right: .5rem;
  z-index: 1;
}
@media (max-width: 1199px) {
  .video-node .product-info {
    padding: 0.125rem 0.25rem;
  }
}
@media (max-width: 767px) {
  .video-node .product-title {
    font-size: 0.75rem;
    line-height: 1rem;
    -webkit-line-clamp: 1;
    height: auto;
  }
}
@media (max-width: 1199px) {
  .video-node .product-price {
    font-size: 0.75rem;
    line-height: 28px;
  }
}
.video-node .preview{
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	overflow: hidden;
	border-radius: 0.5rem;
	display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.video-node .preview > div:first-child{
	width:105% !important;
	height:105% !important;
}
.video-node .preview video,.video-node .preview .vjs-live{
	width:100%;
	height:100%;
}
.video-node .preview .vjs-live video{
	height: 103%;
}
.video-node .video-thumbnail .mask{
	position: absolute;
  color: #fff;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  background: rgba(34, 34, 34, 0.64);
  line-height: 1.5;
  font-size: 1rem;
  border-radius: 0.5rem;
}
.video-node .video-thumbnail .mask p{
	font-size: 2.25rem;
	font-weight: 700;
	filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.25));
}
.video-node .video-thumbnail .mask span{
	filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.25));
}
.video-node .product-list{
  position: absolute;
  bottom: 0.5rem;
  left: 0.5rem;
  right: 0.5rem;
  z-index: 101;
  display: flex;
  overflow: hidden;
}
.video-node .product-list .product-banner{
  position: static;
}
.video-node .product-list .run{
  display:none;
}
.video-node .product-list .run.slick-initialized{
  display:block;
}
@media (max-width: 1199px) {
  .video-node .video-thumbnail .mask{
  	font-size: 0.75rem;
  }
  .video-node .video-thumbnail .mask p {
    font-size: 1.5rem;
  }
}

.link-card-page {
  min-height: 100vh;
}

.link-card-main {
  align-items: center;
  color: #3C3C3C;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.link-card-main .icon-facebook,.link-card-main.dark-theme .link-card-node.light-opaque .icon-facebook {
  background-image: url("../image/icon/Facebook_b.svg");
}
.link-card-main .icon-line,.link-card-main.dark-theme .link-card-node.light-opaque .icon-line {
  background-image: url("../image/icon/Line_b.svg");
}
.link-card-main .icon-instagram,.link-card-main.dark-theme .link-card-node.light-opaque .icon-instagram {
  background-image: url("../image/icon/Instagram_b.svg");
}
.link-card-main .icon-youtube,.link-card-main.dark-theme .link-card-node.light-opaque .icon-youtube {
  background-image: url("../image/icon/Youtube_b.svg");
}
.link-card-main .icon-twitter,.link-card-main.dark-theme .link-card-node.light-opaque .icon-twitter {
  background-image: url("../image/icon/Twitter_b.svg");
}
.link-card-main.dark-theme {
  background-color: #3C3C3C;
  color: #fff;
}
.link-card-main.dark-theme .link-card-title,
.link-card-main.dark-theme .link-card-introduce,
.link-card-main.dark-opaque .link-card-title,
.link-card-main.dark-opaque .link-card-introduce {
  color: #fff;
}
.link-card-main.dark-theme .light-opaque .link-card-title,
.link-card-main.dark-theme .light-opaque .link-card-introduce{
  color: #3C3C3C;
}
.link-card-main.dark-opaque .link-card-node.shadow {
  background-color: #3C3C3C;
}
.link-card-main.dark-theme .link-card-node.light-opaque {
  background-color: #ffffff;
}
.link-card-main.dark-theme .link-card-node.dark-transparent {
  background-color: rgba(80, 80, 80, 1);
}
.link-card-main.dark-theme .icon-facebook,.link-card-main.dark-opaque .icon-facebook {
  background-image: url("../image/icon/Facebook_w.svg");
}
.link-card-main.dark-theme .icon-line,.link-card-main.dark-opaque .icon-line {
  background-image: url("../image/icon/Line_w.svg");
}
.link-card-main.dark-theme .icon-instagram,.link-card-main.dark-opaque .icon-instagram {
  background-image: url("../image/icon/Instagram_w.svg");
}
.link-card-main.dark-theme .icon-youtube,.link-card-main.dark-opaque .icon-youtube {
  background-image: url("../image/icon/Youtube_w.svg");
}
.link-card-main.dark-theme .icon-twitter,.link-card-main.dark-opaque .icon-twitter {
  background-image: url("../image/icon/Twitter_w.svg");
}

.link-card-banner {
  background-color: transparent;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 300px;
  position: relative;
}
.link-card-banner::after {
	content: " ";
	position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
}
@media (max-width: 1199px) {
  .link-card-banner {
    background-size: cover;
    height: 150px;
  }
}
.link-card-banner + .link-card-node {
  margin-top: calc(-62.5px - 2rem);
}

.link-card-node {
  align-items: center;
  background-color: transparent;
  border-radius: 1rem;
  color: #3C3C3C;
  row-gap: 0.75rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2rem;
  width: 100%;
  max-width: 33.75rem;
  margin-top: 2rem;
  margin-bottom: 3rem;
  position: relative;
  z-index: 10;
}
@media (max-width: 1199px) {
  .link-card-node {
    border: none;
    border-radius: unset;
    row-gap: 0.75rem;
    margin-bottom: 0;
  }
}
.link-card-node.shadow,.link-card-node.light-opaque,.link-card-node.dark-transparent {
  background-color: rgba(255, 255, 255, 1);
  width: 90%;
  margin-bottom:2rem;
  border-radius: .5rem;
}

.link-card-image {
  max-width: 120px;
  max-height: 120px;
  border-radius: 50%;
}

.link-card-title {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 0;
  width: 100%;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align: center;
}

.link-card-introduce {
  text-align: center;
  word-break: normal;
  white-space: pre-line;
  word-break: break-all;
}
@media (max-width: 1199px) {
  .link-card-introduce {
    font-size: 0.875rem;
  }
}

.link-card-social-media {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  font-size:1.875rem;
  color:#ffffff;
}
.link-card-social-media a{
	color:#3C3C3C;
}

.link-card-social-item:hover {
  text-decoration: none;
  opacity: 0.8;
}

.link-card-btn-group {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  width: 100%;
}
@media (max-width: 1199px) {
  .link-card-btn-group {
    row-gap: 0.75rem;
  }
}

.link-card-btn {
  background-color: #E6E6E6;
  border-color: #E6E6E6;
  border-radius: 0.5rem;
  border-style: solid;
  border-width: 1px;
  color: #3C3C3C;
  font-size: 1.125rem;
  font-weight: 500;
  text-align: center;
  padding: 1rem;
  word-break: break-all;
}
@media (max-width: 1199px) {
  .link-card-btn {
    font-size: 1rem;
    padding: 0.75rem 1rem;
  }
}
.link-card-btn.line-type-red {
  background-color: transparent;
  border-color: #F03246;
  color: #F03246;
}
.link-card-btn.line-type-black {
  background-color: transparent;
  border-color: #3C3C3C;
  color: #3C3C3C;
}
.link-card-btn.full-type-red {
  background-color: #F03246;
  border-color: #F03246;
  color: #fff;
}
.link-card-btn.line-type-yellow {
  background-color: transparent;
  border-color: #FEF08A;
  color: #FEF08A;
}
.link-card-btn.full-type-yellow {
  background-color: #FEF08A;
  border-color: #FEF08A;
  color: #3C3C3C;
}
.link-card-btn.line-type-green {
  background-color: transparent;
  border-color: #99F6E4;
  color: #99F6E4;
}
.link-card-btn.full-type-green {
  background-color: #99F6E4;
  border-color: #99F6E4;
  color: #3C3C3C;
}
.link-card-btn.line-type-white {
  background-color: transparent;
  border-color: #FFFFFF;
  color: #FFFFFF;
}
.link-card-btn.full-type-white {
  background-color: #fff;
  border-color: #fff;
  color: #3C3C3C;
}
.link-card-btn.noback{
	background-color: transparent;
	border-color: transparent;
	text-align: center;
	font-weight: 700;
	line-height: 1.5;
	padding: 0;
	margin: 1.75rem 0 1rem 0;
}
.dark-transparent .link-card-btn.noback{color: #fff;}
@media (max-width: 1199px){
	.link-card-btn.noback{
		margin: 0.75rem 0 0 0;
	}
}

.link-card-footer {
  align-items: center;
  background-color: #111827;
  display: flex;
  justify-content: center;
  height: 5.25rem;
}

.video-background {
  background-color: #000;
}
.video-background .wrap{
	text-align:center;
}

.video-frame {
  background-color: #F5F5F5;
  margin: 0 auto;
  max-width: 100%;
  position: relative;
}
.video-frame > video {
  padding: 0;
  margin-bottom: -5px;
  margin-left: auto;
  margin-right: auto;
  width: auto;
}
@media (min-width: 1200px) {
  .video-frame > video {
    max-height: 100vh !important;
    max-width: unset !important;
  }
}
@media (orientation: landscape) {
  .video-frame > video {
    max-height: 250vh;
    max-width: 500px;
  }
}
@media (orientation: portrait) {
  .video-frame > video {
    max-height: 100vh;
  }
}
.hide-background{background-image:none !important;}
.video-frame .video-header {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  height: 20vh;
  padding: 1rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index:100;
}
.video-frame .video-header .livebuy-logo {
  max-height: 1.875rem;
}
.video-frame .live-info .marquee{
  display: block;
  overflow: hidden;
}
.video-frame .live-info .marquee .tdf1{
  white-space: nowrap;
  overflow: unset;
  text-overflow: unset;
}
.video-frame .live-info .marquee .tdf1 .marquee-txt{
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
}
.video-frame .live-info .marquee .tdf1 .marquee-txt+.marquee-txt{
    margin-left: 40px;
}
.video-frame .live-info .marquee .marquee_animation_show{
    animation: marquee_animation linear forwards
}

@keyframes marquee_animation{
    0% {
        transform: translateX(0) translateX(0)
    }

    100% {
        transform: translateX(-100%) translateX(-40px)
    }
}
.lbvideo .live-info {
  display: flex;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  margin-top: 0.75rem;
  width: 100%;
  overflow: hidden;
  align-items: center;
}
@media (max-width: 1199px) {
  .video-frame .live-info {
    margin-top: 0.75rem;
  }
}
.lbvideo .video-broadcaster {
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #fff;
  border-radius: 50%;
  display: inline-block;
  width: 48px;
  min-width: 48px;
  height: 48px;
  position: relative;
}
.lbvideo .video-broadcaster .subscribe{
	padding: 0;
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: .7rem;
  text-align: center;
  line-height: 1.2rem;
  border:0;
}
.lbvideo .video-broadcaster .subscribed{
	color: #F03246;
  border-color: #fff;
  background-color: #fff;
}
.lbvideo .video-introduce {
  color: #fff;
  width: calc(100% - 60px);
}
.video-header .live-info .video-introduce {
	filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.25));
}
.lbvideo .video-introduce .video-title {
  color: #fff;
  font-size: 1.125rem;
  margin-bottom: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.3;
}
.lbvideo .video-introduce .video-subtitle {
  color: inherit;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.5rem;
  margin-right: 1rem;
}
.lbvideo .video-introduce .video-subtitle:hover {
  color: inherit;
  text-decoration: none;
}
.lbvideo .video-introduce .btn {
  padding: 0.5rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
  white-space: nowrap;
}
.lbvideo .video-introduce .video-node .video-live {
  display: inline-block;
  position: static;
  height: 1.5rem;
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1rem;
}
.lbvideo .video-introduce .video-node .video-replay {
  background-color: #3C3C3C;
  white-space: nowrap;
}
.lbvideo .video-introduce .video-node .video-watching {
  display: inline-block;
  position: static;
  height: 1.5rem;
  margin-left:.5rem;
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1rem;
  white-space: nowrap;
}
.lbvideo .video-introduce .video-node .video-live,.lbvideo .video-introduce .video-node .video-replay,.lbvideo .video-introduce .video-node .video-watching{
	display: flex;
  align-items: center;
  column-gap: .2rem;
}
.video-frame .video-footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0 1rem 1rem 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index:10;
  flex-wrap: wrap;
  align-content: flex-end;
  background: linear-gradient(0, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
}
.video-frame .video-footer.control-in{bottom:34px;background: transparent;}
.video-frame .video-footer .live-chat-list{padding-bottom:1vh;}
.video-frame .video-footer .live-chat-list .chat{
	max-height: 180px;
	min-height: 100px;
  overflow-x: hidden;
  overflow-y: auto;
  user-select: none;
  touch-action: pan-y !important;
  overscroll-behavior: none;
  overflow-anchor: none;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-mask-image: linear-gradient(transparent, #000 50%);
  mask-image: linear-gradient(transparent, #000 50%);
  position: relative;
  padding-top: 50px;
}
.video-frame .video-footer .live-chat-list .new_tot{cursor: pointer;position: absolute;bottom: 0;left:0;text-align:center;z-index: 12;}
.video-frame .video-footer .live-chat-list .new_tot span{display: inline-block;cursor: pointer;background: #fff;padding: 0.25rem 0.75rem;border-radius: 3rem;color: #F03246;border: 0;font-size: 0.75rem;text-align: center;vertical-align: middle;white-space: nowrap;line-height: 1rem;}
.video-frame .video-footer .live-chat-list .list{
	min-height: 100px;
	display: flex;
	flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-end;
}
.video-frame .video-footer .live-chat-list .chat *{
	touch-action: pan-y !important;
	-webkit-overflow-scrolling: touch;
}
.video-frame .video-footer .live-chat-list .chat::-webkit-scrollbar{
	display:none;
}
.video-frame .video-footer .product-list {
  width:100%;
  height: 5.3125rem;
  overflow: hidden;
  position: relative;
}
.video-frame .video-footer .product-list .close,.video-frame .video-footer .product-list .num{
	position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  color: #fff;
  font-size: 0.75rem;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.7);
  opacity: 1;
}
.video-frame .video-footer .product-list .num{
  right: unset;
  left: 0;
  border-radius: 5px 0;
}
.video-frame .video-footer .product-thumbnail {
  width: 5.3125rem;
  min-width: 5.3125rem;
  height: 5.3125rem;
}
.video-frame .video-footer.clean{
	margin-bottom: 2.5rem;
	background: transparent !important;
}
.video-frame .video-footer.clean > .align-items-end,.video-frame .video-footer.clean > .notices,.video-frame .video-footer.clean > .introduce-panel > :not(.texttrack){
	display: none !important;
}
body.video .video-frame .video-footer.clean > .introduce-panel > .product-list{
	display: block !important;
}
body.video .video-frame .video-footer.clean > .introduce-panel > .product-list.hide{
	display: none !important;
}
.video-frame .video-footer.clean .operation-panel .comment{
	visibility: hidden;
}
.video-frame .introduce-panel {
  width: calc(100% - 4.5rem);
  overflow: hidden;
  max-width: 18.75rem;
}
.video-frame .video-footer .message {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 1rem;
  color: attr(data-color);
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.3rem 0.75rem;
  margin-bottom: 0.25rem;
  word-break: break-all;
  word-wrap: break-word;
  width: 100%;
  font-weight: 500;
}
.video-frame .live-chat-list .message .reply-info{
	color: #A0A0A0;
	border-bottom: 1px solid #A0A0A0;
	display:block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-bottom:.5rem;
	margin-bottom:.5rem;
}
.video-frame .introduce-panel .users {
	background: rgb(232, 108, 108, 0.72);
	color:#fff;
	transform: translateX(-100%);
	display: inline-block;
}
.video-frame .introduce-panel .rushs {
	background: rgb(45, 212, 191, 0.72);
	color:#fff;
	transform: translateX(-100%);
	display: inline-block;
}
.video-frame .introduce-panel .winners {
	background: rgb(240, 50, 70, 0.72);
	color:#fff;
	transform: translateX(-100%);
	display: inline-block;
}
.video-frame .video-footer .message.leftshow{
	animation: leftshow 4s linear 0.5s 1;
	-webkit-animation: leftshow 4s linear 0.5s 1;
}
.video-frame .notices{
	margin: -1vh 0 1rem 0;
	color:#fff;
	width: 100%;
	cursor: pointer;
	display: flex;
  align-items: center;
  justify-content: space-between;
}
.video-frame .notices span{
	width: calc(100% - 28px);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
}
.video-frame .notices .notice-icon{
	color: #fff;
 	font-size: 0.875rem;
  background-color: rgba(240, 50, 70, 0.72);
  border-radius: 0.25rem;
  padding: 0.15rem 0.25rem;
  line-height: 1;
}
@keyframes leftshow {
  0% {
    opacity: 1;
    transform: translateX(-100%);
  }
  12.5% {
    opacity: 1;
    transform: translateX(0);
  }
  87.5% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-100%);
  }
}
@media (max-width: 1199px) {
  .video-frame .video-footer .message {
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-bottom: 0.25rem;
  }
}
.video-frame .operation-panel {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  z-index: 100;
}
.video-frame .operation-panel .oper-button {
  border-width: 0;
  border-style: solid;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  font-size: 0.875rem;
  padding: 0;
  position: relative;
  background-color: rgba(0, 0, 0, 0.5);
  border-color: #fff;
  color: #fff;
  border-color: #A0A0A0;
  box-shadow: 0px 10px 5px -3px rgba(81, 81, 81, 0.5);
  align-items: center;
  display: flex;
  justify-content: center;
  width: 36px;
  height: 36px;
}
.video-frame .operation-panel .oper-button::after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.video-frame .operation-panel .oper-button:hover, .video-frame .operation-panel .oper-button:focus {
  background-color: #fff;
}
.video-frame .operation-panel .oper-button.user-button:hover, .video-frame .operation-panel .oper-button.user-button:focus {
	color: #fff;
}
.video-frame .operation-panel .oper-button[data-bag]::before {
  background-color: #F03246;
  border: none;
  border-radius: 50%;
  content: attr(data-bag);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.375rem;
  height: 1.375rem;
  position: absolute;
  top: -0.75rem;
  right: -0.25rem;
  font-size: 0.8125rem;
}
.video-frame .operation-panel .oper-button:active, .video-frame .operation-panel .oper-button:hover, .video-frame .operation-panel .oper-button:focus {
  background-color: rgba(0, 0, 0, 0.7);
}
.video-frame .operation-panel .oper-button.active {
  background-color: #fff;
  color: #F03246;
}
.video-frame .operation-panel .oper-button i.icon{
	width: 1.25rem;
  height: 1.25rem;
}
.video-frame .operation-panel .oper-button.active i.icon{
	width: 1.5rem;
  height: 1.5rem;
}
.video-frame .operation-panel .showmore{
	display:none;
}
.video-frame .operation-panel.more .showmore{
	display:flex;
}
.video-frame .operation-panel .cc-dis-button .tip{
	display:none;
	background: #111827;
	box-shadow: 0px 10px 5px -3px rgba(0, 0, 0, 0.25);
	border-radius: 8px;
	position: absolute;
	white-space:nowrap;
	padding: 8px 12px;
}
.video-frame .operation-panel .cc-dis-button .tip .arrow{
	position: absolute;
  border: 10px solid transparent;
  border-left-color: #111827;
  right: -16px;
  top: 10px;
}
.video-frame .operation-panel .cc-dis-button:hover .tip{
	display:block;
	color:#fff;
}
body.video .video-frame .operation-panel .cc-dis-button .tip{right: 2.5rem;left: unset !important;}
body.live .video-frame .operation-panel .cc-dis-button .tip{top: -45px;right: -4rem;left: unset !important;}
body.live .video-frame .operation-panel .cc-dis-button .tip .arrow{border-top-color: #111827;border-left-color: transparent;top: 2.1rem;right: 4.45rem;}
.texttrack{display:none;color: #fff;text-align: center;margin:1rem 0 2rem 0;font-size: 0.875rem;line-height: 1.25rem;}
.texttrack span{display:inline-block;border-radius: 8px;background: rgba(0, 0, 0, 0.7);padding: 0.25rem 0.5rem;max-width: calc(100% - 2rem);}
.vjs-text-track-display,.vjs-text-track-cue,.vjs-poster{display:none !important;}
#video video::cue{opacity:0;visibility:hidden;background-color:transparent;}
.video-frame .introduce-panel .subtit {
  display:inline-block;
  background: rgb(245, 141, 44, 0.72);
  color: #fff;
  transform: translateX(-100%);
}
.subtitle .texttrack{display:block}
.subtitle .live-chat-list{display:none}

.forget-password {
  color: #3C3C3C;
}
.forget-password:hover {
  color: #F03246;
  text-decoration: none;
}

.shopping-cart-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.shopping-cart-header .shopping-store-ask {
  border-width: 1px;
  border-style: solid;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  font-size: 0.875rem;
  padding: 0;
  position: relative;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  border-color: #A0A0A0;
  padding: 0.375rem;
}
.shopping-cart-header .shopping-store-ask::after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.shopping-store-name .shopping-cart-title{
  align-items: center;
  -webkit-column-gap: 0.75rem;
  -moz-column-gap: 0.75rem;
  column-gap: 0.75rem;
  display: flex;
  justify-content: flex-start;
}
.shopping-store-name a {
  color: #3C3C3C;
}
.shopping-store-name a:hover, .shopping-store-name a:focus {
  color: #A0A0A0;
  text-decoration: none;
}

.shopping-cart-group + .shopping-cart-group {
  margin-top: 1rem;
}
.shopping-cart-group .stage-name-label {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  font-size: 1.125rem;
  -webkit-column-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  padding-left: 2rem;
}
.shopping-cart-group .stage-name-label::before, .shopping-cart-group .stage-name-label::after {
  top: 0.35rem;
}
.shopping-cart-group .stage-name-label a, .shopping-cart-group .stage-name-label span {
  color: #3C3C3C;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.shopping-cart-group .stage-name-label a:hover, .shopping-cart-group .stage-name-label a:focus, .shopping-cart-group .stage-name-label span:hover, .shopping-cart-group .stage-name-label span:focus {
  color: #A0A0A0;
  text-decoration: none;
}
.shopping-cart-group .cart-product-nocde {
  align-items: center;
  display: flex;
  color: #3C3C3C;
  -webkit-column-gap: 2rem;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
  font-size: 1.125rem;
  font-weight: 400;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 0;
}
.shopping-cart-group .cart-product-nocde:last-child {
  padding-bottom: 0;
}
.shopping-cart-group .product-node {
  align-items: flex-start;
  -webkit-column-gap: 2rem;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
  display: flex;
  flex-grow: 1;
}
.shop	.shopping-cart-group .product-node {
	min-width: 480px;
}
.shopping-cart-group .product-node-image {
  max-width: 7.5rem;
  width: 100%;
}
.shopping-cart-group .brand-node-image {
  max-width: 7.5rem;
}
.shopping-cart-group .product-node-price {
  color: #F03246;
  font-weight: bold;
  min-width:6rem;
}
@media (max-width: 1199px) {
  .shopping-cart-group .product-node-image {
    max-width: 6.25rem;
  }
  .shopping-cart-group .product-node-price {
  	width: 70%;
  }
}
.shopping-cart-group .product-node-detail {
  flex-grow: 1;
}
.shopping-cart-group .product-node-name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 1.125rem;
  line-height: 1.5rem;
  margin-bottom: 0.5rem;
  overflow: hidden;
  font-weight: 400;
  word-break: break-all;
}
.shopping-cart-group .product-node-spec {
  color: #A0A0A0;
  font-size: 1rem;
  line-height: 1.5rem;
}
.shopping-cart-group .cart-product-delete {
  display: inline-block;
}
.shopping-cart-group .product-node-control {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 50%;
}

.shopping-cart-empty {
  text-align: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (max-width: 1199px) {
  .shopping-cart-empty {
    border-radius: 0 !important;
    min-height: calc(100vh - 6rem);
  }
}
.shopping-cart-empty h4 {
  color: #3C3C3C;
  text-align: center;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.shopping-cart-empty .btn {
  border-radius: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.25rem;
  padding: 1rem 2rem;
}
.shopping-cart{margin-bottom:5.625rem;}
.shopping-cart-control {
  align-items: center;
  background-color: #fff;
  box-shadow: 0px 0.5px 7px #D6D6D6;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 75rem;
  padding: 1rem 2rem;
  position: fixed;
  bottom: 0;
  left: 50%;
  z-index: 100;
  transform: translateX(-50%);
}
@media (max-width: 1199px) {
  .shopping-cart-control {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.shopping-cart-control .btn {
  border-radius: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.5rem;
  padding: 1rem 2rem;
}
@media (max-width: 1199px) {
  .shopping-cart-control .btn {
    font-size: 1rem;
    line-height: 1.25rem;
    padding: 0.75rem;
  }
}

.shopping-cart-label {
  display: flex;
  align-items: center;
  -webkit-column-gap: 0.25rem;
  -moz-column-gap: 0.25rem;
  column-gap: 0.25rem;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.shopping-cart-label::after, .shopping-cart-label::before {
  top: 0.3rem;
}
.shopping-cart-label .total-label-price {
  color: #F03246;
  font-size: 1.25rem;
  line-height: 1.5rem;
}
.shopping-cart-label .total-label-tip {
  color: #A0A0A0;
  text-align:left;
  font-size: 1rem;
  white-space: nowrap;
}

.shopping-page {
  min-height: 100vh;
}
.shopping-page .navbar-btn-group{
	display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
@media (min-width: 992px) {
  .shopping-page .shopping-cart {
    max-height: 100vh !important;
  }
}
@media (orientation: landscape) {
  .shopping-page .shopping-cart {
    max-height: unset;
  }
}
@media (orientation: portrait) {
  .shopping-page .shopping-cart {
    max-height: calc(100vh - 10.25rem);
  }
}
@media (max-width: 1199px) {
  .shopping-page .shopping-cart-header.shop {
    font-size: 1rem;
    line-height: 1.25rem;
    padding: 0.75rem 1rem;
    position: sticky;
    top: 4rem;
    z-index: 50;
  }
}
@media (max-width: 1199px) and (orientation: landscape) {
  .shopping-page .shopping-cart-header {
    position: relative;
    top: 0;
  }
}
@media (max-width: 1199px) {
  .shopping-page .shopping-cart-body {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (max-width: 1199px) {
  .shopping-page .shopping-cart-group:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0;
  }
  .shopping-page .shopping-cart-group .stage-name-label {
    font-size: 1rem;
    line-height: 1.5rem;
    padding-left: 0.625rem;
  }
  .shopping-page .shopping-cart-group .cart-product-nocde {
    -webkit-column-gap: 0.5rem;
  	-moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
  }
  .shopping-page .shopping-cart-group .product-node {
    flex-direction: column;
    margin-left: 0.375rem;
  }
  .shopping-page .shopping-cart-group .product-node-name {
    font-size: 1rem;
    line-height: 1.25rem;
    width: unset;
  }
  .shopping-page .shopping-cart-group .product-node-spec {
    font-size: 0.875rem;
  }
  .shopping-page .shopping-cart-group .cart-product-delete {
    display: none;
  }
  .shopping-page .shopping-cart-group .product-node-control {
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .shopping-page .shopping-cart-label {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .shopping-page .shopping-cart-label::after, .shopping-page .shopping-cart-label::before {
    top: 0.2rem;
  }
  .shopping-page .shopping-cart-label .total-label-price {
    line-height: inherit;
  }
  .shopping-page .shopping-cart-label .total-label-tip {
    font-size: 0.875rem;
  }
}

@media (max-width: 1199px) {
  .brand .product-node-image {
    max-width: 4rem;
  }
}
.brand .shopping-cart-header {
  font-size: 1rem;
  line-height: 1.25rem;
  padding: 0.75rem 1rem;
  position: sticky;
  top: 6rem;
  z-index: 50;
}
@media (orientation: landscape) {
  .brand .shopping-cart-header {
    position: relative;
    top: 0;
  }
}
.brand .shopping-cart-body {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: 5rem;
}
.brand .shopping-cart-group:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;
}
.brand .shopping-cart-group .stage-name-label {
  font-size: 1rem;
  line-height: 1.5rem;
  padding-left: 0.625rem;
}
.brand .shopping-cart-group .cart-product-nocde {
  -webkit-column-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}
.brand .shopping-cart-group .product-node {
  flex-direction: column;
  margin-left: 0.375rem;
}
.brand .shopping-cart-group .product-node-name {
  font-size: 1rem;
  line-height: 1.25rem;
}
.brand .shopping-cart-group .product-node-spec {
  font-size: 0.875rem;
}
.brand .shopping-cart-group .cart-product-delete {
  display: none;
}
.brand .shopping-cart-group .product-node-control {
  width: 100%;
}
.brand .shopping-cart-label {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.brand .shopping-cart-label::after, .brand .shopping-cart-label::before {
  top: 0.2rem;
}
.brand .shopping-cart-label .total-label-price {
  line-height: inherit;
}
.brand .shopping-cart-label .total-label-tip {
  font-size: 0.875rem;
}
.brand .brand-node .brand-node-action button[data-num]::before {
  background-color: #F03246;
  border: none;
  border-radius: 50%;
  content: attr(data-num);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.125rem;
  height: 1.125rem;
  font-size:.8125rem;
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
}
/*# sourceMappingURL=style.css.map */


/* index */

.index-background {
  background-color: #ffffff;
}

.feature img{
  width:auto;
  height:4em;

}

.feature{
text-align:center;
line-height:150px;
display: inline-block;
background-color:white;
border-radius:50%;
width:150px;
height:150px;
}

.fw-400{
  font-weight:400;
}

.pt-6,.py-6{
  padding-top:4.5rem !important;
}
.pb-6,.py-6{
  padding-bottom:4.5rem !important;
}



/* font-size */


.text-base{
  font-size: 1rem;
  line-height: 1.2;

}

.text-lg{
  font-size: 1.25rem;
  line-height: 1.2;

}

.text-xl{
  font-size:1.5rem;
  line-height: 1.2;

}

.text-2xl{
  font-size:1.75rem;
  line-height: 1.2;

}

.text-3xl{
  font-size:2rem;
  line-height: 1.2;

}

.text-4xl{
  font-size:2.5rem;
  line-height: 1.2;

}
.link-card-main.dark-opaque .link-card-social-item,.link-card-main.dark-theme .link-card-social-item {
    color: #FFFFFF;
}
.link-card-node.light-opaque .link-card-social-item{
    color: #3C3C3C;
}

input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{
	background-color:#ffffff !important;
	-webkit-transition-delay: 99999s;
	-webkit-transition: color 99999s ease-out,
	background-color 99999s ease-out;
	-webkit-box-shadow:0 0 0 1000px white inset;
}
.hide{display:none !important;}
.inline-show{display:inline-block !important;}
.register-phone .iti{width: 100%;}
.register-phone .iti .lb-input.phone,.forget .iti .lb-input.phone{border:0;width:100%;border-radius: 0.5rem;}
.areanum{position: relative;display: flex;align-items: center;}
.areanum .lb-input-tip{cursor: pointer;}
.areanum .lb-input-tip i{margin-left: 0.5rem;}
.areanum .dropdown-menu{display: block;position: absolute;background-color: #fff;margin: 0;list-style: none;padding: 0;top: 3rem;left: -1rem;box-shadow: 0px 10px 15px -3px rgb(0 0 0 / 25%);border: 0;min-width: unset;}
.areanum .dropdown-menu .dropdown-item{text-align:center;padding:.5rem 1rem;cursor: pointer;}
.lb-input-group .areanum+.lb-input,.lb-input-group .lb-input-icon+.lb-input{border-radius:0}
.login-phone .iti--allow-dropdown .iti__flag-container{right:0;left:auto;}
.login-phone .iti{width:100%;}
.login-phone .lb-input-group .lb-input{width:100%;padding-left:0 !important;}
.login-phone .lb-input-group .lb-input.phone{padding-left:5px !important;}
.swiper .swiper-pagination{z-index:200;bottom:13px !important;left: 50% !important;transform: translate(-50%, 0);width:unset !important;}
.swiper .swiper-pagination-bullet-active{background-color: #fff !important;width: 24px !important;border-radius: 3.5px;}
.swiper .swiper-pagination-bullet{background-color: rgba(255,255,255,.7);width:7px;height:7px;opacity: 1;}
.dropload-down{padding:0;}
.dropload-down .dropload-noData{text-align:center;color:#ccc;font-size:12px;}
.loadimg{background: url("../image/background/livebuy-loading.webp") no-repeat center !important;background-size: 20% !important;}
.vjs-hidden{display:none;}
.video-dimensions{position: relative;display:block;}
.video-dimensions .mask,.video-js .mask{width: 100%;height: 90vh;position: absolute;left:0;top:0;z-index:2;}
.video-frame .progress-box{position: absolute;bottom:0;left:0;right:0;width:100%;z-index:100;padding-top:14px;}
.video-frame .controlbox{color: #fff;font-size: .75rem;width:100%;position: absolute;bottom:0;left:0;right:0;z-index:99;}
.video-frame .controlbox .box{position: relative;display: flex;align-items: center;padding: 0;}
.video-frame .controlbox .play{flex: 0 0 auto;width:2.25rem;height: 100%;padding: 1rem .75rem .75rem .75rem;font-size:14px;filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.25));}
.video-frame .controlbox .time{flex: 0 0 auto;line-height: 1.5rem;font-size: 1rem;font-weight: 500;color: #fff;letter-spacing: -0.2px;text-shadow: 0 1px 0 rgb(0 0 0 / 10%);filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.25));position: absolute;top: -0.5rem;left: 50%;-webkit-transform: translate(-50%);transform: translate(-50%);}
.video-frame .controlbox .time font{opacity: 0.6;}
.video-frame .controlbox .progress{position: relative;flex: 1 1 auto;margin: 0 .75rem 0 0;display:block;background-color:transparent;border-radius:0;overflow: unset;line-height:1rem;height:auto;padding:1rem 0;}
.video-frame .controlbox .progress_bg{height: 2px; border-radius: .1rem; overflow: hidden;background-color:rgba(255, 255, 255, 0.3);margin-bottom: .2rem;margin-top: 7px;}
.video-frame .controlbox .progress_bar{background: #fff; width: 0; height: 2px; border-radius: .1rem;}
.video-frame .controlbox .progress_btn{width: 12px; height: 12px; border-radius: 50%; position: absolute;background:#fff; left: 0; margin:18px 0 0 -6px; top:0; cursor: pointer;box-sizing:border-box;}
.video-frame .progress-mini{width:100%;height: 2px;background-color:rgba(255, 255, 255, 0.3);}
.video-frame .progress-mini .progress_run{width:0;height: 2px;background-color:#fff;border-radius: 2px;}
.video-frame .fast{display:none;position: absolute;left:0;right:0;top:0;bottom:0;z-index: 1000;color: #fff;font-size: 25px;font-weight: 600;}
.video-frame .fast.bgleft{background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);}
.video-frame .fast.bgright{background: linear-gradient(to left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);}
.video-frame .fast .pre{position: relative;top: 50%;left: 20%;margin-top:-28px;}
.video-frame .fast .next{position: relative;top: 50%;right: 20%;text-align: right;margin-top:-28px;}
.video-frame .fast .icon{font-size: 12px;text-align: right;}
.video-frame .fast .pre .icon{transform: rotate(180deg);}
.video-frame .fast .horn{width: 8px;height: 11px;-webkit-animation: gradient .1s .1s forwards;animation: gradient .1s .1s forwards;opacity: 0;}
.video-frame .fast .horn:nth-child(1) path{opacity: .3;}
.video-frame .fast .horn:nth-child(2){margin: 0 2px;}
.video-frame .fast .horn:nth-child(2) path{opacity: .5;}
.video-frame .skip{display: none;background: rgba(34, 34, 34, 0.64);color: #fff;border: 1px solid #A0A0A0;border-radius: 50px;font-size: 0.875rem;padding: 0.5rem 0.75rem;margin-bottom: 0.5rem;box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.25);}
.video-frame .unmute{display:none;padding: 0.5rem 1rem;border-radius: 8px;background: #fff;color: #3C3C3C;font-size: 0.875rem;line-height: 1.25rem;position: absolute;right: 1rem;top: 3.5rem;}
.startshow .video-frame .video-footer .message{margin-bottom:3rem !important;}
.startshow .notices,.startshow .live-chat-list,.startshow .introduce-panel .users,.startshow .video-frame .video-footer .product-list,.startshow .video-frame .video-footer .live-info,.startshow .video-frame .operation-panel > :not(.goods-button){display:none !important;}
.startshow .video-frame .operation-panel > .skip{display: inline-block !important;}
.startshow .video-frame .operation-panel{flex-direction: row !important;justify-content: space-between !important;width: 100% !important;}
.duration-show .video-frame footer.video-footer,.duration-show .video-frame .clean-box{display: none !important;}

.wrap{position: fixed;overflow: hidden;width: 100%;height: 100%;z-index: 1;top: 0;left: 0;right: 0;bottom: 0;}
.swipe{position: relative;height: 100%;display: inline-block;width: calc(100vh * 0.5625);margin: 0 auto;overflow: hidden;text-align: left;}
.swipe .lb-loading{position: absolute;background-color: rgba(255, 255, 255, 0.1);width: 100%;}
.swipe .video-frame{background-position: center;background-size: cover;}
.swipe .lbvideo,.swipe .swipebox{display: flex;position: relative;height: 100%;width: 100%;will-change: transform;flex-direction: column;flex-wrap: nowrap;}
.swipe .swipebox .swipe_one{position: relative;width:100%;height: 100%;flex: 0 0 auto;background-position: center;background-size: cover;background-repeat: no-repeat;background-color: #000;border-bottom: 4px solid #111827;border-top: 4px solid #111827;overflow: hidden;}
.swipe .swipebox .video-frame{border:0}
.video-background .minibox,.minishow{position: relative;margin: 0 auto;width: calc(100vh * 0.5625);min-width:360px;height:100vh;}
.minishow{height:unset;overflow: hidden;}
.minWidth .wrap{overflow-y: auto;}
.popbody.minWidth .wrap{overflow-y: hidden;}
.minWidth .swipe{min-width:360px;min-height:320px;}
.minWidth .video-frame .video-footer{height: 290px;max-height: none;}
.popup-mask.imgshow{background-color:#000;}
.imgshow .popup{overflow: hidden;border: 0;margin: 0;border-radius: 0;overflow-y: auto;height:100%;background-color: #000;max-width: unset;}
.imgshow .popup-header{position: fixed;top: 0;right: 0;z-index:10;}
.imgshow .popup-header .close{color: #fff;}
.imgshow .popup-header .close i.fa-2x{font-size:2em;filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.25));}
.imgshow .swiper {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.imgshow .swiper-slide {text-align: center;display: flex;justify-content: center;align-items: center;background-size: cover;background-position: center;overflow: hidden;}
.imgshow .swiper-slide img {display: block;width: 100%;object-fit: cover;}
.imgshow .imgshowSwiper1 {height: 92%;width: 100%;}
.imgshow .imgshowSwiper2 {height: 8%;box-sizing: border-box;padding: 10px 0;max-width: calc(100vh* 0.5625);}
.imgshow .imgshowSwiper2 .swiper-slide {max-width: 42px !important;max-height: 42px;opacity: 0.5;margin:0 5px;}
.imgshow .imgshowSwiper2 .swiper-slide-thumb-active {opacity: 1;border: 2px solid #fff;}
.imgshow .imgshowSwiper2 .swiper-wrapper{display: flex;flex-wrap: nowrap;justify-content: center;}
.imgshow .describe{position: absolute;bottom:10px;left:0;right:0;z-index: 100;    text-align: center;}
.imgshow .describe span{display:inline-block;margin:0 auto;color:#fff;text-align:center;background: rgba(81, 81, 81, 0.5);padding: 0.5rem 1.5rem;border-radius: 8px;font-size: 1rem;max-width: calc(100vh * 0.5625);}
.imgshow .swiper-zoom-container{width: calc(100vh * 0.5625);}
.imgshow .min-wid{position: absolute;max-width: calc(100vh * 0.5625);top:0;width:100%;z-index:999;}
.popup-mask.imgshow .popup-header{position: absolute;padding:1rem 1rem 1rem 1.5rem;z-index:999;}
.pause-play-button{display:flex;justify-content: center;align-items: center;height: 100% !important;}
.popup-mask.play-button,.pause-play-button{font-size: 1.5rem;color: #fff;cursor: pointer;}
.popup-mask.play-button .bg,.pause-play-button .bg{display:flex;justify-content: center;align-items: center;cursor: pointer;background-color:rgba(0,0,0,.3);padding:3px;border-radius: 50%;width: 3rem;height: 3rem;}
.mobile .popup-mask.imgshow .popup-header{padding:1rem;}
.swiper-button-prev{left:34px !important;color: #fff !important;font-size:18px;}
.swiper-button-next{right:34px !important;color: #fff !important;font-size:18px;}
.swiper-button-next:after, .swiper-button-prev:after{font-size:35px !important}
.animationbox{position:absolute;bottom: 0;right: -2rem;width:100px;height:280px;pointer-events:none;z-index:1;}
.animationbox .box{position: relative;display: flex;flex-direction: row;justify-content: center;}
.animationbox .like-ani{position:absolute;width:40px;height:40px;background-size: cover;}
.unsettled{background-color:#e86c6c;color: #fff;}
.unsettled .lb-content{line-height:3rem;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;margin: 0.5rem 0;}
.unsettled .lb-content .msg{line-height:1.3;display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: center;padding-right: 10px;}
.unsettled .btns{min-width:68px;padding: 4px 0;}
.unsettled .btns .btn-outline-primary{background-color:#fff;border:0;}
.unsettled .btns .btn-outline-primary:active{background-color:#fff;color: #F03246;}
.unsettled .btns .btn-outline-primary:hover{color: #F03246;}
.btn-disable{color: #A0A0A0 !important;background-color: #F5F5F5 !important;border-color: #F5F5F5 !important;}
.btn-disable:focus, .btn-disable.focus,.btn-disable:active:focus{box-shadow: 0 0 0 0.2rem rgba(250,250,250,.5) !important;}
.an-lebar{animation: lebar 1s;-webkit-animation: lebar 1s;}
.video-dimensions,.video-dimensions video,.lbvideo .video-frame video,.live .lbvideo .video-dimensions > div,.live .lbvideo .video-dimensions > div > div{min-height:100% !important;height:100% !important;max-height:100% !important;}
.videostart-dimensions{height: 100% !important;display: flex;flex-wrap: wrap;align-content: center;position: relative;}
.videostart-dimensions video{min-height:100%;height:100%;}
.mobile .minWidth .swipe{min-height: auto;}
.videoinfo .brand .lb-paper{box-shadow: inset 0px -1px 0px #f5f5f5;padding: 1rem;}
.videoinfo .brand .lb-tab{padding-bottom: 0;}
.videoinfo .brand .tab .time{font-size: .875rem;color: #A0A0A0;}
.videoinfo .brand .tab .title{font-size: 1.125rem;margin:0;line-height:1.5;margin-top:.5rem;}
.videoinfo .brand .tab .video-explain{font-size: 0.875rem;margin-top: 0.5rem;}
.lbvideo .videoinfo .video-introduce .video-title{color: #3C3C3C;font-size: 1rem;}
.lbvideo .videoinfo .live-info{margin:0;width:100%;}
.lbvideo .videoinfo .video-introduce{display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: center;}
.lbvideo .videoinfo .video-introduce .video-subtitle{display: block;line-height: 1.5rem;font-size: 0.75rem;color: #3C3C3C;margin:0;font-weight: 400;}
.videoinfo .tab .shop_notice{padding: 1rem;}
.videoinfo .tab .shop_notice .tit{font-size: 1rem;}
.videoinfo .tab .shop_notice .info{padding:.5rem 0 2rem 0;font-size: .875rem;word-break:break-all;word-wrap:break-word;}
.videoinfo .tab .sys_notice{padding: 1rem;margin: 1rem;background-color: #f5f5f5f5;border-radius: 0.5rem;line-height:1.5;cursor: pointer;}
.videoinfo .tab .sys_notice .tit{font-size: .875rem;font-weight:bold;}
.videoinfo .tab .sys_notice .info{font-size: .875rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.videoinfo .btns .btn{font-size: 1rem;line-height: 1.25rem;padding: 0.75rem;}
.videoinfo .btns .btn.btn-light{color: #3C3C3C;margin-top:0.75rem;}
.videoinfo .spacer {
  border-color: #D2D2D2;
  border-style: solid;
  border-width: 0 1px;
  display: inline-block;
  margin: 0 0.5rem;
  width: 1px;
  height: 12px;
}
.navs{display: none;}
.navs .items{display: flex;flex-wrap: nowrap;justify-content: space-evenly;padding: 0;column-gap: 2rem;}
.navs .items .item{position: relative;}
.navs .items .item h3{line-height: 48px;font-size:1rem;cursor: pointer;margin: 0;font-weight:500;}
.navs .items .item h3 a{color: #3C3C3C;display:inline-block;width:100%;height:100%;}
.navs .items .item h3 > i{margin-left:.5rem;}
.navs .items .item h3 .fa-globe{margin:0 .25rem 0 0;}
.navs .items .item .subnav{position: absolute;background-color: #fff;border: none;box-shadow: 0px 10px 15px -3px #e9e9e9;top:0;padding:10px 0 0 0;left: -1.5rem;}
.navs .items .item .subnav h3{line-height: 30px;}
.navs .items .item .subnav h3 .fa-external-link{margin-left:.75rem;color:#a0a0a0;font-size: 0.8125rem;}
.navs .items .item .subnav h3:active a{color: #fff;}
.navs .items .item .subnav h3:active a i{background-image: url('');color: #fff;}
.navs .items .item:hover .subnav{display:block}
.navs .items .item .navbar-btn-group{margin-top:4px;}
.showmenu .navs{display: flex;justify-content: flex-end;}
.showmenu .navbar-btn-group.nav-other,.nav-other .menu{display:none;}
.showmenu .navs .left{display: flex;column-gap: 2.5rem;}
.showmenu .navs .left .lb-navbar{display:none !important;}
#fb-root iframe{z-index:999 !important;}
#fb-root .fb_dialog{z-index:99 !important;}
.guide{position: absolute;z-index: 106;display:none;max-width: calc(100% - 2rem);}
.guide .box{color:#fff;box-shadow: 0px 10px 5px -3px rgba(81, 81, 81, 0.5);border-radius: 8px;background: #F03246;display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: center;padding:12px;}
.guide .box .text{font-size:.875rem;font-weight: 400;letter-spacing: 0.04em;margin:0 .5rem;}
.guide .box .text span{display:block;font-weight: 700;font-size:1rem;}
.guide .arrow{position: absolute;border: 13px solid transparent;border-top-color:#F03246;margin-top: -3px;}
.guide .box .text-light{width: 1rem;}
.guide .box .text-light .fa-times{position: absolute;top:12px;right:12px;}
.guide.guide0{top:-5.3rem;right:0;}
.guide.guide0 .arrow{right: .75rem;}
.guide.guide1{top:-0.5rem;left:1rem;}
.guide.guide1 .arrow{left: .75rem;}
.guide.guide2{top:10.1rem;right: 1rem;}
.guide.guide2 .arrow{right: .7rem;top: -1.2rem;border-top-color: transparent;border-bottom-color:#F03246;}
.guide.guide2 .box .text-light{margin-top: -2.5rem;}
.guide.guide3{bottom: 5rem;}
.guide.guide3 .arrow{right: 50%;margin-left:-13px;}
body.live .guide.guide0{left:0;right:unset;}
body.live .guide.guide0 .arrow{left: 0.25rem;right: unset;}
body.video .guide.guide0{right: 8px;top:unset !important;bottom: 4rem;}
.endbox{display:none;text-align: center;position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index:11;background: rgba(50, 50, 50, 0.64);flex-direction: column;flex-wrap: nowrap;justify-content: center;align-items: center;}
.endbox > div{width:100%;}
.endbox .btn{padding:.5rem 1.5rem;border-radius: 8px;color:#fff;border: 0;font-size:1rem;}
.endbox .replay{
    padding: 0.5rem 1rem;
    background: #fff;
    color: #3C3C3C;
    font-size: 0.875rem;
    line-height: 1.25rem;
    border: 1px solid transparent;
}
.endbox .btn .icon{vertical-align: middle;margin-right:5px;margin-top: -3px;}
.endbox .btn-next{width:100%;margin-top:1rem;}
.endbox .next{background: rgba(81, 81, 81, 0.5);border-radius: 8px;color:#fff;font-size:1rem;margin:1rem 1rem;width:calc(100% - 2rem);padding:.5rem;line-height:1.5;}
.endbox .next .box{display: flex;flex-wrap: nowrap;justify-content: flex-start;align-items: stretch;text-align: left;}
.endbox .next .box .pic{width:27%;margin-right:3%;background-size: cover;border-radius: 4px;overflow: hidden;display: flex;justify-content: flex-end;align-items: flex-end;}
.endbox .next .box .pic .time{background: rgba(0, 0, 0, 0.6);font-size:.625rem;margin:0 4px 4px 0;padding:0 3px;border-radius: 2px;}
.endbox .next .box .info{flex:1;width: 70%;}
.endbox .next .box .info .msg{color: #C4C4C4;font-size:.8125rem;display: flex;flex-wrap: nowrap;justify-content: space-between;}
.endbox .next .box .info .msg .cancel{color:#fff;}
.endbox .next .box .info .msg font{color:#fff;font-weight: 500;}
.endbox .next .box .info .title{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 1.5;overflow: hidden;height: 3rem;font-weight: 500;}
.endbox .next .box .info .shop{color: #C4C4C4;font-size:.875rem;}
.endbox .close{color: #fff;position: absolute;top:1rem;right:1rem;}
.endbox .close i.fa-2x{font-size: 2em;}
.ending .video-js .mask,.ending .video-dimensions .mask,.ending .video-footer,.ending .controlbox{display:none;}
.ending .endbox{display:flex;}
.nextmore{position: absolute;left: 0;bottom: 4.5vh;right: 0;z-index:12;color:#fff;}
.nextmore .iscroll{position: relative;overflow: hidden;}
.nextmore .hot{width: max-content;display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;}
.nextmore .hot .video-node:first-child{margin-left:1rem;}
.nextmore .tit{padding:.5rem 1rem;font-size: 1.125rem;font-weight: 500;}
.nextmore .tit .icon-hot{width:1rem;height:1rem;}
.nextmore .video-node{display: inline-block;width: 10rem !important;margin-right:1rem;color:#fff;}
.nextmore .one{background: rgba(81, 81, 81, 0.5);border-radius: 8px;padding:.5rem;}
.nextmore .one .pic{background-position: center;background-repeat: no-repeat;background-size: cover;padding-bottom: 100%;position: relative;width:100%;border-radius: 4px;overflow: hidden;}
.nextmore .one .time{position: absolute;bottom:4px;right:4px;background: rgba(0, 0, 0, 0.6);font-size:.625rem;padding:0 3px;border-radius: 2px;}
.nextmore .one .video-introduce{color:#fff;height:2.5rem;font-size: .875rem;line-height: 1.25rem;margin-top:.5rem;}
.nextmore .video-node .video-play{display: block;top: 50%;right: 50%;margin:-25px -25px 0 0;}
.sharebox .check .custom-control-label .custom-control-input,.sharebox .check .custom-control-label .custom-control-input:disabled{position: static;border: 0;color: #A0A0A0;opacity: 1;margin-left:5px;height: 2rem;width: 100px;border-bottom: 1px solid #D2D2D2;border-radius: unset;background-color: transparent;-webkit-opacity: 1;-webkit-text-fill-color: #A0A0A0;}
.sharebox .check .checked .custom-control-label .custom-control-input{color: #3C3C3C;-webkit-text-fill-color: #3C3C3C;}
.sharebox .check .custom-control-label .custom-control-input:focus,.sharebox .check .custom-control-label .custom-control-input:focus-visible{outline:none;}
.diversion .brand{min-height: 28vh;}
.diversion .goods .brand .brand-footer .tocart{display:none}
.diversion .goods .brand .brand-footer .toservice{display: block !important;margin-top:0;}
.diversion .specifications .brand .brand-body .num_change{display:none}
.diversion .specifications .brand .brand-body.service_chat{display:block !important;}
.diversion .specifications .brand .brand-body.service_chat .shopping-store-ask{border-radius: 50%;padding: .3rem;}
.diversion .specifications .brand .brand-body.service_chat .shopping-store-ask i{display:block;}
.diversion .specifications .brand .brand-body.service_chat .info{color:#a0a0a0;}
.diversion .specifications .brand-footer button{display:none}
.diversion .specifications .brand-footer a{display: block !important;}
.diversion
.specifications .lb-outline-button:hover,.specifications .lb-outline-button:focus{border-color: #A0A0A0;}
.video-background .swiper-button-prev{left: 1.5rem !important;width:unset;height:unset;}
.video-background .swiper-button-next{right: 1.5rem !important;width:unset;height:unset;}
.video-background .video-frame .video-header .oper-btns{
  column-gap: .5rem;
  padding-left: 1rem;
}
.video-background .video-frame .video-header .oper-button{background-color: transparent;border: 0;height: 38px;padding:0;position: relative;line-height:1;}
.video-background .video-frame .video-header .oper-button::after {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.video-background .video-frame .video-header .oper-button .fa-window-restore{
  font-size: 1.25rem;
  color: #fff;
}
video::-webkit-media-controls-timeline {
  display: none;
}
.video-background .video-header .d-flex{position: relative;filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.25));}
.video-background .closefull{position: absolute;top:1rem;right:1.5rem;opacity:1;text-shadow:unset;}
.video-background .closefull .text-light{color:#ffffff !important;font-size:1rem;}
.video-background .video-header .text-light{display:none;}
.brand-mask-show{overflow-y: hidden;}
.brand-mask-show .nextmore{display:none !important}

.video-node .video-thumbnail.goods-box{padding-bottom:0;box-shadow: none;background-color: transparent;}
.video-node .goods-box .goods{position: relative;padding-bottom:100%;background-position: top center;background-repeat: no-repeat;background-size: cover;cursor: pointer;box-shadow:0px 3px 15px -3px rgba(0, 0, 0, 0.20);background-color: #fff;border: 1px solid #E6E6E6;border-radius: 0.5rem;overflow: hidden;}
.video-node .goods-box .product-info{padding:1rem 0 0 0;}
.video-node .goods-box .product-title{font-size: 1.125rem;font-weight: 400;overflow: hidden;text-overflow: ellipsis;display: block;line-height: 1.75rem;white-space:nowrap;cursor: pointer;}
.video-node .goods-box .product-price{font-size: 1.125rem;font-weight: bold;}
.video-node .goods-box .video-title{font-size: 1rem;margin-top:1rem;}
.video-node .goods-box .video-title button{width:100%;}
.video-node .goods-box .cart-button{width: 28px;min-width: 28px;height:28px;color: #fff;padding:0;margin:0;background-color: #F03246;border-radius: 50%;}
.video-node .goods-box .cart-button.dis{background-color: #A0A0A0;}
.goods-list .video-node{margin-bottom:2rem;}
.goods-list .video-node::after{position: inherit;}
.goodsinfo > .lb-content{box-shadow: 0px 10px 15px -3px rgba(233, 233, 233, 1);}
.col-xs-2-half, .col-sm-2-half, .col-md-2-half, .col-lg-2-half{ position: relative;padding-right: 15px; padding-left: 15px;width:100%;}
.lb-navbar .back{display:none;font-size:2rem;margin-right:1rem;color: #333333;}
.mini-logo{line-height:0 !important;}
.mini-logo a{width: 124px; height: 28px;}
.goodspage{position: relative;}
.goodspage .lb-navbar{padding:1rem 0;}
.goodspage .lb-navbar .back{display:inline-block;font-size: 1.5rem;}
.goodspage .goods{overflow: hidden;}
.goodspage .goods .pic{width:50%;max-width:30rem;position: relative;overflow: hidden;}
.goodspage .goods .pic img{max-width:100%;height:100%;max-height: 25rem;}
.goodspage .goods .info{width:60%;padding-left:1rem;}
.goodspage .goods .info .name{font-size: 1.5rem;line-height: 2rem;margin-top:2rem;}
.goodspage .goods .info .brief{word-break: break-all;line-height: 1.5rem;}
.goodspage .goods .info .number{font-size: 0.875rem;user-select: none;-webkit-user-select:none}
.goodspage .goods .info .price{font-size: 1.25rem;}
.goodspage .goods .info .iscroll{width: 100%;}
.goodspage .goods .info .iscroll .thumbnail{width:3.5rem;height: 3.5rem;background-position: top center;background-repeat: no-repeat;background-size: cover;margin-right:.75rem;cursor: pointer;position: relative;border-radius: 3px;overflow: hidden;}
.goodspage .goods .info .iscroll .thumbnail.active{border: 2px solid #F03246;}
.goodspage .goods .info .iscroll .thumbnail::after{background-color: rgba(0, 0, 0, 0.5);position: absolute;left:0;right:0;top:0;bottom:0;content: " ";cursor: pointer;}
.goodspage .goods .info .iscroll .thumbnail.active::after{display:none;}
.goodspage .goods .info .iscroll .thumbnail:last-child{margin-right:0;}
.goodspage .goods .info .column{height:100%;}
.goodspage .goods .info .brand-node{padding:1rem 0 !important;margin:0 !important;}
.goodspage .goods .btns{box-shadow: 0px -1px 0px #F5F5F5;line-height:2rem;}
.goodspage .goods .btns a{width:50%;color:#3C3C3C;}
.live .goodspage .goods .btns a{width:100%;}
.border-left-sep{border-left:1px solid #e6e6e6;}
.goodspage .goods .btns a i{font-size:1.25rem;margin-right:.5rem;}
.goodspage .goods .pic .swiper-slide::after {
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url(../image/icon/search.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 55%;
    border-bottom-right-radius: 0.25rem;
    content: " ";
    cursor: pointer;
    width: 32px;
    height: 32px;
    position: absolute;
    bottom: .5rem;
    right: .5rem;
    border-radius: 50%;
    z-index:100;
}
.goodspage .goods .pic .no-img .swiper-slide::after {
	display:none;
}
.goodspage .intro,.goodspage .other{margin-top:2rem;}
.goodspage .intro .description img{max-width: 100% !important;margin: 1.5rem 0;}
.goodspage .lb-content h2{font-size: 1.5rem;line-height: 2rem;padding:0;margin:0;}
.goodsinfo .lb-content h2{margin-top:1.5rem;}
.goodspage .intro .content{position: relative;overflow: hidden;max-height:30rem;}
.goodspage .intro .content .more{position: absolute;top:27rem;left:0;right:0;height:3rem;line-height:3rem;text-align: center;background: linear-gradient(360deg, #FFFFFF 65.85%, rgba(255, 255, 255, 0) 156.1%);color:#3c3c3c;}
.goodspage .shopping-store-ask{background-color: #F5F5F5;border:0;}
.goodspage .shopping-store-ask font{margin-left:.5rem;}
.goodspage .goodsinfo .videos,.goodspage .goodsinfo .other{margin-top:2rem;}
.goodspage .lb-content,.goodspage .shopping-cart-control,.goodspage .spec-pop .upbox{max-width: 855px;}
.brand-mask .goodspage .lb-content,.brand-mask .goodspage .shopping-cart-control,.brand-mask .goodspage .spec-pop .upbox{max-width:unset;}
.spec-pop{z-index:201;}
.spec-pop .upbox{max-width: 75rem;margin: 0 auto;}
.iscroll{overflow: hidden;}
.iscroll .ibox{width: max-content;display: flex;flex-direction: row;flex-wrap: nowrap;}
.goodspage .shopping-cart-header{box-shadow: inset 0px 1px 0px #F5F5F5}
.goodspage .channel-detail{margin-left:10px;}
.goodspage .channel-detail .channel-button{white-space: nowrap;}
.goodspage .goods .swiper-wrapper{align-items: center;}
.brand-mask.goodsinfo .brand > .brand-body{background-color: #f5f5f5;}
.brand-mask.goodsinfo .lb-paper h2{margin:1rem 0;font-size: 1.5rem;line-height: 2rem;padding:0;}
.brand-mask.goodsinfo .goodspage .goods .info-box{flex-direction: column;margin: 0 -1.5rem;}
.brand-mask.goodsinfo .goodspage .goods .info{width:100%;padding:0 1.5rem;}
.brand-mask.goodsinfo .goodspage .goods .pic{width:100%;max-width:unset;}
.brand-mask.goodsinfo .goodspage .goods .info .column{flex-direction: column-reverse !important;}
.brand-mask.goodsinfo .goodspage .goods .info .iscroll{margin:1rem 0 !important;}
.brand-mask.goodsinfo .goodspage .shopping-store-ask font{display:none;}
.brand-mask.goodsinfo .video-broadcaster{width: 26px;height: 26px;min-width: 26px;margin-right: 0.5rem;}
.brand-mask.goodsinfo .video-subtitle{color:#333;}
.brand-mask .brand-footer .share-button,.shopping-cart-control .share-button{font-size:1rem}
.brand-mask .brand-footer .share-box,.shopping-cart-control .share-box{padding: 0 .25rem;}
.brand-mask.goods .brand-node .brand-node-detail span{font-weight: 500;}
.original-price{color: #A0A0A0 !important;font-size: 0.875rem !important;font-weight: 400 !important;text-decoration: line-through;white-space: nowrap;}
.sale-tag{display:inline-block;color: #fff;background-color: #F03246;margin: 2rem 0 .5rem 0;font-size: 0.75rem;font-weight: normal;line-height: 1rem;border-radius: 0.25rem;padding: 0.25rem 0.5rem;}
@media ( max-width : 767px) {
	.sale-tag{margin-top: 1rem;}
}
@media ( max-width : 560px) {
	.goodspage .channel-detail .pl-1{display:none;}
	.goodspage .channel-detail .channel-button{border-radius: 50%;width: 32px;height: 32px;padding: 0;}
	.goodspage .shopping-store-name .shopping-cart-title{line-height: 32px;}
	.goodspage .channel-detail .channel-button.unsubscribe{display:none;}
}
.video-box .video-card {
    width: 10rem;
    margin-right: 1.7rem;
    line-height: 1.75rem;
    color: unset;
    text-decoration: none;
}
.video-box .video-card:last-child{margin-right:0;}
.video-box .video-card .video-img {
    cursor: pointer;
    height: 0;
    background-color: #F5F5F5;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0.5rem;
    padding-bottom: 173.3333%;
    position: relative;
    -webkit-box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.25);
}
.video-box .video-card .video-img .video-play{display:inline-block;}
.video-box .video-card .detail {
    margin-top: 1rem;
    font-size: 1.125rem;
    line-height: 1.25rem;
    cursor: pointer;
}
.video-box .video-card .detail .detail-title {
    cursor: pointer;
    margin-top: 0.5rem;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    font-size: 1rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    max-height: 3.25rem;
}
.video-box .video-card a{
		color: unset;
    text-decoration: none;
}
.video-box .video-card .shop-link {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
}
.video-box .video-card .shop-link .detail-img {
    cursor: pointer;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
.video-box .video-card .shop-link .detail-shop {
    margin-left: 0.25rem;
    font-size: 1rem;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.live .video-frame .video-header{height:auto;}
.live .video-frame .video-footer{align-items: flex-start;}
.live .video-frame .controlbox{bottom:0;background: linear-gradient(0, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);}
.live .video-frame .operation-panel{position: relative;margin-top:1rem;width: 100%;flex-direction: row;flex-wrap: nowrap;justify-content: space-around;align-items: center;}
.live .video-frame .operation-panel .comment{color:#C4C4C4;background-color:rgba(0, 0, 0, 0.5);cursor: pointer;border-radius: 2rem;font-size:.875rem;padding:.5rem 1rem;width: -webkit-fill-available;}
.live .video-frame .operation-panel .comment.disabled{color:#A0A0A0;cursor: auto;}
.live .video-frame .operation-panel .back_live{display: flex;align-items: center;color:#fff;background-color:rgba(240, 50, 70, 0.7);cursor: pointer;border-radius: 2rem;font-size:.875rem;padding:.5rem 1rem;width: -webkit-fill-available;}
.live .video-frame .operation-panel .btns{display: flex;flex-direction: row;margin-left:.5rem;}
.video-frame .operation-panel .oper-button{min-width:36px;margin-left: 0.5rem;box-shadow: unset;}
.live .video-frame .operation-panel .oper-button.goods-button{margin:0 .5rem 0 0;}
.live .video-frame .video-footer .product-list{height: unset;max-height:13rem;width: 7.25rem;overflow: hidden;position: absolute;right: 1rem;bottom: 4.4rem;}
.live .video-frame .video-footer .product-list *{cursor: pointer;}
.live .video-frame .video-footer .product-list .product-info{row-gap: 0.5rem;}
.live .video-frame .video-footer .product-thumbnail{width: 7.25rem;height: 7.25rem;}
.live .video-frame .introduce-panel{width: calc(100% - 8rem) !important;}
.live .product-banner{flex-direction: column;background-color: transparent;}
.live .product-list{background-color: #fff;border-radius:.5rem;}
.live .product-list .run{width:100%;}
.live .product-banner .product-thumbnail::after{background:transparent;border-radius:0;}
.live .product-banner .product-title{color:#3C3C3C;}
.introducing{background-color:rgba(240, 50, 70, 0.7);position: absolute;bottom: 0;left: 0;right: 0;text-align: center;color: #fff;font-size: .875rem;padding: 0.2rem 0;display: flex;justify-content: center;align-items: center;}
.slick-slide{position: relative;}
.live .slick-dotted.slick-slider{margin-bottom:20px;}
.live .slick-dots li{width:.5rem;height:.5rem;margin: 0 3px;}
.live .slick-dots li button{width:unset;}
.live .slick-dots li button:before{content:' ';left:unset;width:.5rem;height:.5rem;background-color:#C4C4C4;}
.live .slick-dots li.slick-active{width: 24px;}
.live .slick-dots li.slick-active button::before{background-color:#F03246;width: 24px !important;border-radius: 3.5px;left: 50%;}
.video-frame .notices{
	margin: .5rem 0 0 0 !important;
	color:#fff;
	width: 100%;
	cursor: pointer;
  justify-content: space-between;
  font-size: 0.875rem;
  line-height: 1.25rem;
  background-color:rgba(0, 0, 0, 0.3);
  cursor: pointer;
  border-radius: 1rem;
  padding: 0.3rem 0.75rem;
}
.live .video-frame .notices{max-width: 18.75rem;width: calc(100% - 8rem) !important;}
.live .video-frame .video-footer.no-product .notices{width: 100% !important;max-width: unset;}
.live .texttrack{margin:0 0 1rem 0;width:100%;}
.live .video-frame .video-footer .live-chat-list{padding:0;position: relative;}
.live .video-frame .video-footer .live-chat-list.topbox{padding-bottom: 2.5rem;}
.live .video-frame .video-footer .live-chat-list.topbox .chat{max-height: 135px;}
.live .video-frame .video-footer .live-chat-list.topbox .top{position: absolute;left: 0;right: 0;bottom: -7px;z-index:10;}
.live .video-frame .video-footer .live-chat-list.topbox .top .message{max-height: 2rem;max-width: 100%;line-height: 2rem;color: #fff;background-color:rgba(240, 50, 70, 0.72);white-space:nowrap;text-overflow:ellipsis;overflow: hidden;padding: 0 1rem;cursor: pointer;margin-bottom: 0.5rem;}
.live .video-frame .video-footer .live-chat-list.topbox .top .message a{width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #fff;}
.live .video-frame .video-footer .live-chat-list .message .master,.live .videoinfo .brand-body .tab .tit .master{color: #fff;font-size: 0.875rem;background-color: rgba(240, 50, 70, 0.72);border-radius: 0.25rem;padding: 0px 0.25rem;}
.live .videoinfo .brand-body .tab .tit .master{background-color: rgba(240, 50, 70);}
.live .video-dimensions .mask{height:unset;top:0;bottom:0;}
.live .video-frame .controlbox .time{display: flex;align-items: flex-end;flex-wrap: nowrap;}
.live .video-frame .controlbox .time .now{margin-left:5px;border: 1px solid #fff;border-radius: 2rem;padding: 0 0.25rem;cursor: pointer;}
.live .video-frame .controlbox .time .now i{width: 6px;height: 6px;display: inline-block;background-color: #fff;border-radius: 50%;vertical-align: middle;margin-top: -2px;}
.live .video-frame .controlbox .time .now.active i{background-color: #F03246;}
.live .video-frame .video-footer.product{bottom: 3.33rem;left: unset;background:transparent;}
.live .video-frame .video-footer.product .introduce-panel,.video-footer.product .operation-panel{display:none;}
.video-frame .video-footer .video-introduce{width:100%;}
.live .commentinput{
    position: absolute;
    bottom: 72px;
    left: 0;
    right: 0;
    z-index: 999999;
    top: 0;
}
.live .commentinput .box{position: relative;left: 0;right: 0;top:100%;z-index: 1000000;}
.live .commentinput .box .inputbox{display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: center;padding: 1rem;background-color: #fff;}
.live .commentinput .box input{background-color: #F5F5F5;border:0;border-radius: 2rem;width: calc(100% - 3.2rem);font-size: 1rem;padding: 0.5rem 1rem;-webkit-text-size-adjust: none;text-size-adjust: none;-webkit-appearance: none;-webkit-user-modify: read-write-plaintext-only;}
.live .commentinput .box input:focus-visible,.live .commentinput .box input:focus{outline:none;font-size: 1rem !important;}
.live .videoinfo .time .text-primary{background: #F03246;color: #fff !important;border-radius: 0.25rem;padding: 0.1rem 0.25rem;font-size: 0.875rem;}
body.video .video-frame .video-footer .product-list{margin-top: .5rem !important;height: unset;}
body.video .video-frame .video-footer .product-thumbnail{width: 3.5rem;min-width: 3.5rem;height: 3.5rem;}
body.video .product-banner .product-title{display:block;white-space: nowrap;text-overflow: ellipsis;height: unset;}
body.video .product-banner .product-info{width: calc(100% - 4.5rem) !important;flex-grow: unset;}
body.video .product-banner .product-thumbnail::after{display: none;}
body.video .video-frame .video-footer .product-list .num{display: none;}
body.video .video-frame .notices span{white-space: nowrap;}
body.video .video-frame .video-footer .live-chat-list{display:none !important;}
.video-frame .video-footer .product-list .slick-dotted.slick-slider{margin-bottom:13px;}
.video-frame .video-footer .product-list .slick-dots{bottom: -18px;}
.video-frame .video-footer .product-list .slick-dots li{width: 4px;height: 4px;margin:0 2px;}
.video-frame .video-footer .product-list .slick-dots li button{width: 4px;height: 4px;padding: 0;}
.video-frame .video-footer .product-list .slick-dots li button:before{width: 4px;height: 4px;line-height:unset;background-color: rgba(255,255,255,.75);content:"";}
.video-frame .video-footer .product-list .slick-dots li.slick-active button:before{background-color: #fff;}
.goodslist .brand-node{align-items: center;}
.shopping-cart .lb-content .lb-tabs{margin-top:1rem;}
.clicklink{cursor: pointer;}
.btn-font{font-size:1.125rem}
.sale-playing{display:inline-block;width: 14px;height:14px;display: flex;justify-content: space-between;margin-right:.5rem;}
.sale-playing:after,.sale-playing:before,.sale-playing>i {
    animation-direction: alternate;
    animation-duration: .5s;
    animation-iteration-count: infinite;
    animation-name: sale-playing;
    animation-play-state: running;
    animation-timing-function: ease-in-out;
    background-color: #fff;
    transform-origin: center bottom;
    width: 23.0769230769%
}
.sale-playing:before {
    animation-delay: .3s;
    content: "";
    display: block
}
.sale-playing:after {
		content: "";
    display: block;
    animation-delay: -.3s
}
.mask-center{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    border-radius: 4px;
}
.watch-explain{
		align-items: flex-end;
		padding-bottom: .5rem;
}

.brand-node.active{
		background: #F5F5F5;
    padding: .6125rem;
    margin: .5rem;
    border-radius: 0.25rem;
}
.brand-node.active .mask-center{
		background: rgba(0, 0, 0, 0.5);
}
.mask-center .sale-playing{margin:0}
.mask-center .play-btn{
		border-radius: 50%;
    background: rgba(0, 0, 0, 0.5);
    width: 2rem;
    height: 2rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mask-center .play-btn .fa-play{
		margin-left: 4px;
}
.in-sale .mask-center{display:none}
.watch-explain .play-btn{
		background-color: rgb(255, 255, 255, 0.7);
		color: #3C3C3C;
		width: auto;
		border-radius: 50rem;
		height: 1.5rem;
    font-size: 0.75rem;
    font-weight: normal;
    line-height: 1rem;
    padding: 0.25rem 0.5rem;
    box-shadow: 0px 5px 5px -3px rgba(81, 81, 81, 0.5);
}
.watch-explain .play-btn i{
		margin-right: .2rem;
}
.brand-node .brand-node-detail h4 .hot{background: rgba(240, 50, 70, 0.7);margin:0 0.5rem 0 0;}
.brand-node .brand-node-detail h4 .sold{background: #FACC15;margin:0 0.5rem 0 0;}
.brand-node .brand-node-detail h4 .live-price{border: 1px solid #F03246;background: unset;color: #F03246;margin:0 0.5rem 0 0;}
.brand-node .brand-node-detail .discount{color: #3C3C3C;margin-left: 5px;}
.brand-node .brand-node-thumbnail .sort{
		position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    min-width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-bottom-right-radius: 0.25rem;
    padding:0 0.25rem;
    font-size: .75rem;
}
@keyframes sale-playing {
    0% {
        transform: scaleY(1)
    }
    to {
        transform: scaleY(.3)
    }
}
@media ( max-width : 640px) {
	.goodspage .goods .info-box{flex-direction: column;margin: 0 -1.5rem;}
	.goodspage .goods .info{width:100%;padding:0 1.5rem;}
	.goodspage .goods .pic{width:100%;max-width:unset;}
	.goodspage .goods .pic img{max-height: 100vw;}
	.goodspage .goods .info .column{flex-direction: column-reverse !important;}
	.goodspage .goods .info .iscroll{margin:1rem 0 !important;}
	.goodspage .shopping-store-ask font{display:none;}
}
@media ( max-width : 767px) {
	.video-node .goods-box .product-title{font-size: 1rem;line-height: 1.25rem;}
	.video-node .goods-box .product-price{font-size: 1rem;}
	.video-node .goods-box .video-title{font-size:0.75rem}
	.goodspage .goods .info .name{margin-top: 1rem;}
}
@media ( min-width : 768px) { .col-sm-2-half{flex: 0 0 20%;max-width: 20%;} }
@media ( min-width : 992px) { .col-md-2-half{flex: 0 0 20%;max-width: 20%;} }
@media ( min-width : 1200px) { .col-lg-2-half{flex: 0 0 20%;max-width: 20%;} }
@media (max-width: 1199px) {
	.btn-font{font-size:1rem}
	.showmenu .navs{display:none;}
	.showmenu .navbar-btn-group.other{display: flex;}
	.showmenu .cartlink{display:none;}
	.showmenu .menu{display:inline-block;}
	.showmenu .navs.active{display: block;position: fixed;top: 0;left: 0;bottom:0;right:0;z-index: 2147483645;background: rgba(50, 50, 50, 0.64);}
	.showmenu .navs.active .left{position: relative;display:block;width: 320px;margin-left:-70vw;border-radius: 0 .25rem .25rem 0;padding: 0;background-color: #fff;height: 100%;}
	.showmenu .navs.active .items{display:block;padding:1rem 1.5rem;height: calc(100% - 155px);overflow-y: auto;-webkit-overflow-scrolling: touch;}
	.showmenu .navs.active .items .item.loginlink{display:none;}
	.showmenu .navs.active .left .navbar-btn-group{background-color: #fff;border-top: 1px solid #f5f5f5;padding: 1rem 1.5rem;position: absolute;width: 100%;bottom: 0;}
	.showmenu .navs.active .left .bg-primary{width:100%}
	.showmenu .navs.active .left .lb-navbar{position: static;display:flex !important;box-shadow: inset 0px -1px 0px #f5f5f5;padding: 0.75rem 1.5rem;}
	.showmenu .navs.active .items .item .subnav{display:block;position: static;margin: 0;padding: 0;box-shadow: none;width: 100%;float: none;}
	.showmenu .navs.active .items .item.hidsub .subnav{display:none;}
	.showmenu .navs.active .items .item.hidsub > h3 i.fa-angle-down{-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
	.video-dimensions video{height:100%;}
	.videostart-dimensions video{height:100%;}
	.video-background .swiper-button-prev, .video-background .swiper-button-next, .video-background .swiper-pagination {
    display: block !important;
	}
	.video-box .video-card .detail{margin-top: 0.5rem;}
	.video-box .video-card .detail .detail-title {margin-top: 0.5rem;font-size: 0.875rem;line-height: 1.25rem;}
	.video-box .video-card .shop-link .detail-shop {font-size: 0.875rem;line-height: 1.25rem;}
	.live .video-frame .live-info{margin-top:0.75rem;}
	.brand-node.active{padding: .5rem;}
	.brand-mask .brand-footer .share-button,.shopping-cart-control .share-button{font-size:.875rem}
	.goodspage .shopping-cart-control .share-box{margin-right: 1rem !important;}
	.showmenu .navbar-btn-group.nav-other{display:inline-block;}
}
.mobile.video-background .swiper-button-prev,.mobile.video-background .swiper-button-next{
     display:none !important;
  }
.mobile.video-background .closefull{display:none !important;}
.mobile.video-background .video-header .text-light{display:inline-block;}
.video-background .video-header .oper-btns .text-light .fa-times{display: block;}
.pc .swipe .lbvideo,.pc .swipe .swipebox{flex-direction: row;flex-wrap: nowrap;justify-content: center;align-items: center;}
.lb-button.back{padding:0}
.btn-event{color: #F03246;border-color: #F03246;display: flex;flex-direction: row;justify-content: center;align-items: center;font-size: .8125rem;}
.btn-event img{width:.8125rem;margin-right:.3rem;}
*::-webkit-media-controls {
  display: none !important;
  -webkit-appearance: none;
  opacity: 0 !important;
  visibility: hidden !important;
}
*::-webkit-media-controls-panel {
  display: none !important;
  -webkit-appearance: none;
  opacity: 0 !important;
  visibility: hidden !important;
}
*::-webkit-media-controls-play-button {
  display: none !important;
  -webkit-appearance: none;
  opacity: 0 !important;
  visibility: hidden !important;
}
*::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
  opacity: 0 !important;
  visibility: hidden !important;
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
	-webkit-appearance: none !important;
}
input[type="number"]{
  -moz-appearance: textfield;
}
@media (min-width: 720px) {
	.unsettled .btns .btn-outline-primary{vertical-align: unset;}
}
@media (max-width: 1199px) {
	.swiper-button-prev,.swiper-button-next,.swiper-pagination{display:none !important}
	.mini-logo a {background-image: url(../favicon/logo-B@2x.png);}
}
@media (max-width: 1199px) {
  .unsettled .btns .btn-outline-primary .fa-arrow-right {
    display:none;
  }
}
@media (max-width: 480px) {
	.swipe{width: 100vw;}
	.shopping-cart-label .total{display: flex;flex-direction: column;}
	.goodspage .shopping-cart-label .total{display: block;}
	.shopping-cart-label{-webkit-column-gap: 0.5rem;-moz-column-gap: 0.5rem;column-gap:0.5rem}
	.video-background .minibox,.minishow{width:100%}
	.video-header .top-box .live-info .video-introduce .video-subtitle{display: none;}
}
@media (max-width:1024px) {
	.landscape .swipe {
		width:100%;
	}
	.landscape .swipe .swipebox .swipe_one{
		background-size: contain;
	}
	.landscape .minWidth .swipe{
		min-width: unset;
    min-height: unset;
    display: block;
	}
	.landscape .minWidth .video-frame .video-footer{
		height:255px;
		overflow: hidden;
	}
	.landscape .live.minWidth .video-frame .video-footer{
		height:unset;
	}
	.landscape .video-frame .video-footer .live-chat-list .chat{
		padding-top: 0 !important;
		max-height: 140px !important;
	}
	.landscape .video-frame .operation-panel{
		row-gap: .5rem
	}
	.landscape .video-frame .introduce-panel{
		width:40%;
	}
	.landscape .video-dimensions video{
		-o-object-fit: contain !important;
  	object-fit: contain !important;
  }
  .landscape .videostart-dimensions video{
		-o-object-fit: contain !important;
  	object-fit: contain !important;
  }
  .landscape .brand {
    max-height: 80vh;
	}
	.landscape.video-background .minibox,.minishow{
		width:100%;
	}
	.landscape.video-background .closefull{display:none;}
  .landscape.video-background .video-header .text-light{display:inline-block;}
  .landscape.video-background .video-frame .video-header .oper-button{vertical-align: top;}
  .brand-mask-show .swiper-button-prev,.brand-mask-show .swiper-button-next,.ending-show .swiper-button-prev,.ending-show .swiper-button-next{display:none !important}
}
@media (orientation: landscape) and (max-width:1024px),
(orientation: portrait) and (min-width:540px){
	.swipe {
		width:100%;
	}
	.swipe .swipebox .swipe_one{
		background-size: contain;
	}
	.minWidth .swipe{
		min-width: unset;
    min-height: unset;
    display: block;
	}
	.minWidth .video-frame .video-footer{
		height:255px;
		overflow: hidden;
	}
	.live.minWidth .video-frame .video-footer{
		height:unset;
	}
	.video-frame .video-footer .live-chat-list .chat{
		padding-top: 0 !important;
		max-height: 140px !important;
	}
	.video-frame .operation-panel{
		row-gap: .5rem
	}
	.video-frame .introduce-panel{
		width:40%;
	}
	.video-dimensions video{
		-o-object-fit: contain !important;
  	object-fit: contain !important;
  }
  .videostart-dimensions video{
		-o-object-fit: contain !important;
  	object-fit: contain !important;
  }
  .brand {
    max-height: 80vh;
	}
	.video-background .minibox,.minishow{
		width:100%;
	}
	.video-background .closefull{display:none;}
  .video-background .video-header .text-light{display:inline-block;}
  .video-background .video-frame .video-header .oper-button{vertical-align: top;}
}
@media (min-width: 499px) and (max-width: 870px) {
	.mobile .swipe .swipebox .swipe_one{
		background-size: contain;
	}
}
@media (max-width: 498px) {
	.video-dimensions{display: flex;flex-wrap: wrap;align-content: center;}
}
@media (max-width: 540px) {
	.video-frame .introduce-panel{width: calc(100% - 4.5rem);}
}
@media (min-width: 540px) and (max-width: 767px) {
	.video-frame .introduce-panel{width: 60%;}
}

@-webkit-keyframes gradient{
	0%{opacity:0}
	100%{opacity:1}
}
@keyframes gradient{
	0%{opacity:0}
	100%{opacity:1}
}
@-webkit-keyframes lebar{
	0%{transform:scale(1)}
	25%{transform:scale(1.5)}
	50%{transform:scale(2)}
	75%{transform:scale(1.5)}
	100%{transform:scale(1)}
}
@keyframes lebar{
	0%{transform:scale(1)}
	25%{transform:scale(1.5)}
	50%{transform:scale(2)}
	75%{transform:scale(1.5)}
	100%{transform:scale(1)}
}

.usercenter .member-content{
  width: 100%;
  max-width: 75rem;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

@media (max-width: 1199px) {
  .usercenter .member-content {
    padding-left: 0rem;
    padding-right: 0rem;
  }
}

.usercenter .a .dropdown-menu {
  bottom: unset !important;
  margin-top: 40px !important;
}

.usercenter .input-border {
  border-radius: 0.5rem;
  border: 1px solid #b9b9c1;
}

@media (max-width: 767px) {
  .usercenter .lb-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}

.usercenter .user-main input:focus {
  outline: none;
  border: 1px solid #3c3c3c;
}

.usercenter .user-avatar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media (max-width: 767px) {
  .usercenter .user-avatar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.usercenter .user-avatar .user-photo {
  -o-object-fit: contain;
     object-fit: contain;
  width: 120px;
  padding: 0;
}

.usercenter .user-avatar > .col-md-9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 0;
  padding-left: 0;
}

@media (max-width: 767px) {
  .usercenter .user-avatar > .col-md-9 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 1.5rem;
  }
}

.usercenter .name-based {
  height: unset;
}

.usercenter .flexset {
  max-width: 80%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 0;
}

@media (max-width: 767px) {
  .usercenter .flexset {
    max-width: 100%;
  }
}

.mb-10{
  margin-bottom: 10rem;
}
.usercenter .bind {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.usercenter .bind > span {
  line-height: 40px;
}

.usercenter .bind .binding {
  color: #a0a0a0;
}

.usercenter .bind .binding-btn {
  padding: 10px 16px;
  height: 40px;
  border: 1px solid;
  border-radius: 25px;
  margin-left: auto;
  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;
  font-size: 14px;
  background-color: #F5F5F5;
  border-color: #F5F5F5;
  color: #A0A0A0;
}

.usercenter .bind .binding-btn:hover {
  background-color: #A0A0A0;
  color: #fff;
  border-color: #A0A0A0;
  cursor: pointer;
}

.usercenter .bind .bind-btn {
  padding: 10px 16px;
  height: 40px;
  border-radius: 25px;
  margin-left: auto;
  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;
  font-size: 14px;
  border: #F03246 1px solid;
  color: #F03246;
  position: relative;
  overflow: hidden;
}

.usercenter .bind .bind-btn:hover {
  background-color: #F03246;
  color: #fff;
  cursor: pointer;
}

.usercenter .flexrwd > p {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (max-width: 767px) {
  .usercenter .flexrwd {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: start !important;
  }
  .flexrwd .text-gray,
  .flexrwd .col-12 {
    padding-left: 0;
  }
  .usercenter .bind{
  	display:block;
  }
  .usercenter .bind .bind-btn{
  	float:right;
  }
}

.usercenter .bing-content > .bind-icon {
  margin: 0;
  text-align: center;
  width: 70px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.usercenter .bing-content > .bind-icon > i {
  font-size: 40px;
}

.usercenter .bing-content > .bind {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

@media (max-width: 767px) {
  .usercenter .btnset {
    width: 100%;
  }
}

.usercenter .link-data label {
  white-space: nowrap;
}

.usercenter .order-detail {
  z-index: 300;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(60, 60, 60, 0.64);
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  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;
}

.usercenter .order-detail .order-box {
  background-color: white;
  margin: 0 1.5rem;
  max-width: 900px;
  padding: 2rem 1.5rem;
  border-radius: 0.5rem;
  min-width: 900px;
}

@media (max-width: 1199px) {
  .usercenter .order-detail .order-box {
    padding: 1.5rem;
    max-width: calc(100vw - 30px);
    min-width: 560px;
  }
}

@media (max-width: 767px) {
  .usercenter .order-detail .order-box {
    padding: 1.25rem;
    min-width: 420px;
  }
}

.usercenter .order-detail .order-box .box-title {
  width: 100%;
  font-size: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 0.5rem;
  font-weight: 500;
}

@media (max-width: 500px) {
  .usercenter .order-detail .order-box .box-title {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    margin-bottom: unset;
  }
  .usercenter .order-detail .order-box {
    min-width: unset;
    width:100%;
  }
}

@media (max-width: 500px) {
  .usercenter .order-detail .order-box .box-title > div > span {
    margin: -2px 0 !important;
    display: inline-block;
    white-space: nowrap;
  }
  .usercenter .order-detail .order-box .box-title > div > span.time {
    display: block;
  }
}

.usercenter .order-detail .order-box .box-title .time {
  margin-left: .75rem;
  margin-right: auto;
  color: #a0a0a0;
  font-size: 1.125rem;
  margin-top: 3px;
  font-weight: 400;
}

.usercenter .order-detail .order-box .box-title .close {
  cursor: pointer;
  font-size: 1rem !important;
  color: #3C3C3C;
  font-weight: 400;
  text-shadow: unset;
  opacity: 1;
}
.usercenter .order-detail .order-box .box-title .close i.fa-2x{
	font-size: 1.5em;
}

.usercenter .order-detail .order-box .shopping-cart-header {
  padding-left: 0;
  padding-right: 0;
}

.usercenter .order-detail .order-box .shopping-cart-header > .shopping-store-name {
  width: 100%;
  max-width: 700px;
}

.usercenter .order-detail .order-box .shopping-cart-header > .shopping-store-name > a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.usercenter .order-detail .order-box .box-main {
  overflow-y: auto;
  height: 100%;
  padding-right: 0;
  padding-left: 0;
  max-height: 45vh;
}

.usercenter .order-detail .order-box .box-main::-webkit-scrollbar {
  width: 3px;
}

.usercenter .order-detail .order-box .box-main::-webkit-scrollbar-button {
  background: transparent;
  border-radius: 1.5px;
}

.usercenter .order-detail .order-box .box-main::-webkit-scrollbar-track-piece {
  border-radius: 1.5px;
}

.usercenter .order-detail .order-box .box-main::-webkit-scrollbar-track {
  -webkit-box-shadow: transparent;
          box-shadow: transparent;
}

.usercenter .order-detail .order-box .box-main .detail-body {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  padding-left: 0;
  padding-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px 0px;
}

.usercenter .order-detail .order-box .box-main .detail-body .product-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.usercenter .order-detail .order-box .box-main .detail-body .product-detail > img {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 7.5rem;
  max-height: unset;
}

@media (max-width: 1199px) {
  .usercenter .order-detail .order-box .box-main .detail-body .product-detail > img {
    max-width: 6.25rem;
    width: 6.25rem;
    max-height: unset;
  }
}

.usercenter .order-detail .order-box .box-main .detail-body .product-detail .detail-product-control {
  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: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

@media (max-width: 1199px) {
  .usercenter .order-detail .order-box .box-main .detail-body .product-detail .detail-product-control {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.usercenter .order-detail .order-box .box-main .detail-body .product-detail .detail-product-control .detail-product-name {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  max-width: 50%;
  max-height: 40px;
}

.usercenter .order-detail .order-box .box-main .detail-body .product-detail .detail-product-control .detail-product-name > span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

@media (max-width: 1199px) {
  .usercenter .order-detail .order-box .box-main .detail-body .product-detail .detail-product-control .detail-product-name {
    max-width: 100%;
  }
}

.usercenter .order-detail .order-box .box-main .detail-body .product-detail .detail-product-control .detail-product-price {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-top: .75rem;
  margin-bottom: .5rem;
}

@media (max-width: 1199px) {
  .usercenter .order-detail .order-box .box-main .detail-body .product-detail .detail-product-control .detail-product-price {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media (max-width: 767px) {
  .usercenter .order-detail .order-box .box-main .detail-body .product-detail .detail-product-control .detail-product-price {
    margin-top: .75rem !important;
  }
}

.usercenter .order-detail .order-box .box-main .detail-body .product-detail .detail-product-control .detail-product-price span {
  margin-left: auto;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}

@media (max-width: 1199px) {
  .usercenter .order-detail .order-box .box-main .detail-body .product-detail .detail-product-control .detail-product-price span:first-of-type {
    display: none;
  }
}

.usercenter .order-detail .order-box .box-main .detail-body .product-detail .detail-product-control .detail-product-price span:nth-of-type(3) {
  color: #F03246;
  font-size: 18px;
  font-weight: 700;
  width: 189px;
  text-align: right;
  margin-left: unset;
}

@media (max-width: 1199px) {
  .usercenter .order-detail .order-box .box-main .detail-body .product-detail .detail-product-control .detail-product-price span:nth-last-of-type(2) {
    margin-left: 0;
  }
  .usercenter .order-detail .order-box .box-main .detail-body .product-detail .detail-product-control .detail-product-price span:nth-of-type(3) {
  	width:auto;
  	margin-left: auto;
  }
}

.usercenter .order-detail .order-box .tot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: inset 0px 1px 0px #F5F5F5;
          box-shadow: inset 0px 1px 0px #F5F5F5;
  padding-left: 0;
  padding-right: 0;
}

.usercenter .order-detail .order-box .tot span:nth-of-type(2) {
  margin-right: 42.974px;
  margin-left: auto;
}

@media (max-width: 1199px) {
  .usercenter .order-detail .order-box .tot span:nth-of-type(2) {
    margin-right: auto;
    margin-left: 84px;
  }
}

.usercenter .order-detail .order-box .tot span:last-of-type {
  color: #F03246;
  font-size: 20px;
  font-weight: 700;
  width: 148px;
  text-align: right;
}

@media (max-width: 1199px) {
  .usercenter .order-detail .order-box .tot span:last-of-type {
    width: unset;
  }
}

.usercenter .order-detail .order-box .btn-outline-primary {
  padding: 1rem 2rem !important;
  height: unset;
  font-size: 1.125rem;
  border-radius: .5rem;
}

.usercenter .order-detail .order-box .btn-light{
	margin-top:1rem;
	padding: 1rem 2rem !important;
	border-radius: 0.5rem;
	font-size: 1.125rem;
	line-height: 1.5rem;
}

@media (max-width: 767px) {
  .usercenter .order-detail .order-box .btn-primary {
    padding: .75rem !important;
    font-size: 1rem;
    line-height: 1.25rem;
  }
  .usercenter .order-detail .order-box .btn-light{
  	padding: .75rem !important;
  	line-height: 1.25rem;
  	font-size: 1rem;
  }
}

.usercenter .order-detail .history-btn {
  width: 100%;
}

.usercenter .order-detail .history-btn:active {
  color: #fff !important;
  border-color: #F03246 !important;
  background-color: #F03246 !important;
}

.usercenter .order-detail .closebtn {
  margin-top: 1rem;
  width: 100%;
}

@media (max-width: 767px) {
  .usercenter .order-detail .closebtn {
    margin-top: 0.75rem;
  }
}
.usercenter .orderbox{padding: 1rem 0;}
.usercenter .orderbox .one{
	-webkit-box-shadow: inset 0px -1px 0px #f5f5f5;
  box-shadow: inset 0px -1px 0px #f5f5f5;
  padding: 0.75rem 0;
}
.usercenter .orderbox .one .time{
	display: flex;
  justify-content: space-between;
  margin-top: .5rem;
  color: #a0a0a0;
  font-size: 14px;
  width: 100%;
  text-align: left;
}
.usercenter .orderbox .shop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  cursor: pointer;
}

.usercenter .orderbox .shop .shopdetail {
  cursor: pointer;
  text-align: left;
  white-space: nowrap;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 70%;
}

.usercenter .orderbox .shop .shopdetail > a {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  max-width: 100%;
}

.usercenter .orderbox .shop .shopdetail .user-photo {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.usercenter .orderbox .shop .shopdetail .ordercontent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: .5rem;
}

.usercenter .orderbox .shop .shopdetail .ordercontent :nth-child(2) {
  color: #F03246;
}

.usercenter .orderbox .shop .shopdetail .price{
	margin-left:15px;
}

.usercenter .orderbox .one .time {
  text-align: right;
  white-space: nowrap;
}

.usercenter .orderbox .one .time .paid {
  color: #A0A0A0;
}

.usercenter .orderbox .one .time .invalid {
  color: #F03246;
}
.usercenter .orderbox .one .time .nopay{
	color: #3C3C3C;
}
.usercenter .orderbox .one .time .received{
	color: #A0A0A0;
}

.usercenter .line-through {
  text-decoration: line-through;
}

.usercenter .order-box .shopping-cart-header {
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}

.usercenter .order-box .shopping-cart-body {
  padding-top: 0;
}

.usercenter .history-date {
  margin-top: 1rem;
}

.usercenter .history-date .history {
  margin: 0 -15px 2rem;
  padding: 1rem 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  row-gap: 1rem;
  padding-bottom: 2rem;
  -webkit-box-shadow: inset 0px -1px 0px #f5f5f5;
          box-shadow: inset 0px -1px 0px #f5f5f5;
}

@media (max-width: 576px) {
  .usercenter .history-date .history {
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}

.usercenter .history-date .history .history-card {
  width: 100%;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  margin-bottom: 1rem;
  line-height: 1.75rem;
  color: unset;
  text-decoration: none;
}

@media (max-width: 991px) {
  .usercenter .history-date .history .history-card {
    margin: 0 auto;
  }
}

.usercenter .history-date .history .history-card > a {
  color: unset;
  text-decoration: none;
}

.usercenter .history-date .history .history-card .history-img {
  cursor: pointer;
  height: 0;
  background-color: #F5F5F5;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0.5rem;
  padding-bottom: 173.3333%;
  position: relative;
  -webkit-box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.25);
}

.usercenter .history-date .history .history-card .detail {
  margin-top: 1rem;
  font-size: 1.125rem;
  line-height: 1.25rem;
  cursor: pointer;
}

@media (max-width: 1199px) {
  .usercenter .history-date .history .history-card .detail {
    margin-top: .5rem;
  }
}

.usercenter .history-date .history .history-card .detail .detail-title {
  cursor: pointer;
  margin-top: .5rem;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  font-size: 1rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

@media (max-width: 1199px) {
  .usercenter .history-date .history .history-card .detail .detail-title {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.usercenter .history-date .history .history-card .shop-link {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
}

.usercenter .history-date .history .history-card .shop-link .detail-img {
  cursor: pointer;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.usercenter .history-date .history .history-card .shop-link .detail-shop {
  margin-left: .25rem;
  font-size: 1rem;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 1199px) {
  .usercenter .history-date .history .history-card .shop-link .detail-shop {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.usercenter .row {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.usercenter .following {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1.5rem;
}

.usercenter .following .swiper-button-next {
  right: -10px;
}

.usercenter .following .swiper-button-prev {
  left: -10px;
}

.usercenter .following .swiper-button-disabled {
  opacity: 0;
}

.usercenter .following .swiper-button-next, .following .swiper-button-prev {
  display: none;
  height: 500%;
  margin-top: 0;
  top: -150%;
  z-index: 100;
  -webkit-transform: scale(0.2) translateY(-50%);
          transform: scale(0.2) translateY(-50%);
  color: rgba(0, 0, 0, 0.5);
}

.usercenter .following .following-all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  margin-bottom: 20px;
}

.usercenter .following .following-all .following-list {
  z-index: 300;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.64);
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  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;
}

.usercenter .following .following-all .following-list .following-box {
  background-color: white;
  width: 800px;
  height: 500px;
  margin: 0 1.5rem;
  border: 1px solid;
  padding: 2rem 1.5rem;
  border-radius: 0.5rem;
}

@media (max-width: 1199px) {
  .usercenter .following .following-all .following-list .following-box {
    padding: 1.5rem;
  }
}

@media (max-width: 767px) {
  .usercenter .following .following-all .following-list .following-box {
    padding: 1.25rem;
  }
}

.usercenter .following .following-all .following-list .following-box .box-title {
  width: 100%;
  font-size: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1rem;
  font-weight: 500;
}

.usercenter .following .following-all .following-list .following-box .box-title .close {
  cursor: pointer;
  color: #3C3C3C;
  font-weight: 400;
  text-shadow: unset;
  opacity: 1;
}

.usercenter .following .following-all .following-list .following-box .box-main::-webkit-scrollbar {
  display: none;
}

.usercenter .following .following-all .following-list .following-box .box-main {
  overflow-y: auto;
  scrollbar-width: none;
  height: calc(100% - 52px);
  -ms-overflow-style: none;
}

.usercenter .following .following-all .following-list .following-box .box-main .following-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.75rem 0;
  -webkit-box-shadow: inset 0px -1px 0px #f5f5f5;
          box-shadow: inset 0px -1px 0px #f5f5f5;
}

.usercenter .following .following-all .following-list .following-box .box-main .following-card > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: unset;
  text-decoration: none;
  cursor: pointer;
}

.usercenter .following .following-all .following-list .following-box .box-main .following-card > a .store-content {
  cursor: pointer;
}
.usercenter .following .following-all .following-list .following-box .box-main .following-card > a .img{
	width: 60px;
	min-width: 60px;
  height: 60px;
  border-radius: 50%;
  background-size: cover;
}

.usercenter .following .redborder {
  border: #F03246 3px solid;
  border-radius: 50%;
}

.usercenter .following .following-all .following-list .following-box .box-main .following-card .store-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 0.75rem;
  padding-right: 1rem;
}

.usercenter .following .following-all .following-list .following-box .box-main .following-card .store-content > span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.usercenter .following .following-all .following-list .following-box .box-main .following-card .store-content span:first-child {
  font-weight: 500;
  -webkit-line-clamp: 1;
}

.usercenter .following .following-all .following-list .following-box .box-main .following-card .store-content span:last-child {
  font-size: 0.875rem;
  color: #A0A0A0;
  -webkit-line-clamp: 2;
}

.usercenter .following .following-all .following-list .following-box .box-main .following-card .sub-state {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 10px 16px;
  height: 40px;
  border: 1px solid;
  border-radius: 25px;
  margin-left: auto;
  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;
  font-size: 14px;
  background-color: #F5F5F5;
  border-color: #F5F5F5;
  color: #A0A0A0;
}

.usercenter .following .following-all .following-list .following-box .box-main .following-card .sub-state:hover {
  background-color: #A0A0A0;
  color: #fff;
  border-color: #A0A0A0;
  cursor: pointer;
}

.usercenter .following .following-all .following-list .following-box .box-main .following-card .sub-state > i {
  margin-right: 5px;
}

@media (max-width: 767px) {
  .usercenter .following .following-all .following-list .following-box .box-main .following-card .sub-state > i {
    display: none;
  }
}

@media (max-width: 767px) {
  .usercenter .following .following-all .following-list .following-box .box-main .following-card .sub-state {
    padding: 0.5rem 0.75rem;
    font-size: 0.75rem;
    line-height: 1.125rem;
    height: unset;
  }
}

.usercenter .following .following-all .following-list .following-box .box-main .following-card .sub-btn {
  border: #F03246 1px solid;
  color: #F03246;
  background-color: unset;
}

.usercenter .following .following-all .following-list .following-box .box-main .following-card .sub-btn:hover {
  background-color: #F03246;
  color: #fff;
  border: #F03246 1px solid;
  cursor: pointer;
}

@media (max-width: 767px) {
  .usercenter .following .following-all .following-list .following-box .box-main .following-card .sub-btn {
    padding: 0.5rem 0.75rem;
    font-size: 0.75rem;
    line-height: 1.125rem;
    height: unset;
  }
}

.usercenter .following .following-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-shadow: 0px 1px 0px #F5F5F5;
          box-shadow: 0px 1px 0px #F5F5F5;
  margin-bottom: 1rem;
}

.usercenter .following .following-section .swiper-slide {
  width: 100px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-right: 30px;
  position: relative;
}

@media (max-width: 767px) {
  .usercenter .following .following-section .swiper-slide {
    margin-right: 15px !important;
    width: 80px;
  }
}

.usercenter .following .following-section .swiper-slide > .following-img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-size: cover;
}

@media (max-width: 767px) {
  .usercenter .following .following-section .swiper-slide > .following-img {
    width: 80px;
    height: 80px;
  }
}

.usercenter .following .following-section .swiper-slide > div {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.usercenter .following .following-section .swiper-slide > div a {
  padding-bottom: 10px;
  display: inline;
  text-decoration: none;
  color: unset;
  font-size: 0.875rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  text-align: center;
  overflow: hidden;
  margin: .5rem 0 .5rem;
  position: relative;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .usercenter .following .following-section .swiper-slide > div a {
    margin: .25rem 0 1rem;
    font-size: .75rem;
  }
}

.usercenter .following .following-section .swiper-slide > div a :hover {
  color: unset;
}

.usercenter .following .following-section .swiper-slide > div .active {
  font-weight: 500;
  color: #F03246;
}

.usercenter .following .following-section .swiper-slide > div .active::after {
  width: 100%;
  height: 3px;
  background-color: #F03246;
  content: '';
  position: absolute;
  top: 25px;
  left: 0;
}

.usercenter .following .following-section .following-block {
  cursor: pointer;
  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: center;
      -ms-flex-align: center;
          align-items: center;
}

.usercenter .following .following-section .following-block .following-img {
  width: 100%;
  margin-bottom: 0.5rem;
}

.usercenter .following .following-section .following-block span {
  max-width: 52px;
  white-space: nowrap;
  overflow-x: hidden;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 13px;
}

.usercenter .following-class {
  position: relative;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  overflow: hidden;
}

@media (max-width: 767px) {
  .usercenter .following-class {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-column-gap: 1.5rem;
            column-gap: 1.5rem;
  }
}

.usercenter .following-class li {
  list-style: none;
  height: 32px;
}

.usercenter .following-class::after {
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  top: calc(100% + 15px);
  background-color: #e9ecef;
}

.usercenter .following-class .following-link {
  white-space: nowrap;
  color: #A0A0A0;
  text-decoration: none;
  margin-right: 1.5rem;
  padding-bottom: 0.75rem;
}

@media (max-width: 767px) {
  .usercenter .following-class .following-link {
    margin: 0;
  }
}

.usercenter .following-class .link-active {
  color: #F03246;
  position: relative;
  font-weight: 500;
}

.usercenter .following-class .link-active::after {
  width: 100%;
  height: 4px;
  background-color: #F03246;
  content: '';
  position: absolute;
  bottom: 3px;
  left: 0;
}

.usercenter .body {
  background-color: #000000;
}

.usercenter .sub-detail .sub-content {
  margin: 0 -15px 2rem;
  padding: 1rem 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  row-gap: 1rem;
  -webkit-box-shadow: 0px 1px 0px #F5F5F5;
          box-shadow: 0px 1px 0px #F5F5F5;
}

@media (max-width: 576px) {
  .usercenter .sub-detail .sub-content {
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}

.usercenter .sub-detail .sub-content .sub-card {
  color: unset;
  text-decoration: none;
  width: 100%;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  margin-bottom: 1rem;
  line-height: 1.75rem;
}

@media (max-width: 991px) {
  .usercenter .sub-detail .sub-content .sub-card {
    margin: 0 auto;
  }
}

.usercenter .sub-detail .sub-content .sub-card .sub-img {
  cursor: pointer;
  height: 0;
  background-color: #F5F5F5;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0.5rem;
  padding-bottom: 173.3333%;
  position: relative;
  -webkit-box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.25);
}

.usercenter .sub-detail .sub-content .sub-card > a {
  color: unset;
  text-decoration: none;
}

.usercenter .sub-detail .sub-content .sub-card .detail {
  cursor: pointer;
  margin-top: 1rem;
  font-size: 1.125rem;
  line-height: 1.25rem;
}

@media (max-width: 1199px) {
  .usercenter .sub-detail .sub-content .sub-card .detail {
    margin-top: .5rem;
  }
}

.usercenter .sub-detail .sub-content .sub-card .detail .detail-shop {
  margin-left: .25rem;
  font-size: 1rem;
}

@media (max-width: 1199px) {
  .usercenter .sub-detail .sub-content .sub-card .detail .detail-shop {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.usercenter .sub-detail .sub-content .sub-card .detail .detail-title {
  cursor: pointer;
  margin-top: .5rem;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  font-size: 1rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

@media (max-width: 1199px) {
  .usercenter .sub-detail .sub-content .sub-card .detail .detail-title {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.usercenter .sub-detail .sub-content .sub-card .shop-link {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.usercenter .sub-detail .sub-content .sub-card .shop-link .detail-img {
  cursor: pointer;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.usercenter .sub-detail .sub-content .sub-card .shop-link .detail-shop {
  margin-left: .25rem;
  font-size: 1rem;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 1199px) {
  .usercenter .sub-detail .sub-content .sub-card .shop-link .detail-shop {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.usercenter .shop-video {
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.usercenter .shop-video .shop-name {
  color: unset;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 80%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.usercenter .shop-video .shop-name > span {
  max-width: 80%;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
}

.usercenter .shop-video .shop-name:hover {
  color: #a0a0a0;
}

.usercenter .shop-video .shop-name :first-child {
  color: black !important;
}

.usercenter .shop-video .reset > a {
  color: unset;
  text-decoration: none;
}

.usercenter .shop-video .reset:hover {
  opacity: .5;
}

.usercenter .userbox {
  padding: 1.5rem 2rem !important;
  padding-top: 3.25rem !important;
}

.usercenter .userbox .user-photo {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.usercenter .userbox .text-base {
  text-align: left;
}

.usercenter .userbox .dropdown-divider {
  margin-top: 1.25rem;
  margin-bottom: 1rem;
}

.usercenter .userbox .btn-outline-primary {
  width: 8rem;
  margin: 0 auto;
  width: 100%;
}

.usercenter .userbox .userbox-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
  margin-top: 1.25rem;
  margin-bottom: 1rem;
}

.usercenter .userbox .userbox-item {
  width: 100%;
  height: 40px;
  padding: 0.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.5rem !important;
  margin-top: 0.5rem !important;
}

.usercenter .userbox .userbox-item:hover, .userbox .userbox-item:focus {
  background-color: #F5F5F5;
  color: #16181b;
  text-decoration: none;
  border-radius: .25rem;
}

.usercenter .userbox .userbox-item.active, .userbox .userbox-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #F03246;
}

.usercenter .userbox .userbox-item.active .icon-user-history-active, .userbox .userbox-item:active .icon-user-history-active {
  background-image: url("../image/icon/access_time_white.svg");
}

.usercenter .userbox .userbox-item.active .icon-user-history, .userbox .userbox-item:active .icon-user-history {
  background-image: url("../image/icon/access_time_white.svg");
}

.usercenter .userbox .userbox-item.active .icon-user-order-active, .userbox .userbox-item:active .icon-user-order-active {
  background-image: url("../image/icon/list_alt_white.svg");
}

.usercenter .userbox .userbox-item.active .icon-user-order, .userbox .userbox-item:active .icon-user-order {
  background-image: url("../image/icon/list_alt_white.svg");
}

.usercenter .userbox .userbox-item.active .icon-account-box-active, .userbox .userbox-item:active .icon-account-box-active {
  background-image: url("../image/icon/account_box_white.svg");
}

.usercenter .userbox .userbox-item.active .icon-account-box, .userbox .userbox-item:active .icon-account-box {
  background-image: url("../image/icon/account_box_white.svg");
}

.usercenter .userbox .userbox-item.active .icon-user-subscription-active, .userbox .userbox-item:active .icon-user-subscription-active {
  background-image: url("../image/icon/subscriptions_white.svg");
}

.usercenter .userbox .userbox-item.active .icon-user-subscription, .userbox .userbox-item:active .icon-user-subscription {
  background-image: url("../image/icon/subscriptions_white.svg");
}

.usercenter .userbox .text-primary:active {
  color: #fff !important;
}

.usercenter .box .dropdown-divider {
  margin-top: .5rem;
  margin-bottom: 1rem;
}

.usercenter .bold {
  font-weight: 600 !important;
}

.usercenter .inputpadding {
  padding: 0.75rem 1rem !important;
  border-color: #A0A0A0;
}

.usercenter .inputpadding ::-webkit-input-placeholder {
  color: #757575 !important;
  opacity: 1;
}

.usercenter .inputpadding :-ms-input-placeholder {
  color: #757575 !important;
  opacity: 1;
}

.usercenter .inputpadding ::-ms-input-placeholder {
  color: #757575 !important;
  opacity: 1;
}

.usercenter .inputpadding ::placeholder {
  color: #757575 !important;
  opacity: 1;
}

.usercenter .inputpadding :-ms-input-placeholder {
  color: #757575 !important;
}

.usercenter .inputpadding ::-webkit-input-placeholder {
  color: #757575;
}

.usercenter .user-main {
  padding: 2.5rem 2rem !important;
  max-width: 855px;
  min-height: 62vh;
}

@media (max-width: 1199px) {
  .usercenter .user-main {
    border-radius: 0 !important;
    max-width: unset;
  }
}

.usercenter .user-avatar .user-photo {
  width: 120px;
  height: 120px;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
}

.usercenter .user-main .btn-primary {
  padding: 1rem 2rem !important;
  min-width: 8rem;
}

.usercenter .member-content h1 {
  padding-bottom: 1rem;
}

.usercenter .member-content .dropdown-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0;
  padding-right: 0;
}

.usercenter .dropdown-item.my-2 {
  height: 40px;
}

.usercenter .user-main .row {
   margin-left: 0;
   margin-right: 0;
}
@media (max-width: 1199px) {
  .usercenter .member-content {
    padding: 0;
    margin: 0 !important;
    border-radius: 0;
  }
  .usercenter .userbox {
    display: none !important;
    background-color: #F03246;
  }
  .usercenter .user-main {
    padding: 2.5rem 2rem !important;
  }

}

.usercenter .user-avatar {
  padding: 0.5rem 0;
  margin-bottom: 1rem;
}

.usercenter .box {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  -webkit-box-shadow: 0px 10px 15px -3px #e9e9e9;
          box-shadow: 0px 10px 15px -3px #e9e9e9;
}

.usercenter .userbox {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  -webkit-box-shadow: 0px 10px 15px -3px #e9e9e9;
          box-shadow: 0px 10px 15px -3px #e9e9e9;
}

.usercenter .box.col.py-4.lb-paper {
  padding: 1rem 2.5rem !important;
}

@media (max-width: 1199px) {
  .usercenter .box.col.py-4.lb-paper {
    padding: 1rem 1.5rem !important;
  }
}

.usercenter .box.col.py-4.lb-paper .lb-paper-title > h1 {
  margin-top: 2rem;
}

@media (max-width: 1199px) {
  .usercenter .box.col.py-4.lb-paper .lb-paper-title > h1 {
    margin-top: unset;
  }
}

.usercenter .user-main .btn.btn-primary {
  border-radius: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.5rem;
  padding: 0.75rem;
  word-break: keep-all;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .usercenter .user-main .btn.btn-primary {
    font-size: 1rem;
    line-height: 1.25rem;
    padding: 0.75rem;
    padding: 12px !important;
  }
}

@media (max-width: 767px) {
  .usercenter .member-content {
    padding: 0;
  }
}

.usercenter .savebtn {
  width: 8rem;
  height: 3.25rem;
  background-color: #F5F5F5;
  color: #A0A0A0;
  border: unset;
}

.usercenter .openlist:hover {
  color: #A0A0A0 !important;
  text-decoration: none;
}

.usercenter .lb-direction {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.usercenter .font-size-875 {
  font-size: .875rem;
}

.usercenter .mb-25 {
  margin-bottom: .25rem;
}

.usercenter .btn-gray:disabled {
  color: #A0A0A0 !important;
  background-color: #F5F5F5 !important;
  border-color: #F5F5F5 !important;
}

.usercenter .edit_pencil {
  position: absolute;
  bottom: -4px;
  right: -4px;
  background-color: #F5F5F5;
  width: 40px;
  height: 40px;
  font-size: 18px;
  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;
  border-radius: 50%;
  border: 4px solid #ffffff;
  cursor: pointer;
}
.usercenter .edit_pencil .up{
	position: absolute;
	bottom: 0;
  right: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  z-index: 10;
  opacity: 0;
  cursor: pointer;
  font-size:0;
}

.usercenter .edit_pencil:hover > i {
  opacity: .5;
}

@media (max-width: 767px) {
  .usercenter .showMoreNChildren > div {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
  }
}

.usercenter .showMoreNChildren > div > :last-of-type {
  margin-bottom: .5rem;
}

.usercenter .showMoreNChildren .session_name {
  font-weight: 500;
}

@media (max-width: 767px) {
  .usercenter .point {
    margin-top: .25rem;
  }
}
.usercenter .user-main .pass{padding:0;position: relative;}
.usercenter .user-main .pass input{width:100%;}
.usercenter .user-main .pass .lb-input-icon{position: absolute;top:.7rem;right:1rem;border: 0;background-color: transparent;}
.usercenter .cartbox .shop .shopdetail{display: flex;align-items: flex-start;overflow: unset;}
.usercenter .cartbox .shop .shopdetail .user-photo{width:60px;height:60px;}
.usercenter .cartbox .shop .shopdetail .ordercontent{display: flex;flex-direction: column;row-gap: 0.25rem;margin-top: 0;width: -webkit-fill-available;}
.usercenter .cartbox .shop .shopdetail .ordercontent span{word-wrap: break-word;white-space: normal;word-break: break-all;}
.usercenter .cartbox .shop .shopdetail .ordercontent .num{margin-top: unset;color: #A0A0A0;align-items: center;font-size: 14px;word-wrap: break-word;white-space: normal;word-break: break-all;}
.usercenter .cartbox .shop .shopdetail .ordercontent .price{text-align: right;color: #3C3C3C;white-space:nowrap;}
.usercenter .cartbox .shop .shopdetail .ordercontent .goods{color: #3C3C3C;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-size: 0.875rem;line-height: 1.5;margin-bottom: 0;overflow: hidden;word-wrap: break-word;text-overflow: ellipsis;white-space: normal;}
.usercenter .cartbox .shop .shopdetail .ordercontent .goods span{color: #3C3C3C;}
.usercenter .cartbox .shop .shopdetail .ordercontent .goods .dis{color: #A0A0A0;}
.usercenter .cartbox .shop .shopdetail .spacer{border-color: #D2D2D2;border-style: solid;border-width: 0 1px;display: inline-block;margin: 0 0.5rem;width: 1px;height: 12px;}
.usercenter .cartbox .btns{margin-top: 1rem;display:block;}
.usercenter .cartbox .btns .btn-primary{width: 100%;border: 1px solid transparent;padding: 0.375rem 0.75rem !important;font-size: 1rem;line-height: 1.5;border-radius: 0.25rem;}
.usercenter .cartbox .shop .shopdetail .expire{font-size: 14px;}
.usercenter .cartbox .btn_check{margin-top: 1rem;display: flex;column-gap: 1rem;}
.usercenter .user-main .cartbox .btn_check a{width: 100%;}
.usercenter .user-main .cartbox .btn_check button{width: 100%;padding: 0.375rem 0.75rem !important;font-size: 1rem;line-height: 1.5;border-radius: 0.25rem;}
.buylist .shopping-cart-group .product-node-price{color: #3C3C3C;}
.buylist .shopping-cart-group .cancel{color: #A0A0A0;text-decoration:line-through;}
.buylist .shopping-cart-group .cancel .product-node-price{color: #A0A0A0;}
.buylist .shopping-cart-group .selected .product-node-price{color: #A0A0A0;}
.buylist .shopping-cart-group .selected .product-node-control span{color: #A0A0A0;}
.buylist .info{text-align: left;}
.buylist .amount-input-group{min-width: unset;}
.buylist .shopping-cart-label .total-label-tip{display:inline-block;}
.buylist .shopping-cart-group .product-node-name{width: 570px;}
.shopping-page .shopping-cart.buylist{max-height:unset !important;}
.expired{background-color: #A0A0A0;}
.expired .lb-content .msg{text-align: center;display:block;width: 100%;}
.empty{padding: 1rem 0;}
.applyform .popup{max-width:50rem;}
.applyform .popup-header{box-shadow: inset 0px -1px 0px #F5F5F5;}
.applyform .popup-body{background:url("../image/cyberbiz/tab_bg.svg") no-repeat left;background-color:#fff;background-size: 60%;max-height: 80vh;overflow-y: auto;}
.applyform .lb-input-group .lb-input:only-child{padding:0 .75rem;background-color: transparent !important;box-shadow: none !important;}
.applyform .loadimg{background-size: 30% !important;}
.applyform .loadimg font{opacity: 0;}
@media (max-width: 640px) {
  .applyform .col-sm-6,.applyform .col-sm-4,.applyform .col-sm-8{flex: unset;max-width: unset;}
}
.change-acc{position: relative;display:none;}
.change-acc .icon{position: relative;z-index: 2;cursor: pointer;color: #3c3c3c;}
.change-acc .icon:hover{transform: rotate(180deg);transition-duration:.5s;transition-property:transform;transition-timing-function:ease-in-out;}
.change-acc .icon svg{font-size:2rem;}
.change-acc .avatar{position: absolute;z-index: 1;top: 50%;left: 50%;transform: translate(-50%, -50%);line-height: 0;background-color: #fff;padding: 0.25rem;border-radius: 50%;}
.change-acc .avatar img{width: 1.125rem;height: 1.125rem;border: 1px solid #F5F5F5;margin: 0 !important;border-radius: 50%;background-position: center;background-size: cover;}
.accountpop .lb-radio-label img{border-radius: 50%;background-position: center;background-size: cover;-ms-flex-negative: 0;flex-shrink: 0;width: 1.875rem;height: 1.875rem;border-radius: 50%;vertical-align: top;object-fit: cover;margin: 0.075rem 0;}
.accountpop .user-name{font-size: 1rem;line-height: 1.5rem;margin-bottom: 0;}
.accountpop .text-gray{font-size: 0.875rem;}
.accountpop .text-gray i{margin-right: 0.25rem;width: 0.875rem;text-align: center;}
.accountpop .text-gray i.fa-telegram{color: #27A6E5;}
.accountpop .text-gray i.fa-mobile-alt{color: #3C3C3C;}
.accountpop .lb-list-node .lb-radio-label *{cursor: pointer;}
.accountpop .lb-list-node .lb-radio-label.active::before {
    background-color: #F03246;
    border-radius: 50%;
    content: " ";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 0.625rem;
    transform: translateY(-50%);
}
.accountpop .lb-list-node .lb-radio-label.active::after {
    border-color: #fff;
    border-style: solid;
    border-width: 0 0 2px 2px;
    content: "";
    position: absolute;
    top: 40%;
    right: 13.5px;
    transform: rotate(-45deg);
    width: 13px;
    height: 7px;
}
@media (max-width: 480px) {
  .buylist .shopping-cart-label .total-label-tip {
    display:block;
  }
}
@media (max-width: 1199px) {
	.buylist .shopping-cart-group .product-node-name{width: unset;}
	.usercenter .shopping-cart-header{font-size: 1rem;}
}

.live .show-support .video-frame .operation-panel{flex-direction: column !important;}
.show-support .support{color: #fff;font-size:.75rem;filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.25));margin-top: .5rem;}
.show-support .support-out{display: none;position: absolute;left: .5rem;bottom: .5rem;}
.show-support .operation-panel .support{width: -webkit-fill-available;color: #fff;font-size:.8125rem;margin: 0 0 -.5rem 0;}
.show-support .introduce-panel .support{color: #fff;margin-top: .5rem;}
.operation-panel .operation-box{
		display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    width: 100%;
}
.live .operation-panel .operation-box{justify-content:space-between;}
.next_guide{
		display: flex;
    align-items: center;
    justify-content: flex-end;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999999999;
    color: #ffffff;
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
		width:250px;
		padding-right:1.5rem;
		cursor: pointer;
}
.next_guide i{font-size: 2.5rem;margin-left: 1rem;}
.brand-mask.more-btn .brand-body{padding: 1rem;display: flex;flex-wrap: wrap;row-gap: 1rem;column-gap: 1rem;}
.brand-mask.more-btn .brand-body .item{min-width: 60px;display: flex;flex-direction: column;align-content: center;justify-content: center;align-items: center;row-gap: .5rem;font-size:.875rem;}
.brand-mask.more-btn .oper-button {
    border: 0;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    font-size: 0.875rem;
    padding: 0;
    position: relative;
    background-color: rgba(204, 204, 204, 0.8);
    color: #fff;
    align-items: center;
    display: flex;
    justify-content: center;
    width: 42px;
    height: 42px;
}
.widget .brand-mask.carts .shopping-store-name a{pointer-events: none;}
.widget .brand-mask.carts .shopping-store-name a .fa-chevron-right{display:none;}
.video-frame .operation-panel .operation-box .startcontrol{margin:0}
.lb-input-group .iti{width:100%;}
.iti .iti__search-input{padding: .25rem .75rem;}
.iti .iti__search-input:focus{outline: 0 !important;}
.iti .iti__selected-dial-code{border-right: 1px solid #A0A0A0;padding-right: 10px;margin-right: 6px;}
.iti .iti__dial-code{color:#3c3c3c;}
.iti #iti-0__item-id{border-bottom: 1px solid #f5f5f5;}
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover, .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary{background-color:transparent}
.live_streaming_go{display: inline-block;padding: 4px 8px;margin-top:-12px;z-index:99;background-color: #F03246;color:#fff;position: absolute;right: 0;top: 50%;font-size: 12px;line-height: 16px;border-radius: 32px 0 0 32px;}
.live_streaming_go font{display:inline-block;margin:0 5px;}
.select-box .iti__country-container{left: 0;right: 0;}
.select-box .sval{
    width:100%;
    cursor: pointer;
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    border-radius: 0;
    font-weight: inherit;
    line-height: inherit;
    text-decoration: none;
}
.select-box .sval .val{padding: 0 0 0 .75rem;width: calc(100% - 22px);margin: 0;border:0;text-align: left;cursor: pointer;}
.select-box .iti__dropdown-content{width:100%;}
.select-box .oplist li{cursor: pointer;}
.iti .iti__search-icon{display:none;}
.iti--container{z-index:100000001;}
.limit-num{font-size: 0.875rem;color: #A0A0A0;}
.video-frame .clean-box{
		padding: 0 1rem 1rem 1rem;
    position: absolute;
    bottom: 30px;
    left: 0;
    z-index: 10;
    display: inline-block;
}
body.live:not(.replay) .video-frame .clean-box{bottom: 0;}
.video-frame .clean-box .operation-panel{
		justify-content: flex-start;
		margin: 0;
		width: 36px;
}
.video-frame .clean-box .operation-panel .oper-button{
		margin-left: 0;
		display: flex !important;
    align-items: center;
    justify-content: center;
}
.video-frame .clean-box .operation-panel .oper-button i{
		font-size: 1.125rem;
}
@media (max-width: 1024px) {
  .pc .live_streaming_go{margin-top:-60px;}
}
@media (max-width: 750px) {
body.mobile .next_guide{
		left:0;
		top:unset;
		flex-direction: column;
		width: 100%;
		height:200px;
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
		padding:0 0 1.5rem 0;
		font-size: 1rem;
}
body.mobile .next_guide i{
	transform: rotate(90deg);
	font-size: 1.5rem;
	margin: 1rem 0 0 0;
}
}
@media (min-width: 1200px) {
	.show-support .operation-panel .support{height: 36px;margin: 0;display: flex;align-items: flex-end;text-align: left;}
  .video .show-support footer.video-footer .support{display: none;}
  .show-support .support-out{display: block;width: calc(50% - (100vh * 0.5625) / 2 - 32vw + 60px);}
}
@media (min-width: 960px) and (max-width: 1199px) {
	.tv .show-support .operation-panel .support{height: 36px;margin: 0;display: flex;align-items: flex-end;text-align: left;}
	.tv .show-support footer.video-footer .support{visibility: hidden;}
  .tv.video .show-support footer.video-footer .support{display: none;}
  .tv.replay .show-support footer.video-footer .support{visibility: hidden;display: none;}
  .tv .show-support .support-out{display: block;width: calc(50% - (100vh * 0.5625) / 2 - 32vw + 60px);}
}
@media (min-width: 750px) {
	.show-support footer.video-footer .support{display: none;}
  .show-support .support-out{display: block;width: unset;}
}
@media (orientation: landscape) and (max-width: 1024px){
  .show-support .support-out{display:none}
  .show-support footer.video-footer .support{display:block}
}
@media (orientation: landscape) and (max-height: 500px){
  .video-background.video .video-frame .introduce-panel{position: relative;}
  .video-background.video .video-frame .operation-panel{flex-direction: row-reverse;column-gap: .5rem;}
  .video-background.video .video-frame .video-footer .live-chat-list .chat{max-height: 80px;min-height:unset;}
  .video-background.video .video-frame .introduce-panel .subtit{position: absolute;}
  .video-background.video .video-frame .operation-panel .oper-button{width:36px;height:36px;}
  .video-background.video .video-frame .operation-panel .oper-button i.icon[data-size="3"]{width: 1.5rem;height: 1.5rem;}
}
@media (orientation: landscape) and (max-height: 500px) and (max-width: 520px) {
  .video-background.video .video-frame .introduce-panel,.video-background.video .video-frame .pbox,.video-background.video .video-frame .pbox .run{width:240px !important;}
}
@media (orientation: portrait) and  (max-height: 580px){
  .video-background.video .live_streaming_go{top: unset !important;bottom: 310px;}
}