.svg-inline--fa,
svg:not(:root).svg-inline--fa {
overflow: visible;
}
.svg-inline--fa {
display: inline-block;
font-size: inherit;
height: 1em;
vertical-align: -0.125em;
}
.svg-inline--fa.fa-lg {
vertical-align: -0.225em;
}
.svg-inline--fa.fa-w-1 {
width: 0.0625em;
}
.svg-inline--fa.fa-w-2 {
width: 0.125em;
}
.svg-inline--fa.fa-w-3 {
width: 0.1875em;
}
.svg-inline--fa.fa-w-4 {
width: 0.25em;
}
.svg-inline--fa.fa-w-5 {
width: 0.3125em;
}
.svg-inline--fa.fa-w-6 {
width: 0.375em;
}
.svg-inline--fa.fa-w-7 {
width: 0.4375em;
}
.svg-inline--fa.fa-w-8 {
width: 0.5em;
}
.svg-inline--fa.fa-w-9 {
width: 0.5625em;
}
.svg-inline--fa.fa-w-10 {
width: 0.625em;
}
.svg-inline--fa.fa-w-11 {
width: 0.6875em;
}
.svg-inline--fa.fa-w-12 {
width: 0.75em;
}
.svg-inline--fa.fa-w-13 {
width: 0.8125em;
}
.svg-inline--fa.fa-w-14 {
width: 0.875em;
}
.svg-inline--fa.fa-w-15 {
width: 0.9375em;
}
.svg-inline--fa.fa-w-16 {
width: 1em;
}
.svg-inline--fa.fa-w-17 {
width: 1.0625em;
}
.svg-inline--fa.fa-w-18 {
width: 1.125em;
}
.svg-inline--fa.fa-w-19 {
width: 1.1875em;
}
.svg-inline--fa.fa-w-20 {
width: 1.25em;
}
.svg-inline--fa.fa-pull-left {
margin-right: 0.3em;
width: auto;
}
.svg-inline--fa.fa-pull-right {
margin-left: 0.3em;
width: auto;
}
.svg-inline--fa.fa-border {
height: 1.5em;
}
.svg-inline--fa.fa-li {
width: 2em;
}
.svg-inline--fa.fa-fw {
width: 1.25em;
}
.fa-layers svg.svg-inline--fa {
bottom: 0;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
}
.fa-layers {
display: inline-block;
height: 1em;
position: relative;
text-align: center;
vertical-align: -0.125em;
width: 1em;
}
.fa-layers svg.svg-inline--fa {
transform-origin: center center;
}
.fa-layers-counter,
.fa-layers-text {
display: inline-block;
position: absolute;
text-align: center;
}
.fa-layers-text {
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
transform-origin: center center;
}
.fa-layers-counter {
background-color: #ff253a;
border-radius: 1em;
box-sizing: border-box;
color: #fff;
height: 1.5em;
line-height: 1;
max-width: 5em;
min-width: 1.5em;
overflow: hidden;
padding: 0.25em;
right: 0;
text-overflow: ellipsis;
top: 0;
transform: scale(0.25);
transform-origin: top right;
}
.fa-layers-bottom-right {
bottom: 0;
right: 0;
top: auto;
transform: scale(0.25);
transform-origin: bottom right;
}
.fa-layers-bottom-left {
bottom: 0;
left: 0;
right: auto;
top: auto;
transform: scale(0.25);
transform-origin: bottom left;
}
.fa-layers-top-right {
right: 0;
top: 0;
transform: scale(0.25);
transform-origin: top right;
}
.fa-layers-top-left {
left: 0;
right: auto;
top: 0;
transform: scale(0.25);
transform-origin: top left;
}
.fa-lg {
font-size: 1.33333em;
line-height: 0.75em;
vertical-align: -0.0667em;
}
.fa-xs {
font-size: 0.75em;
}
.fa-sm {
font-size: 0.875em;
}
.fa-1x {
font-size: 1em;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-6x {
font-size: 6em;
}
.fa-7x {
font-size: 7em;
}
.fa-8x {
font-size: 8em;
}
.fa-9x {
font-size: 9em;
}
.fa-10x {
font-size: 10em;
}
.fa-fw {
text-align: center;
width: 1.25em;
}
.fa-ul {
list-style-type: none;
margin-left: 2.5em;
padding-left: 0;
}
.fa-ul > li {
position: relative;
}
.fa-li {
left: -2em;
position: absolute;
text-align: center;
width: 2em;
line-height: inherit;
}
.fa-border {
border: 0.08em solid #eee;
border-radius: 0.1em;
padding: 0.2em 0.25em 0.15em;
}
.fa-pull-left {
float: left;
}
.fa-pull-right {
float: right;
}
.fa.fa-pull-left,
.fab.fa-pull-left,
.fal.fa-pull-left,
.far.fa-pull-left,
.fas.fa-pull-left {
margin-right: 0.3em;
}
.fa.fa-pull-right,
.fab.fa-pull-right,
.fal.fa-pull-right,
.far.fa-pull-right,
.fas.fa-pull-right {
margin-left: 0.3em;
}
.fa-spin {
-webkit-animation: fa-spin 2s linear infinite;
animation: fa-spin 2s linear infinite;
}
.fa-pulse {
-webkit-animation: fa-spin 1s steps(8) infinite;
animation: fa-spin 1s steps(8) infinite;
}
@-webkit-keyframes fa-spin {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
@keyframes fa-spin {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
transform: rotate(90deg);
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
transform: rotate(180deg);
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
transform: rotate(270deg);
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
transform: scaleX(-1);
}
.fa-flip-vertical {
transform: scaleY(-1);
}
.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical,
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
}
.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
transform: scale(-1);
}
:root .fa-flip-both,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270 {
filter: none;
}
.fa-stack {
display: inline-block;
height: 2em;
position: relative;
width: 2.5em;
}
.fa-stack-1x,
.fa-stack-2x {
bottom: 0;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
}
.svg-inline--fa.fa-stack-1x {
height: 1em;
width: 1.25em;
}
.svg-inline--fa.fa-stack-2x {
height: 2em;
width: 2.5em;
}
.fa-inverse {
color: #fff;
}
.sr-only {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.svg-inline--fa .fa-primary {
fill: currentColor;
fill: var(--fa-primary-color, currentColor);
opacity: 1;
opacity: var(--fa-primary-opacity, 1);
}
.svg-inline--fa .fa-secondary {
fill: currentColor;
fill: var(--fa-secondary-color, currentColor);
}
.svg-inline--fa .fa-secondary,
.svg-inline--fa.fa-swap-opacity .fa-primary {
opacity: 0.4;
opacity: var(--fa-secondary-opacity, 0.4);
}
.svg-inline--fa.fa-swap-opacity .fa-secondary {
opacity: 1;
opacity: var(--fa-primary-opacity, 1);
}
.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
fill: #000;
}
.fad.fa-inverse {
color: #fff;
}
.bg-primary-after[data-v-e59be3b4]:after,
.bg-primary-before[data-v-e59be3b4]:before,
.bg-primary[data-v-e59be3b4] {
background-color: #1e90ff;
}
.bg-primary-after-transparency[data-v-e59be3b4]:after,
.bg-primary-before-transparency[data-v-e59be3b4]:before,
.bg-primary-transparency[data-v-e59be3b4] {
background-color: rgba(30, 144, 255, 0.5);
}
.bg-secondary-after[data-v-e59be3b4]:after,
.bg-secondary-before[data-v-e59be3b4]:before,
.bg-secondary[data-v-e59be3b4] {
background-color: #747474;
}
.bg-secondary-after-transparency[data-v-e59be3b4]:after,
.bg-secondary-before-transparency[data-v-e59be3b4]:before,
.bg-secondary-transparency[data-v-e59be3b4] {
background-color: hsla(0, 0%, 45.5%, 0.5);
}
.bg-third-after[data-v-e59be3b4]:after,
.bg-third-before[data-v-e59be3b4]:before,
.bg-third[data-v-e59be3b4] {
background-color: #ccc;
}
.bg-third-after-transparency[data-v-e59be3b4]:after,
.bg-third-before-transparency[data-v-e59be3b4]:before,
.bg-third-transparency[data-v-e59be3b4] {
background-color: hsla(0, 0%, 80%, 0.5);
}
.bg-success-after[data-v-e59be3b4]:after,
.bg-success-before[data-v-e59be3b4]:before,
.bg-success[data-v-e59be3b4] {
background-color: #9acd32;
}
.bg-success-after-transparency[data-v-e59be3b4]:after,
.bg-success-before-transparency[data-v-e59be3b4]:before,
.bg-success-transparency[data-v-e59be3b4] {
background-color: rgba(154, 205, 50, 0.5);
}
.bg-danger-after[data-v-e59be3b4]:after,
.bg-danger-before[data-v-e59be3b4]:before,
.bg-danger[data-v-e59be3b4] {
background-color: #ff4500;
}
.bg-danger-after-transparency[data-v-e59be3b4]:after,
.bg-danger-before-transparency[data-v-e59be3b4]:before,
.bg-danger-transparency[data-v-e59be3b4] {
background-color: rgba(255, 69, 0, 0.5);
}
.bg-grey-after[data-v-e59be3b4]:after,
.bg-grey-before[data-v-e59be3b4]:before,
.bg-grey[data-v-e59be3b4] {
background-color: #999;
}
.bg-grey-after-transparency[data-v-e59be3b4]:after,
.bg-grey-before-transparency[data-v-e59be3b4]:before,
.bg-grey-transparency[data-v-e59be3b4] {
background-color: hsla(0, 0%, 60%, 0.5);
}
.bg-info-after[data-v-e59be3b4]:after,
.bg-info-before[data-v-e59be3b4]:before,
.bg-info[data-v-e59be3b4] {
background-color: #17a2b8;
}
.bg-info-after-transparency[data-v-e59be3b4]:after,
.bg-info-before-transparency[data-v-e59be3b4]:before,
.bg-info-transparency[data-v-e59be3b4] {
background-color: rgba(23, 162, 184, 0.5);
}
.bg-warning-after[data-v-e59be3b4]:after,
.bg-warning-before[data-v-e59be3b4]:before,
.bg-warning[data-v-e59be3b4] {
background-color: #ffa300;
}
.bg-warning-after-transparency[data-v-e59be3b4]:after,
.bg-warning-before-transparency[data-v-e59be3b4]:before,
.bg-warning-transparency[data-v-e59be3b4] {
background-color: rgba(255, 163, 0, 0.5);
}
.bg-light-after[data-v-e59be3b4]:after,
.bg-light-before[data-v-e59be3b4]:before,
.bg-light[data-v-e59be3b4] {
background-color: #f5f5f5;
}
.bg-light-after-transparency[data-v-e59be3b4]:after,
.bg-light-before-transparency[data-v-e59be3b4]:before,
.bg-light-transparency[data-v-e59be3b4] {
background-color: hsla(0, 0%, 96.1%, 0.5);
}
.bg-dark-after[data-v-e59be3b4]:after,
.bg-dark-before[data-v-e59be3b4]:before,
.bg-dark[data-v-e59be3b4] {
background-color: #24292e;
}
.bg-dark-after-transparency[data-v-e59be3b4]:after,
.bg-dark-before-transparency[data-v-e59be3b4]:before,
.bg-dark-transparency[data-v-e59be3b4] {
background-color: rgba(36, 41, 46, 0.5);
}
.bg-default-after[data-v-e59be3b4]:after,
.bg-default-before[data-v-e59be3b4]:before,
.bg-default[data-v-e59be3b4] {
background-color: #ccc;
}
.bg-default-after-transparency[data-v-e59be3b4]:after,
.bg-default-before-transparency[data-v-e59be3b4]:before,
.bg-default-transparency[data-v-e59be3b4] {
background-color: hsla(0, 0%, 80%, 0.5);
}
.bg-white-after[data-v-e59be3b4]:after,
.bg-white-before[data-v-e59be3b4]:before,
.bg-white[data-v-e59be3b4] {
background-color: #fff;
}
.bg-white-after-transparency[data-v-e59be3b4]:after,
.bg-white-before-transparency[data-v-e59be3b4]:before,
.bg-white-transparency[data-v-e59be3b4] {
background-color: hsla(0, 0%, 100%, 0.5);
}
.bg-black-after[data-v-e59be3b4]:after,
.bg-black-before[data-v-e59be3b4]:before,
.bg-black[data-v-e59be3b4] {
background-color: #000;
}
.bg-black-after-transparency[data-v-e59be3b4]:after,
.bg-black-before-transparency[data-v-e59be3b4]:before,
.bg-black-transparency[data-v-e59be3b4] {
background-color: rgba(0, 0, 0, 0.5);
}
.fill-primary path[data-v-e59be3b4] {
fill: #1e90ff;
}
.fill-secondary path[data-v-e59be3b4] {
fill: #747474;
}
.fill-third path[data-v-e59be3b4] {
fill: #ccc;
}
.fill-success path[data-v-e59be3b4] {
fill: #9acd32;
}
.fill-danger path[data-v-e59be3b4] {
fill: #ff4500;
}
.fill-grey path[data-v-e59be3b4] {
fill: #999;
}
.fill-info path[data-v-e59be3b4] {
fill: #17a2b8;
}
.fill-warning path[data-v-e59be3b4] {
fill: #ffa300;
}
.fill-light path[data-v-e59be3b4] {
fill: #f5f5f5;
}
.fill-dark path[data-v-e59be3b4] {
fill: #24292e;
}
.fill-default path[data-v-e59be3b4] {
fill: #ccc;
}
.fill-white path[data-v-e59be3b4] {
fill: #fff;
}
.fill-black path[data-v-e59be3b4] {
fill: #000;
}
.label[data-v-e59be3b4] {
border-radius: 2px;
padding: 2px 4px;
color: #fff;
font-size: 0.714em;
}
.label-primary[data-v-e59be3b4],
.label[data-v-e59be3b4] {
background-color: #1e90ff;
}
.label-primary-outline[data-v-e59be3b4] {
background-color: transparent;
border: 1px solid #1e90ff;
color: #1e90ff;
}
.label-secondary[data-v-e59be3b4] {
background-color: #747474;
}
.label-secondary-outline[data-v-e59be3b4] {
background-color: transparent;
border: 1px solid #747474;
color: #747474;
}
.label-third[data-v-e59be3b4] {
background-color: #ccc;
}
.label-third-outline[data-v-e59be3b4] {
background-color: transparent;
border: 1px solid #ccc;
color: #ccc;
}
.label-success[data-v-e59be3b4] {
background-color: #9acd32;
}
.label-success-outline[data-v-e59be3b4] {
background-color: transparent;
border: 1px solid #9acd32;
color: #9acd32;
}
.label-danger[data-v-e59be3b4] {
background-color: #ff4500;
}
.label-danger-outline[data-v-e59be3b4] {
background-color: transparent;
border: 1px solid #ff4500;
color: #ff4500;
}
.label-grey[data-v-e59be3b4] {
background-color: #999;
}
.label-grey-outline[data-v-e59be3b4] {
background-color: transparent;
border: 1px solid #999;
color: #999;
}
.label-info[data-v-e59be3b4] {
background-color: #17a2b8;
}
.label-info-outline[data-v-e59be3b4] {
background-color: transparent;
border: 1px solid #17a2b8;
color: #17a2b8;
}
.label-warning[data-v-e59be3b4] {
background-color: #ffa300;
}
.label-warning-outline[data-v-e59be3b4] {
background-color: transparent;
border: 1px solid #ffa300;
color: #ffa300;
}
.label-light[data-v-e59be3b4] {
background-color: #f5f5f5;
}
.label-light-outline[data-v-e59be3b4] {
background-color: transparent;
border: 1px solid #f5f5f5;
color: #f5f5f5;
}
.label-dark[data-v-e59be3b4] {
background-color: #24292e;
}
.label-dark-outline[data-v-e59be3b4] {
background-color: transparent;
border: 1px solid #24292e;
color: #24292e;
}
.label-default[data-v-e59be3b4] {
background-color: #ccc;
}
.label-default-outline[data-v-e59be3b4] {
background-color: transparent;
border: 1px solid #ccc;
color: #ccc;
}
.label-white[data-v-e59be3b4] {
background-color: #fff;
}
.label-white-outline[data-v-e59be3b4] {
background-color: transparent;
border: 1px solid #fff;
color: #fff;
}
.label-black[data-v-e59be3b4] {
background-color: #000;
}
.label-black-outline[data-v-e59be3b4] {
background-color: transparent;
border: 1px solid #000;
color: #000;
}
.dot[data-v-e59be3b4] {
width: 6px;
height: 6px;
border-radius: 6px;
}
.dot-primary[data-v-e59be3b4],
.dot[data-v-e59be3b4] {
background-color: #1e90ff;
}
.dot-primary-outline[data-v-e59be3b4] {
background-color: transparent;
border: 1px solid #1e90ff;
color: #1e90ff;
}
.dot-secondary[data-v-e59be3b4] {
background-color: #747474;
}
.dot-secondary-outline[data-v-e59be3b4] {
background-color: transparent;
border: 1px solid #747474;
color: #747474;
}
.dot-third[data-v-e59be3b4] {
background-color: #ccc;
}
.dot-third-outline[data-v-e59be3b4] {
background-color: transparent;
border: 1px solid #ccc;
color: #ccc;
}
.dot-success[data-v-e59be3b4] {
background-color: #9acd32;
}
.dot-success-outline[data-v-e59be3b4] {
background-color: transparent;
border: 1px solid #9acd32;
color: #9acd32;
}
.dot-danger[data-v-e59be3b4] {
background-color: #ff4500;
}
.dot-danger-outline[data-v-e59be3b4] {
background-color: transparent;
border: 1px solid #ff4500;
color: #ff4500;
}
.dot-grey[data-v-e59be3b4] {
background-color: #999;
}
.dot-grey-outline[data-v-e59be3b4] {
background-color: transparent;
border: 1px solid #999;
color: #999;
}
.dot-info[data-v-e59be3b4] {
background-color: #17a2b8;
}
.dot-info-outline[data-v-e59be3b4] {
background-color: transparent;
border: 1px solid #17a2b8;
color: #17a2b8;
}
.dot-warning[data-v-e59be3b4] {
background-color: #ffa300;
}
.dot-warning-outline[data-v-e59be3b4] {
background-color: transparent;
border: 1px solid #ffa300;
color: #ffa300;
}
.dot-light[data-v-e59be3b4] {
background-color: #f5f5f5;
}
.dot-light-outline[data-v-e59be3b4] {
background-color: transparent;
border: 1px solid #f5f5f5;
color: #f5f5f5;
}
.dot-dark[data-v-e59be3b4] {
background-color: #24292e;
}
.dot-dark-outline[data-v-e59be3b4] {
background-color: transparent;
border: 1px solid #24292e;
color: #24292e;
}
.dot-default[data-v-e59be3b4] {
background-color: #ccc;
}
.dot-default-outline[data-v-e59be3b4] {
background-color: transparent;
border: 1px solid #ccc;
color: #ccc;
}
.dot-white[data-v-e59be3b4] {
background-color: #fff;
}
.dot-white-outline[data-v-e59be3b4] {
background-color: transparent;
border: 1px solid #fff;
color: #fff;
}
.dot-black[data-v-e59be3b4] {
background-color: #000;
}
.dot-black-outline[data-v-e59be3b4] {
background-color: transparent;
border: 1px solid #000;
color: #000;
}
a[data-v-e59be3b4] {
color: #1e90ff;
text-decoration: none;
}
a[data-v-e59be3b4]:focus,
a[data-v-e59be3b4]:hover {
text-decoration: underline;
}
.btn[data-v-e59be3b4] {
border: 1px solid transparent;
outline: none;
cursor: pointer;
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
background-color: #1e90ff;
color: #fff;
display: inline-block;
border-radius: 8px;
line-height: 1;
box-sizing: border-box;
padding: 12px 20px;
font-size: 1em;
font-weight: inherit;
margin: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: auto;
overflow: visible;
-webkit-font-smoothing: inherit;
text-decoration: none;
-moz-osx-font-smoothing: inherit;
}
.btn[data-v-e59be3b4]:focus,
.btn[data-v-e59be3b4]:hover {
background-color: #0077ea;
}
.btn.active[data-v-e59be3b4] {
background-color: #1e90ff;
}
.btn.active[data-v-e59be3b4],
.btn[data-v-e59be3b4]:focus {
box-shadow: 0 0 0 0.143rem rgba(30, 144, 255, 0.5);
}
.btn.active[data-v-e59be3b4],
.btn[data-v-e59be3b4]:focus,
.btn[data-v-e59be3b4]:hover {
text-decoration: none;
}
.btn--rounded[data-v-e59be3b4] {
border-radius: 50px;
}
.btn--block[data-v-e59be3b4] {
width: 100%;
}
.btn--lg[data-v-e59be3b4] {
padding: 16px 22px;
font-size: 1.143em;
}
.btn--md[data-v-e59be3b4] {
padding: 10px 20px;
font-size: 1em;
}
.btn--sm[data-v-e59be3b4] {
padding: 9px 15px;
font-size: 0.857em;
}
.btn--mini[data-v-e59be3b4] {
padding: 7px 15px;
font-size: 0.857em;
}
.btn--fab[data-v-e59be3b4] {
border-radius: 50%;
padding: 0;
height: 40px;
width: 40px;
}
.btn--fab.btn--lg[data-v-e59be3b4] {
height: 50px;
width: 50px;
}
.btn--fab.btn--md[data-v-e59be3b4] {
height: 36px;
width: 36px;
}
.btn--fab.btn--sm[data-v-e59be3b4] {
height: 32px;
width: 32px;
}
.btn--fab.btn--mini[data-v-e59be3b4] {
height: 28px;
width: 28px;
}
.btn--light[data-v-e59be3b4],
.btn--white[data-v-e59be3b4] {
color: #747474;
}
.btn--primary[data-v-e59be3b4] {
background-color: #1e90ff;
}
.btn--primary[data-v-e59be3b4]:focus,
.btn--primary[data-v-e59be3b4]:hover {
background-color: #0077ea;
}
.btn--primary.active[data-v-e59be3b4] {
background-color: #1e90ff;
}
.btn--primary.active[data-v-e59be3b4],
.btn--primary[data-v-e59be3b4]:focus {
box-shadow: 0 0 0 0.143rem rgba(30, 144, 255, 0.5);
}
.btn--primary--outline[data-v-e59be3b4] {
background-color: rgba(30, 144, 255, 0.05);
border: 1px solid #1e90ff;
color: #1e90ff;
}
.btn--primary--outline.active[data-v-e59be3b4],
.btn--primary--outline[data-v-e59be3b4]:focus,
.btn--primary--outline[data-v-e59be3b4]:hover {
background-color: #1e90ff;
color: #fff;
}
.btn--primary--outline.active[data-v-e59be3b4],
.btn--primary--outline[data-v-e59be3b4]:focus {
box-shadow: 0 0 0 0.143rem rgba(30, 144, 255, 0.5);
}
.btn--secondary[data-v-e59be3b4] {
background-color: #747474;
}
.btn--secondary[data-v-e59be3b4]:focus,
.btn--secondary[data-v-e59be3b4]:hover {
background-color: #5b5b5b;
}
.btn--secondary.active[data-v-e59be3b4] {
background-color: #747474;
}
.btn--secondary.active[data-v-e59be3b4],
.btn--secondary[data-v-e59be3b4]:focus {
box-shadow: 0 0 0 0.143rem hsla(0, 0%, 45.5%, 0.5);
}
.btn--secondary--outline[data-v-e59be3b4] {
background-color: hsla(0, 0%, 45.5%, 0.05);
border: 1px solid #747474;
color: #747474;
}
.btn--secondary--outline.active[data-v-e59be3b4],
.btn--secondary--outline[data-v-e59be3b4]:focus,
.btn--secondary--outline[data-v-e59be3b4]:hover {
background-color: #747474;
color: #fff;
}
.btn--secondary--outline.active[data-v-e59be3b4],
.btn--secondary--outline[data-v-e59be3b4]:focus {
box-shadow: 0 0 0 0.143rem hsla(0, 0%, 45.5%, 0.5);
}
.btn--third[data-v-e59be3b4] {
background-color: #ccc;
}
.btn--third[data-v-e59be3b4]:focus,
.btn--third[data-v-e59be3b4]:hover {
background-color: #b3b3b3;
}
.btn--third.active[data-v-e59be3b4] {
background-color: #ccc;
}
.btn--third.active[data-v-e59be3b4],
.btn--third[data-v-e59be3b4]:focus {
box-shadow: 0 0 0 0.143rem hsla(0, 0%, 80%, 0.5);
}
.btn--third--outline[data-v-e59be3b4] {
background-color: hsla(0, 0%, 80%, 0.05);
border: 1px solid #ccc;
color: #ccc;
}
.btn--third--outline.active[data-v-e59be3b4],
.btn--third--outline[data-v-e59be3b4]:focus,
.btn--third--outline[data-v-e59be3b4]:hover {
background-color: #ccc;
color: #fff;
}
.btn--third--outline.active[data-v-e59be3b4],
.btn--third--outline[data-v-e59be3b4]:focus {
box-shadow: 0 0 0 0.143rem hsla(0, 0%, 80%, 0.5);
}
.btn--success[data-v-e59be3b4] {
background-color: #9acd32;
}
.btn--success[data-v-e59be3b4]:focus,
.btn--success[data-v-e59be3b4]:hover {
background-color: #7ba428;
}
.btn--success.active[data-v-e59be3b4] {
background-color: #9acd32;
}
.btn--success.active[data-v-e59be3b4],
.btn--success[data-v-e59be3b4]:focus {
box-shadow: 0 0 0 0.143rem rgba(154, 205, 50, 0.5);
}
.btn--success--outline[data-v-e59be3b4] {
background-color: rgba(154, 205, 50, 0.05);
border: 1px solid #9acd32;
color: #9acd32;
}
.btn--success--outline.active[data-v-e59be3b4],
.btn--success--outline[data-v-e59be3b4]:focus,
.btn--success--outline[data-v-e59be3b4]:hover {
background-color: #9acd32;
color: #fff;
}
.btn--success--outline.active[data-v-e59be3b4],
.btn--success--outline[data-v-e59be3b4]:focus {
box-shadow: 0 0 0 0.143rem rgba(154, 205, 50, 0.5);
}
.btn--danger[data-v-e59be3b4] {
background-color: #ff4500;
}
.btn--danger[data-v-e59be3b4]:focus,
.btn--danger[data-v-e59be3b4]:hover {
background-color: #cc3700;
}
.btn--danger.active[data-v-e59be3b4] {
background-color: #ff4500;
}
.btn--danger.active[data-v-e59be3b4],
.btn--danger[data-v-e59be3b4]:focus {
box-shadow: 0 0 0 0.143rem rgba(255, 69, 0, 0.5);
}
.btn--danger--outline[data-v-e59be3b4] {
background-color: rgba(255, 69, 0, 0.05);
border: 1px solid #ff4500;
color: #ff4500;
}
.btn--danger--outline.active[data-v-e59be3b4],
.btn--danger--outline[data-v-e59be3b4]:focus,
.btn--danger--outline[data-v-e59be3b4]:hover {
background-color: #ff4500;
color: #fff;
}
.btn--danger--outline.active[data-v-e59be3b4],
.btn--danger--outline[data-v-e59be3b4]:focus {
box-shadow: 0 0 0 0.143rem rgba(255, 69, 0, 0.5);
}
.btn--grey[data-v-e59be3b4] {
background-color: #999;
}
.btn--grey[data-v-e59be3b4]:focus,
.btn--grey[data-v-e59be3b4]:hover {
background-color: grey;
}
.btn--grey.active[data-v-e59be3b4] {
background-color: #999;
}
.btn--grey.active[data-v-e59be3b4],
.btn--grey[data-v-e59be3b4]:focus {
box-shadow: 0 0 0 0.143rem hsla(0, 0%, 60%, 0.5);
}
.btn--grey--outline[data-v-e59be3b4] {
background-color: hsla(0, 0%, 60%, 0.05);
border: 1px solid #999;
color: #999;
}
.btn--grey--outline.active[data-v-e59be3b4],
.btn--grey--outline[data-v-e59be3b4]:focus,
.btn--grey--outline[data-v-e59be3b4]:hover {
background-color: #999;
color: #fff;
}
.btn--grey--outline.active[data-v-e59be3b4],
.btn--grey--outline[data-v-e59be3b4]:focus {
box-shadow: 0 0 0 0.143rem hsla(0, 0%, 60%, 0.5);
}
.btn--info[data-v-e59be3b4] {
background-color: #17a2b8;
}
.btn--info[data-v-e59be3b4]:focus,
.btn--info[data-v-e59be3b4]:hover {
background-color: #117a8b;
}
.btn--info.active[data-v-e59be3b4] {
background-color: #17a2b8;
}
.btn--info.active[data-v-e59be3b4],
.btn--info[data-v-e59be3b4]:focus {
box-shadow: 0 0 0 0.143rem rgba(23, 162, 184, 0.5);
}
.btn--info--outline[data-v-e59be3b4] {
background-color: rgba(23, 162, 184, 0.05);
border: 1px solid #17a2b8;
color: #17a2b8;
}
.btn--info--outline.active[data-v-e59be3b4],
.btn--info--outline[data-v-e59be3b4]:focus,
.btn--info--outline[data-v-e59be3b4]:hover {
background-color: #17a2b8;
color: #fff;
}
.btn--info--outline.active[data-v-e59be3b4],
.btn--info--outline[data-v-e59be3b4]:focus {
box-shadow: 0 0 0 0.143rem rgba(23, 162, 184, 0.5);
}
.btn--warning[data-v-e59be3b4] {
background-color: #ffa300;
}
.btn--warning[data-v-e59be3b4]:focus,
.btn--warning[data-v-e59be3b4]:hover {
background-color: #cc8200;
}
.btn--warning.active[data-v-e59be3b4] {
background-color: #ffa300;
}
.btn--warning.active[data-v-e59be3b4],
.btn--warning[data-v-e59be3b4]:focus {
box-shadow: 0 0 0 0.143rem rgba(255, 163, 0, 0.5);
}
.btn--warning--outline[data-v-e59be3b4] {
background-color: rgba(255, 163, 0, 0.05);
border: 1px solid #ffa300;
color: #ffa300;
}
.btn--warning--outline.active[data-v-e59be3b4],
.btn--warning--outline[data-v-e59be3b4]:focus,
.btn--warning--outline[data-v-e59be3b4]:hover {
background-color: #ffa300;
color: #fff;
}
.btn--warning--outline.active[data-v-e59be3b4],
.btn--warning--outline[data-v-e59be3b4]:focus {
box-shadow: 0 0 0 0.143rem rgba(255, 163, 0, 0.5);
}
.btn--light[data-v-e59be3b4] {
background-color: #f5f5f5;
}
.btn--light[data-v-e59be3b4]:focus,
.btn--light[data-v-e59be3b4]:hover {
background-color: #dcdcdc;
}
.btn--light.active[data-v-e59be3b4] {
background-color: #f5f5f5;
}
.btn--light.active[data-v-e59be3b4],
.btn--light[data-v-e59be3b4]:focus {
box-shadow: 0 0 0 0.143rem hsla(0, 0%, 96.1%, 0.5);
}
.btn--light--outline[data-v-e59be3b4] {
background-color: hsla(0, 0%, 96.1%, 0.05);
border: 1px solid #f5f5f5;
color: #f5f5f5;
}
.btn--light--outline.active[data-v-e59be3b4],
.btn--light--outline[data-v-e59be3b4]:focus,
.btn--light--outline[data-v-e59be3b4]:hover {
background-color: #f5f5f5;
color: #fff;
}
.btn--light--outline.active[data-v-e59be3b4],
.btn--light--outline[data-v-e59be3b4]:focus {
box-shadow: 0 0 0 0.143rem hsla(0, 0%, 96.1%, 0.5);
}
.btn--dark[data-v-e59be3b4] {
background-color: #24292e;
}
.btn--dark[data-v-e59be3b4]:focus,
.btn--dark[data-v-e59be3b4]:hover {
background-color: #0e1011;
}
.btn--dark.active[data-v-e59be3b4] {
background-color: #24292e;
}
.btn--dark.active[data-v-e59be3b4],
.btn--dark[data-v-e59be3b4]:focus {
box-shadow: 0 0 0 0.143rem rgba(36, 41, 46, 0.5);
}
.btn--dark--outline[data-v-e59be3b4] {
background-color: rgba(36, 41, 46, 0.05);
border: 1px solid #24292e;
color: #24292e;
}
.btn--dark--outline.active[data-v-e59be3b4],
.btn--dark--outline[data-v-e59be3b4]:focus,
.btn--dark--outline[data-v-e59be3b4]:hover {
background-color: #24292e;
color: #fff;
}
.btn--dark--outline.active[data-v-e59be3b4],
.btn--dark--outline[data-v-e59be3b4]:focus {
box-shadow: 0 0 0 0.143rem rgba(36, 41, 46, 0.5);
}
.btn--default[data-v-e59be3b4] {
background-color: #ccc;
}
.btn--default[data-v-e59be3b4]:focus,
.btn--default[data-v-e59be3b4]:hover {
background-color: #b3b3b3;
}
.btn--default.active[data-v-e59be3b4] {
background-color: #ccc;
}
.btn--default.active[data-v-e59be3b4],
.btn--default[data-v-e59be3b4]:focus {
box-shadow: 0 0 0 0.143rem hsla(0, 0%, 80%, 0.5);
}
.btn--default--outline[data-v-e59be3b4] {
background-color: hsla(0, 0%, 80%, 0.05);
border: 1px solid #ccc;
color: #ccc;
}
.btn--default--outline.active[data-v-e59be3b4],
.btn--default--outline[data-v-e59be3b4]:focus,
.btn--default--outline[data-v-e59be3b4]:hover {
background-color: #ccc;
color: #fff;
}
.btn--default--outline.active[data-v-e59be3b4],
.btn--default--outline[data-v-e59be3b4]:focus {
box-shadow: 0 0 0 0.143rem hsla(0, 0%, 80%, 0.5);
}
.btn--white[data-v-e59be3b4] {
background-color: #fff;
}
.btn--white[data-v-e59be3b4]:focus,
.btn--white[data-v-e59be3b4]:hover {
background-color: #e6e6e6;
}
.btn--white.active[data-v-e59be3b4] {
background-color: #fff;
}
.btn--white.active[data-v-e59be3b4],
.btn--white[data-v-e59be3b4]:focus {
box-shadow: 0 0 0 0.143rem hsla(0, 0%, 100%, 0.5);
}
.btn--white--outline[data-v-e59be3b4] {
background-color: hsla(0, 0%, 100%, 0.05);
border: 1px solid #fff;
color: #fff;
}
.btn--white--outline.active[data-v-e59be3b4],
.btn--white--outline[data-v-e59be3b4]:focus,
.btn--white--outline[data-v-e59be3b4]:hover {
background-color: #fff;
color: #fff;
}
.btn--white--outline.active[data-v-e59be3b4],
.btn--white--outline[data-v-e59be3b4]:focus {
box-shadow: 0 0 0 0.143rem hsla(0, 0%, 100%, 0.5);
}
.btn--black.active[data-v-e59be3b4],
.btn--black[data-v-e59be3b4],
.btn--black[data-v-e59be3b4]:focus,
.btn--black[data-v-e59be3b4]:hover {
background-color: #000;
}
.btn--black.active[data-v-e59be3b4],
.btn--black[data-v-e59be3b4]:focus {
box-shadow: 0 0 0 0.143rem rgba(0, 0, 0, 0.5);
}
.btn--black--outline[data-v-e59be3b4] {
background-color: rgba(0, 0, 0, 0.05);
border: 1px solid #000;
color: #000;
}
.btn--black--outline.active[data-v-e59be3b4],
.btn--black--outline[data-v-e59be3b4]:focus,
.btn--black--outline[data-v-e59be3b4]:hover {
background-color: #000;
color: #fff;
}
.btn--black--outline.active[data-v-e59be3b4],
.btn--black--outline[data-v-e59be3b4]:focus {
box-shadow: 0 0 0 0.143rem rgba(0, 0, 0, 0.5);
}
.btn--default--outline[data-v-e59be3b4] {
color: #747474;
}
.btn--disabled[data-v-e59be3b4]:disabled {
box-shadow: none;
background-color: #ccc;
border: 1px solid #ccc;
color: #fff;
cursor: not-allowed;
}
.badge[data-v-e59be3b4] {
background: #999;
height: 22px;
line-height: 22px;
border-radius: 22px;
padding: 0 5px;
font-size: 0.857em;
color: #888;
font-weight: 500;
}
.badge-primary[data-v-e59be3b4] {
background-color: #1e90ff;
color: #fff;
}
.badge-secondary[data-v-e59be3b4] {
background-color: #747474;
color: #fff;
}
.badge-third[data-v-e59be3b4] {
background-color: #ccc;
color: #fff;
}
.badge-success[data-v-e59be3b4] {
background-color: #9acd32;
color: #fff;
}
.badge-danger[data-v-e59be3b4] {
background-color: #ff4500;
color: #fff;
}
.badge-grey[data-v-e59be3b4] {
background-color: #999;
color: #fff;
}
.badge-info[data-v-e59be3b4] {
background-color: #17a2b8;
color: #fff;
}
.badge-warning[data-v-e59be3b4] {
background-color: #ffa300;
color: #fff;
}
.badge-light[data-v-e59be3b4] {
background-color: #f5f5f5;
color: #fff;
}
.badge-dark[data-v-e59be3b4] {
background-color: #24292e;
color: #fff;
}
.badge-default[data-v-e59be3b4] {
background-color: #ccc;
color: #fff;
}
.badge-white[data-v-e59be3b4] {
background-color: #fff;
color: #fff;
}
.badge-black[data-v-e59be3b4] {
background-color: #000;
color: #fff;
}
table.md[data-v-e59be3b4] {
border-spacing: 0;
border-radius: 8px;
border-collapse: collapse;
width: 100%;
table-layout: fixed;
word-wrap: break-word;
overflow: hidden;
word-break: break-all;
margin-top: 0;
margin-bottom: 16px;
font-size: 1em;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
table.md tr[data-v-e59be3b4] {
background-color: #fff;
width: 100%;
}
table.md tr td[data-v-e59be3b4],
table.md tr th[data-v-e59be3b4] {
padding: 6px 13px;
text-align: left;
}
table.md tr[data-v-e59be3b4]:nth-child(2n) {
background-color: #f2f2f2;
}
.is-dark table.md[data-v-e59be3b4] {
color: #f2f2f2;
}
.is-dark table.md tr[data-v-e59be3b4] {
background-color: #21222e;
}
.is-dark table.md tr[data-v-e59be3b4]:nth-child(2n) {
background-color: #2e2f40;
}
.is-dark table.md tr td.text-muted[data-v-e59be3b4] {
color: hsla(0, 0%, 100%, 0.3);
}
.slide-enter-active[data-v-e59be3b4],
.slide-leave-active[data-v-e59be3b4] {
opacity: 1;
z-index: 998;
transition: all 0.3s;
transform: translateY(0);
}
.slide-enter[data-v-e59be3b4],
.slide-leave-to[data-v-e59be3b4] {
opacity: 0;
z-index: 998;
transform: translateY(-20px);
}
.tags-enter-active[data-v-e59be3b4],
.tags-leave-active[data-v-e59be3b4] {
opacity: 1;
transition: all 0.3s;
position: absolute;
transform: translateY(0);
}
.tags-enter[data-v-e59be3b4],
.tags-leave-to[data-v-e59be3b4] {
opacity: 0;
transform: translateX(-100%);
}
.slideinvert-enter-active[data-v-e59be3b4],
.slideinvert-leave-active[data-v-e59be3b4] {
opacity: 1;
z-index: 998;
transition: all 0.3s;
transform: translateY(0);
}
.slideinvert-enter[data-v-e59be3b4],
.slideinvert-leave-to[data-v-e59be3b4] {
opacity: 0;
z-index: 998;
transform: translateY(40px);
}
.slidenext-enter-active[data-v-e59be3b4],
.slidenext-leave-active[data-v-e59be3b4],
.slideprev-enter-active[data-v-e59be3b4],
.slideprev-leave-active[data-v-e59be3b4] {
position: absolute;
transition: all 0.3s;
}
.slidenext-enter[data-v-e59be3b4],
.slideprev-leave-to[data-v-e59be3b4] {
transform: translateX(100%);
}
.slidenext-leave-to[data-v-e59be3b4],
.slideprev-enter[data-v-e59be3b4] {
transform: translateX(-100%);
}
.slidevnext-enter-active[data-v-e59be3b4],
.slidevnext-leave-active[data-v-e59be3b4],
.slidevprev-enter-active[data-v-e59be3b4],
.slidevprev-leave-active[data-v-e59be3b4] {
position: absolute;
transition: all 0.3s;
}
.slidevnext-enter[data-v-e59be3b4],
.slidevprev-leave-to[data-v-e59be3b4] {
transform: translateY(100%);
opacity: 0;
}
.slidevnext-leave-to[data-v-e59be3b4],
.slidevprev-enter[data-v-e59be3b4] {
transform: translateY(-100%);
opacity: 0;
}
@media screen and (max-width: 415px) {
.slide-enter-active[data-v-e59be3b4],
.slide-leave-active[data-v-e59be3b4],
.slideinvert-enter-active[data-v-e59be3b4],
.slideinvert-leave-active[data-v-e59be3b4] {
transition: all 0s;
}
}
.spinner-anim[data-v-e59be3b4] {
-webkit-animation: spin-data-v-e59be3b4 0.6s linear infinite;
animation: spin-data-v-e59be3b4 0.6s linear infinite;
}
@-webkit-keyframes spin-data-v-e59be3b4 {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
@keyframes spin-data-v-e59be3b4 {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
.dialog-fade-enter-active .dialog-animation[data-v-e59be3b4] {
-webkit-animation: dialog-fade-in-data-v-e59be3b4 0.4s;
animation: dialog-fade-in-data-v-e59be3b4 0.4s;
}
.dialog-fade-leave-active .dialog-animation[data-v-e59be3b4] {
-webkit-animation: dialog-fade-out-data-v-e59be3b4 0.4s;
animation: dialog-fade-out-data-v-e59be3b4 0.4s;
}
@-webkit-keyframes dialog-fade-in-data-v-e59be3b4 {
0% {
transform: translate3d(0, -30px, 0);
opacity: 0;
}
to {
transform: translateZ(0);
opacity: 1;
}
}
@keyframes dialog-fade-in-data-v-e59be3b4 {
0% {
transform: translate3d(0, -30px, 0);
opacity: 0;
}
to {
transform: translateZ(0);
opacity: 1;
}
}
@-webkit-keyframes dialog-fade-out-data-v-e59be3b4 {
0% {
transform: translateZ(0);
opacity: 1;
}
to {
transform: translate3d(0, -30px, 0);
opacity: 0;
}
}
@keyframes dialog-fade-out-data-v-e59be3b4 {
0% {
transform: translateZ(0);
opacity: 1;
}
to {
transform: translate3d(0, -30px, 0);
opacity: 0;
}
}
.expand-enter-active[data-v-e59be3b4],
.expand-leave-active[data-v-e59be3b4] {
transition: 0.3s ease-in-out;
transition-property: opacity, height;
overflow: hidden;
}
.expand-enter[data-v-e59be3b4],
.expand-leave-to[data-v-e59be3b4] {
height: 0;
opacity: 0;
}
.scale-enter-active[data-v-e59be3b4],
.scale-leave-active[data-v-e59be3b4] {
opacity: 1;
z-index: 1;
transition: all 0.3s cubic-bezier(0.4, 0.52, 0.26, 0.9);
}
.scale-enter[data-v-e59be3b4],
.scale-leave-to[data-v-e59be3b4] {
opacity: 0.4;
z-index: 1;
transform: scale(0);
}
@-webkit-keyframes loading-data-v-e59be3b4 {
0% {
left: -200px;
width: 30%;
}
50% {
width: 30%;
}

70% {
width: 70%;
}
80% {
left: 50%;
}
95% {
left: 120%;
}
to {
left: 100%;
}
}
.flip-list-move[data-v-e59be3b4] {
transition: transform 0.6s;
}
.over-hid[data-v-e59be3b4] {
overflow: hidden;
}
.pos-r[data-v-e59be3b4] {
position: relative;
}
.pos-a[data-v-e59be3b4] {
position: absolute;
}
.flex[data-v-e59be3b4] {
display: flex;
}
.flex.fluid[data-v-e59be3b4] {
width: 100%;
}
.flex.direction-column[data-v-e59be3b4] {
flex-direction: column;
}
.flex.direction-column-reverse[data-v-e59be3b4] {
flex-direction: column-reverse;
}
.flex.direction-row[data-v-e59be3b4] {
flex-direction: row;
}
.flex.direction-row-reverse[data-v-e59be3b4] {
flex-direction: row-reverse;
}
.flex.align-center[data-v-e59be3b4] {
align-items: center;
}
.flex.align-start[data-v-e59be3b4] {
align-items: flex-start;
}
.flex.align-end[data-v-e59be3b4] {
align-items: flex-end;
}
.flex.justify-start[data-v-e59be3b4] {
justify-content: flex-start;
}
.flex.justify-end[data-v-e59be3b4] {
justify-content: flex-end;
}
.flex.justify-center[data-v-e59be3b4] {
justify-content: center;
}
.flex.space-between[data-v-e59be3b4] {
justify-content: space-between;
}
.flex.space-around[data-v-e59be3b4] {
justify-content: space-around;
}
.flex.flex-center[data-v-e59be3b4] {
justify-content: center;
align-items: center;
}
.flex.flex--wrap[data-v-e59be3b4] {
flex-wrap: wrap;
}
.flex.flex--grow[data-v-e59be3b4] {
flex-grow: 1;
}
.flex-fill[data-v-e59be3b4] {
flex: 0 1 auto;
}
.flex-fixed[data-v-e59be3b4] {
flex: 0 0 auto;
}
.flex-1[data-v-e59be3b4] {
flex: 1;
}
.flex-100[data-v-e59be3b4] {
flex: 0 1 100%;
}
.flex-75[data-v-e59be3b4] {
flex: 0 1 75%;
}
.flex-50[data-v-e59be3b4] {
flex: 0 1 50%;
}
.flex-33[data-v-e59be3b4] {
flex: 0 1 33.33%;
}
.flex-25[data-v-e59be3b4] {
flex: 0 1 25%;
}
.flex-20[data-v-e59be3b4] {
flex: 0 1 20%;
}
.flex-16[data-v-e59be3b4] {
flex: 0 1 16.66%;
}
.text-muted-white[data-v-e59be3b4] {
color: hsla(0, 0%, 100%, 0.54);
}
.text-muted[data-v-e59be3b4] {
color: rgba(0, 0, 0, 0.54);
}
.is-dark .text-muted[data-v-e59be3b4] {
color: hsla(0, 0%, 100%, 0.54);
}
.text-strong[data-v-e59be3b4] {
font-weight: 500;
}
.text-center[data-v-e59be3b4] {
text-align: center;
}
.text-left[data-v-e59be3b4] {
text-align: left;
}
.text-right[data-v-e59be3b4] {
text-align: right;
}
.text-primary[data-v-e59be3b4] {
color: #1e90ff;
}
.text-secondary[data-v-e59be3b4] {
color: #747474;
}
.text-third[data-v-e59be3b4] {
color: #ccc;
}
.text-success[data-v-e59be3b4] {
color: #9acd32;
}
.text-danger[data-v-e59be3b4] {
color: #ff4500;
}
.text-grey[data-v-e59be3b4] {
color: #999;
}
.text-info[data-v-e59be3b4] {
color: #17a2b8;
}
.text-warning[data-v-e59be3b4] {
color: #ffa300;
}
.text-light[data-v-e59be3b4] {
color: #f5f5f5;
}
.text-dark[data-v-e59be3b4] {
color: #24292e;
}
.text-default[data-v-e59be3b4] {
color: #ccc;
}
.text-white[data-v-e59be3b4] {
color: #fff;
}
.text-black[data-v-e59be3b4] {
color: #000;
}
.dots-text[data-v-e59be3b4] {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.dots-text-3[data-v-e59be3b4] {
overflow: hidden;
position: relative;
line-height: 1.3em;
max-height: 3.9em;
text-align: justify;
margin-right: -1em;
padding-right: 1em;
}
.dots-text-3[data-v-e59be3b4]:before {
content: "...";
position: absolute;
right: 3px;
bottom: 2px;
}
.dots-text-3[data-v-e59be3b4]:after {
content: "";
position: absolute;
right: 0;
width: 1em;
height: 1em;
margin-top: 0.2em;
background: #fff;
}
.dots-text-2[data-v-e59be3b4] {
overflow: hidden;
position: relative;
line-height: 1.3em;
max-height: 2.6em;
text-align: justify;
margin-right: -1em;
padding-right: 1em;
}
.dots-text-2[data-v-e59be3b4]:before {
content: "...";
position: absolute;
right: 3px;
bottom: 2px;
}
.dots-text-2[data-v-e59be3b4]:after {
content: "";
position: absolute;
right: 0;
width: 1em;
height: 1em;
margin-top: 0.2em;
background: #fff;
}
.container[data-v-e59be3b4] {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (max-width: 768px) {
.container[data-v-e59be3b4] {
max-width: 100%;
}
}
@media (min-width: 768px) {
.container[data-v-e59be3b4] {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.container[data-v-e59be3b4] {
max-width: 1024px;
}
}
@media (min-width: 1440px) {
.container[data-v-e59be3b4] {
max-width: 1440px;
}
}
@media (min-width: 2560px) {
.container[data-v-e59be3b4] {
max-width: 2560px;
}
}
.pr-0[data-v-e59be3b4] {
padding-right: 0;
}
.pt-0[data-v-e59be3b4] {
padding-top: 0;
}
.pb-0[data-v-e59be3b4] {
padding-bottom: 0;
}
.pl-0[data-v-e59be3b4] {
padding-left: 0;
}
.px-0[data-v-e59be3b4] {
padding-left: 0;
padding-right: 0;
}
.py-0[data-v-e59be3b4] {
padding-top: 0;
padding-bottom: 0;
}
.p-0[data-v-e59be3b4] {
padding: 0;
}
.pr-1[data-v-e59be3b4] {
padding-right: 0.25rem;
}
.pt-1[data-v-e59be3b4] {
padding-top: 0.25rem;
}
.pb-1[data-v-e59be3b4] {
padding-bottom: 0.25rem;
}
.pl-1[data-v-e59be3b4] {
padding-left: 0.25rem;
}
.px-1[data-v-e59be3b4] {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.py-1[data-v-e59be3b4] {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.p-1[data-v-e59be3b4] {
padding: 0.25rem;
}
.pr-2[data-v-e59be3b4] {
padding-right: 0.5rem;
}
.pt-2[data-v-e59be3b4] {
padding-top: 0.5rem;
}
.pb-2[data-v-e59be3b4] {
padding-bottom: 0.5rem;
}
.pl-2[data-v-e59be3b4] {
padding-left: 0.5rem;
}
.px-2[data-v-e59be3b4] {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.py-2[data-v-e59be3b4] {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.p-2[data-v-e59be3b4] {
padding: 0.5rem;
}
.pr-3[data-v-e59be3b4] {
padding-right: 1rem;
}
.pt-3[data-v-e59be3b4] {
padding-top: 1rem;
}
.pb-3[data-v-e59be3b4] {
padding-bottom: 1rem;
}
.pl-3[data-v-e59be3b4] {
padding-left: 1rem;
}
.px-3[data-v-e59be3b4] {
padding-left: 1rem;
padding-right: 1rem;
}
.py-3[data-v-e59be3b4] {
padding-top: 1rem;
padding-bottom: 1rem;
}
.p-3[data-v-e59be3b4] {
padding: 1rem;
}
.pr-4[data-v-e59be3b4] {
padding-right: 1.5rem;
}
.pt-4[data-v-e59be3b4] {
padding-top: 1.5rem;
}
.pb-4[data-v-e59be3b4] {
padding-bottom: 1.5rem;
}
.pl-4[data-v-e59be3b4] {
padding-left: 1.5rem;
}
.px-4[data-v-e59be3b4] {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.py-4[data-v-e59be3b4] {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.p-4[data-v-e59be3b4] {
padding: 1.5rem;
}
.pr-5[data-v-e59be3b4] {
padding-right: 3rem;
}
.pt-5[data-v-e59be3b4] {
padding-top: 3rem;
}
.pb-5[data-v-e59be3b4] {
padding-bottom: 3rem;
}
.pl-5[data-v-e59be3b4] {
padding-left: 3rem;
}
.px-5[data-v-e59be3b4] {
padding-left: 3rem;
padding-right: 3rem;
}
.py-5[data-v-e59be3b4] {
padding-top: 3rem;
padding-bottom: 3rem;
}
.p-5[data-v-e59be3b4] {
padding: 3rem;
}
.mr-0[data-v-e59be3b4] {
margin-right: 0;
}
.mt-0[data-v-e59be3b4] {
margin-top: 0;
}
.mb-0[data-v-e59be3b4] {
margin-bottom: 0;
}
.ml-0[data-v-e59be3b4] {
margin-left: 0;
}
.mx-0[data-v-e59be3b4] {
margin-left: 0;
margin-right: 0;
}
.my-0[data-v-e59be3b4] {
margin-top: 0;
margin-bottom: 0;
}
.m-0[data-v-e59be3b4] {
margin: 0;
}
.mr-1[data-v-e59be3b4] {
margin-right: 0.25rem;
}
.mt-1[data-v-e59be3b4] {
margin-top: 0.25rem;
}
.mb-1[data-v-e59be3b4] {
margin-bottom: 0.25rem;
}
.ml-1[data-v-e59be3b4] {
margin-left: 0.25rem;
}
.mx-1[data-v-e59be3b4] {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.my-1[data-v-e59be3b4] {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.m-1[data-v-e59be3b4] {
margin: 0.25rem;
}
.mr-2[data-v-e59be3b4] {
margin-right: 0.5rem;
}
.mt-2[data-v-e59be3b4] {
margin-top: 0.5rem;
}
.mb-2[data-v-e59be3b4] {
margin-bottom: 0.5rem;
}
.ml-2[data-v-e59be3b4] {
margin-left: 0.5rem;
}
.mx-2[data-v-e59be3b4] {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.my-2[data-v-e59be3b4] {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.m-2[data-v-e59be3b4] {
margin: 0.5rem;
}
.mr-3[data-v-e59be3b4] {
margin-right: 1rem;
}
.mt-3[data-v-e59be3b4] {
margin-top: 1rem;
}
.mb-3[data-v-e59be3b4] {
margin-bottom: 1rem;
}
.ml-3[data-v-e59be3b4] {
margin-left: 1rem;
}
.mx-3[data-v-e59be3b4] {
margin-left: 1rem;
margin-right: 1rem;
}
.my-3[data-v-e59be3b4] {
margin-top: 1rem;
margin-bottom: 1rem;
}
.m-3[data-v-e59be3b4] {
margin: 1rem;
}
.mr-4[data-v-e59be3b4] {
margin-right: 1.5rem;
}
.mt-4[data-v-e59be3b4] {
margin-top: 1.5rem;
}
.mb-4[data-v-e59be3b4] {
margin-bottom: 1.5rem;
}
.ml-4[data-v-e59be3b4] {
margin-left: 1.5rem;
}
.mx-4[data-v-e59be3b4] {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
.my-4[data-v-e59be3b4] {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.m-4[data-v-e59be3b4] {
margin: 1.5rem;
}
.mr-5[data-v-e59be3b4] {
margin-right: 3rem;
}
.mt-5[data-v-e59be3b4] {
margin-top: 3rem;
}
.mb-5[data-v-e59be3b4] {
margin-bottom: 3rem;
}
.ml-5[data-v-e59be3b4] {
margin-left: 3rem;
}
.mx-5[data-v-e59be3b4] {
margin-left: 3rem;
margin-right: 3rem;
}
.my-5[data-v-e59be3b4] {
margin-top: 3rem;
margin-bottom: 3rem;
}
.m-5[data-v-e59be3b4] {
margin: 3rem;
}
.h-100[data-v-e59be3b4] {
height: 100%;
}
.mh-100[data-v-e59be3b4] {
max-height: 100%;
}
.w-100[data-v-e59be3b4] {
width: 100%;
}
.mw-100[data-v-e59be3b4] {
max-width: 100%;
}
.m-h-0[data-v-e59be3b4] {
min-height: 0;
}
.m-h-100[data-v-e59be3b4] {
min-height: 100%;
}
.m-w-0[data-v-e59be3b4] {
min-width: 0;
}
.m-w-100[data-v-e59be3b4] {
min-width: 100%;
}
.br-0[data-v-e59be3b4] {
border-radius: 0;
}
.brt-0[data-v-e59be3b4] {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.brb-0[data-v-e59be3b4] {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.br-2[data-v-e59be3b4] {
border-radius: 2px;
}
.brt-2[data-v-e59be3b4] {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.brb-2[data-v-e59be3b4] {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
.br-4[data-v-e59be3b4] {
border-radius: 4px;
}
.brt-4[data-v-e59be3b4] {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.brb-4[data-v-e59be3b4] {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.br-8[data-v-e59be3b4] {
border-radius: 8px;
}
.brt-8[data-v-e59be3b4] {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.brb-8[data-v-e59be3b4] {
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}
.fs-12[data-v-e59be3b4] {
font-size: 12px;
}
.fs-14[data-v-e59be3b4] {
font-size: 14px;
}
.fs-16[data-v-e59be3b4] {
font-size: 16px;
}
.fs-18[data-v-e59be3b4] {
font-size: 18px;
}
.fs-20[data-v-e59be3b4] {
font-size: 20px;
}
.fs-22[data-v-e59be3b4] {
font-size: 22px;
}
.fs-26[data-v-e59be3b4] {
font-size: 26px;
}
.fw-300[data-v-e59be3b4] {
font-weight: 300;
}
.fw-400[data-v-e59be3b4] {
font-weight: 400;
}
.fw-500[data-v-e59be3b4] {
font-weight: 500;
}
@media only screen and (max-width: 2560px) {
.hidden-4k[data-v-e59be3b4] {
display: none;
}
}
@media only screen and (max-width: 1440px) {
.hidden-laptop[data-v-e59be3b4] {
display: none;
}
}
@media only screen and (max-width: 1024px) {
.hidden-laptop-s[data-v-e59be3b4] {
display: none;
}
}
@media only screen and (max-width: 768px) {
.hidden-tablet[data-v-e59be3b4] {
display: none;
}
}
@media only screen and (max-width: 425px) {
.hidden-mobile[data-v-e59be3b4] {
display: none;
}
}
@media only screen and (max-width: 375px) {
.hidden-mobile-m[data-v-e59be3b4] {
display: none;
}
}
@media only screen and (max-width: 320px) {
.hidden-mobile-s[data-v-e59be3b4] {
display: none;
}
}
.show-4k[data-v-e59be3b4] {
display: none;
}
@media only screen and (max-width: 2560px) {
.show-4k[data-v-e59be3b4] {
display: inherit;
}
}
.show-laptop[data-v-e59be3b4] {
display: none;
}
@media only screen and (max-width: 1440px) {
.show-laptop[data-v-e59be3b4] {
display: inherit;
}
}
.show-laptop-s[data-v-e59be3b4] {
display: none;
}
@media only screen and (max-width: 1024px) {
.show-laptop-s[data-v-e59be3b4] {
display: inherit;
}
}
.show-tablet[data-v-e59be3b4] {
display: none;
}
@media only screen and (max-width: 768px) {
.show-tablet[data-v-e59be3b4] {
display: inherit;
}
}
.show-mobile[data-v-e59be3b4] {
display: none;
}
@media only screen and (max-width: 425px) {
.show-mobile[data-v-e59be3b4] {
display: inherit;
}
}
.show-mobile-m[data-v-e59be3b4] {
display: none;
}
@media only screen and (max-width: 375px) {
.show-mobile-m[data-v-e59be3b4] {
display: inherit;
}
}
.show-mobile-s[data-v-e59be3b4] {
display: none;
}
@media only screen and (max-width: 320px) {
.show-mobile-s[data-v-e59be3b4] {
display: inherit;
}
}
[data-v-e59be3b4],
[data-v-e59be3b4]:after,
[data-v-e59be3b4]:before {
box-sizing: border-box;
}
blockquote[data-v-e59be3b4],
body[data-v-e59be3b4],
dd[data-v-e59be3b4],
dl[data-v-e59be3b4],
figure[data-v-e59be3b4],
h1[data-v-e59be3b4],
h2[data-v-e59be3b4],
h3[data-v-e59be3b4],
h4[data-v-e59be3b4],
h5[data-v-e59be3b4],
h6[data-v-e59be3b4],
hr[data-v-e59be3b4],
ol[data-v-e59be3b4],
p[data-v-e59be3b4],
pre[data-v-e59be3b4],
ul[data-v-e59be3b4] {
margin: 0;
padding: 0;
}
#app[data-v-e59be3b4],
body[data-v-e59be3b4],
button[data-v-e59be3b4],
html[data-v-e59be3b4],
input[data-v-e59be3b4] {
font: 400 14px -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica,
Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
line-height: 1.5;
-webkit-font-kerning: normal;
font-feature-settings: "kern";
font-kerning: normal;
}
.input-tel[data-v-e59be3b4] {
position: relative;
/*font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;*/
font-family: sans-serif;
height: 40px;
min-height: 40px;
}
.input-tel__label[data-v-e59be3b4] {
position: absolute;
top: 4px;
cursor: pointer;
left: 13px;
transform: translateY(25%);
opacity: 0;
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
font-size: 11px;
color: #747474;
}
.input-tel__input[data-v-e59be3b4] {
cursor: pointer;
background-color: #fff;
transition-duration: 0.3s;
position: relative;
width: 100%;
padding: 0 12px;
font-weight: 400;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
border: 1px solid #ccc;
font-size: 14px;
z-index: 0;
margin-left: -1px;
height: 40px;
min-height: 40px;
}
.input-tel__input[data-v-e59be3b4]:hover {
border-color: #1e90ff;
}
.input-tel__input[data-v-e59be3b4]:not(.no-country-selector) {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.input-tel__input[data-v-e59be3b4]::-moz-placeholder {
color: #747474;
}
.input-tel__input[data-v-e59be3b4]:-ms-input-placeholder {
color: #747474;
}
.input-tel__input[data-v-e59be3b4]::placeholder {
color: #747474;
}
.input-tel__input__input[data-v-e59be3b4]:-webkit-autofill,
.input-tel__input__input[data-v-e59be3b4]:-webkit-autofill:active,
.input-tel__input__input[data-v-e59be3b4]:-webkit-autofill:focus,
.input-tel__input__input[data-v-e59be3b4]:-webkit-autofill:hover {
box-shadow: inset 0 0 0 1000px #fff !important;
-webkit-text-fill-color: #747474 !important;
}
.input-tel__clear[data-v-e59be3b4] {
position: absolute;
top: 0;
bottom: 0;
right: 8px;
margin: auto 0;
width: 24px;
height: 24px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
background: transparent;
color: #747474;
border-radius: 24px;
cursor: pointer;
font-size: 12px;
}
.input-tel__clear[data-v-e59be3b4]:focus {
outline: none;
}
.input-tel__clear > span[data-v-e59be3b4]:not(.input-tel__clear__effect) {
position: relative;
top: 1px;
}
.input-tel__clear__effect[data-v-e59be3b4] {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 24px;
height: 24px;
background-color: #747474;
border-radius: 24px;
transform: scale(0);
transition: transform 0.2s;
}
.input-tel__clear[data-v-e59be3b4]:hover {
color: #fff;
}
.input-tel__clear:hover .input-tel__clear__effect[data-v-e59be3b4] {
transform: scale(1);
opacity: 0.6;
}
.input-tel.is-dark .input-tel__input[data-v-e59be3b4]::-moz-placeholder {
color: hsla(0, 0%, 100%, 0.7);
}
.input-tel.is-dark .input-tel__input[data-v-e59be3b4]:-ms-input-placeholder {
color: hsla(0, 0%, 100%, 0.7);
}
.input-tel.is-dark .input-tel__input[data-v-e59be3b4]::placeholder {
color: hsla(0, 0%, 100%, 0.7);
}
.input-tel.is-dark .input-tel__input__input[data-v-e59be3b4]:-webkit-autofill,
.input-tel.is-dark
.input-tel__input__input[data-v-e59be3b4]:-webkit-autofill:active,
.input-tel.is-dark
.input-tel__input__input[data-v-e59be3b4]:-webkit-autofill:focus,
.input-tel.is-dark
.input-tel__input__input[data-v-e59be3b4]:-webkit-autofill:hover {
box-shadow: inset 0 0 0 1000px #21222e !important;
-webkit-text-fill-color: hsla(0, 0%, 100%, 0.7) !important;
}
.input-tel.is-dark .input-tel__clear[data-v-e59be3b4] {
color: hsla(0, 0%, 100%, 0.7);
}
.input-tel.is-dark .input-tel__clear__effect[data-v-e59be3b4] {
background-color: hsla(0, 0%, 100%, 0.3);
}
.input-tel.is-dark .input-tel__clear[data-v-e59be3b4]:hover {
color: #fff;
}
.input-tel.is-focused[data-v-e59be3b4] {
z-index: 1;
}
.input-tel.is-focused .input-tel__input[data-v-e59be3b4] {
border-color: #1e90ff;
box-shadow: 0 0 0 0.125rem rgba(30, 144, 255, 0.7);
}
.input-tel.is-focused .input-tel__label[data-v-e59be3b4] {
color: #1e90ff;
}
.input-tel.is-focused.has-error .input-tel__input[data-v-e59be3b4] {
box-shadow: 0 0 0 0.125rem rgba(255, 69, 0, 0.7);
}
.input-tel.is-focused.is-valid .input-tel__input[data-v-e59be3b4] {
border-color: #9acd32;
box-shadow: 0 0 0 0.125rem rgba(154, 205, 50, 0.7);
}
.input-tel.has-value .input-tel__label[data-v-e59be3b4] {
opacity: 1;
transform: translateY(0);
font-size: 11px;
}
.input-tel.has-value .input-tel__input[data-v-e59be3b4] {
padding-top: 14px;
}
.input-tel.has-hint .input-tel__label[data-v-e59be3b4],
.input-tel.has-value .input-tel__label[data-v-e59be3b4] {
opacity: 1;
transform: translateY(0);
font-size: 11px;
}
.input-tel.has-hint .input-tel__input[data-v-e59be3b4],
.input-tel.has-value .input-tel__input[data-v-e59be3b4] {
padding-top: 14px;
}
.input-tel.is-valid .input-tel__input[data-v-e59be3b4],
.input-tel.is-valid .input-tel__input[data-v-e59be3b4]:hover {
border-color: #9acd32;
}
.input-tel.is-valid .input-tel__label[data-v-e59be3b4] {
color: #9acd32;
}
.input-tel.has-error:not(.is-valid) .input-tel__input[data-v-e59be3b4] {
border-color: #ff4500;
}
.input-tel.has-error:not(.is-valid) .input-tel__label[data-v-e59be3b4] {
color: #ff4500;
}
.input-tel.is-disabled[data-v-e59be3b4] {
cursor: not-allowed;
}
.input-tel.is-disabled .input-tel__input[data-v-e59be3b4] {
border-color: #ccc;
background-color: #f2f2f2;
color: #ccc;
}
.input-tel.is-disabled .input-tel__input[data-v-e59be3b4]::-moz-placeholder {
color: #ccc;
}
.input-tel.is-disabled
.input-tel__input[data-v-e59be3b4]:-ms-input-placeholder {
color: #ccc;
}
.input-tel.is-disabled .input-tel__input[data-v-e59be3b4]::placeholder {
color: #ccc;
}
.input-tel.is-disabled .input-tel__input[data-v-e59be3b4],
.input-tel.is-disabled .input-tel__label[data-v-e59be3b4],
.input-tel.is-disabled .input-tel__toggle__arrow[data-v-e59be3b4] {
cursor: not-allowed;
color: #ccc;
}
.input-tel.sm[data-v-e59be3b4] {
height: 36px;
min-height: 36px;
}
.input-tel.sm .input-tel__input[data-v-e59be3b4] {
font-size: 12px;
height: 36px;
min-height: 36px;
}
.input-tel.sm .input-tel__label[data-v-e59be3b4] {
font-size: 10px;
}
.input-tel.sm.has-value .input-tel__input[data-v-e59be3b4] {
padding-top: 12px;
}
.input-tel.lg[data-v-e59be3b4] {
height: 48px;
min-height: 48px;
}
.input-tel.lg .input-tel__input[data-v-e59be3b4] {
font-size: 14px;
height: 48px;
min-height: 48px;
}
.input-tel.lg .input-tel__label[data-v-e59be3b4] {
font-size: 14px;
}
.input-tel.lg.has-value .input-tel__input[data-v-e59be3b4] {
padding-top: 16px;
}
.input-tel__loader[data-v-e59be3b4] {
bottom: 0;
height: 2px;
left: 0;
width: calc(100% - 8px);
position: absolute;
overflow: hidden;
border-radius: 8px;
}
.input-tel__loader__progress-bar[data-v-e59be3b4] {
background-color: #1e90ff;
display: block;
position: absolute;
content: "";
left: -200px;
width: 200px;
height: 2px;
-webkit-animation: loading-data-v-e59be3b4 2s linear infinite;
animation: loading-data-v-e59be3b4 2s linear infinite;
}
@keyframes loading-data-v-e59be3b4 {
0% {
left: -200px;
width: 30%;
}
50% {
width: 30%;
}
70% {
width: 70%;
}
80% {
left: 50%;
}
95% {
left: 120%;
}
to {
left: 100%;
}
}
.iti-flag.be {
width: 18px;
}
.iti-flag.ch {
width: 15px;
}
.iti-flag.mc {
width: 19px;
}
.iti-flag.ne {
width: 18px;
}
.iti-flag.np {
width: 13px;
}
.iti-flag.va {
width: 15px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 2dppx),
only screen and (min-resolution: 192dpi) {
.iti-flag {
background-size: 5630px 15px;
}
}
.iti-flag.ac {
height: 10px;
background-position: 0 0;
}
.iti-flag.ad {
height: 14px;
background-position: -22px 0;
}
.iti-flag.ae {
height: 10px;
background-position: -44px 0;
}
.iti-flag.af {
height: 14px;
background-position: -66px 0;
}
.iti-flag.ag {
height: 14px;
background-position: -88px 0;
}
.iti-flag.ai {
height: 10px;
background-position: -110px 0;
}
.iti-flag.al {
height: 15px;
background-position: -132px 0;
}
.iti-flag.am {
height: 10px;
background-position: -154px 0;
}
.iti-flag.ao {
height: 14px;
background-position: -176px 0;
}
.iti-flag.aq {
height: 14px;
background-position: -198px 0;
}
.iti-flag.ar {
height: 13px;
background-position: -220px 0;
}
.iti-flag.as {
height: 10px;
background-position: -242px 0;
}
.iti-flag.at {
height: 14px;
background-position: -264px 0;
}
.iti-flag.au {
height: 10px;
background-position: -286px 0;
}
.iti-flag.aw {
height: 14px;
background-position: -308px 0;
}
.iti-flag.ax {
height: 13px;
background-position: -330px 0;
}
.iti-flag.az {
height: 10px;
background-position: -352px 0;
}
.iti-flag.ba {
height: 10px;
background-position: -374px 0;
}
.iti-flag.bb {
height: 14px;
background-position: -396px 0;
}
.iti-flag.bd {
height: 12px;
background-position: -418px 0;
}
.iti-flag.be {
height: 15px;
background-position: -440px 0;
}
.iti-flag.bf {
height: 14px;
background-position: -460px 0;
}
.iti-flag.bg {
height: 12px;
background-position: -482px 0;
}
.iti-flag.bh {
height: 12px;
background-position: -504px 0;
}
.iti-flag.bi {
height: 12px;
background-position: -526px 0;
}
.iti-flag.bj {
height: 14px;
background-position: -548px 0;
}
.iti-flag.bl {
height: 14px;
background-position: -570px 0;
}
.iti-flag.bm {
height: 10px;
background-position: -592px 0;
}
.iti-flag.bn {
height: 10px;
background-position: -614px 0;
}
.iti-flag.bo {
height: 14px;
background-position: -636px 0;
}
.iti-flag.bq {
height: 14px;
background-position: -658px 0;
}
.iti-flag.br {
height: 14px;
background-position: -680px 0;
}
.iti-flag.bs {
height: 10px;
background-position: -702px 0;
}
.iti-flag.bt {
height: 14px;
background-position: -724px 0;
}
.iti-flag.bv {
height: 15px;
background-position: -746px 0;
}
.iti-flag.bw {
height: 14px;
background-position: -768px 0;
}
.iti-flag.by {
height: 10px;
background-position: -790px 0;
}
.iti-flag.bz {
height: 14px;
background-position: -812px 0;
}
.iti-flag.ca {
height: 10px;
background-position: -834px 0;
}
.iti-flag.cc {
height: 10px;
background-position: -856px 0;
}
.iti-flag.cd {
height: 15px;
background-position: -878px 0;
}
.iti-flag.cf {
height: 14px;
background-position: -900px 0;
}
.iti-flag.cg {
height: 14px;
background-position: -922px 0;
}
.iti-flag.ch {
height: 15px;
background-position: -944px 0;
}
.iti-flag.ci {
height: 14px;
background-position: -961px 0;
}
.iti-flag.ck {
height: 10px;
background-position: -983px 0;
}
.iti-flag.cl {
height: 14px;
background-position: -1005px 0;
}
.iti-flag.cm {
height: 14px;
background-position: -1027px 0;
}
.iti-flag.cn {
height: 14px;
background-position: -1049px 0;
}
.iti-flag.co {
height: 14px;
background-position: -1071px 0;
}
.iti-flag.cp {
height: 14px;
background-position: -1093px 0;
}
.iti-flag.cr {
height: 12px;
background-position: -1115px 0;
}
.iti-flag.cu {
height: 10px;
background-position: -1137px 0;
}
.iti-flag.cv {
height: 12px;
background-position: -1159px 0;
}
.iti-flag.cw {
height: 14px;
background-position: -1181px 0;
}
.iti-flag.cx {
height: 10px;
background-position: -1203px 0;
}
.iti-flag.cy {
height: 14px;
background-position: -1225px 0;
}
.iti-flag.cz {
height: 14px;
background-position: -1247px 0;
}
.iti-flag.de {
height: 12px;
background-position: -1269px 0;
}
.iti-flag.dg {
height: 10px;
background-position: -1291px 0;
}
.iti-flag.dj {
height: 14px;
background-position: -1313px 0;
}
.iti-flag.dk {
height: 15px;
background-position: -1335px 0;
}
.iti-flag.dm {
height: 10px;
background-position: -1357px 0;
}
.iti-flag.do {
height: 13px;
background-position: -1379px 0;
}
.iti-flag.dz {
height: 14px;
background-position: -1401px 0;
}
.iti-flag.ea {
height: 14px;
background-position: -1423px 0;
}
.iti-flag.ec {
height: 14px;
background-position: -1445px 0;
}
.iti-flag.ee {
height: 13px;
background-position: -1467px 0;
}
.iti-flag.eg {
height: 14px;
background-position: -1489px 0;
}
.iti-flag.eh {
height: 10px;
background-position: -1511px 0;
}
.iti-flag.er {
height: 10px;
background-position: -1533px 0;
}
.iti-flag.es {
height: 14px;
background-position: -1555px 0;
}
.iti-flag.et {
height: 10px;
background-position: -1577px 0;
}
.iti-flag.eu {
height: 14px;
background-position: -1599px 0;
}
.iti-flag.fi {
height: 12px;
background-position: -1621px 0;
}
.iti-flag.fj {
height: 10px;
background-position: -1643px 0;
}
.iti-flag.fk {
height: 10px;
background-position: -1665px 0;
}
.iti-flag.fm {
height: 11px;
background-position: -1687px 0;
}
.iti-flag.fo {
height: 15px;
background-position: -1709px 0;
}
.iti-flag.fr {
height: 14px;
background-position: -1731px 0;
}
.iti-flag.ga {
height: 15px;
background-position: -1753px 0;
}
.iti-flag.gb {
height: 10px;
background-position: -1775px 0;
}
.iti-flag.gd {
height: 12px;
background-position: -1797px 0;
}
.iti-flag.ge {
height: 14px;
background-position: -1819px 0;
}
.iti-flag.gf {
height: 14px;
background-position: -1841px 0;
}
.iti-flag.gg {
height: 14px;
background-position: -1863px 0;
}
.iti-flag.gh {
height: 14px;
background-position: -1885px 0;
}
.iti-flag.gi {
height: 10px;
background-position: -1907px 0;
}
.iti-flag.gl {
height: 14px;
background-position: -1929px 0;
}
.iti-flag.gm {
height: 14px;
background-position: -1951px 0;
}
.iti-flag.gn {
height: 14px;
background-position: -1973px 0;
}
.iti-flag.gp {
height: 14px;
background-position: -1995px 0;
}
.iti-flag.gq {
height: 14px;
background-position: -2017px 0;
}
.iti-flag.gr {
height: 14px;
background-position: -2039px 0;
}
.iti-flag.gs {
height: 10px;
background-position: -2061px 0;
}
.iti-flag.gt {
height: 13px;
background-position: -2083px 0;
}
.iti-flag.gu {
height: 11px;
background-position: -2105px 0;
}
.iti-flag.gw {
height: 10px;
background-position: -2127px 0;
}
.iti-flag.gy {
height: 12px;
background-position: -2149px 0;
}
.iti-flag.hk {
height: 14px;
background-position: -2171px 0;
}
.iti-flag.hm {
height: 10px;
background-position: -2193px 0;
}
.iti-flag.hn {
height: 10px;
background-position: -2215px 0;
}
.iti-flag.hr {
height: 10px;
background-position: -2237px 0;
}
.iti-flag.ht {
height: 12px;
background-position: -2259px 0;
}
.iti-flag.hu {
height: 10px;
background-position: -2281px 0;
}
.iti-flag.ic {
height: 14px;
background-position: -2303px 0;
}
.iti-flag.id {
height: 14px;
background-position: -2325px 0;
}
.iti-flag.ie {
height: 10px;
background-position: -2347px 0;
}
.iti-flag.il {
height: 15px;
background-position: -2369px 0;
}
.iti-flag.im {
height: 10px;
background-position: -2391px 0;
}
.iti-flag.in {
height: 14px;
background-position: -2413px 0;
}
.iti-flag.io {
height: 10px;
background-position: -2435px 0;
}
.iti-flag.iq {
height: 14px;
background-position: -2457px 0;
}
.iti-flag.ir {
height: 12px;
background-position: -2479px 0;
}
.iti-flag.is {
height: 15px;
background-position: -2501px 0;
}
.iti-flag.it {
height: 14px;
background-position: -2523px 0;
}
.iti-flag.je {
height: 12px;
background-position: -2545px 0;
}
.iti-flag.jm {
height: 10px;
background-position: -2567px 0;
}
.iti-flag.jo {
height: 10px;
background-position: -2589px 0;
}
.iti-flag.jp {
height: 14px;
background-position: -2611px 0;
}
.iti-flag.ke {
height: 14px;
background-position: -2633px 0;
}
.iti-flag.kg {
height: 12px;
background-position: -2655px 0;
}
.iti-flag.kh {
height: 13px;
background-position: -2677px 0;
}
.iti-flag.ki {
height: 10px;
background-position: -2699px 0;
}
.iti-flag.km {
height: 12px;
background-position: -2721px 0;
}
.iti-flag.kn {
height: 14px;
background-position: -2743px 0;
}
.iti-flag.kp {
height: 10px;
background-position: -2765px 0;
}
.iti-flag.kr {
height: 14px;
background-position: -2787px 0;
}
.iti-flag.kw {
height: 10px;
background-position: -2809px 0;
}
.iti-flag.ky {
height: 10px;
background-position: -2831px 0;
}
.iti-flag.kz {
height: 10px;
background-position: -2853px 0;
}
.iti-flag.la {
height: 14px;
background-position: -2875px 0;
}
.iti-flag.lb {
height: 14px;
background-position: -2897px 0;
}
.iti-flag.lc {
height: 10px;
background-position: -2919px 0;
}
.iti-flag.li {
height: 12px;
background-position: -2941px 0;
}
.iti-flag.lk {
height: 10px;
background-position: -2963px 0;
}
.iti-flag.lr {
height: 11px;
background-position: -2985px 0;
}
.iti-flag.ls {
height: 14px;
background-position: -3007px 0;
}
.iti-flag.lt {
height: 12px;
background-position: -3029px 0;
}
.iti-flag.lu {
height: 12px;
background-position: -3051px 0;
}
.iti-flag.lv {
height: 10px;
background-position: -3073px 0;
}
.iti-flag.ly {
height: 10px;
background-position: -3095px 0;
}
.iti-flag.ma {
height: 14px;
background-position: -3117px 0;
}
.iti-flag.mc {
height: 15px;
background-position: -3139px 0;
}
.iti-flag.md {
height: 10px;
background-position: -3160px 0;
}
.iti-flag.me {
height: 10px;
background-position: -3182px 0;
}
.iti-flag.mf {
height: 14px;
background-position: -3204px 0;
}
.iti-flag.mg {
height: 14px;
background-position: -3226px 0;
}
.iti-flag.mh {
height: 11px;
background-position: -3248px 0;
}
.iti-flag.mk {
height: 10px;
background-position: -3270px 0;
}
.iti-flag.ml {
height: 14px;
background-position: -3292px 0;
}
.iti-flag.mm {
height: 14px;
background-position: -3314px 0;
}
.iti-flag.mn {
height: 10px;
background-position: -3336px 0;
}
.iti-flag.mo {
height: 14px;
background-position: -3358px 0;
}
.iti-flag.mp {
height: 10px;
background-position: -3380px 0;
}
.iti-flag.mq {
height: 14px;
background-position: -3402px 0;
}
.iti-flag.mr {
height: 14px;
background-position: -3424px 0;
}
.iti-flag.ms {
height: 10px;
background-position: -3446px 0;
}
.iti-flag.mt {
height: 14px;
background-position: -3468px 0;
}
.iti-flag.mu {
height: 14px;
background-position: -3490px 0;
}
.iti-flag.mv {
height: 14px;
background-position: -3512px 0;
}
.iti-flag.mw {
height: 14px;
background-position: -3534px 0;
}
.iti-flag.mx {
height: 12px;
background-position: -3556px 0;
}
.iti-flag.my {
height: 10px;
background-position: -3578px 0;
}
.iti-flag.mz {
height: 14px;
background-position: -3600px 0;
}
.iti-flag.na {
height: 14px;
background-position: -3622px 0;
}
.iti-flag.nc {
height: 10px;
background-position: -3644px 0;
}
.iti-flag.ne {
height: 15px;
background-position: -3666px 0;
}
.iti-flag.nf {
height: 10px;
background-position: -3686px 0;
}
.iti-flag.ng {
height: 10px;
background-position: -3708px 0;
}
.iti-flag.ni {
height: 12px;
background-position: -3730px 0;
}
.iti-flag.nl {
height: 14px;
background-position: -3752px 0;
}
.iti-flag.no {
height: 15px;
background-position: -3774px 0;
}
.iti-flag.np {
height: 15px;
background-position: -3796px 0;
}
.iti-flag.nr {
height: 10px;
background-position: -3811px 0;
}
.iti-flag.nu {
height: 10px;
background-position: -3833px 0;
}
.iti-flag.nz {
height: 10px;
background-position: -3855px 0;
}
.iti-flag.om {
height: 10px;
background-position: -3877px 0;
}
.iti-flag.pa {
height: 14px;
background-position: -3899px 0;
}
.iti-flag.pe {
height: 14px;
background-position: -3921px 0;
}
.iti-flag.pf {
height: 14px;
background-position: -3943px 0;
}
.iti-flag.pg {
height: 15px;
background-position: -3965px 0;
}
.iti-flag.ph {
height: 10px;
background-position: -3987px 0;
}
.iti-flag.pk {
height: 14px;
background-position: -4009px 0;
}
.iti-flag.pl {
height: 13px;
background-position: -4031px 0;
}
.iti-flag.pm {
height: 14px;
background-position: -4053px 0;
}
.iti-flag.pn {
height: 10px;
background-position: -4075px 0;
}
.iti-flag.pr {
height: 14px;
background-position: -4097px 0;
}
.iti-flag.ps {
height: 10px;
background-position: -4119px 0;
}
.iti-flag.pt {
height: 14px;
background-position: -4141px 0;
}
.iti-flag.pw {
height: 13px;
background-position: -4163px 0;
}
.iti-flag.py {
height: 11px;
background-position: -4185px 0;
}
.iti-flag.qa {
height: 8px;
background-position: -4207px 0;
}
.iti-flag.re {
height: 14px;
background-position: -4229px 0;
}
.iti-flag.ro {
height: 14px;
background-position: -4251px 0;
}
.iti-flag.rs {
height: 14px;
background-position: -4273px 0;
}
.iti-flag.ru {
height: 14px;
background-position: -4295px 0;
}
.iti-flag.rw {
height: 14px;
background-position: -4317px 0;
}
.iti-flag.sa {
height: 14px;
background-position: -4339px 0;
}
.iti-flag.sb {
height: 10px;
background-position: -4361px 0;
}
.iti-flag.sc {
height: 10px;
background-position: -4383px 0;
}
.iti-flag.sd {
height: 10px;
background-position: -4405px 0;
}
.iti-flag.se {
height: 13px;
background-position: -4427px 0;
}
.iti-flag.sg {
height: 14px;
background-position: -4449px 0;
}
.iti-flag.sh {
height: 10px;
background-position: -4471px 0;
}
.iti-flag.si {
height: 10px;
background-position: -4493px 0;
}
.iti-flag.sj {
height: 15px;
background-position: -4515px 0;
}
.iti-flag.sk {
height: 14px;
background-position: -4537px 0;
}
.iti-flag.sl {
height: 14px;
background-position: -4559px 0;
}
.iti-flag.sm {
height: 15px;
background-position: -4581px 0;
}
.iti-flag.sn {
height: 14px;
background-position: -4603px 0;
}
.iti-flag.so {
height: 14px;
background-position: -4625px 0;
}
.iti-flag.sr {
height: 14px;
background-position: -4647px 0;
}
.iti-flag.ss {
height: 10px;
background-position: -4669px 0;
}
.iti-flag.st {
height: 10px;
background-position: -4691px 0;
}
.iti-flag.sv {
height: 12px;
background-position: -4713px 0;
}
.iti-flag.sx {
height: 14px;
background-position: -4735px 0;
}
.iti-flag.sy {
height: 14px;
background-position: -4757px 0;
}
.iti-flag.sz {
height: 14px;
background-position: -4779px 0;
}
.iti-flag.ta {
height: 10px;
background-position: -4801px 0;
}
.iti-flag.tc {
height: 10px;
background-position: -4823px 0;
}
.iti-flag.td {
height: 14px;
background-position: -4845px 0;
}
.iti-flag.tf {
height: 14px;
background-position: -4867px 0;
}
.iti-flag.tg {
height: 13px;
background-position: -4889px 0;
}
.iti-flag.th {
height: 14px;
background-position: -4911px 0;
}
.iti-flag.tj {
height: 10px;
background-position: -4933px 0;
}
.iti-flag.tk {
height: 10px;
background-position: -4955px 0;
}
.iti-flag.tl {
height: 10px;
background-position: -4977px 0;
}
.iti-flag.tm {
height: 14px;
background-position: -4999px 0;
}
.iti-flag.tn {
height: 14px;
background-position: -5021px 0;
}
.iti-flag.to {
height: 10px;
background-position: -5043px 0;
}
.iti-flag.tr {
height: 14px;
background-position: -5065px 0;
}
.iti-flag.tt {
height: 12px;
background-position: -5087px 0;
}
.iti-flag.tv {
height: 10px;
background-position: -5109px 0;
}
.iti-flag.tw {
height: 14px;
background-position: -5131px 0;
}
.iti-flag.tz {
height: 14px;
background-position: -5153px 0;
}
.iti-flag.ua {
height: 14px;
background-position: -5175px 0;
}
.iti-flag.ug {
height: 14px;
background-position: -5197px 0;
}
.iti-flag.um {
height: 11px;
background-position: -5219px 0;
}
.iti-flag.us {
height: 11px;
background-position: -5241px 0;
}
.iti-flag.uy {
height: 14px;
background-position: -5263px 0;
}
.iti-flag.uz {
height: 10px;
background-position: -5285px 0;
}
.iti-flag.va {
height: 15px;
background-position: -5307px 0;
}
.iti-flag.vc {
height: 14px;
background-position: -5324px 0;
}
.iti-flag.ve {
height: 14px;
background-position: -5346px 0;
}
.iti-flag.vg {
height: 10px;
background-position: -5368px 0;
}
.iti-flag.vi {
height: 14px;
background-position: -5390px 0;
}
.iti-flag.vn {
height: 14px;
background-position: -5412px 0;
}
.iti-flag.vu {
height: 12px;
background-position: -5434px 0;
}
.iti-flag.wf {
height: 14px;
background-position: -5456px 0;
}
.iti-flag.ws {
height: 10px;
background-position: -5478px 0;
}
.iti-flag.xk {
height: 15px;
background-position: -5500px 0;
}
.iti-flag.ye {
height: 14px;
background-position: -5522px 0;
}
.iti-flag.yt {
height: 14px;
background-position: -5544px 0;
}
.iti-flag.za {
height: 14px;
background-position: -5566px 0;
}
.iti-flag.zm {
height: 14px;
background-position: -5588px 0;
}
.iti-flag.zw {
height: 10px;
background-position: -5610px 0;
}
/*
            .iti-flag {
                width: 20px;
                height: 15px;
                background-image: url(/_nuxt/img/flags.9c96e0ed.6eff2c9.png);
                background-repeat: no-repeat;
                background-color: #dbdbdb;
                background-position: 20px 0;
            }
            @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx), only screen and (min-resolution: 192dpi) {
                .iti-flag {
                    background-image: url(/_nuxt/img/flags.9c96e0ed.6eff2c9.png);
                }
            }*/
.iti-flag.np {
background-color: transparent;
}
.bg-primary-after[data-v-46e105de]:after,
.bg-primary-before[data-v-46e105de]:before,
.bg-primary[data-v-46e105de] {
background-color: #1e90ff;
}
.bg-primary-after-transparency[data-v-46e105de]:after,
.bg-primary-before-transparency[data-v-46e105de]:before,
.bg-primary-transparency[data-v-46e105de] {
background-color: rgba(30, 144, 255, 0.5);
}
.bg-secondary-after[data-v-46e105de]:after,
.bg-secondary-before[data-v-46e105de]:before,
.bg-secondary[data-v-46e105de] {
background-color: #747474;
}
.bg-secondary-after-transparency[data-v-46e105de]:after,
.bg-secondary-before-transparency[data-v-46e105de]:before,
.bg-secondary-transparency[data-v-46e105de] {
background-color: hsla(0, 0%, 45.5%, 0.5);
}
.bg-third-after[data-v-46e105de]:after,
.bg-third-before[data-v-46e105de]:before,
.bg-third[data-v-46e105de] {
background-color: #ccc;
}
.bg-third-after-transparency[data-v-46e105de]:after,
.bg-third-before-transparency[data-v-46e105de]:before,
.bg-third-transparency[data-v-46e105de] {
background-color: hsla(0, 0%, 80%, 0.5);
}
.bg-success-after[data-v-46e105de]:after,
.bg-success-before[data-v-46e105de]:before,
.bg-success[data-v-46e105de] {
background-color: #9acd32;
}
.bg-success-after-transparency[data-v-46e105de]:after,
.bg-success-before-transparency[data-v-46e105de]:before,
.bg-success-transparency[data-v-46e105de] {
background-color: rgba(154, 205, 50, 0.5);
}
.bg-danger-after[data-v-46e105de]:after,
.bg-danger-before[data-v-46e105de]:before,
.bg-danger[data-v-46e105de] {
background-color: #ff4500;
}
.bg-danger-after-transparency[data-v-46e105de]:after,
.bg-danger-before-transparency[data-v-46e105de]:before,
.bg-danger-transparency[data-v-46e105de] {
background-color: rgba(255, 69, 0, 0.5);
}
.bg-grey-after[data-v-46e105de]:after,
.bg-grey-before[data-v-46e105de]:before,
.bg-grey[data-v-46e105de] {
background-color: #999;
}
.bg-grey-after-transparency[data-v-46e105de]:after,
.bg-grey-before-transparency[data-v-46e105de]:before,
.bg-grey-transparency[data-v-46e105de] {
background-color: hsla(0, 0%, 60%, 0.5);
}
.bg-info-after[data-v-46e105de]:after,
.bg-info-before[data-v-46e105de]:before,
.bg-info[data-v-46e105de] {
background-color: #17a2b8;
}
.bg-info-after-transparency[data-v-46e105de]:after,
.bg-info-before-transparency[data-v-46e105de]:before,
.bg-info-transparency[data-v-46e105de] {
background-color: rgba(23, 162, 184, 0.5);
}
.bg-warning-after[data-v-46e105de]:after,
.bg-warning-before[data-v-46e105de]:before,
.bg-warning[data-v-46e105de] {
background-color: #ffa300;
}
.bg-warning-after-transparency[data-v-46e105de]:after,
.bg-warning-before-transparency[data-v-46e105de]:before,
.bg-warning-transparency[data-v-46e105de] {
background-color: rgba(255, 163, 0, 0.5);
}
.bg-light-after[data-v-46e105de]:after,
.bg-light-before[data-v-46e105de]:before,
.bg-light[data-v-46e105de] {
background-color: #f5f5f5;
}
.bg-light-after-transparency[data-v-46e105de]:after,
.bg-light-before-transparency[data-v-46e105de]:before,
.bg-light-transparency[data-v-46e105de] {
background-color: hsla(0, 0%, 96.1%, 0.5);
}
.bg-dark-after[data-v-46e105de]:after,
.bg-dark-before[data-v-46e105de]:before,
.bg-dark[data-v-46e105de] {
background-color: #24292e;
}
.bg-dark-after-transparency[data-v-46e105de]:after,
.bg-dark-before-transparency[data-v-46e105de]:before,
.bg-dark-transparency[data-v-46e105de] {
background-color: rgba(36, 41, 46, 0.5);
}
.bg-default-after[data-v-46e105de]:after,
.bg-default-before[data-v-46e105de]:before,
.bg-default[data-v-46e105de] {
background-color: #ccc;
}
.bg-default-after-transparency[data-v-46e105de]:after,
.bg-default-before-transparency[data-v-46e105de]:before,
.bg-default-transparency[data-v-46e105de] {
background-color: hsla(0, 0%, 80%, 0.5);
}
.bg-white-after[data-v-46e105de]:after,
.bg-white-before[data-v-46e105de]:before,
.bg-white[data-v-46e105de] {
background-color: #fff;
}
.bg-white-after-transparency[data-v-46e105de]:after,
.bg-white-before-transparency[data-v-46e105de]:before,
.bg-white-transparency[data-v-46e105de] {
background-color: hsla(0, 0%, 100%, 0.5);
}
.bg-black-after[data-v-46e105de]:after,
.bg-black-before[data-v-46e105de]:before,
.bg-black[data-v-46e105de] {
background-color: #000;
}
.bg-black-after-transparency[data-v-46e105de]:after,
.bg-black-before-transparency[data-v-46e105de]:before,
.bg-black-transparency[data-v-46e105de] {
background-color: rgba(0, 0, 0, 0.5);
}
.fill-primary path[data-v-46e105de] {
fill: #1e90ff;
}
.fill-secondary path[data-v-46e105de] {
fill: #747474;
}
.fill-third path[data-v-46e105de] {
fill: #ccc;
}
.fill-success path[data-v-46e105de] {
fill: #9acd32;
}
.fill-danger path[data-v-46e105de] {
fill: #ff4500;
}
.fill-grey path[data-v-46e105de] {
fill: #999;
}
.fill-info path[data-v-46e105de] {
fill: #17a2b8;
}
.fill-warning path[data-v-46e105de] {
fill: #ffa300;
}
.fill-light path[data-v-46e105de] {
fill: #f5f5f5;
}
.fill-dark path[data-v-46e105de] {
fill: #24292e;
}
.fill-default path[data-v-46e105de] {
fill: #ccc;
}
.fill-white path[data-v-46e105de] {
fill: #fff;
}
.fill-black path[data-v-46e105de] {
fill: #000;
}
.label[data-v-46e105de] {
border-radius: 2px;
padding: 2px 4px;
color: #fff;
font-size: 0.714em;
}
.label-primary[data-v-46e105de],
.label[data-v-46e105de] {
background-color: #1e90ff;
}
.label-primary-outline[data-v-46e105de] {
background-color: transparent;
border: 1px solid #1e90ff;
color: #1e90ff;
}
.label-secondary[data-v-46e105de] {
background-color: #747474;
}
.label-secondary-outline[data-v-46e105de] {
background-color: transparent;
border: 1px solid #747474;
color: #747474;
}
.label-third[data-v-46e105de] {
background-color: #ccc;
}
.label-third-outline[data-v-46e105de] {
background-color: transparent;
border: 1px solid #ccc;
color: #ccc;
}
.label-success[data-v-46e105de] {
background-color: #9acd32;
}
.label-success-outline[data-v-46e105de] {
background-color: transparent;
border: 1px solid #9acd32;
color: #9acd32;
}
.label-danger[data-v-46e105de] {
background-color: #ff4500;
}
.label-danger-outline[data-v-46e105de] {
background-color: transparent;
border: 1px solid #ff4500;
color: #ff4500;
}
.label-grey[data-v-46e105de] {
background-color: #999;
}
.label-grey-outline[data-v-46e105de] {
background-color: transparent;
border: 1px solid #999;
color: #999;
}
.label-info[data-v-46e105de] {
background-color: #17a2b8;
}
.label-info-outline[data-v-46e105de] {
background-color: transparent;
border: 1px solid #17a2b8;
color: #17a2b8;
}
.label-warning[data-v-46e105de] {
background-color: #ffa300;
}
.label-warning-outline[data-v-46e105de] {
background-color: transparent;
border: 1px solid #ffa300;
color: #ffa300;
}
.label-light[data-v-46e105de] {
background-color: #f5f5f5;
}
.label-light-outline[data-v-46e105de] {
background-color: transparent;
border: 1px solid #f5f5f5;
color: #f5f5f5;
}
.label-dark[data-v-46e105de] {
background-color: #24292e;
}
.label-dark-outline[data-v-46e105de] {
background-color: transparent;
border: 1px solid #24292e;
color: #24292e;
}
.label-default[data-v-46e105de] {
background-color: #ccc;
}
.label-default-outline[data-v-46e105de] {
background-color: transparent;
border: 1px solid #ccc;
color: #ccc;
}
.label-white[data-v-46e105de] {
background-color: #fff;
}
.label-white-outline[data-v-46e105de] {
background-color: transparent;
border: 1px solid #fff;
color: #fff;
}
.label-black[data-v-46e105de] {
background-color: #000;
}
.label-black-outline[data-v-46e105de] {
background-color: transparent;
border: 1px solid #000;
color: #000;
}
.dot[data-v-46e105de] {
width: 6px;
height: 6px;
border-radius: 6px;
}
.dot-primary[data-v-46e105de],
.dot[data-v-46e105de] {
background-color: #1e90ff;
}
.dot-primary-outline[data-v-46e105de] {
background-color: transparent;
border: 1px solid #1e90ff;
color: #1e90ff;
}
.dot-secondary[data-v-46e105de] {
background-color: #747474;
}
.dot-secondary-outline[data-v-46e105de] {
background-color: transparent;
border: 1px solid #747474;
color: #747474;
}
.dot-third[data-v-46e105de] {
background-color: #ccc;
}
.dot-third-outline[data-v-46e105de] {
background-color: transparent;
border: 1px solid #ccc;
color: #ccc;
}
.dot-success[data-v-46e105de] {
background-color: #9acd32;
}
.dot-success-outline[data-v-46e105de] {
background-color: transparent;
border: 1px solid #9acd32;
color: #9acd32;
}
.dot-danger[data-v-46e105de] {
background-color: #ff4500;
}
.dot-danger-outline[data-v-46e105de] {
background-color: transparent;
border: 1px solid #ff4500;
color: #ff4500;
}
.dot-grey[data-v-46e105de] {
background-color: #999;
}
.dot-grey-outline[data-v-46e105de] {
background-color: transparent;
border: 1px solid #999;
color: #999;
}
.dot-info[data-v-46e105de] {
background-color: #17a2b8;
}
.dot-info-outline[data-v-46e105de] {
background-color: transparent;
border: 1px solid #17a2b8;
color: #17a2b8;
}
.dot-warning[data-v-46e105de] {
background-color: #ffa300;
}
.dot-warning-outline[data-v-46e105de] {
background-color: transparent;
border: 1px solid #ffa300;
color: #ffa300;
}
.dot-light[data-v-46e105de] {
background-color: #f5f5f5;
}
.dot-light-outline[data-v-46e105de] {
background-color: transparent;
border: 1px solid #f5f5f5;
color: #f5f5f5;
}
.dot-dark[data-v-46e105de] {
background-color: #24292e;
}
.dot-dark-outline[data-v-46e105de] {
background-color: transparent;
border: 1px solid #24292e;
color: #24292e;
}
.dot-default[data-v-46e105de] {
background-color: #ccc;
}
.dot-default-outline[data-v-46e105de] {
background-color: transparent;
border: 1px solid #ccc;
color: #ccc;
}
.dot-white[data-v-46e105de] {
background-color: #fff;
}
.dot-white-outline[data-v-46e105de] {
background-color: transparent;
border: 1px solid #fff;
color: #fff;
}
.dot-black[data-v-46e105de] {
background-color: #000;
}
.dot-black-outline[data-v-46e105de] {
background-color: transparent;
border: 1px solid #000;
color: #000;
}
a[data-v-46e105de] {
color: #1e90ff;
text-decoration: none;
}
a[data-v-46e105de]:focus,
a[data-v-46e105de]:hover {
text-decoration: underline;
}
.btn[data-v-46e105de] {
border: 1px solid transparent;
outline: none;
cursor: pointer;
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
background-color: #1e90ff;
color: #fff;
display: inline-block;
border-radius: 8px;
line-height: 1;
box-sizing: border-box;
padding: 12px 20px;
font-size: 1em;
font-weight: inherit;
margin: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: auto;
overflow: visible;
-webkit-font-smoothing: inherit;
text-decoration: none;
-moz-osx-font-smoothing: inherit;
}
.btn[data-v-46e105de]:focus,
.btn[data-v-46e105de]:hover {
background-color: #0077ea;
}
.btn.active[data-v-46e105de] {
background-color: #1e90ff;
}
.btn.active[data-v-46e105de],
.btn[data-v-46e105de]:focus {
box-shadow: 0 0 0 0.143rem rgba(30, 144, 255, 0.5);
}
.btn.active[data-v-46e105de],
.btn[data-v-46e105de]:focus,
.btn[data-v-46e105de]:hover {
text-decoration: none;
}
.btn--rounded[data-v-46e105de] {
border-radius: 50px;
}
.btn--block[data-v-46e105de] {
width: 100%;
}
.btn--lg[data-v-46e105de] {
padding: 16px 22px;
font-size: 1.143em;
}
.btn--md[data-v-46e105de] {
padding: 10px 20px;
font-size: 1em;
}
.btn--sm[data-v-46e105de] {
padding: 9px 15px;
font-size: 0.857em;
}
.btn--mini[data-v-46e105de] {
padding: 7px 15px;
font-size: 0.857em;
}
.btn--fab[data-v-46e105de] {
border-radius: 50%;
padding: 0;
height: 40px;
width: 40px;
}
.btn--fab.btn--lg[data-v-46e105de] {
height: 50px;
width: 50px;
}
.btn--fab.btn--md[data-v-46e105de] {
height: 36px;
width: 36px;
}
.btn--fab.btn--sm[data-v-46e105de] {
height: 32px;
width: 32px;
}
.btn--fab.btn--mini[data-v-46e105de] {
height: 28px;
width: 28px;
}
.btn--light[data-v-46e105de],
.btn--white[data-v-46e105de] {
color: #747474;
}
.btn--primary[data-v-46e105de] {
background-color: #1e90ff;
}
.btn--primary[data-v-46e105de]:focus,
.btn--primary[data-v-46e105de]:hover {
background-color: #0077ea;
}
.btn--primary.active[data-v-46e105de] {
background-color: #1e90ff;
}
.btn--primary.active[data-v-46e105de],
.btn--primary[data-v-46e105de]:focus {
box-shadow: 0 0 0 0.143rem rgba(30, 144, 255, 0.5);
}
.btn--primary--outline[data-v-46e105de] {
background-color: rgba(30, 144, 255, 0.05);
border: 1px solid #1e90ff;
color: #1e90ff;
}
.btn--primary--outline.active[data-v-46e105de],
.btn--primary--outline[data-v-46e105de]:focus,
.btn--primary--outline[data-v-46e105de]:hover {
background-color: #1e90ff;
color: #fff;
}
.btn--primary--outline.active[data-v-46e105de],
.btn--primary--outline[data-v-46e105de]:focus {
box-shadow: 0 0 0 0.143rem rgba(30, 144, 255, 0.5);
}
.btn--secondary[data-v-46e105de] {
background-color: #747474;
}
.btn--secondary[data-v-46e105de]:focus,
.btn--secondary[data-v-46e105de]:hover {
background-color: #5b5b5b;
}
.btn--secondary.active[data-v-46e105de] {
background-color: #747474;
}
.btn--secondary.active[data-v-46e105de],
.btn--secondary[data-v-46e105de]:focus {
box-shadow: 0 0 0 0.143rem hsla(0, 0%, 45.5%, 0.5);
}
.btn--secondary--outline[data-v-46e105de] {
background-color: hsla(0, 0%, 45.5%, 0.05);
border: 1px solid #747474;
color: #747474;
}
.btn--secondary--outline.active[data-v-46e105de],
.btn--secondary--outline[data-v-46e105de]:focus,
.btn--secondary--outline[data-v-46e105de]:hover {
background-color: #747474;
color: #fff;
}
.btn--secondary--outline.active[data-v-46e105de],
.btn--secondary--outline[data-v-46e105de]:focus {
box-shadow: 0 0 0 0.143rem hsla(0, 0%, 45.5%, 0.5);
}
.btn--third[data-v-46e105de] {
background-color: #ccc;
}
.btn--third[data-v-46e105de]:focus,
.btn--third[data-v-46e105de]:hover {
background-color: #b3b3b3;
}
.btn--third.active[data-v-46e105de] {
background-color: #ccc;
}
.btn--third.active[data-v-46e105de],
.btn--third[data-v-46e105de]:focus {
box-shadow: 0 0 0 0.143rem hsla(0, 0%, 80%, 0.5);
}
.btn--third--outline[data-v-46e105de] {
background-color: hsla(0, 0%, 80%, 0.05);
border: 1px solid #ccc;
color: #ccc;
}
.btn--third--outline.active[data-v-46e105de],
.btn--third--outline[data-v-46e105de]:focus,
.btn--third--outline[data-v-46e105de]:hover {
background-color: #ccc;
color: #fff;
}
.btn--third--outline.active[data-v-46e105de],
.btn--third--outline[data-v-46e105de]:focus {
box-shadow: 0 0 0 0.143rem hsla(0, 0%, 80%, 0.5);
}
.btn--success[data-v-46e105de] {
background-color: #9acd32;
}
.btn--success[data-v-46e105de]:focus,
.btn--success[data-v-46e105de]:hover {
background-color: #7ba428;
}
.btn--success.active[data-v-46e105de] {
background-color: #9acd32;
}
.btn--success.active[data-v-46e105de],
.btn--success[data-v-46e105de]:focus {
box-shadow: 0 0 0 0.143rem rgba(154, 205, 50, 0.5);
}
.btn--success--outline[data-v-46e105de] {
background-color: rgba(154, 205, 50, 0.05);
border: 1px solid #9acd32;
color: #9acd32;
}
.btn--success--outline.active[data-v-46e105de],
.btn--success--outline[data-v-46e105de]:focus,
.btn--success--outline[data-v-46e105de]:hover {
background-color: #9acd32;
color: #fff;
}
.btn--success--outline.active[data-v-46e105de],
.btn--success--outline[data-v-46e105de]:focus {
box-shadow: 0 0 0 0.143rem rgba(154, 205, 50, 0.5);
}
.btn--danger[data-v-46e105de] {
background-color: #ff4500;
}
.btn--danger[data-v-46e105de]:focus,
.btn--danger[data-v-46e105de]:hover {
background-color: #cc3700;
}
.btn--danger.active[data-v-46e105de] {
background-color: #ff4500;
}
.btn--danger.active[data-v-46e105de],
.btn--danger[data-v-46e105de]:focus {
box-shadow: 0 0 0 0.143rem rgba(255, 69, 0, 0.5);
}
.btn--danger--outline[data-v-46e105de] {
background-color: rgba(255, 69, 0, 0.05);
border: 1px solid #ff4500;
color: #ff4500;
}
.btn--danger--outline.active[data-v-46e105de],
.btn--danger--outline[data-v-46e105de]:focus,
.btn--danger--outline[data-v-46e105de]:hover {
background-color: #ff4500;
color: #fff;
}
.btn--danger--outline.active[data-v-46e105de],
.btn--danger--outline[data-v-46e105de]:focus {
box-shadow: 0 0 0 0.143rem rgba(255, 69, 0, 0.5);
}
.btn--grey[data-v-46e105de] {
background-color: #999;
}
.btn--grey[data-v-46e105de]:focus,
.btn--grey[data-v-46e105de]:hover {
background-color: grey;
}
.btn--grey.active[data-v-46e105de] {
background-color: #999;
}
.btn--grey.active[data-v-46e105de],
.btn--grey[data-v-46e105de]:focus {
box-shadow: 0 0 0 0.143rem hsla(0, 0%, 60%, 0.5);
}
.btn--grey--outline[data-v-46e105de] {
background-color: hsla(0, 0%, 60%, 0.05);
border: 1px solid #999;
color: #999;
}
.btn--grey--outline.active[data-v-46e105de],
.btn--grey--outline[data-v-46e105de]:focus,
.btn--grey--outline[data-v-46e105de]:hover {
background-color: #999;
color: #fff;
}
.btn--grey--outline.active[data-v-46e105de],
.btn--grey--outline[data-v-46e105de]:focus {
box-shadow: 0 0 0 0.143rem hsla(0, 0%, 60%, 0.5);
}
.btn--info[data-v-46e105de] {
background-color: #17a2b8;
}
.btn--info[data-v-46e105de]:focus,
.btn--info[data-v-46e105de]:hover {
background-color: #117a8b;
}
.btn--info.active[data-v-46e105de] {
background-color: #17a2b8;
}
.btn--info.active[data-v-46e105de],
.btn--info[data-v-46e105de]:focus {
box-shadow: 0 0 0 0.143rem rgba(23, 162, 184, 0.5);
}
.btn--info--outline[data-v-46e105de] {
background-color: rgba(23, 162, 184, 0.05);
border: 1px solid #17a2b8;
color: #17a2b8;
}
.btn--info--outline.active[data-v-46e105de],
.btn--info--outline[data-v-46e105de]:focus,
.btn--info--outline[data-v-46e105de]:hover {
background-color: #17a2b8;
color: #fff;
}
.btn--info--outline.active[data-v-46e105de],
.btn--info--outline[data-v-46e105de]:focus {
box-shadow: 0 0 0 0.143rem rgba(23, 162, 184, 0.5);
}
.btn--warning[data-v-46e105de] {
background-color: #ffa300;
}
.btn--warning[data-v-46e105de]:focus,
.btn--warning[data-v-46e105de]:hover {
background-color: #cc8200;
}
.btn--warning.active[data-v-46e105de] {
background-color: #ffa300;
}
.btn--warning.active[data-v-46e105de],
.btn--warning[data-v-46e105de]:focus {
box-shadow: 0 0 0 0.143rem rgba(255, 163, 0, 0.5);
}
.btn--warning--outline[data-v-46e105de] {
background-color: rgba(255, 163, 0, 0.05);
border: 1px solid #ffa300;
color: #ffa300;
}
.btn--warning--outline.active[data-v-46e105de],
.btn--warning--outline[data-v-46e105de]:focus,
.btn--warning--outline[data-v-46e105de]:hover {
background-color: #ffa300;
color: #fff;
}
.btn--warning--outline.active[data-v-46e105de],
.btn--warning--outline[data-v-46e105de]:focus {
box-shadow: 0 0 0 0.143rem rgba(255, 163, 0, 0.5);
}
.btn--light[data-v-46e105de] {
background-color: #f5f5f5;
}
.btn--light[data-v-46e105de]:focus,
.btn--light[data-v-46e105de]:hover {
background-color: #dcdcdc;
}
.btn--light.active[data-v-46e105de] {
background-color: #f5f5f5;
}
.btn--light.active[data-v-46e105de],
.btn--light[data-v-46e105de]:focus {
box-shadow: 0 0 0 0.143rem hsla(0, 0%, 96.1%, 0.5);
}
.btn--light--outline[data-v-46e105de] {
background-color: hsla(0, 0%, 96.1%, 0.05);
border: 1px solid #f5f5f5;
color: #f5f5f5;
}
.btn--light--outline.active[data-v-46e105de],
.btn--light--outline[data-v-46e105de]:focus,
.btn--light--outline[data-v-46e105de]:hover {
background-color: #f5f5f5;
color: #fff;
}
.btn--light--outline.active[data-v-46e105de],
.btn--light--outline[data-v-46e105de]:focus {
box-shadow: 0 0 0 0.143rem hsla(0, 0%, 96.1%, 0.5);
}
.btn--dark[data-v-46e105de] {
background-color: #24292e;
}
.btn--dark[data-v-46e105de]:focus,
.btn--dark[data-v-46e105de]:hover {
background-color: #0e1011;
}
.btn--dark.active[data-v-46e105de] {
background-color: #24292e;
}
.btn--dark.active[data-v-46e105de],
.btn--dark[data-v-46e105de]:focus {
box-shadow: 0 0 0 0.143rem rgba(36, 41, 46, 0.5);
}
.btn--dark--outline[data-v-46e105de] {
background-color: rgba(36, 41, 46, 0.05);
border: 1px solid #24292e;
color: #24292e;
}
.btn--dark--outline.active[data-v-46e105de],
.btn--dark--outline[data-v-46e105de]:focus,
.btn--dark--outline[data-v-46e105de]:hover {
background-color: #24292e;
color: #fff;
}
.btn--dark--outline.active[data-v-46e105de],
.btn--dark--outline[data-v-46e105de]:focus {
box-shadow: 0 0 0 0.143rem rgba(36, 41, 46, 0.5);
}
.btn--default[data-v-46e105de] {
background-color: #ccc;
}
.btn--default[data-v-46e105de]:focus,
.btn--default[data-v-46e105de]:hover {
background-color: #b3b3b3;
}
.btn--default.active[data-v-46e105de] {
background-color: #ccc;
}
.btn--default.active[data-v-46e105de],
.btn--default[data-v-46e105de]:focus {
box-shadow: 0 0 0 0.143rem hsla(0, 0%, 80%, 0.5);
}
.btn--default--outline[data-v-46e105de] {
background-color: hsla(0, 0%, 80%, 0.05);
border: 1px solid #ccc;
color: #ccc;
}
.btn--default--outline.active[data-v-46e105de],
.btn--default--outline[data-v-46e105de]:focus,
.btn--default--outline[data-v-46e105de]:hover {
background-color: #ccc;
color: #fff;
}
.btn--default--outline.active[data-v-46e105de],
.btn--default--outline[data-v-46e105de]:focus {
box-shadow: 0 0 0 0.143rem hsla(0, 0%, 80%, 0.5);
}
.btn--white[data-v-46e105de] {
background-color: #fff;
}
.btn--white[data-v-46e105de]:focus,
.btn--white[data-v-46e105de]:hover {
background-color: #e6e6e6;
}
.btn--white.active[data-v-46e105de] {
background-color: #fff;
}
.btn--white.active[data-v-46e105de],
.btn--white[data-v-46e105de]:focus {
box-shadow: 0 0 0 0.143rem hsla(0, 0%, 100%, 0.5);
}
.btn--white--outline[data-v-46e105de] {
background-color: hsla(0, 0%, 100%, 0.05);
border: 1px solid #fff;
color: #fff;
}
.btn--white--outline.active[data-v-46e105de],
.btn--white--outline[data-v-46e105de]:focus,
.btn--white--outline[data-v-46e105de]:hover {
background-color: #fff;
color: #fff;
}
.btn--white--outline.active[data-v-46e105de],
.btn--white--outline[data-v-46e105de]:focus {
box-shadow: 0 0 0 0.143rem hsla(0, 0%, 100%, 0.5);
}
.btn--black.active[data-v-46e105de],
.btn--black[data-v-46e105de],
.btn--black[data-v-46e105de]:focus,
.btn--black[data-v-46e105de]:hover {
background-color: #000;
}
.btn--black.active[data-v-46e105de],
.btn--black[data-v-46e105de]:focus {
box-shadow: 0 0 0 0.143rem rgba(0, 0, 0, 0.5);
}
.btn--black--outline[data-v-46e105de] {
background-color: rgba(0, 0, 0, 0.05);
border: 1px solid #000;
color: #000;
}
.btn--black--outline.active[data-v-46e105de],
.btn--black--outline[data-v-46e105de]:focus,
.btn--black--outline[data-v-46e105de]:hover {
background-color: #000;
color: #fff;
}
.btn--black--outline.active[data-v-46e105de],
.btn--black--outline[data-v-46e105de]:focus {
box-shadow: 0 0 0 0.143rem rgba(0, 0, 0, 0.5);
}
.btn--default--outline[data-v-46e105de] {
color: #747474;
}
.btn--disabled[data-v-46e105de]:disabled {
box-shadow: none;
background-color: #ccc;
border: 1px solid #ccc;
color: #fff;
cursor: not-allowed;
}
.badge[data-v-46e105de] {
background: #999;
height: 22px;
line-height: 22px;
border-radius: 22px;
padding: 0 5px;
font-size: 0.857em;
color: #888;
font-weight: 500;
}
.badge-primary[data-v-46e105de] {
background-color: #1e90ff;
color: #fff;
}
.badge-secondary[data-v-46e105de] {
background-color: #747474;
color: #fff;
}
.badge-third[data-v-46e105de] {
background-color: #ccc;
color: #fff;
}
.badge-success[data-v-46e105de] {
background-color: #9acd32;
color: #fff;
}
.badge-danger[data-v-46e105de] {
background-color: #ff4500;
color: #fff;
}
.badge-grey[data-v-46e105de] {
background-color: #999;
color: #fff;
}
.badge-info[data-v-46e105de] {
background-color: #17a2b8;
color: #fff;
}
.badge-warning[data-v-46e105de] {
background-color: #ffa300;
color: #fff;
}
.badge-light[data-v-46e105de] {
background-color: #f5f5f5;
color: #fff;
}
.badge-dark[data-v-46e105de] {
background-color: #24292e;
color: #fff;
}
.badge-default[data-v-46e105de] {
background-color: #ccc;
color: #fff;
}
.badge-white[data-v-46e105de] {
background-color: #fff;
color: #fff;
}
.badge-black[data-v-46e105de] {
background-color: #000;
color: #fff;
}
table.md[data-v-46e105de] {
border-spacing: 0;
border-radius: 8px;
border-collapse: collapse;
width: 100%;
table-layout: fixed;
word-wrap: break-word;
overflow: hidden;
word-break: break-all;
margin-top: 0;
margin-bottom: 16px;
font-size: 1em;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
table.md tr[data-v-46e105de] {
background-color: #fff;
width: 100%;
}
table.md tr td[data-v-46e105de],
table.md tr th[data-v-46e105de] {
padding: 6px 13px;
text-align: left;
}
table.md tr[data-v-46e105de]:nth-child(2n) {
background-color: #f2f2f2;
}
.is-dark table.md[data-v-46e105de] {
color: #f2f2f2;
}
.is-dark table.md tr[data-v-46e105de] {
background-color: #21222e;
}
.is-dark table.md tr[data-v-46e105de]:nth-child(2n) {
background-color: #2e2f40;
}
.is-dark table.md tr td.text-muted[data-v-46e105de] {
color: hsla(0, 0%, 100%, 0.3);
}
.slide-enter-active[data-v-46e105de],
.slide-leave-active[data-v-46e105de] {
opacity: 1;
z-index: 998;
transition: all 0.3s;
transform: translateY(0);
}
.slide-enter[data-v-46e105de],
.slide-leave-to[data-v-46e105de] {
opacity: 0;
z-index: 998;
transform: translateY(-20px);
}
.tags-enter-active[data-v-46e105de],
.tags-leave-active[data-v-46e105de] {
opacity: 1;
transition: all 0.3s;
position: absolute;
transform: translateY(0);
}
.tags-enter[data-v-46e105de],
.tags-leave-to[data-v-46e105de] {
opacity: 0;
transform: translateX(-100%);
}
.slideinvert-enter-active[data-v-46e105de],
.slideinvert-leave-active[data-v-46e105de] {
opacity: 1;
z-index: 998;
transition: all 0.3s;
transform: translateY(0);
}
.slideinvert-enter[data-v-46e105de],
.slideinvert-leave-to[data-v-46e105de] {
opacity: 0;
z-index: 998;
transform: translateY(40px);
}
.slidenext-enter-active[data-v-46e105de],
.slidenext-leave-active[data-v-46e105de],
.slideprev-enter-active[data-v-46e105de],
.slideprev-leave-active[data-v-46e105de] {
position: absolute;
transition: all 0.3s;
}
.slidenext-enter[data-v-46e105de],
.slideprev-leave-to[data-v-46e105de] {
transform: translateX(100%);
}
.slidenext-leave-to[data-v-46e105de],
.slideprev-enter[data-v-46e105de] {
transform: translateX(-100%);
}
.slidevnext-enter-active[data-v-46e105de],
.slidevnext-leave-active[data-v-46e105de],
.slidevprev-enter-active[data-v-46e105de],
.slidevprev-leave-active[data-v-46e105de] {
position: absolute;
transition: all 0.3s;
}
.slidevnext-enter[data-v-46e105de],
.slidevprev-leave-to[data-v-46e105de] {
transform: translateY(100%);
opacity: 0;
}
.slidevnext-leave-to[data-v-46e105de],
.slidevprev-enter[data-v-46e105de] {
transform: translateY(-100%);
opacity: 0;
}
@media screen and (max-width: 415px) {
.slide-enter-active[data-v-46e105de],
.slide-leave-active[data-v-46e105de],
.slideinvert-enter-active[data-v-46e105de],
.slideinvert-leave-active[data-v-46e105de] {
transition: all 0s;
}
}
.spinner-anim[data-v-46e105de] {
-webkit-animation: spin-data-v-46e105de 0.6s linear infinite;
animation: spin-data-v-46e105de 0.6s linear infinite;
}
@-webkit-keyframes spin-data-v-46e105de {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
@keyframes spin-data-v-46e105de {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
.dialog-fade-enter-active .dialog-animation[data-v-46e105de] {
-webkit-animation: dialog-fade-in-data-v-46e105de 0.4s;
animation: dialog-fade-in-data-v-46e105de 0.4s;
}
.dialog-fade-leave-active .dialog-animation[data-v-46e105de] {
-webkit-animation: dialog-fade-out-data-v-46e105de 0.4s;
animation: dialog-fade-out-data-v-46e105de 0.4s;
}
@-webkit-keyframes dialog-fade-in-data-v-46e105de {
0% {
transform: translate3d(0, -30px, 0);
opacity: 0;
}
to {
transform: translateZ(0);
opacity: 1;
}
}
@keyframes dialog-fade-in-data-v-46e105de {
0% {
transform: translate3d(0, -30px, 0);
opacity: 0;
}
to {
transform: translateZ(0);
opacity: 1;
}
}
@-webkit-keyframes dialog-fade-out-data-v-46e105de {
0% {
transform: translateZ(0);
opacity: 1;
}
to {
transform: translate3d(0, -30px, 0);
opacity: 0;
}
}
@keyframes dialog-fade-out-data-v-46e105de {
0% {
transform: translateZ(0);
opacity: 1;
}
to {
transform: translate3d(0, -30px, 0);
opacity: 0;
}
}
.expand-enter-active[data-v-46e105de],
.expand-leave-active[data-v-46e105de] {
transition: 0.3s ease-in-out;
transition-property: opacity, height;
overflow: hidden;
}
.expand-enter[data-v-46e105de],
.expand-leave-to[data-v-46e105de] {
height: 0;
opacity: 0;
}
.scale-enter-active[data-v-46e105de],
.scale-leave-active[data-v-46e105de] {
opacity: 1;
z-index: 1;
transition: all 0.3s cubic-bezier(0.4, 0.52, 0.26, 0.9);
}
.scale-enter[data-v-46e105de],
.scale-leave-to[data-v-46e105de] {
opacity: 0.4;
z-index: 1;
transform: scale(0);
}
@-webkit-keyframes loading-data-v-46e105de {
0% {
left: -200px;
width: 30%;
}
50% {
width: 30%;
}
70% {
width: 70%;
}
80% {
left: 50%;
}
95% {
left: 120%;
}
to {
left: 100%;
}
}
@keyframes loading-data-v-46e105de {
0% {
left: -200px;
width: 30%;
}
50% {
width: 30%;
}
70% {
width: 70%;
}
80% {
left: 50%;
}
95% {
left: 120%;
}
to {
left: 100%;
}
}
.flip-list-move[data-v-46e105de] {
transition: transform 0.6s;
}
.over-hid[data-v-46e105de] {
overflow: hidden;
}
.pos-r[data-v-46e105de] {
position: relative;
}
.pos-a[data-v-46e105de] {
position: absolute;
}
.flex[data-v-46e105de] {
display: flex;
}
.flex.fluid[data-v-46e105de] {
width: 100%;
}
.flex.direction-column[data-v-46e105de] {
flex-direction: column;
}
.flex.direction-column-reverse[data-v-46e105de] {
flex-direction: column-reverse;
}
.flex.direction-row[data-v-46e105de] {
flex-direction: row;
}
.flex.direction-row-reverse[data-v-46e105de] {
flex-direction: row-reverse;
}
.flex.align-center[data-v-46e105de] {
align-items: center;
}
.flex.align-start[data-v-46e105de] {
align-items: flex-start;
}
.flex.align-end[data-v-46e105de] {
align-items: flex-end;
}
.flex.justify-start[data-v-46e105de] {
justify-content: flex-start;
}
.flex.justify-end[data-v-46e105de] {
justify-content: flex-end;
}
.flex.justify-center[data-v-46e105de] {
justify-content: center;
}
.flex.space-between[data-v-46e105de] {
justify-content: space-between;
}
.flex.space-around[data-v-46e105de] {
justify-content: space-around;
}
.flex.flex-center[data-v-46e105de] {
justify-content: center;
align-items: center;
}
.flex.flex--wrap[data-v-46e105de] {
flex-wrap: wrap;
}
.flex.flex--grow[data-v-46e105de] {
flex-grow: 1;
}
.flex-fill[data-v-46e105de] {
flex: 0 1 auto;
}
.flex-fixed[data-v-46e105de] {
flex: 0 0 auto;
}
.flex-1[data-v-46e105de] {
flex: 1;
}
.flex-100[data-v-46e105de] {
flex: 0 1 100%;
}
.flex-75[data-v-46e105de] {
flex: 0 1 75%;
}
.flex-50[data-v-46e105de] {
flex: 0 1 50%;
}
.flex-33[data-v-46e105de] {
flex: 0 1 33.33%;
}
.flex-25[data-v-46e105de] {
flex: 0 1 25%;
}
.flex-20[data-v-46e105de] {
flex: 0 1 20%;
}
.flex-16[data-v-46e105de] {
flex: 0 1 16.66%;
}
.text-muted-white[data-v-46e105de] {
color: hsla(0, 0%, 100%, 0.54);
}
.text-muted[data-v-46e105de] {
color: rgba(0, 0, 0, 0.54);
}
.is-dark .text-muted[data-v-46e105de] {
color: hsla(0, 0%, 100%, 0.54);
}
.text-strong[data-v-46e105de] {
font-weight: 500;
}
.text-center[data-v-46e105de] {
text-align: center;
}
.text-left[data-v-46e105de] {
text-align: left;
}
.text-right[data-v-46e105de] {
text-align: right;
}
.text-primary[data-v-46e105de] {
color: #1e90ff;
}
.text-secondary[data-v-46e105de] {
color: #747474;
}
.text-third[data-v-46e105de] {
color: #ccc;
}
.text-success[data-v-46e105de] {
color: #9acd32;
}
.text-danger[data-v-46e105de] {
color: #ff4500;
}
.text-grey[data-v-46e105de] {
color: #999;
}
.text-info[data-v-46e105de] {
color: #17a2b8;
}
.text-warning[data-v-46e105de] {
color: #ffa300;
}
.text-light[data-v-46e105de] {
color: #f5f5f5;
}
.text-dark[data-v-46e105de] {
color: #24292e;
}
.text-default[data-v-46e105de] {
color: #ccc;
}
.text-white[data-v-46e105de] {
color: #fff;
}
.text-black[data-v-46e105de] {
color: #000;
}
.dots-text[data-v-46e105de] {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.dots-text-3[data-v-46e105de] {
overflow: hidden;
position: relative;
line-height: 1.3em;
max-height: 3.9em;
text-align: justify;
margin-right: -1em;
padding-right: 1em;
}
.dots-text-3[data-v-46e105de]:before {
content: "...";
position: absolute;
right: 3px;
bottom: 2px;
}
.dots-text-3[data-v-46e105de]:after {
content: "";
position: absolute;
right: 0;
width: 1em;
height: 1em;
margin-top: 0.2em;
background: #fff;
}
.dots-text-2[data-v-46e105de] {
overflow: hidden;
position: relative;
line-height: 1.3em;
max-height: 2.6em;
text-align: justify;
margin-right: -1em;
padding-right: 1em;
}
.dots-text-2[data-v-46e105de]:before {
content: "...";
position: absolute;
right: 3px;
bottom: 2px;
}
.dots-text-2[data-v-46e105de]:after {
content: "";
position: absolute;
right: 0;
width: 1em;
height: 1em;
margin-top: 0.2em;
background: #fff;
}
.container[data-v-46e105de] {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (max-width: 768px) {
.container[data-v-46e105de] {
max-width: 100%;
}
}
@media (min-width: 768px) {
.container[data-v-46e105de] {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.container[data-v-46e105de] {
max-width: 1024px;
}
}
@media (min-width: 1440px) {
.container[data-v-46e105de] {
max-width: 1440px;
}
}
@media (min-width: 2560px) {
.container[data-v-46e105de] {
max-width: 2560px;
}
}
.pr-0[data-v-46e105de] {
padding-right: 0;
}
.pt-0[data-v-46e105de] {
padding-top: 0;
}
.pb-0[data-v-46e105de] {
padding-bottom: 0;
}
.pl-0[data-v-46e105de] {
padding-left: 0;
}
.px-0[data-v-46e105de] {
padding-left: 0;
padding-right: 0;
}
.py-0[data-v-46e105de] {
padding-top: 0;
padding-bottom: 0;
}
.p-0[data-v-46e105de] {
padding: 0;
}
.pr-1[data-v-46e105de] {
padding-right: 0.25rem;
}
.pt-1[data-v-46e105de] {
padding-top: 0.25rem;
}
.pb-1[data-v-46e105de] {
padding-bottom: 0.25rem;
}
.pl-1[data-v-46e105de] {
padding-left: 0.25rem;
}
.px-1[data-v-46e105de] {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.py-1[data-v-46e105de] {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.p-1[data-v-46e105de] {
padding: 0.25rem;
}
.pr-2[data-v-46e105de] {
padding-right: 0.5rem;
}
.pt-2[data-v-46e105de] {
padding-top: 0.5rem;
}
.pb-2[data-v-46e105de] {
padding-bottom: 0.5rem;
}
.pl-2[data-v-46e105de] {
padding-left: 0.5rem;
}
.px-2[data-v-46e105de] {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.py-2[data-v-46e105de] {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.p-2[data-v-46e105de] {
padding: 0.5rem;
}
.pr-3[data-v-46e105de] {
padding-right: 1rem;
}
.pt-3[data-v-46e105de] {
padding-top: 1rem;
}
.pb-3[data-v-46e105de] {
padding-bottom: 1rem;
}
.pl-3[data-v-46e105de] {
padding-left: 1rem;
}
.px-3[data-v-46e105de] {
padding-left: 1rem;
padding-right: 1rem;
}
.py-3[data-v-46e105de] {
padding-top: 1rem;
padding-bottom: 1rem;
}
.p-3[data-v-46e105de] {
padding: 1rem;
}
.pr-4[data-v-46e105de] {
padding-right: 1.5rem;
}
.pt-4[data-v-46e105de] {
padding-top: 1.5rem;
}
.pb-4[data-v-46e105de] {
padding-bottom: 1.5rem;
}
.pl-4[data-v-46e105de] {
padding-left: 1.5rem;
}
.px-4[data-v-46e105de] {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.py-4[data-v-46e105de] {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.p-4[data-v-46e105de] {
padding: 1.5rem;
}
.pr-5[data-v-46e105de] {
padding-right: 3rem;
}
.pt-5[data-v-46e105de] {
padding-top: 3rem;
}
.pb-5[data-v-46e105de] {
padding-bottom: 3rem;
}
.pl-5[data-v-46e105de] {
padding-left: 3rem;
}
.px-5[data-v-46e105de] {
padding-left: 3rem;
padding-right: 3rem;
}
.py-5[data-v-46e105de] {
padding-top: 3rem;
padding-bottom: 3rem;
}
.p-5[data-v-46e105de] {
padding: 3rem;
}
.mr-0[data-v-46e105de] {
margin-right: 0;
}
.mt-0[data-v-46e105de] {
margin-top: 0;
}
.mb-0[data-v-46e105de] {
margin-bottom: 0;
}
.ml-0[data-v-46e105de] {
margin-left: 0;
}
.mx-0[data-v-46e105de] {
margin-left: 0;
margin-right: 0;
}
.my-0[data-v-46e105de] {
margin-top: 0;
margin-bottom: 0;
}
.m-0[data-v-46e105de] {
margin: 0;
}
.mr-1[data-v-46e105de] {
margin-right: 0.25rem;
}
.mt-1[data-v-46e105de] {
margin-top: 0.25rem;
}
.mb-1[data-v-46e105de] {
margin-bottom: 0.25rem;
}
.ml-1[data-v-46e105de] {
margin-left: 0.25rem;
}
.mx-1[data-v-46e105de] {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.my-1[data-v-46e105de] {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.m-1[data-v-46e105de] {
margin: 0.25rem;
}
.mr-2[data-v-46e105de] {
margin-right: 0.5rem;
}
.mt-2[data-v-46e105de] {
margin-top: 0.5rem;
}
.mb-2[data-v-46e105de] {
margin-bottom: 0.5rem;
}
.ml-2[data-v-46e105de] {
margin-left: 0.5rem;
}
.mx-2[data-v-46e105de] {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.my-2[data-v-46e105de] {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.m-2[data-v-46e105de] {
margin: 0.5rem;
}
.mr-3[data-v-46e105de] {
margin-right: 1rem;
}
.mt-3[data-v-46e105de] {
margin-top: 1rem;
}
.mb-3[data-v-46e105de] {
margin-bottom: 1rem;
}
.ml-3[data-v-46e105de] {
margin-left: 1rem;
}
.mx-3[data-v-46e105de] {
margin-left: 1rem;
margin-right: 1rem;
}
.my-3[data-v-46e105de] {
margin-top: 1rem;
margin-bottom: 1rem;
}
.m-3[data-v-46e105de] {
margin: 1rem;
}
.mr-4[data-v-46e105de] {
margin-right: 1.5rem;
}
.mt-4[data-v-46e105de] {
margin-top: 1.5rem;
}
.mb-4[data-v-46e105de] {
margin-bottom: 1.5rem;
}
.ml-4[data-v-46e105de] {
margin-left: 1.5rem;
}
.mx-4[data-v-46e105de] {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
.my-4[data-v-46e105de] {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.m-4[data-v-46e105de] {
margin: 1.5rem;
}
.mr-5[data-v-46e105de] {
margin-right: 3rem;
}
.mt-5[data-v-46e105de] {
margin-top: 3rem;
}
.mb-5[data-v-46e105de] {
margin-bottom: 3rem;
}
.ml-5[data-v-46e105de] {
margin-left: 3rem;
}
.mx-5[data-v-46e105de] {
margin-left: 3rem;
margin-right: 3rem;
}
.my-5[data-v-46e105de] {
margin-top: 3rem;
margin-bottom: 3rem;
}
.m-5[data-v-46e105de] {
margin: 3rem;
}
.h-100[data-v-46e105de] {
height: 100%;
}
.mh-100[data-v-46e105de] {
max-height: 100%;
}
.w-100[data-v-46e105de] {
width: 100%;
}
.mw-100[data-v-46e105de] {
max-width: 100%;
}

.m-h-0[data-v-46e105de] {
min-height: 0;
}
.m-h-100[data-v-46e105de] {
min-height: 100%;
}
.m-w-0[data-v-46e105de] {
min-width: 0;
}
.m-w-100[data-v-46e105de] {
min-width: 100%;
}
.br-0[data-v-46e105de] {
border-radius: 0;
}
.brt-0[data-v-46e105de] {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.brb-0[data-v-46e105de] {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.br-2[data-v-46e105de] {
border-radius: 2px;
}
.brt-2[data-v-46e105de] {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.brb-2[data-v-46e105de] {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
.br-4[data-v-46e105de] {
border-radius: 4px;
}
.brt-4[data-v-46e105de] {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.brb-4[data-v-46e105de] {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.br-8[data-v-46e105de] {
border-radius: 8px;
}
.brt-8[data-v-46e105de] {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.brb-8[data-v-46e105de] {
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}
.fs-12[data-v-46e105de] {
font-size: 12px;
}
.fs-14[data-v-46e105de] {
font-size: 14px;
}
.fs-16[data-v-46e105de] {
font-size: 16px;
}
.fs-18[data-v-46e105de] {
font-size: 18px;
}
.fs-20[data-v-46e105de] {
font-size: 20px;
}
.fs-22[data-v-46e105de] {
font-size: 22px;
}
.fs-26[data-v-46e105de] {
font-size: 26px;
}
.fw-300[data-v-46e105de] {
font-weight: 300;
}
.fw-400[data-v-46e105de] {
font-weight: 400;
}
.fw-500[data-v-46e105de] {
font-weight: 500;
}
@media only screen and (max-width: 2560px) {
.hidden-4k[data-v-46e105de] {
display: none;
}
}
@media only screen and (max-width: 1440px) {
.hidden-laptop[data-v-46e105de] {
display: none;
}
}
@media only screen and (max-width: 1024px) {
.hidden-laptop-s[data-v-46e105de] {
display: none;
}
}
@media only screen and (max-width: 768px) {
.hidden-tablet[data-v-46e105de] {
display: none;
}
}
@media only screen and (max-width: 425px) {
.hidden-mobile[data-v-46e105de] {
display: none;
}
}
@media only screen and (max-width: 375px) {
.hidden-mobile-m[data-v-46e105de] {
display: none;
}
}
@media only screen and (max-width: 320px) {
.hidden-mobile-s[data-v-46e105de] {
display: none;
}
}
.show-4k[data-v-46e105de] {
display: none;
}
@media only screen and (max-width: 2560px) {
.show-4k[data-v-46e105de] {
display: inherit;
}
}
.show-laptop[data-v-46e105de] {
display: none;
}
@media only screen and (max-width: 1440px) {
.show-laptop[data-v-46e105de] {
display: inherit;
}
}
.show-laptop-s[data-v-46e105de] {
display: none;
}
@media only screen and (max-width: 1024px) {
.show-laptop-s[data-v-46e105de] {
display: inherit;
}
}
.show-tablet[data-v-46e105de] {
display: none;
}
@media only screen and (max-width: 768px) {
.show-tablet[data-v-46e105de] {
display: inherit;
}
}
.show-mobile[data-v-46e105de] {
display: none;
}
@media only screen and (max-width: 425px) {
.show-mobile[data-v-46e105de] {
display: inherit;
}
}
.show-mobile-m[data-v-46e105de] {
display: none;
}
@media only screen and (max-width: 375px) {
.show-mobile-m[data-v-46e105de] {
display: inherit;
}
}
.show-mobile-s[data-v-46e105de] {
display: none;
}
@media only screen and (max-width: 320px) {
.show-mobile-s[data-v-46e105de] {
display: inherit;
}
}
[data-v-46e105de],
[data-v-46e105de]:after,
[data-v-46e105de]:before {
box-sizing: border-box;
}
blockquote[data-v-46e105de],
body[data-v-46e105de],
dd[data-v-46e105de],
dl[data-v-46e105de],
figure[data-v-46e105de],
h1[data-v-46e105de],
h2[data-v-46e105de],
h3[data-v-46e105de],
h4[data-v-46e105de],
h5[data-v-46e105de],
h6[data-v-46e105de],
hr[data-v-46e105de],
ol[data-v-46e105de],
p[data-v-46e105de],
pre[data-v-46e105de],
ul[data-v-46e105de] {
margin: 0;
padding: 0;
}
#app[data-v-46e105de],
body[data-v-46e105de],
button[data-v-46e105de],
html[data-v-46e105de],
input[data-v-46e105de] {
font: 400 14px -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica,
Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
line-height: 1.5;
-webkit-font-kerning: normal;
font-feature-settings: "kern";
font-kerning: normal;
}
.country-selector[data-v-46e105de] {
/*font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;*/
font-family: sans-serif;
position: relative;
height: 40px;
min-height: 40px;
z-index: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.country-selector[data-v-46e105de]:hover {
z-index: 1;
}
.country-selector__label[data-v-46e105de] {
position: absolute;
top: 3px;
cursor: pointer;
left: 11px;
transform: translateY(25%);
opacity: 0;
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
font-size: 11px;
color: #747474;
}
.country-selector__input[data-v-46e105de] {
cursor: pointer;
background-color: #fff;
position: relative;
width: 100%;
height: 40px;
min-height: 40px;
padding-right: 22px;
font-weight: 400;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
border: 1px solid #ccc;
font-size: 13px;
z-index: 0;
padding-left: 8px;
color: #000;
}
.country-selector__toggle[data-v-46e105de] {
position: absolute;
right: 5px;
top: calc(50% - 10px);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
text-align: center;
display: inline-block;
cursor: pointer;
height: 24px;
}
.country-selector__toggle__arrow[data-v-46e105de] {
color: #747474;
}
.country-selector__toggle__arrow path.arrow[data-v-46e105de] {
fill: #747474;
}
.country-selector__country-flag[data-v-46e105de] {
margin: auto 0;
position: absolute;
top: 21px;
left: 11px;
z-index: 1;
cursor: pointer;
}
.country-selector__country-flag img[data-v-46e105de] {
position: absolute;
}
.country-selector__list[data-v-46e105de] {
max-width: 100%;
top: 100%;
width: 100%;
min-width: 230px;
position: absolute;
background-color: #fff;
overflow: hidden;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
z-index: 9;
list-style: none;
overflow-y: auto;
overflow-x: hidden;
padding: 0;
margin: 0;
}
.country-selector__list.has-calling-code[data-v-46e105de] {
min-width: 270px;
}
.country-selector__list__item[data-v-46e105de] {
padding: 0 10px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 12px;
cursor: pointer;
background-color: transparent;
width: 100%;
border: 0;
outline: none;
}
.country-selector__list__item__flag-container[data-v-46e105de] {
margin-right: 10px;
}
.country-selector__list__item__calling-code[data-v-46e105de] {
width: 45px;
color: #747474;
}
.country-selector__list__item.hover[data-v-46e105de],
.country-selector__list__item.keyboard-selected[data-v-46e105de] {
background-color: #f2f2f2;
}
.country-selector__list__item.selected[data-v-46e105de] {
color: #fff;
font-weight: 600;
}
.country-selector__list__item.selected
.country-selector__list__item__calling-code[data-v-46e105de] {
color: #fff;
}
.country-selector.is-dark .country-selector__input[data-v-46e105de] {
cursor: pointer;
color: hsla(0, 0%, 100%, 0.7);
}
.country-selector.is-dark
.country-selector__input[data-v-46e105de]::-moz-placeholder {
color: hsla(0, 0%, 100%, 0.7);
}
.country-selector.is-dark
.country-selector__input[data-v-46e105de]:-ms-input-placeholder {
color: hsla(0, 0%, 100%, 0.7);
}
.country-selector.is-dark
.country-selector__input[data-v-46e105de]::placeholder {
color: hsla(0, 0%, 100%, 0.7);
}
.country-selector.is-dark .country-selector__toggle__arrow[data-v-46e105de] {
color: hsla(0, 0%, 100%, 0.7);
}
.country-selector.is-dark
.country-selector__toggle__arrow
path.arrow[data-v-46e105de] {
fill: hsla(0, 0%, 100%, 0.7);
}
.country-selector.is-dark .country-selector__list__item[data-v-46e105de] {
color: #f2f2f2;
}
.country-selector.is-dark
.country-selector__list__item.keyboard-selected[data-v-46e105de],
.country-selector.is-dark .country-selector__list__item[data-v-46e105de]:hover {
background-color: #43455e;
}
.country-selector.is-dark
.country-selector__list__calling-code[data-v-46e105de] {
color: hsla(0, 0%, 100%, 0.3);
}
.country-selector.is-dark .country-selector__input[data-v-46e105de],
.country-selector.is-dark .country-selector__list[data-v-46e105de] {
color: hsla(0, 0%, 100%, 0.7);
}
.country-selector.has-list-open[data-v-46e105de] {
z-index: 1;
}
.country-selector.has-list-open .country-selector__toggle[data-v-46e105de] {
transform: rotate(180deg);
}
.country-selector.is-focused[data-v-46e105de] {
z-index: 1;
}
.country-selector.has-error .country-selector__input[data-v-46e105de] {
border-color: #ff4500;
}
.country-selector.has-error .country-selector__label[data-v-46e105de] {
color: #ff4500;
}
.country-selector.has-value .country-selector__input[data-v-46e105de] {
padding-left: 40px;
}
.country-selector.has-hint .country-selector__label[data-v-46e105de],
.country-selector.has-value .country-selector__label[data-v-46e105de] {
opacity: 1;
transform: translateY(0);
font-size: 11px;
}
.country-selector.has-hint .country-selector__input[data-v-46e105de],
.country-selector.has-value .country-selector__input[data-v-46e105de] {
padding-top: 14px;
}
.country-selector.is-disabled .country-selector[data-v-46e105de] {
cursor: not-allowed;
}
.country-selector.is-disabled .country-selector__input[data-v-46e105de] {
border-color: #ccc;
background-color: #f2f2f2;
color: #ccc;
}
.country-selector.is-disabled
.country-selector__input[data-v-46e105de]::-moz-placeholder {
color: #ccc;
}
.country-selector.is-disabled
.country-selector__input[data-v-46e105de]:-ms-input-placeholder {
color: #ccc;
}
.country-selector.is-disabled
.country-selector__input[data-v-46e105de]::placeholder {
color: #ccc;
}
.country-selector.is-disabled
.country-selector__country-flag
> div[data-v-46e105de],
.country-selector.is-disabled .country-selector__country-flag[data-v-46e105de],
.country-selector.is-disabled .country-selector__input[data-v-46e105de],
.country-selector.is-disabled .country-selector__label[data-v-46e105de],
.country-selector.is-disabled
.country-selector__toggle__arrow[data-v-46e105de] {
cursor: not-allowed;
color: #ccc;
}
.country-selector.no-flags .country-selector__input[data-v-46e105de] {
padding-left: 10px;
}
.country-selector.sm[data-v-46e105de] {
height: 36px;
min-height: 36px;
}
.country-selector.sm .country-selector__input[data-v-46e105de] {
height: 36px;
min-height: 36px;
font-size: 12px;
}
.country-selector.sm .country-selector__label[data-v-46e105de] {
font-size: 10px;
}
.country-selector.sm .country-selector__country-flag[data-v-46e105de] {
top: 16px;
}
.country-selector.sm .country-selector__country-flag img[data-v-46e105de] {
zoom: 0.3;
color: red;
-moz-transform: scale(0.3);
-moz-transform-origin: 0 0;
}
.country-selector.sm.has-value .country-selector__input[data-v-46e105de] {
padding-top: 12px;
}
.country-selector.lg[data-v-46e105de] {
height: 48px;
min-height: 48px;
}
.country-selector.lg .country-selector__input[data-v-46e105de] {
height: 48px;
min-height: 48px;
font-size: 14px;
}
.country-selector.lg .country-selector__label[data-v-46e105de] {
font-size: 14px;
}
.country-selector.lg .country-selector__country-flag[data-v-46e105de] {
top: 25px;
}
.country-selector.lg .country-selector__country-flag img[data-v-46e105de] {
zoom: 0.45;
-moz-transform: scale(0.45);
-moz-transform-origin: 0 0;
}
.country-selector.lg.has-value .country-selector__input[data-v-46e105de] {
padding-top: 18px;
}
.country-selector .slide-enter-active[data-v-46e105de],
.country-selector .slide-leave-active[data-v-46e105de] {
opacity: 1;
z-index: 998;
transition: all 0.3s;
transform: translateY(0);
}
.country-selector .slide-enter[data-v-46e105de],
.country-selector .slide-leave-to[data-v-46e105de] {
opacity: 0;
z-index: 998;
transform: translateY(-20px);
}
.bg-primary-after[data-v-19c9a1c7]:after,
.bg-primary-before[data-v-19c9a1c7]:before,
.bg-primary[data-v-19c9a1c7] {
background-color: #1e90ff;
}
.bg-primary-after-transparency[data-v-19c9a1c7]:after,
.bg-primary-before-transparency[data-v-19c9a1c7]:before,
.bg-primary-transparency[data-v-19c9a1c7] {
background-color: rgba(30, 144, 255, 0.5);
}
.bg-secondary-after[data-v-19c9a1c7]:after,
.bg-secondary-before[data-v-19c9a1c7]:before,
.bg-secondary[data-v-19c9a1c7] {
background-color: #747474;
}
.bg-secondary-after-transparency[data-v-19c9a1c7]:after,
.bg-secondary-before-transparency[data-v-19c9a1c7]:before,
.bg-secondary-transparency[data-v-19c9a1c7] {
background-color: hsla(0, 0%, 45.5%, 0.5);
}
.bg-third-after[data-v-19c9a1c7]:after,
.bg-third-before[data-v-19c9a1c7]:before,
.bg-third[data-v-19c9a1c7] {
background-color: #ccc;
}
.bg-third-after-transparency[data-v-19c9a1c7]:after,
.bg-third-before-transparency[data-v-19c9a1c7]:before,
.bg-third-transparency[data-v-19c9a1c7] {
background-color: hsla(0, 0%, 80%, 0.5);
}
.bg-success-after[data-v-19c9a1c7]:after,
.bg-success-before[data-v-19c9a1c7]:before,
.bg-success[data-v-19c9a1c7] {
background-color: #9acd32;
}
.bg-success-after-transparency[data-v-19c9a1c7]:after,
.bg-success-before-transparency[data-v-19c9a1c7]:before,
.bg-success-transparency[data-v-19c9a1c7] {
background-color: rgba(154, 205, 50, 0.5);
}
.bg-danger-after[data-v-19c9a1c7]:after,
.bg-danger-before[data-v-19c9a1c7]:before,
.bg-danger[data-v-19c9a1c7] {
background-color: #ff4500;
}
.bg-danger-after-transparency[data-v-19c9a1c7]:after,
.bg-danger-before-transparency[data-v-19c9a1c7]:before,
.bg-danger-transparency[data-v-19c9a1c7] {
background-color: rgba(255, 69, 0, 0.5);
}
.bg-grey-after[data-v-19c9a1c7]:after,
.bg-grey-before[data-v-19c9a1c7]:before,
.bg-grey[data-v-19c9a1c7] {
background-color: #999;
}
.bg-grey-after-transparency[data-v-19c9a1c7]:after,
.bg-grey-before-transparency[data-v-19c9a1c7]:before,
.bg-grey-transparency[data-v-19c9a1c7] {
background-color: hsla(0, 0%, 60%, 0.5);
}
.bg-info-after[data-v-19c9a1c7]:after,
.bg-info-before[data-v-19c9a1c7]:before,
.bg-info[data-v-19c9a1c7] {
background-color: #17a2b8;
}
.bg-info-after-transparency[data-v-19c9a1c7]:after,
.bg-info-before-transparency[data-v-19c9a1c7]:before,
.bg-info-transparency[data-v-19c9a1c7] {
background-color: rgba(23, 162, 184, 0.5);
}
.bg-warning-after[data-v-19c9a1c7]:after,
.bg-warning-before[data-v-19c9a1c7]:before,
.bg-warning[data-v-19c9a1c7] {
background-color: #ffa300;
}
.bg-warning-after-transparency[data-v-19c9a1c7]:after,
.bg-warning-before-transparency[data-v-19c9a1c7]:before,
.bg-warning-transparency[data-v-19c9a1c7] {
background-color: rgba(255, 163, 0, 0.5);
}
.bg-light-after[data-v-19c9a1c7]:after,
.bg-light-before[data-v-19c9a1c7]:before,
.bg-light[data-v-19c9a1c7] {
background-color: #f5f5f5;
}
.bg-light-after-transparency[data-v-19c9a1c7]:after,
.bg-light-before-transparency[data-v-19c9a1c7]:before,
.bg-light-transparency[data-v-19c9a1c7] {
background-color: hsla(0, 0%, 96.1%, 0.5);
}
.bg-dark-after[data-v-19c9a1c7]:after,
.bg-dark-before[data-v-19c9a1c7]:before,
.bg-dark[data-v-19c9a1c7] {
background-color: #24292e;
}
.bg-dark-after-transparency[data-v-19c9a1c7]:after,
.bg-dark-before-transparency[data-v-19c9a1c7]:before,
.bg-dark-transparency[data-v-19c9a1c7] {
background-color: rgba(36, 41, 46, 0.5);
}
.bg-default-after[data-v-19c9a1c7]:after,
.bg-default-before[data-v-19c9a1c7]:before,
.bg-default[data-v-19c9a1c7] {
background-color: #ccc;
}
.bg-default-after-transparency[data-v-19c9a1c7]:after,
.bg-default-before-transparency[data-v-19c9a1c7]:before,
.bg-default-transparency[data-v-19c9a1c7] {
background-color: hsla(0, 0%, 80%, 0.5);
}
.bg-white-after[data-v-19c9a1c7]:after,
.bg-white-before[data-v-19c9a1c7]:before,
.bg-white[data-v-19c9a1c7] {
background-color: #fff;
}
.bg-white-after-transparency[data-v-19c9a1c7]:after,
.bg-white-before-transparency[data-v-19c9a1c7]:before,
.bg-white-transparency[data-v-19c9a1c7] {
background-color: hsla(0, 0%, 100%, 0.5);
}
.bg-black-after[data-v-19c9a1c7]:after,
.bg-black-before[data-v-19c9a1c7]:before,
.bg-black[data-v-19c9a1c7] {
background-color: #000;
}
.bg-black-after-transparency[data-v-19c9a1c7]:after,
.bg-black-before-transparency[data-v-19c9a1c7]:before,
.bg-black-transparency[data-v-19c9a1c7] {
background-color: rgba(0, 0, 0, 0.5);
}
.fill-primary path[data-v-19c9a1c7] {
fill: #1e90ff;
}
.fill-secondary path[data-v-19c9a1c7] {
fill: #747474;
}
.fill-third path[data-v-19c9a1c7] {
fill: #ccc;
}
.fill-success path[data-v-19c9a1c7] {
fill: #9acd32;
}
.fill-danger path[data-v-19c9a1c7] {
fill: #ff4500;
}
.fill-grey path[data-v-19c9a1c7] {
fill: #999;
}
.fill-info path[data-v-19c9a1c7] {
fill: #17a2b8;
}
.fill-warning path[data-v-19c9a1c7] {
fill: #ffa300;
}
.fill-light path[data-v-19c9a1c7] {
fill: #f5f5f5;
}
.fill-dark path[data-v-19c9a1c7] {
fill: #24292e;
}
.fill-default path[data-v-19c9a1c7] {
fill: #ccc;
}
.fill-white path[data-v-19c9a1c7] {
fill: #fff;
}
.fill-black path[data-v-19c9a1c7] {
fill: #000;
}
.label[data-v-19c9a1c7] {
border-radius: 2px;
padding: 2px 4px;
color: #fff;
font-size: 0.714em;
}
.label-primary[data-v-19c9a1c7],
.label[data-v-19c9a1c7] {
background-color: #1e90ff;
}
.label-primary-outline[data-v-19c9a1c7] {
background-color: transparent;
border: 1px solid #1e90ff;
color: #1e90ff;
}
.label-secondary[data-v-19c9a1c7] {
background-color: #747474;
}
.label-secondary-outline[data-v-19c9a1c7] {
background-color: transparent;
border: 1px solid #747474;
color: #747474;
}
.label-third[data-v-19c9a1c7] {
background-color: #ccc;
}
.label-third-outline[data-v-19c9a1c7] {
background-color: transparent;
border: 1px solid #ccc;
color: #ccc;
}
.label-success[data-v-19c9a1c7] {
background-color: #9acd32;
}
.label-success-outline[data-v-19c9a1c7] {
background-color: transparent;
border: 1px solid #9acd32;
color: #9acd32;
}
.label-danger[data-v-19c9a1c7] {
background-color: #ff4500;
}
.label-danger-outline[data-v-19c9a1c7] {
background-color: transparent;
border: 1px solid #ff4500;
color: #ff4500;
}
.label-grey[data-v-19c9a1c7] {
background-color: #999;
}
.label-grey-outline[data-v-19c9a1c7] {
background-color: transparent;
border: 1px solid #999;
color: #999;
}
.label-info[data-v-19c9a1c7] {
background-color: #17a2b8;
}
.label-info-outline[data-v-19c9a1c7] {
background-color: transparent;
border: 1px solid #17a2b8;
color: #17a2b8;
}
.label-warning[data-v-19c9a1c7] {
background-color: #ffa300;
}
.label-warning-outline[data-v-19c9a1c7] {
background-color: transparent;
border: 1px solid #ffa300;
color: #ffa300;
}
.label-light[data-v-19c9a1c7] {
background-color: #f5f5f5;
}
.label-light-outline[data-v-19c9a1c7] {
background-color: transparent;
border: 1px solid #f5f5f5;
color: #f5f5f5;
}
.label-dark[data-v-19c9a1c7] {
background-color: #24292e;
}
.label-dark-outline[data-v-19c9a1c7] {
background-color: transparent;
border: 1px solid #24292e;
color: #24292e;
}
.label-default[data-v-19c9a1c7] {
background-color: #ccc;
}
.label-default-outline[data-v-19c9a1c7] {
background-color: transparent;
border: 1px solid #ccc;
color: #ccc;
}
.label-white[data-v-19c9a1c7] {
background-color: #fff;
}
.label-white-outline[data-v-19c9a1c7] {
background-color: transparent;
border: 1px solid #fff;
color: #fff;
}
.label-black[data-v-19c9a1c7] {
background-color: #000;
}
.label-black-outline[data-v-19c9a1c7] {
background-color: transparent;
border: 1px solid #000;
color: #000;
}
.dot[data-v-19c9a1c7] {
width: 6px;
height: 6px;
border-radius: 6px;
}
.dot-primary[data-v-19c9a1c7],
.dot[data-v-19c9a1c7] {
background-color: #1e90ff;
}
.dot-primary-outline[data-v-19c9a1c7] {
background-color: transparent;
border: 1px solid #1e90ff;
color: #1e90ff;
}
.dot-secondary[data-v-19c9a1c7] {
background-color: #747474;
}
.dot-secondary-outline[data-v-19c9a1c7] {
background-color: transparent;
border: 1px solid #747474;
color: #747474;
}
.dot-third[data-v-19c9a1c7] {
background-color: #ccc;
}
.dot-third-outline[data-v-19c9a1c7] {
background-color: transparent;
border: 1px solid #ccc;
color: #ccc;
}
.dot-success[data-v-19c9a1c7] {
background-color: #9acd32;
}
.dot-success-outline[data-v-19c9a1c7] {
background-color: transparent;
border: 1px solid #9acd32;
color: #9acd32;
}
.dot-danger[data-v-19c9a1c7] {
background-color: #ff4500;
}
.dot-danger-outline[data-v-19c9a1c7] {
background-color: transparent;
border: 1px solid #ff4500;
color: #ff4500;
}
.dot-grey[data-v-19c9a1c7] {
background-color: #999;
}
.dot-grey-outline[data-v-19c9a1c7] {
background-color: transparent;
border: 1px solid #999;
color: #999;
}
.dot-info[data-v-19c9a1c7] {
background-color: #17a2b8;
}
.dot-info-outline[data-v-19c9a1c7] {
background-color: transparent;
border: 1px solid #17a2b8;
color: #17a2b8;
}
.dot-warning[data-v-19c9a1c7] {
background-color: #ffa300;
}
.dot-warning-outline[data-v-19c9a1c7] {
background-color: transparent;
border: 1px solid #ffa300;
color: #ffa300;
}
.dot-light[data-v-19c9a1c7] {
background-color: #f5f5f5;
}
.dot-light-outline[data-v-19c9a1c7] {
background-color: transparent;
border: 1px solid #f5f5f5;
color: #f5f5f5;
}
.dot-dark[data-v-19c9a1c7] {
background-color: #24292e;
}
.dot-dark-outline[data-v-19c9a1c7] {
background-color: transparent;
border: 1px solid #24292e;
color: #24292e;
}
.dot-default[data-v-19c9a1c7] {
background-color: #ccc;
}
.dot-default-outline[data-v-19c9a1c7] {
background-color: transparent;
border: 1px solid #ccc;
color: #ccc;
}
.dot-white[data-v-19c9a1c7] {
background-color: #fff;
}
.dot-white-outline[data-v-19c9a1c7] {
background-color: transparent;
border: 1px solid #fff;
color: #fff;
}
.dot-black[data-v-19c9a1c7] {
background-color: #000;
}
.dot-black-outline[data-v-19c9a1c7] {
background-color: transparent;
border: 1px solid #000;
color: #000;
}
a[data-v-19c9a1c7] {
color: #1e90ff;
text-decoration: none;
}
a[data-v-19c9a1c7]:focus,
a[data-v-19c9a1c7]:hover {
text-decoration: underline;
}
.btn[data-v-19c9a1c7] {
border: 1px solid transparent;
outline: none;
cursor: pointer;
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
background-color: #1e90ff;
color: #fff;
display: inline-block;
border-radius: 8px;
line-height: 1;
box-sizing: border-box;
padding: 12px 20px;
font-size: 1em;
font-weight: inherit;
margin: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: auto;
overflow: visible;
-webkit-font-smoothing: inherit;
text-decoration: none;
-moz-osx-font-smoothing: inherit;
}
.btn[data-v-19c9a1c7]:focus,
.btn[data-v-19c9a1c7]:hover {
background-color: #0077ea;
}
.btn.active[data-v-19c9a1c7] {
background-color: #1e90ff;
}
.btn.active[data-v-19c9a1c7],
.btn[data-v-19c9a1c7]:focus {
box-shadow: 0 0 0 0.143rem rgba(30, 144, 255, 0.5);
}
.btn.active[data-v-19c9a1c7],
.btn[data-v-19c9a1c7]:focus,
.btn[data-v-19c9a1c7]:hover {
text-decoration: none;
}
.btn--rounded[data-v-19c9a1c7] {
border-radius: 50px;
}
.btn--block[data-v-19c9a1c7] {
width: 100%;
}
.btn--lg[data-v-19c9a1c7] {
padding: 16px 22px;
font-size: 1.143em;
}
.btn--md[data-v-19c9a1c7] {
padding: 10px 20px;
font-size: 1em;
}
.btn--sm[data-v-19c9a1c7] {
padding: 9px 15px;
font-size: 0.857em;
}
.btn--mini[data-v-19c9a1c7] {
padding: 7px 15px;
font-size: 0.857em;
}
.btn--fab[data-v-19c9a1c7] {
border-radius: 50%;
padding: 0;
height: 40px;
width: 40px;
}
.btn--fab.btn--lg[data-v-19c9a1c7] {
height: 50px;
width: 50px;
}
.btn--fab.btn--md[data-v-19c9a1c7] {
height: 36px;
width: 36px;
}
.btn--fab.btn--sm[data-v-19c9a1c7] {
height: 32px;
width: 32px;
}
.btn--fab.btn--mini[data-v-19c9a1c7] {
height: 28px;
width: 28px;
}
.btn--light[data-v-19c9a1c7],
.btn--white[data-v-19c9a1c7] {
color: #747474;
}
.btn--primary[data-v-19c9a1c7] {
background-color: #1e90ff;
}
.btn--primary[data-v-19c9a1c7]:focus,
.btn--primary[data-v-19c9a1c7]:hover {
background-color: #0077ea;
}
.btn--primary.active[data-v-19c9a1c7] {
background-color: #1e90ff;
}
.btn--primary.active[data-v-19c9a1c7],
.btn--primary[data-v-19c9a1c7]:focus {
box-shadow: 0 0 0 0.143rem rgba(30, 144, 255, 0.5);
}
.btn--primary--outline[data-v-19c9a1c7] {
background-color: rgba(30, 144, 255, 0.05);
border: 1px solid #1e90ff;
color: #1e90ff;
}
.btn--primary--outline.active[data-v-19c9a1c7],
.btn--primary--outline[data-v-19c9a1c7]:focus,
.btn--primary--outline[data-v-19c9a1c7]:hover {
background-color: #1e90ff;
color: #fff;
}
.btn--primary--outline.active[data-v-19c9a1c7],
.btn--primary--outline[data-v-19c9a1c7]:focus {
box-shadow: 0 0 0 0.143rem rgba(30, 144, 255, 0.5);
}
.btn--secondary[data-v-19c9a1c7] {
background-color: #747474;
}
.btn--secondary[data-v-19c9a1c7]:focus,
.btn--secondary[data-v-19c9a1c7]:hover {
background-color: #5b5b5b;
}
.btn--secondary.active[data-v-19c9a1c7] {
background-color: #747474;
}
.btn--secondary.active[data-v-19c9a1c7],
.btn--secondary[data-v-19c9a1c7]:focus {
box-shadow: 0 0 0 0.143rem hsla(0, 0%, 45.5%, 0.5);
}
.btn--secondary--outline[data-v-19c9a1c7] {
background-color: hsla(0, 0%, 45.5%, 0.05);
border: 1px solid #747474;
color: #747474;
}
.btn--secondary--outline.active[data-v-19c9a1c7],
.btn--secondary--outline[data-v-19c9a1c7]:focus,
.btn--secondary--outline[data-v-19c9a1c7]:hover {
background-color: #747474;
color: #fff;
}
.btn--secondary--outline.active[data-v-19c9a1c7],
.btn--secondary--outline[data-v-19c9a1c7]:focus {
box-shadow: 0 0 0 0.143rem hsla(0, 0%, 45.5%, 0.5);
}
.btn--third[data-v-19c9a1c7] {
background-color: #ccc;
}
.btn--third[data-v-19c9a1c7]:focus,
.btn--third[data-v-19c9a1c7]:hover {
background-color: #b3b3b3;
}
.btn--third.active[data-v-19c9a1c7] {
background-color: #ccc;
}
.btn--third.active[data-v-19c9a1c7],
.btn--third[data-v-19c9a1c7]:focus {
box-shadow: 0 0 0 0.143rem hsla(0, 0%, 80%, 0.5);
}
.btn--third--outline[data-v-19c9a1c7] {
background-color: hsla(0, 0%, 80%, 0.05);
border: 1px solid #ccc;
color: #ccc;
}
.btn--third--outline.active[data-v-19c9a1c7],
.btn--third--outline[data-v-19c9a1c7]:focus,
.btn--third--outline[data-v-19c9a1c7]:hover {
background-color: #ccc;
color: #fff;
}
.btn--third--outline.active[data-v-19c9a1c7],
.btn--third--outline[data-v-19c9a1c7]:focus {
box-shadow: 0 0 0 0.143rem hsla(0, 0%, 80%, 0.5);
}
.btn--success[data-v-19c9a1c7] {
background-color: #9acd32;
}
.btn--success[data-v-19c9a1c7]:focus,
.btn--success[data-v-19c9a1c7]:hover {
background-color: #7ba428;
}
.btn--success.active[data-v-19c9a1c7] {
background-color: #9acd32;
}
.btn--success.active[data-v-19c9a1c7],
.btn--success[data-v-19c9a1c7]:focus {
box-shadow: 0 0 0 0.143rem rgba(154, 205, 50, 0.5);
}
.btn--success--outline[data-v-19c9a1c7] {
background-color: rgba(154, 205, 50, 0.05);
border: 1px solid #9acd32;
color: #9acd32;
}
.btn--success--outline.active[data-v-19c9a1c7],
.btn--success--outline[data-v-19c9a1c7]:focus,
.btn--success--outline[data-v-19c9a1c7]:hover {
background-color: #9acd32;
color: #fff;
}
.btn--success--outline.active[data-v-19c9a1c7],
.btn--success--outline[data-v-19c9a1c7]:focus {
box-shadow: 0 0 0 0.143rem rgba(154, 205, 50, 0.5);
}
.btn--danger[data-v-19c9a1c7] {
background-color: #ff4500;
}
.btn--danger[data-v-19c9a1c7]:focus,
.btn--danger[data-v-19c9a1c7]:hover {
background-color: #cc3700;
}
.btn--danger.active[data-v-19c9a1c7] {
background-color: #ff4500;
}
.btn--danger.active[data-v-19c9a1c7],
.btn--danger[data-v-19c9a1c7]:focus {
box-shadow: 0 0 0 0.143rem rgba(255, 69, 0, 0.5);
}
.btn--danger--outline[data-v-19c9a1c7] {
background-color: rgba(255, 69, 0, 0.05);
border: 1px solid #ff4500;
color: #ff4500;
}
.btn--danger--outline.active[data-v-19c9a1c7],
.btn--danger--outline[data-v-19c9a1c7]:focus,
.btn--danger--outline[data-v-19c9a1c7]:hover {
background-color: #ff4500;
color: #fff;
}
.btn--danger--outline.active[data-v-19c9a1c7],
.btn--danger--outline[data-v-19c9a1c7]:focus {
box-shadow: 0 0 0 0.143rem rgba(255, 69, 0, 0.5);
}
.btn--grey[data-v-19c9a1c7] {
background-color: #999;
}
.btn--grey[data-v-19c9a1c7]:focus,
.btn--grey[data-v-19c9a1c7]:hover {
background-color: grey;
}
.btn--grey.active[data-v-19c9a1c7] {
background-color: #999;
}
.btn--grey.active[data-v-19c9a1c7],
.btn--grey[data-v-19c9a1c7]:focus {
box-shadow: 0 0 0 0.143rem hsla(0, 0%, 60%, 0.5);
}
.btn--grey--outline[data-v-19c9a1c7] {
background-color: hsla(0, 0%, 60%, 0.05);
border: 1px solid #999;
color: #999;
}
.btn--grey--outline.active[data-v-19c9a1c7],
.btn--grey--outline[data-v-19c9a1c7]:focus,
.btn--grey--outline[data-v-19c9a1c7]:hover {
background-color: #999;
color: #fff;
}
.btn--grey--outline.active[data-v-19c9a1c7],
.btn--grey--outline[data-v-19c9a1c7]:focus {
box-shadow: 0 0 0 0.143rem hsla(0, 0%, 60%, 0.5);
}
.btn--info[data-v-19c9a1c7] {
background-color: #17a2b8;
}
.btn--info[data-v-19c9a1c7]:focus,
.btn--info[data-v-19c9a1c7]:hover {
background-color: #117a8b;
}
.btn--info.active[data-v-19c9a1c7] {
background-color: #17a2b8;
}
.btn--info.active[data-v-19c9a1c7],
.btn--info[data-v-19c9a1c7]:focus {
box-shadow: 0 0 0 0.143rem rgba(23, 162, 184, 0.5);
}
.btn--info--outline[data-v-19c9a1c7] {
background-color: rgba(23, 162, 184, 0.05);
border: 1px solid #17a2b8;
color: #17a2b8;
}
.btn--info--outline.active[data-v-19c9a1c7],
.btn--info--outline[data-v-19c9a1c7]:focus,
.btn--info--outline[data-v-19c9a1c7]:hover {
background-color: #17a2b8;
color: #fff;
}
.btn--info--outline.active[data-v-19c9a1c7],
.btn--info--outline[data-v-19c9a1c7]:focus {
box-shadow: 0 0 0 0.143rem rgba(23, 162, 184, 0.5);
}
.btn--warning[data-v-19c9a1c7] {
background-color: #ffa300;
}
.btn--warning[data-v-19c9a1c7]:focus,
.btn--warning[data-v-19c9a1c7]:hover {
background-color: #cc8200;
}
.btn--warning.active[data-v-19c9a1c7] {
background-color: #ffa300;
}
.btn--warning.active[data-v-19c9a1c7],
.btn--warning[data-v-19c9a1c7]:focus {
box-shadow: 0 0 0 0.143rem rgba(255, 163, 0, 0.5);
}
.btn--warning--outline[data-v-19c9a1c7] {
background-color: rgba(255, 163, 0, 0.05);
border: 1px solid #ffa300;
color: #ffa300;
}
.btn--warning--outline.active[data-v-19c9a1c7],
.btn--warning--outline[data-v-19c9a1c7]:focus,
.btn--warning--outline[data-v-19c9a1c7]:hover {
background-color: #ffa300;
color: #fff;
}
.btn--warning--outline.active[data-v-19c9a1c7],
.btn--warning--outline[data-v-19c9a1c7]:focus {
box-shadow: 0 0 0 0.143rem rgba(255, 163, 0, 0.5);
}
.btn--light[data-v-19c9a1c7] {
background-color: #f5f5f5;
}
.btn--light[data-v-19c9a1c7]:focus,
.btn--light[data-v-19c9a1c7]:hover {
background-color: #dcdcdc;
}
.btn--light.active[data-v-19c9a1c7] {
background-color: #f5f5f5;
}
.btn--light.active[data-v-19c9a1c7],
.btn--light[data-v-19c9a1c7]:focus {
box-shadow: 0 0 0 0.143rem hsla(0, 0%, 96.1%, 0.5);
}
.btn--light--outline[data-v-19c9a1c7] {
background-color: hsla(0, 0%, 96.1%, 0.05);
border: 1px solid #f5f5f5;
color: #f5f5f5;
}
.btn--light--outline.active[data-v-19c9a1c7],
.btn--light--outline[data-v-19c9a1c7]:focus,
.btn--light--outline[data-v-19c9a1c7]:hover {
background-color: #f5f5f5;
color: #fff;
}
.btn--light--outline.active[data-v-19c9a1c7],
.btn--light--outline[data-v-19c9a1c7]:focus {
box-shadow: 0 0 0 0.143rem hsla(0, 0%, 96.1%, 0.5);
}
.btn--dark[data-v-19c9a1c7] {
background-color: #24292e;
}
.btn--dark[data-v-19c9a1c7]:focus,
.btn--dark[data-v-19c9a1c7]:hover {
background-color: #0e1011;
}
.btn--dark.active[data-v-19c9a1c7] {
background-color: #24292e;
}
.btn--dark.active[data-v-19c9a1c7],
.btn--dark[data-v-19c9a1c7]:focus {
box-shadow: 0 0 0 0.143rem rgba(36, 41, 46, 0.5);
}
.btn--dark--outline[data-v-19c9a1c7] {
background-color: rgba(36, 41, 46, 0.05);
border: 1px solid #24292e;
color: #24292e;
}
.btn--dark--outline.active[data-v-19c9a1c7],
.btn--dark--outline[data-v-19c9a1c7]:focus,
.btn--dark--outline[data-v-19c9a1c7]:hover {
background-color: #24292e;
color: #fff;
}
.btn--dark--outline.active[data-v-19c9a1c7],
.btn--dark--outline[data-v-19c9a1c7]:focus {
box-shadow: 0 0 0 0.143rem rgba(36, 41, 46, 0.5);
}
.btn--default[data-v-19c9a1c7] {
background-color: #ccc;
}
.btn--default[data-v-19c9a1c7]:focus,
.btn--default[data-v-19c9a1c7]:hover {
background-color: #b3b3b3;
}
.btn--default.active[data-v-19c9a1c7] {
background-color: #ccc;
}
.btn--default.active[data-v-19c9a1c7],
.btn--default[data-v-19c9a1c7]:focus {
box-shadow: 0 0 0 0.143rem hsla(0, 0%, 80%, 0.5);
}
.btn--default--outline[data-v-19c9a1c7] {
background-color: hsla(0, 0%, 80%, 0.05);
border: 1px solid #ccc;
color: #ccc;
}
.btn--default--outline.active[data-v-19c9a1c7],
.btn--default--outline[data-v-19c9a1c7]:focus,
.btn--default--outline[data-v-19c9a1c7]:hover {
background-color: #ccc;
color: #fff;
}
.btn--default--outline.active[data-v-19c9a1c7],
.btn--default--outline[data-v-19c9a1c7]:focus {
box-shadow: 0 0 0 0.143rem hsla(0, 0%, 80%, 0.5);
}
.btn--white[data-v-19c9a1c7] {
background-color: #fff;
}
.btn--white[data-v-19c9a1c7]:focus,
.btn--white[data-v-19c9a1c7]:hover {
background-color: #e6e6e6;
}
.btn--white.active[data-v-19c9a1c7] {
background-color: #fff;
}
.btn--white.active[data-v-19c9a1c7],
.btn--white[data-v-19c9a1c7]:focus {
box-shadow: 0 0 0 0.143rem hsla(0, 0%, 100%, 0.5);
}
.btn--white--outline[data-v-19c9a1c7] {
background-color: hsla(0, 0%, 100%, 0.05);
border: 1px solid #fff;
color: #fff;
}
.btn--white--outline.active[data-v-19c9a1c7],
.btn--white--outline[data-v-19c9a1c7]:focus,
.btn--white--outline[data-v-19c9a1c7]:hover {
background-color: #fff;
color: #fff;
}
.btn--white--outline.active[data-v-19c9a1c7],
.btn--white--outline[data-v-19c9a1c7]:focus {
box-shadow: 0 0 0 0.143rem hsla(0, 0%, 100%, 0.5);
}
.btn--black.active[data-v-19c9a1c7],
.btn--black[data-v-19c9a1c7],
.btn--black[data-v-19c9a1c7]:focus,
.btn--black[data-v-19c9a1c7]:hover {
background-color: #000;
}
.btn--black.active[data-v-19c9a1c7],
.btn--black[data-v-19c9a1c7]:focus {
box-shadow: 0 0 0 0.143rem rgba(0, 0, 0, 0.5);
}
.btn--black--outline[data-v-19c9a1c7] {
background-color: rgba(0, 0, 0, 0.05);
border: 1px solid #000;
color: #000;
}
.btn--black--outline.active[data-v-19c9a1c7],
.btn--black--outline[data-v-19c9a1c7]:focus,
.btn--black--outline[data-v-19c9a1c7]:hover {
background-color: #000;
color: #fff;
}
.btn--black--outline.active[data-v-19c9a1c7],
.btn--black--outline[data-v-19c9a1c7]:focus {
box-shadow: 0 0 0 0.143rem rgba(0, 0, 0, 0.5);
}
.btn--default--outline[data-v-19c9a1c7] {
color: #747474;
}
.btn--disabled[data-v-19c9a1c7]:disabled {
box-shadow: none;
background-color: #ccc;
border: 1px solid #ccc;
color: #fff;
cursor: not-allowed;
}
.badge[data-v-19c9a1c7] {
background: #999;
height: 22px;
line-height: 22px;
border-radius: 22px;
padding: 0 5px;
font-size: 0.857em;
color: #888;
font-weight: 500;
}
.badge-primary[data-v-19c9a1c7] {
background-color: #1e90ff;
color: #fff;
}
.badge-secondary[data-v-19c9a1c7] {
background-color: #747474;
color: #fff;
}
.badge-third[data-v-19c9a1c7] {
background-color: #ccc;
color: #fff;
}
.badge-success[data-v-19c9a1c7] {
background-color: #9acd32;
color: #fff;
}
.badge-danger[data-v-19c9a1c7] {
background-color: #ff4500;
color: #fff;
}
.badge-grey[data-v-19c9a1c7] {
background-color: #999;
color: #fff;
}
.badge-info[data-v-19c9a1c7] {
background-color: #17a2b8;
color: #fff;
}
.badge-warning[data-v-19c9a1c7] {
background-color: #ffa300;
color: #fff;
}
.badge-light[data-v-19c9a1c7] {
background-color: #f5f5f5;
color: #fff;
}
.badge-dark[data-v-19c9a1c7] {
background-color: #24292e;
color: #fff;
}
.badge-default[data-v-19c9a1c7] {
background-color: #ccc;
color: #fff;
}
.badge-white[data-v-19c9a1c7] {
background-color: #fff;
color: #fff;
}
.badge-black[data-v-19c9a1c7] {
background-color: #000;
color: #fff;
}
table.md[data-v-19c9a1c7] {
border-spacing: 0;
border-radius: 8px;
border-collapse: collapse;
width: 100%;
table-layout: fixed;
word-wrap: break-word;
overflow: hidden;
word-break: break-all;
margin-top: 0;
margin-bottom: 16px;
font-size: 1em;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
table.md tr[data-v-19c9a1c7] {
background-color: #fff;
width: 100%;
}
table.md tr td[data-v-19c9a1c7],
table.md tr th[data-v-19c9a1c7] {
padding: 6px 13px;
text-align: left;
}
table.md tr[data-v-19c9a1c7]:nth-child(2n) {
background-color: #f2f2f2;
}
.is-dark table.md[data-v-19c9a1c7] {
color: #f2f2f2;
}
.is-dark table.md tr[data-v-19c9a1c7] {
background-color: #21222e;
}
.is-dark table.md tr[data-v-19c9a1c7]:nth-child(2n) {
background-color: #2e2f40;
}
.is-dark table.md tr td.text-muted[data-v-19c9a1c7] {
color: hsla(0, 0%, 100%, 0.3);
}
.slide-enter-active[data-v-19c9a1c7],
.slide-leave-active[data-v-19c9a1c7] {
opacity: 1;
z-index: 998;
transition: all 0.3s;
transform: translateY(0);
}
.slide-enter[data-v-19c9a1c7],
.slide-leave-to[data-v-19c9a1c7] {
opacity: 0;
z-index: 998;
transform: translateY(-20px);
}
.tags-enter-active[data-v-19c9a1c7],
.tags-leave-active[data-v-19c9a1c7] {
opacity: 1;
transition: all 0.3s;
position: absolute;
transform: translateY(0);
}
.tags-enter[data-v-19c9a1c7],
.tags-leave-to[data-v-19c9a1c7] {
opacity: 0;
transform: translateX(-100%);
}
.slideinvert-enter-active[data-v-19c9a1c7],
.slideinvert-leave-active[data-v-19c9a1c7] {
opacity: 1;
z-index: 998;
transition: all 0.3s;
transform: translateY(0);
}
.slideinvert-enter[data-v-19c9a1c7],
.slideinvert-leave-to[data-v-19c9a1c7] {
opacity: 0;
z-index: 998;
transform: translateY(40px);
}
.slidenext-enter-active[data-v-19c9a1c7],
.slidenext-leave-active[data-v-19c9a1c7],
.slideprev-enter-active[data-v-19c9a1c7],
.slideprev-leave-active[data-v-19c9a1c7] {
position: absolute;
transition: all 0.3s;
}
.slidenext-enter[data-v-19c9a1c7],
.slideprev-leave-to[data-v-19c9a1c7] {
transform: translateX(100%);
}
.slidenext-leave-to[data-v-19c9a1c7],
.slideprev-enter[data-v-19c9a1c7] {
transform: translateX(-100%);
}
.slidevnext-enter-active[data-v-19c9a1c7],
.slidevnext-leave-active[data-v-19c9a1c7],
.slidevprev-enter-active[data-v-19c9a1c7],
.slidevprev-leave-active[data-v-19c9a1c7] {
position: absolute;
transition: all 0.3s;
}
.slidevnext-enter[data-v-19c9a1c7],
.slidevprev-leave-to[data-v-19c9a1c7] {
transform: translateY(100%);
opacity: 0;
}
.slidevnext-leave-to[data-v-19c9a1c7],
.slidevprev-enter[data-v-19c9a1c7] {
transform: translateY(-100%);
opacity: 0;
}
@media screen and (max-width: 415px) {
.slide-enter-active[data-v-19c9a1c7],
.slide-leave-active[data-v-19c9a1c7],
.slideinvert-enter-active[data-v-19c9a1c7],
.slideinvert-leave-active[data-v-19c9a1c7] {
transition: all 0s;
}
}
.spinner-anim[data-v-19c9a1c7] {
-webkit-animation: spin-data-v-19c9a1c7 0.6s linear infinite;
animation: spin-data-v-19c9a1c7 0.6s linear infinite;
}
@-webkit-keyframes spin-data-v-19c9a1c7 {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
@keyframes spin-data-v-19c9a1c7 {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
.dialog-fade-enter-active .dialog-animation[data-v-19c9a1c7] {
-webkit-animation: dialog-fade-in-data-v-19c9a1c7 0.4s;
animation: dialog-fade-in-data-v-19c9a1c7 0.4s;
}
.dialog-fade-leave-active .dialog-animation[data-v-19c9a1c7] {
-webkit-animation: dialog-fade-out-data-v-19c9a1c7 0.4s;
animation: dialog-fade-out-data-v-19c9a1c7 0.4s;
}
@-webkit-keyframes dialog-fade-in-data-v-19c9a1c7 {
0% {
transform: translate3d(0, -30px, 0);
opacity: 0;
}
to {
transform: translateZ(0);
opacity: 1;
}
}
@keyframes dialog-fade-in-data-v-19c9a1c7 {
0% {
transform: translate3d(0, -30px, 0);
opacity: 0;
}
to {
transform: translateZ(0);
opacity: 1;
}
}
@-webkit-keyframes dialog-fade-out-data-v-19c9a1c7 {
0% {
transform: translateZ(0);
opacity: 1;
}
to {
transform: translate3d(0, -30px, 0);
opacity: 0;
}
}
@keyframes dialog-fade-out-data-v-19c9a1c7 {
0% {
transform: translateZ(0);
opacity: 1;
}
to {
transform: translate3d(0, -30px, 0);
opacity: 0;
}
}
.expand-enter-active[data-v-19c9a1c7],
.expand-leave-active[data-v-19c9a1c7] {
transition: 0.3s ease-in-out;
transition-property: opacity, height;
overflow: hidden;
}
.expand-enter[data-v-19c9a1c7],
.expand-leave-to[data-v-19c9a1c7] {
height: 0;
opacity: 0;
}
.scale-enter-active[data-v-19c9a1c7],
.scale-leave-active[data-v-19c9a1c7] {
opacity: 1;
z-index: 1;
transition: all 0.3s cubic-bezier(0.4, 0.52, 0.26, 0.9);
}
.scale-enter[data-v-19c9a1c7],
.scale-leave-to[data-v-19c9a1c7] {
opacity: 0.4;
z-index: 1;
transform: scale(0);
}
@-webkit-keyframes loading-data-v-19c9a1c7 {
0% {
left: -200px;
width: 30%;
}
50% {
width: 30%;
}
70% {
width: 70%;
}
80% {
left: 50%;
}
95% {
left: 120%;
}
to {
left: 100%;
}
}
@keyframes loading-data-v-19c9a1c7 {
0% {
left: -200px;
width: 30%;
}
50% {
width: 30%;
}
70% {
width: 70%;
}
80% {
left: 50%;
}
95% {
left: 120%;
}
to {
left: 100%;
}
}
.flip-list-move[data-v-19c9a1c7] {
transition: transform 0.6s;
}
.over-hid[data-v-19c9a1c7] {
overflow: hidden;
}
.pos-r[data-v-19c9a1c7] {
position: relative;
}
.pos-a[data-v-19c9a1c7] {
position: absolute;
}
.flex[data-v-19c9a1c7] {
display: flex;
}
.flex.fluid[data-v-19c9a1c7] {
width: 100%;
}
.flex.direction-column[data-v-19c9a1c7] {
flex-direction: column;
}
.flex.direction-column-reverse[data-v-19c9a1c7] {
flex-direction: column-reverse;
}
.flex.direction-row[data-v-19c9a1c7] {
flex-direction: row;
}
.flex.direction-row-reverse[data-v-19c9a1c7] {
flex-direction: row-reverse;
}
.flex.align-center[data-v-19c9a1c7] {
align-items: center;
}
.flex.align-start[data-v-19c9a1c7] {
align-items: flex-start;
}
.flex.align-end[data-v-19c9a1c7] {
align-items: flex-end;
}
.flex.justify-start[data-v-19c9a1c7] {
justify-content: flex-start;
}
.flex.justify-end[data-v-19c9a1c7] {
justify-content: flex-end;
}
.flex.justify-center[data-v-19c9a1c7] {
justify-content: center;
}
.flex.space-between[data-v-19c9a1c7] {
justify-content: space-between;
}
.flex.space-around[data-v-19c9a1c7] {
justify-content: space-around;
}
.flex.flex-center[data-v-19c9a1c7] {
justify-content: center;
align-items: center;
}
.flex.flex--wrap[data-v-19c9a1c7] {
flex-wrap: wrap;
}
.flex.flex--grow[data-v-19c9a1c7] {
flex-grow: 1;
}
.flex-fill[data-v-19c9a1c7] {
flex: 0 1 auto;
}
.flex-fixed[data-v-19c9a1c7] {
flex: 0 0 auto;
}
.flex-1[data-v-19c9a1c7] {
flex: 1;
}
.flex-100[data-v-19c9a1c7] {
flex: 0 1 100%;
}
.flex-75[data-v-19c9a1c7] {
flex: 0 1 75%;
}
.flex-50[data-v-19c9a1c7] {
flex: 0 1 50%;
}
.flex-33[data-v-19c9a1c7] {
flex: 0 1 33.33%;
}
.flex-25[data-v-19c9a1c7] {
flex: 0 1 25%;
}
.flex-20[data-v-19c9a1c7] {
flex: 0 1 20%;
}
.flex-16[data-v-19c9a1c7] {
flex: 0 1 16.66%;
}
.text-muted-white[data-v-19c9a1c7] {
color: hsla(0, 0%, 100%, 0.54);
}
.text-muted[data-v-19c9a1c7] {
color: rgba(0, 0, 0, 0.54);
}
.is-dark .text-muted[data-v-19c9a1c7] {
color: hsla(0, 0%, 100%, 0.54);
}
.text-strong[data-v-19c9a1c7] {
font-weight: 500;
}
.text-center[data-v-19c9a1c7] {
text-align: center;
}
.text-left[data-v-19c9a1c7] {
text-align: left;
}
.text-right[data-v-19c9a1c7] {
text-align: right;
}
.text-primary[data-v-19c9a1c7] {
color: #1e90ff;
}
.text-secondary[data-v-19c9a1c7] {
color: #747474;
}
.text-third[data-v-19c9a1c7] {
color: #ccc;
}
.text-success[data-v-19c9a1c7] {
color: #9acd32;
}
.text-danger[data-v-19c9a1c7] {
color: #ff4500;
}
.text-grey[data-v-19c9a1c7] {
color: #999;
}
.text-info[data-v-19c9a1c7] {
color: #17a2b8;
}
.text-warning[data-v-19c9a1c7] {
color: #ffa300;
}
.text-light[data-v-19c9a1c7] {
color: #f5f5f5;
}
.text-dark[data-v-19c9a1c7] {
color: #24292e;
}
.text-default[data-v-19c9a1c7] {
color: #ccc;
}
.text-white[data-v-19c9a1c7] {
color: #fff;
}
.text-black[data-v-19c9a1c7] {
color: #000;
}
.dots-text[data-v-19c9a1c7] {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.dots-text-3[data-v-19c9a1c7] {
overflow: hidden;
position: relative;
line-height: 1.3em;
max-height: 3.9em;
text-align: justify;
margin-right: -1em;
padding-right: 1em;
}
.dots-text-3[data-v-19c9a1c7]:before {
content: "...";
position: absolute;
right: 3px;
bottom: 2px;
}
.dots-text-3[data-v-19c9a1c7]:after {
content: "";
position: absolute;
right: 0;
width: 1em;
height: 1em;
margin-top: 0.2em;
background: #fff;
}
.dots-text-2[data-v-19c9a1c7] {
overflow: hidden;
position: relative;
line-height: 1.3em;
max-height: 2.6em;
text-align: justify;
margin-right: -1em;
padding-right: 1em;
}
.dots-text-2[data-v-19c9a1c7]:before {
content: "...";
position: absolute;
right: 3px;
bottom: 2px;
}
.dots-text-2[data-v-19c9a1c7]:after {
content: "";
position: absolute;
right: 0;
width: 1em;
height: 1em;
margin-top: 0.2em;
background: #fff;
}
.container[data-v-19c9a1c7] {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (max-width: 768px) {
.container[data-v-19c9a1c7] {
max-width: 100%;
}
}
@media (min-width: 768px) {
.container[data-v-19c9a1c7] {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.container[data-v-19c9a1c7] {
max-width: 1024px;
}
}
@media (min-width: 1440px) {
.container[data-v-19c9a1c7] {
max-width: 1440px;
}
}
@media (min-width: 2560px) {
.container[data-v-19c9a1c7] {
max-width: 2560px;
}
}
.pr-0[data-v-19c9a1c7] {
padding-right: 0;
}
.pt-0[data-v-19c9a1c7] {
padding-top: 0;
}
.pb-0[data-v-19c9a1c7] {
padding-bottom: 0;
}
.pl-0[data-v-19c9a1c7] {
padding-left: 0;
}
.px-0[data-v-19c9a1c7] {
padding-left: 0;
padding-right: 0;
}
.py-0[data-v-19c9a1c7] {
padding-top: 0;
padding-bottom: 0;
}
.p-0[data-v-19c9a1c7] {
padding: 0;
}
.pr-1[data-v-19c9a1c7] {
padding-right: 0.25rem;
}
.pt-1[data-v-19c9a1c7] {
padding-top: 0.25rem;
}
.pb-1[data-v-19c9a1c7] {
padding-bottom: 0.25rem;
}
.pl-1[data-v-19c9a1c7] {
padding-left: 0.25rem;
}
.px-1[data-v-19c9a1c7] {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.py-1[data-v-19c9a1c7] {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.p-1[data-v-19c9a1c7] {
padding: 0.25rem;
}
.pr-2[data-v-19c9a1c7] {
padding-right: 0.5rem;
}
.pt-2[data-v-19c9a1c7] {
padding-top: 0.5rem;
}
.pb-2[data-v-19c9a1c7] {
padding-bottom: 0.5rem;
}
.pl-2[data-v-19c9a1c7] {
padding-left: 0.5rem;
}
.px-2[data-v-19c9a1c7] {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.py-2[data-v-19c9a1c7] {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.p-2[data-v-19c9a1c7] {
padding: 0.5rem;
}
.pr-3[data-v-19c9a1c7] {
padding-right: 1rem;
}
.pt-3[data-v-19c9a1c7] {
padding-top: 1rem;
}
.pb-3[data-v-19c9a1c7] {
padding-bottom: 1rem;
}
.pl-3[data-v-19c9a1c7] {
padding-left: 1rem;
}
.px-3[data-v-19c9a1c7] {
padding-left: 1rem;
padding-right: 1rem;
}
.py-3[data-v-19c9a1c7] {
padding-top: 1rem;
padding-bottom: 1rem;
}
.p-3[data-v-19c9a1c7] {
padding: 1rem;
}
.pr-4[data-v-19c9a1c7] {
padding-right: 1.5rem;
}
.pt-4[data-v-19c9a1c7] {
padding-top: 1.5rem;
}
.pb-4[data-v-19c9a1c7] {
padding-bottom: 1.5rem;
}
.pl-4[data-v-19c9a1c7] {
padding-left: 1.5rem;
}
.px-4[data-v-19c9a1c7] {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.py-4[data-v-19c9a1c7] {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.p-4[data-v-19c9a1c7] {
padding: 1.5rem;
}
.pr-5[data-v-19c9a1c7] {
padding-right: 3rem;
}
.pt-5[data-v-19c9a1c7] {
padding-top: 3rem;
}
.pb-5[data-v-19c9a1c7] {
padding-bottom: 3rem;
}
.pl-5[data-v-19c9a1c7] {
padding-left: 3rem;
}
.px-5[data-v-19c9a1c7] {
padding-left: 3rem;
padding-right: 3rem;
}
.py-5[data-v-19c9a1c7] {
padding-top: 3rem;
padding-bottom: 3rem;
}
.p-5[data-v-19c9a1c7] {
padding: 3rem;
}
.mr-0[data-v-19c9a1c7] {
margin-right: 0;
}
.mt-0[data-v-19c9a1c7] {
margin-top: 0;
}
.mb-0[data-v-19c9a1c7] {
margin-bottom: 0;
}
.ml-0[data-v-19c9a1c7] {
margin-left: 0;
}
.mx-0[data-v-19c9a1c7] {
margin-left: 0;
margin-right: 0;
}
.my-0[data-v-19c9a1c7] {
margin-top: 0;
margin-bottom: 0;
}
.m-0[data-v-19c9a1c7] {
margin: 0;
}
.mr-1[data-v-19c9a1c7] {
margin-right: 0.25rem;
}
.mt-1[data-v-19c9a1c7] {
margin-top: 0.25rem;
}
.mb-1[data-v-19c9a1c7] {
margin-bottom: 0.25rem;
}
.ml-1[data-v-19c9a1c7] {
margin-left: 0.25rem;
}
.mx-1[data-v-19c9a1c7] {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.my-1[data-v-19c9a1c7] {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.m-1[data-v-19c9a1c7] {
margin: 0.25rem;
}
.mr-2[data-v-19c9a1c7] {
margin-right: 0.5rem;
}
.mt-2[data-v-19c9a1c7] {
margin-top: 0.5rem;
}
.mb-2[data-v-19c9a1c7] {
margin-bottom: 0.5rem;
}
.ml-2[data-v-19c9a1c7] {
margin-left: 0.5rem;
}
.mx-2[data-v-19c9a1c7] {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.my-2[data-v-19c9a1c7] {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.m-2[data-v-19c9a1c7] {
margin: 0.5rem;
}
.mr-3[data-v-19c9a1c7] {
margin-right: 1rem;
}
.mt-3[data-v-19c9a1c7] {
margin-top: 1rem;
}
.mb-3[data-v-19c9a1c7] {
margin-bottom: 1rem;
}
.ml-3[data-v-19c9a1c7] {
margin-left: 1rem;
}
.mx-3[data-v-19c9a1c7] {
margin-left: 1rem;
margin-right: 1rem;
}
.my-3[data-v-19c9a1c7] {
margin-top: 1rem;
margin-bottom: 1rem;
}
.m-3[data-v-19c9a1c7] {
margin: 1rem;
}
.mr-4[data-v-19c9a1c7] {
margin-right: 1.5rem;
}
.mt-4[data-v-19c9a1c7] {
margin-top: 1.5rem;
}
.mb-4[data-v-19c9a1c7] {
margin-bottom: 1.5rem;
}
.ml-4[data-v-19c9a1c7] {
margin-left: 1.5rem;
}
.mx-4[data-v-19c9a1c7] {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
.my-4[data-v-19c9a1c7] {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.m-4[data-v-19c9a1c7] {
margin: 1.5rem;
}
.mr-5[data-v-19c9a1c7] {
margin-right: 3rem;
}
.mt-5[data-v-19c9a1c7] {
margin-top: 3rem;
}
.mb-5[data-v-19c9a1c7] {
margin-bottom: 3rem;
}
.ml-5[data-v-19c9a1c7] {
margin-left: 3rem;
}
.mx-5[data-v-19c9a1c7] {
margin-left: 3rem;
margin-right: 3rem;
}
.my-5[data-v-19c9a1c7] {
margin-top: 3rem;
margin-bottom: 3rem;
}
.m-5[data-v-19c9a1c7] {
margin: 3rem;
}
.h-100[data-v-19c9a1c7] {
height: 100%;
}
.mh-100[data-v-19c9a1c7] {
max-height: 100%;
}
.w-100[data-v-19c9a1c7] {
width: 100%;
}
.mw-100[data-v-19c9a1c7] {
max-width: 100%;
}
.m-h-0[data-v-19c9a1c7] {
min-height: 0;
}
.m-h-100[data-v-19c9a1c7] {
min-height: 100%;
}
.m-w-0[data-v-19c9a1c7] {
min-width: 0;
}
.m-w-100[data-v-19c9a1c7] {
min-width: 100%;
}
.br-0[data-v-19c9a1c7] {
border-radius: 0;
}
.brt-0[data-v-19c9a1c7] {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.brb-0[data-v-19c9a1c7] {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.br-2[data-v-19c9a1c7] {
border-radius: 2px;
}
.brt-2[data-v-19c9a1c7] {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.brb-2[data-v-19c9a1c7] {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
.br-4[data-v-19c9a1c7] {
border-radius: 4px;
}
.brt-4[data-v-19c9a1c7] {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.brb-4[data-v-19c9a1c7] {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.br-8[data-v-19c9a1c7] {
border-radius: 8px;
}
.brt-8[data-v-19c9a1c7] {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.brb-8[data-v-19c9a1c7] {
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}
.fs-12[data-v-19c9a1c7] {
font-size: 12px;
}
.fs-14[data-v-19c9a1c7] {
font-size: 14px;
}
.fs-16[data-v-19c9a1c7] {
font-size: 16px;
}
.fs-18[data-v-19c9a1c7] {
font-size: 18px;
}
.fs-20[data-v-19c9a1c7] {
font-size: 20px;
}
.fs-22[data-v-19c9a1c7] {
font-size: 22px;
}
.fs-26[data-v-19c9a1c7] {
font-size: 26px;
}
.fw-300[data-v-19c9a1c7] {
font-weight: 300;
}
.fw-400[data-v-19c9a1c7] {
font-weight: 400;
}
.fw-500[data-v-19c9a1c7] {
font-weight: 500;
}
@media only screen and (max-width: 2560px) {
.hidden-4k[data-v-19c9a1c7] {
display: none;
}
}
@media only screen and (max-width: 1440px) {
.hidden-laptop[data-v-19c9a1c7] {
display: none;
}
}
@media only screen and (max-width: 1024px) {
.hidden-laptop-s[data-v-19c9a1c7] {
display: none;
}
}
@media only screen and (max-width: 768px) {
.hidden-tablet[data-v-19c9a1c7] {
display: none;
}
}
@media only screen and (max-width: 425px) {
.hidden-mobile[data-v-19c9a1c7] {
display: none;
}
}
@media only screen and (max-width: 375px) {
.hidden-mobile-m[data-v-19c9a1c7] {
display: none;
}
}
@media only screen and (max-width: 320px) {
.hidden-mobile-s[data-v-19c9a1c7] {
display: none;
}
}
.show-4k[data-v-19c9a1c7] {
display: none;
}
@media only screen and (max-width: 2560px) {
.show-4k[data-v-19c9a1c7] {
display: inherit;
}
}
.show-laptop[data-v-19c9a1c7] {
display: none;
}
@media only screen and (max-width: 1440px) {
.show-laptop[data-v-19c9a1c7] {
display: inherit;
}
}
.show-laptop-s[data-v-19c9a1c7] {
display: none;
}
@media only screen and (max-width: 1024px) {
.show-laptop-s[data-v-19c9a1c7] {
display: inherit;
}
}
.show-tablet[data-v-19c9a1c7] {
display: none;
}
@media only screen and (max-width: 768px) {
.show-tablet[data-v-19c9a1c7] {
display: inherit;
}
}
.show-mobile[data-v-19c9a1c7] {
display: none;
}
@media only screen and (max-width: 425px) {
.show-mobile[data-v-19c9a1c7] {
display: inherit;
}
}
.show-mobile-m[data-v-19c9a1c7] {
display: none;
}
@media only screen and (max-width: 375px) {
.show-mobile-m[data-v-19c9a1c7] {
display: inherit;
}
}
.show-mobile-s[data-v-19c9a1c7] {
display: none;
}
@media only screen and (max-width: 320px) {
.show-mobile-s[data-v-19c9a1c7] {
display: inherit;
}
}
[data-v-19c9a1c7],
[data-v-19c9a1c7]:after,
[data-v-19c9a1c7]:before {
box-sizing: border-box;
}
blockquote[data-v-19c9a1c7],
body[data-v-19c9a1c7],
dd[data-v-19c9a1c7],
dl[data-v-19c9a1c7],
figure[data-v-19c9a1c7],
h1[data-v-19c9a1c7],
h2[data-v-19c9a1c7],
h3[data-v-19c9a1c7],
h4[data-v-19c9a1c7],
h5[data-v-19c9a1c7],
h6[data-v-19c9a1c7],
hr[data-v-19c9a1c7],
ol[data-v-19c9a1c7],
p[data-v-19c9a1c7],
pre[data-v-19c9a1c7],
ul[data-v-19c9a1c7] {
margin: 0;
padding: 0;
}
#app[data-v-19c9a1c7],
body[data-v-19c9a1c7],
button[data-v-19c9a1c7],
html[data-v-19c9a1c7],
input[data-v-19c9a1c7] {
font: 400 14px -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica,
Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
line-height: 1.5;
-webkit-font-kerning: normal;
font-feature-settings: "kern";
font-kerning: normal;
}
.vue-phone-number-input .select-country-container[data-v-19c9a1c7] {
flex: 0 0 120px;
width: 120px;
min-width: 120px;
max-width: 120px;
}
.vue-phone-number-input.sm .select-country-container[data-v-19c9a1c7] {
flex: 0 0 110px;
width: 110px;
min-width: 110px;
max-width: 110px;
}
.vue-phone-number-input.lg .select-country-container[data-v-19c9a1c7] {
flex: 0 0 130px;
width: 130px;
min-width: 130px;
max-width: 130px;
}
[class*="-mobile"],
[class*="-pad"] {
display: none;
}
/*@font-face {
                font-family: "icomoon";
                src: url(/_nuxt/fonts/icomoon.9b44d35.eot);
                src: url(/_nuxt/fonts/icomoon.9b44d35.eot#iefix) format("embedded-opentype"), url(/_nuxt/fonts/icomoon.d3393e5.ttf) format("truetype"), url(/_nuxt/fonts/icomoon.0afc6af.woff) format("woff"),
                    url(/_nuxt/img/icomoon.8809457.svg#icomoon) format("svg");
                font-weight: 400;
                font-style: normal;
                font-display: block;
            }*/
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
margin: 0;
/*padding: 0;*/
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
/*list-style: none;*/
}
blockquote,
q {
quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
* {
box-sizing: border-box;
}
html {
transition: all 0.5s;
color: #2a2a2a;
}
a {
text-decoration: none;
color: #4a4a4a;
}
input:focus {
outline: none;
}
body {
font-size: 1rem;
line-height: 1.5;
/*font-family: Helvetica, Arial, sans-serif;*/
font-family: sans-serif;
}
body.modal-open {
overflow: hidden;
}
button,
div,
h1,
h2,
h3,
input,
li,
p,
span {
/*font-family: Helvetica, Arial, sans-serif;*/
font-family: sans-serif;
}
input {
margin: 0;
}
a {
display: block;
cursor: pointer;
}
.soldOut {
color: #e17d2d !important;
}
.event-finished {
color: #7a7a7a !important;
margin-right: 2.125rem;
}
.circle--status {
width: 0.875rem;
height: 0.875rem;
border-radius: 50%;
justify-self: center;
vertical-align: middle;
margin-right: 0.625rem;
display: inline-block;
}
.fade-enter-active,
.fade-leave-active {
transition: opacity 0.25s;
}
.fade-enter,
.fade-leave-to {
opacity: 0;
}
.fadeside-enter-active,
.fadeside-leave-active {
transition: all 0.3s ease;
}
.fadeside-leave-active {
position: absolute;
}
.fadeside-enter,
.fadeside-leave-to {
transform: translateX(10px);
opacity: 0;
}
.m-1 {
margin: 10px;
}
.m-2 {
margin: 15px;
}
.m-3 {
margin: 20px;
}
.m-4 {
margin: 25px;
}
.m-5 {
margin: 30px;
}
.m-6 {
margin: 35px;
}
.m-7 {
margin: 40px;
}
.mt-1 {
margin-top: 10px;
}
.mt-2 {
margin-top: 15px;
}
.mt-3 {
margin-top: 20px;
}
.mt-4 {
margin-top: 25px;
}
.mt-5 {
margin-top: 30px;
}
.mt-6 {
margin-top: 35px;
}
.mt-7 {
margin-top: 40px;
}
.mb-1 {
margin-bottom: 10px;
}
.mb-2 {
margin-bottom: 15px;
}
.mb-3 {
margin-bottom: 20px;
}
.mb-4 {
margin-bottom: 25px;
}
.mb-5 {
margin-bottom: 30px;
}
.mb-6 {
margin-bottom: 35px;
}
.mb-7 {
margin-bottom: 40px;
}
.ml-1 {
margin-left: 10px;
}
.ml-2 {
margin-left: 15px;
}
.ml-3 {
margin-left: 20px;
}
.ml-4 {
margin-left: 25px;
}
.ml-5 {
margin-left: 30px;
}
.ml-6 {
margin-left: 35px;
}
.ml-7 {
margin-left: 40px;
}
.mr-1 {
margin-right: 10px;
}
.mr-2 {
margin-right: 15px;
}
.mr-3 {
margin-right: 20px;
}
.mr-4 {
margin-right: 25px;
}
.mr-5 {
margin-right: 30px;
}
.mr-6 {
margin-right: 35px;
}
.mr-7 {
margin-right: 40px;
}
.p-1 {
padding: 10px;
}
.p-2 {
padding: 15px;
}
.p-3 {
padding: 20px;
}
.p-4 {
padding: 25px;
}
.p-5 {
padding: 30px;
}
.p-6 {
padding: 35px;
}
.p-7 {
padding: 40px;
}
.pt-1 {
padding-top: 10px;
}
.pt-2 {
padding-top: 15px;
}
.pt-3 {
padding-top: 20px;
}
.pt-4 {
padding-top: 25px;
}
.pt-5 {
padding-top: 30px;
}
.pt-6 {
padding-top: 35px;
}
.pt-7 {
padding-top: 40px;
}
.pb-1 {
padding-bottom: 10px;
}
.pb-2 {
padding-bottom: 15px;
}
.pb-3 {
padding-bottom: 20px;
}
.pb-4 {
padding-bottom: 25px;
}
.pb-5 {
padding-bottom: 30px;
}
.pb-6 {
padding-bottom: 35px;
}
.pb-7 {
padding-bottom: 40px;
}
.pl-1 {
padding-left: 10px;
}
.pl-2 {
padding-left: 15px;
}
.pl-3 {
padding-left: 20px;
}
.pl-4 {
padding-left: 25px;
}
.pl-5 {
padding-left: 30px;
}
.pl-6 {
padding-left: 35px;
}
.pl-7 {
padding-left: 40px;
}
.pr-1 {
padding-right: 10px;
}
.pr-2 {
padding-right: 15px;
}
.pr-3 {
padding-right: 20px;
}
.pr-4 {
padding-right: 25px;
}
.pr-5 {
padding-right: 30px;
}
.pr-6 {
padding-right: 35px;
}
.pr-7 {
padding-right: 40px;
}
.d-none {
display: none;
}
.d-inline {
display: inline;
}
.d-inline-block {
display: inline-block;
}
.d-block {
display: block;
}
.text-color-primary {
color: #e14e2d;
}
.text-color-black {
color: #2a2a2a;
}
.col-container {
max-width: 940px;
min-width: 769px;
margin: 0 auto;
}
@media screen and (min-width: 1440px) {
.col-container {
width: 1308px;
max-width: 1308px;
min-width: 0;
}
}
@media screen and (max-width: 1439px) {
.col-container {
max-width: 1415px;
min-width: 0;
}
}
@media screen and (max-width: 1023px) {
.col-container {
max-width: 768px;
min-width: 566px;
}
}
@media screen and (max-width: 767px) {
.col-container {
max-width: 565px;
min-width: 320px;
}
}
@media screen and (max-width: 280px) {
.col-container {
max-width: 565px;
min-width: 280px;
}
}
.col-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
@media (max-width: 1023px) {
.collapse {
transition: all 1s ease-in-out !important;
height: 0 !important;
overflow: hidden !important;
display: none !important;
}
.show {
display: block !important;
}
}
.l-header__bars {
height: 90px;
box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
color: #4a4a4a;
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
}
.notification-top {
width: 100%;
height: 50px;
color: #e14e2d;
background: #fef5ef;
border-bottom: 1px solid #e14e2d;
cursor: pointer;
position: relative;
display: flex;
}
.notification-top > div {
text-align: center;
margin: auto 20px;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 767px) {
.notification-top > div {
text-align: left;
}
}
.notification-top a,
.notification-top button {
margin-right: 8px;
}
.notification-top svg {
margin-top: 4px;
}
.oa-top-bar {
width: 100%;
height: 24px;
color: #fff;
background: #bb4126;
display: flex;
}
.oa-top-bar > div {
margin: auto;
font-size: 13px;
}
.oa-input-searchbar {
display: inline-block;
position: relative;
vertical-align: top;
width: 0;
transition: all 0.5s ease;
}
.oa-input-searchbar svg {
position: absolute;
z-index: 1;
left: 4px;
}
.oa-input-searchbar input {
position: relative;
width: 100%;
padding: 0 85px 0 44px;
height: 40px;
color: #2a2a2a;
background: #f9f9f9;
border-radius: 20px;
border: none;
}
.l-header-wrap nav {
background: #fff;
}
.l-header-wrap nav > div {
box-sizing: border-box;
}
.l-header-wrap nav .col-container {
padding: 0 20px;
}
.l-header-wrap nav .oa-header {
height: 90px;
}
.l-header-wrap nav .oa-header .col-container {
display: flex;
height: 100%;
align-items: center;
}
.l-header-wrap nav .oa-header .col-container .oa-btn-group {
display: inline-block;
}
.l-header-wrap nav .oa-header .col-container .oa-btn-group.mid {
margin-left: 32px;
}
.l-header-wrap nav .oa-header .col-container .oa-btn-group.right {
display: flex;
justify-content: flex-end;
flex: 1 1 400px;
padding: 8px 0;
}
@media (max-width: 1023px) {
.l-header-wrap nav .oa-header .col-container .oa-btn-group.right {
flex: 1 0 160px;
justify-content: flex-end;
}
}
@media (max-width: 767px) {
.l-header-wrap nav .oa-header .col-container .oa-btn-group.right {
flex: 1 0 96px;
}
}
.l-header-wrap nav .oa-header .col-container .oa-btn-group.right a,
.l-header-wrap nav .oa-header .col-container .oa-btn-group.right button {
margin-left: 15px;
}
.l-header-wrap
nav
.oa-header
.col-container
.oa-btn-group.right
button:first-child {
margin-left: 0;
}
.l-header-wrap nav .oa-header .col-container .shoppingcart {
position: relative;
}
.l-header-wrap nav .oa-header .col-container .shoppingcart .circle {
position: absolute;
top: -4px;
right: 0;
font-size: 12px;
color: #fff;
min-width: 15px;
height: 15px;
line-height: 15px;
background: #e14e2d;
border-radius: 7px;
padding: 0 4px;
}
.l-header-wrap nav .oa-block-search {
position: relative;
width: 0;
text-align: right;
}
.l-header-wrap nav .oa-block-search.active {
width: 100%;
}
.l-header-wrap nav .oa-block-search.active .oa-input-searchbar {
width: calc(100% - 105px);
}
@media (max-width: 767px) {
.l-header-wrap nav .oa-block-search.active .oa-input-searchbar {
width: calc(100% - 45px);
}
}
@media (max-width: 1023px) {
.l-header-wrap nav .oa-block-search {
display: flex !important;
margin: auto !important;
}
.l-header-wrap nav .oa-block-search .oa-btn-solid-icon {
margin: auto auto auto 0;
}
}
.l-header-wrap nav .oa-btn-group {
position: relative;
}
.l-header-wrap nav .oa-btn-group .oa-btn-search {
position: absolute;
top: 6px;
left: -90px;
width: 90px;
z-index: 1;
}
@media (max-width: 1023px) {
.l-header-wrap nav .oa-btn-group .oa-btn-search {
display: none;
}
}
@media (max-width: 1023px) {
.l-header__bars {
height: 60px;
}
.l-header-wrap nav .oa-logo img {
height: 40px;
}
.l-header-wrap nav .oa-header {
height: 60px;
}
.l-header-wrap nav .oa-header .col-container {
max-width: 100%;
}
}
@media (max-width: 767px) {
.l-header-wrap nav .oa-header .col-container {
padding: 0 10px;
}
.l-header-wrap nav .oa-header .col-container .oa-btn-group.right a,
.l-header-wrap nav .oa-header .col-container .oa-btn-group.right button {
margin-left: 5px;
}
.oa-input-searchbar input {
padding-right: 15px;
}
}
.oa-drawer,
.oa-drawer-wrap {
top: 90px;
height: calc(100vh - 90px);
}
.oa-drawer-wrap {
display: none;
position: fixed;
width: 100%;
background-color: rgba(0, 0, 0, 0.3);
z-index: 0;
}
.oa-drawer {
display: block;
position: fixed;
right: 0;
padding: 0;
background: #fff;
width: 100vw;
transform: translate3d(100%, 0, 0);
transition: all 0.5s;
z-index: -1;
overflow: hidden;
}
.oa-drawer.half {
display: none;
z-index: 0;
width: 320px;
}
@media (max-width: 1023px) {
.oa-drawer.half {
display: block;
}
}
@media (max-width: 767px) {
.oa-drawer.half {
width: 100%;
}
}
.oa-drawer.active {
transform: translateZ(0);
box-shadow: 0 30px 20px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 1023px) {
.oa-drawer,
.oa-drawer-wrap {
top: 60px;
height: auto;
bottom: 0;
}
.oa-drawer-wrap.active {
display: block;
}
}
.search-suggestion {
z-index: 9999;
position: absolute;
top: 45px;
right: -14px;
width: calc(100% - 91px);
background: #fff;
box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.2);
border-radius: 20px;
cursor: pointer;
}
.search-suggestion > button {
text-align: left;
display: flex !important;
padding: 8px 20px;
margin-left: 0 !important;
width: 100%;
font-size: 13px;
color: #2a2a2a;
line-height: 22px;
}
.search-suggestion > button.hover,
.search-suggestion > button:hover {
background: #f9f9f9;
}
.search-suggestion > button:first-child {
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.search-suggestion > button:last-child {
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
@media (max-width: 1023px) {
.search-suggestion {
right: 0;
width: calc(100% - 105px);
}
}
@media (max-width: 767px) {
.search-suggestion {
position: fixed;
left: 0;
top: 60px;
width: 100vw;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
}
.hasNotiTop .l-header__bars {
height: 140px;
}
.hasNotiTop .oa-drawer-wrap {
top: 140px;
}
.hasNotiTop .oa-drawer {
top: 140px;
height: calc(100vh - 140px);
}
@media (max-width: 1023px) {
.hasNotiTop .l-header__bars {
height: 110px;
}
.hasNotiTop .oa-drawer,
.hasNotiTop .oa-drawer-wrap {
top: 110px;
height: auto;
bottom: 0;
}
}
.hasTopBar .l-header__bars {
height: 114px;
}
.hasTopBar .oa-drawer-wrap {
top: 114px;
}
.hasTopBar .oa-drawer {
top: 114px;
height: calc(100vh - 114px);
}
@media (max-width: 1023px) {
.hasTopBar .l-header__bars {
height: 84px;
}
.hasTopBar .oa-drawer,
.hasTopBar .oa-drawer-wrap {
top: 84px;
height: auto;
bottom: 0;
}
}
.l-footer {
padding-top: 2rem;
padding-bottom: 2rem;
/*background: #d8d8d8;*/
color: #fff;
width: 100%;
text-align: left;
}
@media (min-width: 678px) {
.l-footer {
padding-top: 6rem;
}
}

.l-footer-container {
padding-left: 1.8125rem;
padding-right: 1.8125rem;
}
.l-footer__menus {
font-size: 14px;
letter-spacing: 0.27px;
margin-bottom: 2.5rem;
}
.l-footer__menus li {
display: inline-block;
margin: 0 20px 0 0;
cursor: pointer;
}
.l-footer__menus li a,
.l-footer__menus li button {
color: #000;
font-size: 15px;
}
.l-footer__contact {
display: grid;
grid-template-columns: 16.66% 16.66% 16.66% 16.66% 16.66% auto;
}
.l-footer__contact > div {
display: flex;
margin-bottom: 20px;
}
.l-footer__contact > div div:first-child {
/*width: 40px;*/
font-size: 0.8125rem;
margin-bottom: 0.9375rem;
}
.l-footer__contact > div span {
display: block;
font-size: 0.75rem;
line-height: 1.67;
letter-spacing: 0.0144rem;
color: #fff;
margin-bottom: 15px;
}
.l-footer__contact > div a {
color: #fff;
}
.l-footer__contact > div span:last-child {
margin-bottom: 0;
}
.l-footer__copyright {
display: none;
font-size: 0.75rem;
letter-spacing: 0.23px;
color: #fff;
text-align: center;
margin-top: 1.5625rem;
}
@media (max-width: 1023px) {
.l-footer-container .l-footer__contact {
width: 100%;
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.l-footer__copyright {
display: block;
}
.l-footer-container {
padding-left: 20px;
padding-right: 20px;
}
.l-footer-container .l-footer__contact {
width: 100%;
grid-template-columns: repeat(1, 1fr);
}
.l-footer-container .l-footer__copyright span:nth-child(2) {
display: block;
}
}
.c-popUp-content,
.cardblockWrap,
.dropdown-body,
.dropdown-wrapper,
.l-account-page .l-account-page-left,
.l-account-page .main,
.mobileNavWrap,
.modal-body,
.modal-container,
.oa-btnWrap,
.oa-cate,
.oa-modal-body,
.option-wrap,
body .scroll {
scrollbar-width: none;
-ms-scroll-chaining: chained;
-ms-content-zooming: zoom;
-ms-scroll-rails: none;
-ms-content-zoom-limit-min: 100%;
-ms-content-zoom-limit-max: 500%;
scroll-snap-type: proximity;
-ms-scroll-snap-type: proximity;
-webkit-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
-ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
-ms-overflow-style: none;
}
.c-popUp-content::-webkit-scrollbar,
.cardblockWrap::-webkit-scrollbar,
.dropdown-body::-webkit-scrollbar,
.dropdown-wrapper::-webkit-scrollbar,
.l-account-page .l-account-page-left::-webkit-scrollbar,
.l-account-page .main::-webkit-scrollbar,
.mobileNavWrap::-webkit-scrollbar,
.modal-body::-webkit-scrollbar,
.modal-container::-webkit-scrollbar,
.oa-btnWrap::-webkit-scrollbar,
.oa-cate::-webkit-scrollbar,
.oa-modal-body::-webkit-scrollbar,
.option-wrap::-webkit-scrollbar,
body .scroll::-webkit-scrollbar {
display: none;
}
.round {
border-radius: 15px;
}
.rect {
border-radius: 10px;
}
.mini {
font-size: 13px;
}
.sm {
font-size: 15px;
}
.md {
font-size: 17px;
}
.gray {
color: #7a7a7a;
}
.orange {
color: #e14e2d;
}
.orange1 {
color: #e17d2d;
}
.red {
color: red;
}
.green {
color: #04a000;
}
.oneLine {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.pad-show {
display: none !important;
}
@media (max-width: 1023px) {
.pad-show {
display: inline !important;
display: initial !important;
}
}
@media (max-width: 1023px) {
.pad-hide {
display: none !important;
}
}
.mb-show {
display: none !important;
}
@media (max-width: 767px) {
.mb-show {
display: inline !important;
display: initial !important;
}
}
@media (max-width: 767px) {
.mb-hide {
display: none !important;
}
}
.input-warning {
border-color: #d0021b !important;
}
.html {
color: #2a2a2a;
word-break: break-word;
}
.html a,
.html div,
.html ol li,
.html p,
.html span,
.html ul li {
line-height: 2rem;
}
.html a {
display: inline-block;
color: #e17d2d;
text-decoration: underline;
}
.html a:visited {
color: #bb4126;
}
.html ol {
list-style-type: decimal;
padding-left: 2rem;
}
.html ol.brackets {
padding-left: 2rem;
list-style-type: none;
counter-reset: list;
}
.html ol.brackets > li {
list-style: none;
margin-bottom: 10px;
}
.html ol.brackets > li:before {
display: inline-block;
margin-left: -24px;
width: 24px;
min-width: 24px;
content: "(" counter(list) ") ";
counter-increment: list;
}
.html ul {
list-style-type: disc;
padding-left: 2rem;
}
.html ul ul {
list-style-type: circle;
}
.html ul ul ul {
list-style-type: square;
}
.html h1,
.html h2,
.html h3,
.html strong {
font-weight: 700;
line-height: inherit;
}
.html h1 span,
.html h2 span,
.html h3 span,
.html strong span {
line-height: 1;
}
.html h1 {
font-size: 2em;
line-height: inherit;
}
.html h2 {
font-size: 1.5em;
}
.html h3 {
font-size: 1.17em;
}
.html p {
min-height: 2rem;
}
.html em {
font-style: italic;
}
.html sup {
vertical-align: super;
font-size: smaller;
}
.visuallyhidden {
left: 0 !important;
border: 0 !important;
clip: rect(0, 0, 0, 0) !important;
-webkit-clip-path: inset(100%) !important;
clip-path: inset(100%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
.home-main {
margin-right: 20px;
padding-bottom: 72px;
}
.home-main .block {
margin-top: 5rem;
}
.home-main .block:first-child {
margin-top: 1.875rem;
}
.home-main .block:last-child {
margin-bottom: 7.0625rem;
}
.home-main .block .head {
position: relative;
margin-bottom: 0.9375rem;
}
.home-main .block .head .title {
height: 1.875rem;
line-height: 1.875rem;
font-size: 1.875rem;
font-weight: 600;
letter-spacing: 0.0356rem;
color: #4a4a4a;
}
.home-main .block .head .intro {
width: 100%;
height: 0.875rem;
line-height: 0.875rem;
font-size: 0.875rem;
color: #4a4a4a;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 1023px) {
.home-main {
width: 100%;
/*margin: 5px;*/
padding-bottom: 0;
}
.home-main .block {
margin-top: 3.125rem;
}
}
.oa-main-center-layout.container,
.oa-main-left-layout.container {
padding-top: 90px;
margin: 0 auto;
min-height: calc(100vh - 19rem);
justify-content: center;
text-align: center;
background-image: url(/images/footer_bk_img.png);
background-position: center;
background-repeat: no-repeat;
background-position-y: bottom;
background-size: inherit;
}
@media (max-width: 1023px) {
.oa-main-center-layout.container,
.oa-main-left-layout.container {
padding-top: 60px;
width: 100%;
}
}
@media (max-width: 480px) {
.oa-main-center-layout.container,
.oa-main-left-layout.container {
/*width: 100%;*/
}
}
.oa-main-center-layout
.col-container:not(.l-footer-container):not(.oa-filter-container),
.oa-main-left-layout
.col-container:not(.l-footer-container):not(.oa-filter-container) {
padding: 0;
text-align: left;
background: none;
width: auto;
}
.oa-main-left-layout
.col-container:not(.l-footer-container):not(.oa-filter-container) {
display: flex;
}
.oa-main-left-layout
.col-container:not(.l-footer-container):not(.oa-filter-container)
main {
flex: 1;
}
.oa-main-left-layout
.col-container:not(.l-footer-container):not(.oa-filter-container)
aside {
flex: 0.4;
}
.oa-main-left-layout
.col-container:not(.l-footer-container):not(.oa-filter-container)
.oa-card-program-with-info-block
.oa-card-program-with-info,
.oa-main-left-layout
.col-container:not(.l-footer-container):not(.oa-filter-container)
.oa-card-program-with-info-block
.oa-title {
margin-left: 40px;
margin-right: 40px;
}
.oa-main-left-layout
.col-container:not(.l-footer-container):not(.oa-filter-container)
.oa-card-program-with-info-block
.oa-title {
height: 40px;
margin-bottom: 0;
word-break: break-all;
height: auto;
}
.oa-main-left-layout
.col-container:not(.l-footer-container):not(.oa-filter-container)
.oa-card-program-with-info-block {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 1439px) and (min-width: 1024px) {
.oa-main-left-layout
.col-container:not(.l-footer-container):not(.oa-filter-container) {
margin-left: 12px;
margin-right: 12px;
}
}
@media (max-width: 1023px) {
.oa-main-left-layout
.col-container:not(.l-footer-container):not(.oa-filter-container) {
max-width: 100%;
width: 100%;
min-width: 0;
padding: 0;
/*background: #f8f8f8;*/
min-height: 600px; /*20210806*/
}
.oa-main-left-layout
.col-container:not(.l-footer-container):not(.oa-filter-container)
main {
flex: 1;
}
.oa-main-left-layout
.col-container:not(.l-footer-container):not(.oa-filter-container)
.oa-card-program-with-info-block
.oa-card-program-with-info,
.oa-main-left-layout
.col-container:not(.l-footer-container):not(.oa-filter-container)
.oa-card-program-with-info-block
.oa-title {
margin-left: 15px;
margin-right: 15px;
}
}
@media (max-width: 767px) {
.oa-main-left-layout
.col-container:not(.l-footer-container):not(.oa-filter-container)
.oa-card-program-with-info-block
.oa-card-program-with-info {
margin-left: 10px;
margin-right: 10px;
}
.oa-main-left-layout
.col-container:not(.l-footer-container):not(.oa-filter-container)
.oa-card-program-with-info-block
.oa-title {
margin-left: 20px;
margin-right: 20px;
}
.oa-main-left-layout
.col-container:not(.l-footer-container):not(.oa-filter-container)
.oa-card-program-with-info-block
.oa-btnWrap {
position: relative;
overflow-y: hidden;
}
}
.oa-main-left-layout.homepage main {
width: 920px;
}
@media (max-width: 1439px) and (min-width: 1024px) {
.oa-main-left-layout.homepage main {
width: 700px;
}
}
@media (max-width: 1023px) {
.oa-main-left-layout.homepage main {
width: 100%;
}
}
.oa-main-left-layout.homepage aside {
width: 368px;
}
@media (max-width: 1439px) and (min-width: 1024px) {
.oa-main-left-layout.homepage aside {
width: 280px;
}
}
@media (min-width: 1440px) {
.oa-main-left-layout.homepage
.col-container:not(.l-footer-container):not(.oa-filter-container) {
max-width: 1308px;
min-height: 600px; /*20210806*/
}
}
@media (max-width: 1439px) and (min-width: 1024px) {
.oa-main-left-layout.homepage
.col-container:not(.l-footer-container):not(.oa-filter-container) {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
min-height: 900px; /*20210806*/
}
}
.hasNotiTop .oa-main-left-layout.container {
padding-top: 140px;
}
@media (max-width: 1023px) {
.hasNotiTop .oa-main-left-layout.container {
padding-top: 110px;
}
}
.oa-article-layout .col-container .home-main .oa-card .oa-title {
margin-bottom: 20px;
}
.oa-article-layout .col-container .home-main .oa-btn-collection {
margin-top: 20px;
margin-bottom: 20px;
}
.oa-article-layout .col-container .home-main h1 {
font-size: 28px;
color: #2a2a2a;
}
.oa-article-layout .col-container .home-main img {
width: 100%;
margin-bottom: 20px;
min-width: 60% !important;
max-width: 100% !important;
}
@media (max-width: 1023px) {
.oa-article-layout .col-container .home-main {
background: #fff;
}
.oa-article-layout .col-container .home-main .oa-card {
margin: 0 auto;
width: 590px;
box-shadow: none;
border-radius: 0;
padding-bottom: 40px;
}
}
@media (max-width: 767px) {
.oa-article-layout .col-container .home-main .oa-card {
max-width: 100%;
width: 100%;
min-width: 0;
margin-top: 0;
padding-top: 0;
padding-left: 20px;
padding-right: 20px;
}
.oa-article-layout .col-container .home-main .oa-btn-collection {
width: 100%;
}
.oa-article-layout .col-container .home-main svg {
margin-left: auto;
}
.oa-article-layout .col-container .home-main span {
margin-left: 0;
margin-right: auto;
}
}
.oa-main-layout.container {
padding-top: 90px;
margin: 0 auto;
}
@media (max-width: 1023px) {
.oa-main-layout.container {
padding-top: 60px;
}
}
.oa-main-layout .home-main {
margin-left: 0;
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
}
@media (max-width: 767px) {
.oa-main-layout .home-main {
margin-left: 0;
}
}
.error {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
}
.error > div {
display: block;
}
.error > div > div {
display: flex;
padding: 15px;
margin: auto;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
max-width: 620px;
text-align: center;
}
.error .icon-403 {
margin: auto;
height: 116px;
min-height: 0;
width: 84px;
}
.error .icon-403-underline {
margin: auto;
height: 10px;
min-height: 0;
width: 84px;
}
.error-body {
font-size: 30px;
text-align: center;
}
.country-selector__input,
.input-tel__input,
.vue-phone-number-input {
height: 50px !important;
}
.country-selector__country-flag {
top: 25px !important;
}
button {
background: none;
border: none;
color: none;
display: inline;
display: initial;
padding: 0;
margin: 0;
color: #2a2a2a;
cursor: pointer;
}
button:focus {
outline: none;
}
.btn-primary {
background: #fff;
color: #1082ff;
}
.btn-primary,
.btn-primary-full {
cursor: pointer;
display: block;
border: 0.0625rem solid #007aff;
padding: 0.8125rem 0.9375rem;
font-size: 1rem;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: 1.38;
letter-spacing: normal;
text-align: center;
}
.btn-primary-full {
background: #1082ff;
color: #fff;
}
.btn-orange {
border: 0.0625rem solid #e14e2d;
border-radius: 0.625rem;
background-color: #e14e2d;
}
.btn-checkout,
.btn-orange {
cursor: pointer;
display: block;
font-size: 1rem;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: 1.38;
letter-spacing: normal;
text-align: center;
color: #fff;
padding: 0.875rem 1.4375rem;
}
.btn-checkout {
border: 0.0625rem solid #007aff;
background: #1082ff;
}
.btn-disable {
border-color: #f8f8f8;
cursor: not-allowed !important;
text-decoration: none;
color: #7a7a7a;
background-color: #f8f8f8;
opacity: 0.3;
}
.btn-secondary {
cursor: pointer;
display: block;
border: 0.0625rem solid #007aff;
font-size: 1rem;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: 1.38;
letter-spacing: normal;
text-align: center;
background: #fff;
color: #1082ff;
border-radius: 0.1875rem;
padding: 0.875rem 1.875rem;
}
.btn-secondary:hover {
background: #f3f9ff;
}
.btn-secondary.default,
.btn-secondary:active {
color: #fff;
background: #1082ff;
}
.btn-secondary.disabled {
cursor: not-allowed;
border: 0.0625rem solid #d8d8d8;
color: #d8d8d8;
background: #f8f8f8;
}
.btn-secondary-blue {
cursor: pointer;
display: block;
border: 0.0625rem solid #007aff;
font-size: 1rem;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: 1.38;
letter-spacing: normal;
text-align: center;
background: #007aff;
color: #fff;
border-radius: 0.1875rem;
padding: 0.875rem 1.5625rem;
transition: border-radius 0.3s ease 0s;
}
.btn-secondary-blue:hover {
border-radius: 3.125rem;
}
.btn-secondary-blue:active {
border: 0.0625rem solid #06f;
background: #06f;
}
.btn-loadmore {
cursor: pointer;
display: block;
font-size: 1rem;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: 1.38;
letter-spacing: normal;
text-align: center;
padding: 0.25rem 1.875rem;
color: #1082ff;
background: #f8f8f8;
border-radius: 0.1875rem;
border: none;
}
.btn-loadmore:hover {
background: #f3f9ff;
}
.btn-loadmore:active {
color: #fff;
background: #1082ff;
}
.btn-normal {
font-size: 1rem;
line-height: 1;
font-weight: 400;
color: #1082ff;
cursor: pointer;
margin-left: 1.4375rem;
}
.btn-normal.diabled {
color: rgba(16, 130, 255, 0.5);
cursor: not-allowed;
}
.btn-grey {
cursor: pointer;
font-size: 0.875rem;
line-height: 1;
background: #fff;
color: #4a4a4a;
padding-top: 1.125rem;
padding-bottom: 1.125rem;
text-align: center;
}
.btn-grey.active,
.btn-grey:hover {
background: #f8f8f8;
}
.btn-grey:active {
background: #e8e8e8;
}
.btn-grey.selected,
.btn-right {
color: #007aff;
}
.btn-right {
position: absolute;
top: 0.9375rem;
right: 0.9375rem;
font-size: 0.875rem;
cursor: pointer;
}
.btn-group button,
.btn-group div,
.btn-group span {
display: inline-block;
}
.btn-group.right {
position: absolute;
top: 0;
right: 0;
}
.oa-btn-solid {
transition: all 0.2s ease-in-out;
font-size: 16px;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
padding: 10px 15px;
text-align: center;
vertical-align: middle;
height: 40px;
color: #2a2a2a;
background: #f9f9f9;
}
.oa-btn-solid.mini {
font-size: 13px;
}
.oa-btn-solid.sm {
font-size: 15px;
}
.oa-btn-solid.md {
font-size: 17px;
}
.oa-btn-solid.gray {
color: #7a7a7a;
}
.oa-btn-solid.orange {
color: #e14e2d;
}
.oa-btn-solid.orange-bg {
color: #fff;
background: #e14e2d;
}
.oa-btn-solid.orange3-bg-border {
color: #fff;
background: #fef5ef;
border: 1px solid #e14e2d;
}
.oa-btn-solid.disabled {
background: #e9e9e9;
cursor: not-allowed;
}
.oa-btn-solid.disabled.orange-bg {
background: #e14e2d;
opacity: 0.5;
}
.oa-btn-solid-expand {
text-align: center;
transition: all 0.2s ease-in-out;
font-size: 16px;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
padding: 10px;
height: 40px;
width: 100%;
font-size: 13px;
color: #2a2a2a;
background: #f9f9f9;
}
.oa-btn-solid-expand.mini {
font-size: 13px;
}
.oa-btn-solid-expand.sm {
font-size: 15px;
}
.oa-btn-solid-expand.md {
font-size: 17px;
}
.oa-btn-solid-expand.gray {
color: #7a7a7a;
}

.oa-btn-solid-expand.orange {
color: #e14e2d;
}
.oa-btn-solid-expand.orange-bg {
color: #fff;
background: #e14e2d;
}
.oa-btn-solid-expand.orange3-bg-border {
color: #fff;
background: #fef5ef;
border: 1px solid #e14e2d;
}
.l-account-page-left {
display: none;
}
.oa-btn-solid-icon {
text-align: center;
transition: all 0.2s ease-in-out;
font-size: 16px;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #2a2a2a;
background: #f9f9f9;
display: inline-flex;
height: 40px;
}
.oa-btn-solid-member-icon {
text-align: center;
transition: all 0.2s ease-in-out;
font-size: 16px;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #2a2a2a;
background: #f9f9f9;
display: inline-flex;
border-radius: 30px;
}
.oa-btn-solid-icon.mini {
font-size: 13px;
}
.oa-btn-solid-icon.sm {
font-size: 15px;
}
.oa-btn-solid-icon.md {
font-size: 17px;
}
.oa-btn-solid-icon.gray {
color: #7a7a7a;
}
.oa-btn-solid-icon.orange {
color: #e14e2d;
}
.oa-btn-solid-icon.orange-bg {
color: #fff;
background: #e14e2d;
}
.oa-btn-solid-icon.orange3-bg-border {
color: #fff;
background: #fef5ef;
border: 1px solid #e14e2d;
}
.oa-btn-solid-icon span {
margin: auto 15px auto auto;
vertical-align: top;
line-height: 40px;
font-size: 13px;
}
.oa-btn-border {
text-align: center;
transition: all 0.2s ease-in-out;
font-size: 16px;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
padding: 10px 15px;
height: 40px;
line-height: 20px;
border: 1px solid #cacaca;
background: #fff;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 100%;
}
.oa-btn-border.mini {
font-size: 13px;
}
.oa-btn-border.sm {
font-size: 15px;
}
.oa-btn-border.md {
font-size: 17px;
}
.oa-btn-border.gray {
color: #7a7a7a;
}
.oa-btn-border.orange {
color: #e14e2d;
}
.oa-btn-border.orange-bg {
color: #fff;
background: #e14e2d;
}
.oa-btn-border.orange3-bg-border {
color: #fff;
background: #fef5ef;
border: 1px solid #e14e2d;
}
@media (min-width: 1024px) {
.oa-btn-border:hover {
background: #faffec;
}
}
.oa-btn-border.active,
.oa-btn-border:active {
border: 1px solid #82a417;
background: #faffec;
}
.oa-btn-border.disabled {
background-color: #e9e9e9;
}
.oa-btn-border.orange {
border: 1px solid #e14e2d;
}
.oa-btn-border-icon {
text-align: center;
transition: all 0.2s ease-in-out;
font-size: 16px;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
display: flex;
height: 40px;
line-height: 20px;
border: 1px solid #cacaca;
background: #fff;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 100%;
margin: auto;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.oa-btn-border-icon.mini {
font-size: 13px;
}
.oa-btn-border-icon.sm {
font-size: 15px;
}
.oa-btn-border-icon.md {
font-size: 17px;
}
.oa-btn-border-icon.gray {
color: #7a7a7a;
}
.oa-btn-border-icon.orange {
color: #e14e2d;
}
.oa-btn-border-icon.orange-bg {
color: #fff;
background: #e14e2d;
}
.oa-btn-border-icon.orange3-bg-border {
color: #fff;
background: #fef5ef;
border: 1px solid #e14e2d;
}
.oa-btn-border-icon svg {
margin-left: 7px;
}
.oa-btn-border-icon span {
margin: auto 15px auto auto;
vertical-align: top;
line-height: 40px;
}
.oa-btn-border-icon:hover {
background: #fef5ef;
}
.oa-btn-border-icon.active,
.oa-btn-border-icon:active {
border: 1px solid #e14e2d;
background: #fef5ef;
}
.oa-btn-border-icon.disabled {
background-color: #e9e9e9;
}
.oa-btn-border-icon.orange {
border: 1px solid #e14e2d;
}
.oa-btn-group a,
.oa-btn-group button {
display: inline-block;
margin-left: 20px;
}
.oa-btn-group a:first-child,
.oa-btn-group button:first-child {
margin-left: 0;
}
.oa-btn-group.right {
text-align: right;
margin-left: auto;
}
.oa-btn-group.secondary a {
margin-left: 0;
margin-right: 10px;
}
.oa-btn-text {
text-align: center;
transition: all 0.2s ease-in-out;
font-size: 16px;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #2a2a2a;
font-weight: 400px;
}
.oa-btn-text.mini {
font-size: 13px;
}
.oa-btn-text.sm {
font-size: 15px;
}
.oa-btn-text.md {
font-size: 17px;
}
.oa-btn-text.gray {
color: #7a7a7a;
}
.oa-btn-text.orange {
color: #e14e2d;
}
.oa-btn-text.orange-bg {
color: #fff;
background: #e14e2d;
}
.oa-btn-text.orange3-bg-border {
color: #fff;
background: #fef5ef;
border: 1px solid #e14e2d;
}
.oa-btn-text:active,
.oa-btn-text:hover {
color: #e14e2d;
}
.oa-btn-text:active {
font-weight: 700;
}
.oa-btn-transparent {
text-align: center;
transition: all 0.2s ease-in-out;
font-size: 16px;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
padding: 0.5625rem 1.8125rem;
border: 1px solid #e14e2d;
background-color: transparent;
}
.oa-btn-transparent.mini {
font-size: 13px;
}
.oa-btn-transparent.sm {
font-size: 15px;
}
.oa-btn-transparent.md {
font-size: 17px;
}
.oa-btn-transparent.gray {
color: #7a7a7a;
}
.oa-btn-transparent.orange {
color: #e14e2d;
}
.oa-btn-transparent.orange-bg {
color: #fff;
background: #e14e2d;
}
.oa-btn-transparent.orange3-bg-border {
color: #fff;
background: #fef5ef;
border: 1px solid #e14e2d;
}
.oa-btn-counter {
transition: all 0.2s ease-in-out;
font-size: 16px;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
cursor: not-allowed;
width: 2rem;
height: 2rem;
border-radius: 1.25rem;
text-align: center;
border: 0.0313rem solid #e14e2d;
color: #e14e2d;
background: #fef5ef;
line-height: 1.75rem;
}
.oa-btn-counter.mini {
font-size: 13px;
}
.oa-btn-counter.sm {
font-size: 15px;
}
.oa-btn-counter.md {
font-size: 17px;
}
.oa-btn-counter.gray {
color: #7a7a7a;
}
.oa-btn-counter.orange {
color: #e14e2d;
}
.oa-btn-counter.orange-bg {
color: #fff;
background: #e14e2d;
}
.oa-btn-counter.orange3-bg-border {
color: #fff;
background: #fef5ef;
border: 1px solid #e14e2d;
}
.oa-btn-counter.enableCheckout {
cursor: pointer;
color: #e14e2d;
border: 0.0313rem solid #e14e2d;
}
.oa-btnWrap {
border-bottom: 1px solid #e9e9e9;
box-sizing: border-box;
}
.oa-btnWrap .oa-btnBlock > a,
.oa-btnWrap .oa-btnBlock > button {
display: inline-block;
padding: 24px 20px 0;
}
@media (max-width: 767px) {
.oa-btnWrap .oa-btnBlock > a,
.oa-btnWrap .oa-btnBlock > button {
padding: 24px 10px 0;
}
}
.oa-btnWrap .oa-btnBlock > a:first-child,
.oa-btnWrap .oa-btnBlock > button:first-child {
padding-left: 40px;
}
@media (max-width: 1023px) {
.oa-btnWrap .oa-btnBlock > a:first-child,
.oa-btnWrap .oa-btnBlock > button:first-child {
padding-left: 15px;
}
}
@media (max-width: 767px) {
.oa-btnWrap .oa-btnBlock > a:first-child,
.oa-btnWrap .oa-btnBlock > button:first-child {
padding-left: 20px;
}
}
.oa-btnWrap .oa-btnBlock > a span,
.oa-btnWrap .oa-btnBlock > button span {
font-size: 13px;
color: #2a2a2a;
}
.oa-btnWrap .oa-btnBlock > a span:after,
.oa-btnWrap .oa-btnBlock > button span:after {
content: "";
display: block;
background: #e14e2d;
height: 4px;
transition: 0.25s;
width: 0;
margin-top: 10px;
border-radius: 100px 100px 0 0;
}
.oa-btnWrap .oa-btnBlock > a:hover span:after,
.oa-btnWrap .oa-btnBlock > button:hover span:after {
width: 100%;
}
.oa-btnWrap .oa-btnBlock > a.active span,
.oa-btnWrap .oa-btnBlock > a:active span,
.oa-btnWrap .oa-btnBlock > button.active span,
.oa-btnWrap .oa-btnBlock > button:active span {
color: #e14e2d;
}
.oa-btnWrap .oa-btnBlock > a.active span:after,
.oa-btnWrap .oa-btnBlock > a:active span:after,
.oa-btnWrap .oa-btnBlock > button.active span:after,
.oa-btnWrap .oa-btnBlock > button:active span:after {
width: 100%;
}
.oa-btnWrap .oa-border-bar {
top: 57px;
left: calc(-50vw - -305px);
width: calc(100vw - 20px);
position: absolute;
border-bottom: 1px solid #e9e9e9;
}
@media (max-width: 767px) {
.oa-btnWrap {
width: 100%;
overflow-x: scroll;
}
.oa-btnWrap .oa-btnBlock {
white-space: nowrap;
}
}
.oa-card {
padding: 40px;
margin-top: 20px;
border-radius: 20px;
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
background-color: #fff;
}
@media (max-width: 1023px) {
.oa-card {
padding: 15px 15px 20px;
}
}
.oa-card-img {
border-radius: 10px;
flex: 0 0 100px;
width: 100px;
height: 140px;
display: flex;
overflow: hidden;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.oa-card-img img {
display: block;
position: relative;
margin: auto;
max-width: 100%;
}
.oa-card-img.sm {
border-radius: 10px;
width: 50px;
height: 70px;
flex: 0 0 50px;
}
.oa-card-img.lg {
width: 220px;
height: 308px;
flex: 0 0 220px;
}
.oa-card-img-title {
border-radius: 10px;
width: 170px;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
.oa-card-img-title > div:first-child {
height: 150px;
display: flex;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
overflow: hidden;
}
.head_title {
text-align: left;
font-size: 16px;
font-weight: bold;
word-break: break-all;
overflow: hidden;
width: 100%;
/*padding: 1px;*/
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
min-height: 48px;
line-height: 24px;
}
.tab_div {
border-radius: 8px;
box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);
background-color: #fff;
padding: 15px;
margin-bottom: 30px;
margin-top: 15px;
max-width: 232px;
}
.tab_heah_img {
float: left;
width: 55px;
height: 55px;
margin: 7px 20px 7px 7px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.tab_img {
padding: 10px;
margin-bottom: 5px;
width: 100%;
max-width: 206px;
height: 130px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.search_header {
top: 15px;
position: relative;
}
@media (max-width: 1023px) {
.search_header {
top: auto;
position: none;
}
}

/*右上角icon*/
.icon_header {
width: 60px;
height: 83px;
background-color: rgb(0 0 0 / 0%);
background-position: center;
background-size: 80%;
background-repeat: no-repeat;
}

/*公告列表*/
.bulletin_header {
background-image: url(/images/post_list.png);
background-repeat: no-repeat;
background-position: center;
height: 120px;
max-height: 120px;
background-size: 450px auto;
}
.bulletin_header > .listen_h2 {
top: 37px;
text-align: center;
}
/*聽聽他們怎麼說*/
.listen_header {
background-image: url(/images/listen_bk.png);
background-size: 450px auto;
background-repeat: no-repeat;
background-position: center;
height: 120px;
max-height: 120px;
}
.listen_header > .listen_h2 {
top: 27px;
text-align: center;
}
.listen_header > .listen_s_title {
top: 27px;
text-align: center;
position: relative;
}
.listen_img {
width: 120px;
height: 120px;
background-position: center;
background-size: cover;
border-radius: 50%;
}
.listen_head_title {
text-align: center;
font-size: 18px;
color: #878788;
}
.listen_head_eventTag {
color: #82a417 !important;
font-size: 16px !important;
}

.oa-cardTypeTag-text {
font-size: 14px;
line-height: 18px;
max-height: 18px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.oa-cardTypeTag-textX {
font-size: 14px;
line-height: 18px;
}
.oa-card-img-title > div:first-child img {
display: block;
margin-top: auto;
margin-bottom: auto;
max-width: 100%;
}
.oa-card-img-title > div:last-child {
padding: 5px;
}
.oa-card-img-title > div:last-child .text {
height: 36px;
line-height: 18px;
font-size: 13px;
border-radius: 0;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
}
@media (max-width: 1023px) {
.oa-card-img-title {
width: 170px;
}
.oa-card-img-title > div:first-child {
height: 188px;
}
}
@media (max-width: 1023px) {
.oa-card-program-with-info-wrap,
.oa-card-program-wrap {
width: 100%;
background: #fff;
}
}
@media (max-width: 1023px) {
.oa-card-program-wrap {
margin-top: 5px;
background-color: rgba(255, 255, 255, 0);
}
}
.oa-card-program {
padding: 40px;
margin-top: 20px;
border-radius: 8px;
/*box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);*/
background-color: #fff;
min-height: 500px;
}
.oa-card-program-old {
padding: 40px;
margin-top: 20px;
border-radius: 8px;
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
background-color: #fff;
min-height: 500px;
}
.oa-card-program-login {
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 1023px) {
.oa-card-program {
padding: 15px 15px 20px;
}
}
.oa-card-program .cardblockWrap {
padding: 30px 0 0 0;
}
.oa-card-program .cardblockWrap .cardblock {
display: flex;
}
.oa-card-program .cardblockWrap .cardblock > div {
margin-right: 30px;
}
.oa-card-program .cardblockWrap .cardblock > div .program-logo {
height: 11.75rem;
width: 100%;
background-size: cover;
background-position: 50% 50%;
}
.oa-card-program .cardblockWrap .cardblock > div:nth-child(5n + 0) {
margin-right: 0;
}
@media (max-width: 1439px) {
.oa-card-program .cardblockWrap .cardblock > div {
margin-right: 14px;
}
.oa-card-program .cardblockWrap .cardblock > div:nth-child(4n + 0) {
margin-right: 0;
}
.oa-card-program .cardblockWrap .cardblock > div:nth-child(5n + 0) {
display: none;
}
}
@media (max-width: 1023px) {
.oa-card-program {
margin: 0 auto;
width: 100%;
padding: 15px;
/*border-radius: 0;
                    box-shadow: none;*/
}
.oa-card-program .cardblockWrap .cardblock > div {
margin-right: 1rem;
}
}
@media (max-width: 767px) {
.head_title {
font-size: 14px;
}

.oa-cardTypeTag.eventTag {
font-size: 10px;
}
.oa-cardTypeTag-text,
.oa-cardTypeTag-textX {
font-size: 10px;
}
/*
                .oa-card-program {
                    width: 100%;
                }*/
.oa-card-program .oa-btn-solid-expand,
.oa-card-program .oa-sub-title,
.oa-card-program .oa-title {
width: calc(100% - 40px);
margin: auto 20px;
}
.oa-card-program .cardblockWrap {
width: 100%;
overflow: scroll;
}
.oa-card-program .cardblockWrap .cardblock {
display: flex;
padding-left: 20px;
padding-right: 20px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
width: -webkit-fill-available;
}
.oa-card-program .cardblockWrap .cardblock > div {
margin-right: 0;
}
.oa-card-program .cardblockWrap .cardblock > div:nth-child(4n + 0),
.oa-card-program .cardblockWrap .oa-card-img-title {
margin-right: 20px;
}
.oa-card-program .cardblockWrap .oa-card-img-title:last-child .text {
white-space: normal;
}
.oa-card-program .cardblockWrap .cardblock {
white-space: inherit;
/* white-space: nowrap;*/
}
}
@media (max-width: 480px) {
.oa-card-program {
	width: 98%;
    margin-left: 1%;
}
.listen_header,
.bulletin_header {
background-size: 350px auto;
}
.oa-card-program .oa-title {
width: 100%;
margin: 0;
top: 30px;
font-size: 16px;
}
.oa-card-program .oa-sub-title {
font-size: 14px;
margin: 0;
width: 100%;
}
.oa-card-program-old {
padding: 5px;
}
}

.oa-card-program-with-info-block {
padding: 40px;
margin-top: 20px;
border-radius: 20px;
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
background-color: #fff;
}
@media (max-width: 1023px) {
.oa-card-program-with-info-block {
padding: 15px 15px 20px;
}
}
.oa-card-program-with-info-block .oa-title {
margin-bottom: 5px;
}
@media (max-width: 1023px) {
.oa-card-program-with-info-block {
margin: 0 auto;
width: 590px;
padding: 15px 0;
border-radius: 0;
box-shadow: none;
}
}
@media (max-width: 767px) {
.oa-card-program-with-info-block {
width: 100%;
padding: 15px 10px;
}
.oa-card-program-with-info-block .oa-title {
margin: 25px 10px 5px;
}
}
.oa-card-program-with-info {
display: flex;
padding-top: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #e9e9e9;
}
.oa-card-program-with-info:last-child {
border-bottom: none;
}
.oa-card-program-with-info .oa-card-img {
margin-right: 20px;
}
@media (max-width: 767px) {
.oa-card-program-with-info .oa-card-img {
margin-right: 10px;
}
}
.oa-card-program-with-info .infos {
flex: 1;
}
.oa-card-program-with-info .infos > div {
min-height: calc(100% - 27px);
}
.oa-card-program-with-info .infos .info-title,
.oa-card-program-with-info .infos h3 {
font-size: 15px;
color: #2a2a2a;
display: block;
word-break: break-word;
}
.oa-card-program-with-info .infos p {
font-size: 12px;
color: #7a7a7a;
margin-top: 5px;
}
.oa-card-program-with-info .infos .price {
text-align: right;
font-size: 15px;
color: #2a2a2a;
}
.oa-card-program-with-info .infos.infosList {
position: relative;
margin: 5px 0;
}
.oa-card-program-with-info .infos.infosList button {
position: absolute;
top: 0;
right: 0;
}
.oa-card-program-with-info .infos.infosList .h3 {
width: calc(100% - 50px);
}
.oa-card-program-with-info.with-btn {
position: relative;
}
.oa-card-program-with-info.with-btn .info-title,
.oa-card-program-with-info.with-btn h3 {
max-width: calc(100% - 100px);
}
.oa-card-program-with-info.with-btn .oa-btn-solid-icon {
position: absolute;
top: 20px;
right: 0;
}
@media (max-width: 767px) {
.oa-card-program-with-info {
padding-left: 10px;
padding-right: 10px;
}
.oa-card-program-with-info .infos {
width: calc(100% - 160px);
}
.oa-card-program-with-info .infos.infosList button {
display: none;
}
.oa-card-program-with-info .infos.infosList .h3,
.oa-card-program-with-info .infos.infosList .info-title {
width: 100%;
}
.oa-card-program-with-info.with-btn {
position: relative;
flex-wrap: wrap;
}
.oa-card-program-with-info.with-btn .infos {
flex: 0 0 calc(100% - 110px);
}
.oa-card-program-with-info.with-btn .info-title,
.oa-card-program-with-info.with-btn h3 {
max-width: 100%;
}
.oa-card-program-with-info.with-btn .oa-btn-solid-icon {
position: relative;
top: 0;
margin-left: auto;
margin-top: 10px;
}
}
.oa-card-with-border-btn {
display: flex;
padding: 15px 15px 10px;
margin-bottom: 20px;
border-radius: 10px;
border: 1px solid #cacaca;
background: #fff;
color: #2a2a2a;
font-size: 15px;
cursor: pointer;
}
.oa-card-with-border-btn.active {
background: #fef5ef;
border: 1px solid #e14e2d;
}
.oa-card-with-border-btn > div {
margin-right: 15px;
}
.oa-card-with-border-btn > div div {
margin-bottom: 5px;
}
.oa-card-with-border-btn button {
margin: auto 0 auto auto;
}
.oa-card-with-border-btn .oa-card-with-border-btn-title {
font-size: 17px;
font-weight: 600;
color: #2a2a2a;
}
.oa-tag {
width: 85px;
height: 40px;
margin-right: 10px;
line-height: 40px;
color: #2a2a2a;
font-size: 15px;
text-align: center;
border-radius: 10px;
}
.oa-tag.blue {
background: #eff9fe;
}
.oa-tag.purple {
background: #f6effe;
}
.oa-text-bold {
font-size: 17px;
font-weight: 600;
color: #2a2a2a;
}
.oa-text-orange {
font-size: 13px;
color: #e17d2d;
}
.oa-card-ticket {
position: relative;
padding: 20px 20px 20px 0;
margin-top: 20px;
border-radius: 10px;
background-color: #fff;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
font-size: 15px;
color: #2a2a2a;
}
.oa-card-ticket > div {
display: flex;
line-height: 40px;
}
.oa-card-ticket .oa-tag {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.oa-card-ticket .right {
position: absolute;
right: 20px;
font-size: 15px;
}
.oa-card-ticket p {
padding-left: 20px;
width: calc(100% - 174px);
margin-bottom: 5px;
}
.oa-card-ticket p:last-child {
margin-bottom: 0;
}
.oa-card-ticket p.oa-text-bold {
margin-top: 20px;
}
.oa-card-ticket .oa-btn-border-icon,
.oa-card-ticket .oa-btn-solid {
position: absolute;
bottom: 20px;
right: 20px;
width: 156px;
text-align: center;
}
@media (max-width: 767px) {
.oa-card-ticket {
padding-right: 15px;
}
.oa-card-ticket .oa-text-bold {
line-height: 24px;
margin-top: 15px;
padding-left: 15px;
}
.oa-card-ticket .right {
right: 15px;
font-size: 13px;
}
.oa-card-ticket p {
margin-top: 10px;
padding-left: 15px;
width: 100%;
}
.oa-card-ticket .oa-text-orange {
font-size: 11px;
}
.oa-card-ticket .oa-btn-border-icon,
.oa-card-ticket .oa-btn-solid {
position: relative;
width: calc(100% - 15px);
bottom: 0;
right: 0;
margin-top: 15px;
margin-left: 15px;
}
.oa-card-ticket .oa-btn-border-icon svg,
.oa-card-ticket .oa-btn-solid svg {
margin-left: auto;
}
.oa-card-ticket .oa-btn-border-icon span,
.oa-card-ticket .oa-btn-solid span {
margin-left: 0;
margin-right: auto;
}
}
.oa-card-basic {
position: relative;
padding: 15px;
margin-top: 20px;
border-radius: 10px;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
background-color: #fff;
}
.oa-card-basic p {
font-size: 13px;
color: #2a2a2a;
margin-bottom: 5px;
}
.oa-card-flat {
padding: 32px 20px;
display: flex;
border-radius: 20px;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
background-color: #fff;
}
.oa-card-flat div {
flex: 1;
font-size: 17px;
font-weight: 600;
color: #2a2a2a;
margin-top: auto;
margin-bottom: auto;
}
.oa-card-info {
border-radius: 10px;
border: 1px solid #cacaca;
margin-bottom: 20px;
}
.oa-card-info > div {
border-bottom: 1px solid #cacaca;
padding: 15px;
}
.oa-card-info > div:first-child {
background: #f9f9f9;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
font-size: 17px;
font-weight: 600;
}
.oa-card-info > div:last-child {
border-bottom: none;
font-size: 15px;
}
.oa-block-orange {
padding: 15px 20px;
border-radius: 10px;
border: 1px solid #fef5ef;
background: #fefaef;
}
.oa-child-right {
display: flex;
}
.oa-child-right button,
.oa-child-right div {
margin-left: auto;
}
.oa-cardTypeTag {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 0 8px;
border-radius: 5px;
margin-bottom: 4px;
font-size: 13px;
}
.oa-cardTypeTag.eventTag {
padding: 0;
color: #7d7d7d;
}
.oa-cardTypeTag.articleTag {
color: #009873;
border: 1px solid #009873;
}
.oa-cardTypeTag.ticketpackageTag {
color: #fff;
background: #009873;
}
/*
            .gpay-button.black {
                background-image: url(https://www.gstatic.com/instantbuy/svg/dark/zh.svg);
                background-color: #000;
                box-shadow: none;
                padding: 12px 24px 10px;
            }
            .gpay-button {
                background-origin: content-box;
                background-position: 50%;
                background-repeat: no-repeat;
                background-size: contain;
                border: 0;
                border-radius: 4px;
                box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
                cursor: pointer;
                min-width: 156px;
                height: 50px;
                padding: 11px 24px;
            }*/
.oa-title {
font-size: 28px;
font-weight: 540;
color: #2a2a2a;
word-break: break-word;
}
/*
            @media screen and (max-width: 1023px) {
                .oa-title {
                    margin-top: 25px;
                }
            }*/
.oa-title-md {
font-size: 28px;
font-weight: 400;
color: #2a2a2a;
word-break: break-word;
}
@media screen and (max-width: 767px) {
.oa-title-md {
font-size: 17px;
font-weight: 600;
}
}
.oa-sub-title {
font-size: 14px;
color: #7b7c7a;
overflow: hidden;
text-overflow: ellipsis;
/*margin-top: 5px;*/
}
.oa-sub-more {
float: right;
position: relative;
top: 40px;
padding-right: 5px;
}
.home_legend {
height: 70px;
margin-top: 5px;
border-bottom: 1px solid #e5e5e5;
}
.modal-mask {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: table;
transition: opacity 0.3s ease;
z-index: 9999;
}
.modal-wrapper {
display: table-cell;
vertical-align: middle;
width: 80%;
height: 80%;
}
.modal-container {
width: 80%;
height: 80%;
max-width: 58.75rem;
min-width: 43.75rem;
margin: 0 auto;
border-radius: 0.625rem;
background-color: #f8f8f8;
box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.33);
transition: all 0.3s ease;
/*font-family: Helvetica, Arial, sans-serif;*/
font-family: sans-serif;
position: relative;
overflow: scroll;
}
.modal-header {
display: inline-block;
color: #7a7a7a;
padding-left: 0.9375rem;
margin-top: 2.4375rem;
font-size: 1.0625rem;
}
.modal-header h1 {
font-size: 1.0625rem;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #2a2a2a;
}
.btn-step {
display: inline-block;
margin-right: 1.25rem;
color: #7a7a7a;
}
.btn-step.active {
color: #1082ff;
}
.btn-step:after {
content: "";
display: block;
background: #1082ff;
height: 0.25rem;
transition: 0.25s;
width: 0;
margin-top: 0.6875rem;
}
.btn-step.active:after {
width: 100%;
}
.modal-default-button {
position: absolute;
right: 0.9375rem;
top: 0.9375rem;
color: #4a4a4a;
font-size: 1.25rem;
}
.modal-enter,
.modal-leave-active {
opacity: 0;
}
.modal-enter .modal-container,
.modal-leave-active .modal-container {
transform: scale(1.1);
}
.modal-body {
height: calc(100% - 15.625rem);
}
.modal-footer {
background-color: #f9f9f9;
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding-bottom: env(safe-area-inset-bottom);
}
.c-ticket-modal {
display: flex;
}
.c-ticket-modal .modal-wrapper {
height: 80%;
width: 100%;
}
.c-ticket-modal .modal-container {
height: 100%;
}
.c-ticket-modal .modal-body {
height: calc(100% - 100px);
}
.c-ticket-modal .modal-body.long {
height: calc(100% - 160px);
}
.c-ticket-modal .modal-body .counter__wrapper {
display: flex;
color: #e14e2d;
font-size: 1.375rem;
}
.c-ticket-modal .modal-body .counter__wrapper .counter {
display: inline-block;
}
.c-ticket-modal .modal-body .counter__wrapper .counter__num {
font-size: 1.375rem;
font-weight: 600;
line-height: 1;
letter-spacing: -0.0256rem;
}
.c-ticket-modal .modal-body .counter__wrapper .counter__num input {
width: 5rem;
font-size: 1.75rem;
display: block;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: none;
border-bottom: 0.0625rem solid #cacaca;
background: transparent;
text-align: center;
}
.c-ticket-modal .modal-body .counter__wrapper .enableCheckout {
color: #e14e2d;
}
.c-ticket-modal .modal-body .events__priceplans .radio-card {
display: grid;
grid-template-columns: 1fr 200px;
align-items: center;
overflow: hidden;
}
.c-ticket-modal .modal-body .events__priceplans .radio-card.block_soldOut {
grid-template-columns: 1fr;
}
.c-ticket-modal .modal-body .events__priceplans .counter__wrapper {
align-items: center;
justify-self: flex-end;
}
.c-ticket-modal .modal-body .events__priceplans .verify-wrapper {
grid-column: 1 / span 4;
border-top: 0 solid #cacaca;
background: #f9f9f9;
overflow: hidden;
display: flex;
flex-direction: column;
height: 0;
padding: 0 15px;
transition: all 0.5s ease;
}
.c-ticket-modal .modal-body .events__priceplans .verify-wrapper.active {
border-top: 0.0625rem solid #cacaca;
height: auto;
padding: 15px;
}
.c-ticket-modal .modal-body .events__priceplans .verify-wrapper .btn-verify {
width: 90px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
align-self: center;
opacity: 1;
cursor: pointer;
}
.c-ticket-modal
.modal-body
.events__priceplans
.verify-wrapper
.btn-verify.disabled {
opacity: 0.3;
cursor: not-allowed;
}
.c-ticket-modal .modal-body .events__priceplans .verify-wrapper .notice {
font-size: 13px;
}
.c-ticket-modal .modal-body .events__priceplans .verify-wrapper .description {
display: flex;
justify-content: space-between;
}
.c-ticket-modal
.modal-body
.events__priceplans
.verify-wrapper
.verify-description-wrapper {
display: flex;
align-self: center;
}
.c-ticket-modal
.modal-body
.events__priceplans
.verify-wrapper
.verify-description-wrapper
.inp {
max-width: 22.4375rem !important;
}
.c-ticket-modal
.modal-body
.events__priceplans
.verify-wrapper
.verify-description-wrapper
.verify-errMsg {
color: red;
font-size: 0.6875rem;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.27px;
margin-top: 0.3125rem;
}
.c-ticket-modal
.modal-body
.events__priceplans
.verify-wrapper
.verify-description-wrapper
.icon-error {
height: 0.875rem;
width: 0.875rem;
vertical-align: middle;
}
.c-ticket-modal
.modal-body
.events__priceplans
.verify-wrapper
.verify-description-wrapper
.slash {
color: #cacaca;
margin-top: 1.375rem;
}
@media (min-width: 1024px) {
.c-ticket-modal
.modal-body
.events__priceplans
.verify-wrapper
.verify-description-wrapper
.c-material-input {
min-width: 280px;
}
}
.c-ticket-modal .events__content__list {
padding: 0.9375rem 0.9375rem 0;
height: 100%;
overflow-y: scroll;
}
.c-ticket-modal .events__venues {
margin-top: 0.9375rem;
margin-bottom: 2.5rem;
display: flex;
flex-wrap: wrap;
white-space: nowrap;
overflow: visible;
overflow: initial;
}
.c-ticket-modal .events__venues::-webkit-scrollbar {
display: none;
}
.c-ticket-modal .events__priceplans,
.c-ticket-modal .events__priceplans__block {
display: block;
}
.c-ticket-modal .footer-select {
border-bottom: 0.0625rem solid #f1f1f1;
padding: 1.25rem 0.9375rem 0.625rem;
}
.c-ticket-modal .footer-select__program__title {
font-size: 0.875rem;
line-height: 1.14;
letter-spacing: -0.0163rem;
color: #4a4a4a;
}
.c-ticket-modal .footer-select__plans {
margin-top: 1rem;
display: flex;
flex-wrap: wrap;
}
.c-ticket-modal .footer-select__plans span {
color: #1082ff;
border-radius: 0.1875rem;
background-color: #f3f9ff;
padding: 0.625rem;
margin-right: 0.625rem;
margin-bottom: 0.625rem;
font-size: 1rem;
line-height: 1.25;
word-break: break-all;
max-width: 12.5rem;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.c-ticket-modal .footer-summary {
padding: 1.25rem 0.9375rem;
display: flex;
justify-content: space-between;
}
.c-ticket-modal .footer-summary__wrapper--left {
display: flex;
align-items: center;
}
.c-ticket-modal .footer-summary__wrapper--left .total__num {
margin-left: 0.875rem;
margin-right: 3.875rem;
color: #e14e2d;
}
.c-ticket-modal .footer-summary__wrapper--left .price {
margin-left: 0.625rem;
font-size: 1.375rem;
font-weight: 600;
line-height: 1;
letter-spacing: -0.0256rem;
color: #e14e2d;
}
.c-ticket-modal .footer-summary__wrapper--right .btn {
display: inline-block;
}
.c-ticket-modal .footer-summary__wrapper--right .btn:last-child {
margin-left: 1.25rem;
}
.c-ticket-modal .btn-orange {
padding: 0.5625rem 2.375rem;
font-size: 0.9375rem;
}
.c-ticket-modal .radio-card-wrapper .ticket_sub_title .priceplane-title {
display: inline-block;
padding: 0.0625rem 0.9375rem;
border: 0.0625rem solid #e14e2d;
border-radius: 0.625rem;
}
.c-ticket-modal
.radio-card-wrapper
.ticket_sub_title
.priceplane-title.soldOut {
border-color: #2a2a2a !important;
color: #2a2a2a !important;
}
.c-ticket-modal .radio-card-wrapper .ticket_sub_title .descripton_wrapper {
word-break: break-word;
line-height: normal;
}
.c-ticket-modal
.radio-card-wrapper
.ticket_sub_title
.descripton_wrapper.soldOut {
border-color: #2a2a2a !important;
color: #2a2a2a !important;
}
.c-ticket-modal .icon-add {
width: 2rem;
height: 2rem;
}
.c-ticket-modal .icon-close {
width: 2.5rem;
height: 2.5rem;
}
@media (max-width: 1023px) {
.c-ticket-modal .modal-wrapper {
height: 100%;
padding-top: 3.125rem;
}
.c-ticket-modal .modal-container {
width: 100%;
height: 100%;
border-top-left-radius: 1.25rem;
border-top-right-radius: 1.25rem;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
min-width: 0;
max-width: none;
}
.c-ticket-modal .modal-header {
padding-left: 89px;
}
.c-ticket-modal .modal-body .events__content__list {
padding: 0.9375rem 5.5625rem 0;
}
.c-ticket-modal .modal-body .verify-wrapper.active {
padding: 0.9375rem 0.9375rem 1.8125rem;
}
.c-ticket-modal .modal-body .verify-wrapper .verify-description-wrapper {
flex-direction: column;
width: 22.4375rem !important;
margin-right: 6.5625rem;
}
.c-ticket-modal .modal-body .verify-wrapper .verify-description-wrapper .slash {
display: none;
}
.c-ticket-modal .modal-body .verify-wrapper .verify-description-wrapper .inp {
max-width: 22.4375rem !important;
}
.c-ticket-modal .modal-body .verify-wrapper .btn-verify {
align-self: flex-end !important;
}
.c-ticket-modal .modal-footer {
padding-bottom: env(safe-area-inset-bottom);
}
.c-ticket-modal .modal-footer .footer-summary {
padding-left: 89px;
padding-right: 89px;
}
}
@media (max-width: 767px) {
@supports (padding-bottom: env(safe-area-inset-bottom)) {
.c-ticket-modal {
padding-bottom: calc(env(safe-area-inset-bottom) + 2.1875rem);
}
}
.c-ticket-modal .modal-body {
padding-bottom: env(safe-area-inset-bottom);
}
.c-ticket-modal .modal-wrapper {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
}
.c-ticket-modal .modal-container {
min-width: 20rem;
}
.c-ticket-modal .modal-header {
padding-left: 20px;
}
.c-ticket-modal .modal-body .events__content__list {
padding: 0.9375rem 1.25rem 0;
}
.c-ticket-modal .modal-body .events__priceplans {
display: block;
white-space: normal;
}
.c-ticket-modal .modal-body .events__priceplans .radio-card {
margin-right: 0;
position: relative;
grid-template-columns: 4fr 1fr;
}
.c-ticket-modal .modal-body .events__priceplans .radio-card-wrapper {
align-self: flex-start;
}
.c-ticket-modal
.modal-body
.events__priceplans
.radio-card-wrapper
.description {
display: block;
margin-left: 0;
margin-top: 10px;
}
.c-ticket-modal .modal-body .events__priceplans .radio-card-wrapper.active {
margin-bottom: 50px;
}
.c-ticket-modal .modal-body .events__priceplans .radio-card.showVerify {
position: static;
}
.c-ticket-modal .modal-body .events__priceplans .radio-card .counter__wrapper {
padding-top: 20px;
padding-bottom: 19px;
display: flex;
flex-direction: column-reverse;
}
.c-ticket-modal
.modal-body
.events__priceplans
.radio-card
.counter__wrapper
.counter:last-child {
margin-bottom: 2.375rem;
display: block;
}
.c-ticket-modal
.modal-body
.events__priceplans
.radio-card
.counter__wrapper
.counter__num {
position: absolute;
left: 0;
bottom: 0;
}
.c-ticket-modal .modal-body .events__priceplans .verify-wrapper {
flex-direction: column;
}
.c-ticket-modal
.modal-body
.events__priceplans
.verify-wrapper
.verify-description-wrapper {
width: 100% !important;
margin-right: 0;
}
.c-ticket-modal .modal-body .events__priceplans .verify-wrapper .description {
flex-direction: column;
}
.c-ticket-modal .modal-body .events__priceplans .verify-wrapper .btn-verify {
width: 100%;
margin-top: 2.0625rem;
}
.c-ticket-modal .modal-footer {
padding-bottom: env(safe-area-inset-bottom);
}
.c-ticket-modal .modal-footer .footer-summary {
flex-direction: column;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.c-ticket-modal .modal-footer .btn-addCart {
width: 100%;
margin-left: 0 !important;
margin-top: 0.8125rem;
}
}
.oa-modal-mask {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: table;
transition: opacity 0.3s ease;
z-index: 9999;
}
.oa-modal-wrapper {
display: table-cell;
vertical-align: middle;
width: 80%;
height: 80%;
}
.oa-modal-container {
width: 80%;
height: 90vh;
max-width: 58.75rem;
max-height: 58.75rem;
min-width: 58.75rem;
margin: 0 auto;
border-radius: 20px;
overflow: hidden;
background-color: #fff;
box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.33);
transition: all 0.3s ease;
/*font-family: Helvetica, Arial, sans-serif;*/
font-family: sans-serif;
position: relative;
}
.oa-modal-body,
.oa-modal-footer,
.oa-modal-header {
padding-left: 40px;
padding-right: 40px;
}
.oa-modal-header {
z-index: 1;
display: inline-block;
padding-top: 40px;
padding-bottom: 15px;
width: 100%;
background: #fff;
box-shadow: 0 -10px 20px 0 rgba(0, 0, 0, 0.5);
}
.oa-modal-header,
.oa-modal-header h1 {
position: relative;
font-size: 1.0625rem;
}
.oa-modal-header h1 {
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #2a2a2a;
}
.oa-modal-header > button {
position: absolute;
top: 15px;
right: 15px;
}
.oa-modal-body {
padding: 18px 40px;
height: calc(100% - 150px);
font-size: 16px;
line-height: 1.63;
color: #4a4a4a;
background: #fff;
overflow: scroll;
}
.oa-modal-footer {
position: absolute;
background-color: #fff;
bottom: 0;
left: 0;
right: 0;
height: 70px;
text-align: right;
box-shadow: 0 -10px 20px 0 rgba(0, 0, 0, 0.1);
padding-top: 15px;
}
.oa-modal-footer button {
width: 90px;
padding-top: 9px;
}
.oa-modal-enter,
.oa-modal-leave-active {
opacity: 0;
}
.oa-modal-enter .oa-modal-container,
.oa-modal-leave-active .oa-modal-container {
transform: scale(1.1);
}
@media (min-width: 1024px) {
.oa-modal-container.sm {
max-width: 590px;
min-width: 590px;
max-height: 590px;
}
.oa-modal-container.sm.md {
min-height: 650px;
max-height: 650px;
}
.oa-modal-container.sm .oa-modal-body,
.oa-modal-container.sm .oa-modal-footer,
.oa-modal-container.sm .oa-modal-header {
padding-left: 90px;
padding-right: 90px;
}
.oa-modal-container.sm .oa-modal-header {
padding-top: 50px;
box-shadow: none;
}
.oa-modal-container.sm .oa-modal-header h1 {
text-align: center;
}
.oa-modal-container.sm .oa-modal-footer {
height: 150px;
box-shadow: none;
}
.oa-modal-container.sm .oa-modal-footer button {
width: 100%;
}
}
@media (max-width: 1023px) {
.oa-modal-wrapper {
display: block;
height: 100%;
margin-top: 50px;
margin-bottom: 0;
background: #fff;
}
.oa-modal-container,
.oa-modal-wrapper {
width: 100%;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.oa-modal-container {
max-width: 100%;
min-width: 100%;
height: auto;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
overflow: hidden;
}
.oa-modal-body,
.oa-modal-footer,
.oa-modal-header {
position: fixed;
}
.oa-modal-body > div,
.oa-modal-body > ul,
.oa-modal-footer > div,
.oa-modal-footer > ul,
.oa-modal-header > div,
.oa-modal-header > ul {
width: 590px;
margin: auto;
}
.oa-modal-header {
top: 50px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.oa-modal-body {
top: 130px;
bottom: 70px;
height: auto;
width: 100%;
padding: 18px 40px;
}
}
@media (max-width: 767px) {
.oa-modal-body,
.oa-modal-footer,
.oa-modal-header {
padding-left: 20px;
padding-right: 20px;
}
.oa-modal-body > div,
.oa-modal-body > ul,
.oa-modal-footer > div,
.oa-modal-footer > ul,
.oa-modal-footer button,
.oa-modal-header > div,
.oa-modal-header > ul {
width: 100%;
}
}
.dropdown-mask {
position: absolute;
top: 68px;
left: 0;
width: 100%;
height: calc(100vh - 10rem);
display: table;
transition: opacity 0.3s ease;
z-index: 9998;
text-align: left;
}
.dropdown-wrapper {
position: relative;
margin: 0 auto;
height: 100%;
width: 620px;
}
.dropdown-container {
position: relative;
top: 0.125rem;
height: calc(100vh - 14.375rem);
min-height: 350px;
border-radius: 20px;
background-color: #fff;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
/*font-family: Helvetica, Arial, sans-serif;*/
font-family: sans-serif;
}
.dropdown-container:before {
z-index: 9999;
content: "";
display: block;
position: absolute;
top: -0.625rem;
left: 93px;
width: 0;
height: 0;
border-color: transparent transparent #fff;
border-style: solid;
border-width: 0 0.625rem 0.625rem;
filter: drop-shadow(0 -1rem 0.75rem rgba(0, 0, 0, 0.33));
}
.dropdown-header .dropdown-block {
border-top-left-radius: 20px;
border-top-right-radius: 20px;
z-index: 1;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
.dropdown-body {
height: calc(100% - 150px);
overflow: scroll;
}
.dropdown-block {
position: relative;
padding: 15px 20px;
}
.dropdown-block button {
font-size: 1rem;
color: #4a4a4a;
display: inline-block;
}
.dropdown-block .dropdown-block-head {
position: relative;
display: block;
padding: 10px 5px 5px;
line-height: 20px;
font-size: 15px;
}
.dropdown-block .dropdown-block-head .right {
cursor: pointer;
position: absolute;
right: 0.3125rem;
}
.dropdown-block .dropdown-block-head .right:active,
.dropdown-block .dropdown-block-head .right:hover {
color: #e14e2d;
}
.dropdown-footer {
display: flex;
height: 70px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: #fff;
box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
justify-content: flex-end;
align-items: center;
padding: 0.9375rem;
}
.dropdown-footer button {
width: 90px;
height: 40px;
padding: 9px 29px;
}
.dropdown-enter-active,
.dropdown-leave-active {
transition: all 0.1s ease-in-out;
}
.dropdown-enter,
.dropdown-leave-to {
opacity: 0;
}
@media (max-width: 640px) {
.dropdown-mask {
top: auto;
background: #fff;
}
.dropdown-wrapper {
height: calc(100vh - 94px);
overflow-y: scroll;
width: 100vw;
}
.dropdown-container {
top: 0;
box-shadow: none;
position: relative;
margin: 0 auto;
height: auto;
min-height: 100%;
width: 100%;
border-radius: 0;
}
.dropdown-container:before {
display: none;
}
.dropdown-header {
position: relative;
}
.dropdown-header .dropdown-block {
box-shadow: none;
padding: 15px 20px 0;
}
.dropdown-body {
padding-bottom: 140px;
position: relative;
height: auto;
}
.dropdown-body .dropdown-block {
padding: 5px 20px 0;
}
.dropdown-body .dropdown-block .dropdown-block-head,
.dropdown-body .dropdown-block .dropdown-block-head button {
font-size: 13px;
}
.dropdown-body .dropdown-block .oa-btn-border {
margin-right: 8px;
}
.dropdown-body .dropdown-block:last-child {
margin-bottom: 10px;
}
.dropdown-footer {
border: 0;
padding: 10px;
height: 60px;
position: fixed;
bottom: 0;
}
.dropdown-footer button {
width: 100%;
}
}
.form-group {
margin: 2.625rem auto 0;
width: 21.5rem;
}
.form-group + .form-group {
margin-top: 1.5625rem;
}
.form-group label {
display: block;
text-align: left;
text-align: initial;
font-size: 0.75rem;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: -0.0181rem;
color: #9b9b9b;
margin-bottom: 0.3125rem;
}
.form-group .form-hint {
text-align: right;
margin-top: 0.3125rem;
}
.form-group .form-hint.forget-password {
font-size: 0.75rem;
letter-spacing: -0.0181rem;
color: #007aff;
}
.form-group .form-hint-normal {
text-align: right;
margin-top: 5px;
height: 17px;
font-size: 12px;
letter-spacing: -0.29px;
color: #9b9b9b;
}
.form-group .form-hint-left {
text-align: left;
margin-top: 0.3125rem;
}
.form-group .form-hint-left.forget-password {
font-size: 0.75rem;
letter-spacing: -0.0181rem;
color: #007aff;
}
.form-group input[type="longtext"],
.form-group input[type="password"],
.form-group input[type="text"],
.form-group select {
outline: none;
display: block;
background: #fff;
width: 100%;
border-radius: 0.1875rem;
border: 1px solid #9b9b9b;
box-sizing: border-box;
padding: 0.75rem 1.25rem;
color: rgba(0, 0, 0, 0.6);
/*font-family: inherit;*/
font-family: sans-serif;
font-size: inherit;
font-weight: 500;
line-height: inherit;
transition: 0.3s ease;
}
.form-group .input-password {
padding: 0.75rem 2.25rem 0.75rem 1.25rem !important;
}
.form-group .show-pwd {
float: right;
margin-right: 10px;
margin-top: -35px;
}
.form-group input[type="longtext"] {
font-size: 16px;
font-weight: 400;
letter-spacing: -0.39px;
color: #4a4a4a;
}
.form-group select {
height: 50px;
text-indent: 12px;
text-color: #4a4a4a;
}
.form-group select.placeholder {
color: #9b9b9b;
}
.form-group.error .form-hint-normal {
color: #d0021b;
}
.form-group.error input[type="longtext"],
.form-group.error select {
border: 1px solid #d0021b;
}
.textarea-wrapper {
margin-top: 20px;
}
.textarea-wrapper textarea {
padding: 15px;
height: 98px;
width: 100%;
border-radius: 10px;
border: 1px solid #cacaca;
background-color: #f9f9f9;
resize: none;
}
.textarea-wrapper textarea:active,
.textarea-wrapper textarea:focus {
border: 1px solid #e17d2d;
outline: none;
}
.select {
position: relative;
padding: 0 !important;
overflow: hidden;
}
.select select {
display: inline-block;
font-size: 16px;
width: 100%;
cursor: pointer;
outline: 0;
border: 0;
border-radius: 0;
background: #fff;
padding: 1rem 1.25rem;
color: #9b9b9b;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.select select::-ms-expand {
display: none;
}
.select select:disabled {
opacity: 0.5;
pointer-events: none;
}
.select__arrow {
position: absolute;
top: 24px;
right: 15px;
width: 0;
height: 0;
pointer-events: none;
border-color: #7b7b7b transparent transparent;
border-style: solid;
border-width: 8px 5px 0;
}
.country-selector__input {
padding-top: 0 !important;
}
.country-selector__label {
display: none !important;
}
.country-selector__toggle {
top: calc(50% - 0.5rem) !important;
}
.g-recaptcha div:first-child {
margin: 0 auto;
}
.separate {
border-bottom: 1px solid #e9e9e9;
}
.radio-card {
display: inline-block;
margin-right: 0.625rem;
margin-bottom: 0.625rem;
border-radius: 0.625rem;
background-color: #fff;
border: 1px solid #cacaca;
vertical-align: middle;
word-break: break-all;
}
.radio-card.active {
border: 0.0625rem solid #e14e2d;
background-color: #fef5ef;
}
.radio-card.block_soldOut {
border-color: #e9e9e9;
background: #e9e9e9;
}
.radio-card .radio-card-wrapper {
padding: 0.9375rem;
}
.radio-card .radio-card-wrapper.soldOut {
cursor: not-allowed;
}
.radio-card .radio-card-wrapper .main_title {
font-size: 0.9375rem;
line-height: 1.25;
color: #2a2a2a;
white-space: normal;
}
.radio-card .radio-card-wrapper .main_title.soldOut {
color: #7a7a7a !important;
}
.radio-card .radio-card-wrapper .main_title .description {
margin-left: 0.625rem;
}
.radio-card .radio-card-wrapper .sub_title {
margin-top: 0.625rem;
font-size: 0.8125rem;
line-height: 1.17;
color: #e17d2d;
}
.radio-card .radio-card-wrapper .sub_title.soldOut,
.radio-card .radio-card-wrapper .sub_title .soldOut {
color: #7a7a7a !important;
}
.inp {
display: block;
position: relative;
width: 100%;
max-width: 280px;
overflow: hidden;
}
.inp .label {
position: absolute;
bottom: 15px;
left: 0;
font-size: 15px;
color: #7a7a7a;
transform-origin: 0 0;
transform: translateZ(0);
transition: all 0.2s ease;
pointer-events: none;
}
.inp .focus-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
transform: scaleX(0);
transform-origin: left;
}
.inp input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
border: 0;
/*font-family: inherit;*/
font-family: sans-serif;
padding: 16px 12px 0 0;
height: 56px;
font-size: 16px;
font-weight: 400;
background: transparent;
box-shadow: inset 0 -1px 0 hsla(0, 0%, 47.8%, 0.3);
color: #2a2a2a;
transition: all 0.15s ease;
top: 15px;
}
.inp input.error {
box-shadow: inset 0 -1px 0 red;
}
.inp input:not(:-ms-input-placeholder) + .label {
color: hsla(0, 0%, 47.8%, 0.5) !important;
transform: translate3d(0, -12px, 0) scale(0.75) !important;
}
.inp input:not(:-moz-placeholder-shown) + .label {
color: hsla(0, 0%, 47.8%, 0.5);
transform: translate3d(0, -12px, 0) scale(0.75);
}
.inp input:not(:placeholder-shown) + .label {
color: hsla(0, 0%, 47.8%, 0.5);
transform: translate3d(0, -12px, 0) scale(0.75);
}
.inp input:focus {
background: transparent;
outline: none;
box-shadow: inset 0 -2px 0 #e17d2d;
}
.inp input:focus + .label {
color: #7a7a7a;
transform: translate3d(0, -12px, 0) scale(0.75);
}
.inp input:focus + .label + .focus-bg {
transform: scaleX(1);
transition: all 0.1s ease;
}
.c-shopping-ecoupon-modal .modal-container {
background: #fff;
}
.c-shopping-ecoupon-modal .modal-body {
height: calc(100% - 9.375rem);
}
.c-shopping-ecoupon-modal .modal-body .tab-container {
height: 100%;
}
.c-shopping-ecoupon-modal .modal-body .tab-container .menus-wrapper {
height: 3.75rem;
border-bottom: 0.0625rem solid #e9e9e9;
}
.c-shopping-ecoupon-modal .modal-body .tab-container .menus-wrapper ul li {
position: relative;
display: inline-block;
padding: 1.3125rem 0.9375rem 0;
}
.c-shopping-ecoupon-modal .modal-body .tab-container .menus-wrapper ul a {
font-size: 0.9375rem;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #2a2a2a;
}
.c-shopping-ecoupon-modal
.modal-body
.tab-container
.menus-wrapper
ul
a.active {
color: #e14e2d;
}
.c-shopping-ecoupon-modal .modal-body .tab-container .menus-wrapper ul a:after {
content: "";
display: block;
background: #e14e2d;
height: 0.25rem;
transition: 0.25s;
width: 0;
margin-top: 0.6875rem;
border-radius: 100px 100px 0 0;
}
.c-shopping-ecoupon-modal
.modal-body
.tab-container
.menus-wrapper
ul
a.active:after,
.c-shopping-ecoupon-modal
.modal-body
.tab-container
.menus-wrapper
ul
a:hover:after {
width: 100%;
}
.c-shopping-ecoupon-modal .modal-body .tab-container .radio-card-wrapper {
grid-template-columns: 1fr;
}
.c-shopping-ecoupon-modal .modal-body .tab-container .coupons-wrapper {
padding: 0.9375rem;
overflow: scroll;
height: calc(100% - 2.5rem);
}
.c-shopping-ecoupon-modal
.modal-body
.tab-container
.coupons-wrapper::-webkit-scrollbar {
display: none;
}
.c-shopping-ecoupon-modal .modal-body .tab-container .coupons-wrapper {
-ms-overflow-style: none;
scrollbar-width: none;
}
.c-shopping-ecoupon-modal .modal-body .tab-container .coupons-wrapper .notice {
display: block;
font-size: 0.8125rem;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #2a2a2a;
padding: 0.9375rem;
border: 1px solid #fef5ef;
border-radius: 0.625rem;
background: #fefaef;
margin-bottom: 1.25rem;
}
.c-shopping-ecoupon-modal .modal-footer .footer-summary {
padding: 1.25rem 0.9375rem;
display: flex;
justify-content: flex-end;
}
.c-shopping-ecoupon-modal .modal-footer .footer-summary .btn-addToCart {
display: block;
font-size: 0.9375rem;
height: 40px;
width: 150px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: justify;
}
.c-shopping-ecoupon-modal .icon-add {
width: 2rem;
height: 2rem;
}
.c-shopping-ecoupon-modal .icon-close {
width: 2.5rem;
height: 2.5rem;
}
@media (max-width: 1023px) {
.c-shopping-ecoupon-modal .modal-container {
padding-left: 5.5625rem;
padding-right: 5.5625rem;
}
.c-shopping-ecoupon-modal .modal-wrapper {
padding-top: 3.125rem;
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
}
.c-shopping-ecoupon-modal .modal-container {
width: 100%;
height: 100%;
border-top-left-radius: 1.25rem;
border-top-right-radius: 1.25rem;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
min-width: 0;
max-width: none;
}
.c-shopping-ecoupon-modal .modal-body .verify-wrapper {
height: auto !important;
padding: 0.9375rem 0.9375rem 1.8125rem;
}
.c-shopping-ecoupon-modal
.modal-body
.verify-wrapper
.verify-description-wrapper {
flex-direction: column;
width: 22.4375rem !important;
margin-right: 6.5625rem;
}
.c-shopping-ecoupon-modal
.modal-body
.verify-wrapper
.verify-description-wrapper
.slash {
display: none;
}
.c-shopping-ecoupon-modal
.modal-body
.verify-wrapper
.verify-description-wrapper
.inp {
max-width: 22.4375rem !important;
}
.c-shopping-ecoupon-modal .modal-body .verify-wrapper .btn-verify {
align-self: flex-end !important;
}
.c-shopping-ecoupon-modal .modal-footer {
padding-left: 5.5625rem;
padding-right: 5.5625rem;
}
}
@media (max-width: 767px) {
@supports (padding-bottom: env(safe-area-inset-bottom)) {
.c-shopping-ecoupon-modal {
padding-bottom: calc(env(safe-area-inset-bottom) + 2.1875rem);
}
}
.c-shopping-ecoupon-modal .modal-container {
padding: 0;
}
.c-shopping-ecoupon-modal .modal-wrapper {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
}
.c-shopping-ecoupon-modal .modal-container {
min-width: 20rem;
}
.c-shopping-ecoupon-modal .modal-body {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.c-shopping-ecoupon-modal .modal-body .tab-container .coupons-wrapper {
padding: 0.9375rem 0 0;
}
.c-shopping-ecoupon-modal .modal-footer {
padding-left: 10px;
padding-right: 10px;
padding-bottom: env(safe-area-inset-bottom);
}
.c-shopping-ecoupon-modal .modal-footer .footer-summary {
padding: 1.25rem 0;
width: 100%;
}
.c-shopping-ecoupon-modal .modal-footer .footer-summary .btn-addToCart {
width: 100%;
}
}
.oa-modal-mask-agreement ul {
margin-top: 40px;
font-size: 15px;
color: #2a2a2a;
}
.oa-modal-mask-agreement ul li {
display: flex;
line-height: 20px;
}
.oa-modal-mask-agreement p {
white-space: inherit !important;
margin-bottom: 20px;
}
.oa-modal-mask-agreement ol,
.oa-modal-mask-agreement ul {
list-style: decimal;
margin-left: 20px;
}
.c-popUp-dialog {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: table;
transition: opacity 0.3s ease;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
}
.c-popUp-content {
width: 590px;
height: 462px;
margin: 0 auto;
border-radius: 0.625rem;
background-color: #f8f8f8;
box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.33);
transition: all 0.3s ease;
/*font-family: Helvetica, Arial, sans-serif;*/
font-family: sans-serif;
position: relative;
overflow: scroll;
padding: 40px 89px;
}
.c-popUp-header {
margin-bottom: 40px;
display: flex;
justify-content: center;
}
.c-popUp-title {
font-weight: 600;
font-size: 17px;
}
.c-popUp-body {
margin-bottom: 45px;
height: 233px;
overflow-y: scroll;
}
.c-popUp-footer button {
width: 100%;
display: flex;
align-items: center;
height: center;
justify-content: center;
padding: 0;
}
@media (max-width: 767px) {
.c-popUp-dialog {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: table;
transition: opacity 0.3s ease;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
}
.c-popUp-content {
width: 280px;
height: 280px;
padding: 20px;
}
.c-popUp-header {
margin-bottom: 20px;
display: flex;
justify-content: center;
}
.c-popUp-title {
font-weight: 600;
font-size: 17px;
}
.c-popUp-body {
height: 122px;
margin-bottom: 15px;
}
}
.ot-popup-content {
text-align: center;
height: auto;
width: 500px;
padding: 40px 30px;
border-radius: 20px;
}
.ot-popup-content .ot-popUp-message {
margin: 40px auto;
font-size: 15px;
}
.ot-popup-content button {
width: 100%;
}
.ot-popup-content.dual button {
width: 204px;
margin-right: 5px;
}
.ot-popup-content.dual button:last-child {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.ot-popup-content,
.ot-popup-content.dual {
width: 280px;
padding: 20px;
}
.ot-popup-content.dual button,
.ot-popup-content button {
width: 100%;
margin-right: 0;
margin-top: 10px;
}
}
.card {
border-radius: 1.25rem;
box-shadow: 0 0.625rem 1.25rem 0 rgba(0, 0, 0, 0.1);
background-color: #fff;
}
.card_1 {
padding: 2.5rem 0.9375rem;
}
.card_2 {
padding: 2.5rem 0.9375rem 1.25rem;
}
.card__title {
display: block;
font-size: 1.0625rem;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
margin-bottom: 1rem;
font-weight: 600;
color: #2a2a2a;
}
.l-program__sticky-header {
z-index: 1;
position: sticky !important;
top: 90px;
flex-direction: row;
justify-content: flex-end;
margin-top: 0;
padding: 0;
justify-content: right;
text-align: right;
background: transparent;
}
.l-program__sticky-header > div {
display: flex;
}
.l-program__sticky-header .title {
padding: 16px 0;
color: #2a2a2a;
font-size: 1.25rem;
font-weight: 600;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.l-program__sticky-header a {
margin: 0 0.3125rem 0 auto;
padding: 0.4375rem 1.9375rem;
height: 2.25rem;
text-align: justify;
font-size: 1rem;
color: #fff;
border-radius: 0.1875rem;
background-color: #1082ff;
}
.l-program__sticky-header .icon__social {
margin: 0 0.3125rem;
width: 2.25rem;
height: 2.25rem;
font-size: 1.25rem;
text-align: center;
border-radius: 3px;
background-color: #f8f8f8;
}
.l-program__sticky-header .icon__social svg {
color: #1082ff;
vertical-align: middle;
}
.l-program__sticky-header.sticky {
background: #fef5ef;
}
.l-program__sticky-header.sticky .icon__social,
.l-program__sticky-header.sticky a {
background-color: hsla(0, 0%, 97.3%, 0.3);
}
.l-program__sticky-header.sticky .icon__social svg {
color: #fff;
}
.l-program__introduce {
justify-content: space-between;
margin-top: 1.25rem;
}
.l-program__introduce--left {
display: grid;
grid-template-columns: 13.5625rem 1fr;
grid-template-areas: " logo brief" "   logo   collection " "   logo   tags " "   .   tags ";
grid-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
color: #2a2a2a;
z-index: -1;
}
.l-program__introduce--left .introduce__container {
display: none;
}
.l-program__introduce--left .program-logo {
width: 13.5625rem;
max-width: 13.5625rem;
margin-top: 0.5625rem;
border-radius: 0.9375rem;
box-shadow: 0 0.625rem 1.25rem 0 rgba(0, 0, 0, 0.1);
background-color: #d8d8d8;
grid-area: logo;
}
.l-program__introduce--left .program__brief {
font-size: 0.9375rem;
line-height: 1.25;
letter-spacing: normal;
grid-area: brief;
}
.l-program__introduce--left .program__brief span {
display: block;
margin-bottom: 10px;
word-break: break-all;
}
.l-program__introduce--left .program__brief span .text-organizer {
display: inline;
}
.l-program__introduce--left .program__brief a {
text-decoration: underline;
color: #e17d2d;
}
.l-program__introduce--left .program__brief a:visited {
color: #bb4126;
}
.l-program__introduce--left .program__brief--title {
font-size: 1.75rem;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.5;
letter-spacing: normal;
word-break: break-word;
margin-bottom: 10px;
}
.l-program__introduce--left .program__brief--collection {
display: inline-flex;
grid-area: collection;
}
.l-program__introduce--left .program__brief--collection .btn-collection,
.l-program__introduce--left .program__brief--collection .btn-websiteUrl {
width: 90px;
display: flex;
align-items: center;
justify-content: center;
}
.l-program__introduce--left .program__brief--collection .btn-collection svg,
.l-program__introduce--left .program__brief--collection .btn-websiteUrl svg {
margin-right: 0;
margin-left: -5px;
}
.l-program__introduce--left .program__brief--collection .btn-collection span,
.l-program__introduce--left .program__brief--collection .btn-websiteUrl span {
margin: 0;
}
.l-program__introduce--left .program__brief--collection .btn-websiteUrl {
margin-left: 10px;
}
.l-program__introduce--left .program__brief--collection .separate {
margin-top: 1.25rem;
}
.l-program__introduce--left .program__brief--tags {
grid-area: tags;
margin-top: 0.9375rem;
}
.l-program__introduce--left .program__brief--tags li {
color: #2a2a2a;
margin-bottom: 0.625rem;
margin-right: 0.625rem;
display: inline-block;
border: 1px solid #e9e9e9;
border-radius: 1.25rem;
padding: 9px 16px;
font-size: 0.9375rem;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
transition: all 0.2s ease-in-out;
}
.l-program__introduce--left .program__brief--tags li a {
color: #2a2a2a;
}
.l-program__introduce--left .program__brief--tags li:hover {
background: #fef5ef;
border-color: #e14e2d;
}
.l-program__introduce--left .program__brief__category {
display: inline-block !important;
}
.l-program__introduce--left .program__brief__category__organizer {
display: grid;
grid-template-columns: 45px 1fr;
}
.l-program__introduce--left .program__brief__category__organizer,
.l-program__introduce--left .program__brief__category__websiteUrl {
margin-bottom: 10px;
}
.l-program__introduce--left .program__brief__category__organizer a,
.l-program__introduce--left .program__brief__category__organizer div,
.l-program__introduce--left .program__brief__category__websiteUrl a,
.l-program__introduce--left .program__brief__category__websiteUrl div {
display: block;
word-break: break-all;
margin-bottom: 5px;
}
.l-program__introduce--left .program__brief__category__organizer .link-url,
.l-program__introduce--left .program__brief__category__websiteUrl .link-url {
display: inline;
margin-right: 5px;
}
.l-program__introduce--left
.program__brief__category__organizer.organizer_title,
.l-program__introduce--left .program__brief__category__organizer.time,
.l-program__introduce--left
.program__brief__category__websiteUrl.organizer_title,
.l-program__introduce--left .program__brief__category__websiteUrl.time {
margin-bottom: 0;
}
.l-program__introduce--left .program__brief__scores {
display: contents !important;
color: #f5a623;
}
.l-program__events {
margin-top: 30px;
}
.l-program__events .events__wrapper {
background: #f9f9f9;
}
.l-program__events .events__wrapper.isOffTheSelves {
padding: 25px;
font-size: 15px;
}
.l-program__events .events__content__list {
background-color: #f8f8f8;
border-radius: 0.3125rem;
}
.l-program__events .events__content__list .title {
font-size: 0.9375rem;
color: #2a2a2a;
}
.l-program__events .events__venues {
margin-top: 0.9375rem;
margin-bottom: 1.875rem;
overflow: auto;
overflow-y: hidden;
}
.l-program__events .events__venues::-webkit-scrollbar {
display: none;
}
.l-program__events .events__venues__block {
display: inline-block;
margin-right: 0.625rem;
margin-bottom: 0.9375rem;
border-radius: 0.625rem;
background-color: #fff;
border: 1px solid #cacaca;
vertical-align: middle;
}
.l-program__events .events__venues__block__wrapper {
padding: 0.625rem 0.9375rem;
}
.l-program__events .events__venues__block__wrapper .location {
font-size: 0.75rem;
line-height: 1.17;
color: #9b9b9b;
}
.l-program__events .events__venues__block__wrapper .venue {
font-size: 1rem;
line-height: 1.25;
color: #4a4a4a;
overflow: hidden;
word-break: break-word;
}
.l-program__events .events__venues__block.active {
border: 0.0625rem solid #e14e2d;
background-color: #fef5ef;
}
.l-program__events .events__venues__block.active .location,
.l-program__events .events__venues__block.active .venue {
color: #e14e2d;
}
.l-program__events .events__address-wrapper {
display: flex;
justify-content: space-between;
border-top: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
padding: 0.625rem 0;
font-size: 0.8125rem;
}
.l-program__events .events__address-wrapper .event-address {
align-self: center;
}
.l-program__events .events__address-wrapper .map a {
color: #2a2a2a;
display: flex;
align-items: center;
}
.l-program__events .events__list {
margin-top: 0.9375rem;
overflow: auto;
overflow-y: hidden;
white-space: nowrap;
}
.l-program__events .events__list::-webkit-scrollbar {
display: none;
}
.l-program__events .events__list__table .column__body {
background-color: #fff;
padding: 0.9375rem;
border-radius: 0.625rem;
border: 1px solid #cacaca;
display: flex;
justify-content: space-between;
margin-bottom: 1.25rem;
}
.l-program__events .events__list__table .column__body:last-child {
margin-bottom: 0;
}
.l-program__events .events__list__table .column__body .left {
margin-right: 0.9375rem;
white-space: normal;
}
.l-program__events .events__list__table .column__body .left .date {
margin-bottom: 0.625rem;
}
.l-program__events
.events__list__table
.column__body
.left
.priceplans_wrapper {
color: #e17d2d;
font-size: 0.8125rem;
display: grid;
grid-template-columns: auto auto 1fr;
margin-right: 1.25rem;
}
.l-program__events
.events__list__table
.column__body
.left
.priceplans_wrapper
.separate {
display: none;
}
.l-program__events
.events__list__table
.column__body
.left
.priceplans_wrapper
.priceplans {
display: inline-flex;
flex-wrap: wrap;
}
.l-program__events
.events__list__table
.column__body
.left
.priceplans_wrapper
.priceplans
.priceplan.soldOut {
text-decoration: line-through;
}
.l-program__events
.events__list__table
.column__body
.left
.priceplans_wrapper
.priceplans
.priceplan:last-child {
margin-right: 10px;
}
.l-program__events
.events__list__table
.column__body
.left
.priceplans_wrapper
.priceplans_title {
word-break: keep-all;
}
.l-program__events
.events__list__table
.column__body
.left
.priceplans_wrapper
.priceplans_infos {
display: inline-flex;
}
.l-program__events .events__list__table .column__body .right {
align-self: center;
}
.l-program__events .events__list__table .column__body .right .oa-btn-solid {
display: block;
padding: 9px 29px;
}
.l-program__events .events__list__table .column__body .right .soldOut {
margin-right: 2.125rem;
}
.l-program__events .events__list__table .column__body.body_soldOut {
color: #cacaca !important;
background: #e9e9e9;
border: 0;
}
.l-program__events .events__list__table .column__body.body_soldOut .left {
color: #cacaca !important;
}
.l-program__events
.events__list__table
.column__body.body_soldOut
.left
.priceplans_wrapper,
.l-program__events
.events__list__table
.column__body.body_soldOut
.left
.soldOut {
color: #2a2a2a !important;
}
.l-program__events .events__list__table .column__body.body_soldOut .left .date {
color: #7a7a7a;
}
.l-program__events
.events__list__table
.column__body.body_soldOut
.left
.onSaleDate {
display: inline-block;
color: #e17d2d;
}
.l-program__events .events__mobile__detail {
display: none;
}
.l-program__events .icon-map {
width: 40px;
height: 40px;
vertical-align: middle;
}
.l-program__events.noevent {
padding: initial;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
}
.l-program__events .ticket-package__program {
display: grid;
grid-template-columns: 3.125rem 1fr;
grid-column-gap: 0.625rem;
-moz-column-gap: 0.625rem;
column-gap: 0.625rem;
padding: 0.9375rem 0;
border-top: 0.0625rem solid #e9e9e9;
cursor: pointer;
}
.l-program__events
.ticket-package__program
+ .ticket-package__program:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.l-program__events .ticket-package__program__logo {
width: 3.125rem;
height: 4.375rem;
background-size: cover;
border-radius: 0.625rem;
box-shadow: 0 0.625rem 1.25rem 0 rgba(0, 0, 0, 0.1);
background-color: #d8d8d8;
}
.l-program__events .ticket-package__program__title {
display: block;
font-size: 0.875rem;
font-weight: 600;
line-height: 1.71;
color: #4a4a4a;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: pre-wrap;
white-space: break-spaces;
word-break: break-all;
}
.l-program__events .ticket-package__program__date {
display: block;
font-size: 0.75rem;
line-height: 1.83;
color: #7a7a7a;
}
.l-program__contents {
margin-top: 2.5rem !important;
display: grid;
grid-template-columns: 1fr 18.625rem;
grid-column-gap: 1.3125rem;
-moz-column-gap: 1.3125rem;
column-gap: 1.3125rem;
}
.l-program__contents .content {
margin-bottom: 1.25rem;
font-size: 0.9375rem;
}
.l-program__contents .content:last-child {
margin-bottom: 2.5rem;
}
.l-program__contents .content .separate {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.l-program__contents .content__introduce__header {
position: relative;
}
.l-program__contents .content__video {
height: 331px;
}
.l-program__contents .content__title {
display: block;
font-size: 1.0625rem;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
margin-bottom: 1rem;
font-weight: 600;
color: #2a2a2a;
display: inline-block;
padding-left: 0.9375rem;
}
.l-program__contents .content__more {
display: none;
padding: 0 1rem;
color: #e14e2d;
top: 0;
position: absolute;
right: 0;
}
.l-program__contents .content__content {
padding: 0 1rem;
word-break: break-all;
}
.l-program__contents .content__content__notice {
margin-top: 0.9375rem;
border: 1px solid #ffece8;
background-color: #fefaef;
padding: 2.5rem 0.9375rem;
font-size: 0.9375rem;
line-height: 2;
border-radius: 0.625rem;
}
.l-program__contents .content__content__notice__title {
display: block;
font-size: 1.0625rem;
font-weight: 600;
line-height: 1.11;
letter-spacing: -0.43px;
color: #e14e2d;
margin-bottom: 0.9375rem;
}
.l-program__contents .recommend__program {
display: grid;
grid-template-columns: 3.125rem 1fr;
grid-column-gap: 0.625rem;
-moz-column-gap: 0.625rem;
column-gap: 0.625rem;
border-bottom: 0.0625rem solid #e9e9e9;
padding: 0.9375rem 0;
cursor: pointer;
}
.l-program__contents .recommend__program + .recommend__program:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.l-program__contents .recommend__program__logo {
width: 3.125rem;
height: 4.375rem;
background-size: cover;
border-radius: 0.625rem;
box-shadow: 0 0.625rem 1.25rem 0 rgba(0, 0, 0, 0.1);
background-color: #d8d8d8;
}
.l-program__contents .recommend__program__title {
display: block;
font-size: 0.875rem;
font-weight: 600;
line-height: 1.71;
color: #4a4a4a;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: pre-wrap;
white-space: break-spaces;
word-break: break-all;
}
.l-program__contents .recommend__program__date {
display: block;
font-size: 0.75rem;
line-height: 1.83;
color: #7a7a7a;
}
.l-program__contents .history {
margin-top: 3.125rem;
}
.l-program__contents .history__program {
margin-bottom: 0.9375rem;
font-size: 0.9375rem;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #2a2a2a;
}
.l-program__contents .history__program__title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: pre-wrap;
white-space: break-spaces;
word-break: break-all;
}
.l-program__contents .history__program a {
color: #2a2a2a;
}
.l-program__contents .history__program:last-child {
margin-bottom: 0;
}
.l-program__contents .programOrganizers__title {
font-size: 0.9375rem;
line-height: 1.25;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
color: #2a2a2a;
}
.l-program__contents .programOrganizers__wrapper__organizer {
display: flex;
flex-wrap: wrap;
font-size: 0.8125rem;
}
.l-program__contents .programOrganizers__organizer {
display: inline-block;
max-height: 30px;
margin-right: 0.625rem;
margin-bottom: 20px;
}
.l-program__contents .programOrganizers__organizer img {
max-height: 30px;
}
.l-program__contents .programOrganizers__organizer.noLogo {
display: block;
width: 100%;
max-height: none;
}
.l-program__contents .programOrganizers__organizer:last-child {
margin-bottom: 0;
}
.l-program__functions {
margin-top: 1.875rem;
position: sticky !important;
top: 9.5rem;
overflow: hidden;
border-bottom: 0.0625rem solid #e9e9e9;
}
.l-program__functions--menus {
height: 60px;
border-radius: 0.3125rem;
}
.l-program__functions--menus ul li {
position: relative;
display: inline-block;
padding: 1.3125rem 0.9375rem 0;
}
.l-program__functions--menus ul a {
display: inline;
font-size: 0.9375rem;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.5;
letter-spacing: normal;
color: #2a2a2a;
}
.l-program__functions--menus ul a.active {
color: #e14e2d;
}
.l-program__functions--menus ul a:after {
content: "";
width: 0;
margin-top: 0.6875rem;
border-radius: 100px 100px 0 0;
}
.l-program__functions--menus ul a.active:after,
.l-program__functions--menus ul a:hover:after {
width: 100%;
}
.l-program__functions--menus ul a.active:after {
display: block;
background: #e14e2d;
height: 4px;
transition: 0.25s;
}
.l-program__functions.sticky {
z-index: 1;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
background-color: #fff;
}
.l-program__functions.sticky .l-program__functions--menus {
background-color: #fff;
}
@media (max-width: 1023px) {
.l-program__sticky-header {
top: 60px;
}
.l-program__stickybar__container {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.l-program__introduce--left {
grid-template-columns: 8.875rem 27.0625rem;
grid-template-areas: "logo brief" "logo brief" "logo collection " "tags tags";
}
.l-program__introduce--left .program-logo {
width: 142px;
}
.l-program__introduce--left .program__brief .separate {
display: none;
}
.l-program__introduce--left .program__brief--title {
font-size: 1.375rem;
}
.l-program__introduce--left .program__brief--collection .separate {
display: none;
}
.l-program__introduce--left .program__brief--tags {
padding-top: 0.9375rem;
border-top: 0.0625rem solid #e9e9e9;
}
.l-program__functions {
top: 7.625rem;
border-bottom: 0;
}
.l-program__events {
margin-top: 0;
border-top: 0.3125rem solid #e9e9e9;
border-bottom: 0.3125rem solid #e9e9e9;
padding-bottom: 1.25rem;
padding-top: 2.5rem;
background: #f9f9f9;
}
.l-program__events .events__wrapper {
box-shadow: none;
padding: 0;
}
.l-program__events .events__address-wrapper {
display: grid;
grid-template-columns: 2fr 1fr;
}
.l-program__events .events__address-wrapper .event-address {
word-break: break-all;
}
.l-program__events .events__address-wrapper .map {
justify-self: flex-end;
}
.l-program__events .events__wrapper {
margin: 0 auto;
}
.l-program__contents {
grid-template-columns: 1fr;
margin-top: 0 !important;
}
.l-program__contents .content {
padding: 0;
margin-bottom: 0;
}
.l-program__contents .content:last-child {
margin-bottom: 0;
}
.l-program__contents .content__video {
width: 100%;
height: 25.875rem;
margin: 0.9375rem 0;
}
.l-program__contents .content__discount,
.l-program__contents .content__introduce {
border-bottom: 0.3125rem solid #e9e9e9;
}
.l-program__contents .content__introduce__wrapper {
margin: 0 auto;
box-shadow: none;
border-radius: 0;
padding-left: 5.5625rem;
padding-right: 5.5625rem;
}
.l-program__contents .content__title {
padding-left: 0;
}
.l-program__contents .content__more {
display: block;
}
.l-program__contents .content__content {
padding-left: 0;
}
.l-program__contents .rec_his_wrapper {
max-width: 36.875rem;
}
.l-program__contents .recommend__wrapper {
border-bottom: 0.3125rem solid #e9e9e9;
}
.l-program__contents .recommend {
margin: 0 auto;
box-shadow: none;
border-radius: 0;
padding: 2.5rem 5.5625rem;
}
.l-program__contents .recommend__program__title {
font-size: 0.9375rem;
}
.l-program__contents .recommend__program__date {
font-size: 0.75rem;
}
.l-program__contents .recommend ul {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 0.3125rem;
-moz-column-gap: 0.3125rem;
column-gap: 0.3125rem;
grid-row-gap: 0.3125rem;
row-gap: 0.3125rem;
}
.l-program__contents .history {
margin: 0 auto;
box-shadow: none;
border-radius: 0;
padding: 2.5rem 5.5625rem;
}
.l-program__contents .history__program__title {
font-size: 0.9375rem;
}
.l-program__contents .history ul {
display: grid;
grid-template-columns: fr;
grid-column-gap: 0.3125rem;
-moz-column-gap: 0.3125rem;
column-gap: 0.3125rem;
grid-row-gap: 0.3125rem;
row-gap: 0.3125rem;
}
}
@media (max-width: 767px) {
.l-program__sticky-header .title {
font-size: 17px;
padding: 8px 0;
}
.l-program__stickybar__container {
padding: 0;
display: block;
position: fixed;
bottom: 0;
top: auto;
width: 100%;
}
@supports (padding-bottom: env(safe-area-inset-bottom)) {
.l-program__stickybar__container {
padding-bottom: calc(env(safe-area-inset-bottom) + 2.1875rem);
}
}
.l-program__stickybar__container .program-name {
display: none;
}
.l-program__stickybar__content {
justify-content: normal;
}
.l-program__stickybar__content--right {
height: 100%;
width: 100%;
align-items: normal;
grid-template-columns: 50px 50px 1fr;
grid-column-gap: normal;
-moz-column-gap: normal;
grid-column-gap: 0;
-moz-column-gap: initial;
column-gap: normal;
}
.l-program__stickybar__content--right a {
order: 3;
text-align: center;
padding: initial;
background-color: #1082ff;
display: flex;
align-items: center;
justify-content: center;
}
@supports (margin-bottom: env(safe-area-inset-bottom)) {
.l-program__stickybar__content--right a {
margin-bottom: calc(env(safe-area-inset-bottom));
}
}
.l-program__stickybar__content--right .icon__social {
background-color: hsla(0, 0%, 97.3%, 0.3);
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 0;
}
@supports (margin-bottom: env(safe-area-inset-bottom)) {
.l-program__stickybar__content--right .icon__social {
height: calc(env(safe-area-inset-bottom) + 3.125rem);
padding-bottom: calc(env(safe-area-inset-bottom));
}
}
.l-program__functions {
top: 100px;
}
.l-program__introduce {
display: block;
padding: 0;
margin-top: 0;
}
.l-program__introduce--left {
grid-template-columns: 1fr 2fr;
grid-template-rows: 1fr;
grid-column-gap: 0.625rem;
-moz-column-gap: 0.625rem;
column-gap: 0.625rem;
margin-top: 1.25rem;
grid-template-areas: "logo brief" "logo brief" "collection collection" "tags tags";
}
.l-program__introduce--left .program-logo {
width: 100%;
-o-object-fit: contain;
object-fit: contain;
margin-top: 0;
}
.l-program__introduce--left .program__brief {
margin-top: 0;
}
.l-program__introduce--left .program__brief a,
.l-program__introduce--left .program__brief div {
font-size: 0.75rem;
margin-bottom: 5px;
}
.l-program__introduce--left .program__brief--title {
font-size: 1.0625rem !important;
position: static !important;
}
.l-program__introduce--left .program__brief--title.isSticky {
visibility: visible !important;
visibility: initial !important;
position: static !important;
}
.l-program__introduce--left .program__brief__category {
display: none !important;
}
.l-program__introduce--left .program__brief__category__organizer {
display: inline;
display: initial;
}
.l-program__introduce--left .program__brief--collection {
grid-column-start: 1;
grid-column-end: 3;
margin-top: 1.25rem;
}
.l-program__introduce--left .program__brief--collection .btn-collection,
.l-program__introduce--left .program__brief--collection .btn-websiteUrl {
width: 100%;
}
.l-program__introduce--left .program__brief--tags {
grid-column-start: 1;
grid-column-end: 3;
margin-top: 1.25rem;
}
.l-program__introduce--left .program__brief--tags li {
font-size: 0.8125rem;
}
.l-program__introduce--right {
display: none;
}
.l-program__contents {
margin-top: 0;
}
.l-program__contents .content {
padding: 0;
}
.l-program__contents .content__video {
height: 10.25rem;
}
.l-program__contents .content__title {
margin-bottom: 0.9375rem;
font-size: 1.0625rem;
padding: 0;
}
.l-program__contents .content__title__refundAgreement,
.l-program__contents .content__title__ticketingInfo {
margin-bottom: 0;
}
.l-program__contents .content__title__refundAgreement.show,
.l-program__contents .content__title__ticketingInfo.show {
margin-bottom: 0.9375rem;
}
.l-program__contents .content__content {
font-size: 0.9375rem;
padding: 0;
}
.l-program__contents .content__content__refundAgreement,
.l-program__contents .content__content__ticketingInfoContent {
display: none;
}
.l-program__contents .content__content img {
min-width: 0 !important;
}
.l-program__contents .content__introduce__wrapper {
background: #f9f9f9;
padding: 2.5rem 1.25rem;
}
.l-program__contents .content__introduce__wrapper hr {
display: none;
}
.l-program__contents .history,
.l-program__contents .recommend {
background: #f9f9f9;
padding: 2.5rem 1.25rem 0.9375rem;
}
.l-program__contents .history ul,
.l-program__contents .recommend ul {
grid-template-columns: 1fr;
}
.l-program__contents .history__title,
.l-program__contents .recommend__title {
font-size: 1.375rem;
}
.l-program__events {
margin-top: 0;
padding-top: 2.5rem;
}
.l-program__events .events__wrapper {
box-shadow: none;
padding: 0;
}
.l-program__events .events__venues__block__wrapper .venue {
font-size: 0.9375rem;
}
.l-program__events .events__list__table .column__body {
display: grid;
grid-row-gap: 0.625rem;
row-gap: 0.625rem;
justify-content: normal;
white-space: normal;
}
.l-program__events
.events__list__table
.column__body
.left
.priceplans_wrapper {
grid-template-rows: 1fr;
grid-template-columns: none;
}
.l-program__events
.events__list__table
.column__body
.left
.priceplans_wrapper
.remain_infos {
display: inline;
}
.l-program__events
.events__list__table
.column__body
.left
.priceplans_wrapper
.remain_infos
.slash {
display: none;
}
.l-program__events
.events__list__table
.column__body
.left
.priceplans_wrapper
.remain_infos
.separate {
display: block;
}
.l-program__events
.events__list__table
.column__body
.left
.priceplans_wrapper
.priceplans_title {
display: inline;
word-break: keep-all;
}
.l-program__events
.events__list__table
.column__body
.left
.priceplans_wrapper
.priceplans_infos {
display: flex;
}
.l-program__events .events__list__table .column__body .right .event-finished,
.l-program__events .events__list__table .column__body .right .soldOut {
margin-right: 0;
text-align: center;
display: block;
}
.l-program__functions {
margin-top: 0;
}
.l-program__functions--menus {
height: 3.125rem;
overflow-x: scroll;
white-space: nowrap;
-ms-overflow-style: none;
scrollbar-width: none;
}
.l-program__functions--menus::-webkit-scrollbar {
display: none;
}
.l-program__functions--menus ul li {
padding: 0.9375rem 0.9375rem 0 0;
}
.l-program__functions--menus ul a {
font-size: 13px;
font-weight: 400;
line-height: normal;
}
.l-program__functions--menus ul a:after {
margin-top: 0.4375rem;
}
}
@media (max-width: 767px) {
.l-program__functions.sticky {
box-shadow: none;
}
}
.hasTopBar .l-program__sticky-header {
top: 114px;
}
@media (max-width: 1023px) {
.hasTopBar .l-program__sticky-header {
top: 84px;
}
}
.hasTopBar .l-program__functions {
top: 176px;
}
@media (max-width: 1023px) {
.hasTopBar .l-program__functions {
top: 146px;
}
}
@media (max-width: 767px) {
.hasTopBar .l-program__functions {
top: 124px;
}
}
.l-mobile-seating-cart__sidebar--container {
display: none;
}
.l-seating-cart {
padding-top: 5.625rem;
height: 100vh;
}
.l-seating-cart__seats {
width: calc(100vw - 325px);
height: 100%;
overflow: hidden;
position: relative;
}
.l-seating-cart__seats .zoom-wrapper {
position: absolute;
right: 20px;
top: 20px;
width: 40px;
display: flex;
flex-direction: column;
}
.l-seating-cart__seats .zoom-wrapper .qustion-wrapper {
position: relative;
}
.l-seating-cart__seats .zoom-wrapper .qustion-wrapper .question-view {
position: absolute;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
right: 60px;
width: 230px;
height: 180px;
padding: 15px;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
border: 1px solid #fef5ef;
background-color: #fefaef;
bottom: 5px;
border-radius: 15px;
}
.l-seating-cart__seats .zoom-wrapper .qustion-wrapper .question-view-body {
padding: 10px;
}
.l-seating-cart__seats .zoom-wrapper .qustion-wrapper .question-view-footer {
align-self: flex-end;
}
.l-seating-cart__seats .zoom-wrapper .icon40 {
border-radius: 10px;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
background-color: #fff;
transition: all 0.2s ease;
cursor: pointer;
}
.l-seating-cart__seats .zoom-wrapper .icon40.zoom-in {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.l-seating-cart__seats .zoom-wrapper .icon40.zoom-out {
border-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
margin-bottom: 10px;
}
.l-seating-cart__seats .zoom-wrapper .icon40.question {
margin-top: 10px;
}
.l-seating-cart__seats .zoom-wrapper .icon40:hover {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}
.l-seating-cart__sidebar--container {
position: relative;
height: calc(100vh - 5.625rem);
width: 20rem;
overflow: scroll;
overflow-y: scroll;
position: absolute;
top: 5.625rem;
bottom: 0;
right: 0;
box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.1);
background-color: #fef5ef;
}
.l-seating-cart__sidebar--wrapper {
position: relative;
border-top-right-radius: 1.25rem;
border-top-left-radius: 1.25rem;
box-shadow: 0 0.625rem 1.25rem 0 rgba(0, 0, 0, 0.1);
background-color: #fff;
height: calc(100vh - 23.125rem);
}
.l-seating-cart__sidebar__banner {
background: #fef5ef;
color: #2a2a2a;
height: 10.8125rem;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
}
.l-seating-cart__sidebar__banner__wrapper {
padding: 1.25rem;
}
.l-seating-cart__sidebar__banner .programInfo .title {
font-size: 1.0625rem;
font-weight: 600;
display: -webkit-box;
-webkit-line-clamp: 2;
}
.l-seating-cart__sidebar__banner .programInfo .title,
.l-seating-cart__sidebar__banner .programInfo .venueName {
line-height: 1.25rem;
max-height: 2.5rem;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
}
.l-seating-cart__sidebar__banner .programInfo .venueName {
display: block;
margin-top: 0.625rem;
font-size: 0.9375rem;
font-stretch: normal;
font-style: normal;
display: -webkit-box;
-webkit-line-clamp: 1;
}
.l-seating-cart__sidebar__banner .dropdown-events {
cursor: pointer;
width: 17.5rem;
height: 2.5rem;
margin-top: 1.25rem;
border: 0.0625rem solid #e14e2d;
display: flex;
justify-content: space-between;
border-radius: 0.625rem;
font-size: 0.9375rem;
}
.l-seating-cart__sidebar__banner .dropdown-events .event-date {
align-self: center;
padding: 0 0.9375rem;
font-weight: 600;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.l-seating-cart__sidebar__banner .dropdown-events .icon-dropdown-light {
height: 0.5rem;
width: 0.25rem;
}
.l-seating-cart__sidebar--table {
padding: 0 1.25rem;
font-size: 0.9375rem;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #2a2a2a;
height: calc(100vh - 24.125rem);
overflow: scroll;
}
.l-seating-cart__sidebar--table.showList {
height: 0;
}
.l-seating-cart__sidebar--table::-webkit-scrollbar {
display: none;
}
.l-seating-cart__sidebar--table {
-ms-overflow-style: none;
scrollbar-width: none;
}
.l-seating-cart__sidebar--table .title {
padding-top: 2.5rem;
padding-bottom: 0.9375rem;
display: block;
font-size: 1.0625rem;
font-weight: 600;
}
.l-seating-cart__sidebar--table .section-wrapper {
padding: 0.9375rem;
border-radius: 0.625rem;
border: 0.0625rem solid #e9e9e9;
width: 17.5rem;
margin-bottom: 1.25rem;
cursor: pointer;
}
.l-seating-cart__sidebar--table .section-wrapper.active {
background: #fef5ef;
border-color: #e14e2d;
}
.l-seating-cart__sidebar--table .section-wrapper .section-description {
margin-left: 0.625rem;
}
.l-seating-cart__sidebar--table .section-wrapper .section-ticket-remain {
display: block;
font-size: 0.8125rem;
margin-top: 0.625rem;
color: #e17d2d;
}
.l-seating-cart__sidebar--table .header {
height: 4.375rem;
vertical-align: middle;
border-bottom: 0.0625rem solid #f1f1f1;
}
.l-seating-cart__sidebar--table .header-section {
align: left;
width: 11.25rem;
min-width: 50%;
padding-left: 1.875rem;
}
.l-seating-cart__sidebar--table .header-price,
.l-seating-cart__sidebar--table .header-remain {
width: 6.25rem;
max-width: 25%;
}
.l-seating-cart__sidebar--table td {
height: 4.25rem;
padding-top: 1.75rem;
padding-bottom: 1.75rem;
border-bottom: 0.0625rem solid #f1f1f1;
}
.l-seating-cart__sidebar--table td:first-child {
padding-left: 1.875rem;
}
.l-seating-cart__sidebar__select--container.showList,
.l-seating-cart__sidebar__select--wrapper.showList {
height: 100%;
}
.l-seating-cart__sidebar__select--wrapper--left {
width: 100%;
border-bottom: 0.0625rem solid #e9e9e9;
padding: 0.9375rem 1.5625rem;
font-size: 0.9375rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.l-seating-cart__sidebar__select--wrapper--left.showList {
align-items: start;
height: 100%;
}
.l-seating-cart__sidebar__select--wrapper .block {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 0.9375rem;
height: 4.375rem;
padding: 0 1.25rem;
border-bottom: 0.0625rem solid #e9e9e9;
}
.l-seating-cart__sidebar__select--wrapper .block .text-seatNum {
font-weight: 600;
font-size: 1.0625rem;
}
.l-seating-cart__sidebar__cartInfo--container {
position: fixed;
bottom: 0;
box-shadow: 0 0.625rem 1.25rem 0 rgba(0, 0, 0, 0.1);
background-color: #fff;
height: 127px;
width: 20rem;
}
.l-seating-cart__sidebar__cartInfo--wrapper--right {
padding: 0.9375rem 0.625rem;
font-size: 0.9375rem;
}
.l-seating-cart__sidebar__cartInfo--wrapper--right .block {
font-size: 0.9375rem;
margin: 0 0.625rem 1.3125rem;
display: flex;
align-items: center;
line-height: normal;
}
.l-seating-cart__sidebar__cartInfo--wrapper--right .block .text-money {
font-weight: 600;
font-size: 1.0625rem;
}
.l-seating-cart__sidebar__cartInfo--wrapper--right .block-gray-seat-info {
display: flex;
align-items: center;
justify-content: center;
}
.l-seating-cart__sidebar__cartInfo--wrapper--right
.block-gray-seat-info
.icon-caution {
margin-right: 0.3125rem;
}
.l-seating-cart__sidebar__cartInfo--wrapper--right .block-selectSeat {
display: flex;
height: 30px;
margin-bottom: 5px;
}
.l-seating-cart__sidebar__cartInfo--wrapper--right .block-btns {
display: flex;
}
.l-seating-cart__sidebar__cartInfo--wrapper--right .btn-view-seat {
width: 5.625rem;
min-width: 90px;
height: 2.5rem;
padding: 0;
font-size: 0.8125rem;
display: flex;
align-items: center;
justify-content: center;
margin-right: 0.625rem;
}
.l-seating-cart__sidebar__cartInfo--wrapper--right .btn-addCart {
display: block;
width: 12.5rem;
height: 2.5rem;
display: flex;
align-items: center;
justify-content: center;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
}
.l-seating-cart__sidebar__cartInfo--wrapper--right .btn-addCart.disabled {
background: #e9e9e9;
color: #e17d2d;
}
.l-seating-cart__sidebar__cartInfo--wrapper--right .btn-addCart.isNotYetOnSale {
opacity: 1;
}
.l-seating-cart__sidebar__cartInfo--wrapper--bottom {
display: flex;
justify-content: flex-end;
box-shadow: 0 -0.125rem 0.25rem 0 rgba(0, 0, 0, 0.05);
background-color: #fff;
}
.l-seating-cart__sidebar__cartInfo--wrapper--bottom .btn {
border-radius: 0.1875rem;
margin-top: 0.625rem;
margin-bottom: 0.625rem;
margin-right: 1.875rem;
}
@media (max-width: 1023px) {
.l-seating-cart {
padding-top: 7.5rem;
height: 100vh;
}
.l-seating-cart__seats {
width: 100%;
height: calc(100vh - 265px);
overflow: scroll;
margin-top: 60px;
}
.l-seating-cart .zoom-wrapper {
right: 20px;
top: 25px;
width: 40px;
}
.l-seating-cart__sidebar--container {
width: 0;
}
.l-seating-cart__sidebar--container.showList {
z-index: 9999;
position: fixed;
width: 100vw;
height: 100vh;
top: 9;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.3);
}
.l-seating-cart__sidebar--wrapper {
position: fixed;
bottom: 5.3125rem;
left: 0;
right: 0;
height: auto;
}
.l-seating-cart__sidebar--wrapper.showList {
height: calc(100vh - 6.5625rem);
top: 1.25rem;
}
.l-seating-cart__sidebar--wrapper.showList:after {
content: "";
background: #000;
}
.l-seating-cart__sidebar__banner {
position: fixed;
top: 3.75rem;
left: 0;
right: 0;
height: 3.75rem;
}
.l-seating-cart__sidebar__banner__wrapper {
padding: 0.5625rem 5.5625rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.l-seating-cart__sidebar__banner .programInfo {
width: 65%;
margin-right: 3.125rem;
}
.l-seating-cart__sidebar__banner .programInfo .title {
font-size: 0.9375rem;
font-weight: 400;
text-overflow: ellipsis;
width: 100%;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
word-break: break-all;
}
.l-seating-cart__sidebar__banner .programInfo .venueName {
display: -webkit-inline-box;
margin-top: 0;
font-size: 0.9375rem;
font-stretch: normal;
font-style: normal;
}
.l-seating-cart__sidebar__banner .dropdown-events {
cursor: pointer;
width: 17.5rem;
height: 2.5rem;
margin-top: 0;
border: 0.0625rem solid #e14e2d;
display: flex;
justify-content: space-between;
border-radius: 0.625rem;
font-size: 0.9375rem;
}
.l-seating-cart__sidebar__banner .dropdown-events .event-date {
align-self: center;
padding: 0 0.9375rem;
font-weight: 600;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.l-seating-cart__sidebar__banner .dropdown-events .icon-dropdown-light {
height: 0.5rem;
width: 0.25rem;
}
.l-seating-cart__sidebar--table {
position: fixed;
top: 7.5rem;
left: 0;
right: 0;
display: flex;
height: 3.75rem;
padding: 0.9375rem 1.25rem;
font-size: 0.8125rem;
background: #f9f9f9;
}
.l-seating-cart__sidebar--table.showList,
.l-seating-cart__sidebar--table .title {
display: none;
}
.l-seating-cart__sidebar--table .section-wrapper {
padding: 0 0.625rem;
width: auto;
height: 1.875rem;
margin-bottom: 0;
margin-right: 0.625rem;
display: flex;
align-items: center;
justify-content: center;
border-color: #cacaca;
white-space: nowrap;
}
.l-seating-cart__sidebar--table .section-wrapper.active {
background: #fef5ef;
border-color: #e14e2d;
}
.l-seating-cart__sidebar--table .section-wrapper .section-name {
vertical-align: middle;
}
.l-seating-cart__sidebar--table .section-wrapper .section-ticket-remain {
display: none;
}
.l-seating-cart__sidebar--table .header {
height: 4.375rem;
vertical-align: middle;
border-bottom: 0.0625rem solid #f1f1f1;
}
.l-seating-cart__sidebar--table .header-section {
align: left;
width: 11.25rem;
min-width: 50%;
padding-left: 1.875rem;
}
.l-seating-cart__sidebar--table .header-price,
.l-seating-cart__sidebar--table .header-remain {
width: 6.25rem;
max-width: 25%;
}
.l-seating-cart__sidebar--table td {
height: 4.25rem;
padding-top: 1.75rem;
padding-bottom: 1.75rem;
border-bottom: 0.0625rem solid #f1f1f1;
}
.l-seating-cart__sidebar--table td:first-child {
padding-left: 1.875rem;
}
.l-seating-cart__sidebar__select--container {
border-bottom: 0.0625rem solid #cacaca;
}
.l-seating-cart__sidebar__select--container.showList,
.l-seating-cart__sidebar__select--wrapper.showList {
height: 100%;
}
.l-seating-cart__sidebar__select--wrapper--left {
width: 100%;
border-bottom: 0.0625rem solid #e9e9e9;
padding: 0.9375rem 1.5625rem;
font-size: 0.9375rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.l-seating-cart__sidebar__select--wrapper--left.showList {
align-items: start;
height: 100%;
}
.l-seating-cart__sidebar__select--wrapper .block {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 0.9375rem;
height: 4.375rem;
padding: 0 5.5625rem;
border-bottom: 0.0625rem solid #e9e9e9;
}
.l-seating-cart__sidebar__select--wrapper .block-selectSeat {
display: inline;
display: initial;
}
.l-seating-cart__sidebar__select--wrapper .block .text-seatNum {
font-weight: 600;
font-size: 1.0625rem;
}
.l-seating-cart__sidebar__select--wrapper .block .btn-view-seat {
width: 9.375rem;
height: 2.5rem;
font-size: 0.9375rem;
display: flex;
align-items: center;
justify-content: center;
}
.l-seating-cart__sidebar__select--wrapper .block .btn-view-seat .icon {
width: 1.125rem;
height: 1.125rem;
margin-right: 0.3125rem;
}
.l-seating-cart__sidebar__cartInfo--container {
position: fixed;
bottom: 0;
box-shadow: 0 0.625rem 1.25rem 0 rgba(0, 0, 0, 0.1);
background-color: #fff;
height: 5.3125rem;
width: 100%;
}
.l-seating-cart__sidebar__cartInfo--wrapper--right {
font-size: 0.9375rem;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.9375rem 5.5625rem 1.875rem;
}
.l-seating-cart__sidebar__cartInfo--wrapper--right .block {
margin: initial;
margin-bottom: 0;
}
.l-seating-cart__sidebar__cartInfo--wrapper--right .block .text-money {
font-weight: 600;
font-size: 1.0625rem;
}
.l-seating-cart__sidebar__cartInfo--wrapper--right .btn-addCart {
display: block;
width: auto;
min-width: 9.375rem;
height: 2.5rem;
display: flex;
align-items: center;
justify-content: center;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
}
.l-seating-cart__sidebar__cartInfo--wrapper--bottom {
display: flex;
justify-content: flex-end;
box-shadow: 0 -0.125rem 0.25rem 0 rgba(0, 0, 0, 0.05);
background-color: #fff;
}
.l-seating-cart__sidebar__cartInfo--wrapper--bottom .btn {
border-radius: 0.1875rem;
margin-top: 0.625rem;
margin-bottom: 0.625rem;
margin-right: 1.875rem;
}
}
@media (max-width: 767px) {
.l-seating-cart {
padding-top: 7.5rem;
height: 100%;
}
.l-seating-cart__seats {
width: 100%;
height: calc(100vh - 250px);
overflow: hidden;
margin-top: 35px;
}
.l-seating-cart .zoom-wrapper {
right: 20px;
top: 25px;
width: 40px;
}
.l-seating-cart__sidebar--container {
width: 0;
}
.l-seating-cart__sidebar--wrapper {
position: fixed;
bottom: 6rem;
left: 0;
right: 0;
height: auto;
}
.l-seating-cart__sidebar--wrapper.showList {
height: calc(100% - 7.25rem + env(safe-area-inset-bottom));
}
.l-seating-cart__sidebar__banner {
position: fixed;
top: 3.75rem;
left: 0;
right: 0;
height: 3.75rem;
}
.l-seating-cart__sidebar__banner__wrapper {
padding: 0.3125rem 1.25rem;
display: flex;
flex-direction: column;
}
.l-seating-cart__sidebar__banner .programInfo {
text-align: center;
margin-bottom: 0.3125rem;
margin-right: 0;
}
.l-seating-cart__sidebar__banner .programInfo .title {
font-size: 0.8125rem;
font-weight: 400;
display: none;
}
.l-seating-cart__sidebar__banner .programInfo .venueName {
margin-top: 0;
font-size: 0.8125rem;
font-stretch: normal;
font-style: normal;
}
.l-seating-cart__sidebar__banner .dropdown-events {
cursor: pointer;
width: 100%;
height: 1.5rem;
margin-top: 0;
border: 0.0625rem solid #e14e2d;
display: flex;
justify-content: space-between;
border-radius: 0.625rem;
font-size: 0.8125rem;
font-weight: 400;
}
.l-seating-cart__sidebar__banner .dropdown-events .event-date {
align-self: center;
padding: 0 0.9375rem;
font-weight: 400;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.l-seating-cart__sidebar__banner .dropdown-events .icon-dropdown-light {
height: 0.5rem;
width: 0.25rem;
}
.l-seating-cart__sidebar--table {
height: 2.25rem;
padding: 0.3125rem 0.625rem;
font-size: 0.8125rem;
background: #f9f9f9;
}
.l-seating-cart__sidebar--table.showList,
.l-seating-cart__sidebar--table .title {
display: none;
}
.l-seating-cart__sidebar--table .section-wrapper {
padding: 0 0.625rem;
width: auto;
height: 1.5rem;
margin-bottom: 0;
margin-right: 0.625rem;
display: flex;
align-items: center;
justify-content: center;
border-color: #cacaca;
white-space: nowrap;
}
.l-seating-cart__sidebar--table .section-wrapper.active {
background: #fef5ef;
border-color: #e14e2d;
}
.l-seating-cart__sidebar--table .section-wrapper .section-name {
vertical-align: middle;
}
.l-seating-cart__sidebar--table .section-wrapper .section-ticket-remain {
display: none;
}
.l-seating-cart__sidebar--table .header {
height: 4.375rem;
vertical-align: middle;
border-bottom: 0.0625rem solid #f1f1f1;
}
.l-seating-cart__sidebar--table .header-section {
align: left;
width: 11.25rem;
min-width: 50%;
padding-left: 1.875rem;
}
.l-seating-cart__sidebar--table .header-price,
.l-seating-cart__sidebar--table .header-remain {
width: 6.25rem;
max-width: 25%;
}
.l-seating-cart__sidebar--table td {
height: 4.25rem;
padding-top: 1.75rem;
padding-bottom: 1.75rem;
border-bottom: 0.0625rem solid #f1f1f1;
}
.l-seating-cart__sidebar--table td:first-child {
padding-left: 1.875rem;
}
.l-seating-cart__sidebar__select--container {
border-bottom: 0.0625rem solid #e9e9e9;
}
.l-seating-cart__sidebar__select--container.showList,
.l-seating-cart__sidebar__select--wrapper.showList {
height: 100%;
}
.l-seating-cart__sidebar__select--wrapper--left {
width: 100%;
border-bottom: 0.0625rem solid #e9e9e9;
padding: 0.9375rem 1.5625rem;
font-size: 0.9375rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.l-seating-cart__sidebar__select--wrapper--left.showList {
align-items: start;
height: 100%;
}
.l-seating-cart__sidebar__select--wrapper .block {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 0.9375rem;
padding: 0 1.25rem;
border-bottom: 0.0625rem solid #e9e9e9;
}
.l-seating-cart__sidebar__select--wrapper .block .text-seatNum {
font-weight: 600;
font-size: 1.0625rem;
}
.l-seating-cart__sidebar__select--wrapper .block .btn-view-seat {
width: 7.5rem;
height: 1.3125rem;
display: flex;
align-items: center;
justify-content: center;
border: 0;
padding: 0;
}
.l-seating-cart__sidebar__select--wrapper .block .btn-view-seat .icon {
margin-right: 0.3125rem;
}
.l-seating-cart__sidebar__cartInfo--container {
position: fixed;
bottom: 0;
box-shadow: 0 0.625rem 1.25rem 0 rgba(0, 0, 0, 0.1);
background-color: #fff;
height: 6rem;
width: 100%;
padding-bottom: env(safe-area-inset-bottom);
}
.l-seating-cart__sidebar__cartInfo--wrapper--right {
font-size: 0.9375rem;
display: flex;
flex-direction: column;
align-items: normal;
padding: 0.625rem;
}
.l-seating-cart__sidebar__cartInfo--wrapper--right .block {
padding: 0 0.625rem;
margin-bottom: 0.625rem;
}
.l-seating-cart__sidebar__cartInfo--wrapper--right .block .text-money {
font-weight: 600;
font-size: 1.0625rem;
}
.l-seating-cart__sidebar__cartInfo--wrapper--right .btn-addCart {
width: 100%;
font-size: 0.9375rem;
height: 2.5rem;
display: block;
display: flex;
align-items: center;
justify-content: center;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
}
.l-seating-cart__sidebar__cartInfo--wrapper--bottom {
display: flex;
justify-content: flex-end;
box-shadow: 0 -0.125rem 0.25rem 0 rgba(0, 0, 0, 0.05);
background-color: #fff;
}
.l-seating-cart__sidebar__cartInfo--wrapper--bottom .btn {
border-radius: 0.1875rem;
margin-top: 0.625rem;
margin-bottom: 0.625rem;
margin-right: 1.875rem;
}
}
@media (min-width: 1024px) {
.hasTopBar .l-seating-cart {
padding-top: 114px;
}
.hasTopBar .l-seating-cart__sidebar--container {
top: 114px;
height: calc(100vh - 114px);
}
.hasTopBar .l-seating-cart__sidebar--wrapper {
height: calc(100vh - 17.5rem - 114px);
}
.hasTopBar .l-seating-cart__sidebar--table {
height: calc(100vh - 23.1875rem - 114px);
}
.hasTopBar .l-seating-cart__sidebar--table.showList {
height: 0;
}
}
@media (max-width: 1023px) {
.hasTopBar .l-seating-cart {
padding-top: calc(3.75rem + 84px);
}
.hasTopBar .l-seating-cart__sidebar__banner {
top: 84px;
}
.hasTopBar .l-seating-cart__sidebar--table {
top: calc(3.75rem + 84px);
}
}
.l-cart_list {
padding-top: 6.875rem;
padding-bottom: 9.0625rem;
}
.l-cart_list .oa-card {
max-width: 38.75rem;
margin-top: 0;
margin-bottom: 0.625rem;
}
.l-cart_list .oa-card-ticketpackage {
position: relative;
}
.l-cart_list .oa-card-ticketpackage.fail:before {
border-radius: 20px;
content: "";
display: block;
position: absolute;
border: 2px solid red;
top: 5px;
left: 5px;
width: calc(100% - 12px);
height: calc(100% - 12px);
}
.l-cart_list .oa-card-ticketpackage .btn-wrapper {
display: flex;
justify-content: flex-end;
position: relative;
}
.l-cart_list .oa-card-ticketpackage .btn-wrapper .btn-buy {
margin-top: 20px;
float: right;
font-size: 0.9375rem;
}
.l-cart_list .oa-card .oa-card-header {
border-bottom: 0.0625rem solid #e9e9e9;
padding-bottom: 2.1875rem;
position: relative;
}
.l-cart_list .oa-card .oa-title-wrapper {
display: flex;
justify-content: space-between;
}
.l-cart_list .oa-card .oa-title {
display: block;
cursor: pointer;
}
.l-cart_list .oa-card .oa-sub-title {
font-size: 17px;
}
.l-cart_list .oa-card .oa-sub-title.success {
color: #04a000;
}
.l-cart_list .oa-card .oa-sub-title.fail {
color: red;
}
.l-cart_list .col-container {
display: flex;
}
.l-cart_list .cart_lists {
width: 38.75rem;
}
.l-cart_list .cart_lists .cards .program-intro {
display: grid;
grid-template-columns: 3.125rem 1fr 2.5rem;
grid-column-gap: 0.625rem;
-moz-column-gap: 0.625rem;
column-gap: 0.625rem;
}
.l-cart_list .cart_lists .cards .program-intro .program-logo {
width: 3.125rem;
height: 4.375rem;
-o-object-fit: cover;
object-fit: cover;
margin: 1.25rem 0;
border-radius: 0.625rem;
}
.l-cart_list .cart_lists .cards .program-intro .content {
margin: 1.25rem 0;
}
.l-cart_list .cart_lists .cards .program-intro .content-info {
display: block;
margin-bottom: 0.3125rem;
font-size: 0.9375rem;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
}
.l-cart_list .cart_lists .cards .program-intro .content-info.program-title {
color: #2a2a2a;
font-weight: 500;
word-break: break-all;
}
.l-cart_list .cart_lists .cards .program-intro .content-info.program-time,
.l-cart_list .cart_lists .cards .program-intro .content-info.program-venue {
color: #7a7a7a;
font-size: 0.75rem;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
word-break: break-all;
}
.l-cart_list .cart_lists .cards .program-intro .right {
margin: 1.875rem 0;
color: #2a2a2a;
font-size: 0.9375rem;
}
.l-cart_list .cart_lists .cards .ticket-list {
background: #f9f9f9;
padding: 0.9375rem 0;
border-radius: 0.625rem;
font-size: 0.9375rem;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #2a2a2a;
}
.l-cart_list .cart_lists .cards .ticket-list + .ticket-list {
margin-top: 0.9375rem;
}
.l-cart_list .cart_lists .cards .ticket-list .infos {
display: flex;
justify-content: space-between;
padding: 0 0.9375rem;
}
.l-cart_list .cart_lists .cards .ticket-list .infos .price {
font-size: 0.9375rem;
}
.l-cart_list .cart_lists .cards .ticket-list .infos .discount-price,
.l-cart_list .cart_lists .cards .ticket-list .infos .price,
.l-cart_list .cart_lists .cards .ticket-list .infos .seat {
display: block;
margin-bottom: 1.5625rem;
}
.l-cart_list .cart_lists .cards .ticket-list .infos .btn-remove {
color: #2a2a2a;
width: 2.5rem;
height: 2.5rem;
margin-top: -10px;
}
.l-cart_list .cart_lists .cards .ticket-list .infos .btn-remove .icon-trashcan {
width: 2.5rem;
height: 2.5rem;
}
.l-cart_list .cart_lists .cards .ticket-list .discount-price {
background: #fef5ef;
border: 0.0625rem solid #e14e2d;
border-radius: 0.625rem;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.625rem 0.9375rem 0.5625rem;
}
.l-cart_list
.cart_lists
.cards
.ticket-list
.discount-price
.btn-discount-price {
font-size: 0.9375rem;
color: #2a2a2a;
}
.l-cart_list .cart_lists .cards .ticket-list .discount-price .icon-dropdown {
width: 0.5rem;
height: 0.25rem;
}
.l-cart_list .cart_lists .cards .ticket-list .totals {
display: flex;
justify-content: space-between;
}
.l-cart_list .cart_lists .cards .ticket-list .ticketpackage-wrapper {
padding: 0 15px;
}
.l-cart_list
.cart_lists
.cards
.ticket-list
.ticketpackage-wrapper
.ticketpackage-infos-wrapper {
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
}
.l-cart_list
.cart_lists
.cards
.ticket-list
.ticketpackage-wrapper
.ticketpackage-infos-wrapper
.ticketpackage-infos {
padding: 15px 0;
border-top: 2px solid #e9e9e9;
}
.l-cart_list
.cart_lists
.cards
.ticket-list
.ticketpackage-wrapper
.ticketpackage-infos-wrapper
.ticketpackage-infos-block {
color: #e14e2d;
display: grid;
grid-template-columns: 1fr 100px;
margin-bottom: 15px;
}
.l-cart_list
.cart_lists
.cards
.ticket-list
.ticketpackage-wrapper
.ticketpackage-infos-wrapper
.ticketpackage-info {
color: #2a2a2a;
font-size: 15px;
}
.l-cart_list
.cart_lists
.cards
.ticket-list
.ticketpackage-wrapper
.ticketpackage-infos-wrapper
.ticketpackage-info
.title-discount {
color: #f5a623;
border-radius: 15px;
border: 1px solid #f5a623;
padding: 1px 15px;
min-width: 51px;
min-height: 20px;
display: inline-flex;
justify-content: center;
}
.l-cart_list
.cart_lists
.cards
.ticket-list
.ticketpackage-wrapper
.ticketpackage-infos-wrapper
.ticketpackage-discount {
justify-self: flex-end;
}
.l-cart_list
.cart_lists
.cards
.ticket-list
.ticketpackage-wrapper
.ticketpackage-infos-wrapper
.ticketpackage-totalPrice {
color: #e14e2d;
float: right;
}
.l-cart_list
.cart_lists
.cards
.ticket-list
.ticketpackage-wrapper
.ticketpackage-infos-wrapper
.ticketpackage-totalPrice
.title {
color: #2a2a2a;
}
.l-cart_list .cart_lists .cards .ticket-list .coupon-wrapper {
padding: 0 8px;
}
.l-cart_list .cart_lists .cards .ticket-list .coupon-wrapper .coupon-menu {
display: flex;
justify-content: space-between;
border-top: 2px solid #e9e9e9;
color: #e14e2d;
padding: 5px 0;
}
.l-cart_list
.cart_lists
.cards
.ticket-list
.coupon-wrapper
.coupon-menu
.icon {
width: 40px;
height: 40px;
}
.l-cart_list
.cart_lists
.cards
.ticket-list
.coupon-wrapper
.coupon-menu-title {
display: flex;
align-items: center;
}
.l-cart_list
.cart_lists
.cards
.ticket-list
.coupon-wrapper
.coupon-infos-wrapper {
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
}
.l-cart_list
.cart_lists
.cards
.ticket-list
.coupon-wrapper
.coupon-infos-wrapper
.coupon-infos {
padding: 15px;
border-top: 2px solid #e9e9e9;
}
.l-cart_list
.cart_lists
.cards
.ticket-list
.coupon-wrapper
.coupon-infos-wrapper
.coupon-infos-block {
color: #e14e2d;
display: grid;
grid-template-columns: 1fr 100px;
margin-bottom: 15px;
}
.l-cart_list
.cart_lists
.cards
.ticket-list
.coupon-wrapper
.coupon-infos-wrapper
.coupon-info {
color: #2a2a2a;
font-size: 13px;
}
.l-cart_list
.cart_lists
.cards
.ticket-list
.coupon-wrapper
.coupon-infos-wrapper
.coupon-info
.title-discount {
color: #f5a623;
border-radius: 15px;
border: 1px solid #f5a623;
padding: 1px 15px;
min-width: 51px;
min-height: 20px;
display: inline-flex;
justify-content: center;
}
.l-cart_list
.cart_lists
.cards
.ticket-list
.coupon-wrapper
.coupon-infos-wrapper
.coupon-discount {
justify-self: flex-end;
}
.l-cart_list
.cart_lists
.cards
.ticket-list
.coupon-wrapper
.coupon-infos-wrapper
.coupon-totalPrice {
color: #e14e2d;
float: right;
}
.l-cart_list
.cart_lists
.cards
.ticket-list
.coupon-wrapper
.coupon-infos-wrapper
.coupon-totalPrice
.title {
color: #2a2a2a;
}
.l-cart_list .cart_lists .cards-expired .oa-card-header {
display: flex;
justify-content: space-between;
}
.l-cart_list .cart_lists .cards-expired .oa-card-header .title {
color: #e14e2d;
margin-bottom: 0.3125rem;
}
.l-cart_list .cart_lists .cards-expired .oa-card-header .hint {
font-size: 0.75rem;
}
.l-cart_list .cart_lists .cards-expired .oa-card-header .delete-wrapper,
.l-cart_list .cart_lists .cards-expired .oa-card-header .hint {
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
}
.l-cart_list .cart_lists .cards-expired .oa-card-header .delete-wrapper a {
color: #2a2a2a;
font-size: 0.9375rem;
}
.l-cart_list .cart_lists .cards-expired .section-program:first-of-type {
margin-top: 0;
}
.l-cart_list .cart_lists .cards-expired .ticket-list-expired {
background: #fefaef;
font-size: 0.9375rem;
}
.l-cart_list .cart_lists .cards-expired .ticket-list-expired .infos .price,
.l-cart_list .cart_lists .cards-expired .ticket-list-expired .infos .seat {
margin-bottom: 0.3125rem;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
}
.l-cart_list
.cart_lists
.cards-expired
.ticket-list-expired
.infos
.btn-addToShooping {
color: #2a2a2a;
}
.l-cart_list .cart_lists .cards-expired .ticket-list-expired .discount-price {
margin-bottom: 0.3125rem;
border: 0;
background: transparent;
}
.l-cart_list .cart_lists .cards-expired .ticket-list-expired .discount-price,
.l-cart_list .cart_lists .cards-expired .ticket-list-expired .totals {
padding: 0 0.9375rem;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
}
.l-cart_list .other_lists {
margin-left: 1.25rem;
width: 18.75rem;
opacity: 0;
}
.l-cart_list .other_lists .cards {
height: 54.375rem;
}
.l-cart_list .footer {
box-shadow: 0 0.625rem 1.25rem 0 rgba(0, 0, 0, 0.1);
background-color: #fff;
height: 5rem;
position: fixed;
bottom: 0;
left: 0;
right: 0;
}
.l-cart_list .footer-container {
display: flex;
justify-content: space-between;
align-items: center;
height: 100%;
}
.l-cart_list .footer-container .sum-wrapper {
font-size: 0.875rem;
color: #2a2a2a;
}
.l-cart_list .footer-container .sum-wrapper .sum,
.l-cart_list .footer-container .sum-wrapper .total {
display: inline-block;
}
.l-cart_list .footer-container .sum-wrapper .sum {
margin-left: 3.75rem;
}
.l-cart_list .footer-container .sum-wrapper .info {
font-size: 1.0625rem;
font-weight: 600;
}
.l-cart_list .footer-container .btn-wrapper {
display: flex;
flex-direction: row;
}
.l-cart_list .footer-container .btn-wrapper a {
height: auto !important;
font-size: 0.9375rem;
padding: 0.625rem 2.8125rem 0.5625rem;
}
@media (min-width: 1440px) {
.l-cart_list .cart_lists {
min-width: 920px;
}
.l-cart_list .cart_lists .oa-card {
max-width: none;
}
.l-cart_list .footer .col-container {
padding-left: 12px;
padding-right: 12px;
}
}
@media (max-width: 1439px) {
.l-cart_list .col-container {
padding-left: 12px;
padding-right: 12px;
max-width: 1395px;
}
.l-cart_list .cart_lists {
width: 100%;
}
.l-cart_list .cart_lists .oa-card {
max-width: none;
}
.l-cart_list .footer .col-container {
padding-left: 12px;
padding-right: 12px;
}
}
@media (max-width: 1023px) {
.l-cart_list {
padding-top: 3.75rem;
}
.l-cart_list .col-container {
flex-direction: column;
max-width: none !important;
padding-left: 0;
padding-right: 0;
}
.l-cart_list .oa-card {
max-width: none !important;
width: 100%;
padding-left: 5.5625rem;
padding-right: 5.5625rem;
margin-bottom: 0.3125rem;
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
border-radius: 0;
}
.l-cart_list .oa-card.oa-card-ticketpackage .oa-title-wrapper .right {
margin-top: 1.5625rem;
align-items: center;
}
.l-cart_list .oa-card .oa-card-header {
border-bottom: 0.0625rem solid #e9e9e9;
}
.l-cart_list .oa-card .oa-title {
display: block;
margin-top: 1.5625rem;
}
.l-cart_list .cart_lists {
width: 100%;
}
.l-cart_list .other_lists {
margin-left: 0;
width: 100%;
display: none;
}
.l-cart_list .other_lists .cards {
height: 12.5rem;
}
.l-cart_list .footer {
height: 5.3125rem;
box-shadow: 0 -10px 20px 0 rgba(0, 0, 0, 0.1);
background-color: #f9f9f9;
}
.l-cart_list .footer-container {
flex-direction: row;
padding: 0 5.5625rem 15px;
}
.l-cart_list .footer-container .sum-wrapper .sum {
margin-left: 2.5rem;
}
}
@media (max-width: 767px) {
.l-cart_list {
padding-top: 3.75rem;
}
.l-cart_list .col-container {
flex-direction: column;
max-width: none !important;
}
.l-cart_list .oa-card {
max-width: none !important;
width: 100%;
padding-left: 1.25rem;
padding-right: 1.25rem;
margin-bottom: 0.3125rem;
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
border-radius: 0;
}
.l-cart_list .oa-card.oa-card-ticketpackage .oa-card-header {
padding-bottom: 15px;
}
.l-cart_list .oa-card.oa-card-ticketpackage .oa-title-wrapper .oa-title {
margin-bottom: 0;
}
.l-cart_list .oa-card.oa-card-ticketpackage .oa-title-wrapper .right {
margin-top: 0;
align-items: center;
}
.l-cart_list .oa-card.oa-card-ticketpackage .oa-sub-title {
font-size: 12px;
}
.l-cart_list .oa-card .oa-card-header {
border-bottom: 0.0625rem solid #e9e9e9;
}
.l-cart_list .oa-card .oa-title {
display: block;
margin-top: 0;
margin-bottom: 0.9375rem;
}
.l-cart_list .cart_lists {
width: 100%;
}
.l-cart_list .cart_lists .cards .program-intro {
grid-template-columns: 3.125rem 1fr;
margin-bottom: 10px;
}
.l-cart_list .cart_lists .cards .program-intro .content,
.l-cart_list .cart_lists .cards .program-intro .program-logo {
margin-bottom: 10px;
}
.l-cart_list .cart_lists .cards .program-intro .content-info.program-title {
font-weight: 400;
}
.l-cart_list .cart_lists .cards .program-intro .right {
grid-column: 2 / span 1;
justify-self: flex-end;
margin: 0;
}
.l-cart_list .cart_lists .cards-expired .oa-card-header {
display: flex;
justify-content: space-between;
padding-bottom: 0.9375rem;
}
.l-cart_list .cart_lists .cards-expired .oa-card-header .title {
color: #e14e2d;
margin-bottom: 0.3125rem;
}
.l-cart_list .cart_lists .cards-expired .oa-card-header .hint {
font-size: 0.75rem;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
}
.l-cart_list .cart_lists .cards-expired .oa-card-header .delete-wrapper {
margin-top: 0;
}
.l-cart_list .cart_lists .cards-expired .ticket-list-expired {
position: relative;
}
.l-cart_list .cart_lists .cards-expired .ticket-list-expired .infos {
margin-top: 25px;
}
.l-cart_list
.cart_lists
.cards-expired
.ticket-list-expired
.infos
.btn-addToShooping {
position: absolute;
top: 15px;
right: 15px;
color: #e14e2d;
}
.l-cart_list .other_lists {
margin-left: 0;
width: 100%;
}
.l-cart_list .other_lists .cards {
height: 12.5rem;
}
.l-cart_list .footer {
height: 6.3125rem;
box-shadow: 0 -10px 20px 0 rgba(0, 0, 0, 0.1);
background-color: #f9f9f9;
}
.l-cart_list .footer-container {
padding: 0 0.625rem 10px;
justify-content: normal;
align-items: normal;
}
.l-cart_list .footer-container .sum-wrapper {
margin-top: 16px;
margin-bottom: 14px;
padding: 0 10px;
}
.l-cart_list .footer-container .sum-wrapper .sum {
margin-left: 2.5rem;
}
.l-cart_list .footer-container .btn-wrapper {
display: grid;
grid-template-columns: 145px 145px;
justify-content: flex-end;
grid-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
height: 40px;
}
.l-cart_list .footer-container .btn-wrapper .oa-btn-solid {
display: flex;
align-items: center;
justify-content: center;
width: 9.0625rem;
height: 2.5rem;
padding: 0;
}
.l-cart_list .footer-container .btn-wrapper .oa-btn-solid:first-child {
margin-right: 0;
}
}
.l-payment {
padding-top: 6.875rem;
padding-bottom: 9.0625rem;
}
.l-payment .oa-card {
max-width: 38.75rem;
margin-top: 0;
margin-bottom: 0.625rem;
padding: 20px 40px;
}
.l-payment .oa-card .oa-card-header-ticketpackage {
border-bottom: 0.0625rem solid #e9e9e9;
}
.l-payment .oa-card .oa-card-header.hide-border {
border: 0;
}
.l-payment .oa-card .oa-title {
display: block;
margin-top: 0;
margin-bottom: 20px;
cursor: pointer;
}
.l-payment .oa-card .oa-title-hint {
display: block;
margin: 15px 0;
font-size: 13px;
color: #e17d2d;
}
.l-payment .col-container {
display: flex;
}
.l-payment .payment_wrapper {
width: 38.75rem;
}
.l-payment .payment_wrapper .payment_lists .program-intro {
display: grid;
grid-template-columns: 3.125rem 1fr 2.5rem;
grid-column-gap: 0.625rem;
-moz-column-gap: 0.625rem;
column-gap: 0.625rem;
}
.l-payment .payment_wrapper .payment_lists .program-intro .program-logo {
width: 3.125rem;
height: 4.375rem;
-o-object-fit: cover;
object-fit: cover;
margin: 1.25rem 0;
border-radius: 0.625rem;
}
.l-payment .payment_wrapper .payment_lists .program-intro .content {
margin: 1.25rem 0;
}
.l-payment .payment_wrapper .payment_lists .program-intro .content-info {
display: block;
margin-bottom: 0.3125rem;
font-size: 0.9375rem;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
}
.l-payment
.payment_wrapper
.payment_lists
.program-intro
.content-info.program-title {
color: #2a2a2a;
font-weight: 500;
word-break: break-all;
}
.l-payment
.payment_wrapper
.payment_lists
.program-intro
.content-info.program-time,
.l-payment
.payment_wrapper
.payment_lists
.program-intro
.content-info.program-venue {
color: #7a7a7a;
font-size: 0.75rem;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
word-break: break-all;
}
.l-payment .payment_wrapper .payment_lists .program-intro .right {
margin: 1.875rem 0;
}
.l-payment .payment_wrapper .payment_lists .payment-list {
font-size: 0.9375rem;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #2a2a2a;
}
.l-payment .payment_wrapper .payment_lists .payment-list + .payment-list {
margin-top: 0.9375rem;
}
.l-payment .payment_wrapper .payment_lists .payment-list .payment-body {
padding: 0.9375rem;
border-radius: 0.625rem;
background: #f9f9f9;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
color: #2a2a2a;
}
.l-payment
.payment_wrapper
.payment_lists
.payment-list
.payment-body:last-child {
margin-bottom: 0;
}
.l-payment .payment_wrapper .payment_lists .payment-list .payment-body .list {
font-size: 0.9375rem;
margin-bottom: 0.3125rem;
}
.l-payment
.payment_wrapper
.payment_lists
.payment-list
.payment-body
.list:last-child {
margin-bottom: 0;
}
.l-payment
.payment_wrapper
.payment_lists
.payment-list
.payment-body
.list
span {
display: inline-block;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
}
.l-payment
.payment_wrapper
.payment_lists
.payment-list
.payment-body
.list
.discountPrice {
color: #e14e2d;
}
.l-payment
.payment_wrapper
.payment_lists
.payment-list
.payment-body
.list-price-info {
display: flex;
justify-content: space-between;
}
.l-payment
.payment_wrapper
.payment_lists
.payment-list
.payment-body
.list-coupon-info {
display: grid;
grid-template-columns: 50px 1fr;
padding-top: 15px;
margin-top: 15px;
border-top: 1px solid #e9e9e9;
}
.l-payment
.payment_wrapper
.payment_lists
.payment-list
.payment-body
.list-coupon-info
.coupon-infos {
display: grid;
grid-row-gap: 5px;
row-gap: 5px;
}
.l-payment
.payment_wrapper
.payment_lists
.payment-list
.payment-body
.list-coupon-info
.coupon-infos
.coupon-infos-block {
display: flex;
justify-content: space-between;
}
.l-payment .payment_wrapper .payment_lists .totalPay-wrapper {
display: flex;
justify-content: space-between;
padding: 1.25rem 0.9375rem 0.9375rem;
border-top: 0.0625rem solid #e9e9e9;
font-size: 0.9375rem;
color: #2a2a2a;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
}
.l-payment .other_lists {
margin-left: 1.25rem;
width: 18.75rem;
opacity: 0;
}
.l-payment .other_lists .cards {
height: 54.375rem;
}
.l-payment .shopping-steps {
background-color: #fff;
margin-bottom: 0.625rem;
}
.l-payment .shopping-steps .btn-step {
font-size: 1.25rem;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.5;
letter-spacing: normal;
padding: 0.9375rem 0;
}
.l-payment .collections-method .radio-groups {
position: relative;
font-weight: 400;
font-stretch: normal;
font-style: normal;
letter-spacing: -0.0213rem;
font-size: 0.875rem;
display: flex;
margin-bottom: 20px;
}
.l-payment .collections-method .info {
margin-top: 0.9375rem;
padding: 0.9375rem;
border-radius: 0.1875rem;
border: 0.0625rem solid #f4dab0;
background-color: #f8f4e5;
font-size: 0.875rem;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: 2;
letter-spacing: normal;
color: #4a4a4a;
}
.l-payment .collections-method .post-address {
margin-top: 1.875rem;
margin-bottom: 0.9375rem;
}
.l-payment .collections-method .post-address .receive-address-title {
font-size: 1.0625rem;
font-weight: 400;
font-stretch: normal;
font-style: normal;
font-weight: 600;
line-height: 1;
color: #2a2a2a;
}
.l-payment .collections-method .post-address .receive-info-wrapper {
margin-top: 20px;
border-radius: 5px;
cursor: pointer;
}
.l-payment
.collections-method
.post-address
.receive-info-wrapper
.receive-info {
font-size: 15px;
border-radius: 10px;
border: 1px solid #cacaca;
display: flex;
justify-content: space-between;
align-items: center;
}
.l-payment
.collections-method
.post-address
.receive-info-wrapper
.receive-info
.icon-enter {
width: 40px;
height: 40px;
border-radius: 20px;
background: #f9f9f9;
}
.l-payment
.collections-method
.post-address
.receive-info-wrapper
.receive-info-unset {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #7a7a7a;
}
.l-payment
.collections-method
.post-address
.receive-info-wrapper
.btn-add-receive {
width: 138px;
height: 40px;
padding: 0;
border-radius: 20px;
font-size: 13px;
display: flex;
align-items: center;
}
.l-payment
.collections-method
.post-address
.receive-info-wrapper
.btn-add-receive
.icon-address-on {
width: 40px;
height: 40px;
}
.l-payment .payment-method .radio-groups {
position: relative;
display: flex;
justify-content: space-between;
font-weight: 400;
font-stretch: normal;
font-style: normal;
letter-spacing: -0.34px;
font-size: 14px;
margin-bottom: 0.625rem;
}
.l-payment .payment-method .info {
margin-top: 15px;
padding: 30px;
border-radius: 5px;
background-color: #f8f8f8;
}
.l-payment .payment-method .info .form-group {
margin: 0 0 25px;
width: 100%;
}
.l-payment .payment-method .info .form-group .input-user {
width: 460px;
padding: 14px 15px;
font-size: 16px;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.39px;
}
.l-payment .payment-method .info .form-group-credit {
width: 460px;
}
.l-payment .payment-method .info .form-group-credit .input-credit-cards {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.l-payment
.payment-method
.info
.form-group-credit
.input-credit-cards
.input-credit-card {
margin-right: 20px;
width: 100px;
padding: 14px 15px;
font-size: 16px;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.39px;
}
.l-payment .payment-method .info .form-group-valid-date,
.l-payment .payment-method .info .form-group-valid-number {
width: 230px;
display: inline-grid;
}
.l-payment .payment-method .info .form-group-valid-date .input-date,
.l-payment .payment-method .info .form-group-valid-number .input-date {
width: 220px;
padding: 14px 15px;
font-size: 16px;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.39px;
}
.l-payment .payment-method .info .form-group-valid-date .form-hint-left,
.l-payment .payment-method .info .form-group-valid-number .form-hint-left {
font-size: 12px;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: -0.29px;
color: #2a2a2a;
}
.l-payment .invoice-method .oa-select .selected-item {
width: 100%;
}
.l-payment .invoice-method .oa-select .option-wrap {
height: auto;
}
.l-payment .invoice-method .select-invoiceMethod {
border: 1px solid #cacaca;
border-radius: 10px;
}
.l-payment .invoice-method .select-invoiceMethod select {
padding: 10px 15px 9px;
font-size: 15px;
color: #2a2a2a;
}
.l-payment .invoice-method .select-invoiceMethod .icon-dropdown-dark {
height: 20px;
width: 20px;
position: absolute;
right: 15px;
top: 10px;
}
.l-payment .invoice-method .radio-groups {
position: relative;
display: inline-block;
font-weight: 400;
font-stretch: normal;
font-style: normal;
letter-spacing: -0.34px;
font-size: 14px;
}
.l-payment .invoice-method .company-invoice-info,
.l-payment .invoice-method .electronicInvoice-info,
.l-payment .invoice-method .gift-info,
.l-payment .invoice-method .invoice-info {
position: relative;
}
.l-payment .invoice-method .company-invoice-info .title-wrapper,
.l-payment .invoice-method .electronicInvoice-info .title-wrapper,
.l-payment .invoice-method .gift-info .title-wrapper,
.l-payment .invoice-method .invoice-info .title-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 40px;
padding-bottom: 24px;
border-bottom: 1px solid #e9e9e9;
}
.l-payment .invoice-method .company-invoice-info .title-wrapper.hide-border,
.l-payment .invoice-method .electronicInvoice-info .title-wrapper.hide-border,
.l-payment .invoice-method .gift-info .title-wrapper.hide-border,
.l-payment .invoice-method .invoice-info .title-wrapper.hide-border {
border: 0;
}
.l-payment .invoice-method .company-invoice-info .title-wrapper .title,
.l-payment .invoice-method .electronicInvoice-info .title-wrapper .title,
.l-payment .invoice-method .gift-info .title-wrapper .title,
.l-payment .invoice-method .invoice-info .title-wrapper .title {
display: block;
font-size: 17px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #2a2a2a;
}
.l-payment .invoice-method .company-invoice-info .notice,
.l-payment .invoice-method .electronicInvoice-info .notice,
.l-payment .invoice-method .gift-info .notice,
.l-payment .invoice-method .invoice-info .notice {
display: block;
font-size: 13px;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #2a2a2a;
padding: 15px;
border: 1px solid #fef5ef;
border-radius: 10px;
background: #fefaef;
}
.l-payment .invoice-method .invoice-info .btn-add-receive {
width: 138px;
height: 40px;
padding: 0;
border-radius: 20px;
font-size: 13px;
display: flex;
align-items: center;
}
.l-payment .invoice-method .invoice-info .btn-add-receive .icon-address-on {
width: 40px;
height: 40px;
}
.l-payment .invoice-method .invoice-info .receive-info-wrapper {
margin-top: 20px;
border-radius: 5px;
cursor: pointer;
}
.l-payment .invoice-method .invoice-info .receive-info-wrapper .receive-info {
font-size: 15px;
border-radius: 10px;
border: 1px solid #cacaca;
display: flex;
justify-content: space-between;
align-items: center;
}
.l-payment
.invoice-method
.invoice-info
.receive-info-wrapper
.receive-info
.icon-enter {
width: 40px;
height: 40px;
border-radius: 20px;
background: #f9f9f9;
}
.l-payment
.invoice-method
.invoice-info
.receive-info-wrapper
.receive-info-unset {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #7a7a7a;
}
.l-payment .invoice-method .invoice-info .form-group {
margin: 0 0 25px;
width: 100%;
padding: 30px;
background: #f8f8f8;
}
.l-payment
.invoice-method
.invoice-info
.form-group
.wrapper-electronicInvoice {
width: 460px;
}
.l-payment .invoice-method .invoice-info .form-group .electronicInvoice-number {
width: 100%;
padding: 14px 15px;
font-size: 16px;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.39px;
}
.l-payment .invoice-method .company-invoice-info .save-electronicInvoice,
.l-payment .invoice-method .electronicInvoice-info .save-electronicInvoice {
position: relative;
font-size: 13px;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #2a2a2a;
display: flex;
padding-top: 2.5rem;
padding-bottom: 1.5625rem;
}
.l-payment
.invoice-method
.company-invoice-info
.save-electronicInvoice
input[type="checkbox"]:before,
.l-payment
.invoice-method
.electronicInvoice-info
.save-electronicInvoice
input[type="checkbox"]:before {
width: 0.8125rem;
height: 0.8125rem;
border-color: #2a2a2a;
}
.l-payment
.invoice-method
.company-invoice-info
.save-electronicInvoice
input[type="checkbox"]:checked:before,
.l-payment
.invoice-method
.electronicInvoice-info
.save-electronicInvoice
input[type="checkbox"]:checked:before {
border-color: #e14e2d;
}
.l-payment
.invoice-method
.company-invoice-info
.save-electronicInvoice
input[type="checkbox"]:checked:after,
.l-payment
.invoice-method
.electronicInvoice-info
.save-electronicInvoice
input[type="checkbox"]:checked:after {
width: 0.1875rem;
height: 0.5rem;
}
.l-payment
.invoice-method
.company-invoice-info
.save-electronicInvoice
.confirm-text,
.l-payment
.invoice-method
.electronicInvoice-info
.save-electronicInvoice
.confirm-text {
margin-top: -0.1875rem;
}
.l-payment .invoice-method .gift-info {
margin-top: 1.3125rem;
}
.l-payment .invoice-method .invoice-info {
padding: 0;
margin-top: 1.3125rem;
}
.l-payment
.invoice-method
.invoice-info
.gift-type
.wrapper-giftCode
.form-group {
padding: 0;
width: 28.75rem;
}
.l-payment .invoice-method .invoice-info .gift-type .wrapper-giftCode input {
display: block;
}
.l-payment .invoice-method .invoice-info .gift-type .gift-code {
padding: 0.875rem 0.9375rem;
font-size: 1rem;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.0244rem;
width: 28.75rem;
}
.l-payment .confirm {
font-size: 0.8125rem;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
letter-spacing: -0.03rem;
color: #2a2a2a;
display: flex;
flex-direction: column;
padding: 2.5rem;
}
.l-payment .confirm-list {
width: 100%;
display: flex;
margin-bottom: 20px;
}
.l-payment .confirm-list:last-child {
margin-bottom: 0;
}
.l-payment .confirm-text {
margin-left: 0.3125rem;
margin-top: -0.125rem;
}
.l-payment .footer {
box-shadow: 0 0.625rem 1.25rem 0 rgba(0, 0, 0, 0.1);
background-color: #fff;
height: 5rem;
position: fixed;
bottom: 0;
left: 0;
right: 0;
}
.l-payment .footer-container {
display: flex;
justify-content: space-between;
align-items: center;
height: 100%;
}
.l-payment .footer-container .sum-wrapper {
font-size: 0.875rem;
color: #2a2a2a;
}
.l-payment .footer-container .sum-wrapper .sum,
.l-payment .footer-container .sum-wrapper .total {
display: inline-block;
}
.l-payment .footer-container .sum-wrapper .sum {
margin-left: 3.75rem;
}
.l-payment .footer-container .sum-wrapper .info {
font-size: 1.0625rem;
font-weight: 600;
}
.l-payment .footer-container .btn-wrapper {
display: grid;
grid-template-columns: 9.0625rem 9.0625rem;
justify-content: flex-end;
grid-column-gap: 0.625rem;
-moz-column-gap: 0.625rem;
column-gap: 0.625rem;
height: 2.5rem;
}
.l-payment .footer-container .btn-wrapper .oa-btn-solid {
display: flex;
align-items: center;
justify-content: center;
width: 9.0625rem;
height: 2.5rem;
padding: 0;
}
.l-payment .footer-container .btn-wrapper .oa-btn-solid:first-child {
margin-right: 0;
}
.l-payment .footer-container .btn-wrapper .apple-pay-button,
.l-payment .footer-container .btn-wrapper .gpay-button {
width: 9.0625rem;
height: 2.5rem;
border-radius: 0.625rem;
min-width: 0;
}
.l-payment .input-companyLetterHead,
.l-payment .input-companyTax,
.l-payment .input-mobileBarcode {
width: 100%;
max-width: none !important;
}
.l-payment .verify-wrapper {
display: flex;
flex-direction: column;
width: 100%;
}
.l-payment .verify-wrapper .inp {
max-width: none;
}
.l-payment .verify-wrapper .verify-errMsg {
color: red;
font-size: 0.6875rem;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.0169rem;
margin-top: 0.3125rem;
}
.l-payment .verify-wrapper .icon-error {
height: 0.875rem;
width: 0.875rem;
vertical-align: middle;
}
.l-payment .verify-wrapper .slash {
color: #cacaca;
margin-top: 1.375rem;
}
input[type="checkbox"] {
cursor: pointer;
position: relative;
margin-right: 10px;
margin-top: 0;
}
input::-moz-placeholder {
font-size: 1rem;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.0244rem;
color: #2a2a2a;
}
input:-ms-input-placeholder {
font-size: 1rem;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.0244rem;
color: #2a2a2a;
}
input::placeholder {
font-size: 1rem;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.0244rem;
color: #2a2a2a;
}
/*
            input[type="checkbox"]:before {
                content: "";
                display: block;
                position: absolute;
                width: 1rem;
                height: 1rem;
                top: -0.1425rem;
				left: -0.1825rem;
                border: 2px solid #eee;
                border-radius: 0.875rem;
                background-color: #fff;
            }
            input[type="checkbox"]:checked:before {
                background-color: #82A417;
                border: 2px solid #82A417;
            }
            input[type="checkbox"]:checked:after {
                content: "";
                display: block;
                width: 0.375rem;
                height: 0.84375rem;
                border: solid #fff;
                border-width: 0 0.0625rem 0.0625rem 0;
                transform: rotate(45deg);
                position: absolute;
                top: 0;
                left: 0.3125rem;
            }
*/
/*
            input[type="radio"] {
                display: none;
            }*/
.radio {
cursor: pointer;
text-indent: 2.1875rem;
overflow: visible;
display: inline-block;
position: relative;
margin-bottom: 0.9375rem;
}
label.radio:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 1.375rem;
height: 1.375rem;
border-radius: 100%;
border: 0.0625rem solid #000;
}
label.radio:after {
opacity: 0;
content: "";
position: absolute;
top: 0.3438rem;
left: 0.375rem;
border-radius: 50%;
border: 0 solid;
width: 0.75rem;
height: 0.75rem;
background-color: #4a4a4a;
}
input[type="radio"]:checked + label:after {
opacity: 1;
}
@media (min-width: 1440px) {
.l-payment .payment_wrapper {
width: 100%;
}
.l-payment .payment_wrapper .payment_lists {
min-width: 920px;
}
.l-payment .payment_wrapper .payment_lists .oa-card {
max-width: none;
}
.l-payment .footer .col-container {
padding-left: 12px;
padding-right: 12px;
}
}
@media (max-width: 1439px) {
.l-payment .col-container {
padding-left: 12px;
padding-right: 12px;
max-width: 1395px;
}
.l-payment .payment_wrapper,
.l-payment .payment_wrapper .payment_lists {
width: 100%;
}
.l-payment .payment_wrapper .payment_lists .oa-card {
max-width: none;
}
.l-payment .footer .col-container {
padding-left: 12px;
padding-right: 12px;
}
}
@media (max-width: 1023px) {
.l-payment {
padding-top: 3.75rem;
}
.l-payment .col-container {
flex-direction: column;
max-width: none !important;
padding-left: 0;
padding-right: 0;
}
.l-payment .payment_wrapper {
width: 100%;
}
.l-payment .oa-card {
max-width: none !important;
width: 100%;
padding-left: 5.5625rem;
padding-right: 5.5625rem;
margin-bottom: 0.3125rem;
box-shadow: 0 0.625rem 1.25rem 0 rgba(0, 0, 0, 0.1);
border-radius: 0;
}
.l-payment .oa-card .oa-title {
display: block;
margin-top: 0;
margin-bottom: 20px;
}
.l-payment .cart_lists {
width: 100%;
}
.l-payment .other_lists {
margin-left: 0;
width: 100%;
display: none;
}
.l-payment .other_lists .cards {
height: 12.5rem;
}
.l-payment .footer {
height: 5.3125rem;
box-shadow: 0 -0.625rem 1.25rem 0 rgba(0, 0, 0, 0.1);
background-color: #f9f9f9;
}
.l-payment .footer-container {
flex-direction: row;
padding: 0 5.5625rem 0.9375rem;
}
.l-payment .footer-container .sum-wrapper .sum {
margin-left: 2.5rem;
}
}
@media (max-width: 767px) {
.l-payment {
padding-top: 3.75rem;
padding-bottom: 6.3125rem;
}
.l-payment .col-container {
flex-direction: column;
max-width: none !important;
}
.l-payment .oa-card {
max-width: none !important;
width: 100%;
padding-left: 1.25rem;
padding-right: 1.25rem;
margin-bottom: 0.3125rem;
box-shadow: 0 0.625rem 1.25rem 0 rgba(0, 0, 0, 0.1);
border-radius: 0;
}
.l-payment .oa-card .oa-title {
display: block;
margin-top: 0;
margin-bottom: 0.9375rem;
}
.l-payment .oa-card .oa-title-invoiceMethod,
.l-payment .oa-card .oa-title-paymentMethod {
margin-top: 1.5625rem;
}
.l-payment .oa-card .oa-title-invoiceMethod {
margin-bottom: 2.5rem;
}
.l-payment .invoice-method .invoice-info {
margin-top: 0;
}
.l-payment .invoice-method .invoice-info .title-wrapper {
border-bottom: 0;
}
.l-payment .payment-method .radio-groups {
flex-direction: column;
}
.l-payment .payment-method .radio-groups .icon-wrapper {
margin-left: 2.1875rem;
}
.l-payment .footer {
height: 6.3125rem;
box-shadow: 0 -0.625rem 1.25rem 0 rgba(0, 0, 0, 0.1);
background-color: #f9f9f9;
}
.l-payment .footer-container {
padding: 0 0.625rem 0.625rem;
justify-content: normal;
align-items: normal;
}
.l-payment .footer-container .sum-wrapper {
margin-top: 1rem;
margin-bottom: 0.875rem;
padding: 0 0.625rem;
}
.l-payment .footer-container .sum-wrapper .sum {
margin-left: 2.5rem;
}
.l-payment .footer-container .btn-wrapper {
display: grid;
grid-template-columns: 9.0625rem 9.0625rem;
justify-content: flex-end;
grid-column-gap: 0.625rem;
-moz-column-gap: 0.625rem;
column-gap: 0.625rem;
height: 2.5rem;
}
.l-payment .footer-container .btn-wrapper .oa-btn-solid {
display: flex;
align-items: center;
justify-content: center;
width: 9.0625rem;
height: 2.5rem;
padding: 0;
}
.l-payment .footer-container .btn-wrapper .oa-btn-solid:first-child {
margin-right: 0;
}
}
.l-account {
padding-top: 90px;
background: #fff;
}
.l-account-page-left {
position: relative;
min-width: 18.75rem;
}

.l-account-page .menu {
/*padding-bottom: 10px;*/
border-radius: 8px;
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
background-color: #fff;
margin-bottom: 10px;
}

/*選定*/
.member-selected {
color: white !important;
background-color: #afc66f !important;
}
.l-account-page .menu .l-account-page-name {
word-break: break-word;
}
.l-account-page .menu .menu-sec {
margin: 0 15px;
padding-top: 20px;
border-bottom: 0.0625rem solid #d8d8d8;
font-size: 17px;
font-weight: 600;
}
.l-account-page .menu .menu-sec:last-child {
border-bottom: none;
}
.l-account-page .menu .menu-sec-item {
cursor: pointer;
display: flex;
margin-bottom: 20px;
}
.l-account-page .menu .menu-sec-item div {
margin-right: 15px;
font-size: 15px;
font-weight: 400;
height: 40px;
line-height: 40px;
}
.l-account-page .menu .menu-sec-item.active,
.l-account-page .menu .menu-sec-item:active {
color: #e14e2d;
}
.l-account-page .menu .logout {
margin: 20px 15px 40px;
}
.l-account-page .main {
position: relative;
word-break: break-word;
}
.l-account-page .main > div {
border-radius: 20px;
}
.l-account-page .main .main-sections {
border-radius: 20px;
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}
.l-account-page-name {
text-align: left;
padding: 20px 20px 20px;
border-radius: 15px;
}
.l-account-page-title {
padding: 40px 20px 0;
font-size: 17px;
font-weight: 600;
color: #2a2a2a;
}
.icon40[data-v-member-img] {
width: 60px;
height: 60px;
background-image: url(/images/user_large.png);
background-repeat: round;
border-radius: 30px;
}
.member_head_txt {
font-size: 17px;
font-weight: 600;
margin: 10px;
width: 60%;
float: right;
}
.member_head_txt > font {
font-weight: 100;
font-size: 14px;
color: #bcb7b7;
}

@media (max-width: 767px) {
.l-account-page-title {
padding: 20px 20px 0;
}
}
.l-account-page .content {
padding: 0.9375rem;
}
@media (min-width: 1024px) {
.l-account-page-left {
padding: 20px;
display: block;
}
.l-account .l-account-page {
display: flex;
}
.l-account .l-account-page .l-account-page-left,
.l-account .l-account-page .main {
height: calc(100vh - 90px);
padding-top: 20px;
padding-bottom: 40px;
overflow-y: scroll;
}
.l-account .l-account-page .l-account-page-left {
position: fixed;
width: 30vw;
max-width: 30vw;
padding-left: 15px;
padding-right: 10px;
}
.l-account .l-account-page .main {
height: auto;
width: 68vw;
max-width: 68vw;
left: 30vw;
padding-left: 10px;
padding-right: 15px;
}
}
@media (min-width: 1440px) {
.l-account .l-account-page .l-account-page-left {
width: 360px;
max-width: 360px;
}
.l-account .l-account-page .main {
width: 920px;
max-width: 920px;
left: 360px;
}
}
@media (max-width: 1023px) {
.l-account {
padding-top: 60px;
}
.l-account .col-container {
max-width: 100%;
min-width: 100%;
}
.l-account-page-left {
width: 100%;
margin-right: 0;
margin-bottom: 0;
}
.l-account-page .menu {
border-radius: 0;
box-shadow: none;
background-color: #fff;
}
.l-account-page .menu .l-account-page-name {
width: auto;
}
.l-account-page .menu .menu-sec {
width: 590px;
min-width: 590px;
max-width: 590px;
margin: 0 auto;
padding: 40px 20px 20px;
border-bottom: 1px solid #d8d8d8;
display: flex;
flex-wrap: wrap;
}
.l-account-page .menu .menu-sec-item {
flex: 0 0 50%;
}
.l-account-page .menu .menu-sec > div:first-child {
flex: 0 0 100%;
}
.l-account-page .menu .menu-sec > div:last-child {
margin-bottom: 0;
}
.l-account-page .menu .logout {
width: 590px;
margin: 20px auto 40px;
}
.l-account-page .menu > div:nth-child(3) {
padding-top: 20px;
}
.l-account-page .main {
margin: auto;
width: 620px;
box-shadow: none;
}
.l-account-page .main .main-sections {
box-shadow: none;
}
.l-account-page-name {
border-bottom: 5px solid #e9e9e9;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
}
@media (max-width: 767px) {
.l-account-page .menu .menu-sec {
width: calc(100% - 20px);
min-width: 0;
max-width: none;
box-sizing: border-box;
margin: 0 10px;
padding-left: 10px;
padding-right: 10px;
border-bottom: 1px solid #d8d8d8;
display: block;
}
.l-account-page .menu .logout {
width: calc(100% - 20px);
}
.l-account-page .main {
width: 100%;
}
}
.l-account-page .main > div .main-sections .content {
width: auto;
padding: 20px 20px 40px;
}
@media (max-width: 1023px) {
.l-account-page .main > div .main-sections .content {
width: auto;
}
}
.l-account-page .main > div .main-sections .content.noItem {
padding: 40px 0;
text-align: center;
}
.l-account-page .main > div .main-sections .content.noItem > div {
height: 17px;
color: #7a7a7a;
font-size: 12px;
}
.l-account-page .main > div .main-sections .content.noItem .oa-btn-border,
.l-account-page .main > div .main-sections .content.noItem .oa-btn-border-icon {
margin-top: 20px;
}
@media (max-width: 1023px) {
.l-account-page .main > div .main-sections .content.noItem {
position: relative;
top: calc(50vh - 220px);
}
}
.l-account-page .main .l-account-type-tab {
position: relative;
height: auto;
min-height: 223px;
background: #fff;
}
.l-account-page .main .l-account-type-tab .main-sections .l-account-page-title {
padding: 40px 20px 20px;
}
@media (max-width: 767px) {
.l-account-page .main .l-account-type-tab .main-sections .l-account-page-title {
padding: 20px 20px 0;
}
}
.l-account-page
.main
.l-account-type-tab
.main-sections
.oa-btnWrap
.oa-btnBlock
> a:first-child,
.l-account-page
.main
.l-account-type-tab
.main-sections
.oa-btnWrap
.oa-btnBlock
> button:first-child {
padding: 24px 20px 0;
}
.l-account-page .main .l-account-type-withRightBtn {
position: relative;
height: auto;
min-height: 223px;
background: #fff;
}
.l-account-page
.main
.l-account-type-withRightBtn
.main-sections
.l-account-page-title {
margin: 0 15px;
padding: 40px 5px 0;
}
.l-account-page
.main
.l-account-type-withRightBtn
.main-sections
.l-account-page-title
button {
display: none;
}
.l-account-page
.main
.l-account-type-withRightBtn
.main-sections.hasBinding
.l-account-page-title {
height: 104px;
padding: 40px 40px 0;
margin: 0;
}
.l-account-page
.main
.l-account-type-withRightBtn
.main-sections.hasBinding
.l-account-page-title
button {
display: inline;
display: initial;
position: absolute;
top: 40px;
right: 40px;
}
@media (max-width: 1023px) {
.l-account-page
.main
.l-account-type-withRightBtn
.main-sections.hasBinding
.l-account-page-title {
padding: 40px 20px 0;
}
.l-account-page
.main
.l-account-type-withRightBtn
.main-sections.hasBinding
.l-account-page-title
button {
right: 20px;
}
}
@media (max-width: 767px) {
.l-account-page
.main
.l-account-type-withRightBtn
.main-sections.hasBinding
.l-account-page-title {
height: 80px;
padding: 20px 20px 0;
}
.l-account-page
.main
.l-account-type-withRightBtn
.main-sections.hasBinding
.l-account-page-title
button {
top: 20px;
}
}
.l-account-page
.main
.l-account-type-withRightBtn
.main-sections.hasBinding
.content {
padding: 0 40px;
}
@media (max-width: 1023px) {
.l-account-page
.main
.l-account-type-withRightBtn
.main-sections.hasBinding
.content {
padding: 0 15px;
}
}
.l-account-page .main .l-account-type-multi .main-sections {
position: relative;
margin-top: 20px;
}
.l-account-page .main .l-account-type-multi .main-sections:nth-child(2) {
margin-top: 0;
}
.l-account-page
.main
.l-account-type-multi
.main-sections.flat
.l-account-page-title {
padding: 32px 20px;
display: flex;
line-height: 40px;
}
.l-account-page
.main
.l-account-type-multi
.main-sections.flat
.l-account-page-title
button {
margin: auto 0 auto auto;
}
.l-account-page
.main
.l-account-type-multi
.main-sections.flat.active
.l-account-page-title {
padding: 32px 20px 20px;
}
.l-account-page .main .l-account-type-multi .content-footer {
padding: 0 40px 40px;
text-align: right;
}
.l-account-page .main .l-account-type-multi .content-footer button {
padding: 10px 30px;
}
@media (max-width: 1023px) {
.l-account-page .main .l-account-type-multi .main-sections {
margin-top: 0;
border-radius: 0;
border-top: 5px solid #e9e9e9;
}
.l-account-page .main .l-account-type-multi .main-sections:nth-child(2) {
border-top: none;
}
}
@media (max-width: 767px) {
.l-account-page .main .l-account-type-multi .content {
padding: 20px;
}
.l-account-page .main .l-account-type-multi .content-footer {
padding: 0 20px 40px;
}
.l-account-page .main .l-account-type-multi .content-footer button {
width: 100%;
}
.l-account-page
.main
.l-account-type-multi
.main-sections.flat.active
.l-account-page-title {
padding: 24px 20px 0;
}
}
.l-account-page .main .form-wrapper .c-material-input {
max-width: none;
}
.l-account-page .main .form-wrapper .c-material-input .input-inp {
word-break: normal;
}
.l-account-page .main .form-wrapper .input-disable {
margin-top: 36px;
}
.l-account-page .main .form-wrapper .input-disable div {
font-size: 15px;
color: #2a2a2a;
}
.l-account-page .main .form-wrapper .input-disable .label {
font-size: 11px;
color: hsla(0, 0%, 47.8%, 0.5);
margin-bottom: 5px;
}
.l-account-page .main .form-wrapper .common-wrapper {
width: 412px;
}
.l-account-page .main .form-wrapper .birthday-wrapper {
width: 412px;
margin-bottom: 3.1875rem;
}
.l-account-page .main .form-wrapper .gender-wrapper {
margin-top: 36px;
}
.l-account-page .main .form-wrapper .privacy-wrapper {
margin-top: 50px;
display: flex;
font-size: 15px;
}
.l-account-page .main .form-wrapper .privacy-wrapper input {
margin-top: 4px;
}
.l-account-page .main .form-wrapper .gender-wrapper .selected-item {
width: 412px;
}
.l-account-page .main .form-wrapper .gender-wrapper .option-wrap {
height: 7.1875rem;
}
@media (max-width: 767px) {
.l-account-page .main .form-wrapper .birthday-wrapper,
.l-account-page .main .form-wrapper .common-wrapper {
width: auto;
}
.l-account-page .main .form-wrapper .gender-wrapper .selected-item {
width: 280px;
}
}
.hasNotiTop .l-account {
padding-top: 140px;
}
@media (min-width: 1024px) {
.hasNotiTop .l-account .l-account-page .l-account-page-left,
.hasNotiTop .l-account .l-account-page .main {
height: calc(100vh - 140px);
}
}
@media (max-width: 1023px) {
.hasNotiTop .l-account {
padding-top: 110px;
}
}
.l-register__container {
display: flex;
justify-content: center;
padding-top: 130px;
padding-bottom: 40px;
background: #fef5ef;
height: 100%;
min-height: 100vh;
}
.l-register__container .wrapper {
overflow: hidden;
margin-top: auto;
margin-bottom: auto;
width: 590px;
height: 590px;
min-height: 590px;
background: #fff;
text-align: center;
border-radius: 20px;
padding: 5.3125rem 5.5625rem 9rem;
}
.l-register__container .wrapper .header {
margin-bottom: 34px;
}
.l-register__container .wrapper .title {
text-align: center;
font-size: 17px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.5;
letter-spacing: normal;
color: #2a2a2a;
}
.l-register__container .wrapper .phoneNumber-wrapper {
display: flex;
align-items: baseline;
justify-content: center;
margin-bottom: 52px;
}
.l-register__container .wrapper .phoneNumber-wrapper .oa-select {
margin-right: 0.9375rem;
}
.l-register__container .wrapper .recaptcha-wrapper {
display: flex;
align-items: flex-start;
margin-bottom: 2.5rem;
margin-left: 10px;
font-size: 0.9375rem;
color: #2a2a2a;
}
.l-register__container .wrapper .recaptcha-wrapper .recaptcha {
margin-right: 1.75rem;
}
.l-register__container .wrapper .form-group {
margin: 0 auto 30px;
width: 344px;
}
.l-register__container .wrapper .form-error-hint {
color: red !important;
text-align: right !important;
margin-top: 5px;
}
.l-register__container .wrapper .privacy {
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 13px;
margin: 20px 0;
}
.l-register__container .wrapper .btn-primary-full {
border-radius: 3px;
width: 344px;
margin: 0 auto;
}
.l-register__container .wrapper .already {
font-size: 15px;
color: #7a7a7a;
}
.l-register__container .btn-verify {
opacity: 0.5;
cursor: auto;
width: 412px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px;
}
.l-register__container .btn-verify.active {
opacity: 1;
cursor: pointer;
}
.l-register__container .c-material-input {
max-width: 297px;
width: 100%;
}
.l-register__container .c-material-input .inp {
max-width: 297px;
}
@media (max-width: 1023px) {
.l-register__container {
padding-top: 100px;
padding-bottom: 40px;
}
}
@media (max-width: 767px) {
.l-register__container {
padding-top: 60px;
padding-bottom: 0;
background: #fff;
min-height: 0;
height: auto;
}
.l-register__container .wrapper {
margin-top: 0;
margin-bottom: 0;
padding: 2.5rem 0.625rem 0;
max-width: 320px;
min-width: 320px;
height: 100%;
min-height: 100%;
}
.l-register__container .wrapper .form-group {
width: auto;
}
.l-register__container .wrapper .btn-verify {
width: 100%;
}
.l-register__container .wrapper .recaptcha-wrapper {
align-items: center;
margin-left: 0;
}
.l-register__container .wrapper .privacy {
justify-content: center;
}
}
.l-verify__container {
display: flex;
justify-content: center;
padding-top: 130px;
padding-bottom: 40px;
background: #fef5ef;
height: 100%;
min-height: 100vh;
}
.l-verify__container .wrapper {
overflow: hidden;
margin-top: auto;
margin-bottom: auto;
width: 590px;
height: 590px;
min-height: 590px;
background: #fff;
text-align: center;
border-radius: 1.25rem;
padding: 5.3125rem 5.5625rem 9rem;
}
.l-verify__container .wrapper .header {
margin-bottom: 2.125rem;
}
.l-verify__container .wrapper .title {
text-align: center;
font-size: 1.0625rem;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1.5;
letter-spacing: normal;
color: #2a2a2a;
}
.l-verify__container .wrapper .code-wrapper,
.l-verify__container .wrapper .password-wrapper {
display: flex;
align-items: baseline;
justify-content: center;
}
.l-verify__container .wrapper .code-wrapper {
margin-bottom: 2.25rem;
}
.l-verify__container .wrapper .password-wrapper {
flex-direction: column;
margin-bottom: 1.9375rem;
}
.l-verify__container .wrapper .recaptcha-wrapper {
display: flex;
align-items: flex-start;
margin-top: 1.25rem;
font-size: 0.9375rem;
color: #2a2a2a;
}
.l-verify__container .wrapper .recaptcha-wrapper .recaptcha {
margin-right: 1.75rem;
}
.l-verify__container .wrapper .c-material-input {
max-width: 25.75rem;
width: 100%;
}
.l-verify__container .wrapper .c-material-input .inp {
max-width: 25.75rem;
}
.l-verify__container .wrapper .btn-verify {
opacity: 0.5;
cursor: auto;
width: 25.75rem;
height: 2.5rem;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 1.25rem;
font-size: 0.9375rem;
}
.l-verify__container .wrapper .btn-verify.active {
opacity: 1;
cursor: pointer;
}
.l-verify__container .wrapper .btn-resend {
width: 25.75rem;
height: 2.5rem;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
color: #e17d2d;
font-size: 0.9375rem;
}
@media (max-width: 1023px) {
.l-verify__container {
padding-top: 100px;
padding-bottom: 40px;
}
}
@media (max-width: 767px) {
.l-verify__container {
padding-top: 60px;
padding-bottom: 0;
background: #fff;
min-height: 0;
height: auto;
}
.l-verify__container .wrapper {
margin-top: 0;
margin-bottom: 0;
padding: 2.5rem 0.625rem 0;
max-width: 20rem;
min-width: 20rem;
height: 100%;
min-height: 100%;
}
.l-verify__container .wrapper .form-group {
width: auto;
}
.l-verify__container .wrapper .btn-resend,
.l-verify__container .wrapper .btn-verify {
width: 100%;
}
.l-verify__container .wrapper .recaptcha-wrapper {
align-items: center;
margin-left: 0;
}
}
.l-register-account__container {
display: flex;
justify-content: center;
padding-top: 130px;
padding-bottom: 40px;
background: #fef5ef;
height: 100%;
min-height: 100vh;
}
.l-register-account__container .wrapper {
overflow: hidden;
margin-top: auto;
margin-bottom: auto;
width: 590px;
height: 590px;
min-height: 590px;
background: #fff;
text-align: center;
border-radius: 1.25rem;
padding: 2.75rem 5.5625rem;
}
.l-register-account__container .wrapper .header {
margin-bottom: 2.125rem;
}
.l-register-account__container .wrapper .title {
text-align: center;
font-size: 1.0625rem;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.5;
letter-spacing: normal;
color: #2a2a2a;
}
.l-register-account__container .wrapper .c-material-input {
max-width: 25.75rem;
width: 100%;
}
.l-register-account__container .wrapper .c-material-input .inp {
max-width: 25.75rem;
}
.l-register-account__container .wrapper .birthday-wrapper {
margin-bottom: 3.1875rem;
}
.l-register-account__container .wrapper .gender-wrapper {
max-width: 25.75rem;
width: 100%;
height: 1.5rem;
margin-bottom: 2.5rem;
}
.l-register-account__container .wrapper .gender-wrapper .selected-item {
width: 100%;
}
.l-register-account__container .wrapper .gender-wrapper .option-wrap {
height: 7.1875rem;
}
.l-register-account__container .wrapper .privacy-wrapper {
margin-bottom: 1.25rem;
display: flex;
align-items: baseline;
justify-content: center;
font-size: 0.9375rem;
}
.l-register-account__container .wrapper .btn-confirm {
opacity: 0.5;
cursor: auto;
width: 25.75rem;
height: 2.5rem;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 1.25rem;
font-size: 0.9375rem;
}
.l-register-account__container .wrapper .btn-confirm.active {
opacity: 1;
cursor: pointer;
}
@media (max-width: 1023px) {
.l-register-account__container {
padding-top: 100px;
padding-bottom: 40px;
}
}
@media (max-width: 767px) {
.l-register-account__container {
padding-top: 60px;
padding-bottom: 0;
background: #fff;
min-height: 0;
height: auto;
}
.l-register-account__container .wrapper {
margin-top: 0;
margin-bottom: 0;
padding: 2.5rem 1.25rem 0;
max-width: 20rem;
min-width: 20rem;
height: 100%;
min-height: 100%;
overflow-y: scroll;
}
.l-register-account__container .wrapper .btn-confirm {
width: 100%;
}
}
.l-login__container {
display: flex;
justify-content: center;
padding-top: 130px;
padding-bottom: 40px;
background: #fef5ef;
height: 100%;
min-height: 100vh;
}
.l-login__container .wrapper {
overflow: hidden;
margin-top: auto;
margin-bottom: auto;
width: 590px;
height: 590px;
min-height: 590px;
background: #fff;
text-align: center;
border-radius: 1.25rem;
padding: 5.3125rem 5.5625rem 9rem;
}
.l-login__container .wrapper .header {
margin-bottom: 2.125rem;
}
.l-login__container .wrapper .title {
text-align: center;
font-size: 1.0625rem;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1.5;
letter-spacing: normal;
color: #2a2a2a;
}
.l-login__container .wrapper .phoneNumber-wrapper {
display: flex;
align-items: baseline;
justify-content: center;
margin-bottom: 1.8125rem;
}
.l-login__container .wrapper .phoneNumber-wrapper .oa-select {
margin-right: 0.9375rem;
}
.l-login__container .wrapper .password-wrapper {
margin-bottom: 2.5rem;
}
.l-login__container .wrapper .recaptcha-wrapper {
display: flex;
align-items: flex-start;
margin-bottom: 2.5rem;
font-size: 0.9375rem;
color: #2a2a2a;
}
.l-login__container .wrapper .recaptcha-wrapper .recaptcha {
margin-right: 1.75rem;
}
.l-login__container .wrapper .no-account-info {
font-size: 0.9375rem;
color: #7a7a7a;
}
.l-login__container .wrapper .btn-login {
opacity: 0.5;
cursor: auto;
width: 25.75rem;
height: 2.5rem;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 1.25rem;
}
.l-login__container .wrapper .btn-login.active {
opacity: 1;
cursor: pointer;
}
.l-login__container .wrapper .c-material-input {
max-width: 25.75rem;
width: 100%;
}
.l-login__container .wrapper .c-material-input .inp {
max-width: 25.75rem;
}
@media (max-width: 1023px) {
.l-login__container {
padding-top: 100px;
padding-bottom: 40px;
}
}
@media (max-width: 767px) {
.l-login__container {
padding-top: 60px;
padding-bottom: 0;
background: #fff;
min-height: 0;
}
.l-login__container .wrapper {
margin-top: 0;
margin-bottom: 0;
padding: 2.5rem 0.625rem 0;
max-width: 20rem;
min-width: 20rem;
height: 100%;
min-height: 100%;
}
.l-login__container .wrapper .header {
margin-bottom: 0.5rem;
}
.l-login__container .wrapper .password-wrapper,
.l-login__container .wrapper .phoneNumber-wrapper {
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.l-login__container .wrapper .password-wrapper {
margin-bottom: 1.25rem;
}
.l-login__container .wrapper .recaptcha-wrapper {
flex-direction: column-reverse;
align-items: flex-end;
margin-bottom: 1.25rem;
}
.l-login__container .wrapper .recaptcha-wrapper .recaptcha {
margin-top: 1.25rem;
margin-right: 0;
}
.l-login__container .wrapper .recaptcha-wrapper .text-forgetpassword {
margin-right: 0.625rem;
}
.l-login__container .wrapper .btn-login {
width: 100%;
}
}
.l-forgetpassword__container {
display: flex;
justify-content: center;
padding-top: 130px;
padding-bottom: 40px;
background: #fef5ef;
height: 100%;
min-height: 100vh;
}
.l-forgetpassword__container .wrapper {
overflow: hidden;
margin-top: auto;
margin-bottom: auto;
width: 590px;
height: 590px;
min-height: 590px;
background: #fff;
text-align: center;
border-radius: 1.25rem;
padding: 5.3125rem 5.5625rem 9rem;
}
.l-forgetpassword__container .wrapper .header {
margin-bottom: 2.125rem;
}
.l-forgetpassword__container .wrapper .title {
text-align: center;
font-size: 1.0625rem;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1.5;
letter-spacing: normal;
color: #2a2a2a;
}
.l-forgetpassword__container .wrapper .hint {
font-size: 0.9375rem;
color: #7a7a7a;
text-align: left;
margin-bottom: 2.375rem;
}
.l-forgetpassword__container .wrapper .phoneNumber-wrapper {
display: flex;
align-items: baseline;
justify-content: center;
margin-bottom: 2.5rem;
}
.l-forgetpassword__container .wrapper .phoneNumber-wrapper .oa-select {
margin-right: 0.9375rem;
}
.l-forgetpassword__container .wrapper .password-wrapper {
margin-bottom: 2.5rem;
}
.l-forgetpassword__container .wrapper .recaptcha-wrapper {
display: flex;
align-items: flex-start;
margin-bottom: 2.5rem;
font-size: 0.9375rem;
color: #2a2a2a;
}
.l-forgetpassword__container .wrapper .recaptcha-wrapper .recaptcha {
margin-right: 1.75rem;
}
.l-forgetpassword__container .wrapper .no-account-info {
font-size: 0.9375rem;
color: #7a7a7a;
}
.l-forgetpassword__container .wrapper .btn-login {
opacity: 0.5;
cursor: auto;
width: 25.75rem;
height: 2.5rem;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 1.25rem;
}
.l-forgetpassword__container .wrapper .btn-login.active {
opacity: 1;
cursor: pointer;
}
.l-forgetpassword__container .wrapper .c-material-input {
max-width: 25.75rem;
width: 100%;
}
.l-forgetpassword__container .wrapper .c-material-input .inp {
max-width: 25.75rem;
}
@media (max-width: 1023px) {
.l-forgetpassword__container {
padding-top: 100px;
padding-bottom: 40px;
}
}
@media (max-width: 767px) {
.l-forgetpassword__container {
padding-top: 60px;
padding-bottom: 0;
background: #fff;
min-height: 0;
height: auto;
}
.l-forgetpassword__container .wrapper {
margin-top: 0;
margin-bottom: 0;
padding: 2.5rem 0.625rem 0;
max-width: 20rem;
min-width: 20rem;
height: 100%;
min-height: 100%;
}
.l-forgetpassword__container .wrapper .password-wrapper,
.l-forgetpassword__container .wrapper .phoneNumber-wrapper {
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.l-forgetpassword__container .wrapper .password-wrapper {
margin-bottom: 1.25rem;
}
.l-forgetpassword__container .wrapper .recaptcha-wrapper {
flex-direction: column-reverse;
align-items: flex-end;
margin-bottom: 1.25rem;
}
.l-forgetpassword__container .wrapper .recaptcha-wrapper .recaptcha {
margin-top: 1.25rem;
margin-right: 0;
}
.l-forgetpassword__container .wrapper .btn-login {
width: 100%;
}
}
.nuxt-progress {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 2px;
width: 0;
opacity: 1;
transition: width 0.1s, opacity 0.4s;
background-color: #e17d2d;
z-index: 999999;
}
.nuxt-progress.nuxt-progress-notransition {
transition: none;
}
.nuxt-progress-failed {
background-color: red;
}
.oa-input-searchbar input::-moz-placeholder {
font-size: 13px;
}
.oa-input-searchbar input:-ms-input-placeholder {
font-size: 13px;
}
.oa-input-searchbar input::placeholder {
font-size: 13px;
}
.svg-icon[data-v-123e0a92] {
min-width: 1em;
min-height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
.svg-external-icon[data-v-123e0a92] {
background-color: currentColor;
-webkit-mask-size: cover !important;
mask-size: cover !important;
display: inline-block;
}
.icon50[data-v-123e0a92] {
width: 50px;
height: 50px;
}
.icon40[data-v-123e0a92] {
width: 40px;
height: 40px;
}
.icon32[data-v-123e0a92] {
width: 32px;
height: 32px;
}
.icon18[data-v-123e0a92] {
width: 18px;
height: 18px;
}
.icon-logo[data-v-123e0a92] {
width: 140px;
height: 60px;
background-image: url(/icon/learningologo.png);
background-size: cover;
}
@media (max-width: 1023px) {
.icon-logo[data-v-123e0a92] {
width: 95px;
height: 40px;
}
}
.oa-search .col-container {
max-width: 867px;
min-width: 620px;
padding: 0;
text-align: left;
background: none;
}
.oa-search > .col-container {
position: relative;
}
.oa-search .oa-row.gray {
height: 58px;
background: #f9f9f9;
padding-top: 5px;
}
.oa-search .oa-row-secondary-title {
margin-top: 40px;
margin-bottom: 5px;
display: flex;
justify-content: space-between;
}
.oa-search .oa-btn-border {
margin-top: 10px;
}
.oa-search .oa-btn-filter {
width: 203px;
height: 48px;
border-radius: 10px;
}
.oa-search .oa-btn-filter .oa-arrow {
vertical-align: top;
display: inline-block;
transition: all 0.3s ease;
}
.oa-search .oa-btn-filter.active,
.oa-search .oa-btn-filter:active {
background-color: rgba(0, 0, 0, 0.1);
}
.oa-search .oa-btn-filter.active .oa-arrow,
.oa-search .oa-btn-filter:active .oa-arrow {
transform: rotate(180deg);
}
.oa-search .oa-btn-filter.selected {
color: #e14e2d;
}
@media (max-width: 640px) {
.oa-search .col-container {
width: 100%;
min-width: 100%;
height: calc(100vh - 94px);
overflow-y: auto;
}
.oa-search .oa-row.gray {
height: 34px;
padding-top: 4px;
}
.oa-search .oa-row.gray .col-container {
width: calc(100vw - 40px);
min-width: 320px;
display: flex;
justify-content: space-between;
}
.oa-search .oa-btn-filter {
width: 100px;
height: 24px;
}
.oa-search .oa-row-secondary-title {
margin: 20px 20px 5px;
}
.oa-search .oa-btn-group.secondary {
padding: 0 20px 20px;
border-bottom: 1px solid #e9e9e9;
}
}
.oa-filter {
position: relative;
}
.oa-filter .col-container {
width: 80%;
text-align: center;
min-width: 620px;
padding: 0;
background: none;
}
.oa-filter .oa-row.gray {
height: 58px;
background: #f9f9f9;
padding-top: 5px;
}
.oa-filter .oa-row-secondary-title {
margin-top: 40px;
margin-bottom: 5px;
display: flex;
justify-content: space-between;
}
.oa-filter .oa-btn-border {
margin-top: 10px;
}
.oa-filter .oa-btn-filter {
width: 203px;
height: 30px;
border-radius: 10px;
font-size: 15px;
}
@media (max-width: 767px) {
.oa-filter .oa-btn-filter {
font-size: 13px;
}
}
.oa-filter .oa-btn-filter .oa-arrow {
vertical-align: top;
display: inline-block;
transition: all 0.3s ease;
}
.oa-filter .oa-btn-filter.active,
.oa-filter .oa-btn-filter:active {
background-color: rgba(0, 0, 0, 0.1);
}
.oa-filter .oa-btn-filter.active .oa-arrow,
.oa-filter .oa-btn-filter:active .oa-arrow {
transform: rotate(180deg);
}
.oa-filter .oa-btn-filter.selected {
color: #e14e2d;
}
@media (max-width: 640px) {
.oa-filter .col-container {
width: 100%;
min-width: 100%;
height: auto;
overflow-y: auto;
}
.oa-filter .oa-row.gray {
height: 34px;
padding-top: 4px;
}
.oa-filter .oa-row.gray .col-container {
width: calc(100vw - 40px);
min-width: 320px;
display: flex;
justify-content: space-between;
}
.oa-filter .oa-btn-filter {
width: 100px;
height: 24px;
}
.oa-filter .oa-row-secondary-title {
margin: 20px 20px 5px;
}
.oa-filter .oa-btn-group.secondary {
padding: 0 20px 20px;
border-bottom: 1px solid #e9e9e9;
}
.oa-filter.active {
position: fixed;
width: 100%;
z-index: 1;
}
.oa-filter.active .col-container {
height: calc(100vh - 94px);
}
}

@media (max-width: 480px) {
.oa-filter .oa-btn-filter {
width: 80px;
height: 24px;
}
}
.oa-hamburgermenu .col-container {
width: 320px;
min-width: 320px;
padding: 0;
text-align: left;
border-top: 1px solid #e9e9e9;
}
.oa-hamburgermenu .col-container .lev1 {
height: 54px;
line-height: 34px;
font-size: 17px;
color: #2a2a2a;
padding: 15px 20px;
background: #f9f9f9;
border-bottom: 1px solid #e9e9e9;
cursor: pointer;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
overflow: hidden;
}
@media (max-width: 767px) {
.oa-hamburgermenu .col-container {
width: 100%;
min-width: 100%;
}
}
.modal-mask[data-v-345eda7e] {
background-color: transparent;
}
.modal-container[data-v-345eda7e] {
z-index: 99999;
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
height: auto;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
min-width: auto;
}
.modal-body[data-v-345eda7e],
.modal-container[data-v-345eda7e] {
background: #fff;
}
.modal-body[data-v-345eda7e] {
overflow: hidden;
padding: 53px 48px 29px;
height: 100%;
text-align: center;
max-width: 400px;
}
.modal-body .title[data-v-345eda7e] {
margin-top: 20px;
word-break: break-word;
}
.normal .modal-body[data-v-345eda7e] {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.normal .modal-body .title[data-v-345eda7e] {
margin-top: 0;
padding: 20px;
}
.warning .modal-body[data-v-345eda7e] {
padding: 53px 48px 29px;
}
@media (max-width: 767px) {
.modal-body[data-v-345eda7e] {
max-width: 280px;
}
}
@media (max-width: 1023px) {
.oa-card-program-with-info-wrap[data-v-eb306074] {
margin-top: 5px;
}
}
.swiper-container-horizontal.swiper-container-css-mode
> .swiper-wrapper[data-v-0d69d180] {
-ms-scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode
> .swiper-wrapper[data-v-0d69d180] {
-ms-scroll-snap-type: y mandatory;
}
.swiper-scrollbar[data-v-0d69d180] {
touch-action: none;
}
.swiperWrap[data-v-0d69d180] {
min-height: 380px;
padding: 20px 0;
background: #f8f8f8;
}
.swiper-container[data-v-0d69d180] {
width: 100%;
height: 340px;
background: #f8f8f8;
}
.swiper-container .swiper-slide[data-v-0d69d180] {
width: 510px;
height: 100% !important;
background-color: #d8d8d8;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: 50% 50%;
border-radius: 20px;
}
.swiper-container .swiper-slide .slide-item[data-v-0d69d180] {
width: 100%;
height: 100%;
cursor: pointer;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
border-radius: 20px;
}
.swiper-container .swiper-slide .swiper-lazy-preloader[data-v-0d69d180] {
opacity: 0;
}
.swiper-button-next[data-v-0d69d180],
.swiper-button-prev[data-v-0d69d180] {
top: calc(100% - 35px);
height: 2.5rem;
width: 2.5rem;
border-radius: 50%;
background: #fff;
}
.swiper-button-next[data-v-0d69d180]:after,
.swiper-button-prev[data-v-0d69d180]:after {
font-size: 1.25rem;
color: #2a2a2a;
}
.swiper-button-next[data-v-0d69d180]:hover,
.swiper-button-prev[data-v-0d69d180]:hover {
opacity: 0.7;
}
.swiper-button-next[data-v-0d69d180]:active,
.swiper-button-prev[data-v-0d69d180]:active {
opacity: 1;
}
.swiper-button-prev[data-v-0d69d180] {
left: 15px;
}
.swiper-button-next[data-v-0d69d180] {
right: 15px;
}
@media (max-width: 1023px) {
.swiperWrap[data-v-0d69d180] {
min-height: 350px;
padding: 5px 0;
}
}
@media (max-width: 767px) {
.swiperWrap[data-v-0d69d180] {
min-height: calc(66.66667vw + 10px);
}
.swiper-container[data-v-0d69d180] {
height: 66.66667vw;
}
.swiper-container .swiper-slide[data-v-0d69d180] {
width: 100vw;
border-radius: 0;
}
.swiper-container .swiper-slide .slide-item[data-v-0d69d180] {
border-radius: 0;
}
.swiper-button-next[data-v-0d69d180],
.swiper-button-prev[data-v-0d69d180] {
display: none;
}
}
.swiper-pagination .swiper-pagination-bullet {
background: #fff;
opacity: 0.36;
}
.swiper-pagination .swiper-pagination-bullet-active {
background-color: #fff;
opacity: 1;
}
@media (max-width: 767px) {
.swiper-pagination {
text-align: right;
padding-right: 20px;
}
}
.oa-cate {
display: flex;
padding: 20px 0 0;
background: #fff;
box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
overflow-x: scroll;
}
.oa-cate .cate {
min-width: 960px;
display: inline-flex;
flex-wrap: wrap;
justify-content: center;
margin: auto;
}
.oa-cate .cate a {
width: 60px;
margin: auto 10px 20px;
color: #2a2a2a;
}
.oa-cate .cate a .iconDefault {
display: inline;
display: initial;
}
.oa-cate .cate a .iconOn {
display: none;
}
.oa-cate .cate a .text {
height: 17px;
line-height: 17px;
font-size: 12px;
color: #2a2a2a;
}
.oa-cate .cate a:active,
.oa-cate .cate a:hover {
color: #e14e2d;
}
.oa-cate .cate a:active .iconDefault,
.oa-cate .cate a:hover .iconDefault {
display: none;
}
.oa-cate .cate a:active .iconOn,
.oa-cate .cate a:hover .iconOn {
display: inline;
display: initial;
}
.oa-cate .cate a:active .text,
.oa-cate .cate a:hover .text {
color: #e14e2d;
}
@media (max-width: 430px) {
.oa-cate .cate {
min-width: 420px;
justify-content: left;
margin: auto 0;
}
.oa-cate .cate a {
margin: auto 5px 20px;
}
}

.bulletinBoard {
padding-bottom: 72px;
}
.bulletinBoard .oa-btn-text {
display: block;
margin-top: 15px;
text-align: left;
}
.bulletinBoard .oa-card-program-with-info .info-title,
.bulletinBoard .oa-card-program-with-info h3 {
max-width: 200px;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
word-break: break-word;
overflow: hidden;
text-overflow: ellipsis;
}
.bulletinBoard .oa-card .oa-btn-text > div {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
}
@media (max-width: 1023px) {
.bulletinBoard {
position: relative;
padding-bottom: 0;
}
.bulletinBoard .oa-card {
text-align: left;
margin-top: 0;
border-top: 5px solid #e9e9e9;
border-radius: 0;
width: 100%;
}
.bulletinBoard .oa-card .oa-title {
width: 590px;
margin: 25px auto 0;
}
.bulletinBoard .oa-card .content {
max-width: 590px;
width: 590px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}
.bulletinBoard .oa-card .content .oa-card-program-with-info {
padding: 15px 0;
flex: 0 0 285px;
margin-right: 20px;
}
.bulletinBoard .oa-card .content .oa-card-program-with-info:nth-child(2n) {
margin-right: 0;
}
.bulletinBoard .oa-card .content .oa-card-program-with-info:nth-last-child(2),
.bulletinBoard .oa-card .content .oa-card-program-with-info:nth-last-child(3) {
border: none;
}
.bulletinBoard .oa-card .content.list {
display: block;
}
.bulletinBoard .oa-card:last-child {
padding-bottom: 40px;
}
}
@media (max-width: 767px) {
.bulletinBoard .oa-card {
padding: 15px 10px 0;
}
.bulletinBoard .oa-card .oa-title {
width: 100%;
margin: 25px 10px 0;
}
.bulletinBoard .oa-card .content {
max-width: 100%;
width: 100%;
display: block;
padding-bottom: 20px;
}
.bulletinBoard .oa-card .content .oa-card-program-with-info {
padding: 15px 10px;
margin-right: 0;
}
.bulletinBoard .oa-card .content .oa-card-program-with-info .info-title,
.bulletinBoard .oa-card .content .oa-card-program-with-info h3 {
max-width: 100%;
}
.bulletinBoard .oa-card .content.list {
padding-left: 10px;
padding-right: 10px;
}
}
.fix-bottom[data-v-df8ff470] {
position: fixed;
bottom: 12px;
left: 12px;
right: 12px;
}
.gray-card[data-v-df8ff470] {
padding: 20px;
color: #fff;
border-radius: 20px;
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
background-color: rgba(0, 0, 0, 0.7);
display: flex;
}
.gray-card .sm[data-v-df8ff470] {
flex: 1;
margin-top: auto;
margin-bottom: auto;
}
.gray-card .sm .orange1[data-v-df8ff470] {
text-decoration: underline;
}
.gray-card > div[data-v-df8ff470]:last-child {
margin-top: auto;
margin-bottom: auto;
}
.gray-card .rect[data-v-df8ff470] {
margin-left: 20px;
width: 150px;
height: 40px;
line-height: 40px;
font-size: 16px;
text-align: center;
background: #fff;
}
@media (max-width: 1023px) {
.gray-card[data-v-df8ff470] {
display: block;
}
.gray-card > div[data-v-df8ff470]:last-child {
display: flex;
margin-top: 20px;
}
.gray-card .rect[data-v-df8ff470] {
margin-left: auto;
}
}
@media screen and (max-width: 767px) {
.gray-card .rect[data-v-df8ff470] {
width: 100%;
}
}
.dropdown-container[data-v-d282184a]:before {
left: 299px;
}
.dropdown-container[data-v-7fadc46c]:before {
left: 505px;
}
.calendar[data-v-7fadc46c] {
margin: 0 0 0 16px;
}
.calendar li[data-v-7fadc46c] {
outline: none;
}
.center-text[data-v-7fadc46c] {
text-align: center;
font-size: 15px;
line-height: 1.875rem;
padding: 0.625rem 0;
margin: 0.3125rem auto;
}
.weekdays[data-v-7fadc46c] {
margin: 0;
display: flex;
flex-wrap: wrap;
}
.weekdays li[data-v-7fadc46c] {
flex: 0 1 84px;
list-style-type: none;
padding: 0.625rem 0;
margin: 0.3125rem 0;
font-size: 1rem;
color: #9b9b9b;
text-align: center;
}
.days[data-v-7fadc46c] {
margin: 0;
display: flex;
flex-wrap: wrap;
}
.days li[data-v-7fadc46c] {
position: relative;
flex: 0 1 84px;
list-style-type: none;
text-align: center;
padding: 0.625rem 0;
margin: 0.3125rem 0;
font-size: 15px;
line-height: 30px;
color: #4a4a4a;
cursor: pointer;
}
.days li[data-v-7fadc46c]:after {
content: "";
position: absolute;
top: 0;
left: 17px;
height: 50px;
width: 50px;
background: none;
z-index: -1;
border-radius: 50%;
}
.days li.active[data-v-7fadc46c] {
color: #fff;
background: #e14e2d;
}
.days li.active-first-child[data-v-7fadc46c] {
background: linear-gradient(90deg, #fff 50%, #e14e2d 0);
z-index: 0;
color: #fff;
}
.days li.active-first-child[data-v-7fadc46c]:after {
background: #e14e2d;
}
.days li.active-last-child[data-v-7fadc46c] {
background: linear-gradient(90deg, #e14e2d 50%, #fff 0);
z-index: 0;
color: #fff;
}
.days li.active-last-child[data-v-7fadc46c]:after {
background: #e14e2d;
}
.days li.active-first-child.active-single[data-v-7fadc46c],
.days li.active-first-child.active-single.hover[data-v-7fadc46c] {
background: none;
}
.days li.active-first-child.active-single.has-hoverEnd[data-v-7fadc46c] {
background: linear-gradient(90deg, #fff 50%, #fef5ef 0);
}
.days li.active-first-child.active-single.has-hoverStart[data-v-7fadc46c] {
background: linear-gradient(90deg, #fef5ef 50%, #fff 0);
}
.days li[data-v-7fadc46c]:hover {
background: auto;
z-index: 0;
color: #e14e2d;
}
.days li[data-v-7fadc46c]:hover:after {
background: #fef5ef;
}
.days li[data-v-7fadc46c]:active {
color: #fff;
}
.days li[data-v-7fadc46c]:active:after {
background: #e14e2d;
}
.days li.hover[data-v-7fadc46c] {
background: #fef5ef;
}
.days li.hover-first-child[data-v-7fadc46c] {
background: linear-gradient(90deg, #fff 50%, #fef5ef 0);
z-index: 0;
color: #e14e2d;
}
.days li.hover-first-child[data-v-7fadc46c]:after {
background: #fef5ef;
}
.days li.hover-last-child[data-v-7fadc46c] {
background: linear-gradient(90deg, #fef5ef 50%, #fff 0);
z-index: 0;
color: #e14e2d;
}
.days li.hover-last-child[data-v-7fadc46c]:after {
background: #fef5ef;
}
.days li.disabled[data-v-7fadc46c] {
cursor: default;
color: #cacaca;
}
.days li.disabled[data-v-7fadc46c]:after {
background: none;
}
.blank[data-v-7fadc46c] {
cursor: default !important;
}
.blank[data-v-7fadc46c],
.blank[data-v-7fadc46c]:after {
background: none !important;
}
@media (max-width: 640px) {
.dropdown-body[data-v-7fadc46c] {
max-width: 320px;
margin: 0 auto;
}
.oa-btn-border[data-v-7fadc46c] {
margin-bottom: 10px;
margin-right: 6px;
}
.center-text[data-v-7fadc46c] {
margin: 0;
padding: 0;
}
.days li[data-v-7fadc46c],
.weekdays li[data-v-7fadc46c] {
flex: 0 1 40px;
}
.days li[data-v-7fadc46c] {
position: relative;
line-height: 20px;
padding: 5px 0;
}
.days li[data-v-7fadc46c]:after {
content: "";
position: absolute;
top: 0;
left: 5px;
height: 30px;
width: 30px;
}
}
.loading,
div {
display: block;
}
.loading {
position: fixed;
z-index: 99999;
background-color: hsla(0, 0%, 100%, 0.9);
margin: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: opacity 0.5s;
}
.loading .loading-spinner {
position: absolute;
top: 40vh;
margin-top: -1.3125rem;
width: 100%;
text-align: center;
}
.loading .loading-spinner .circular {
height: 2.625rem;
width: 2.625rem;
-webkit-animation: loading-rotate 2s linear infinite;
animation: loading-rotate 2s linear infinite;
}
.loading .loading-spinner .circular .path {
-webkit-animation: loading-dash 1.5s ease-in-out infinite;
animation: loading-dash 1.5s ease-in-out infinite;
stroke-dasharray: 90, 150;
stroke-dashoffset: 0;
stroke-width: 2;
stroke: #e14e2d;
stroke-linecap: round;
}
@-webkit-keyframes loading-rotate {
to {
transform: rotate(1turn);
}
}
@keyframes loading-rotate {
to {
transform: rotate(1turn);
}
}
@-webkit-keyframes loading-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -2.5rem;
}
to {
stroke-dasharray: 90, 150;
stroke-dashoffset: -7.5rem;
}
}
@keyframes loading-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -2.5rem;
}
to {
stroke-dasharray: 90, 150;
stroke-dashoffset: -7.5rem;
}
}
.loading-enter,
.loading-leave-active {
opacity: 0;
}
.oa-modal-mask.note .oa-modal-body {
height: calc(100% - 79px);
font-size: 15px;
}
@media (max-width: 1023px) {
.oa-modal-mask.note .oa-modal-body {
height: calc(100% - 130px);
}
}
.modal-container[data-v-7a16c384] {
max-width: 620px;
max-height: 746px;
min-width: 620px;
}
.modal-body[data-v-7a16c384],
.modal-container[data-v-7a16c384],
.modal-header[data-v-7a16c384] {
background: #fff;
}
.modal-header .title[data-v-7a16c384] {
display: none;
}
.modal-body[data-v-7a16c384] {
text-align: center;
}
.modal-body .title[data-v-7a16c384] {
margin-top: 72px;
text-align: center;
font-size: 20px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.5;
letter-spacing: normal;
color: #4a4a4a;
}
.btn-primary-full[data-v-7a16c384] {
border-radius: 0.1875rem;
width: 21.5rem;
margin: 0.875rem auto 1.875rem;
opacity: 0.5;
cursor: auto;
}
.btn-primary-full.active[data-v-7a16c384] {
cursor: pointer;
opacity: 1;
}
.btn-receive-verify[data-v-7a16c384] {
display: block;
margin-bottom: 7.5625rem;
}
.login-message[data-v-7a16c384] {
display: block;
font-size: 0.875rem;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-align: center;
color: #d0021b;
margin-top: 0.875rem;
}
@media (max-width: 565px) {
.modal-body[data-v-7a16c384] {
text-align: center;
height: 100%;
padding-top: 2.625rem;
}
.modal-body .title[data-v-7a16c384] {
display: none;
}
.modal-container[data-v-7a16c384] {
min-width: 20rem;
max-height: 100%;
width: 100%;
height: 100%;
margin: 0 auto;
border-radius: 0;
background-color: #f8f8f8;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
transition: all 0.3s ease;
/*font-family: Helvetica, Arial, sans-serif;*/
font-family: sans-serif;
position: relative;
overflow: hidden;
}
.modal-wrapper[data-v-7a16c384] {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
}
.modal-header[data-v-7a16c384] {
display: flex;
justify-content: center;
align-items: center;
position: relative;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
height: 3.125rem;
width: 100%;
min-width: 20rem;
background: #fff;
color: #9b9b9b;
padding: 0;
font-size: 1.25rem;
}
.modal-header .title[data-v-7a16c384] {
display: block;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 1.88 !important;
color: #4a4a4a;
}
.modal-header .modal-default-button[data-v-7a16c384] {
position: absolute;
left: 0.9375rem;
top: 0.3125rem;
color: #4a4a4a;
font-size: 1.875rem;
z-index: 9999;
right: auto;
}
.form-group[data-v-7a16c384] {
margin: 0 auto;
width: 18.75rem;
}
.btn-primary-full[data-v-7a16c384] {
border-radius: 0.1875rem;
width: 18.75rem;
margin: 0.875rem auto 1.875rem;
opacity: 0.5;
cursor: auto;
}
}
.col-container[data-v-34f8e3f0] {
max-width: 940px;
min-width: 769px;
margin: 0 auto;
}
@media screen and (min-width: 1440px) {
.col-container[data-v-34f8e3f0] {
width: 1308px;
max-width: 1308px;
min-width: 0;
}
}
@media screen and (max-width: 1439px) {
.col-container[data-v-34f8e3f0] {
max-width: 1415px;
min-width: 0;
}
}
@media screen and (max-width: 1023px) {
.col-container[data-v-34f8e3f0] {
max-width: 768px;
min-width: 566px;
}
}
@media screen and (max-width: 767px) {
.col-container[data-v-34f8e3f0] {
max-width: 565px;
min-width: 320px;
}
}
.col-row[data-v-34f8e3f0] {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.modal-container[data-v-34f8e3f0] {
width: 36.875rem;
height: 36.875rem;
min-width: auto;
max-height: 100%;
}
.modal-body[data-v-34f8e3f0],
.modal-container[data-v-34f8e3f0],
.modal-header[data-v-34f8e3f0] {
background: #fff;
}
.modal-body[data-v-34f8e3f0] {
text-align: center;
height: auto;
padding: 0 5.5625rem;
margin-bottom: 2.5rem;
}
.modal-body .title[data-v-34f8e3f0] {
margin-top: 11.375rem;
text-align: center;
font-size: 1.0625rem;
font-weight: 600;
color: #2a2a2a;
}
.modal-body .text[data-v-34f8e3f0] {
padding-top: 2.5rem;
font-size: 0.9375rem;
color: #2a2a2a;
text-align: center;
}
.modal-footer[data-v-34f8e3f0] {
display: flex;
flex-direction: column;
margin-bottom: 0.9375rem;
box-shadow: none;
padding: 0 5.5625rem;
align-items: center;
position: static;
background: #fff;
}
.btn-contfirm[data-v-34f8e3f0] {
padding: 0.5625rem 10.875rem;
margin-bottom: 1.8125rem;
}
@media (max-width: 767px) {
.modal-container[data-v-34f8e3f0] {
width: 18.75rem;
height: 18.75rem;
}
.modal-body[data-v-34f8e3f0] {
text-align: center;
padding: 0 1.25rem;
}
.modal-body .title[data-v-34f8e3f0] {
margin-top: 2.3125rem;
}
.modal-footer[data-v-34f8e3f0] {
padding: 0 1.25rem;
margin-bottom: 2.25rem;
}
.btn-contfirm[data-v-34f8e3f0] {
padding: 0.5625rem 6.125rem;
margin-bottom: 1.25rem;
}
}
.pagination {
margin: 0 auto;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
cursor: default;
}
.pagination .pager {
display: inline-block;
}
.pagination .number,
.pagination .pager-btn {
margin: 0.3125rem;
height: 1.875rem;
width: 1.875rem;
display: inline-block;
cursor: pointer;
color: #4a4a4a;
text-align: center;
line-height: 1.875rem;
font-size: 1rem;
font-weight: 400;
}
.pagination .pager-btn:hover {
color: #007aff;
}
.pagination .pager-btn.disabled {
color: #b8b8b8;
cursor: not-allowed;
}
.pagination .number {
border-radius: 0.1875rem;
background: #f8f8f8;
}
.pagination .number:hover {
color: #007aff;
}
.pagination .number.active,
.pagination .number:active {
background: #007aff;
color: #fff;
}
/*@font-face {
                font-family: "swiper-icons";
                src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
                    format("woff");
                font-weight: 400;
                font-style: normal;
            }*/
:root {
--swiper-theme-color: #007aff;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
transform: translateZ(0);
}
.swiper-container-multirow > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-container-3d {
perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
:root {
--swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: 44px;
height: var(--swiper-navigation-size);
margin-top: -22px;
margin-top: calc(var(--swiper-navigation-size) * -1 / 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-theme-color);
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
/*font-family: swiper-icons;*/
font-family: sans-serif;
font-size: 44px;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
-moz-font-feature-settings: normal;
font-feature-settings: normal;
font-variant: normal;
line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
content: "prev";
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
content: "next";
}
.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
--swiper-navigation-color: #fff;
}
.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
--swiper-navigation-color: #000;
}
.swiper-button-lock {
display: none;
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: opacity 0.3s;
transform: translateZ(0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%;
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: var(--swiper-theme-color);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical
> .swiper-pagination-bullets
.swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
display: inline-block;
transition: transform 0.2s, top 0.2s;
}
.swiper-container-horizontal
> .swiper-pagination-bullets
.swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
transition: transform 0.2s, left 0.2s;
}
.swiper-container-horizontal.swiper-container-rtl
> .swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
transition: transform 0.2s, right 0.2s;
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-theme-color);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-container-rtl
.swiper-pagination-progressbar
.swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical
> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-horizontal
> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white {
--swiper-pagination-color: #fff;
}
.swiper-pagination-black {
--swiper-pagination-color: #000;
}
.swiper-pagination-lock {
display: none;
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
animation: swiper-preloader-spin 1s linear infinite;
box-sizing: border-box;
border-left: 4px solid var(--swiper-theme-color);
border-bottom: 4px solid var(--swiper-theme-color);
border-right: 4px solid var(--swiper-theme-color);
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top: 4px solid transparent;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
to {
transform: rotate(1turn);
}
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

/*站內通知*/
.notification-modal[_ngcontent-wmx-c21] {
display: block;
position: absolute;
right: 0;
top: 90px;
background-color: #fff;
box-shadow: -1px 2px 4px -1px rgb(0 0 0 / 30%);
width: 362px;

border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.notification-modal__container[_ngcontent-wmx-c21] {
display: flex;
flex-flow: column nowrap;
justify-content: stretch;
height: 410px;
max-height: calc(100vh - 60px);
}
.notification-modal__content[_ngcontent-wmx-c21] {
position: relative;
flex: 1 1 auto;
overflow: auto;
background-color: #f9f9f9;
}
.notification-modal__list[_ngcontent-wmx-c21] {
padding: 0;
margin: 0;
list-style: none;
}
.notification-item[_ngcontent-wmx-c21]:not(.notification-item--dialog).notification-item--un-read {
background-color: #fff;
box-shadow: 1px 1px 3px 0 rgb(44 44 44 / 30%);
}
.notification-item[_ngcontent-wmx-c21]:not(.notification-item--dialog).notification-item--seen {
box-shadow: none;
/*background-color: transparent;*/
}
.notification-item[_ngcontent-wmx-c21] {
padding: 15px;
display: flex;
flex-flow: row nowrap;
justify-content: stretch;
border-bottom: 1px solid #ededed;
align-items: flex-start;
}
.notification-item[_ngcontent-wmx-c21]:hover {
cursor: pointer;
}
.notification-modal__list[_ngcontent-wmx-c21]
.notification-item__avatar[_ngcontent-wmx-c21]
> img[_ngcontent-wmx-c21] {
display: block;
height: 100%;
vertical-align: top;
width: 60px;
max-height: 60px;
max-width: 60px;
border-radius: 30px;
}
.notification-item__content {
font-size: 14px;
padding-left: 10px;
}
.notification-item__content > .notification-item__timestamp {
font-size: 12px;
margin-top: 20px;
}
.notification-modal__footer[_ngcontent-wmx-c21] {
flex: 0 0 auto;
background-color: #f9f9f9;
border-top: 1px solid #cecece;
color: #2c2c2c;
display: block;
font-size: 14px;
font-weight: 700;
padding: 13px;
text-align: center;
text-transform: uppercase;
cursor: pointer;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.notification-cart__footer[_ngcontent-wmx-c21] {
flex: 0 0 auto;
background-color: #faffec;
border-top: 1px solid #cecece;
color: #2c2c2c;
display: block;
font-size: 14px;
font-weight: 700;
padding: 13px;
text-align: center;
text-transform: uppercase;
cursor: pointer;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.notification-cart__footer[_ngcontent-wmx-c21] > button {
width: 204px;
height: 56px;
background: #82a417 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
border-radius: 8px;
font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal)
18px/33.6px Noto Sans CJK TC;
letter-spacing: var(--unnamed-character-spacing-0);
text-align: center;
font: normal normal normal 18px/34px Noto Sans CJK TC;
letter-spacing: 0px;
color: #ffffff;
}

#__layout {
background-image: url(/images/main_bk.png);
background-position: top;
background-size: contain;
background-repeat: no-repeat;
}

.login_main {
display: grid;
grid-template-columns: repeat(2, 1fr);
text-align: center;
/*min-height: 900px;*/
}
.login_topic_left {
float: left;
width: 60%;
margin-left: 35%;
min-height: 500px;
}
.login_topic_right {
float: left;
width: 60%;
margin-left: 5%;
min-height: 500px;
}
@media (max-width: 1024px) {
/*.login_main{
		min-height: 900px;
	}*/
.login_main > .login_topic_left {
float: left;
width: 80%;
margin-left: 15%;
min-height: 400px;
}
.login_main > .login_topic_right {
float: left;
width: 80%;
margin-left: 5%;
min-height: 400px;
}
}
@media (max-width: 768px) {
/*.login_main{
		min-height: 670px;
	}*/
.login_main > .login_topic_left {
float: left;
width: 80%;
margin-left: 15%;
min-height: 650px;
}
.login_main > .login_topic_right {
float: left;
width: 80%;
margin-left: 5%;
min-height: 650px;
}
}
@media (max-width: 480px) {
.login_main {
display: grid;
grid-template-columns: repeat(1, 2fr);
text-align: center;
/*min-height: 800px;*/
}
.login_main > .login_topic_left {
float: left;
width: 90%;
margin-left: 5%;
min-height: 300px;
background-color: rgba(255, 255, 255, 0);
}
.login_main > .login_topic_right {
float: left;
width: 90%;
margin-left: 5%;
min-height: 300px;
background-color: rgba(255, 255, 255, 0);
}
}

@media (min-width: 768px) {
body ::-webkit-scrollbar {
width: 6px;
height: 6px;
}
}

body ::-webkit-scrollbar-thumb {
background-color: #89ad0e;
border-radius: 0;
}
body ::-webkit-scrollbar-track {
background-color: #dedede;
border-radius: 0;
}

/*購物車*/
.notification-cart[_ngcontent-wmx-c21] {
display: block;
position: absolute;
right: 0;
top: 90px;
background-color: #fff;
box-shadow: -1px 2px 4px -1px rgb(0 0 0 / 30%);
width: 500px;

border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.notification-cart__container[_ngcontent-wmx-c21] {
display: flex;
flex-flow: column nowrap;
justify-content: stretch;
height: 410px;
max-height: calc(100vh - 60px);
}
.notification-cart__content[_ngcontent-wmx-c21] {
position: relative;
flex: 1 1 auto;
overflow: auto;
background-color: #f9f9f9;
}
.notification-cart__list[_ngcontent-wmx-c21] {
padding: 0;
margin: 0;
list-style: none;
}

.notification-cart__list[_ngcontent-wmx-c21]
.notification-item__avatar[_ngcontent-wmx-c21]
> img[_ngcontent-wmx-c21] {
display: block;
height: 100%;
vertical-align: top;
width: auto;
max-height: 80px;
max-width: 100px;
}
.all_price_css {
font: var(--unnamed-font-style-normal) normal 600 28px/37px Segoe UI;
font: normal normal 600 28px/37px Segoe UI;
color: #d96661;
}

.in-app-notifications-cart {
color: #c1c1c1;
}
.notification-item__cart {
font-size: 16px;
font-weight: bold;
}

/*會員專區*/
.notification-item[_ngcontent-wmx-button] {
width: 90%;
padding: 15px 15px 15px 0;
margin-left: 10%;
display: flex;
flex-flow: row nowrap;
justify-content: stretch;
border-bottom: 1px solid #ededed;
align-items: flex-start;
/*background: #fff;*/
}
.notification-member__list[_ngcontent-wmx-c21] > div:hover {
background-color: #faffec;
}

.notification-item_member_content {
font-size: 14px;
}

.notification-member[_ngcontent-wmx-c21] {
display: block;
position: absolute;
right: 0;
top: 90px;
background-color: #fff;
/*box-shadow: -1px 2px 4px -1px rgb(0 0 0 / 30%);*/
width: 200px;

border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.notification-member__container[_ngcontent-wmx-c21] {
/*display: flex;*/
flex-flow: column nowrap;
justify-content: stretch;
/*height: 340px;*/
max-height: calc(100vh - 60px);
}
.notification-member__content[_ngcontent-wmx-c21] {
position: relative;
flex: 1 1 auto;
overflow: auto;
background-color: #f9f9f9;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
box-shadow: -1px 2px 4px -1px rgb(0 0 0 / 30%);
}
.notification-member__list[_ngcontent-wmx-c21] {
padding: 0;
margin: 0;
list-style: none;
background-color: #fff;
}

.notification-member__list[_ngcontent-wmx-c21]
.notification-item__avatar[_ngcontent-wmx-c21]
> img[_ngcontent-wmx-c21] {
display: block;
height: 100%;
vertical-align: top;
width: 100px;
}

@media screen and (max-width: 740px) {
.notification-modal__container[_ngcontent-wmx-c21] {
height: 100%;
max-height: none;
}
.notification-modal__content[_ngcontent-wmx-c21] {
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
-webkit-transform: translate3d(0, 0, 0);
-webkit-perspective: 1000;
}
/*購物車 740*/
.notification-cart__content[_ngcontent-wmx-c21] {
height: 100%;
max-height: none;
}
.notification-cart__content[_ngcontent-wmx-c21] {
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
-webkit-transform: translate3d(0, 0, 0);
-webkit-perspective: 1000;
}
/*會員專區 740*/
.notification-member__content[_ngcontent-wmx-c21] {
height: 100%;
max-height: none;
}
.notification-member__content[_ngcontent-wmx-c21] {
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
-webkit-transform: translate3d(0, 0, 0);
-webkit-perspective: 1000;
}
}

#login_button {
background-image: url(/images/icon_txt_login.svg);
}
#member_button {
background-image: url(/images/icon_txt_member.svg);
}
#cart_button {
background-image: url(/images/icon_txt_cart.svg);
}
#news_button {
background-image: url(/images/icon_txt_news.svg);
}
#myclass_button {
background-image: url(/images/icon_txt_class.svg);
}

#login_button:hover {
background-color: #f5f5f5;
}
#member_button:hover {
background-color: #f5f5f5;
}
#cart_button:hover {
background-color: #f5f5f5;
}
#news_button:hover {
background-color: #f5f5f5;
}
#myclass_button:hover {
background-color: #f5f5f5;
}

#myBtn {
position: fixed;
bottom: 10%;
right: 30px;
z-index: 99;
border: none;
outline: none;
background-image: url(/images/cs_icon.svg);
cursor: pointer;
width: 80px;
height: 80px;
background-color: transparent;
background-position: center;
}
.bulletin_box {
width: 90%;
display: grid !important;
grid-template-columns: repeat(3, 2fr);
margin-left: 5%;
}
.bulletin_box > button {
height: 140px;
background-size: auto 100%;
background-position: left;
background-image: url(/images/post_icon1.svg);
margin: 10px;
border-radius: 10px;
box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);
background-repeat: no-repeat;
background-color: #fff;
font-size: 14px;
font-weight: bold;
padding: 10% 20% 10% 30%;
text-align: left;
}
@media screen and (max-width: 1024px) {
.bulletin_box {
display: grid !important;
grid-template-columns: repeat(2, 3fr);
}
.bulletin_box > button {
height: 80px;
padding: 2% 10% 2% 20%;
}
}
@media screen and (max-width: 768px) {
.bulletin_box > button {
font-size: 12px;
}
}
@media screen and (max-width: 480px) {
.bulletin_box {
display: grid !important;
grid-template-columns: repeat(1, 6fr);
}
.bulletin_box > button {
height: 65px;
font-size: 12px;
padding: 2% 10% 2% 20%;
}
}
.bulletin_box > button:hover {
filter: brightness(97%);
box-shadow: none;
}
.bulletin_box > button:active {
box-shadow: 0 0 3px rgb(100 100 100 / 30%) inset;
}

.bulletin_box > .bulletin_button1 {
background-image: url(/images/post_icon1.svg);
}
.bulletin_box > .bulletin_button2 {
background-image: url(/images/post_icon2.svg);
}
.bulletin_box > .bulletin_button3 {
background-image: url(/images/post_icon3.svg);
}
.bulletin_box > .bulletin_button4 {
background-image: url(/images/post_icon4.svg);
}
.bulletin_box > .bulletin_button5 {
background-image: url(/images/post_icon5.svg);
}
.bulletin_box > .bulletin_button6 {
background-image: url(/images/post_icon6.svg);
}

.member_title {
height: 80px;
text-align: left;
width: 100%;
position: relative;
font-size: 32px;
color: #4c5921;
font-weight: 500;

padding-top: 40px;
padding-left: calc((100% - 1250px) / 2);
padding-right: calc((100% - 1250px) / 2);
}

@media screen and (max-width: 1440px) {
.member_title {
padding-left: calc((100% - 980px) / 2);
padding-right: calc((100% - 980px) / 2);
}
}
@media screen and (max-width: 1024px) {
.member_title {
padding-left: 10%;
padding-right: 10%;
}
}
@media screen and (max-width: 480px) {
.member_title {
font-size: 24px;
}
}
.news_icon {
min-width: 10px;
min-height: 10px;
border-radius: 10px;
background-color: #ee4d2d;
}
.cart_icon {
max-width: 23px;
max-height: 23px;
min-width: 23px;
border-radius: 23px;
background-color: #ee4d2d;
}

.yn_cart {
position: relative;
margin-left: 71%;
/*margin-top: -70px;*/
font-size: 12px;
/* display: none; */
line-height: 23px;
color: white;
}

::placeholder {
color: #b2b2b2 !important;
opacity: 1; /* Firefox */
}

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

::-ms-input-placeholder {
/* Microsoft Edge */
color: #b2b2b2 !important;
}

@media screen and (min-width: 1025px) {
.course-program {
min-height: 500px;
max-width: 762px;
left: calc(50% - 762px / 2);
position: relative;
}
}
.course-program > div {
border-bottom: 1px solid #ededed;
min-height: 80px;
padding-bottom: 20px;
margin-bottom: 45px;
}

.course-program > div > h2 > .course-new {
background: #87b129 0% 0% no-repeat padding-box;
border-radius: 17px;
color: white;
padding: 5px 20px;
font-size: 14px;
}

.title_text {
font-size: 32px;
color: #4c5921;
padding: 10px;
font-weight: bold;
}
@media screen and (max-width: 480px) {
.title_text {
font-size: 18px;
}
}
.icon_google {
width: 44px;
height: 44px;
background-image: url(/icon/icon_google.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin: 12px;
}

.icon_fb {
width: 44px;
height: 44px;
background-image: url(/icon/icon_fb.svg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin: 12px;
}
.icon_line {
width: 44px;
height: 44px;
background-image: url(/icon/icon_line.svg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin: 12px;
}

/*頁碼*/
.pagination u {
background: #82a417;
border: 1px solid #faffec;
color: #fff;
font-weight: 700;
line-height: 40px;
min-width: 40px;
text-align: center;
display: inline-block;
padding: 0;
border-radius: 2px;
text-decoration: none;
margin: 5px 0px;
font-size: 13px;
}
.pagination a {
font-weight: 700;
background: #fff;
border: 1px solid;
color: #444;
border-color: #e3e3e3 #cecece #b4b4b4 #d6d6d6;
border-radius: 2px;
display: inline-block;
line-height: 40px;
min-width: 40px;
text-align: center;
padding: 0;
margin: 5px 0px;
font-size: 13px;
}